/* _content/EduLive.Web/Components/Forms/Admin/FormBrandingPanel.razor.rz.scp.css */
.fbp[b-ptisumogr7] {
    display: grid;
    gap: 16px;
}

.fbp__logo[b-ptisumogr7] {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 18px;
    align-items: start;
}

.fbp__onizleme[b-ptisumogr7] {
    display: grid;
    gap: 6px;
    justify-items: center;
    padding: 14px;
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    background: var(--glass);
    min-height: 120px;
    align-content: center;
}

.fbp__img[b-ptisumogr7] {
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.fbp__bos[b-ptisumogr7] {
    color: var(--fg-soft);
    font-size: .85rem;
}

.fbp__not[b-ptisumogr7] {
    font-size: .76rem;
    text-align: center;
}

.fbp__logo-form[b-ptisumogr7] {
    display: grid;
    gap: 12px;
}

.fbp__aciklama[b-ptisumogr7] {
    margin: -6px 0 12px;
    font-size: .86rem;
}

.fbp__renk[b-ptisumogr7] {
    display: grid;
    grid-template-columns: auto 1fr 180px;
    gap: 14px;
    align-items: end;
}

.fbp__renk-kutu[b-ptisumogr7] {
    display: grid;
    gap: 6px;
}

.fbp__renk-etiket[b-ptisumogr7] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--fg-soft);
}

.fbp__renk-girdi[b-ptisumogr7] {
    width: 56px;
    height: 42px;
    padding: 2px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    cursor: pointer;
}

/* --fbp-ornek inline style ile veriden gelir. */
.fbp__ornek[b-ptisumogr7] {
    --fbp-ornek: var(--brand);
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--yuzey, var(--glass-strong));
}

.fbp__ornek-serit[b-ptisumogr7] {
    height: 6px;
    border-radius: var(--radius-pill);
    background: var(--fbp-ornek);
}

.fbp__ornek-dugme[b-ptisumogr7] {
    justify-self: start;
    padding: 6px 14px;
    border-radius: var(--radius-pill);
    /* Örnek düğme public sayfadaki kuralı yansıtır: yazı rengi marka parlaklığına göre. */
    background: var(--fbp-ornek);
    color: var(--fbp-ornek-yazi, var(--on-brand));
    font-size: .8rem;
    font-weight: 700;
}

@media (max-width: 720px) {
    .fbp__logo[b-ptisumogr7],
    .fbp__renk[b-ptisumogr7] {
        grid-template-columns: 1fr;
    }
}
/* _content/EduLive.Web/Components/Forms/Admin/FormCanvas.razor.rz.scp.css */
/* Yalnız ekran okuyucuya: sıralama/kaldırma duyurusu (görsel geri bildirim listede zaten var). */
.fc__duyuru[b-ew914jgehl] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.fc[b-ew914jgehl] {
    display: grid;
    gap: 6px;
}

.fc__bos[b-ew914jgehl] {
    display: grid;
    gap: 4px;
    padding: 22px 16px;
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    color: var(--fg-soft);
    text-align: center;
    font-size: .9rem;
}

.fc__satir[b-ew914jgehl] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    transition: border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-smooth);
}

.fc__satir.is-secili[b-ew914jgehl] {
    border-color: var(--brand);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 25%, transparent);
}

.fc__satir.is-hatali[b-ew914jgehl] {
    border-color: var(--danger);
}

.fc__satir.is-statik[b-ew914jgehl] {
    background: color-mix(in srgb, var(--fg-soft) 6%, transparent);
}

.fc__sec[b-ew914jgehl] {
    flex: 1;
    display: grid;
    grid-template-columns: 110px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border: 0;
    background: transparent;
    color: var(--fg);
    font: inherit;
    text-align: left;
    cursor: pointer;
    border-radius: var(--radius-sm);
}

.fc__sec:focus-visible[b-ew914jgehl] {
    outline: 2px solid var(--brand);
    outline-offset: -2px;
}

.fc__tip[b-ew914jgehl] {
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--fg-soft);
}

.fc__etiket[b-ew914jgehl] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc__zorunlu[b-ew914jgehl] {
    color: var(--danger);
    margin-left: 3px;
}

.fc__meta[b-ew914jgehl] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
}

.fc__key[b-ew914jgehl] {
    color: var(--fg-soft);
    font-size: .76rem;
}

.fc__rol[b-ew914jgehl] {
    font-size: .72rem;
}

.fc__kilit[b-ew914jgehl] {
    display: inline-flex;
    color: var(--fg-soft);
}

.fc__eylemler[b-ew914jgehl] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 8px;
}

@media (max-width: 720px) {
    .fc__sec[b-ew914jgehl] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .fc__satir[b-ew914jgehl] {
        flex-direction: column;
    }

    .fc__eylemler[b-ew914jgehl] {
        padding: 0 8px 8px;
    }
}
/* _content/EduLive.Web/Components/Forms/Admin/FormEventPanel.razor.rz.scp.css */
.fep[b-qrobccf0os] {
    display: grid;
    gap: 16px;
}

.fep__bas[b-qrobccf0os] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.fep__aciklama[b-qrobccf0os] {
    margin: -6px 0 12px;
    font-size: .86rem;
}

.fep__cok[b-qrobccf0os] {
    resize: vertical;
    min-height: 72px;
}

.fep__zaman[b-qrobccf0os] {
    display: grid;
    grid-template-columns: 1fr 130px;
    gap: 10px;
    align-items: end;
}

.fep__uyarilar[b-qrobccf0os] {
    margin: 0;
    padding-left: 18px;
}

@media (max-width: 720px) {
    .fep__zaman[b-qrobccf0os] {
        grid-template-columns: 1fr;
    }
}
/* _content/EduLive.Web/Components/Forms/Admin/FormFieldPalette.razor.rz.scp.css */
.fp[b-v0gsjr2uqo] {
    display: grid;
    gap: 14px;
}

.fp__grup[b-v0gsjr2uqo] {
    display: grid;
    gap: 6px;
}

.fp__grup-ad[b-v0gsjr2uqo] {
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--fg-soft);
}

.fp__liste[b-v0gsjr2uqo] {
    display: grid;
    gap: 6px;
}

.fp__tip[b-v0gsjr2uqo] {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
}

.fp__tip:hover:not(:disabled)[b-v0gsjr2uqo],
.fp__tip:focus-visible[b-v0gsjr2uqo] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 10%, transparent);
}

.fp__tip:disabled[b-v0gsjr2uqo] {
    opacity: .55;
    cursor: not-allowed;
}

.fp__tip-ad[b-v0gsjr2uqo] {
    font-weight: 600;
    font-size: .88rem;
}

.fp__tip-aciklama[b-v0gsjr2uqo] {
    font-size: .76rem;
    color: var(--fg-soft);
}
/* _content/EduLive.Web/Components/Forms/Admin/FormFieldProperties.razor.rz.scp.css */
.fpr[b-x6p9akvf5o] {
    display: grid;
    gap: 14px;
}

.fpr__bas[b-x6p9akvf5o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.fpr__tip[b-x6p9akvf5o] {
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--fg-soft);
}

.fpr__kilit[b-x6p9akvf5o] {
    font-size: .74rem;
}

.fpr__hatalar[b-x6p9akvf5o] {
    margin: 0;
    padding: 10px 12px 10px 28px;
    border: 1px solid var(--danger);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--danger) 8%, transparent);
    color: var(--danger-metin, var(--danger));
    font-size: .85rem;
    display: grid;
    gap: 3px;
}

.fpr__grup[b-x6p9akvf5o] {
    display: grid;
    gap: 10px;
}

.fpr__grup--yanyana[b-x6p9akvf5o] {
    grid-template-columns: 1fr 1fr;
}

.fpr__grup-bas[b-x6p9akvf5o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fpr__grup-ad[b-x6p9akvf5o] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--fg-soft);
}

.fpr__cok[b-x6p9akvf5o] {
    resize: vertical;
    min-height: 90px;
}

.fpr__secenekler[b-x6p9akvf5o] {
    display: grid;
    gap: 6px;
}

.fpr__secenek[b-x6p9akvf5o] {
    display: grid;
    grid-template-columns: 1fr 120px auto auto auto;
    gap: 6px;
    align-items: center;
}

.fpr__secenek-deger[b-x6p9akvf5o] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .82rem;
}

.fpr__ipucu[b-x6p9akvf5o],
.fpr__hata[b-x6p9akvf5o] {
    font-size: .78rem;
}

.fpr__hata[b-x6p9akvf5o] {
    color: var(--danger);
}

.fpr__gelismis[b-x6p9akvf5o] {
    border-top: 1px solid var(--line);
    padding-top: 10px;
}

.fpr__gelismis summary[b-x6p9akvf5o] {
    cursor: pointer;
    font-weight: 600;
    font-size: .86rem;
    color: var(--fg-soft);
    margin-bottom: 10px;
}

@media (max-width: 720px) {
    .fpr__grup--yanyana[b-x6p9akvf5o] {
        grid-template-columns: 1fr;
    }

    .fpr__secenek[b-x6p9akvf5o] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/EduLive.Web/Components/Forms/Admin/FormPreview.razor.rz.scp.css */
/* --fpv-marka veriden gelir (inline style); yoksa platform markası. */
.fpv[b-c9a1wnq79p] {
    --fpv-marka: var(--brand);
    /* DynamicFormRenderer alanları --frm-marka okur (odak halkası, seçili seçenek, accent-color);
       eşlenmezse önizlemede alanlar platform renginde, public sayfada tema renginde çıkıyordu. */
    --frm-marka: var(--fpv-marka);
    display: grid;
    padding: 18px;
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--fpv-marka) 8%, var(--page-bg));
}

.fpv__kart[b-c9a1wnq79p] {
    display: grid;
    gap: 16px;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 22px;
    border: 1px solid var(--line);
    border-top: 5px solid var(--fpv-marka);
    border-radius: var(--radius);
    background: var(--yuzey, var(--glass-strong));
}

.fpv__bas[b-c9a1wnq79p] {
    display: grid;
    gap: 6px;
}

.fpv__logo[b-c9a1wnq79p] {
    max-height: 64px;
    width: auto;
    height: auto;
    object-fit: contain;
    justify-self: start;
}

.fpv__baslik[b-c9a1wnq79p] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--fg);
}

.fpv__aciklama[b-c9a1wnq79p] {
    margin: 0;
    color: var(--fg-soft);
    white-space: pre-wrap;
}

.fpv__alt[b-c9a1wnq79p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fpv__gonder[b-c9a1wnq79p] {
    padding: 10px 22px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--fpv-marka);
    color: var(--frm-marka-yazi, var(--on-brand));
    font: inherit;
    font-weight: 700;
    opacity: .8;
}

.fpv__not[b-c9a1wnq79p] {
    font-size: .8rem;
}
/* _content/EduLive.Web/Components/Forms/Admin/FormPublishPanel.razor.rz.scp.css */
.fpp[b-e8bawl0ym7] {
    display: grid;
    gap: 16px;
}

.fpp__bas[b-e8bawl0ym7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.fpp__liste[b-e8bawl0ym7] {
    margin: 6px 0 0;
    padding-left: 18px;
}

.fpp__ozet[b-e8bawl0ym7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
    margin: 12px 0 0;
}

.fpp__ozet div[b-e8bawl0ym7] {
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--glass-strong);
}

.fpp__ozet dt[b-e8bawl0ym7] {
    font-size: .76rem;
    color: var(--fg-soft);
}

.fpp__ozet dd[b-e8bawl0ym7] {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
}

.fpp__eylemler[b-e8bawl0ym7] {
    margin-top: 14px;
}

.fpp__adres[b-e8bawl0ym7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fpp__link[b-e8bawl0ym7] {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.fpp__not[b-e8bawl0ym7] {
    margin: 8px 0 0;
    font-size: .84rem;
}

.fpp__qr[b-e8bawl0ym7] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.fpp__qr-img[b-e8bawl0ym7] {
    width: 160px;
    height: 160px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--yuzey, var(--glass-strong));
}

.fpp__qr-eylemler[b-e8bawl0ym7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.fpp__ayarlara[b-e8bawl0ym7] {
    margin-top: 8px;
}
/* _content/EduLive.Web/Components/Forms/Admin/FormSettingsPanel.razor.rz.scp.css */
.fsp[b-ds8o4tk2k2] {
    display: grid;
    gap: 16px;
}

.fsp__cok[b-ds8o4tk2k2] {
    resize: vertical;
    min-height: 72px;
}

.fsp__cok--uzun[b-ds8o4tk2k2] {
    min-height: 180px;
}

.fsp__zaman[b-ds8o4tk2k2] {
    display: grid;
    grid-template-columns: 1fr 130px;
    gap: 10px;
    align-items: end;
}

.fsp__aciklama[b-ds8o4tk2k2] {
    margin: -6px 0 12px;
    font-size: .86rem;
}

@media (max-width: 720px) {
    .fsp__zaman[b-ds8o4tk2k2] {
        grid-template-columns: 1fr;
    }
}
/* _content/EduLive.Web/Components/Forms/Admin/FormStatusCard.razor.rz.scp.css */
.fsc[b-xj9n3ot288] {
    display: grid;
    gap: 14px;
}

.fsc__bas[b-xj9n3ot288] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.fsc__sag[b-xj9n3ot288] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fsc__zaman[b-xj9n3ot288] {
    font-size: .8rem;
}

.fsc__kpis[b-xj9n3ot288] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
}

.fsc__kpi[b-xj9n3ot288] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--glass-strong);
}

.fsc__kpi.is-uyari[b-xj9n3ot288] {
    border-color: color-mix(in srgb, var(--accent) 50%, transparent);
}

.fsc__kpi.is-hata[b-xj9n3ot288] {
    border-color: color-mix(in srgb, var(--danger) 60%, transparent);
}

.fsc__num[b-xj9n3ot288] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--fg);
}

.fsc__cap[b-xj9n3ot288] {
    font-size: .78rem;
    color: var(--fg-soft);
}

.fsc__liste[b-xj9n3ot288] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .88rem;
    color: var(--fg);
}

.fsc__liste li[b-xj9n3ot288] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fsc__nokta[b-xj9n3ot288] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--n-400);
}

.fsc__nokta.is-ok[b-xj9n3ot288] {
    background: var(--green-500);
}

.fsc__nokta.is-hata[b-xj9n3ot288] {
    background: var(--danger);
}

.fsc__nokta.is-uyari[b-xj9n3ot288] {
    background: var(--accent);
}

.fsc__nokta.is-pasif[b-xj9n3ot288] {
    background: var(--n-400);
}

.fsc__kod[b-xj9n3ot288] {
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--danger) 10%, transparent);
    color: var(--danger-metin, var(--danger));
    font-size: .8rem;
}
/* _content/EduLive.Web/Components/Forms/Render/DynamicFormRenderer.razor.rz.scp.css */
/* Dinamik form alanları — public sayfa ve yönetim önizlemesi aynı görünümü paylaşır.
   Alt bileşenler (Fr*) ayrı scope aldığı için kurallar ::deep ile iner. Marka rengi
   formun kendi --frm-marka değişkeninden (theme_color) gelir; yoksa Aurora --brand. */

.frm-alanlar[b-a8pyfylxkt] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-family: var(--font-body);
    color: var(--fg);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-alan {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-etiket {
    font-size: 14px;
    font-weight: 600;
    color: var(--fg-soft);
    letter-spacing: -0.01em;
    padding: 0;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-alt-etiket {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-zorunlu {
    color: var(--red-500);
    font-weight: 700;
    margin-inline-start: 3px;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-kontrol {
    position: relative;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-girdi {
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    font-size: 16px; /* iOS: 16px altı odakta sayfayı büyütür */
    color: var(--fg);
    min-height: 46px;
    padding: 10px 14px;
    background: var(--glass-strong);
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    outline: none;
    transition:
        border-color 0.2s var(--ease-smooth),
        box-shadow 0.2s var(--ease-smooth);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-girdi--uzun {
    min-height: 120px;
    resize: vertical;
    line-height: 1.5;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-girdi::placeholder {
    color: var(--n-400);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-girdi:hover:not(:disabled):not([readonly]) {
    border-color: var(--n-300);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-girdi:focus-visible {
    border-color: var(--frm-marka-cizgi, var(--frm-marka, var(--marka-400)));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--frm-marka, var(--brand)) 18%, transparent);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-girdi:disabled,
.frm-alanlar[b-a8pyfylxkt]  .frm-girdi[readonly] {
    background: var(--n-100);
    color: var(--n-600);
    cursor: not-allowed;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-secim {
    appearance: none;
    -webkit-appearance: none;
    padding-inline-end: 40px;
    background-image: linear-gradient(45deg, transparent 50%, var(--n-500) 50%),
        linear-gradient(135deg, var(--n-500) 50%, transparent 50%);
    background-position:
        calc(100% - 20px) calc(50% - 2px),
        calc(100% - 14px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

/* Hata durumu */
.frm-alanlar[b-a8pyfylxkt]  .is-hatali .frm-girdi,
.frm-alanlar[b-a8pyfylxkt]  .is-hatali .frm-secenek input {
    border-color: var(--red-500);
}

.frm-alanlar[b-a8pyfylxkt]  .is-hatali .frm-girdi:focus-visible {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--red-500) 18%, transparent);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-yardim {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    line-height: 1.45;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-hata {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--red-600);
    line-height: 1.45;
}

/* Seçenek listeleri */
.frm-alanlar[b-a8pyfylxkt]  .frm-secenekler {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-secenek {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    cursor: pointer;
    font-size: 15px;
    line-height: 1.4;
    transition: border-color 0.2s var(--ease-smooth), background 0.2s var(--ease-smooth);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-secenek:hover {
    border-color: var(--n-300);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-secenek:has(input:checked) {
    border-color: var(--frm-marka-cizgi, var(--frm-marka, var(--marka-400)));
    background: color-mix(in srgb, var(--frm-marka, var(--brand)) 7%, var(--glass-strong));
}

.frm-alanlar[b-a8pyfylxkt]  .frm-secenek:has(input:focus-visible) {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--frm-marka, var(--brand)) 18%, transparent);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-secenek input {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
    accent-color: var(--frm-marka-cizgi, var(--frm-marka, var(--brand)));
}

.frm-alanlar[b-a8pyfylxkt]  .frm-secenek--tek {
    align-items: center;
}

.frm-alanlar[b-a8pyfylxkt]  fieldset:disabled .frm-secenek {
    cursor: not-allowed;
    opacity: 0.7;
}

/* İl / ilçe */
.frm-alanlar[b-a8pyfylxkt]  .frm-il-ilce {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-il-ilce__parca {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

@media (min-width: 560px) {
    .frm-alanlar[b-a8pyfylxkt]  .frm-il-ilce {
        grid-template-columns: 1fr 1fr;
    }
}

/* Görsel alanlar */
.frm-alanlar[b-a8pyfylxkt]  .frm-baslik {
    margin: 14px 0 0;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 3.5vw, 1.3rem);
    color: var(--fg);
    letter-spacing: -0.01em;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-paragraf {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-paragraf__baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--fg-soft);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-paragraf__metin {
    margin: 0;
    color: var(--fg-soft);
    line-height: 1.6;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-ayrac {
    border: 0;
    border-top: 1px solid var(--line);
    margin: 6px 0;
}

/* Aydınlatma */
.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 6px;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma__kutu {
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--yuzey-alt);
    padding: 10px 14px;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma__ozet {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: var(--fg-soft);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma__sorumlu {
    font-weight: 500;
    color: var(--muted);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma__metin {
    margin: 10px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--fg-soft);
    white-space: pre-line;
    overflow-wrap: anywhere;
    max-height: 320px;
    overflow: auto;
}

.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma__metin:focus-visible {
    outline: 2px solid var(--frm-marka-cizgi, var(--frm-marka, var(--brand)));
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma__surum {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--muted);
}

.frm-alanlar[b-a8pyfylxkt]  .frm-aydinlatma__onay {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    line-height: 1.5;
}
/* _content/EduLive.Web/Components/Layout/KartvizitLayout.razor.rz.scp.css */
/* Kartvizit sayfasının zemini. Marka gradyeni kartın kendi içinde (KartvizitKart);
   burada yalnız Aurora'nın sayfa arka planı ve dikey ortalama var. */
.kv-sayfa[b-p7h2jbcs5w] {
    min-height: 100vh;
    /* dvh mobil tarayıcı çubuğu için; iki satır KASITLI (BbtSorular.razor.css:709 deseni). */
    min-height: 100dvh;
    padding: clamp(16px, 5vw, 48px) clamp(12px, 4vw, 24px);
    display: grid;
    place-items: start center;
    background: var(--page-bg);
    background-attachment: fixed;
}

@media (min-width: 720px) {
    .kv-sayfa[b-p7h2jbcs5w] {
        place-items: center;
    }
}
/* _content/EduLive.Web/Components/Layout/PublicFormLayout.razor.rz.scp.css */
/* Public form sayfasının zemini + iki public sayfanın (form, kayıt) PAYLAŞTIĞI kart/düğme
   stilleri. KartvizitLayout deseni: Aurora sayfa arka planı, dikey akış, mobilde dar kenar
   boşluğu. Paylaşılan kurallar ::deep ile iner — CSS izolasyonu sayfa başına ayrı scope
   verdiği için ortak sınıflar burada tek yerde durur. Marka rengi kartın kökündeki
   --frm-marka (theme_color) değişkeninden gelir; yoksa Aurora --brand. */
.frm-sayfa[b-np66bzf98f] {
    min-height: 100vh;
    /* dvh mobil tarayıcı çubuğu için; iki satır KASITLI (BbtSorular.razor.css:709 deseni). */
    min-height: 100dvh;
    padding: clamp(16px, 4vw, 40px) clamp(12px, 4vw, 24px) clamp(24px, 5vw, 48px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background: var(--page-bg);
    background-attachment: fixed;
    font-family: var(--font-body);
    color: var(--fg);
}

.frm-altbilgi[b-np66bzf98f] {
    margin-top: auto;
    font-size: 12px;
    color: var(--muted);
    text-align: center;
}

.frm-altbilgi a[b-np66bzf98f] {
    color: var(--fg-soft);
    font-weight: 600;
    text-decoration: none;
}

.frm-altbilgi a:hover[b-np66bzf98f] {
    text-decoration: underline;
}

/* ── Kart ── */
.frm-sayfa[b-np66bzf98f]  .frm-kart {
    width: 100%;
    max-width: 640px;
    box-sizing: border-box;
    padding: clamp(20px, 5vw, 36px) clamp(16px, 5vw, 36px) clamp(24px, 5vw, 40px);
    border-radius: var(--radius-xl);
    background: var(--glass-strong);
    box-shadow: var(--glass-shadow);
    border-top: 5px solid var(--frm-marka, var(--brand));
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.frm-sayfa[b-np66bzf98f]  .frm-kart--mesaj {
    max-width: 480px;
    text-align: center;
    align-items: center;
}

.frm-sayfa[b-np66bzf98f]  .frm-kart--mesaj h1 {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(1.2rem, 5vw, 1.5rem);
    color: var(--fg);
}

.frm-sayfa[b-np66bzf98f]  .frm-kart--mesaj p {
    margin: 0;
    color: var(--fg-soft);
    line-height: 1.6;
}

.frm-sayfa[b-np66bzf98f]  .frm-durum-form {
    font-size: 13px;
    color: var(--muted);
}

.frm-sayfa[b-np66bzf98f]  .frm-durum-form a {
    color: var(--frm-marka, var(--brand));
    font-weight: 600;
}

/* ── Başlık alanı ── */
.frm-sayfa[b-np66bzf98f]  .frm-baslik-alani {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.frm-sayfa[b-np66bzf98f]  .frm-logo {
    display: block;
    width: auto;
    height: auto;
    max-height: 72px;
    max-width: 220px;
    object-fit: contain;
    margin-bottom: 4px;
}

.frm-sayfa[b-np66bzf98f]  .frm-basligi {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(1.35rem, 5vw, 1.8rem);
    line-height: 1.2;
    color: var(--fg);
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
}

.frm-sayfa[b-np66bzf98f]  .frm-aciklama {
    margin: 0;
    color: var(--fg-soft);
    line-height: 1.6;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.frm-sayfa[b-np66bzf98f]  .frm-etkinlik {
    margin: 6px 0 0;
    padding: 12px 14px;
    display: grid;
    gap: 8px;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--frm-marka, var(--brand)) 7%, var(--yuzey));
    border: 1px solid color-mix(in srgb, var(--frm-marka, var(--brand)) 18%, transparent);
}

.frm-sayfa[b-np66bzf98f]  .frm-etkinlik > div {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 8px;
    align-items: baseline;
}

.frm-sayfa[b-np66bzf98f]  .frm-etkinlik dt {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
}

.frm-sayfa[b-np66bzf98f]  .frm-etkinlik dd {
    margin: 0;
    font-size: 14.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.frm-sayfa[b-np66bzf98f]  .frm-son-basvuru {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
}

/* ── Uyarı/özet kutusu (role=alert) ── */
.frm-sayfa[b-np66bzf98f]  .frm-ozet {
    border: 1.5px solid var(--red-500);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.frm-sayfa[b-np66bzf98f]  .frm-ozet:focus-visible {
    outline: 2.5px solid var(--red-500);
    outline-offset: 2px;
}

.frm-sayfa[b-np66bzf98f]  .frm-ozet__metin {
    margin: 0;
    font-weight: 600;
    color: var(--red-600);
    line-height: 1.5;
}

/* Başarı/bilgi tonu (role=status): "Kaydınız iptal edildi." gibi mesajlar hata kutusunda
   gösterilince işlem başarısız sanılıyordu. */
.frm-sayfa[b-np66bzf98f]  .frm-ozet--bilgi {
    border-color: var(--green-600);
    background: color-mix(in srgb, var(--green-500) 9%, var(--yuzey));
}

.frm-sayfa[b-np66bzf98f]  .frm-ozet--bilgi:focus-visible {
    outline-color: var(--green-600);
}

.frm-sayfa[b-np66bzf98f]  .frm-ozet--bilgi .frm-ozet__metin {
    color: var(--green-600);
}

.frm-sayfa[b-np66bzf98f]  .frm-ozet__liste {
    margin: 0;
    padding-inline-start: 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.frm-sayfa[b-np66bzf98f]  .frm-ozet__liste a {
    color: var(--red-600);
    font-weight: 600;
}

/* ── Düğmeler ── */
.frm-sayfa[b-np66bzf98f]  .frm-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1.5px solid transparent;
    border-radius: var(--radius-pill);
    padding: 11px 24px;
    font: inherit;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s var(--ease-smooth), box-shadow 0.2s var(--ease-smooth), opacity 0.2s var(--ease-smooth);
}

/* Yazı rengi marka renginin parlaklığından hesaplanır (--frm-marka-yazi, PublicFormAyarlar.MarkaStili):
   açık bir tema rengi kaydedildiğinde beyaz yazı okunmaz oluyordu — yönetimdeki kontrast uyarısı
   yalnız uyarı, kaydı engellemiyor. */
.frm-sayfa[b-np66bzf98f]  .frm-btn--birincil {
    color: var(--frm-marka-yazi, var(--yuzey));
    background: var(--frm-marka, var(--brand));
    box-shadow: 0 6px 18px color-mix(in srgb, var(--frm-marka, var(--brand)) 30%, transparent);
}

.frm-sayfa[b-np66bzf98f]  .frm-btn--ikincil {
    color: var(--fg);
    background: var(--yuzey);
    border-color: var(--yuzey-cizgi-koyu);
}

.frm-sayfa[b-np66bzf98f]  .frm-btn--tehlike {
    color: var(--danger-metin);
    background: var(--yuzey);
    border-color: color-mix(in srgb, var(--danger) 45%, transparent);
}

.frm-sayfa[b-np66bzf98f]  .frm-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

/* Odak halkası grafik nesnedir (WCAG 1.4.11, 3:1): açık marka renkleri --frm-marka-cizgi ile koyultulur. */
.frm-sayfa[b-np66bzf98f]  .frm-btn:focus-visible {
    outline: 2.5px solid var(--frm-marka-cizgi, var(--frm-marka, var(--brand)));
    outline-offset: 3px;
}

.frm-sayfa[b-np66bzf98f]  .frm-btn:disabled,
.frm-sayfa[b-np66bzf98f]  .frm-btn[aria-busy="true"] {
    opacity: 0.6;
    cursor: progress;
}

@media (max-width: 480px) {
    .frm-sayfa[b-np66bzf98f]  .frm-etkinlik > div {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}
/* _content/EduLive.Web/Components/Layout/StudentLayout.razor.rz.scp.css */
/* FAZ 3.8 G3 — Öğrenci kabuğu. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Yaş grubu tonu .student-{mini|junior|teen|adult} kök sınıfıyla; ölçek/hedef inline
   --st-font-scale / --st-touch değişkeninden. */

.student-shell[b-4mdsmuawys] {
  position: relative;
  min-height: 100vh;
  isolation: isolate;
  font-size: calc(15px * var(--st-font-scale, 1));
}

/* Aurora arka plan blob'ları — dekoratif, etkileşimsiz. */
.student-shell > .blob[b-4mdsmuawys] {
  position: fixed;
  z-index: 0;
  border-radius: 50%;
  filter: blur(70px);
  opacity: 0.5;
  pointer-events: none;
}
.student-shell > .blob.b1[b-4mdsmuawys] {
  width: 340px;
  height: 340px;
  top: -80px;
  right: -60px;
  background: radial-gradient(circle, var(--brand), transparent 70%);
}
.student-shell > .blob.b2[b-4mdsmuawys] {
  width: 300px;
  height: 300px;
  bottom: -90px;
  left: -70px;
  background: radial-gradient(circle, var(--accent), transparent 70%);
}

.student-topbar[b-4mdsmuawys] {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--topbar-h, 70px);
  padding: 0 clamp(14px, 4vw, 40px);
  background: var(--glass-strong);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}

.student-brand[b-4mdsmuawys] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--fg);
  font-family: var(--font-display);
  font-weight: 700;
}
.student-brand__logo[b-4mdsmuawys] {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  color: var(--on-brand);
  font-size: 1.05rem;
}
.student-brand__word[b-4mdsmuawys] {
  font-size: 1.15rem;
  letter-spacing: -0.01em;
}

.student-topbar__right[b-4mdsmuawys] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Streak rozeti — SADECE gün serisi (rozet/seviye/XP yok). */
.student-streak-badge[b-4mdsmuawys] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: var(--st-touch, 44px);
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--glass);
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}
.student-streak-badge.is-active[b-4mdsmuawys] {
  color: var(--orange-600);
  border-color: color-mix(in srgb, var(--orange-500) 40%, transparent);
  background: color-mix(in srgb, var(--orange-500) 12%, var(--glass));
}
.student-streak-badge__n[b-4mdsmuawys] {
  font-family: var(--font-display);
  font-size: 1rem;
}
.student-streak-badge__u[b-4mdsmuawys] {
  color: var(--muted);
  font-weight: 500;
}

.student-logout[b-4mdsmuawys] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: var(--st-touch, 44px);
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--glass);
  color: var(--fg-soft);
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 160ms var(--ease-smooth),
    color 160ms var(--ease-smooth);
}
.student-logout:hover[b-4mdsmuawys] {
  background: var(--glass-hover);
  color: var(--fg);
}
.student-logout:focus-visible[b-4mdsmuawys] {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.student-wrap[b-4mdsmuawys] {
  position: relative;
  z-index: 1;
  max-width: 1080px;
  margin: 0 auto;
  padding: clamp(18px, 4vw, 40px) clamp(14px, 4vw, 40px) 64px;
}

/* ── Yaş grubu tonu ── */

/* Mini — en büyük, en yumuşak, en sıcak (WCAG AAA hedef: koyu metin). */
.student-shell.student-mini[b-4mdsmuawys] {
  --fg: #0b1220; /* daha koyu metin → 7:1 kontrast (AAA) */
}
.student-shell.student-mini .student-brand__word[b-4mdsmuawys] {
  font-size: 1.3rem;
}
.student-shell.student-mini .student-logout[b-4mdsmuawys],
.student-shell.student-mini .student-streak-badge[b-4mdsmuawys] {
  font-size: 0.95rem;
}

/* Junior — canlı ama sınıf-dostu. */
.student-shell.student-junior .student-brand__word[b-4mdsmuawys] {
  font-size: 1.22rem;
}

/* Teen / Adult — sade; ek süsleme yok (varsayılan yeterli). */
.student-shell.student-adult .student-topbar[b-4mdsmuawys] {
  background: var(--glass);
}

/* Küçük ekran — rozet/çıkış metnini gizle, ikon kalsın. */
@media (max-width: 560px) {
  .student-logout__label[b-4mdsmuawys] {
    display: none;
  }
  .student-streak-badge__u[b-4mdsmuawys] {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .student-logout[b-4mdsmuawys] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/AcademicDashboard.razor.rz.scp.css */
/* Akademik Yapı: Akademik Analiz'in renk, tipografi ve kart ölçüleri; mevcut gezinme ızgarası korunur. */
.au-page.akademik-vitrin.akademik-genel-vitrin[b-b0swn1zt6p] {
    --acd-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
    --acd-accent: var(--marka-600);
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}
.akademik-genel-vitrin .acd-cover[b-b0swn1zt6p] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.au-page.akademik-vitrin.akademik-genel-vitrin .au-title[b-b0swn1zt6p] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}
.akademik-genel-vitrin .acd-filter[b-b0swn1zt6p] { width: min(100%, 260px); min-width: 0; }
.akademik-genel-vitrin .acd-readiness-head[b-b0swn1zt6p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.akademik-genel-vitrin .acd-filter[b-b0swn1zt6p]  .app-field { min-width: 0; margin: 0; gap: 12px; flex-direction: row; align-items: center; }
.akademik-genel-vitrin .acd-filter[b-b0swn1zt6p]  .app-field__control { flex: 1; min-width: 0; }
.akademik-genel-vitrin .acd-filter[b-b0swn1zt6p]  .app-field__label {
    color: var(--metin-ikincil);
    font: 700 11px/1.4 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}
.akademik-genel-vitrin .acd-filter[b-b0swn1zt6p]  .app-select {
    width: 100%;
    height: 34px;
    min-height: 34px;
    padding: 0 38px 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px/1.4 var(--font-body);
}
.akademik-genel-vitrin .acd-filter[b-b0swn1zt6p]  .app-select__caret { color: var(--marka-500); }
.akademik-genel-vitrin .acd-summary[b-b0swn1zt6p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.52fr);
    gap: 16px;
    margin-bottom: 16px;
}
.akademik-genel-vitrin .acd-summary-card[b-b0swn1zt6p] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: var(--acd-shadow);
}
.akademik-genel-vitrin .acd-summary-card[b-b0swn1zt6p]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 2px 2px 0 0;
    background: var(--eks-serit);
}
.akademik-genel-vitrin .acd-section-title[b-b0swn1zt6p] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}
.akademik-genel-vitrin .acd-section-title[b-b0swn1zt6p]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--eks-uc);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}
.akademik-genel-vitrin .acd-summary-card[b-b0swn1zt6p]  .data-states {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 14px;
    min-width: 0;
}
.akademik-genel-vitrin .acd-summary-card[b-b0swn1zt6p]  .ds-panel { padding: 16px; margin: 0; min-height: 0; }
.akademik-genel-vitrin .acd-summary-card .au-dim[b-b0swn1zt6p] { margin: 0; color: var(--metin-ikincil); font: 400 13px/1.6 var(--font-body); }
.akademik-genel-vitrin .acd-summary-card--readiness[b-b0swn1zt6p]  .data-states:has(> p:only-child) {
    justify-content: center;
    align-items: center;
    min-height: 104px;
    border: 1px dashed var(--hat-kart);
    border-radius: var(--kose-dugme);
    padding: 18px;
    text-align: center;
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.akademik-genel-vitrin .acd-summary-card--readiness p[b-b0swn1zt6p] { max-width: 54ch; text-wrap: balance; }
.akademik-genel-vitrin .acd-current-year[b-b0swn1zt6p] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.akademik-genel-vitrin .acd-current-year__label[b-b0swn1zt6p] {
    flex-basis: 100%;
    color: var(--marka-700);
    font: 700 27px/1.1 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}
.akademik-genel-vitrin .acd-current-year__chips[b-b0swn1zt6p] { display: flex; flex-wrap: wrap; gap: 6px; }
.akademik-genel-vitrin .acd-chip-current[b-b0swn1zt6p] {
    color: var(--marka-600);
    background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
    border-color: var(--hat-girdi);
}
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-cta[b-b0swn1zt6p] {
    align-self: flex-start;
    min-height: 34px;
    height: auto;
    margin-top: auto;
    padding: 7px 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-600);
    font: 600 12.5px/1.4 var(--font-body);
    box-shadow: none;
}
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-cta.au-btn--primary[b-b0swn1zt6p] {
    color: var(--on-brand); background: var(--marka-600); border-color: var(--marka-600);
}
.akademik-genel-vitrin .acd-metrics[b-b0swn1zt6p] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid var(--hat-kart);
    border-left: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
}
.akademik-genel-vitrin .acd-metric[b-b0swn1zt6p] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 0 12px 12px;
    border-right: 1px solid var(--hat-kart);
    border-bottom: 1px solid var(--hat-kart);
    background: var(--yuzey);
}
.akademik-genel-vitrin .acd-metric:nth-child(n+3)[b-b0swn1zt6p] { --acd-accent: var(--marka-rampa-uc); }
.akademik-genel-vitrin .acd-metric:nth-child(n+5)[b-b0swn1zt6p] { --acd-accent: var(--turkuaz-rozet-metin); }
.akademik-genel-vitrin .acd-metric:nth-child(n+7)[b-b0swn1zt6p] { --acd-accent: var(--basari-metin); }
.akademik-genel-vitrin .acd-metric__label[b-b0swn1zt6p] {
    display: flex;
    align-items: center;
    order: -1;
    min-height: 30px;
    margin: 0 -12px;
    padding: 5px 12px;
    background: var(--acd-accent);
    color: var(--on-brand);
    font: 700 11px/1.4 var(--font-body);
    text-transform: uppercase;
    letter-spacing: .06em;
}
.akademik-genel-vitrin .acd-metric__value[b-b0swn1zt6p] { color: var(--marka-700); font: 700 27px/1 var(--font-display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.akademik-genel-vitrin .acd-operations-title[b-b0swn1zt6p] { margin: 0 0 12px; }
.akademik-genel-vitrin .acd-links[b-b0swn1zt6p] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav[b-b0swn1zt6p] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 18px 42px 18px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    text-decoration: none;
    box-shadow: var(--acd-shadow);
    transform: none;
    transition: border-color .15s ease, background-color .15s ease;
}
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav[b-b0swn1zt6p]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 2px 2px 0 0;
    background: var(--eks-serit);
}
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav[b-b0swn1zt6p]::after {
    content: "";
    position: absolute;
    inset: 25px 20px auto auto;
    width: 7px;
    height: 7px;
    border-top: 1.5px solid var(--marka-500);
    border-right: 1.5px solid var(--marka-500);
    background: none;
    clip-path: none;
    transform: rotate(45deg);
}
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav__title[b-b0swn1zt6p] { color: var(--marka-700); font: 700 15px/1.4 var(--font-display); letter-spacing: -.012em; }
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav .au-dim[b-b0swn1zt6p] { color: var(--metin-ikincil); font: 400 13px/1.5 var(--font-body); }
.au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav:hover[b-b0swn1zt6p] { border-color: var(--marka-500); background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); transform: none; }
.au-page.akademik-vitrin.akademik-genel-vitrin :is(.acd-nav, .acd-cta):focus-visible[b-b0swn1zt6p],
.akademik-genel-vitrin .acd-filter[b-b0swn1zt6p]  .app-select:focus-visible { outline: 2px solid var(--acd-accent); outline-offset: 2px; }
@media (min-width: 1600px) {
    .akademik-genel-vitrin .acd-metrics[b-b0swn1zt6p] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
    .akademik-genel-vitrin .acd-links[b-b0swn1zt6p] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* Telefon/tablet: aynı kart düzeni ve dokunmaya uygun kontroller. */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .akademik-genel-vitrin .acd-summary[b-b0swn1zt6p] { grid-template-columns: minmax(0, 1fr); }
    .akademik-genel-vitrin .acd-links[b-b0swn1zt6p] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .akademik-genel-vitrin .acd-filter[b-b0swn1zt6p]  .app-select { min-height: 44px; height: 44px; font-size: 16px; }
    .au-page.akademik-vitrin.akademik-genel-vitrin .acd-cta[b-b0swn1zt6p] { min-height: 44px; }
}
@media (max-width: 640px) {
    .au-page.akademik-vitrin.akademik-genel-vitrin .au-title[b-b0swn1zt6p] { font-size: 20px; }
    .akademik-genel-vitrin .acd-filter[b-b0swn1zt6p] { width: 100%; }
    .akademik-genel-vitrin .acd-links[b-b0swn1zt6p] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .akademik-genel-vitrin .acd-metrics[b-b0swn1zt6p] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .akademik-genel-vitrin .acd-metric__value[b-b0swn1zt6p], .akademik-genel-vitrin .acd-current-year__label[b-b0swn1zt6p] { font-size: 20px; }
    .akademik-genel-vitrin .acd-section-title[b-b0swn1zt6p], .au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav__title[b-b0swn1zt6p] { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .au-page.akademik-vitrin.akademik-genel-vitrin .acd-nav[b-b0swn1zt6p] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Academic/BulkImport/AcademicBulkImport.razor.rz.scp.css */
/* Akademik toplu aktarım — Akademik Analiz tasarım dili (AK-09, 2026-09-20).
   Yalnız TANIMLI token'lar (aurora.css :root + cihaz.css telefon bandı). Yeni hex YOK,
   !important YOK, sabit spacer YOK. Tanımsız değişkene başvurmak bildirimin TAMAMINI
   sessizce düşürür (bkz. AnalizCssTokenTests).

   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + 23 px başlık, bölüm kartı 18 px + 3px 3px 22px 22px köşe + 5 px
   marka şeridi, bölüm h3 15/700, girdi 34 px, KPI 27 px, tablo --marka-rampa-serit).

   ÖZGÜLLÜK NOTU: scoped paket (EduLive.Web.styles.css) App.razor'da vitrin dosyalarından
   ÖNCE yüklenir (satır 24 vs 28-54). Eşit özgüllükte global kazanır; bu yüzden her kural
   `.abi-vitrin` ile başlar. Çocuk bileşenler (AppWizard, AppField, AppSelect, AppToggle,
   AppFileUpload, GeriBaglanti) ::deep ile hedeflenir — öğeleri scope özniteliği almaz. */

.abi-vitrin[b-8afwxq69ql] {
  display: block;
  max-width: 1600px;
  margin-inline: auto;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.abi-vitrin .abi-kapak[b-8afwxq69ql] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.abi-vitrin .abi-kapak__metin[b-8afwxq69ql] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.abi-vitrin .abi-baslik[b-8afwxq69ql] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.abi-vitrin .abi-alt[b-8afwxq69ql] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.abi-vitrin .abi-kapak__eylem[b-8afwxq69ql] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

.abi-vitrin[b-8afwxq69ql]  .au-breadcrumb {
  margin: 0 0 6px;
  color: var(--marka-700);
  font-size: 12px;
  text-decoration: none;
}

.abi-vitrin[b-8afwxq69ql]  .au-breadcrumb:hover {
  text-decoration: underline;
}

/* ── Düğmeler (sayfa + sihirbaz aynı taban çizgisinde) ─────────── */
.abi-vitrin .au-btn[b-8afwxq69ql],
.abi-vitrin[b-8afwxq69ql]  .wiz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.abi-vitrin .au-btn:hover:not(:disabled)[b-8afwxq69ql],
.abi-vitrin[b-8afwxq69ql]  .wiz-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.abi-vitrin .au-btn--primary[b-8afwxq69ql],
.abi-vitrin[b-8afwxq69ql]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.abi-vitrin .au-btn--primary:hover:not(:disabled)[b-8afwxq69ql],
.abi-vitrin[b-8afwxq69ql]  .wiz-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.abi-vitrin .au-btn--danger[b-8afwxq69ql] {
  border-color: var(--red-600);
  background: var(--red-600);
  color: var(--on-brand);
}

.abi-vitrin .au-btn--danger:hover:not(:disabled)[b-8afwxq69ql] {
  border-color: color-mix(in srgb, var(--red-600) 88%, var(--metin-murekkep));
  background: color-mix(in srgb, var(--red-600) 88%, var(--metin-murekkep));
}

.abi-vitrin .au-btn--sm[b-8afwxq69ql] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.abi-vitrin .au-btn:disabled[b-8afwxq69ql],
.abi-vitrin[b-8afwxq69ql]  .wiz-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.abi-vitrin :is(.au-btn, .abi-tablo-kaydir):focus-visible[b-8afwxq69ql] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.abi-vitrin[b-8afwxq69ql]  :is(.wiz-btn, .app-input, .app-upload):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi / uyarı / hata şeritleri ────────────────────────────── */
.abi-vitrin .au-banner[b-8afwxq69ql] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
  line-height: 1.55;
}

.abi-vitrin .au-banner svg[b-8afwxq69ql] {
  flex: 0 0 auto;
  margin-top: 2px;
}

.abi-vitrin .au-banner a[b-8afwxq69ql] {
  color: inherit;
  font-weight: 600;
  text-underline-offset: 3px;
}

.abi-vitrin .au-banner--info[b-8afwxq69ql] {
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
}

.abi-vitrin .au-banner--warn[b-8afwxq69ql] {
  border: 1px solid color-mix(in srgb, var(--amber-600) 32%, transparent);
  background: color-mix(in srgb, var(--amber-600) 8%, var(--yuzey));
  color: var(--amber-600);
}

.abi-vitrin .au-banner--danger[b-8afwxq69ql] {
  border: 1px solid color-mix(in srgb, var(--red-600) 32%, transparent);
  background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
  color: var(--red-600);
}

/* ── Kart yüzeyleri: sayfa kartı + sihirbaz kartı aynı dil ─────── */
.abi-vitrin .abi-kart[b-8afwxq69ql],
.abi-vitrin[b-8afwxq69ql]  .wiz-kart {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.abi-vitrin .abi-kart[b-8afwxq69ql]::before,
.abi-vitrin[b-8afwxq69ql]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.abi-vitrin .abi-kart > :first-child[b-8afwxq69ql] {
  margin-top: 4px;
}

.abi-vitrin .abi-bolum-basligi[b-8afwxq69ql] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.abi-vitrin .abi-bolum-basligi[b-8afwxq69ql]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.abi-vitrin .abi-alt-basligi[b-8afwxq69ql] {
  margin: 18px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.abi-vitrin .au-dim[b-8afwxq69ql] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.abi-vitrin .abi-ust-aralik[b-8afwxq69ql] {
  margin-top: 12px;
}

.abi-vitrin .is-ok[b-8afwxq69ql] { color: var(--green-600); font-weight: 600; }
.abi-vitrin .is-fail[b-8afwxq69ql] { color: var(--red-600); font-weight: 600; }

/* ── Eylem satırları ───────────────────────────────────────────── */
.abi-vitrin .abi-eylem-satiri[b-8afwxq69ql] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.abi-vitrin .abi-eylem-satiri--sol[b-8afwxq69ql] {
  justify-content: flex-start;
}

.abi-vitrin .abi-eylem-satiri--ayrac[b-8afwxq69ql] {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Sihirbaz kabuğu (AppWizard çocuk bileşeni) ────────────────── */
.abi-vitrin[b-8afwxq69ql]  .wiz-head {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-steps::before,
.abi-vitrin[b-8afwxq69ql]  .wiz-steps::after {
  content: none;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-progress,
.abi-vitrin[b-8afwxq69ql]  .wiz-progress__fill {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 5px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ipucu);
  font-size: 12.5px;
  font-weight: 600;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind::before {
  content: none;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind__num {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 3px 7px 7px 7px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--metin-ipucu);
  font-family: var(--font-display);
  font-size: 11.5px;
  font-weight: 700;
  box-shadow: none;
  transform: none;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind__label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind.is-done {
  color: var(--metin-ikincil);
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind.is-done .wiz-step-ind__num {
  background: color-mix(in srgb, var(--marka-500) 22%, var(--yuzey));
  color: var(--marka-700);
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind.is-active {
  border-color: transparent;
  background: var(--marka-600);
  color: var(--on-brand);
}

.abi-vitrin[b-8afwxq69ql]  .wiz-step-ind.is-active .wiz-step-ind__num {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
  color: var(--on-brand);
}

/* Adım başlığı sihirbazın içinde tekrar edilmez; adım şeridi zaten söylüyor. */
.abi-vitrin[b-8afwxq69ql]  .wiz-title-row {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-body {
  min-height: 0;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-error {
  margin-top: 16px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--red-600) 32%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  font-weight: 600;
}

.abi-vitrin[b-8afwxq69ql]  .wiz-foot {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Form alanları (AppField / AppSelect / AppToggle) ──────────── */
.abi-vitrin .au-form-grid[b-8afwxq69ql] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 14px 16px;
}

.abi-vitrin[b-8afwxq69ql]  .app-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.abi-vitrin[b-8afwxq69ql]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.abi-vitrin[b-8afwxq69ql]  .app-field__req {
  color: var(--red-600);
}

.abi-vitrin[b-8afwxq69ql]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.abi-vitrin[b-8afwxq69ql]  .app-field .app-input:hover:not(:disabled) {
  border-color: var(--marka-400);
}

.abi-vitrin[b-8afwxq69ql]  .app-select__value.is-empty {
  color: var(--metin-ipucu);
  font-weight: 400;
}

.abi-vitrin[b-8afwxq69ql]  .app-select__caret {
  color: var(--marka-600);
}

.abi-vitrin[b-8afwxq69ql]  .app-sel__panel {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  box-shadow: var(--panel-golge);
}

.abi-vitrin[b-8afwxq69ql]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.45;
}

.abi-vitrin[b-8afwxq69ql]  .app-field__error {
  color: var(--red-600);
  font-size: 12px;
  font-weight: 600;
}

/* ── Dosya yükleme yüzeyi ──────────────────────────────────────── */
.abi-vitrin[b-8afwxq69ql]  .app-upload {
  padding: 22px 18px;
  border: 1.6px dashed var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.abi-vitrin[b-8afwxq69ql]  .app-upload:hover,
.abi-vitrin[b-8afwxq69ql]  .app-upload:focus-within {
  border-color: var(--marka-500);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.abi-vitrin[b-8afwxq69ql]  .app-upload__ico {
  width: 44px;
  height: 44px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--marka-600);
}

.abi-vitrin[b-8afwxq69ql]  .app-upload__text {
  color: var(--metin-ikincil);
  font-size: 13px;
}

.abi-vitrin[b-8afwxq69ql]  .app-upload__text b {
  color: var(--marka-700);
  font-weight: 700;
}

.abi-vitrin[b-8afwxq69ql]  .app-upload__meta,
.abi-vitrin[b-8afwxq69ql]  .app-upload__size {
  color: var(--n-500);
  font-size: 12px;
}

.abi-vitrin[b-8afwxq69ql]  .app-upload__file {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── Özet listesi ──────────────────────────────────────────────── */
.abi-vitrin .au-summary[b-8afwxq69ql] {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
}

.abi-vitrin .au-summary > span[b-8afwxq69ql] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--hat-kart);
}

.abi-vitrin .au-summary > span:last-child[b-8afwxq69ql] {
  border-bottom: 0;
}

.abi-vitrin .au-summary > span:nth-child(odd)[b-8afwxq69ql] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.abi-vitrin .au-summary b[b-8afwxq69ql] {
  color: var(--n-500);
  font-weight: 600;
}

/* ── KPI şeridi ────────────────────────────────────────────────── */
.abi-vitrin .au-kpis[b-8afwxq69ql] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
}

.abi-vitrin .au-kpi[b-8afwxq69ql] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-top: 3px solid var(--marka-600);
  border-right: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.abi-vitrin .au-kpi:last-child[b-8afwxq69ql] {
  border-right: 0;
}

.abi-vitrin .au-kpi:has(.au-kpi__num.is-ok)[b-8afwxq69ql] { border-top-color: var(--green-600); }
.abi-vitrin .au-kpi:has(.au-kpi__num.is-fail)[b-8afwxq69ql] { border-top-color: var(--red-600); }

.abi-vitrin .au-kpi__num[b-8afwxq69ql] {
  margin-top: 15px;
  color: var(--marka-700);
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.abi-vitrin .au-kpi__num.is-ok[b-8afwxq69ql] { color: var(--green-600); }
.abi-vitrin .au-kpi__num.is-fail[b-8afwxq69ql] { color: var(--red-600); }

.abi-vitrin .au-kpi__cap[b-8afwxq69ql] {
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Hata nedeni özeti (backend `code` alanından türer) ────────── */
.abi-vitrin .abi-nedenler[b-8afwxq69ql] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.abi-vitrin .abi-neden[b-8afwxq69ql] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--red-600) 26%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-600) 5%, var(--yuzey));
  font-size: 12px;
}

.abi-vitrin .abi-neden__ad[b-8afwxq69ql] {
  color: var(--metin-ikincil);
  font-weight: 600;
}

.abi-vitrin .abi-neden__sayi[b-8afwxq69ql] {
  color: var(--red-600);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.abi-vitrin .abi-kod-rozet[b-8afwxq69ql] {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

/* ── Tablolar: sınırlı alanda kayar, başlık üstte sabit ────────── */
.abi-vitrin .abi-tablo-kaydir[b-8afwxq69ql] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısız
   tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada zararlı. */
.abi-vitrin .au-result-table[b-8afwxq69ql] {
  display: table;
  overflow: visible;
  width: 100%;
  min-width: 620px;
  max-width: none;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.abi-vitrin .au-result-table thead[b-8afwxq69ql] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.abi-vitrin .au-result-table th[b-8afwxq69ql] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.abi-vitrin .au-result-table td[b-8afwxq69ql] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.abi-vitrin .au-result-table tbody tr:nth-child(even) td[b-8afwxq69ql] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.abi-vitrin .au-result-table tbody tr:hover td[b-8afwxq69ql] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.abi-vitrin .au-result-table td.is-ok[b-8afwxq69ql] { color: var(--green-600); font-weight: 600; }
.abi-vitrin .au-result-table td.is-fail[b-8afwxq69ql] { color: var(--red-600); font-weight: 600; }

.abi-vitrin .abi-sayi[b-8afwxq69ql] {
  width: 1%;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* "İlk N hata gösteriliyor" notu tabloya yapışmasın (p'nin UA marjına güvenilmez). */
.abi-vitrin .abi-tablo-kaydir + .au-dim[b-8afwxq69ql] {
  margin: 8px 0 0;
}

/* ── Popup ─────────────────────────────────────────────────────── */
.abi-vitrin .abi-popup[b-8afwxq69ql] {
  width: min(820px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.abi-vitrin .abi-popup[open][b-8afwxq69ql] {
  display: flex;
  flex-direction: column;
}

.abi-vitrin .abi-popup[b-8afwxq69ql]::backdrop {
  background: var(--scrim);
}

.abi-vitrin .abi-popup-bas[b-8afwxq69ql] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.abi-vitrin .abi-popup-bas h2[b-8afwxq69ql] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.abi-vitrin .abi-popup-bas h2:focus[b-8afwxq69ql] {
  outline: none;
}

.abi-vitrin .abi-popup-kapat[b-8afwxq69ql] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.abi-vitrin .abi-popup-govde[b-8afwxq69ql] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.abi-vitrin .abi-popup-govde .au-banner[b-8afwxq69ql] {
  margin: 12px 0 0;
}

.abi-vitrin .abi-popup-eylem[b-8afwxq69ql] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 metni birebir ────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .abi-vitrin .abi-kapak[b-8afwxq69ql] {
    padding: 16px;
  }

  .abi-vitrin :is(.au-btn, .au-btn--sm)[b-8afwxq69ql] {
    min-height: 44px;
  }

  .abi-vitrin[b-8afwxq69ql]  .wiz-btn {
    min-height: 44px;
  }

  .abi-vitrin[b-8afwxq69ql]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .abi-vitrin[b-8afwxq69ql]  .app-upload {
    min-height: 44px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .abi-vitrin .au-result-table :is(th, td):nth-child(1)[b-8afwxq69ql] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .abi-vitrin .au-result-table th:nth-child(1)[b-8afwxq69ql] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .abi-vitrin[b-8afwxq69ql]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON — YENI-DIL §1.1 ───────────────────────────────────── */
@media (max-width: 640px) {
  .abi-vitrin .abi-kapak[b-8afwxq69ql] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .abi-vitrin .abi-baslik[b-8afwxq69ql] {
    font-size: var(--yazi-kapak, 20px);
  }

  .abi-vitrin .abi-alt[b-8afwxq69ql] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde. */
  .abi-vitrin .abi-kapak__eylem[b-8afwxq69ql] {
    width: 100%;
  }

  .abi-vitrin .abi-kapak__eylem .au-btn[b-8afwxq69ql] {
    flex: 1 1 auto;
  }

  .abi-vitrin .abi-kart[b-8afwxq69ql],
  .abi-vitrin[b-8afwxq69ql]  .wiz-kart {
    padding: 16px 12px;
  }

  .abi-vitrin .abi-bolum-basligi[b-8afwxq69ql] {
    font-size: var(--yazi-bolum, 14px);
  }

  .abi-vitrin .au-form-grid[b-8afwxq69ql] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .abi-vitrin .au-kpis[b-8afwxq69ql] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .abi-vitrin .au-kpi__num[b-8afwxq69ql] {
    font-size: var(--yazi-kpi, 20px);
  }

  .abi-vitrin .au-summary > span[b-8afwxq69ql] {
    flex-direction: column;
    gap: 4px;
  }

  .abi-vitrin .abi-tablo-kaydir[b-8afwxq69ql] {
    max-height: min(440px, 60dvh);
  }

  .abi-vitrin .au-result-table[b-8afwxq69ql] {
    min-width: 560px;
  }

  .abi-vitrin .au-result-table :is(th, td)[b-8afwxq69ql] {
    padding: 10px;
  }

  .abi-vitrin[b-8afwxq69ql]  .wiz-step-ind__label {
    max-width: 8ch;
  }

  .abi-vitrin .abi-eylem-satiri .au-btn[b-8afwxq69ql],
  .abi-vitrin[b-8afwxq69ql]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
  }

  .abi-vitrin .abi-popup[b-8afwxq69ql] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .abi-vitrin :is(.abi-popup-bas, .abi-popup-govde, .abi-popup-eylem)[b-8afwxq69ql] {
    padding: 12px;
  }

  .abi-vitrin .abi-popup-eylem .au-btn[b-8afwxq69ql] {
    flex: 1 1 auto;
  }
}

/* ── Kolon rehberi popup'ına özgü ─────────────────────────────── */
.abi-vitrin .abi-kolon-ad[b-8afwxq69ql] {
  color: var(--marka-700);
  font-size: 12.5px;
  unicode-bidi: isolate;
}

.abi-vitrin .abi-kod-rozet--zorunlu[b-8afwxq69ql] {
  border-color: var(--marka-600);
  color: var(--marka-700);
}

.abi-vitrin .abi-popup-govde > .au-dim[b-8afwxq69ql] {
  margin: 0 0 12px;
}

/* Rehber ve hata tabloları popup gövdesinde kendi yüksekliklerinde kalır. */
.abi-vitrin .abi-popup-govde .abi-tablo-kaydir[b-8afwxq69ql] {
  max-height: min(420px, 52dvh);
}
/* _content/EduLive.Web/Components/Pages/Academic/BulkImport/AkademikIceAktar.razor.rz.scp.css */
/* Excel'den hiyerarşik aktarım — Akademik Analiz tasarım dili (AK-09, 2026-09-20).
   Yalnız TANIMLI token'lar (aurora.css :root + cihaz.css telefon bandı). Yeni hex YOK,
   !important YOK, sabit spacer YOK. Tanımsız değişkene başvurmak bildirimin TAMAMINI
   sessizce düşürür (bkz. AnalizCssTokenTests).

   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + 23 px başlık, bölüm kartı 18 px + 3px 3px 22px 22px köşe + 5 px
   marka şeridi, bölüm h3 15/700, girdi 34 px, KPI 27 px, tablo --marka-rampa-serit).

   ÖZGÜLLÜK NOTU: scoped paket (EduLive.Web.styles.css) App.razor'da vitrin dosyalarından
   ÖNCE yüklenir (satır 24 vs 28-54). Eşit özgüllükte global kazanır; bu yüzden her kural
   `.iia-vitrin` ile başlar. Çocuk bileşenler (AppWizard, AppField, AppSelect, AppToggle,
   AppFileUpload, GeriBaglanti) ::deep ile hedeflenir — öğeleri scope özniteliği almaz. */

.iia-vitrin[b-37cdusoltb] {
  display: block;
  max-width: 1600px;
  margin-inline: auto;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.iia-vitrin .iia-kapak[b-37cdusoltb] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.iia-vitrin .iia-kapak__metin[b-37cdusoltb] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.iia-vitrin .iia-baslik[b-37cdusoltb] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.iia-vitrin .iia-alt[b-37cdusoltb] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.iia-vitrin .iia-kapak__eylem[b-37cdusoltb] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

.iia-vitrin[b-37cdusoltb]  .au-breadcrumb {
  margin: 0 0 6px;
  color: var(--marka-700);
  font-size: 12px;
  text-decoration: none;
}

.iia-vitrin[b-37cdusoltb]  .au-breadcrumb:hover {
  text-decoration: underline;
}

/* ── Düğmeler (sayfa + sihirbaz aynı taban çizgisinde) ─────────── */
.iia-vitrin .au-btn[b-37cdusoltb],
.iia-vitrin[b-37cdusoltb]  .wiz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.iia-vitrin .au-btn:hover:not(:disabled)[b-37cdusoltb],
.iia-vitrin[b-37cdusoltb]  .wiz-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.iia-vitrin .au-btn--primary[b-37cdusoltb],
.iia-vitrin[b-37cdusoltb]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.iia-vitrin .au-btn--primary:hover:not(:disabled)[b-37cdusoltb],
.iia-vitrin[b-37cdusoltb]  .wiz-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.iia-vitrin .au-btn--danger[b-37cdusoltb] {
  border-color: var(--red-600);
  background: var(--red-600);
  color: var(--on-brand);
}

.iia-vitrin .au-btn--danger:hover:not(:disabled)[b-37cdusoltb] {
  border-color: color-mix(in srgb, var(--red-600) 88%, var(--metin-murekkep));
  background: color-mix(in srgb, var(--red-600) 88%, var(--metin-murekkep));
}

.iia-vitrin .au-btn--sm[b-37cdusoltb] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.iia-vitrin .au-btn:disabled[b-37cdusoltb],
.iia-vitrin[b-37cdusoltb]  .wiz-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.iia-vitrin :is(.au-btn, .iia-tablo-kaydir):focus-visible[b-37cdusoltb] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.iia-vitrin[b-37cdusoltb]  :is(.wiz-btn, .app-input, .app-toggle, .app-upload):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi / uyarı / hata şeritleri ────────────────────────────── */
.iia-vitrin .au-banner[b-37cdusoltb] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
  line-height: 1.55;
}

.iia-vitrin .au-banner svg[b-37cdusoltb] {
  flex: 0 0 auto;
  margin-top: 2px;
}

.iia-vitrin .au-banner a[b-37cdusoltb] {
  color: inherit;
  font-weight: 600;
  text-underline-offset: 3px;
}

.iia-vitrin .au-banner--info[b-37cdusoltb] {
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
}

.iia-vitrin .au-banner--warn[b-37cdusoltb] {
  border: 1px solid color-mix(in srgb, var(--amber-600) 32%, transparent);
  background: color-mix(in srgb, var(--amber-600) 8%, var(--yuzey));
  color: var(--amber-600);
}

.iia-vitrin .au-banner--danger[b-37cdusoltb] {
  border: 1px solid color-mix(in srgb, var(--red-600) 32%, transparent);
  background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
  color: var(--red-600);
}

/* ── Kart yüzeyleri: sayfa kartı + sihirbaz kartı aynı dil ─────── */
.iia-vitrin .iia-kart[b-37cdusoltb],
.iia-vitrin[b-37cdusoltb]  .wiz-kart {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.iia-vitrin .iia-kart[b-37cdusoltb]::before,
.iia-vitrin[b-37cdusoltb]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.iia-vitrin .iia-kart > :first-child[b-37cdusoltb] {
  margin-top: 4px;
}

.iia-vitrin .iia-bolum-basligi[b-37cdusoltb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.iia-vitrin .iia-bolum-basligi[b-37cdusoltb]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.iia-vitrin .iia-alt-basligi[b-37cdusoltb] {
  margin: 18px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

/* Asenkron iş paneli: satırlar eşit aralıkla dizilir (eski .ia-is kuralının karşılığı). */
.iia-vitrin .ia-is[b-37cdusoltb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.iia-vitrin .ia-is > *[b-37cdusoltb] {
  margin: 0;
}

.iia-vitrin .iia-faz[b-37cdusoltb] {
  margin: 0 0 8px;
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 600;
}

.iia-vitrin .au-dim[b-37cdusoltb] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.iia-vitrin .iia-ust-aralik[b-37cdusoltb] {
  margin-top: 12px;
}

.iia-vitrin .is-ok[b-37cdusoltb] { color: var(--green-600); font-weight: 600; }
.iia-vitrin .is-fail[b-37cdusoltb] { color: var(--red-600); font-weight: 600; }

/* ── Eylem satırları ───────────────────────────────────────────── */
.iia-vitrin .iia-eylem-satiri[b-37cdusoltb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.iia-vitrin .iia-eylem-satiri--sol[b-37cdusoltb] {
  justify-content: flex-start;
}

.iia-vitrin .iia-eylem-satiri--ayrac[b-37cdusoltb] {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Sihirbaz kabuğu (AppWizard çocuk bileşeni) ────────────────── */
.iia-vitrin[b-37cdusoltb]  .wiz-head {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

.iia-vitrin[b-37cdusoltb]  .wiz-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.iia-vitrin[b-37cdusoltb]  .wiz-steps::before,
.iia-vitrin[b-37cdusoltb]  .wiz-steps::after {
  content: none;
}

.iia-vitrin[b-37cdusoltb]  .wiz-progress,
.iia-vitrin[b-37cdusoltb]  .wiz-progress__fill {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 5px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ipucu);
  font-size: 12.5px;
  font-weight: 600;
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind::before {
  content: none;
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind__num {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 3px 7px 7px 7px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--metin-ipucu);
  font-family: var(--font-display);
  font-size: 11.5px;
  font-weight: 700;
  box-shadow: none;
  transform: none;
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind__label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind.is-done {
  color: var(--metin-ikincil);
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind.is-done .wiz-step-ind__num {
  background: color-mix(in srgb, var(--marka-500) 22%, var(--yuzey));
  color: var(--marka-700);
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind.is-active {
  border-color: transparent;
  background: var(--marka-600);
  color: var(--on-brand);
}

.iia-vitrin[b-37cdusoltb]  .wiz-step-ind.is-active .wiz-step-ind__num {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
  color: var(--on-brand);
}

/* Adım başlığı sihirbazın içinde tekrar edilmez; adım şeridi zaten söylüyor. */
.iia-vitrin[b-37cdusoltb]  .wiz-title-row {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.iia-vitrin[b-37cdusoltb]  .wiz-body {
  min-height: 0;
}

.iia-vitrin[b-37cdusoltb]  .wiz-error {
  margin-top: 16px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--red-600) 32%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  font-weight: 600;
}

.iia-vitrin[b-37cdusoltb]  .wiz-foot {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Form alanları (AppField / AppSelect / AppToggle) ──────────── */
.iia-vitrin .au-form-grid[b-37cdusoltb] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 14px 16px;
}

.iia-vitrin[b-37cdusoltb]  .app-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.iia-vitrin[b-37cdusoltb]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.iia-vitrin[b-37cdusoltb]  .app-field__req {
  color: var(--red-600);
}

.iia-vitrin[b-37cdusoltb]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.iia-vitrin[b-37cdusoltb]  .app-field .app-input:hover:not(:disabled) {
  border-color: var(--marka-400);
}

.iia-vitrin[b-37cdusoltb]  .app-select__value.is-empty {
  color: var(--metin-ipucu);
  font-weight: 400;
}

.iia-vitrin[b-37cdusoltb]  .app-select__caret {
  color: var(--marka-600);
}

.iia-vitrin[b-37cdusoltb]  .app-sel__panel {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  box-shadow: var(--panel-golge);
}

.iia-vitrin[b-37cdusoltb]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.45;
}

.iia-vitrin[b-37cdusoltb]  .app-field__error {
  color: var(--red-600);
  font-size: 12px;
  font-weight: 600;
}

.iia-vitrin[b-37cdusoltb]  .app-toggle__label {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Dosya yükleme yüzeyi ──────────────────────────────────────── */
.iia-vitrin[b-37cdusoltb]  .app-upload {
  padding: 22px 18px;
  border: 1.6px dashed var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.iia-vitrin[b-37cdusoltb]  .app-upload:hover,
.iia-vitrin[b-37cdusoltb]  .app-upload:focus-within {
  border-color: var(--marka-500);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.iia-vitrin[b-37cdusoltb]  .app-upload__ico {
  width: 44px;
  height: 44px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--marka-600);
}

.iia-vitrin[b-37cdusoltb]  .app-upload__text {
  color: var(--metin-ikincil);
  font-size: 13px;
}

.iia-vitrin[b-37cdusoltb]  .app-upload__text b {
  color: var(--marka-700);
  font-weight: 700;
}

.iia-vitrin[b-37cdusoltb]  .app-upload__meta,
.iia-vitrin[b-37cdusoltb]  .app-upload__size {
  color: var(--n-500);
  font-size: 12px;
}

.iia-vitrin[b-37cdusoltb]  .app-upload__file {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── Alan grupları (kolon eşleme) ──────────────────────────────── */
.iia-vitrin .ia-grup[b-37cdusoltb] {
  margin: 14px 0 0;
  padding: 12px 14px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
}

.iia-vitrin .ia-grup > legend[b-37cdusoltb] {
  padding: 0 6px;
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* ── Özet listesi ──────────────────────────────────────────────── */
.iia-vitrin .au-summary[b-37cdusoltb] {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
}

.iia-vitrin .au-summary > span[b-37cdusoltb] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--hat-kart);
}

.iia-vitrin .au-summary > span:last-child[b-37cdusoltb] {
  border-bottom: 0;
}

.iia-vitrin .au-summary > span:nth-child(odd)[b-37cdusoltb] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.iia-vitrin .au-summary b[b-37cdusoltb] {
  color: var(--n-500);
  font-weight: 600;
}

/* ── KPI şeridi ────────────────────────────────────────────────── */
.iia-vitrin .au-kpis[b-37cdusoltb] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
}

.iia-vitrin .au-kpi[b-37cdusoltb] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-top: 3px solid var(--marka-600);
  border-right: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.iia-vitrin .au-kpi:last-child[b-37cdusoltb] {
  border-right: 0;
}

.iia-vitrin .au-kpi:has(.au-kpi__num.is-ok)[b-37cdusoltb] { border-top-color: var(--green-600); }
.iia-vitrin .au-kpi:has(.au-kpi__num.is-fail)[b-37cdusoltb] { border-top-color: var(--red-600); }

.iia-vitrin .au-kpi__num[b-37cdusoltb] {
  margin-top: 15px;
  color: var(--marka-700);
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.iia-vitrin .au-kpi__num.is-ok[b-37cdusoltb] { color: var(--green-600); }
.iia-vitrin .au-kpi__num.is-fail[b-37cdusoltb] { color: var(--red-600); }

.iia-vitrin .au-kpi__cap[b-37cdusoltb] {
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Varlık sayaç şeridi ───────────────────────────────────────── */
.iia-vitrin .ia-varliklar[b-37cdusoltb] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.iia-vitrin .ia-varlik[b-37cdusoltb] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  font-size: 12.5px;
}

.iia-vitrin .ia-varlik__ad[b-37cdusoltb] {
  color: var(--metin-murekkep);
  font-weight: 600;
}

.iia-vitrin .ia-varlik__sayi[b-37cdusoltb] {
  color: var(--n-500);
  font-variant-numeric: tabular-nums;
}

.iia-vitrin .ia-varlik__sayi.is-ok[b-37cdusoltb] { color: var(--green-600); }
.iia-vitrin .ia-varlik__sayi.is-fail[b-37cdusoltb] { color: var(--red-600); }

/* ── Öğretmen karar satırları ──────────────────────────────────── */
.iia-vitrin .ia-ogretmenler[b-37cdusoltb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.iia-vitrin .ia-ogretmen[b-37cdusoltb] {
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.iia-vitrin .ia-ogretmen__ust[b-37cdusoltb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.iia-vitrin .ia-bosluk[b-37cdusoltb] { flex: 1 1 auto; }

.iia-vitrin .ia-kod[b-37cdusoltb] {
  color: var(--metin-murekkep);
  font-weight: 600;
}

.iia-vitrin .ia-rozet[b-37cdusoltb] {
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
}

.iia-vitrin .ia-rozet--kesin[b-37cdusoltb] { border-color: var(--green-600); color: var(--green-600); }
.iia-vitrin .ia-rozet--aday[b-37cdusoltb] { border-color: var(--amber-600); color: var(--amber-600); }
.iia-vitrin .ia-rozet--yok[b-37cdusoltb] { border-color: var(--red-600); color: var(--red-600); }

.iia-vitrin .ia-adaylar[b-37cdusoltb] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Asenkron iş ilerlemesi ────────────────────────────────────── */
.iia-vitrin .ia-ilerleme[b-37cdusoltb] {
  width: 100%;
  height: 10px;
  appearance: none;
  overflow: hidden;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.iia-vitrin .ia-ilerleme[b-37cdusoltb]::-webkit-progress-bar {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.iia-vitrin .ia-ilerleme[b-37cdusoltb]::-webkit-progress-value { background: var(--marka-500); }
.iia-vitrin .ia-ilerleme[b-37cdusoltb]::-moz-progress-bar { background: var(--marka-500); }

/* ── Hata nedeni özeti (backend `code` alanından türer) ────────── */
.iia-vitrin .iia-nedenler[b-37cdusoltb] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.iia-vitrin .iia-neden[b-37cdusoltb] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--red-600) 26%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-600) 5%, var(--yuzey));
  font-size: 12px;
}

.iia-vitrin .iia-neden__ad[b-37cdusoltb] {
  color: var(--metin-ikincil);
  font-weight: 600;
}

.iia-vitrin .iia-neden__sayi[b-37cdusoltb] {
  color: var(--red-600);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.iia-vitrin .iia-kod-rozet[b-37cdusoltb] {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

/* ── Tablolar: sınırlı alanda kayar, başlık üstte sabit ────────── */
.iia-vitrin .iia-tablo-kaydir[b-37cdusoltb] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.iia-vitrin .iia-tablo-kaydir--kisa[b-37cdusoltb] {
  max-height: min(320px, 40dvh);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısız
   tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada zararlı. */
.iia-vitrin .au-result-table[b-37cdusoltb] {
  display: table;
  overflow: visible;
  width: 100%;
  min-width: 620px;
  max-width: none;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.iia-vitrin .au-result-table thead[b-37cdusoltb] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.iia-vitrin .au-result-table th[b-37cdusoltb] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.iia-vitrin .au-result-table td[b-37cdusoltb] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.iia-vitrin .au-result-table tbody tr:nth-child(even) td[b-37cdusoltb] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.iia-vitrin .au-result-table tbody tr:hover td[b-37cdusoltb] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.iia-vitrin .au-result-table td.is-ok[b-37cdusoltb] { color: var(--green-600); font-weight: 600; }
.iia-vitrin .au-result-table td.is-fail[b-37cdusoltb] { color: var(--red-600); font-weight: 600; }

.iia-vitrin .iia-sayi[b-37cdusoltb] {
  width: 1%;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ── Popup ─────────────────────────────────────────────────────── */
.iia-vitrin .iia-popup[b-37cdusoltb] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.iia-vitrin .iia-popup--dar[b-37cdusoltb] {
  width: min(480px, calc(100vw - 48px));
}

.iia-vitrin .iia-popup[open][b-37cdusoltb] {
  display: flex;
  flex-direction: column;
}

.iia-vitrin .iia-popup[b-37cdusoltb]::backdrop {
  background: var(--scrim);
}

.iia-vitrin .iia-popup-bas[b-37cdusoltb] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.iia-vitrin .iia-popup-bas h2[b-37cdusoltb] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.iia-vitrin .iia-popup-bas h2:focus[b-37cdusoltb] {
  outline: none;
}

.iia-vitrin .iia-popup-kapat[b-37cdusoltb] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.iia-vitrin .iia-popup-govde[b-37cdusoltb] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.iia-vitrin .iia-popup-govde .au-banner[b-37cdusoltb] {
  margin: 12px 0 0;
}

.iia-vitrin .iia-onay-metin[b-37cdusoltb] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.65;
}

.iia-vitrin .iia-popup-eylem[b-37cdusoltb] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 metni birebir ────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .iia-vitrin .iia-kapak[b-37cdusoltb] {
    padding: 16px;
  }

  .iia-vitrin :is(.au-btn, .au-btn--sm)[b-37cdusoltb] {
    min-height: 44px;
  }

  .iia-vitrin[b-37cdusoltb]  .wiz-btn {
    min-height: 44px;
  }

  .iia-vitrin[b-37cdusoltb]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .iia-vitrin[b-37cdusoltb]  .app-upload {
    min-height: 44px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .iia-vitrin .au-result-table :is(th, td):nth-child(1)[b-37cdusoltb] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .iia-vitrin .au-result-table th:nth-child(1)[b-37cdusoltb] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .iia-vitrin[b-37cdusoltb]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON — YENI-DIL §1.1 ───────────────────────────────────── */
@media (max-width: 640px) {
  .iia-vitrin .iia-kapak[b-37cdusoltb] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .iia-vitrin .iia-baslik[b-37cdusoltb] {
    font-size: var(--yazi-kapak, 20px);
  }

  .iia-vitrin .iia-alt[b-37cdusoltb] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde. */
  .iia-vitrin .iia-kapak__eylem[b-37cdusoltb] {
    width: 100%;
  }

  .iia-vitrin .iia-kapak__eylem .au-btn[b-37cdusoltb] {
    flex: 1 1 auto;
  }

  .iia-vitrin .iia-kart[b-37cdusoltb],
  .iia-vitrin[b-37cdusoltb]  .wiz-kart {
    padding: 16px 12px;
  }

  .iia-vitrin .iia-bolum-basligi[b-37cdusoltb] {
    font-size: var(--yazi-bolum, 14px);
  }

  .iia-vitrin .au-form-grid[b-37cdusoltb] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .iia-vitrin .au-kpis[b-37cdusoltb] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iia-vitrin .au-kpi__num[b-37cdusoltb] {
    font-size: var(--yazi-kpi, 20px);
  }

  .iia-vitrin .au-summary > span[b-37cdusoltb] {
    flex-direction: column;
    gap: 4px;
  }

  .iia-vitrin .iia-tablo-kaydir[b-37cdusoltb] {
    max-height: min(440px, 60dvh);
  }

  .iia-vitrin .au-result-table[b-37cdusoltb] {
    min-width: 560px;
  }

  .iia-vitrin .au-result-table :is(th, td)[b-37cdusoltb] {
    padding: 10px;
  }

  .iia-vitrin[b-37cdusoltb]  .wiz-step-ind__label {
    max-width: 8ch;
  }

  .iia-vitrin .iia-eylem-satiri .au-btn[b-37cdusoltb],
  .iia-vitrin[b-37cdusoltb]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
  }

  .iia-vitrin .iia-popup[b-37cdusoltb] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .iia-vitrin :is(.iia-popup-bas, .iia-popup-govde, .iia-popup-eylem)[b-37cdusoltb] {
    padding: 12px;
  }

  .iia-vitrin .iia-popup-eylem .au-btn[b-37cdusoltb] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/BulkImport/IceAktarimGecmisi.razor.rz.scp.css */
/* Aktarım geçmişi — Akademik Analiz tasarım dili (AK-09, 2026-09-20).
   Yalnız TANIMLI token'lar (aurora.css :root + cihaz.css telefon bandı). Yeni hex YOK,
   !important YOK, sabit spacer YOK. Tanımsız değişkene başvurmak bildirimin TAMAMINI
   sessizce düşürür (bkz. AnalizCssTokenTests).

   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + 23 px başlık, bölüm kartı 18 px + 3px 3px 22px 22px köşe,
   tablo başlığı --marka-rampa-serit 11.5/700/.07em, hücre 10x13 px).

   ÖZGÜLLÜK NOTU: scoped paket (EduLive.Web.styles.css) App.razor'da vitrin dosyalarından
   ÖNCE yüklenir (satır 24 vs 28-54). Eşit özgüllükte global kazanır; bu yüzden her kural
   en az `.iag-vitrin` + hedef sınıf ile yazılır (scoped öznitelikle ≥ 3 sınıf). */

.iag-vitrin[b-6txb9h6dxw] {
  display: block;
  max-width: 1600px;
  margin-inline: auto;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ──────── */
.iag-vitrin .iag-kapak[b-6txb9h6dxw] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.iag-vitrin .iag-kapak__metin[b-6txb9h6dxw] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.iag-vitrin .iag-baslik[b-6txb9h6dxw] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.iag-vitrin .iag-alt[b-6txb9h6dxw] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Kap `flex: 0 1 auto` ile shrink-to-fit ölçülüyordu; sarmalı flex kabın max-content'i
   çocukların İÇERİK genişliğinden hesaplanır, `.iag-alan`'ın `flex: 0 1 176px` tabanı
   sayılmaz → süzgeç ile "Yeni aktarım" alt alta yığılırdı. Kap kalan alanı doldurur,
   sağa yaslama flex satırında yapılır (emsal: CoursesList.razor.css, SchedulingReadiness). */
.iag-vitrin .iag-kapak__eylem[b-6txb9h6dxw] {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
}

.iag-vitrin .iag-alan[b-6txb9h6dxw] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* GeriBaglanti çocuk bileşendir → ::deep. Kapak içinde ince bir kırıntı satırıdır
   (referans: OrgUnitTypes `out-yol`); ayrı bir düğme görünümü almaz. */
.iag-vitrin[b-6txb9h6dxw]  .au-breadcrumb {
  margin: 0 0 6px;
  color: var(--marka-700);
  font-size: 12px;
  text-decoration: none;
}

.iag-vitrin[b-6txb9h6dxw]  .au-breadcrumb:hover {
  text-decoration: underline;
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.iag-vitrin .au-btn[b-6txb9h6dxw] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.iag-vitrin .au-btn:hover:not(:disabled)[b-6txb9h6dxw] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.iag-vitrin .au-btn--primary[b-6txb9h6dxw] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.iag-vitrin .au-btn--primary:hover:not(:disabled)[b-6txb9h6dxw] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.iag-vitrin .au-btn--danger[b-6txb9h6dxw] {
  border-color: var(--red-600);
  background: var(--red-600);
  color: var(--on-brand);
}

.iag-vitrin .au-btn--danger:hover:not(:disabled)[b-6txb9h6dxw] {
  border-color: color-mix(in srgb, var(--red-600) 88%, var(--metin-murekkep));
  background: color-mix(in srgb, var(--red-600) 88%, var(--metin-murekkep));
}

.iag-vitrin .au-btn--sm[b-6txb9h6dxw] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.iag-vitrin .au-btn:disabled[b-6txb9h6dxw] {
  opacity: .55;
  cursor: not-allowed;
}

.iag-vitrin :is(.au-btn, .iag-tablo-kaydir):focus-visible[b-6txb9h6dxw] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Süzgeç alanı (AppSelect çocuk bileşen) ────────────────────── */
.iag-vitrin[b-6txb9h6dxw]  .app-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.iag-vitrin[b-6txb9h6dxw]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.iag-vitrin[b-6txb9h6dxw]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.iag-vitrin[b-6txb9h6dxw]  .app-select__caret {
  color: var(--marka-600);
}

.iag-vitrin[b-6txb9h6dxw]  .app-sel__panel {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  box-shadow: var(--panel-golge);
}

/* ── Bilgi/uyarı şeritleri ─────────────────────────────────────── */
.iag-vitrin .au-banner[b-6txb9h6dxw] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
  line-height: 1.5;
}

.iag-vitrin .au-banner svg[b-6txb9h6dxw] {
  flex: 0 0 auto;
}

.iag-vitrin .au-banner--danger[b-6txb9h6dxw] {
  border: 1px solid color-mix(in srgb, var(--red-600) 32%, transparent);
  background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
  color: var(--red-600);
}

.iag-vitrin .au-banner--info[b-6txb9h6dxw] {
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
}

.iag-vitrin .au-banner .au-btn[b-6txb9h6dxw] {
  margin-inline-start: auto;
}

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.iag-vitrin .iag-kart[b-6txb9h6dxw] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.iag-vitrin .iag-kart[b-6txb9h6dxw]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.iag-vitrin .iag-kart-bas[b-6txb9h6dxw] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.iag-vitrin .iag-bolum-basligi[b-6txb9h6dxw] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.iag-vitrin .iag-bolum-basligi[b-6txb9h6dxw]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.iag-vitrin .iag-ozet[b-6txb9h6dxw] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.iag-vitrin .iag-aktif[b-6txb9h6dxw] {
  color: var(--marka-600);
  font-weight: 600;
}

.iag-vitrin .iag-gizli[b-6txb9h6dxw] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Boş durum ─────────────────────────────────────────────────── */
.iag-vitrin .iag-bos[b-6txb9h6dxw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.iag-vitrin .iag-bos p[b-6txb9h6dxw] {
  max-width: 52ch;
  margin: 0;
  line-height: 1.6;
}

.iag-vitrin .iag-bos svg[b-6txb9h6dxw] {
  color: var(--metin-ipucu);
}

/* ── Yükleniyor iskeleti ───────────────────────────────────────── */
.iag-vitrin .iag-iskelet[b-6txb9h6dxw] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.iag-vitrin .iag-iskelet__satir[b-6txb9h6dxw] {
  height: 38px;
  border-radius: var(--kose-dugme);
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 0%,
    color-mix(in srgb, var(--marka-500) 11%, var(--yuzey)) 50%,
    color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 100%);
  background-size: 200% 100%;
  animation: iagIskeletParilti-b-6txb9h6dxw 1.4s linear infinite;
}

/* @keyframes adı GLOBAL'dir (scoped CSS onu kapsamaz) → çakışmasın diye önekli. */
@keyframes iagIskeletParilti-b-6txb9h6dxw {
  to { background-position: -200% 0; }
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.iag-vitrin .iag-tablo-kaydir[b-6txb9h6dxw] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısız
   tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada zararlı:
   `display:block` sticky thead'i bozar ve ikinci bir yatay kaydırıcı açar. */
.iag-vitrin .au-result-table[b-6txb9h6dxw] {
  display: table;
  overflow: visible;
  width: 100%;
  min-width: 940px;
  max-width: none;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.iag-vitrin .au-result-table thead[b-6txb9h6dxw] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.iag-vitrin .au-result-table th[b-6txb9h6dxw] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.iag-vitrin .au-result-table td[b-6txb9h6dxw] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.iag-vitrin .au-result-table tbody tr:nth-child(even) td[b-6txb9h6dxw] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.iag-vitrin .au-result-table tbody tr:hover td[b-6txb9h6dxw] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.iag-vitrin .iag-tarih[b-6txb9h6dxw] {
  white-space: nowrap;
  font-weight: 600;
}

.iag-vitrin .iag-sayi[b-6txb9h6dxw] {
  font-variant-numeric: tabular-nums;
  text-align: end;
}

/* İşlem hücresi: `display:flex` KULLANILMAZ — td'yi tablo hücresi olmaktan çıkarır,
   tarayıcı anonim hücre üretir ve sütun hizası/yüksekliği bozulur (ayrıca yapışık ilk
   sütun kuralıyla çakışır). Depo kuralı: `width:1%` + `white-space:nowrap` + sağa hizalı
   (bkz. AiModelsList `aim-islem-hucre`, SsoList `sso-td-eylem`). */
.iag-vitrin .iag-satir-eylem[b-6txb9h6dxw] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.iag-vitrin .iag-satir-eylem > * + *[b-6txb9h6dxw] {
  margin-inline-start: 6px;
}

.iag-vitrin .au-result-table td.is-ok[b-6txb9h6dxw] {
  color: var(--green-600);
  font-weight: 600;
}

.iag-vitrin .au-result-table td.is-fail[b-6txb9h6dxw] {
  color: var(--red-600);
  font-weight: 600;
}

.iag-vitrin .au-dim[b-6txb9h6dxw] {
  color: var(--n-500);
}

/* ── Durum rozeti ve ilerleme ──────────────────────────────────── */
.iag-vitrin .ig-rozet[b-6txb9h6dxw] {
  display: inline-block;
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.iag-vitrin .ig-rozet--queued[b-6txb9h6dxw],
.iag-vitrin .ig-rozet--running[b-6txb9h6dxw],
.iag-vitrin .ig-rozet--partial[b-6txb9h6dxw] {
  border-color: var(--amber-600);
  color: var(--amber-600);
}

.iag-vitrin .ig-rozet--completed[b-6txb9h6dxw] {
  border-color: var(--green-600);
  color: var(--green-600);
}

.iag-vitrin .ig-rozet--cancelled[b-6txb9h6dxw],
.iag-vitrin .ig-rozet--failed[b-6txb9h6dxw],
.iag-vitrin .ig-rozet--rolled_back[b-6txb9h6dxw] {
  border-color: var(--red-600);
  color: var(--red-600);
}

.iag-vitrin .ig-ilerleme[b-6txb9h6dxw] {
  width: 92px;
  height: 8px;
  appearance: none;
  overflow: hidden;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  vertical-align: middle;
}

.iag-vitrin .ig-ilerleme[b-6txb9h6dxw]::-webkit-progress-bar {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.iag-vitrin .ig-ilerleme[b-6txb9h6dxw]::-webkit-progress-value { background: var(--marka-500); }
.iag-vitrin .ig-ilerleme[b-6txb9h6dxw]::-moz-progress-bar { background: var(--marka-500); }

.iag-vitrin .ig-faz[b-6txb9h6dxw] {
  display: block;
  font-size: 11.5px;
}

/* ── Sayfalama ─────────────────────────────────────────────────── */
.iag-vitrin .iag-sayfalama[b-6txb9h6dxw] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
  font-size: 12.5px;
}

/* ── Popup: native top layer; başlık/eylemler sabit, gövde kayar ─ */
.iag-vitrin .iag-popup[b-6txb9h6dxw] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.iag-vitrin .iag-popup--dar[b-6txb9h6dxw] {
  width: min(480px, calc(100vw - 48px));
}

.iag-vitrin .iag-popup[open][b-6txb9h6dxw] {
  display: flex;
  flex-direction: column;
}

.iag-vitrin .iag-popup[b-6txb9h6dxw]::backdrop {
  background: var(--scrim);
}

.iag-vitrin .iag-popup-bas[b-6txb9h6dxw] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.iag-vitrin .iag-popup-bas h2[b-6txb9h6dxw] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.iag-vitrin .iag-popup-bas h2:focus[b-6txb9h6dxw] {
  outline: none;
}

.iag-vitrin .iag-popup-kapat[b-6txb9h6dxw] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.iag-vitrin .iag-popup-govde[b-6txb9h6dxw] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.iag-vitrin .iag-popup-eylem[b-6txb9h6dxw] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.iag-vitrin .iag-onay-metin[b-6txb9h6dxw] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.65;
}

.iag-vitrin .iag-popup-govde .au-banner[b-6txb9h6dxw] {
  margin: 12px 0 0;
}

/* ── Detay olgu listesi ────────────────────────────────────────── */
.iag-vitrin .iag-olgular[b-6txb9h6dxw] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.iag-vitrin .iag-olgular > div[b-6txb9h6dxw] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.iag-vitrin .iag-olgular > div:nth-child(odd)[b-6txb9h6dxw] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.iag-vitrin .iag-olgular dt[b-6txb9h6dxw] {
  color: var(--n-500);
}

.iag-vitrin .iag-olgular dd[b-6txb9h6dxw] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.iag-vitrin .iag-olgular dd.is-ok[b-6txb9h6dxw] { color: var(--green-600); font-weight: 600; }
.iag-vitrin .iag-olgular dd.is-fail[b-6txb9h6dxw] { color: var(--red-600); font-weight: 600; }

.iag-vitrin .iag-kimlik[b-6txb9h6dxw] {
  color: var(--marka-700);
  font-size: 12px;
  unicode-bidi: isolate;
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 metni birebir ────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .iag-vitrin .iag-kapak[b-6txb9h6dxw] {
    padding: 16px;
  }

  .iag-vitrin :is(.au-btn, .au-btn--sm)[b-6txb9h6dxw] {
    min-height: 44px;
  }

  .iag-vitrin[b-6txb9h6dxw]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Tarih) yatay kaydırmada yapışık kalır. */
  .iag-vitrin .au-result-table :is(th, td):nth-child(1)[b-6txb9h6dxw] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .iag-vitrin .au-result-table th:nth-child(1)[b-6txb9h6dxw] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .iag-vitrin[b-6txb9h6dxw]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON — YENI-DIL §1.1 ───────────────────────────────────── */
@media (max-width: 640px) {
  .iag-vitrin .iag-kapak[b-6txb9h6dxw] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .iag-vitrin .iag-baslik[b-6txb9h6dxw] {
    font-size: var(--yazi-kapak, 20px);
  }

  .iag-vitrin .iag-alt[b-6txb9h6dxw] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde. */
  .iag-vitrin .iag-kapak__eylem[b-6txb9h6dxw] {
    width: 100%;
  }

  .iag-vitrin .iag-alan[b-6txb9h6dxw] {
    flex: 1 1 100%;
    max-width: none;
  }

  .iag-vitrin .iag-yeni[b-6txb9h6dxw] {
    flex: 1 1 auto;
  }

  .iag-vitrin .iag-kart[b-6txb9h6dxw] {
    padding: 16px 12px;
  }

  .iag-vitrin .iag-bolum-basligi[b-6txb9h6dxw] {
    font-size: var(--yazi-bolum, 14px);
  }

  .iag-vitrin .iag-kart-bas[b-6txb9h6dxw] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .iag-vitrin .iag-tablo-kaydir[b-6txb9h6dxw] {
    max-height: min(460px, 62dvh);
  }

  .iag-vitrin .au-result-table[b-6txb9h6dxw] {
    min-width: 820px;
  }

  .iag-vitrin .au-result-table :is(th, td)[b-6txb9h6dxw] {
    padding: 10px;
  }

  .iag-vitrin .au-banner[b-6txb9h6dxw] {
    flex-wrap: wrap;
  }

  .iag-vitrin .au-banner .au-btn[b-6txb9h6dxw] {
    flex: 1 1 auto;
    margin-inline-start: 0;
  }

  .iag-vitrin .iag-popup[b-6txb9h6dxw] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .iag-vitrin :is(.iag-popup-bas, .iag-popup-govde, .iag-popup-eylem)[b-6txb9h6dxw] {
    padding: 12px;
  }

  .iag-vitrin .iag-popup-eylem .au-btn[b-6txb9h6dxw] {
    flex: 1 1 auto;
  }

  .iag-vitrin .iag-olgular > div[b-6txb9h6dxw] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .iag-vitrin .iag-sayfalama[b-6txb9h6dxw] {
    justify-content: space-between;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iag-vitrin .iag-iskelet__satir[b-6txb9h6dxw] {
    animation: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Courses/CourseCreate.razor.rz.scp.css */
/* Yeni kurs sihirbazı — Akademik Analiz kapak, kart ve kontrol ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok.

   sihirbaz-vitrin.css scoped demetten SONRA yüklenir (App.razor 24 ↔ 40), bu yüzden
   ortak sınıf adları (.au-head/.au-title/.au-form-grid) eşit özgüllükte ezilemiyordu.
   Sayfa kendi krs-* adlarını kullanır; ortak bileşen içi kurallar ::deep ile ve
   .au-page.krs-yeni (0,4,0) / body.edulive-cihaz .au-page.krs-yeni (0,5,0+tür)
   özgüllüğünde yazılır — global sihirbaz kurallarını bu yüzden geçer. */

/* Global .au-page.sihirbaz-vitrin kökü display:flex; kapak + sihirbaz akışı için blok. */
.au-page.krs-yeni[b-t4fqcq9wum] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.krs-yeni .krs-kapak[b-t4fqcq9wum] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.krs-yeni .krs-kapak__geri[b-t4fqcq9wum] { grid-area: 1 / 1; }
.krs-yeni .krs-kapak__baslik[b-t4fqcq9wum] { grid-area: 1 / 2; min-width: 0; }

.krs-yeni .krs-baslik[b-t4fqcq9wum] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.krs-yeni .krs-alt[b-t4fqcq9wum] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .krs-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.krs-yeni[b-t4fqcq9wum]  .krs-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Uyarı şeritleri ──────────────────────────────────────────────────────── */
.krs-yeni .krs-uyari[b-t4fqcq9wum] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.krs-yeni .krs-uyari svg[b-t4fqcq9wum] { flex: 0 0 auto; margin-top: 2px; }

.krs-yeni .krs-uyari--hata[b-t4fqcq9wum] {
  border-color: color-mix(in srgb, var(--red-600) 35%, var(--hat-kart));
  background: color-mix(in srgb, var(--red-600) 6%, var(--yuzey));
  color: var(--red-600);
}

.krs-yeni .krs-uyari--bilgi[b-t4fqcq9wum] {
  margin: 16px 0 0;
  border-color: color-mix(in srgb, var(--marka-500) 28%, var(--hat-kart));
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

/* ── Sihirbaz kabuğu ──────────────────────────────────────────────────────── */
.au-page.krs-yeni[b-t4fqcq9wum]  .app-wizard { display: block; }

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-head {
  display: flex;
  align-items: center;
  margin: 0 0 12px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-steps { gap: 0; padding: 3px; }

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-step-ind {
  gap: 8px;
  font-size: 12.5px;
  color: var(--metin-ipucu);
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-step-ind__num {
  width: 22px;
  height: 22px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-step-ind.is-active { color: var(--marka-700); }

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-step-ind.is-active .wiz-step-ind__num,
.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-step-ind.is-done .wiz-step-ind__num {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-step-ind.is-done { color: var(--metin-ikincil); }

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-kart {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* Kart üst şeridi referans rampasına döner; köşe üçgeni kalkar. */
.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-kart::before {
  background-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  background-size: 100% 5px;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-kart::after { content: none; }

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-error {
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--red-600) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-600) 6%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-foot {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-btn {
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  box-shadow: none;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.krs-yeni[b-t4fqcq9wum]  .wiz-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Alan ızgarası (eski .au-form-grid düzeninin sayfa-scoped karşılığı) ──── */
.krs-yeni .krs-alan-izgara[b-t4fqcq9wum] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px 24px;
}

/* OrgUnitPicker ağacı sağ sütunu boydan boya kullanır (önceki düzenin korunması). */
.au-page.krs-yeni[b-t4fqcq9wum]  .krs-alan-izgara > .app-field:has(.oup) {
  grid-column: 2;
  grid-row: 1 / 5;
  align-self: stretch;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .app-field { min-width: 0; }

.au-page.krs-yeni[b-t4fqcq9wum]  .app-field__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--metin-ikincil);
}

.au-page.krs-yeni[b-t4fqcq9wum]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .app-field textarea.app-input { height: auto; min-height: 140px; padding: 12px; }

.au-page.krs-yeni[b-t4fqcq9wum]  .app-field .app-input:focus-visible,
.au-page.krs-yeni[b-t4fqcq9wum]  .app-field .app-input:focus-within {
  border-color: var(--marka-600);
  box-shadow: none;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.au-page.krs-yeni[b-t4fqcq9wum]  .app-field__error { color: var(--red-600); font-size: 12px; }
.au-page.krs-yeni[b-t4fqcq9wum]  .app-select__caret { color: var(--marka-600); opacity: 1; }
.au-page.krs-yeni[b-t4fqcq9wum]  .app-select__value.is-empty { color: var(--metin-ipucu); }

.au-page.krs-yeni[b-t4fqcq9wum]  .app-json__btn {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.au-page.krs-yeni[b-t4fqcq9wum]  .oup {
  max-height: min(420px, 45dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

/* ── Gözden geçirme özeti ─────────────────────────────────────────────────── */
.krs-yeni .krs-ozet[b-t4fqcq9wum] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.krs-yeni .krs-ozet__baslik[b-t4fqcq9wum] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.krs-yeni .krs-ozet__baslik[b-t4fqcq9wum]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.krs-yeni .krs-olgu[b-t4fqcq9wum] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.krs-yeni .krs-olgu > div[b-t4fqcq9wum] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.krs-yeni .krs-olgu > div:nth-child(odd)[b-t4fqcq9wum] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.krs-yeni .krs-olgu dt[b-t4fqcq9wum] { color: var(--n-500); }

.krs-yeni .krs-olgu dd[b-t4fqcq9wum] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .krs-yeni .krs-kapak[b-t4fqcq9wum] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .krs-geri { width: 44px; height: 44px; min-height: 44px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .app-field .app-input { height: 44px; min-height: 44px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .app-field textarea.app-input { height: auto; min-height: 160px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .wiz-btn { min-height: 44px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .app-json__btn { min-height: 44px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .wiz-head { overflow-x: auto; }
}

@media (pointer: coarse) {
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .krs-yeni .krs-kapak[b-t4fqcq9wum] { padding: 12px; gap: 8px; }
  .krs-yeni .krs-baslik[b-t4fqcq9wum] { font-size: var(--yazi-kapak, 20px); }
  .krs-yeni .krs-alt[b-t4fqcq9wum] { font-size: var(--yazi-kucuk, 12px); }
  .krs-yeni .krs-alan-izgara[b-t4fqcq9wum] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .krs-alan-izgara > .app-field:has(.oup) { grid-column: auto; grid-row: auto; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .wiz-kart { padding: 16px 12px; }
  body.edulive-cihaz .au-page.krs-yeni[b-t4fqcq9wum]  .wiz-step-ind__label { display: none; }
  .krs-yeni .krs-ozet__baslik[b-t4fqcq9wum] { font-size: var(--yazi-bolum, 14px); }
  .krs-yeni .krs-olgu > div[b-t4fqcq9wum] { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Courses/CourseDetail.razor.rz.scp.css */
/* Kurs detayı — Akademik Analiz görsel dili, YALNIZ bu sayfa.
   Yeni hex YOK: renkler global token'lardan (aurora.css) veya bu sayfanın kendi
   vitrin token'larından (`--kdt-*`, kurs-detay-vitrin.css) gelir.
   `--agv-*` / `--anv-*` yalnız analiz vitrinlerinde tanımlıdır; burada onların
   global karşılıkları kullanılır (referans: docs/.../akademik-analiz.md).

   ÖNCELİK NOTU: scoped paket (EduLive.Web.styles.css) App.razor'da vitrin CSS'lerinden
   ÖNCE yüklenir. `kurs-detay-vitrin.css` kuralları `.au-page.kurs-detay-vitrin X` (0,3,y)
   özgüllüğündedir; bu yüzden buradaki seçiciler `.au-page.kurs-detay-vitrin ::deep X`
   biçiminde yazılır → derlenmiş hâli `.au-page.kurs-detay-vitrin[b-…] X` (0,4,y) ve
   eski vitrin değerlerini (29 px başlık, 22 px kart dolgusu) güvenle geçer. */

/* ── Beyaz kapak: başlık + durum + ana eylemler tek yüzeyde ───────── */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  gap: 14px 12px;
  align-items: start;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak .au-breadcrumb--dugme {
  grid-area: geri;
  align-self: center;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak__metin {
  grid-area: baslik;
  min-width: 0;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak__eylem {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Geniş masaüstünde başlık solda, eylemler sağ kenara yaslı (referans 1540 px kuralı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: center;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak__eylem {
    justify-self: end;
  }
}

/* Akademik Analiz kapak başlığı: 23 px — eski 29 px vitrin değeri değil. */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-baslik {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-alt__bilgi {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--n-500);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-uyari {
  margin-bottom: 16px;
}

/* ── Bölüm şeridi: gerçek gezinme bağlantıları, sekme görünümünde ── */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme {
  /* Marka rampasının kendi durakları: lacivert → petrol. Yeni palet üretilmez. */
  --kd-sekme-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  min-height: 34px;
  margin: 0;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  text-decoration: none;
  white-space: nowrap;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme:nth-child(2) { --kd-sekme-vurgu: var(--marka-rampa-orta); }
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme:nth-child(3) { --kd-sekme-vurgu: var(--marka-rampa-uc); }

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme:hover {
  background: color-mix(in srgb, var(--kd-sekme-vurgu) 14%, var(--yuzey));
  color: var(--kd-sekme-vurgu);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme[aria-current="page"],
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme[aria-current="page"]:hover {
  background: var(--kd-sekme-vurgu);
  color: var(--on-brand);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme:focus-visible {
  outline: 2px solid var(--kd-sekme-vurgu);
  outline-offset: 2px;
}

/* ── Bölüm kartı ölçüleri (referans: dolgu 18 px, köşe 3/3/22/22) ── */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart {
  padding: 18px;
  margin-bottom: 16px;
  border-radius: 3px 3px 22px 22px;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart::before {
  border-radius: 2px 2px 0 0;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart::after {
  border-bottom-right-radius: 22px;
}

/* Global `.au-card + .au-card` üst marjı ızgara içinde çift boşluk yaratıyordu. */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart + .kd-kart {
  margin-top: 0;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart .au-card__title {
  margin: 0 0 12px;
  font-size: 15px;
  letter-spacing: -0.012em;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart .cd-section-head {
  margin-bottom: 12px;
}

/* İki bağımsız bölüm yan yana — dikey kaydırma yarıya iner (referans .az-izgara.g2). */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-izgara {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ipucu {
  margin: 8px 0 0;
}

/* ── İlerleme çubuğu: yalnız backend yüzdesinin görsel karşılığı ── */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme {
  margin: 0 0 12px;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__durum {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--metin-ikincil);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__durum::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

/* Durum rengi anlamsaldır (geride = uyarı); bu vitrinin mevcut tonları kullanılır. */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__durum--on_track,
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__durum--completed {
  color: var(--kdt-onay-metin);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__durum--behind {
  color: var(--kdt-tehlike);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__yuzde {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  color: var(--marka-700);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__ray {
  overflow: hidden;
  height: 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__dolgu {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--marka-rampa-serit);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-telafi {
  margin-top: 12px;
}

/* ── Boş durum ───────────────────────────────────────────────────── */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-bos p {
  margin: 0;
  line-height: 1.6;
}

/* ── Görünür popup (native dialog, üst katman) ───────────────────── */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup[open] {
  display: flex;
  flex-direction: column;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup::backdrop {
  background: var(--scrim);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__bas h2:focus {
  outline: none;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__kapat {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__alan {
  margin-top: 12px;
}

/* AppSelect paneli varsayılan `position:absolute`; popup gövdesi kaydırılabilir
   (overflow:auto) ve dialog `overflow:hidden` olduğu için açılan seçenek listesi
   KIRPILIYORDU. Onaylı çözüm OptikPopup ile aynı: panel akışa girer, kendi
   içinde kayar (yükseklik bileşenin kendi token'ıyla verilir, yeni ölçü değil). */
.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup .app-sel__panel {
  --acilir-en-cok-yukseklik: 220px;
  position: relative;
  inset: auto;
  margin-top: 6px;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__govde .au-banner {
  margin-bottom: 12px;
}

.au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 ────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-izgara {
    grid-template-columns: minmax(0, 1fr);
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekmeler::-webkit-scrollbar {
    display: none;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-sekme {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  :is(.kd-kapak__eylem .au-btn, .kd-popup__eylem .au-btn) {
    min-height: 44px;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__kapat {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    font-size: 24px;
  }
}

@media (pointer: coarse) {
  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ─────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak {
    gap: 12px;
    padding: 14px 16px 16px;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-baslik {
    font-size: var(--yazi-kapak, 20px);
    line-height: 1.18;
  }

  /* Eylemler başlığın altında, içerik genişliğinde. */
  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kapak__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart {
    padding: 16px;
    margin-bottom: 14px;
    border-radius: 3px 3px 18px 18px;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-izgara {
    gap: 14px;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-kart .au-card__title {
    font-size: var(--yazi-bolum, 14px);
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-ilerleme__yuzde {
    font-size: 16px;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  :is(.kd-popup__bas, .kd-popup__govde, .kd-popup__eylem) {
    padding: 12px;
  }

  .au-page.kurs-detay-vitrin[b-ekoazgam2l]  .kd-popup__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Courses/CourseEdit.razor.rz.scp.css */
/* Kursu düzenle — Akademik Analiz kapak, bölüm sekmesi, kart ve popup ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok.

   form-vitrin.css scoped demetten SONRA yüklenir (App.razor 24 ↔ 33); ortak sınıf
   adları eşit özgüllükte ezilemediği için sayfa kendi krs-* adlarını kullanır.
   Ortak bileşen içi kurallar ::deep ile .au-page.krs-duzenle (0,4,0) ve cihaz
   bandında body.edulive-cihaz .au-page.krs-duzenle (0,5,0+tür) özgüllüğünde yazılır. */

.au-page.krs-duzenle[b-q670j7afrb] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.krs-duzenle .krs-kapak[b-q670j7afrb] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.krs-duzenle .krs-kapak__geri[b-q670j7afrb] { grid-area: geri; }
.krs-duzenle .krs-kapak__baslik[b-q670j7afrb] { grid-area: baslik; min-width: 0; }
.krs-duzenle .krs-kapak__eylem[b-q670j7afrb] { grid-area: eylem; display: flex; align-items: center; gap: 8px; }

.krs-duzenle .krs-baslik[b-q670j7afrb] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.krs-duzenle .krs-alt[b-q670j7afrb] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.au-page.krs-duzenle[b-q670j7afrb]  .krs-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.krs-duzenle[b-q670j7afrb]  .krs-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.krs-duzenle .krs-dugme[b-q670j7afrb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.krs-duzenle .krs-dugme:hover:not(:disabled)[b-q670j7afrb] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.krs-duzenle .krs-dugme:disabled[b-q670j7afrb] { opacity: .5; cursor: wait; }

.krs-duzenle .krs-dugme--ana[b-q670j7afrb] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.krs-duzenle .krs-dugme--ana:hover:not(:disabled)[b-q670j7afrb] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.krs-duzenle .krs-dugme:focus-visible[b-q670j7afrb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.krs-duzenle .krs-rozet[b-q670j7afrb] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.krs-duzenle .krs-rozet--active[b-q670j7afrb] {
  border-color: color-mix(in srgb, var(--basari) 60%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--basari-metin);
}

.krs-duzenle .krs-rozet--draft[b-q670j7afrb] {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ─────────────────────────── */
.krs-duzenle .krs-sekme-cubugu[b-q670j7afrb] {
  display: flex;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  overflow-x: auto;
}

.krs-duzenle .krs-sekme[b-q670j7afrb] {
  --krs-sekme-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.krs-duzenle .krs-sekme:nth-child(2)[b-q670j7afrb] { --krs-sekme-vurgu: var(--marka-rampa-orta); }
.krs-duzenle .krs-sekme:nth-child(3)[b-q670j7afrb] { --krs-sekme-vurgu: var(--marka-rampa-uc); }

.krs-duzenle .krs-sekme:hover:not(:disabled)[b-q670j7afrb] {
  background: color-mix(in srgb, var(--krs-sekme-vurgu) 14%, var(--yuzey));
  color: var(--krs-sekme-vurgu);
}

.krs-duzenle .krs-sekme[aria-selected="true"][b-q670j7afrb] {
  background: var(--krs-sekme-vurgu);
  color: var(--on-brand);
}

.krs-duzenle .krs-sekme:focus-visible[b-q670j7afrb] { outline: 2px solid var(--krs-sekme-vurgu); outline-offset: 2px; }
.krs-duzenle .krs-sekme:disabled[b-q670j7afrb] { cursor: wait; opacity: .65; }

/* ── Uyarı şeridi ─────────────────────────────────────────────────────────── */
.krs-duzenle .krs-uyari[b-q670j7afrb] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.krs-duzenle .krs-uyari svg[b-q670j7afrb] { flex: 0 0 auto; margin-top: 2px; }

.krs-duzenle .krs-uyari--hata[b-q670j7afrb] {
  border-color: color-mix(in srgb, var(--red-600) 35%, var(--hat-kart));
  background: color-mix(in srgb, var(--red-600) 6%, var(--yuzey));
  color: var(--red-600);
}

/* ── Form kartı ───────────────────────────────────────────────────────────── */
.krs-duzenle .krs-kart[b-q670j7afrb] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.krs-duzenle .krs-kart[b-q670j7afrb]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.krs-duzenle .krs-kart--bos[b-q670j7afrb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.krs-duzenle .krs-kart--bos p[b-q670j7afrb] { margin: 0; line-height: 1.6; }

/* Tek tabpanel (#krs-panel) ve içindeki seçili bölüm kabı. */
.krs-duzenle .krs-kart section:focus-visible[b-q670j7afrb] { outline: 2px solid var(--marka-600); outline-offset: 4px; }
.krs-duzenle .krs-bolum[b-q670j7afrb] { min-width: 0; }

.krs-duzenle .krs-bolum-baslik[b-q670j7afrb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.krs-duzenle .krs-bolum-baslik[b-q670j7afrb]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.krs-duzenle .krs-alan-izgara[b-q670j7afrb] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px 24px;
}

/* OrgUnitPicker ağacı sağ sütunu boydan boya kullanır. */
.au-page.krs-duzenle[b-q670j7afrb]  .krs-alan-izgara > .app-field:has(.oup) {
  grid-column: 2;
  grid-row: 1 / 5;
  align-self: stretch;
}

.krs-duzenle .krs-form-eylem[b-q670j7afrb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.krs-duzenle .krs-form-ipucu[b-q670j7afrb] { color: var(--n-500); font-size: 12px; }

/* ── Ortak form kontrolleri (::deep) ──────────────────────────────────────── */
.au-page.krs-duzenle[b-q670j7afrb]  .app-field { min-width: 0; }

.au-page.krs-duzenle[b-q670j7afrb]  .app-field__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--metin-ikincil);
}

.au-page.krs-duzenle[b-q670j7afrb]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.au-page.krs-duzenle[b-q670j7afrb]  .app-field textarea.app-input { height: auto; min-height: 180px; padding: 12px; }

.au-page.krs-duzenle[b-q670j7afrb]  .app-field .app-input:focus-visible,
.au-page.krs-duzenle[b-q670j7afrb]  .app-field .app-input:focus-within {
  border-color: var(--marka-600);
  box-shadow: none;
}

.au-page.krs-duzenle[b-q670j7afrb]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.au-page.krs-duzenle[b-q670j7afrb]  .app-field__error { color: var(--red-600); font-size: 12px; }
.au-page.krs-duzenle[b-q670j7afrb]  .app-select__caret { color: var(--marka-600); opacity: 1; }
.au-page.krs-duzenle[b-q670j7afrb]  .app-select__value.is-empty { color: var(--metin-ipucu); }

.au-page.krs-duzenle[b-q670j7afrb]  .app-json__btn {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.au-page.krs-duzenle[b-q670j7afrb]  .oup {
  max-height: min(420px, 45dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.au-page.krs-duzenle[b-q670j7afrb]  .app-tree__row { min-height: 34px; border-radius: var(--kose-dugme); font-size: 13px; }

/* ── Kayıt bilgisi popup'ı ────────────────────────────────────────────────── */
.krs-duzenle .krs-popup[b-q670j7afrb] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.krs-duzenle .krs-popup[open][b-q670j7afrb] { display: flex; flex-direction: column; }
.krs-duzenle .krs-popup[b-q670j7afrb]::backdrop { background: var(--scrim); }

.krs-duzenle .krs-popup__bas[b-q670j7afrb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.krs-duzenle .krs-popup__bas h2[b-q670j7afrb] {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.krs-duzenle .krs-popup__bas h2:focus[b-q670j7afrb] { outline: none; }

.krs-duzenle .krs-popup__kapat[b-q670j7afrb] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.krs-duzenle .krs-popup__govde[b-q670j7afrb] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.krs-duzenle .krs-popup__not[b-q670j7afrb] { margin: 12px 0 0; color: var(--n-500); font-size: 12px; line-height: 1.6; }

.krs-duzenle .krs-olgu[b-q670j7afrb] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.krs-duzenle .krs-olgu > div[b-q670j7afrb] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.krs-duzenle .krs-olgu > div:nth-child(odd)[b-q670j7afrb] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.krs-duzenle .krs-olgu dt[b-q670j7afrb] { color: var(--n-500); }

.krs-duzenle .krs-olgu dd[b-q670j7afrb] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.krs-duzenle .krs-olgu code[b-q670j7afrb] { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

.krs-duzenle .krs-popup__eylem[b-q670j7afrb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .krs-duzenle .krs-kapak[b-q670j7afrb] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }
  .krs-duzenle .krs-dugme[b-q670j7afrb] { min-height: 44px; }
  .krs-duzenle .krs-sekme[b-q670j7afrb] { min-height: 44px; }
  body.edulive-cihaz .au-page.krs-duzenle[b-q670j7afrb]  .krs-geri { width: 44px; height: 44px; min-height: 44px; }
  body.edulive-cihaz .au-page.krs-duzenle[b-q670j7afrb]  .app-field .app-input { height: 44px; min-height: 44px; }
  body.edulive-cihaz .au-page.krs-duzenle[b-q670j7afrb]  .app-field textarea.app-input { height: auto; min-height: 200px; }
  body.edulive-cihaz .au-page.krs-duzenle[b-q670j7afrb]  .app-json__btn { min-height: 44px; }
  body.edulive-cihaz .au-page.krs-duzenle[b-q670j7afrb]  .app-tree__row { min-height: 44px; }
}

@media (pointer: coarse) {
  body.edulive-cihaz .au-page.krs-duzenle[b-q670j7afrb]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .krs-duzenle .krs-kapak[b-q670j7afrb] { padding: 12px; gap: 12px 8px; }
  .krs-duzenle .krs-baslik[b-q670j7afrb] { font-size: var(--yazi-kapak, 20px); }
  .krs-duzenle .krs-alt[b-q670j7afrb] { font-size: var(--yazi-kucuk, 12px); }
  .krs-duzenle .krs-kapak__eylem[b-q670j7afrb] { width: 100%; }
  .krs-duzenle .krs-kapak__eylem .krs-dugme[b-q670j7afrb] { flex: 1; }
  .krs-duzenle .krs-kart[b-q670j7afrb] { padding: 16px 12px; }
  .krs-duzenle .krs-bolum-baslik[b-q670j7afrb] { font-size: var(--yazi-bolum, 14px); }
  .krs-duzenle .krs-alan-izgara[b-q670j7afrb] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.edulive-cihaz .au-page.krs-duzenle[b-q670j7afrb]  .krs-alan-izgara > .app-field:has(.oup) { grid-column: auto; grid-row: auto; }
  .krs-duzenle .krs-form-eylem .krs-dugme[b-q670j7afrb] { flex: 1 1 auto; }
  .krs-duzenle .krs-form-ipucu[b-q670j7afrb] { flex: 1 1 100%; }
  .krs-duzenle .krs-popup[b-q670j7afrb] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .krs-duzenle .krs-popup__bas[b-q670j7afrb],
  .krs-duzenle .krs-popup__govde[b-q670j7afrb],
  .krs-duzenle .krs-popup__eylem[b-q670j7afrb] { padding: 12px; }
  .krs-duzenle .krs-popup__eylem .krs-dugme[b-q670j7afrb] { flex: 1 1 auto; }
  .krs-duzenle .krs-olgu > div[b-q670j7afrb] { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Courses/CourseEnrollments.razor.rz.scp.css */
/* Kurs kayıtları — Akademik Analiz görsel dili, YALNIZ bu sayfa.
   Yeni hex YOK: renkler global token'lardan (aurora.css) veya bu vitrinin kendi
   `--krs-*` token'larından (kurslar-vitrin.css) gelir.

   ÖNCELİK NOTU: scoped paket App.razor'da `kurslar-vitrin.css`ten ÖNCE yüklenir.
   Oradaki kurallar `.au-page.kurslar-vitrin X` (0,3,y) özgüllüğünde olduğu için
   buradaki seçiciler `.au-page.kurslar-vitrin ::deep X` biçiminde yazılır →
   derlenmiş hâli `.au-page.kurslar-vitrin[b-…] X` (0,4,y) ve eski değerleri geçer.
   Telefon/tablette satırları KARTA çeviren `kurslar-vitrin.css` kuralları daha
   özgüldür (body.edulive-cihaz …) ve BİLİNÇLİ korunur: cihazda yatay kaydırma +
   yapışık sütun yerine kart düzeni kalır — kaydırma zaten oluşmaz. */

/* contractGap: bireysel kayıt paneli — görünür ama devre dışı (dürüst UI). */
.ce-disabled-panel[b-g78ee1p15u] {
  margin: 0;
  padding: 0;
  border: 0;
}

/* ── Beyaz kapak: başlık + süzgeçler + ana eylem tek yüzeyde ─────── */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "dugme dugme"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: start;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak .au-breadcrumb--dugme {
  grid-area: geri;
  align-self: center;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak__metin {
  grid-area: baslik;
  min-width: 0;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgec-dugme {
  grid-area: dugme;
  display: none; /* yalnız telefonda görünür */
  justify-self: start;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak__eylem {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Referans ölçüsü: süzgeç alanı 176 px esas, 210 px azami. */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler > .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler .ce-arama {
  flex: 0 1 240px;
  min-width: 0;
  max-width: 300px;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--krs-etiket);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler .app-field .app-input {
  height: 34px;
  min-height: 34px;
  border-radius: 3px 10px 10px 10px;
  font-size: 13px;
  font-weight: 500;
}

/* Geniş masaüstü: başlık solda, süzgeç + eylem sağ kenara yaslı (1540 px kuralı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
    align-items: end;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler {
    justify-content: flex-end;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak__eylem {
    align-self: end;
  }
}

/* Akademik Analiz kapak başlığı: 23 px. */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-baslik {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-alt {
  margin: 8px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── Bölüm şeridi: gerçek gezinme bağlantıları, sekme görünümünde ── */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekme {
  --ce-sekme-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  text-decoration: none;
  white-space: nowrap;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekme:nth-child(2) { --ce-sekme-vurgu: var(--marka-rampa-orta); }
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekme:nth-child(3) { --ce-sekme-vurgu: var(--marka-rampa-uc); }

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekme:hover {
  background: color-mix(in srgb, var(--ce-sekme-vurgu) 14%, var(--yuzey));
  color: var(--ce-sekme-vurgu);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekme[aria-current="page"],
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekme[aria-current="page"]:hover {
  background: var(--ce-sekme-vurgu);
  color: var(--on-brand);
}

/* ── Liste kartı: şerit ve gölge DIŞ kapta, kaydırma İÇ kapta ───── */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 3px 22px 22px;
  background: var(--yuzey);
  box-shadow: var(--krs-kart-golge);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 2px 2px 0 0;
  background: var(--marka-degrade);
}

/* İç kap yalnız kaydırıcı: kendi kenarlığı/şeridi olmaz, aksi hâlde çift kart olur. */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-scroll::before,
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-scroll::after {
  display: none;
}

/* Tablo başlığı: mavi → petrol geçişi thead boyunca TEK parça, hücreler şeffaf. */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table thead th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table thead th:has(.grid-sort):hover,
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table thead th[aria-sort="ascending"],
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table thead th[aria-sort="descending"] {
  background: color-mix(in srgb, var(--marka-700) 28%, transparent);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-th-label,
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-sort {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--on-brand);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table tbody td {
  padding: 10px 13px;
  font-size: 13px;
  color: var(--krs-murekkep);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-ad {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-satir-eylem {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-bos p {
  margin: 0;
  line-height: 1.6;
}

/* ── Görünür popup (native dialog, üst katman) ───────────────────── */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup[open] {
  display: flex;
  flex-direction: column;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup::backdrop {
  background: var(--scrim);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__bas h2:focus {
  outline: none;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__kapat {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__govde .au-banner {
  margin-bottom: 14px;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-uyari {
  margin-top: 12px;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
  margin-top: 14px;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-ipucu {
  margin: 10px 0 0;
}

/* AppSelect paneli varsayılan `position:absolute`; popup gövdesi kaydırılabilir
   (overflow:auto) ve dialog `overflow:hidden` olduğu için "Kayıt türü" listesi
   KIRPILIYORDU. Onaylı çözüm OptikPopup ile aynı: panel akışa girer, kendi
   içinde kayar (yükseklik bileşenin kendi token'ıyla verilir, yeni ölçü değil). */
.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup .app-sel__panel {
  --acilir-en-cok-yukseklik: 220px;
  position: relative;
  inset: auto;
  margin-top: 6px;
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.au-page.kurslar-vitrin[b-g78ee1p15u]  :is(.ce-sekme, .ce-popup__kapat, .ce-liste .grid-scroll):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 ────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekmeler::-webkit-scrollbar {
    display: none;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-sekme {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  :is(.ce-kapak__eylem .au-btn, .ce-popup__eylem .au-btn, .ce-suzgec-dugme) {
    min-height: 44px;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__kapat {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    font-size: 24px;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* Satırlar cihazda karta dönüşür (kurslar-vitrin.css): kaydırma kabı gereksiz. */
  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-scroll {
    max-height: none;
    overflow: visible;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste .grid-table thead {
    position: static;
  }
}

@media (pointer: coarse) {
  .au-page.kurslar-vitrin[b-g78ee1p15u]  :is(.ce-popup, .ce-suzgecler) .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun + katlanabilir süzgeç + eylem başlığın altında ── */
@media (max-width: 640px) {
  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak {
    gap: 12px;
    padding: 14px 16px 16px;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-baslik {
    font-size: var(--yazi-kapak, 20px);
    line-height: 1.18;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgec-dugme {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }

  /* Katlanabilir: yalnız telefonda gizlenir, açıldığında tek sütun akar. */
  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler {
    display: none;
    flex-direction: column;
    align-items: stretch;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler.is-acik {
    display: flex;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler > .app-field,
  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-suzgecler .ce-arama {
    flex: 1 1 auto;
    max-width: none;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-kapak__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-liste {
    padding: 14px 12px;
    border-radius: 3px 3px 18px 18px;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  :is(.ce-popup__bas, .ce-popup__govde, .ce-popup__eylem) {
    padding: 12px;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .au-page.kurslar-vitrin[b-g78ee1p15u]  .ce-popup__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Courses/CourseInstructors.razor.rz.scp.css */
/* Kurs eğitmenleri — Akademik Analiz görsel dili, YALNIZ bu sayfa.
   Yeni hex YOK: renkler global token'lardan (aurora.css) veya bu vitrinin kendi
   `--krs-*` token'larından (kurslar-vitrin.css) gelir.

   ÖNCELİK NOTU: scoped paket App.razor'da `kurslar-vitrin.css`ten ÖNCE yüklenir.
   Oradaki kurallar `.au-page.kurslar-vitrin X` (0,3,y) özgüllüğünde olduğu için
   buradaki seçiciler `.au-page.kurslar-vitrin ::deep X` biçiminde yazılır →
   derlenmiş hâli `.au-page.kurslar-vitrin[b-…] X` (0,4,y) ve eski değerleri geçer.
   Telefon/tablette satırları KARTA çeviren `kurslar-vitrin.css` kuralları daha
   özgüldür (body.edulive-cihaz …) ve BİLİNÇLİ korunur: cihazda yatay kaydırma +
   yapışık sütun yerine kart düzeni kalır — kaydırma zaten oluşmaz. */

/* ── Beyaz kapak: başlık + süzgeçler + ana eylem tek yüzeyde ─────── */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "dugme dugme"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: start;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak .au-breadcrumb--dugme {
  grid-area: geri;
  align-self: center;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak__metin {
  grid-area: baslik;
  min-width: 0;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgec-dugme {
  grid-area: dugme;
  display: none; /* yalnız telefonda görünür */
  justify-self: start;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak__eylem {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Referans ölçüsü: süzgeç alanı 176 px esas, 210 px azami. */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler > .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler .ci-arama {
  flex: 0 1 260px;
  min-width: 0;
  max-width: 320px;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--krs-etiket);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler .app-field .app-input {
  height: 34px;
  min-height: 34px;
  border-radius: 3px 10px 10px 10px;
  font-size: 13px;
  font-weight: 500;
}

/* Geniş masaüstü: başlık solda, süzgeç + eylem sağ kenara yaslı (1540 px kuralı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
    align-items: end;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler {
    justify-content: flex-end;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak__eylem {
    align-self: end;
  }
}

/* Akademik Analiz kapak başlığı: 23 px. */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-baslik {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-alt {
  margin: 8px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── Bölüm şeridi: gerçek gezinme bağlantıları, sekme görünümünde ── */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekme {
  --ci-sekme-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  text-decoration: none;
  white-space: nowrap;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekme:nth-child(2) { --ci-sekme-vurgu: var(--marka-rampa-orta); }
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekme:nth-child(3) { --ci-sekme-vurgu: var(--marka-rampa-uc); }

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekme:hover {
  background: color-mix(in srgb, var(--ci-sekme-vurgu) 14%, var(--yuzey));
  color: var(--ci-sekme-vurgu);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekme[aria-current="page"],
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekme[aria-current="page"]:hover {
  background: var(--ci-sekme-vurgu);
  color: var(--on-brand);
}

/* ── Liste kartı: şerit ve gölge DIŞ kapta, kaydırma İÇ kapta ───── */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 3px 22px 22px;
  background: var(--yuzey);
  box-shadow: var(--krs-kart-golge);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 2px 2px 0 0;
  background: var(--marka-degrade);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-scroll::before,
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-scroll::after {
  display: none;
}

/* Tablo başlığı: mavi → petrol geçişi thead boyunca TEK parça, hücreler şeffaf. */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table thead th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table thead th:has(.grid-sort):hover,
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table thead th[aria-sort="ascending"],
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table thead th[aria-sort="descending"] {
  background: color-mix(in srgb, var(--marka-700) 28%, transparent);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-th-label,
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-sort {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--on-brand);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table tbody td {
  padding: 10px 13px;
  font-size: 13px;
  color: var(--krs-murekkep);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-name {
  display: inline-block;
  font-weight: 700;
  color: var(--krs-baslik-metin);
  overflow-wrap: anywhere;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-user {
  margin-left: 8px;
  font-size: 12.5px;
  color: var(--krs-etiket);
  overflow-wrap: anywhere;
}

/* Rol rozeti: sorumlu eğitmen kursta tek — görsel olarak da ayrışır. */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-rol {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  font-size: 12px;
  font-weight: 600;
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-rol--lead {
  border-color: color-mix(in srgb, var(--marka-600) 45%, transparent);
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-satir-eylem {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-bos p {
  margin: 0;
  line-height: 1.6;
}

/* ── Görünür popup (native dialog, üst katman) ───────────────────── */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup[open] {
  display: flex;
  flex-direction: column;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup::backdrop {
  background: var(--scrim);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__bas h2:focus {
  outline: none;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__kapat {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__govde .au-banner {
  margin-bottom: 14px;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-uyari {
  margin-top: 12px;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-ipucu {
  margin: 10px 0 0;
}

/* Arama sonuç listesi kendi alanında kayar — pencere uzayıp eylemleri itmez. */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup .au-assign-list {
  max-height: 264px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* Zaten atanmış kullanıcı seçilemez (backend 409 verirdi). */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .au-assign-row.is-atanmis {
  cursor: not-allowed;
  opacity: 0.62;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-rozet {
  flex: 0 0 auto;
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--krs-etiket);
  white-space: nowrap;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
  margin-top: 14px;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-gelismis {
  margin-top: 12px;
}

/* AppSelect paneli varsayılan `position:absolute`; popup gövdesi kaydırılabilir
   (overflow:auto) ve dialog `overflow:hidden` olduğu için "Rol" / "Şube türü"
   listeleri KIRPILIYORDU. Onaylı çözüm OptikPopup ile aynı: panel akışa girer,
   kendi içinde kayar (yükseklik bileşenin kendi token'ıyla, yeni ölçü değil). */
.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup .app-sel__panel {
  --acilir-en-cok-yukseklik: 220px;
  position: relative;
  inset: auto;
  margin-top: 6px;
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.au-page.kurslar-vitrin[b-02i0x9bi6a]  :is(.ci-sekme, .ci-popup__kapat, .ci-liste .grid-scroll):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 ────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekmeler::-webkit-scrollbar {
    display: none;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-sekme {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  :is(.ci-kapak__eylem .au-btn, .ci-popup__eylem .au-btn, .ci-suzgec-dugme) {
    min-height: 44px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__kapat {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    font-size: 24px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* Satırlar cihazda karta dönüşür (kurslar-vitrin.css): kaydırma kabı gereksiz. */
  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-scroll {
    max-height: none;
    overflow: visible;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste .grid-table thead {
    position: static;
  }
}

@media (pointer: coarse) {
  .au-page.kurslar-vitrin[b-02i0x9bi6a]  :is(.ci-popup, .ci-suzgecler) .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun + katlanabilir süzgeç + eylem başlığın altında ── */
@media (max-width: 640px) {
  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak {
    gap: 12px;
    padding: 14px 16px 16px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-baslik {
    font-size: var(--yazi-kapak, 20px);
    line-height: 1.18;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgec-dugme {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }

  /* Katlanabilir: yalnız telefonda gizlenir, açıldığında tek sütun akar. */
  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler {
    display: none;
    flex-direction: column;
    align-items: stretch;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler.is-acik {
    display: flex;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler > .app-field,
  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-suzgecler .ci-arama {
    flex: 1 1 auto;
    max-width: none;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-kapak__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-liste {
    padding: 14px 12px;
    border-radius: 3px 3px 18px 18px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-user {
    display: block;
    margin-left: 0;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  :is(.ci-popup__bas, .ci-popup__govde, .ci-popup__eylem) {
    padding: 12px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup .au-assign-list {
    max-height: 220px;
  }

  .au-page.kurslar-vitrin[b-02i0x9bi6a]  .ci-popup__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Courses/CoursesList.razor.rz.scp.css */
/* Kurslar listesi — Akademik Analiz kapak, yüzey, tipografi ve tablo ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok.

   Neden yeni sınıf adları: kurslar-vitrin.css scoped demetten SONRA yüklenir
   (App.razor 24 ↔ 41), bu yüzden .au-head/.au-title/.au-btn gibi ortak adlar
   eşit özgüllükte ezilemezdi. Sayfaya özgü krs-* adları global kuralla hiç
   karşılaşmaz. Ortak bileşen içi (::deep) kurallar .au-page.krs-liste ile
   yazılır — bu, .au-page.kurslar-vitrin (0,3,0) kurallarını geçer. */

/* Referans: sayfa içinde ikinci bir 1600 px daraltıcı ve ek dolgu yok —
   yan boşluğu .wrap verir (admin-users.css .au-page varsayılanı ezilir). */
.au-page.krs-liste[b-kkvgk45pkp] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ─────────────────── */
.krs-liste .krs-kapak[b-kkvgk45pkp] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.krs-liste .krs-kapak__geri[b-kkvgk45pkp] { grid-area: geri; align-self: center; }
.krs-liste .krs-kapak__baslik[b-kkvgk45pkp] { grid-area: baslik; min-width: 0; }
.krs-liste .krs-suzgec[b-kkvgk45pkp] { grid-area: suzgec; }
.krs-liste .krs-kapak__eylem[b-kkvgk45pkp] { grid-area: eylem; display: flex; gap: 8px; }

.krs-liste .krs-baslik[b-kkvgk45pkp] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.krs-liste .krs-alt[b-kkvgk45pkp] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.krs-liste .krs-suzgec[b-kkvgk45pkp] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* AppSelect kök öğesi (.app-field) alt bileşende doğuyor → ::deep şart. */
.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec > .app-field { flex: 0 1 176px; max-width: 210px; min-width: 0; }
.krs-liste .krs-suzgec__arama[b-kkvgk45pkp] { flex: 1 1 200px; max-width: 260px; min-width: 0; }
.krs-liste .krs-sifirla[b-kkvgk45pkp] { flex: 0 0 auto; }

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.krs-liste .krs-dugme[b-kkvgk45pkp] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.krs-liste .krs-dugme:hover:not(:disabled)[b-kkvgk45pkp] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.krs-liste .krs-dugme:disabled[b-kkvgk45pkp] { opacity: .5; cursor: default; }

.krs-liste .krs-dugme--ana[b-kkvgk45pkp] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.krs-liste .krs-dugme--ana:hover:not(:disabled)[b-kkvgk45pkp] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.krs-liste .krs-dugme--kucuk[b-kkvgk45pkp] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.krs-liste .krs-dugme:focus-visible[b-kkvgk45pkp] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* GeriBaglanti alt bileşende doğar → ::deep. Ad metnini admin-users.css'teki
   .au-breadcrumb--dugme kuralı zaten görsel olarak gizler (erişilebilir ad kalır);
   burada yalnız yeni dilin ölçü ve renkleri verilir. */
.au-page.krs-liste[b-kkvgk45pkp]  .krs-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.krs-liste[b-kkvgk45pkp]  .krs-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Süzgeç alanları: AppField/AppSelect/AppTextField iç yapısı (::deep). */
.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-field { min-width: 0; }

.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-input:focus-within,
.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-input:focus-visible {
  border-color: var(--marka-600);
  box-shadow: none;
}

.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-select__caret { color: var(--marka-600); opacity: 1; }
.au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-select__value.is-empty { color: var(--metin-ipucu); }

/* ── Bölüm kartı ve tablo ─────────────────────────────────────────────────── */
.krs-liste .krs-tablo-kart[b-kkvgk45pkp] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.krs-liste .krs-tablo-kart[b-kkvgk45pkp]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.krs-liste .krs-bolum-baslik[b-kkvgk45pkp] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.krs-liste .krs-bolum-baslik[b-kkvgk45pkp]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.krs-liste .krs-bolum-ipucu[b-kkvgk45pkp] {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.au-page.krs-liste[b-kkvgk45pkp]  .app-grid { gap: 12px; }

/* Uzun tablo kendi sınırlı alanında kayar; başlık üstte sabit kalır. */
.au-page.krs-liste[b-kkvgk45pkp]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

/* Eski düz mavi şerit + köşe üçgeni kalkar; yerini thead rampası alır. */
.au-page.krs-liste[b-kkvgk45pkp]  .grid-scroll::before,
.au-page.krs-liste[b-kkvgk45pkp]  .grid-scroll::after { content: none; }

.au-page.krs-liste[b-kkvgk45pkp]  .grid-table { font-size: 13px; }

.au-page.krs-liste[b-kkvgk45pkp]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-table thead th {
  padding: 0;
  background: transparent;
  border-bottom: none;
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-th-label,
.au-page.krs-liste[b-kkvgk45pkp]  .grid-sort {
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-table tbody tr:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-pager__btn {
  width: 34px;
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.krs-liste[b-kkvgk45pkp]  .grid-pager__info { color: var(--n-500); font-size: 12px; }

/* ── Hücre içi öğeler ─────────────────────────────────────────────────────── */
.krs-liste .krs-baglanti[b-kkvgk45pkp] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}

.krs-liste .krs-baglanti:hover[b-kkvgk45pkp] { text-decoration: underline; }
.krs-liste .krs-baglanti:focus-visible[b-kkvgk45pkp] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.krs-liste .krs-kod[b-kkvgk45pkp] {
  margin-left: 8px;
  padding: 1px 6px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
}

.krs-liste .krs-sayi[b-kkvgk45pkp] { font-variant-numeric: tabular-nums; color: var(--metin-ikincil); }

.krs-liste .krs-rozet[b-kkvgk45pkp] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

/* Backend yalnız draft|active üretir (CourseController allowlist). */
.krs-liste .krs-rozet--active[b-kkvgk45pkp] {
  border-color: color-mix(in srgb, var(--basari) 60%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--basari-metin);
}

.krs-liste .krs-rozet--draft[b-kkvgk45pkp] {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ── Özet popup'ı: kaydırılmış sayfada da görünür native dialog ───────────── */
.krs-liste .krs-popup[b-kkvgk45pkp] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.krs-liste .krs-popup[open][b-kkvgk45pkp] { display: flex; flex-direction: column; }
.krs-liste .krs-popup[b-kkvgk45pkp]::backdrop { background: var(--scrim); }

.krs-liste .krs-popup__bas[b-kkvgk45pkp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.krs-liste .krs-popup__bas h2[b-kkvgk45pkp] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.krs-liste .krs-popup__bas h2:focus[b-kkvgk45pkp] { outline: none; }

.krs-liste .krs-popup__kapat[b-kkvgk45pkp] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.krs-liste .krs-popup__govde[b-kkvgk45pkp] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.krs-liste .krs-olgu[b-kkvgk45pkp] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.krs-liste .krs-olgu > div[b-kkvgk45pkp] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.krs-liste .krs-olgu > div:nth-child(odd)[b-kkvgk45pkp] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.krs-liste .krs-olgu dt[b-kkvgk45pkp] { color: var(--n-500); }

.krs-liste .krs-olgu dd[b-kkvgk45pkp] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.krs-liste .krs-popup__eylem[b-kkvgk45pkp] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, süzgeç + eylem sağa yaslı ──────────
   Eşik YENI-DIL §1.3 uyarınca 1101 DEĞİL: eski vitrin eşiği 1024-1100 px fareli
   pencerede masaüstü barın altına cihaz sayfası çiziyordu. Alt kat §1.1 MASAÜSTÜ
   metnini birebir kullanır; üst kat (≥1540) pointer koşulu almaz, çünkü §1.1'de
   ≥1280 dokunmatik de MASAÜSTÜ sınıfındadır. */
@media (min-width: 1540px) {
  .krs-liste .krs-kapak[b-kkvgk45pkp] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `end` hizalaması öğeyi shrink-to-fit ölçtürür; Chromium sarmalı flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 176px`
     tabanını saymaz → kap daralır, süzgeçler alt alta yığılır. Kap hücreyi kaplar,
     sağa yaslama flex satırında yapılır. */
  .krs-liste .krs-suzgec[b-kkvgk45pkp] { justify-self: stretch; justify-content: flex-end; }
}

/* MASAÜSTÜ ∩ (<1540) — §1.1 MASAÜSTÜ metni, üst sınırla daraltılmış. */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .krs-liste .krs-kapak[b-kkvgk45pkp] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "suzgec suzgec eylem";
  }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .krs-liste .krs-kapak[b-kkvgk45pkp] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .krs-liste .krs-dugme[b-kkvgk45pkp],
  .krs-liste .krs-dugme--kucuk[b-kkvgk45pkp] { min-height: 44px; }
  .au-page.krs-liste[b-kkvgk45pkp]  .krs-geri { width: 44px; height: 44px; min-height: 44px; }
  .au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-input { min-height: 44px; height: 44px; }
  /* Cihazda tablo zaten kart listesine dönüyor (cihaz.css) — kabı sınırlama. */
  .au-page.krs-liste[b-kkvgk45pkp]  .grid-scroll { max-height: none; overflow: visible; border: 0; }
  .au-page.krs-liste[b-kkvgk45pkp]  .grid-table thead { position: static; }
}

@media (pointer: coarse) {
  .au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .krs-liste .krs-kapak[b-kkvgk45pkp] { padding: 12px; gap: 12px 8px; }
  .krs-liste .krs-baslik[b-kkvgk45pkp] { font-size: var(--yazi-kapak, 20px); }
  .krs-liste .krs-alt[b-kkvgk45pkp] { font-size: var(--yazi-kucuk, 12px); }
  .krs-liste .krs-suzgec[b-kkvgk45pkp] { flex-direction: column; align-items: stretch; gap: 10px; }
  .au-page.krs-liste[b-kkvgk45pkp]  .krs-suzgec > .app-field { flex: 1 1 auto; max-width: none; }
  .krs-liste .krs-suzgec__arama[b-kkvgk45pkp] { flex: 1 1 auto; max-width: none; }
  .krs-liste .krs-kapak__eylem .krs-dugme[b-kkvgk45pkp] { flex: 1; }
  .krs-liste .krs-tablo-kart[b-kkvgk45pkp] { padding: 16px 12px; }
  .krs-liste .krs-bolum-baslik[b-kkvgk45pkp] { font-size: var(--yazi-bolum, 14px); }
  .krs-liste .krs-popup[b-kkvgk45pkp] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .krs-liste .krs-popup__bas[b-kkvgk45pkp],
  .krs-liste .krs-popup__govde[b-kkvgk45pkp],
  .krs-liste .krs-popup__eylem[b-kkvgk45pkp] { padding: 12px; }
  .krs-liste .krs-popup__eylem .krs-dugme[b-kkvgk45pkp] { flex: 1 1 auto; }
  .krs-liste .krs-olgu > div[b-kkvgk45pkp] { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Facilities/BinaKampusBirimSecici.razor.rz.scp.css */
/* FAZ-01B — bina kampüs + birim seçicisi. Yalnız token; hex YOK. Sayfa ölçüleri (etiket, girdi)
   sayfanın kendi scoped CSS'inden ::deep ile gelir; burada yalnız yerleşim ve not satırları. */

.bks[b-xfqkmrj8k7] {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.bks-alanlar[b-xfqkmrj8k7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 16px 24px;
  align-items: start;
}

.bks-durum[b-xfqkmrj8k7],
.bks-not[b-xfqkmrj8k7] {
  margin: 0;
  font-size: .8rem;
  line-height: 1.45;
  color: var(--muted);
}

.bks-not strong[b-xfqkmrj8k7] {
  color: var(--fg);
  font-weight: 600;
}

.bks-not--uyari[b-xfqkmrj8k7] {
  padding: 6px 10px;
  border-left: 3px solid var(--analiz-dikkat);
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-rozet-metin);
}

.bks-hata[b-xfqkmrj8k7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 820px) {
  .bks-alanlar[b-xfqkmrj8k7] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Facilities/BuildingCreate.razor.rz.scp.css */
/* Yeni bina — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak, sihirbaz kabuğu, form blokları ve alan ölçüleri burada kapsanmış (scoped)
   olarak kurulur; wwwroot/css/*.css DEĞİŞTİRİLMEDİ. Yeni hex YOK — token kullanılır.
   Çocuk bileşenlerin (AppWizard, AppTextField, OrgUnitPicker) içi ::deep ile hedeflenir. */

.au-page.bina-form-vitrin[b-t5cxvl71tg] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.fbf-kapak[b-t5cxvl71tg] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fbf-kapak[b-t5cxvl71tg]  .au-breadcrumb {
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.fbf-kapak[b-t5cxvl71tg]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.fbf-baslik[b-t5cxvl71tg] {
  min-width: 0;
}

.fbf-baslik .au-title[b-t5cxvl71tg] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fbf-alt[b-t5cxvl71tg] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Uyarı bandı ───────────────────────────────────────────────── */
.bina-form-vitrin .au-banner[b-t5cxvl71tg] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Sihirbaz kabuğu (AppWizard) ───────────────────────────────── */
.bina-form-vitrin[b-t5cxvl71tg]  .app-wizard {
  position: relative;
  min-width: 0;
  gap: 16px;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.bina-form-vitrin[b-t5cxvl71tg]  .app-wizard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-head { gap: 16px; }
.bina-form-vitrin[b-t5cxvl71tg]  .wiz-steps { min-width: 0; gap: 8px; padding: 0; }
.bina-form-vitrin[b-t5cxvl71tg]  .wiz-step-ind { min-width: 0; padding-inline: 4px; }
.bina-form-vitrin[b-t5cxvl71tg]  .wiz-step-ind__num { width: 30px; height: 30px; font-size: 13px; }
.bina-form-vitrin[b-t5cxvl71tg]  .wiz-step-ind__label { font-size: 12px; overflow-wrap: anywhere; }
.bina-form-vitrin[b-t5cxvl71tg]  .wiz-title-row { padding: 0; }

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-count { color: var(--n-500); font-size: 12px; }

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-body { padding: 18px; font-size: 13px; }

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-foot {
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-error { font-size: 13px; overflow-wrap: anywhere; }

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-btn:hover {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.bina-form-vitrin[b-t5cxvl71tg]  .wiz-btn--primary:hover {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.bina-form-vitrin[b-t5cxvl71tg]  :is(.wiz-btn, .app-input, .oup__root):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form blokları ─────────────────────────────────────────────── */
.bina-form-vitrin[b-t5cxvl71tg]  .fbf-blok + .fbf-blok {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--hat-kart);
}

.bina-form-vitrin[b-t5cxvl71tg]  .fbf-blok__baslik {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bina-form-vitrin[b-t5cxvl71tg]  .fbf-alanlar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
}

.bina-form-vitrin[b-t5cxvl71tg]  .fbf-alanlar--ikili {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bina-form-vitrin[b-t5cxvl71tg]  .app-field { min-width: 0; }

.bina-form-vitrin[b-t5cxvl71tg]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.bina-form-vitrin[b-t5cxvl71tg]  .app-field .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.bina-form-vitrin[b-t5cxvl71tg]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* Üst birim ağacı kendi alanında kayar — sayfa sihirbazın altına uzamaz. */
.bina-form-vitrin[b-t5cxvl71tg]  .oup {
  max-height: min(320px, 40dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.bina-form-vitrin[b-t5cxvl71tg]  .fbf-onizleme {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
}

.bina-form-vitrin[b-t5cxvl71tg]  .fbf-onizleme code {
  padding: 2px 6px;
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fbf-kapak[b-t5cxvl71tg] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .fbf-kapak[b-t5cxvl71tg]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .bina-form-vitrin[b-t5cxvl71tg]  :is(.wiz-btn, .au-btn) { min-height: 44px; }

  .bina-form-vitrin[b-t5cxvl71tg]  .app-field .app-input { min-height: 44px; }

  .bina-form-vitrin[b-t5cxvl71tg]  .fbf-alanlar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (pointer: coarse) {
  .bina-form-vitrin[b-t5cxvl71tg]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .fbf-kapak[b-t5cxvl71tg] { padding: 12px; }

  .fbf-baslik .au-title[b-t5cxvl71tg] { font-size: var(--yazi-kapak, 20px); }

  .fbf-alt[b-t5cxvl71tg] { font-size: var(--yazi-kucuk, 12px); }

  .bina-form-vitrin[b-t5cxvl71tg]  .app-wizard { padding: 16px 12px; }

  .bina-form-vitrin[b-t5cxvl71tg]  .wiz-title { font-size: var(--yazi-bolum, 14px); }

  .bina-form-vitrin[b-t5cxvl71tg]  :is(.wiz-body, .wiz-foot) { padding: 12px; }

  .bina-form-vitrin[b-t5cxvl71tg]  .wiz-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .bina-form-vitrin[b-t5cxvl71tg]  .wiz-steps::before { display: none; }

  .bina-form-vitrin[b-t5cxvl71tg]  .wiz-step-ind { flex: 0 0 auto; }

  .bina-form-vitrin[b-t5cxvl71tg]  .wiz-step-ind:not(.is-active) .wiz-step-ind__label { display: none; }

  .bina-form-vitrin[b-t5cxvl71tg]  :is(.fbf-alanlar, .fbf-alanlar--ikili) {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .bina-form-vitrin[b-t5cxvl71tg]  .oup { max-height: min(260px, 44dvh); }

  .bina-form-vitrin[b-t5cxvl71tg]  .wiz-foot .wiz-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Facilities/BuildingEdit.razor.rz.scp.css */
/* Binayı düzenle — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak ölçüleri kardeş ekran BuildingCreate ile birebir aynıdır; kapsanmış CSS
   bileşene bağlı olduğu için burada tekrar tanımlanır (global CSS DEĞİŞTİRİLMEDİ).
   Yeni hex YOK — token kullanılır; yıkıcı ton admin-users.css'teki `--red-*`
   tokenlarıyla aynıdır. Bileşen içleri ::deep ile hedeflenir. */

.au-page.bina-form-vitrin[b-rzrjqoby7j] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.fbf-kapak[b-rzrjqoby7j] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fbf-kapak[b-rzrjqoby7j]  .au-breadcrumb {
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.fbf-kapak[b-rzrjqoby7j]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.fbf-baslik[b-rzrjqoby7j] {
  min-width: 0;
}

.fbf-baslik .au-title[b-rzrjqoby7j] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fbf-alt[b-rzrjqoby7j] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* ── Uyarı bantları ────────────────────────────────────────────── */
.bina-form-vitrin .au-banner[b-rzrjqoby7j] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Bölüm kartları (form + tehlikeli bölge) ───────────────────── */
.fbf-bolum[b-rzrjqoby7j] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.fbf-bolum[b-rzrjqoby7j]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.fbf-bolum-baslik[b-rzrjqoby7j] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.fbf-bolum-baslik[b-rzrjqoby7j]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Boş durum: anlamlı metin + birincil eylem. */
.fbf-bos[b-rzrjqoby7j] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.fbf-bos p[b-rzrjqoby7j] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

/* DataStates paneli sayfada çıplak bir yüzey bırakmaz. */
.bina-form-vitrin[b-rzrjqoby7j]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: none;
}

.bina-form-vitrin[b-rzrjqoby7j]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.bina-form-vitrin[b-rzrjqoby7j]  .ds-desc { font-size: 13px; color: var(--n-500); }

/* ── Form blokları ─────────────────────────────────────────────── */
.fbf-blok + .fbf-blok[b-rzrjqoby7j] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--hat-kart);
}

.fbf-blok__baslik[b-rzrjqoby7j] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fbf-alanlar[b-rzrjqoby7j] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
}

.fbf-alanlar--ikili[b-rzrjqoby7j] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bina-form-vitrin[b-rzrjqoby7j]  .app-field { min-width: 0; }

.bina-form-vitrin[b-rzrjqoby7j]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.bina-form-vitrin[b-rzrjqoby7j]  .app-field .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.bina-form-vitrin[b-rzrjqoby7j]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* Üst birim ağacı kendi alanında kayar — sayfa kartın altına uzamaz. */
.bina-form-vitrin[b-rzrjqoby7j]  .oup {
  max-height: min(320px, 40dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.fbf-eylemler[b-rzrjqoby7j] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.bina-form-vitrin .au-btn[b-rzrjqoby7j] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.bina-form-vitrin .au-btn:hover:not(:disabled)[b-rzrjqoby7j] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.bina-form-vitrin .au-btn--primary[b-rzrjqoby7j] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.bina-form-vitrin .au-btn--primary:hover:not(:disabled)[b-rzrjqoby7j] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Yıkıcı düğme: admin-users.css'teki `.au-btn--danger` ile aynı tonlar. */
.bina-form-vitrin .au-btn--danger[b-rzrjqoby7j] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.bina-form-vitrin .au-btn--danger:hover:not(:disabled)[b-rzrjqoby7j] {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.bina-form-vitrin .au-btn:disabled[b-rzrjqoby7j] {
  opacity: .5;
  cursor: not-allowed;
}

.bina-form-vitrin .au-btn:focus-visible[b-rzrjqoby7j],
.bina-form-vitrin[b-rzrjqoby7j]  :is(.app-input, .oup__root):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Tehlikeli bölge ───────────────────────────────────────────── */
.fbf-tehlike-metin[b-rzrjqoby7j] {
  max-width: 78ch;
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Silme onayı popup: native top layer ───────────────────────── */
.fbf-popup[b-rzrjqoby7j] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.fbf-popup[open][b-rzrjqoby7j] {
  display: flex;
  flex-direction: column;
}

.fbf-popup[b-rzrjqoby7j]::backdrop {
  background: var(--scrim);
}

.fbf-popup-bas[b-rzrjqoby7j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.fbf-popup-bas h2[b-rzrjqoby7j] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fbf-popup-bas h2:focus[b-rzrjqoby7j] {
  outline: none;
}

.bina-form-vitrin .fbf-popup-kapat[b-rzrjqoby7j] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.fbf-popup-govde[b-rzrjqoby7j] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  font-size: 13px;
  line-height: 1.6;
}

.fbf-popup-govde p[b-rzrjqoby7j] {
  margin: 0;
}

.fbf-popup-govde .au-banner[b-rzrjqoby7j] {
  margin: 14px 0 0;
}

.fbf-popup-eylem[b-rzrjqoby7j] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fbf-kapak[b-rzrjqoby7j] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .fbf-kapak[b-rzrjqoby7j]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .bina-form-vitrin .au-btn[b-rzrjqoby7j] { min-height: 44px; }

  .bina-form-vitrin[b-rzrjqoby7j]  .app-field .app-input { min-height: 44px; }

  .fbf-alanlar[b-rzrjqoby7j] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (pointer: coarse) {
  .bina-form-vitrin[b-rzrjqoby7j]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .fbf-kapak[b-rzrjqoby7j] { padding: 12px; }

  .fbf-baslik .au-title[b-rzrjqoby7j] { font-size: var(--yazi-kapak, 20px); }

  .fbf-alt[b-rzrjqoby7j] { font-size: var(--yazi-kucuk, 12px); }

  .fbf-bolum[b-rzrjqoby7j] { padding: 16px 12px; }

  .fbf-bolum-baslik[b-rzrjqoby7j] { font-size: var(--yazi-bolum, 14px); }

  .fbf-alanlar[b-rzrjqoby7j],
  .fbf-alanlar--ikili[b-rzrjqoby7j] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .bina-form-vitrin[b-rzrjqoby7j]  .oup { max-height: min(260px, 44dvh); }

  .fbf-eylemler .au-btn[b-rzrjqoby7j] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .fbf-popup[b-rzrjqoby7j] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .fbf-popup-bas[b-rzrjqoby7j],
  .fbf-popup-govde[b-rzrjqoby7j],
  .fbf-popup-eylem[b-rzrjqoby7j] {
    padding: 12px;
  }

  .fbf-popup-eylem .au-btn[b-rzrjqoby7j] {
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* FAZ-01B — kampüs/birim bağı istemci doğrulama satırı (token; hex YOK). */
.fbf-alan-hata[b-rzrjqoby7j] {
  margin: 8px 0 0;
  font-size: .8rem;
  color: var(--danger-metin);
}
/* _content/EduLive.Web/Components/Pages/Academic/Facilities/BuildingsList.razor.rz.scp.css */
/* Binalar listesi — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Sayfaya kapsanmış (scoped) CSS: wwwroot/css/*.css DEĞİŞTİRİLMEDİ.
   Yalnız mevcut tokenlar kullanılır; yeni hex, !important ve sahte spacer yok.

   ÖZGÜLLÜK NOTU: kapsanmış CSS App.razor'da cihaz.css'ten ÖNCE yüklenir. Cihaz
   bantlarında cihaz.css'i yenmek gerektiğinde selektör `body.edulive-cihaz` ile
   başlatılır — kapsam özniteliği yine bu bileşenin öğesine düşer. */

.au-page.binalar-vitrin[b-egybhsdgq3] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylemler tek beyaz yüzeyde ───────────── */
.fb-kapak[b-egybhsdgq3] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri   baslik eylem"
    "suzgec suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fb-kapak[b-egybhsdgq3]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Geri düğmesinde yalnız kama görünür; metin ekran okuyucuda kalır. */
.fb-kapak[b-egybhsdgq3]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.fb-baslik[b-egybhsdgq3] {
  grid-area: baslik;
  min-width: 0;
}

.fb-baslik .au-title[b-egybhsdgq3] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.fb-ozet[b-egybhsdgq3] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.fb-eylemler[b-egybhsdgq3] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

.fb-suzgec[b-egybhsdgq3] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Alanlar alt çizgiden hizalı; esas genişlik 176, üst sınır 210 (referans ölçüsü). */
.fb-suzgec[b-egybhsdgq3]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
}

.fb-arama[b-egybhsdgq3] {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 340px;
}

.fb-arama[b-egybhsdgq3]  .app-field {
  flex: none;
  max-width: none;
}

.fb-sifirla[b-egybhsdgq3] {
  flex: 0 0 auto;
  align-self: flex-end;
}

/* Kapak içindeki alan etiketi/girdisi: referans tipografisi ve 34 px kontrol yüksekliği. */
.fb-kapak[b-egybhsdgq3]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* AppField ile eşit özgüllük (0,3,0) çakışması: kök sınıf eklenip (0,4,0)'a çıkarıldı, kompakt boyut böylece kazanıyor. */
.binalar-vitrin .fb-kapak[b-egybhsdgq3]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none;
}

.fb-kapak[b-egybhsdgq3]  .app-select__caret {
  color: var(--marka-600);
}

/* ── Düğmeler ─────────────────────────────────────────────────────────────── */
.binalar-vitrin .au-btn[b-egybhsdgq3] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.binalar-vitrin .au-btn:hover:not(:disabled)[b-egybhsdgq3] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.binalar-vitrin .au-btn--primary[b-egybhsdgq3] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.binalar-vitrin .au-btn--primary:hover:not(:disabled)[b-egybhsdgq3] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.binalar-vitrin .au-btn--sm[b-egybhsdgq3] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.binalar-vitrin .au-btn:disabled[b-egybhsdgq3] {
  opacity: .5;
  cursor: not-allowed;
}

.binalar-vitrin .au-btn:focus-visible[b-egybhsdgq3] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

.binalar-vitrin[b-egybhsdgq3]  :is(.app-input, .grid-pager__btn, .grid-sort):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Liste bölümü ─────────────────────────────────────────────────────────── */
.fb-liste[b-egybhsdgq3] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.fb-liste[b-egybhsdgq3]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.fb-bolum-baslik[b-egybhsdgq3] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.fb-bolum-baslik[b-egybhsdgq3]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo: mavi–petrol başlık geçişi, yapışık başlık, sınırlı kaydırma ───── */
.fb-liste[b-egybhsdgq3]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
  box-shadow: none;
}

.fb-liste[b-egybhsdgq3]  .grid-table {
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

/* Geçiş thead boyunca TEK parça çizilir; hücre arka planları şeffaftır. */
.fb-liste[b-egybhsdgq3]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.fb-liste[b-egybhsdgq3]  .grid-table thead th {
  background: transparent;
  border: 0;
}

.fb-liste[b-egybhsdgq3]  .grid-th-label {
  display: block;
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.fb-liste[b-egybhsdgq3]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}

.fb-liste[b-egybhsdgq3]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.fb-liste[b-egybhsdgq3]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.fb-liste[b-egybhsdgq3]  .grid-table tbody tr:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

/* İlk anlamlı sütun (bina adı) yatay kaydırmada yapışık kalır; opak zemin şart.
   Başlık zemini, thead'in altındaki rampanın O SÜTUNA denk gelen tonundan türetilir —
   yeni palet üretilmez. */
.fb-liste[b-egybhsdgq3]  .grid-table thead th:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--marka-500);
}

.fb-liste[b-egybhsdgq3]  .grid-table tbody td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--yuzey);
  border-right: 1px solid var(--hat-kart);
}

.fb-liste[b-egybhsdgq3]  .grid-table tbody tr:nth-child(even) td:nth-child(1) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.fb-liste[b-egybhsdgq3]  .grid-table tbody tr:hover td:nth-child(1) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Son sütun (işlemler) içeriğine göre daralır. */
.fb-liste[b-egybhsdgq3]  .grid-table :is(th, td):last-child {
  width: 1%;
  white-space: nowrap;
}

/* Hücre içerikleri */
.binalar-vitrin .fb-link[b-egybhsdgq3] {
  font-weight: 600;
  color: var(--marka-700);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.binalar-vitrin .fb-link:hover[b-egybhsdgq3] {
  color: var(--marka-500);
  text-decoration: underline;
}

.binalar-vitrin .fb-adres[b-egybhsdgq3] {
  display: block;
  max-width: 34ch;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.binalar-vitrin .fb-sayi[b-egybhsdgq3] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.binalar-vitrin .fb-bos-deger[b-egybhsdgq3] {
  color: var(--metin-ipucu);
}

.binalar-vitrin .fb-satir-eylem[b-egybhsdgq3] {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

/* Boş durum: anlamlı metin + birincil eylem (sahte örnek satır YOK). */
.fb-bos[b-egybhsdgq3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.fb-bos p[b-egybhsdgq3] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.fb-liste[b-egybhsdgq3]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.fb-liste[b-egybhsdgq3]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.fb-liste[b-egybhsdgq3]  .ds-desc { font-size: 13px; color: var(--n-500); }

.fb-liste[b-egybhsdgq3]  .grid-pager { margin-top: 14px; }

.fb-liste[b-egybhsdgq3]  .grid-pager__info {
  color: var(--n-500);
  font-size: 12.5px;
}

.fb-liste[b-egybhsdgq3]  .grid-pager__btn {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  box-shadow: none;
}

/* ── Detay popup: native top layer, başlık ve eylemler sabit ───────────────── */
.fb-popup[b-egybhsdgq3] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.fb-popup[open][b-egybhsdgq3] {
  display: flex;
  flex-direction: column;
}

.fb-popup[b-egybhsdgq3]::backdrop {
  background: var(--scrim);
}

.fb-popup-bas[b-egybhsdgq3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.fb-popup-bas h2[b-egybhsdgq3] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fb-popup-bas h2:focus[b-egybhsdgq3] {
  outline: none;
}

.binalar-vitrin .fb-popup-kapat[b-egybhsdgq3] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.fb-popup-govde[b-egybhsdgq3] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.fb-olgular[b-egybhsdgq3] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.fb-olgular > div[b-egybhsdgq3] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.fb-olgular > div:nth-child(odd)[b-egybhsdgq3] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.fb-olgular dt[b-egybhsdgq3] {
  color: var(--n-500);
}

.fb-olgular dd[b-egybhsdgq3] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.fb-popup-eylem[b-egybhsdgq3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540: başlık solda, süzgeç ve eylemler sağ kenarda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .fb-kapak[b-egybhsdgq3] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium max-content'i çocukların
     içeriğinden hesaplayıp `flex: 0 1 176px` tabanını saymaz → kap daralır, süzgeçler
     alt alta yığılır. Kap sütunu doldurur, sağa yaslama flex satırında yapılır. */
  .fb-suzgec[b-egybhsdgq3] {
    justify-self: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fb-kapak[b-egybhsdgq3] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri   baslik"
      "eylem  eylem"
      "suzgec suzgec";
    padding: 16px;
  }

  .fb-kapak[b-egybhsdgq3]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .fb-eylemler[b-egybhsdgq3] {
    justify-self: stretch;
  }

  .binalar-vitrin :is(.au-btn, .au-btn--sm)[b-egybhsdgq3] {
    min-height: 44px;
  }

  /* Aynı özgüllük çakışması: cihaz kopyası da (0,4,0)'a çıkarılmalı. */
  .binalar-vitrin .fb-kapak[b-egybhsdgq3]  .app-input {
    min-height: 44px;
    height: 44px;
  }

  .fb-liste[b-egybhsdgq3]  .grid-pager__btn {
    width: 44px;
    height: 44px;
  }

  /* Uzun tablo kendi kabında yatay kayar; ilk anlamlı sütun yapışık kalır.
     cihaz.css'in genel `table { display:block; overflow-x:auto }` siperi burada
     zararlıdır: sticky thead'i ve yapışık sütunu ikinci bir kaydırıcıya bağlar. */
  body.edulive-cihaz .fb-liste[b-egybhsdgq3]  .grid-table {
    display: table;
    overflow: visible;
    max-width: none;
    min-width: 780px;
  }

  body.edulive-cihaz .fb-liste[b-egybhsdgq3]  .grid-table tbody tr {
    display: table-row;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  body.edulive-cihaz .fb-liste[b-egybhsdgq3]  .grid-table tbody td {
    display: table-cell;
  }

  body.edulive-cihaz .fb-liste[b-egybhsdgq3]  .grid-table tbody td::before {
    content: none;
  }
}

/* Dokunmatikte girdi punto tabanı: iOS yakınlaştırmasını engeller. */
@media (pointer: coarse) {
  /* Medya sorgusu özgüllük eklemez; AppField'in 14,5px kuralını yenmek için
     bu kopya da kök sınıfla (0,4,0)'a çıkarıldı (iOS yakınlaştırma siperi). */
  .binalar-vitrin .fb-kapak[b-egybhsdgq3]  .app-input {
    font-size: max(16px, 1rem);
  }

  .fb-kapak[b-egybhsdgq3]  .app-sel__opt {
    min-height: 44px;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .fb-kapak[b-egybhsdgq3] {
    padding: 12px;
    row-gap: 12px;
  }

  .fb-baslik .au-title[b-egybhsdgq3] {
    font-size: var(--yazi-kapak, 20px);
  }

  .fb-ozet[b-egybhsdgq3] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında tek satır, içerik genişliğinde (YENI-DIL §7). */
  .fb-eylemler[b-egybhsdgq3] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .fb-eylemler .au-btn[b-egybhsdgq3] {
    flex: 1 0 auto;
    justify-content: center;
    white-space: nowrap;
  }

  /* Süzgeçler tek sütun; arama tam genişlik. */
  .fb-suzgec[b-egybhsdgq3] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .fb-suzgec[b-egybhsdgq3]  .app-field {
    flex: none;
    max-width: none;
  }

  .fb-arama[b-egybhsdgq3] {
    flex: none;
    max-width: none;
  }

  .fb-sifirla[b-egybhsdgq3] {
    align-self: stretch;
    justify-content: center;
  }

  .fb-liste[b-egybhsdgq3] {
    padding: 16px 12px;
  }

  .fb-bolum-baslik[b-egybhsdgq3] {
    font-size: var(--yazi-bolum, 14px);
  }

  body.edulive-cihaz .fb-liste[b-egybhsdgq3]  .grid-table {
    min-width: 680px;
  }

  .fb-liste[b-egybhsdgq3]  .grid-table :is(th, td) {
    padding: 10px;
  }

  .binalar-vitrin .fb-adres[b-egybhsdgq3] {
    max-width: 22ch;
  }

  .fb-bos .au-btn[b-egybhsdgq3] {
    width: 100%;
    justify-content: center;
  }

  .fb-popup[b-egybhsdgq3] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .fb-popup-bas[b-egybhsdgq3],
  .fb-popup-govde[b-egybhsdgq3],
  .fb-popup-eylem[b-egybhsdgq3] {
    padding: 12px;
  }

  .fb-olgular > div[b-egybhsdgq3] {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .fb-popup-eylem .au-btn[b-egybhsdgq3] {
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* ── FAZ-01B (2026-09-25): kampüs bağı denetimi kartı. Token; hex YOK. ── */
.fb-denetim[b-egybhsdgq3] {
  margin-top: 16px;
}

.fb-denetim__ipucu[b-egybhsdgq3],
.fb-denetim__ozet[b-egybhsdgq3] {
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.fb-denetim__liste[b-egybhsdgq3] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}

.fb-denetim__satir[b-egybhsdgq3] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: baseline;
  padding: 8px 10px;
  border-left: 3px solid var(--analiz-dikkat);
  background: color-mix(in srgb, var(--analiz-dikkat-acik) 55%, var(--yuzey));
  font-size: 13px;
}

.fb-denetim__nedenler[b-egybhsdgq3] {
  color: var(--analiz-dikkat-rozet-metin);
}

.fb-denetim__oneri[b-egybhsdgq3] {
  color: var(--metin-ipucu);
}
/* _content/EduLive.Web/Components/Pages/Academic/Facilities/ClassroomCreate.razor.rz.scp.css */
/* Yeni derslik — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kardeş ekran BuildingCreate ile birebir aynı kabuk; wwwroot/css/*.css DEĞİŞTİRİLMEDİ.
   Yeni hex YOK — token kullanılır. Bileşen içleri ::deep ile hedeflenir. */

.au-page.derslik-form-vitrin[b-xv9sjoybj6] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.fcf-kapak[b-xv9sjoybj6] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fcf-kapak[b-xv9sjoybj6]  .au-breadcrumb {
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.fcf-kapak[b-xv9sjoybj6]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.fcf-baslik[b-xv9sjoybj6] {
  min-width: 0;
}

.fcf-baslik .au-title[b-xv9sjoybj6] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fcf-alt[b-xv9sjoybj6] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Uyarı bandı ───────────────────────────────────────────────── */
.derslik-form-vitrin .au-banner[b-xv9sjoybj6] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Sihirbaz kabuğu (AppWizard) ───────────────────────────────── */
.derslik-form-vitrin[b-xv9sjoybj6]  .app-wizard {
  position: relative;
  min-width: 0;
  gap: 16px;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.derslik-form-vitrin[b-xv9sjoybj6]  .app-wizard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-head { gap: 16px; }
.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-steps { min-width: 0; gap: 8px; padding: 0; }
.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-step-ind { min-width: 0; padding-inline: 4px; }
.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-step-ind__num { width: 30px; height: 30px; font-size: 13px; }
.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-step-ind__label { font-size: 12px; overflow-wrap: anywhere; }
.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-title-row { padding: 0; }

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-count { color: var(--n-500); font-size: 12px; }

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-body { padding: 18px; font-size: 13px; }

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-foot {
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-error { font-size: 13px; overflow-wrap: anywhere; }

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-btn:hover {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.derslik-form-vitrin[b-xv9sjoybj6]  .wiz-btn--primary:hover {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.derslik-form-vitrin[b-xv9sjoybj6]  :is(.wiz-btn, .app-input, .app-json__btn):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form blokları ─────────────────────────────────────────────── */
.derslik-form-vitrin[b-xv9sjoybj6]  .fcf-blok + .fcf-blok {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--hat-kart);
}

.derslik-form-vitrin[b-xv9sjoybj6]  .fcf-blok__baslik {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .fcf-alanlar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .app-field { min-width: 0; }

.derslik-form-vitrin[b-xv9sjoybj6]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .app-field .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* JSON alanı çok satırlıdır — sabit yükseklik kuralı ona uygulanmaz. */
.derslik-form-vitrin[b-xv9sjoybj6]  .app-json__area {
  height: auto;
  min-height: 96px;
  padding: 10px 12px;
  line-height: 1.5;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .app-json__btn {
  min-height: 30px;
  padding-inline: 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

/* Kaydedilecek donanım öğelerinin canlı önizlemesi. */
.derslik-form-vitrin[b-xv9sjoybj6]  .fcf-onizleme-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.derslik-form-vitrin[b-xv9sjoybj6]  .au-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fcf-kapak[b-xv9sjoybj6] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .fcf-kapak[b-xv9sjoybj6]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .derslik-form-vitrin[b-xv9sjoybj6]  :is(.wiz-btn, .au-btn, .app-json__btn) { min-height: 44px; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .app-field .app-input { min-height: 44px; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .app-json__area { min-height: 120px; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .fcf-alanlar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (pointer: coarse) {
  .derslik-form-vitrin[b-xv9sjoybj6]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .fcf-kapak[b-xv9sjoybj6] { padding: 12px; }

  .fcf-baslik .au-title[b-xv9sjoybj6] { font-size: var(--yazi-kapak, 20px); }

  .fcf-alt[b-xv9sjoybj6] { font-size: var(--yazi-kucuk, 12px); }

  .derslik-form-vitrin[b-xv9sjoybj6]  .app-wizard { padding: 16px 12px; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .wiz-title { font-size: var(--yazi-bolum, 14px); }

  .derslik-form-vitrin[b-xv9sjoybj6]  :is(.wiz-body, .wiz-foot) { padding: 12px; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .wiz-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .derslik-form-vitrin[b-xv9sjoybj6]  .wiz-steps::before { display: none; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .wiz-step-ind { flex: 0 0 auto; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .wiz-step-ind:not(.is-active) .wiz-step-ind__label { display: none; }

  .derslik-form-vitrin[b-xv9sjoybj6]  .fcf-alanlar {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .derslik-form-vitrin[b-xv9sjoybj6]  .wiz-foot .wiz-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Facilities/ClassroomEdit.razor.rz.scp.css */
/* Dersliği düzenle — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak ölçüleri kardeş ekran ClassroomCreate ile birebir aynıdır; kapsanmış CSS
   bileşene bağlı olduğu için burada tekrar tanımlanır (global CSS DEĞİŞTİRİLMEDİ).
   Yeni hex YOK; yıkıcı ton admin-users.css'teki `--red-*` tokenlarıyla aynıdır. */

.au-page.derslik-form-vitrin[b-41kaoyult2] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.fcf-kapak[b-41kaoyult2] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fcf-kapak[b-41kaoyult2]  .au-breadcrumb {
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.fcf-kapak[b-41kaoyult2]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.fcf-baslik[b-41kaoyult2] {
  min-width: 0;
}

.fcf-baslik .au-title[b-41kaoyult2] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fcf-alt[b-41kaoyult2] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* ── Uyarı bantları ────────────────────────────────────────────── */
.derslik-form-vitrin .au-banner[b-41kaoyult2] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Bölüm kartları (form + tehlikeli bölge) ───────────────────── */
.fcf-bolum[b-41kaoyult2] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.fcf-bolum[b-41kaoyult2]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.fcf-bolum-baslik[b-41kaoyult2] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.fcf-bolum-baslik[b-41kaoyult2]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Boş durum: anlamlı metin + birincil eylem. */
.fcf-bos[b-41kaoyult2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.fcf-bos p[b-41kaoyult2] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

/* DataStates paneli sayfada çıplak bir yüzey bırakmaz. */
.derslik-form-vitrin[b-41kaoyult2]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: none;
}

.derslik-form-vitrin[b-41kaoyult2]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.derslik-form-vitrin[b-41kaoyult2]  .ds-desc { font-size: 13px; color: var(--n-500); }

/* ── Form blokları ─────────────────────────────────────────────── */
.fcf-blok + .fcf-blok[b-41kaoyult2] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--hat-kart);
}

.fcf-blok__baslik[b-41kaoyult2] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fcf-alanlar[b-41kaoyult2] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
}

.derslik-form-vitrin[b-41kaoyult2]  .app-field { min-width: 0; }

.derslik-form-vitrin[b-41kaoyult2]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.derslik-form-vitrin[b-41kaoyult2]  .app-field .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.derslik-form-vitrin[b-41kaoyult2]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* JSON alanı çok satırlıdır — sabit yükseklik kuralı ona uygulanmaz. */
.derslik-form-vitrin[b-41kaoyult2]  .app-json__area {
  height: auto;
  min-height: 96px;
  padding: 10px 12px;
  line-height: 1.5;
}

.derslik-form-vitrin[b-41kaoyult2]  .app-json__btn {
  min-height: 30px;
  padding-inline: 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

/* Kaydedilecek donanım öğelerinin canlı önizlemesi. */
.fcf-onizleme-liste[b-41kaoyult2] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.derslik-form-vitrin .au-chip[b-41kaoyult2] {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.fcf-eylemler[b-41kaoyult2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.derslik-form-vitrin .au-btn[b-41kaoyult2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.derslik-form-vitrin .au-btn:hover:not(:disabled)[b-41kaoyult2] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.derslik-form-vitrin .au-btn--primary[b-41kaoyult2] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.derslik-form-vitrin .au-btn--primary:hover:not(:disabled)[b-41kaoyult2] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Yıkıcı düğme: admin-users.css'teki `.au-btn--danger` ile aynı tonlar. */
.derslik-form-vitrin .au-btn--danger[b-41kaoyult2] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.derslik-form-vitrin .au-btn--danger:hover:not(:disabled)[b-41kaoyult2] {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.derslik-form-vitrin .au-btn:disabled[b-41kaoyult2] {
  opacity: .5;
  cursor: not-allowed;
}

.derslik-form-vitrin .au-btn:focus-visible[b-41kaoyult2],
.derslik-form-vitrin[b-41kaoyult2]  :is(.app-input, .app-json__btn):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Tehlikeli bölge ───────────────────────────────────────────── */
.fcf-tehlike-metin[b-41kaoyult2] {
  max-width: 78ch;
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Silme onayı popup: native top layer ───────────────────────── */
.fcf-popup[b-41kaoyult2] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.fcf-popup[open][b-41kaoyult2] {
  display: flex;
  flex-direction: column;
}

.fcf-popup[b-41kaoyult2]::backdrop {
  background: var(--scrim);
}

.fcf-popup-bas[b-41kaoyult2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.fcf-popup-bas h2[b-41kaoyult2] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fcf-popup-bas h2:focus[b-41kaoyult2] {
  outline: none;
}

.derslik-form-vitrin .fcf-popup-kapat[b-41kaoyult2] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.fcf-popup-govde[b-41kaoyult2] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  font-size: 13px;
  line-height: 1.6;
}

.fcf-popup-govde p[b-41kaoyult2] {
  margin: 0;
}

.fcf-popup-govde .au-banner[b-41kaoyult2] {
  margin: 14px 0 0;
}

.fcf-popup-eylem[b-41kaoyult2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fcf-kapak[b-41kaoyult2] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .fcf-kapak[b-41kaoyult2]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .derslik-form-vitrin .au-btn[b-41kaoyult2] { min-height: 44px; }

  .derslik-form-vitrin[b-41kaoyult2]  .app-field .app-input { min-height: 44px; }

  .derslik-form-vitrin[b-41kaoyult2]  .app-json__btn { min-height: 44px; }

  .derslik-form-vitrin[b-41kaoyult2]  .app-json__area { min-height: 120px; }

  .fcf-alanlar[b-41kaoyult2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (pointer: coarse) {
  .derslik-form-vitrin[b-41kaoyult2]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .fcf-kapak[b-41kaoyult2] { padding: 12px; }

  .fcf-baslik .au-title[b-41kaoyult2] { font-size: var(--yazi-kapak, 20px); }

  .fcf-alt[b-41kaoyult2] { font-size: var(--yazi-kucuk, 12px); }

  .fcf-bolum[b-41kaoyult2] { padding: 16px 12px; }

  .fcf-bolum-baslik[b-41kaoyult2] { font-size: var(--yazi-bolum, 14px); }

  .fcf-alanlar[b-41kaoyult2] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .fcf-eylemler .au-btn[b-41kaoyult2] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .fcf-popup[b-41kaoyult2] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .fcf-popup-bas[b-41kaoyult2],
  .fcf-popup-govde[b-41kaoyult2],
  .fcf-popup-eylem[b-41kaoyult2] {
    padding: 12px;
  }

  .fcf-popup-eylem .au-btn[b-41kaoyult2] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Facilities/ClassroomsList.razor.rz.scp.css */
/* Derslikler listesi — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Kardeş ekran BuildingsList ile birebir aynı ölçüler; sayfaya kapsanmış (scoped) CSS,
   wwwroot/css/*.css DEĞİŞTİRİLMEDİ. Yalnız mevcut tokenlar; yeni hex, !important yok.

   ÖZGÜLLÜK NOTU: kapsanmış CSS App.razor'da cihaz.css'ten ÖNCE yüklenir. Cihaz
   bantlarında cihaz.css'i yenmek gerektiğinde selektör `body.edulive-cihaz` ile
   başlatılır — kapsam özniteliği yine bu bileşenin öğesine düşer. */

.au-page.derslikler-vitrin[b-i0qj1dcs8h] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylemler tek beyaz yüzeyde ───────────── */
.fc-kapak[b-i0qj1dcs8h] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri   baslik eylem"
    "suzgec suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fc-kapak[b-i0qj1dcs8h]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Geri düğmesinde yalnız kama görünür; metin ekran okuyucuda kalır. */
.fc-kapak[b-i0qj1dcs8h]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.fc-baslik[b-i0qj1dcs8h] {
  grid-area: baslik;
  min-width: 0;
}

.fc-baslik .au-title[b-i0qj1dcs8h] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.fc-ozet[b-i0qj1dcs8h] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.fc-eylemler[b-i0qj1dcs8h] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

.fc-suzgec[b-i0qj1dcs8h] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Alanlar alt çizgiden hizalı; esas genişlik 176, üst sınır 210 (referans ölçüsü). */
.fc-suzgec[b-i0qj1dcs8h]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
}

.fc-arama[b-i0qj1dcs8h] {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 340px;
}

.fc-arama[b-i0qj1dcs8h]  .app-field {
  flex: none;
  max-width: none;
}

.fc-sifirla[b-i0qj1dcs8h] {
  flex: 0 0 auto;
  align-self: flex-end;
}

/* Kapak içindeki alan etiketi/girdisi: referans tipografisi ve 34 px kontrol yüksekliği. */
.fc-kapak[b-i0qj1dcs8h]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Ozgulluk catismasi: AppField'in paylasilan (0,3,0) kurali bundle'da sonra geldigi icin
   bu (0,3,0) kurali eziyordu (34px yerine 46px cizdiriyordu). .derslikler-vitrin oneki
   secici (0,4,0) yapip bu kapaga ozel kompakt olcuyu kazandirir. */
.derslikler-vitrin .fc-kapak[b-i0qj1dcs8h]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none;
}

.fc-kapak[b-i0qj1dcs8h]  .app-select__caret {
  color: var(--marka-600);
}

/* ── Düğmeler ─────────────────────────────────────────────────────────────── */
.derslikler-vitrin .au-btn[b-i0qj1dcs8h] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.derslikler-vitrin .au-btn:hover:not(:disabled)[b-i0qj1dcs8h] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.derslikler-vitrin .au-btn--primary[b-i0qj1dcs8h] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.derslikler-vitrin .au-btn--primary:hover:not(:disabled)[b-i0qj1dcs8h] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.derslikler-vitrin .au-btn--sm[b-i0qj1dcs8h] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.derslikler-vitrin .au-btn:disabled[b-i0qj1dcs8h] {
  opacity: .5;
  cursor: not-allowed;
}

.derslikler-vitrin .au-btn:focus-visible[b-i0qj1dcs8h] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

.derslikler-vitrin[b-i0qj1dcs8h]  :is(.app-input, .grid-pager__btn, .grid-sort):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Liste bölümü ─────────────────────────────────────────────────────────── */
.fc-liste[b-i0qj1dcs8h] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.fc-liste[b-i0qj1dcs8h]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.fc-bolum-baslik[b-i0qj1dcs8h] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.fc-bolum-baslik[b-i0qj1dcs8h]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo: mavi–petrol başlık geçişi, yapışık başlık, sınırlı kaydırma ───── */
.fc-liste[b-i0qj1dcs8h]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
  box-shadow: none;
}

.fc-liste[b-i0qj1dcs8h]  .grid-table {
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

/* Geçiş thead boyunca TEK parça çizilir; hücre arka planları şeffaftır. */
.fc-liste[b-i0qj1dcs8h]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.fc-liste[b-i0qj1dcs8h]  .grid-table thead th {
  background: transparent;
  border: 0;
}

.fc-liste[b-i0qj1dcs8h]  .grid-th-label {
  display: block;
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.fc-liste[b-i0qj1dcs8h]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}

.fc-liste[b-i0qj1dcs8h]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.fc-liste[b-i0qj1dcs8h]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.fc-liste[b-i0qj1dcs8h]  .grid-table tbody tr:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

/* İlk anlamlı sütun (derslik adı) yatay kaydırmada yapışık kalır; opak zemin şart.
   Başlık zemini rampanın o sütuna denk gelen tonundan gelir — yeni palet üretilmez. */
.fc-liste[b-i0qj1dcs8h]  .grid-table thead th:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--marka-500);
}

.fc-liste[b-i0qj1dcs8h]  .grid-table tbody td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--yuzey);
  border-right: 1px solid var(--hat-kart);
}

.fc-liste[b-i0qj1dcs8h]  .grid-table tbody tr:nth-child(even) td:nth-child(1) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.fc-liste[b-i0qj1dcs8h]  .grid-table tbody tr:hover td:nth-child(1) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Son sütun (işlemler) içeriğine göre daralır. */
.fc-liste[b-i0qj1dcs8h]  .grid-table :is(th, td):last-child {
  width: 1%;
  white-space: nowrap;
}

/* Hücre içerikleri */
.derslikler-vitrin .fc-link[b-i0qj1dcs8h] {
  font-weight: 600;
  color: var(--marka-700);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.derslikler-vitrin .fc-link:hover[b-i0qj1dcs8h] {
  color: var(--marka-500);
  text-decoration: underline;
}

.derslikler-vitrin .fc-sayi[b-i0qj1dcs8h] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.derslikler-vitrin .fc-eski[b-i0qj1dcs8h] {
  color: var(--metin-ikincil);
  font-style: italic;
}

.derslikler-vitrin .fc-bos-deger[b-i0qj1dcs8h] {
  color: var(--metin-ipucu);
}

.derslikler-vitrin .fc-satir-eylem[b-i0qj1dcs8h] {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.derslikler-vitrin .au-chip[b-i0qj1dcs8h] {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

/* Boş durum: anlamlı metin + birincil eylem (sahte örnek satır YOK). */
.fc-bos[b-i0qj1dcs8h] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.fc-bos p[b-i0qj1dcs8h] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.fc-liste[b-i0qj1dcs8h]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.fc-liste[b-i0qj1dcs8h]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.fc-liste[b-i0qj1dcs8h]  .ds-desc { font-size: 13px; color: var(--n-500); }

.fc-liste[b-i0qj1dcs8h]  .grid-pager { margin-top: 14px; }

.fc-liste[b-i0qj1dcs8h]  .grid-pager__info {
  color: var(--n-500);
  font-size: 12.5px;
}

.fc-liste[b-i0qj1dcs8h]  .grid-pager__btn {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  box-shadow: none;
}

/* ── Detay popup: native top layer, başlık ve eylemler sabit ───────────────── */
.fc-popup[b-i0qj1dcs8h] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.fc-popup[open][b-i0qj1dcs8h] {
  display: flex;
  flex-direction: column;
}

.fc-popup[b-i0qj1dcs8h]::backdrop {
  background: var(--scrim);
}

.fc-popup-bas[b-i0qj1dcs8h] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.fc-popup-bas h2[b-i0qj1dcs8h] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fc-popup-bas h2:focus[b-i0qj1dcs8h] {
  outline: none;
}

.derslikler-vitrin .fc-popup-kapat[b-i0qj1dcs8h] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.fc-popup-govde[b-i0qj1dcs8h] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.fc-olgular[b-i0qj1dcs8h] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.fc-olgular > div[b-i0qj1dcs8h] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.fc-olgular > div:nth-child(odd)[b-i0qj1dcs8h] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.fc-olgular dt[b-i0qj1dcs8h] {
  color: var(--n-500);
}

.fc-olgular dd[b-i0qj1dcs8h] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.fc-popup-alt-baslik[b-i0qj1dcs8h] {
  margin: 18px 0 8px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fc-donanim[b-i0qj1dcs8h] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fc-donanim-ham[b-i0qj1dcs8h] {
  margin: 0;
  padding: 10px 12px;
  max-height: 180px;
  overflow: auto;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.fc-popup-bos[b-i0qj1dcs8h] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 13px;
}

.fc-popup-eylem[b-i0qj1dcs8h] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540: başlık solda, süzgeç ve eylemler sağ kenarda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .fc-kapak[b-i0qj1dcs8h] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex satırında Chromium
     max-content'i çocukların İÇERİK genişliğinden hesaplar, `flex-basis`i saymaz →
     kap daralır, alanlar alt alta yığılır. Sütunu doldur, içeriği sağa yasla. */
  .fc-suzgec[b-i0qj1dcs8h] {
    justify-self: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fc-kapak[b-i0qj1dcs8h] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri   baslik"
      "eylem  eylem"
      "suzgec suzgec";
    padding: 16px;
  }

  .fc-kapak[b-i0qj1dcs8h]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .fc-eylemler[b-i0qj1dcs8h] {
    justify-self: stretch;
  }

  .derslikler-vitrin :is(.au-btn, .au-btn--sm)[b-i0qj1dcs8h] {
    min-height: 44px;
  }

  /* Ayni ozgulluk catismasi cihaz kirilimda da gecerli: onek olmadan AppField'in
     paylasilan kurali kazaniyordu, dokunmatik hedef olcusu (44px) uygulanmiyordu. */
  .derslikler-vitrin .fc-kapak[b-i0qj1dcs8h]  .app-input {
    min-height: 44px;
    height: 44px;
  }

  .fc-liste[b-i0qj1dcs8h]  .grid-pager__btn {
    width: 44px;
    height: 44px;
  }

  /* Uzun tablo kendi kabında yatay kayar; ilk anlamlı sütun yapışık kalır.
     cihaz.css'in genel `table { display:block; overflow-x:auto }` siperi burada
     zararlıdır: sticky thead'i ve yapışık sütunu ikinci bir kaydırıcıya bağlar. */
  body.edulive-cihaz .fc-liste[b-i0qj1dcs8h]  .grid-table {
    display: table;
    overflow: visible;
    max-width: none;
    min-width: 900px;
  }

  body.edulive-cihaz .fc-liste[b-i0qj1dcs8h]  .grid-table tbody tr {
    display: table-row;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  body.edulive-cihaz .fc-liste[b-i0qj1dcs8h]  .grid-table tbody td {
    display: table-cell;
  }

  body.edulive-cihaz .fc-liste[b-i0qj1dcs8h]  .grid-table tbody td::before {
    content: none;
  }
}

/* Dokunmatikte girdi punto tabanı: iOS yakınlaştırmasını engeller. */
@media (pointer: coarse) {
  /* .derslikler-vitrin öneki: paylaşılan AppField'ın (0,3,0) font-size:14.5px
     kuralı bu siperi eziyordu; (0,4,0) ile iOS yakınlaştırma siperi diriliyor. */
  .derslikler-vitrin .fc-kapak[b-i0qj1dcs8h]  .app-input {
    font-size: max(16px, 1rem);
  }

  .fc-kapak[b-i0qj1dcs8h]  .app-sel__opt {
    min-height: 44px;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .fc-kapak[b-i0qj1dcs8h] {
    padding: 12px;
    row-gap: 12px;
  }

  .fc-baslik .au-title[b-i0qj1dcs8h] {
    font-size: var(--yazi-kapak, 20px);
  }

  .fc-ozet[b-i0qj1dcs8h] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında tek satır, içerik genişliğinde (YENI-DIL §7). */
  .fc-eylemler[b-i0qj1dcs8h] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .fc-eylemler .au-btn[b-i0qj1dcs8h] {
    flex: 1 0 auto;
    justify-content: center;
    white-space: nowrap;
  }

  /* Süzgeçler tek sütun; arama tam genişlik. */
  .fc-suzgec[b-i0qj1dcs8h] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .fc-suzgec[b-i0qj1dcs8h]  .app-field {
    flex: none;
    max-width: none;
  }

  .fc-arama[b-i0qj1dcs8h] {
    flex: none;
    max-width: none;
  }

  .fc-sifirla[b-i0qj1dcs8h] {
    align-self: stretch;
    justify-content: center;
  }

  .fc-liste[b-i0qj1dcs8h] {
    padding: 16px 12px;
  }

  .fc-bolum-baslik[b-i0qj1dcs8h] {
    font-size: var(--yazi-bolum, 14px);
  }

  body.edulive-cihaz .fc-liste[b-i0qj1dcs8h]  .grid-table {
    min-width: 820px;
  }

  .fc-liste[b-i0qj1dcs8h]  .grid-table :is(th, td) {
    padding: 10px;
  }

  .fc-bos .au-btn[b-i0qj1dcs8h] {
    width: 100%;
    justify-content: center;
  }

  .fc-popup[b-i0qj1dcs8h] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .fc-popup-bas[b-i0qj1dcs8h],
  .fc-popup-govde[b-i0qj1dcs8h],
  .fc-popup-eylem[b-i0qj1dcs8h] {
    padding: 12px;
  }

  .fc-olgular > div[b-i0qj1dcs8h] {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .fc-popup-eylem .au-btn[b-i0qj1dcs8h] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/GradeLevels/GradeLevelSystemCreate.razor.rz.scp.css */
/* AK-03 — Seviye sistemi formu, Akademik Analiz görsel dili.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1'den birebir.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok. */

.au-page.seviye-sistemi-form-vitrin[b-wfr873df8z] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.seviye-sistemi-form-vitrin .svf-form[b-wfr873df8z] {
  display: block;
  margin: 0;
}

/* ── Kapak: başlık + ana eylemler tek beyaz yüzeyde ── */
.seviye-sistemi-form-vitrin .svf-kapak[b-wfr873df8z] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.seviye-sistemi-form-vitrin .svf-kapak[b-wfr873df8z]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.seviye-sistemi-form-vitrin .svf-kapak__baslik[b-wfr873df8z] {
  grid-area: baslik;
  min-width: 0;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-title[b-wfr873df8z] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.seviye-sistemi-form-vitrin .svf-kapak__alt[b-wfr873df8z] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-kapak__eylem[b-wfr873df8z] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn[b-wfr873df8z] {
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn:hover:not(:disabled)[b-wfr873df8z] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn--primary[b-wfr873df8z] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn--primary:hover:not(:disabled)[b-wfr873df8z] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn:focus-visible[b-wfr873df8z] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn:disabled[b-wfr873df8z] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* ── Bant (hata / bilgi) ── */
.seviye-sistemi-form-vitrin .svf-bant[b-wfr873df8z] {
  margin-bottom: 16px;
  border-radius: var(--kose-kart);
}

/* ── Bölüm kartı ── */
.seviye-sistemi-form-vitrin .svf-kart[b-wfr873df8z] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.seviye-sistemi-form-vitrin .svf-kart[b-wfr873df8z]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.seviye-sistemi-form-vitrin .svf-kart__baslik[b-wfr873df8z] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.seviye-sistemi-form-vitrin .svf-kart__baslik[b-wfr873df8z]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.seviye-sistemi-form-vitrin .svf-kart__ipucu[b-wfr873df8z] {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── Alan ızgarası ── */
.seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z]  .app-input:focus-within {
  border-color: var(--marka-500);
  box-shadow: none;
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z]  .app-field__hint {
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── TABLET (YENI-DIL §1.1) ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .seviye-sistemi-form-vitrin .svf-kapak[b-wfr873df8z] {
    padding: 16px;
  }

  .seviye-sistemi-form-vitrin .svf-kapak .au-btn[b-wfr873df8z] {
    min-height: 44px;
  }

  .seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1, §2.3, §7) ── */
@media (max-width: 640px) {
  .seviye-sistemi-form-vitrin .svf-kapak[b-wfr873df8z] {
    padding: 12px;
    row-gap: 12px;
  }

  .seviye-sistemi-form-vitrin .svf-kapak .au-title[b-wfr873df8z] {
    font-size: var(--yazi-kapak, 20px);
  }

  .seviye-sistemi-form-vitrin .svf-kapak__alt[b-wfr873df8z] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .seviye-sistemi-form-vitrin .svf-kapak__eylem .au-btn[b-wfr873df8z] {
    flex: 1;
    min-height: 44px;
    justify-content: center;
  }

  .seviye-sistemi-form-vitrin .svf-kart[b-wfr873df8z] {
    padding: 16px 12px;
  }

  .seviye-sistemi-form-vitrin .svf-kart__baslik[b-wfr873df8z] {
    font-size: var(--yazi-bolum, 14px);
  }

  .seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .seviye-sistemi-form-vitrin .svf-izgara[b-wfr873df8z]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .seviye-sistemi-form-vitrin .svf-kapak .au-btn[b-wfr873df8z] {
    transition: none;
  }
}

/* ── Seviye satırı editörü (ortak LevelRowsEditor) — sayfa kapsamında yeni dile uyarlanır.
   Bileşen dosyası DEĞİŞMEZ; yalnız yüzeyler (girdi, düğme, başlık satırı) hizalanır. ── */
.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z] {
  margin-top: 16px;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .app-input:focus-visible,
.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .app-input:focus-within {
  border-color: var(--marka-500);
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .lre-objhead {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .lre-row__no {
  color: var(--metin-ipucu);
  font-variant-numeric: tabular-nums;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .lre-ico {
  min-width: 32px;
  min-height: 32px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .lre-ico:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .lre-ico--danger {
  color: var(--danger-metin);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .lre-ico--danger:hover:not(:disabled) {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  :is(.lre-add, .lre-mode) {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  :is(.lre-add, .lre-mode):hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  :is(.lre-ico, .lre-add, .lre-mode):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  :is(.lre-ico, .lre-add, .lre-mode) {
    min-width: 44px;
    min-height: 44px;
  }
}

@media (max-width: 640px) {
  .seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .seviye-sistemi-form-vitrin .svf-seviyeler[b-wfr873df8z]  :is(.lre-ico, .lre-add, .lre-mode) {
    min-width: 44px;
    min-height: 44px;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/GradeLevels/GradeLevelSystemEdit.razor.rz.scp.css */
/* AK-03 — Seviye sistemi düzenleme formu, Akademik Analiz görsel dili.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1'den birebir.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok. */

.au-page.seviye-sistemi-form-vitrin[b-tzemoc32fw] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.seviye-sistemi-form-vitrin .svf-form[b-tzemoc32fw] {
  display: block;
  margin: 0;
}

/* ── Kapak: başlık + ana eylemler tek beyaz yüzeyde ── */
.seviye-sistemi-form-vitrin .svf-kapak[b-tzemoc32fw] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.seviye-sistemi-form-vitrin .svf-kapak[b-tzemoc32fw]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.seviye-sistemi-form-vitrin .svf-kapak__baslik[b-tzemoc32fw] {
  grid-area: baslik;
  min-width: 0;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-title[b-tzemoc32fw] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.seviye-sistemi-form-vitrin .svf-kapak__alt[b-tzemoc32fw] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-kapak__eylem[b-tzemoc32fw] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn[b-tzemoc32fw] {
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn:hover:not(:disabled)[b-tzemoc32fw] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn--primary[b-tzemoc32fw] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn--primary:hover:not(:disabled)[b-tzemoc32fw] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn--danger[b-tzemoc32fw] {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--yuzey));
  background: var(--yuzey);
  color: var(--danger-metin);
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn--danger:hover:not(:disabled)[b-tzemoc32fw] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn:focus-visible[b-tzemoc32fw] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemi-form-vitrin .svf-kapak .au-btn:disabled[b-tzemoc32fw] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* ── Bant (hata / bilgi) ── */
.seviye-sistemi-form-vitrin .svf-bant[b-tzemoc32fw] {
  margin-bottom: 16px;
  border-radius: var(--kose-kart);
}

/* ── Bölüm kartı ── */
.seviye-sistemi-form-vitrin .svf-kart[b-tzemoc32fw] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.seviye-sistemi-form-vitrin .svf-kart[b-tzemoc32fw]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.seviye-sistemi-form-vitrin .svf-kart__baslik[b-tzemoc32fw] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.seviye-sistemi-form-vitrin .svf-kart__baslik[b-tzemoc32fw]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.seviye-sistemi-form-vitrin .svf-kart__ipucu[b-tzemoc32fw] {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── Alan ızgarası ── */
.seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw]  .app-input:focus-within {
  border-color: var(--marka-500);
  box-shadow: none;
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw]  .app-field__hint {
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── TABLET (YENI-DIL §1.1) ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .seviye-sistemi-form-vitrin .svf-kapak[b-tzemoc32fw] {
    padding: 16px;
  }

  .seviye-sistemi-form-vitrin .svf-kapak .au-btn[b-tzemoc32fw] {
    min-height: 44px;
  }

  .seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1, §2.3, §7) ── */
@media (max-width: 640px) {
  .seviye-sistemi-form-vitrin .svf-kapak[b-tzemoc32fw] {
    padding: 12px;
    row-gap: 12px;
  }

  .seviye-sistemi-form-vitrin .svf-kapak .au-title[b-tzemoc32fw] {
    font-size: var(--yazi-kapak, 20px);
  }

  .seviye-sistemi-form-vitrin .svf-kapak__alt[b-tzemoc32fw] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .seviye-sistemi-form-vitrin .svf-kapak__eylem .au-btn[b-tzemoc32fw] {
    flex: 1;
    min-height: 44px;
    justify-content: center;
  }

  .seviye-sistemi-form-vitrin .svf-kart[b-tzemoc32fw] {
    padding: 16px 12px;
  }

  .seviye-sistemi-form-vitrin .svf-kart__baslik[b-tzemoc32fw] {
    font-size: var(--yazi-bolum, 14px);
  }

  .seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .seviye-sistemi-form-vitrin .svf-izgara[b-tzemoc32fw]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .seviye-sistemi-form-vitrin .svf-kapak .au-btn[b-tzemoc32fw] {
    transition: none;
  }
}

/* ── Kayıt künyesi (salt okunur alanlar) ── */
.seviye-sistemi-form-vitrin .svf-kunye[b-tzemoc32fw] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.seviye-sistemi-form-vitrin .svf-kunye > div[b-tzemoc32fw] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.seviye-sistemi-form-vitrin .svf-kunye > div:nth-child(odd)[b-tzemoc32fw] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-kunye dt[b-tzemoc32fw] {
  color: var(--metin-ipucu);
}

.seviye-sistemi-form-vitrin .svf-kunye dd[b-tzemoc32fw] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ── Boş durum kartı ── */
.seviye-sistemi-form-vitrin .svf-kart--bos[b-tzemoc32fw] {
  text-align: center;
}

.seviye-sistemi-form-vitrin .svf-kart--bos p[b-tzemoc32fw] {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-kart--bos a[b-tzemoc32fw] {
  color: var(--marka-600);
  font-weight: 600;
}

/* ── Silme onayı popup'ı (native top layer) ── */
.seviye-sistemi-form-vitrin .svf-popup[b-tzemoc32fw] {
  width: min(480px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.seviye-sistemi-form-vitrin .svf-popup[open][b-tzemoc32fw] {
  display: flex;
  flex-direction: column;
}

.seviye-sistemi-form-vitrin .svf-popup[b-tzemoc32fw]::backdrop {
  background: var(--scrim);
}

.seviye-sistemi-form-vitrin .svf-popup__bas[b-tzemoc32fw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.seviye-sistemi-form-vitrin .svf-popup__bas h2[b-tzemoc32fw] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.seviye-sistemi-form-vitrin .svf-popup__bas h2:focus[b-tzemoc32fw] {
  outline: none;
}

.seviye-sistemi-form-vitrin .svf-popup__kapat[b-tzemoc32fw] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.seviye-sistemi-form-vitrin .svf-popup__govde[b-tzemoc32fw] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-popup__govde p[b-tzemoc32fw] {
  margin: 0;
}

.seviye-sistemi-form-vitrin .svf-popup__hata[b-tzemoc32fw] {
  margin-top: 12px;
  border-radius: var(--kose-kart);
}

.seviye-sistemi-form-vitrin .svf-popup__eylem[b-tzemoc32fw] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.seviye-sistemi-form-vitrin .svf-popup .au-btn[b-tzemoc32fw] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.seviye-sistemi-form-vitrin .svf-popup .au-btn--danger[b-tzemoc32fw] {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--yuzey));
  color: var(--danger-metin);
}

.seviye-sistemi-form-vitrin .svf-popup .au-btn--danger:hover:not(:disabled)[b-tzemoc32fw] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-popup .au-btn:focus-visible[b-tzemoc32fw] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemi-form-vitrin .svf-popup .au-btn:disabled[b-tzemoc32fw] {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  .seviye-sistemi-form-vitrin .svf-kunye > div[b-tzemoc32fw] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .seviye-sistemi-form-vitrin .svf-popup[b-tzemoc32fw] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .seviye-sistemi-form-vitrin .svf-popup__bas[b-tzemoc32fw],
  .seviye-sistemi-form-vitrin .svf-popup__govde[b-tzemoc32fw],
  .seviye-sistemi-form-vitrin .svf-popup__eylem[b-tzemoc32fw] {
    padding: 12px;
  }

  .seviye-sistemi-form-vitrin .svf-popup__eylem .au-btn[b-tzemoc32fw] {
    flex: 1 1 auto;
    min-height: 44px;
    justify-content: center;
  }
}
/* ── Seviye satırı editörü (ortak LevelRowsEditor) — sayfa kapsamında yeni dile uyarlanır.
   Bileşen dosyası DEĞİŞMEZ; yalnız yüzeyler (girdi, düğme, başlık satırı) hizalanır. ── */
.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw] {
  margin-top: 16px;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .app-input:focus-visible,
.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .app-input:focus-within {
  border-color: var(--marka-500);
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .lre-objhead {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .lre-row__no {
  color: var(--metin-ipucu);
  font-variant-numeric: tabular-nums;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .lre-ico {
  min-width: 32px;
  min-height: 32px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .lre-ico:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .lre-ico--danger {
  color: var(--danger-metin);
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .lre-ico--danger:hover:not(:disabled) {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  :is(.lre-add, .lre-mode) {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  :is(.lre-add, .lre-mode):hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  :is(.lre-ico, .lre-add, .lre-mode):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  :is(.lre-ico, .lre-add, .lre-mode) {
    min-width: 44px;
    min-height: 44px;
  }
}

@media (max-width: 640px) {
  .seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .seviye-sistemi-form-vitrin .svf-seviyeler[b-tzemoc32fw]  :is(.lre-ico, .lre-add, .lre-mode) {
    min-width: 44px;
    min-height: 44px;
  }
}


/* ── FAZ-01B (2026-09-25): salt-okunur seviye tablosu + katalog eşleşme rozetleri. Token; hex YOK. ── */
.seviye-sistemi-form-vitrin .svf-tablo-kap[b-tzemoc32fw] {
  max-height: 460px;
  overflow: auto;
  border: 1px solid var(--hat-kart);
}

.seviye-sistemi-form-vitrin .svf-tablo[b-tzemoc32fw] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.seviye-sistemi-form-vitrin .svf-tablo th[b-tzemoc32fw] {
  position: sticky;
  top: 0;
  padding: 9px 10px;
  text-align: start;
  font-weight: 600;
  background: var(--marka-500);
  color: var(--on-brand);
}

.seviye-sistemi-form-vitrin .svf-tablo td[b-tzemoc32fw] {
  padding: 8px 10px;
  border-top: 1px solid var(--hat-kart);
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-eslesme[b-tzemoc32fw] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--metin-ikincil);
}

.seviye-sistemi-form-vitrin .svf-eslesme--yok[b-tzemoc32fw] {
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-rozet-metin);
}
/* _content/EduLive.Web/Components/Pages/Academic/GradeLevels/GradeLevelSystemsList.razor.rz.scp.css */
/* AK-03 — Seviye sistemleri listesi, Akademik Analiz görsel dili.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1'den birebir.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.
   Sayfa katalog-vitrin tabanını (ızgara temeli + telefon kart tablosu) korur,
   yeni dile ait yüzeyler burada üzerine yazılır. */

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.seviye-sistemleri-vitrin .svs-kapak[b-vk5iaxwjhn] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.seviye-sistemleri-vitrin .svs-kapak[b-vk5iaxwjhn]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.seviye-sistemleri-vitrin .svs-kapak__baslik[b-vk5iaxwjhn] {
  grid-area: baslik;
  min-width: 0;
}

.seviye-sistemleri-vitrin .svs-kapak .au-title[b-vk5iaxwjhn] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.seviye-sistemleri-vitrin .svs-kapak__alt[b-vk5iaxwjhn] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.seviye-sistemleri-vitrin .svs-kapak__alt a[b-vk5iaxwjhn] {
  color: var(--marka-600);
  font-weight: 600;
}

.seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
}

.seviye-sistemleri-vitrin .svs-kapak__arama[b-vk5iaxwjhn] {
  flex: 1 1 220px;
  min-width: 0;
}

.seviye-sistemleri-vitrin .svs-kapak__arama[b-vk5iaxwjhn]  .app-field {
  flex: 1 1 auto;
  max-width: none;
}

.seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn]  .app-input {
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn]  .app-input:focus-within {
  border-color: var(--marka-500);
  box-shadow: none;
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.seviye-sistemleri-vitrin .svs-kapak__eylem[b-vk5iaxwjhn] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.seviye-sistemleri-vitrin .svs-kapak .au-btn--primary[b-vk5iaxwjhn] {
  min-height: 34px;
  height: auto;
  padding: 0 12px;
  gap: 6px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.seviye-sistemleri-vitrin .svs-kapak .au-btn--primary:hover[b-vk5iaxwjhn] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  transform: none;
}

.seviye-sistemleri-vitrin .svs-kapak .au-btn:focus-visible[b-vk5iaxwjhn] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.seviye-sistemleri-vitrin .svs-kart[b-vk5iaxwjhn] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.seviye-sistemleri-vitrin .svs-kart[b-vk5iaxwjhn]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.seviye-sistemleri-vitrin .svs-kart__baslik[b-vk5iaxwjhn] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.seviye-sistemleri-vitrin .svs-kart__baslik[b-vk5iaxwjhn]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.seviye-sistemleri-vitrin .svs-kart__ipucu[b-vk5iaxwjhn] {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── Tablo: uzun liste kendi alanında kayar, başlık üstte sabit ── */
.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 12px 12px 12px;
  background: var(--yuzey);
  box-shadow: none;
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-scroll::before,
.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-scroll::after {
  content: none;
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table thead th {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  border-bottom: none;
  text-align: start;
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table thead th:first-child {
  border-top-left-radius: 2px;
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table thead th:last-child {
  border-top-right-radius: 11px;
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-th-label,
.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-sort {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody td {
  padding: 10px 13px;
  font-size: 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Masaüstünde ilk anlamlı sütun yatay kaydırmada yerinde kalır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: inherit;
  }

  /* Başlığın ilk hücresi de yatayda sabitlenir; aksi halde gövdedeki sabit sütun
     yerinde kalırken başlığı kayıp diğer başlıkların altına giriyordu.
     Sabit hücre opak zemin ister (AnalizTablo.razor.css:229 deseni): rampanın
     %0 durağı --marka-500 olduğu için yeni renk üretmeden dikişsiz kalır. */
  .au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table thead th:first-child {
    left: 0;
    z-index: 5;
    background: var(--marka-500);
  }
}

/* Kapsam notu: katalog-vitrin.css App.razor'da EduLive.Web.styles.css'ten SONRA yüklenir
   (satır 44 ↔ 24). Bu yüzden eşit özgüllükteki sayfa kuralları onun altında kalıyordu:
   `.au-page.katalog-vitrin .gls-link` (0,3,0) ile `.seviye-sistemleri-vitrin .gls-link[b-x]`
   (0,3,0) berabere kalıp sonra yüklenen katalog kazanıyor, buradaki renk hiç uygulanmıyordu.
   `.au-page` eklenerek (0,4,0) yapıldı — !important yok. */
.au-page.seviye-sistemleri-vitrin .gls-link[b-vk5iaxwjhn] {
  font-weight: 700;
  color: var(--marka-600);
  text-decoration: none;
}

/* Dinlenme rengi katalog'dan geldiğinde marka-500 oluyordu; hover da marka-500 olduğu için
   üzerine gelme geri bildirimi yalnızca alt çizgiden ibaret kalıyordu. */
.au-page.seviye-sistemleri-vitrin .gls-link:hover[b-vk5iaxwjhn] {
  color: var(--marka-500);
  text-decoration: underline;
}

/* Rozetin rengi zaten katalog-vitrin'den geliyor (--ktl-onay-metin/hat/zemin sırasıyla
   --basari-metin/--basari/--yuzey'e çözülür). Burada yalnız katalog'da olmayan yerleşim
   verilir; aynı değerleri tekrar yazmak ölü bildirim olurdu. */
.seviye-sistemleri-vitrin .gls-chip-system[b-vk5iaxwjhn] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.seviye-sistemleri-vitrin .svs-sayi[b-vk5iaxwjhn] {
  font-variant-numeric: tabular-nums;
}

/* Seviye önizlemesi uzun olabilir: satır yüksekliğini şişirmeden iki satırda kırpılır.
   (Dosya sonundaki ikinci .svs-onizleme bloğu buraya taşındı — tek tanım kaldı.) */
.seviye-sistemleri-vitrin .svs-onizleme[b-vk5iaxwjhn] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 34ch;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

/* Referans kontrol taban çizgisi 34 px (akademik-analiz.md); 32 px bu ölçünün altındaydı.
   Seçici `::deep .grid-table tbody` üzerinden kuruluyor: katalog-vitrin.css'teki
   `.au-page.katalog-vitrin .grid-table tbody .au-btn--ghost` (0,4,1) daha sonra yüklenip
   padding/border/color bildirimlerini eziyordu; bu zincir (0,5,1) ile onu geçer. */
.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody .svs-detay-ac {
  height: auto;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody .svs-detay-ac:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
}

.au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody .svs-detay-ac:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Detay popup (native top layer) ── */
.seviye-sistemleri-vitrin .svs-popup[b-vk5iaxwjhn] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.seviye-sistemleri-vitrin .svs-popup[open][b-vk5iaxwjhn] {
  display: flex;
  flex-direction: column;
}

.seviye-sistemleri-vitrin .svs-popup[b-vk5iaxwjhn]::backdrop {
  background: var(--scrim);
}

.seviye-sistemleri-vitrin .svs-popup__bas[b-vk5iaxwjhn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.seviye-sistemleri-vitrin .svs-popup__bas h2[b-vk5iaxwjhn] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.seviye-sistemleri-vitrin .svs-popup__bas h2:focus[b-vk5iaxwjhn] {
  outline: none;
}

.seviye-sistemleri-vitrin .svs-popup__kapat[b-vk5iaxwjhn] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.seviye-sistemleri-vitrin .svs-popup__govde[b-vk5iaxwjhn] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.seviye-sistemleri-vitrin .svs-popup__eylem[b-vk5iaxwjhn] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.seviye-sistemleri-vitrin .svs-popup__eylem .au-btn--primary[b-vk5iaxwjhn] {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve eylem sağa yaslı (≥1540 fareli) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .seviye-sistemleri-vitrin .svs-kapak[b-vk5iaxwjhn] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  .seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn] {
    justify-content: flex-end;
  }
}

/* MASAÜSTÜ ∧ ≤1539 (YENI-DIL §1.1): başlık üstte, süzgeç + eylem alt satırda (referans iki
   satır düzeni). 1024–1279 fareli alternatifler zaten 1539'un altında olduğu için üst sınır
   yalnız ≥1280 dalına yazılır; ≥1101 fareli genişliklerde çıktı aynı kalır (§1.3). */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .seviye-sistemleri-vitrin .svs-kapak[b-vk5iaxwjhn] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "suzgec suzgec eylem";
  }
}

/* ── TABLET (YENI-DIL §1.1) ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .seviye-sistemleri-vitrin .svs-kapak[b-vk5iaxwjhn] {
    padding: 16px;
  }

  .seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn]  .app-input {
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .seviye-sistemleri-vitrin .svs-kapak .au-btn[b-vk5iaxwjhn] {
    min-height: 44px;
  }

  /* Taban kural (0,5,1) olduğu için dokunmatik hedefi de aynı zincirle yazılmalı;
     medya sorgusu özgüllük eklemez, düşük özgüllüklü 44 px uygulanmazdı. */
  .au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody .svs-detay-ac {
    min-height: 44px;
  }
}

/* ── TELEFON (YENI-DIL §1.1, §2.3, §7) ── */
@media (max-width: 640px) {
  .seviye-sistemleri-vitrin .svs-kapak[b-vk5iaxwjhn] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "suzgec suzgec"
      "eylem eylem";
    padding: 12px;
    row-gap: 12px;
  }

  .seviye-sistemleri-vitrin .svs-kapak .au-title[b-vk5iaxwjhn] {
    font-size: var(--yazi-kapak, 20px);
  }

  .seviye-sistemleri-vitrin .svs-kapak__alt[b-vk5iaxwjhn] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn] {
    flex-direction: column;
    align-items: stretch;
  }

  .seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .seviye-sistemleri-vitrin .svs-kapak__suzgec[b-vk5iaxwjhn]  .app-input {
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .seviye-sistemleri-vitrin .svs-kapak__eylem .au-btn[b-vk5iaxwjhn] {
    flex: 1;
    min-height: 44px;
    justify-content: center;
  }

  .seviye-sistemleri-vitrin .svs-kart[b-vk5iaxwjhn] {
    padding: 16px 12px;
  }

  .seviye-sistemleri-vitrin .svs-kart__baslik[b-vk5iaxwjhn] {
    font-size: var(--yazi-bolum, 14px);
  }

  .au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-scroll {
    max-height: none;
    border: 0;
    border-radius: 0;
  }

  .seviye-sistemleri-vitrin .svs-onizleme[b-vk5iaxwjhn] {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-width: none;
  }

  /* Taban kural (0,5,1) olduğu için telefon hedefi de aynı zincirle yazılır. */
  .au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody .svs-detay-ac {
    min-height: 44px;
    width: 100%;
  }

  .seviye-sistemleri-vitrin .svs-popup[b-vk5iaxwjhn] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .seviye-sistemleri-vitrin .svs-popup__bas[b-vk5iaxwjhn],
  .seviye-sistemleri-vitrin .svs-popup__govde[b-vk5iaxwjhn],
  .seviye-sistemleri-vitrin .svs-popup__eylem[b-vk5iaxwjhn] {
    padding: 12px;
  }

  .seviye-sistemleri-vitrin .svs-popup__eylem .au-btn[b-vk5iaxwjhn] {
    flex: 1 1 auto;
    min-height: 44px;
    justify-content: center;
  }

}

/* Cihaz modunda katalog-vitrin satırları KARTA çevirir
   (body.edulive-cihaz … tbody tr → --ktl-kart-zemin = --yuzey, 4 px marka şeridi).
   Zebra şeridi orada hem anlamını yitiriyor hem de daha yüksek özgüllükte (0,5,2 > 0,4,3)
   kart yüzeyini eziyordu: her ikinci kart hafif mavi çıkıyordu. Kart modunda devre dışı. */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody tr:nth-child(even),
  .au-page.seviye-sistemleri-vitrin[b-vk5iaxwjhn]  .grid-table tbody tr:hover {
    background: var(--yuzey);
  }
}

@media (prefers-reduced-motion: reduce) {
  .seviye-sistemleri-vitrin .svs-kapak .au-btn[b-vk5iaxwjhn],
  .seviye-sistemleri-vitrin .svs-detay-ac[b-vk5iaxwjhn] {
    transition: none;
  }
}

/* ── Seviye listesi popup'ına özgü ek ölçüler ── */
.seviye-sistemleri-vitrin .svs-popup__ozet[b-vk5iaxwjhn] {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

.seviye-sistemleri-vitrin .svs-popup__bos[b-vk5iaxwjhn] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.seviye-sistemleri-vitrin .svs-seviye[b-vk5iaxwjhn] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0 0 0 26px;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.seviye-sistemleri-vitrin .svs-seviye li[b-vk5iaxwjhn] {
  padding: 8px 10px;
  overflow-wrap: anywhere;
}

.seviye-sistemleri-vitrin .svs-seviye li:nth-child(odd)[b-vk5iaxwjhn] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.seviye-sistemleri-vitrin .svs-seviye li[b-vk5iaxwjhn]::marker {
  color: var(--metin-ipucu);
  font-variant-numeric: tabular-nums;
}

/* ── FAZ-01B (2026-09-25): eşleşmeyen seviye sayacı + seviye kataloğu uyum kartı. Token; hex YOK. ── */
.au-page.seviye-sistemleri-vitrin .svs-eslesmeyen[b-vk5iaxwjhn] {
  display: inline-block;
  margin-inline-start: 8px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 12px;
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-rozet-metin);
}

.au-page.seviye-sistemleri-vitrin .svs-uyum-ozet[b-vk5iaxwjhn] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0;
}

.au-page.seviye-sistemleri-vitrin .svs-uyum-ozet > div[b-vk5iaxwjhn] {
  padding: 10px;
  border: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.au-page.seviye-sistemleri-vitrin .svs-uyum-ozet dt[b-vk5iaxwjhn] {
  font-size: 12px;
  color: var(--metin-ipucu);
}

.au-page.seviye-sistemleri-vitrin .svs-uyum-ozet dd[b-vk5iaxwjhn] {
  margin: 4px 0 0;
  font: 700 18px/1.1 var(--font-display);
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.au-page.seviye-sistemleri-vitrin .svs-uyum-baslik[b-vk5iaxwjhn] {
  margin: 14px 0 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--metin-murekkep);
}

.au-page.seviye-sistemleri-vitrin .svs-uyum-liste[b-vk5iaxwjhn] {
  margin: 0;
  padding-inline-start: 18px;
  font-size: 13px;
  color: var(--metin-ikincil);
}

@media (max-width: 820px) {
  .au-page.seviye-sistemleri-vitrin .svs-uyum-ozet[b-vk5iaxwjhn] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Grades/GradeCreate.razor.rz.scp.css */
/* AK-03 — Sınıf seviyesi formu, Akademik Analiz görsel dili.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1'den birebir.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok. */

.au-page.sinif-seviyesi-form-vitrin[b-t80pbtfgwi] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.sinif-seviyesi-form-vitrin .ssf-form[b-t80pbtfgwi] {
  display: block;
  margin: 0;
}

/* ── Kapak: başlık + ana eylemler tek beyaz yüzeyde ── */
.sinif-seviyesi-form-vitrin .ssf-kapak[b-t80pbtfgwi] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sinif-seviyesi-form-vitrin .ssf-kapak[b-t80pbtfgwi]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.sinif-seviyesi-form-vitrin .ssf-kapak__baslik[b-t80pbtfgwi] {
  grid-area: baslik;
  min-width: 0;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-title[b-t80pbtfgwi] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sinif-seviyesi-form-vitrin .ssf-kapak__alt[b-t80pbtfgwi] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.sinif-seviyesi-form-vitrin .ssf-kapak__eylem[b-t80pbtfgwi] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn[b-t80pbtfgwi] {
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn:hover:not(:disabled)[b-t80pbtfgwi] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn--primary[b-t80pbtfgwi] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn--primary:hover:not(:disabled)[b-t80pbtfgwi] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn:focus-visible[b-t80pbtfgwi] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn:disabled[b-t80pbtfgwi] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* ── Bant (hata / bilgi) ── */
.sinif-seviyesi-form-vitrin .ssf-bant[b-t80pbtfgwi] {
  margin-bottom: 16px;
  border-radius: var(--kose-kart);
}

/* ── Bölüm kartı ── */
.sinif-seviyesi-form-vitrin .ssf-kart[b-t80pbtfgwi] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sinif-seviyesi-form-vitrin .ssf-kart[b-t80pbtfgwi]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.sinif-seviyesi-form-vitrin .ssf-kart__baslik[b-t80pbtfgwi] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.sinif-seviyesi-form-vitrin .ssf-kart__baslik[b-t80pbtfgwi]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sinif-seviyesi-form-vitrin .ssf-kart__ipucu[b-t80pbtfgwi] {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── Alan ızgarası ── */
.sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.sinif-seviyesi-form-vitrin .ssf-izgara__genis[b-t80pbtfgwi] {
  grid-column: 1 / -1;
  min-width: 0;
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi]  .app-input:focus-within {
  border-color: var(--marka-500);
  box-shadow: none;
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi]  .app-field__hint {
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── TABLET (YENI-DIL §1.1) ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sinif-seviyesi-form-vitrin .ssf-kapak[b-t80pbtfgwi] {
    padding: 16px;
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak .au-btn[b-t80pbtfgwi] {
    min-height: 44px;
  }

  .sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1, §2.3, §7) ── */
@media (max-width: 640px) {
  .sinif-seviyesi-form-vitrin .ssf-kapak[b-t80pbtfgwi] {
    padding: 12px;
    row-gap: 12px;
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak .au-title[b-t80pbtfgwi] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak__alt[b-t80pbtfgwi] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak__eylem .au-btn[b-t80pbtfgwi] {
    flex: 1;
    min-height: 44px;
    justify-content: center;
  }

  .sinif-seviyesi-form-vitrin .ssf-kart[b-t80pbtfgwi] {
    padding: 16px 12px;
  }

  .sinif-seviyesi-form-vitrin .ssf-kart__baslik[b-t80pbtfgwi] {
    font-size: var(--yazi-bolum, 14px);
  }

  .sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .sinif-seviyesi-form-vitrin .ssf-izgara[b-t80pbtfgwi]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sinif-seviyesi-form-vitrin .ssf-kapak .au-btn[b-t80pbtfgwi] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Grades/GradeEdit.razor.rz.scp.css */
/* AK-03 — Sınıf seviyesi düzenleme formu, Akademik Analiz görsel dili.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1'den birebir.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok. */

.au-page.sinif-seviyesi-form-vitrin[b-6iybjt5r20] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.sinif-seviyesi-form-vitrin .ssf-form[b-6iybjt5r20] {
  display: block;
  margin: 0;
}

/* ── Kapak: başlık + ana eylemler tek beyaz yüzeyde ── */
.sinif-seviyesi-form-vitrin .ssf-kapak[b-6iybjt5r20] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sinif-seviyesi-form-vitrin .ssf-kapak[b-6iybjt5r20]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.sinif-seviyesi-form-vitrin .ssf-kapak__baslik[b-6iybjt5r20] {
  grid-area: baslik;
  min-width: 0;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-title[b-6iybjt5r20] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sinif-seviyesi-form-vitrin .ssf-kapak__alt[b-6iybjt5r20] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.sinif-seviyesi-form-vitrin .ssf-kapak__eylem[b-6iybjt5r20] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn[b-6iybjt5r20] {
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn:hover:not(:disabled)[b-6iybjt5r20] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn--primary[b-6iybjt5r20] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn--primary:hover:not(:disabled)[b-6iybjt5r20] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn--danger[b-6iybjt5r20] {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--yuzey));
  background: var(--yuzey);
  color: var(--danger-metin);
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn--danger:hover:not(:disabled)[b-6iybjt5r20] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn:focus-visible[b-6iybjt5r20] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sinif-seviyesi-form-vitrin .ssf-kapak .au-btn:disabled[b-6iybjt5r20] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* ── Bant (hata / bilgi) ── */
.sinif-seviyesi-form-vitrin .ssf-bant[b-6iybjt5r20] {
  margin-bottom: 16px;
  border-radius: var(--kose-kart);
}

/* ── Bölüm kartı ── */
.sinif-seviyesi-form-vitrin .ssf-kart[b-6iybjt5r20] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sinif-seviyesi-form-vitrin .ssf-kart[b-6iybjt5r20]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.sinif-seviyesi-form-vitrin .ssf-kart__baslik[b-6iybjt5r20] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.sinif-seviyesi-form-vitrin .ssf-kart__baslik[b-6iybjt5r20]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sinif-seviyesi-form-vitrin .ssf-kart__ipucu[b-6iybjt5r20] {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── Alan ızgarası ── */
.sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.sinif-seviyesi-form-vitrin .ssf-izgara__genis[b-6iybjt5r20] {
  grid-column: 1 / -1;
  min-width: 0;
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20]  .app-input:focus-within {
  border-color: var(--marka-500);
  box-shadow: none;
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20]  .app-field__hint {
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── TABLET (YENI-DIL §1.1) ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sinif-seviyesi-form-vitrin .ssf-kapak[b-6iybjt5r20] {
    padding: 16px;
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak .au-btn[b-6iybjt5r20] {
    min-height: 44px;
  }

  .sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1, §2.3, §7) ── */
@media (max-width: 640px) {
  .sinif-seviyesi-form-vitrin .ssf-kapak[b-6iybjt5r20] {
    padding: 12px;
    row-gap: 12px;
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak .au-title[b-6iybjt5r20] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak__alt[b-6iybjt5r20] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .sinif-seviyesi-form-vitrin .ssf-kapak__eylem .au-btn[b-6iybjt5r20] {
    flex: 1;
    min-height: 44px;
    justify-content: center;
  }

  .sinif-seviyesi-form-vitrin .ssf-kart[b-6iybjt5r20] {
    padding: 16px 12px;
  }

  .sinif-seviyesi-form-vitrin .ssf-kart__baslik[b-6iybjt5r20] {
    font-size: var(--yazi-bolum, 14px);
  }

  .sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .sinif-seviyesi-form-vitrin .ssf-izgara[b-6iybjt5r20]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sinif-seviyesi-form-vitrin .ssf-kapak .au-btn[b-6iybjt5r20] {
    transition: none;
  }
}

/* ── Kayıt künyesi (salt okunur alanlar) ── */
.sinif-seviyesi-form-vitrin .ssf-kunye[b-6iybjt5r20] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.sinif-seviyesi-form-vitrin .ssf-kunye > div[b-6iybjt5r20] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.sinif-seviyesi-form-vitrin .ssf-kunye > div:nth-child(odd)[b-6iybjt5r20] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sinif-seviyesi-form-vitrin .ssf-kunye dt[b-6iybjt5r20] {
  color: var(--metin-ipucu);
}

.sinif-seviyesi-form-vitrin .ssf-kunye dd[b-6iybjt5r20] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ── Boş durum kartı ── */
.sinif-seviyesi-form-vitrin .ssf-kart--bos[b-6iybjt5r20] {
  text-align: center;
}

.sinif-seviyesi-form-vitrin .ssf-kart--bos p[b-6iybjt5r20] {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.sinif-seviyesi-form-vitrin .ssf-kart--bos a[b-6iybjt5r20] {
  color: var(--marka-600);
  font-weight: 600;
}

/* ── Silme onayı popup'ı (native top layer) ── */
.sinif-seviyesi-form-vitrin .ssf-popup[b-6iybjt5r20] {
  width: min(480px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sinif-seviyesi-form-vitrin .ssf-popup[open][b-6iybjt5r20] {
  display: flex;
  flex-direction: column;
}

.sinif-seviyesi-form-vitrin .ssf-popup[b-6iybjt5r20]::backdrop {
  background: var(--scrim);
}

.sinif-seviyesi-form-vitrin .ssf-popup__bas[b-6iybjt5r20] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sinif-seviyesi-form-vitrin .ssf-popup__bas h2[b-6iybjt5r20] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.sinif-seviyesi-form-vitrin .ssf-popup__bas h2:focus[b-6iybjt5r20] {
  outline: none;
}

.sinif-seviyesi-form-vitrin .ssf-popup__kapat[b-6iybjt5r20] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.sinif-seviyesi-form-vitrin .ssf-popup__govde[b-6iybjt5r20] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.sinif-seviyesi-form-vitrin .ssf-popup__govde p[b-6iybjt5r20] {
  margin: 0;
}

.sinif-seviyesi-form-vitrin .ssf-popup__hata[b-6iybjt5r20] {
  margin-top: 12px;
  border-radius: var(--kose-kart);
}

.sinif-seviyesi-form-vitrin .ssf-popup__eylem[b-6iybjt5r20] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.sinif-seviyesi-form-vitrin .ssf-popup .au-btn[b-6iybjt5r20] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sinif-seviyesi-form-vitrin .ssf-popup .au-btn--danger[b-6iybjt5r20] {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--yuzey));
  color: var(--danger-metin);
}

.sinif-seviyesi-form-vitrin .ssf-popup .au-btn--danger:hover:not(:disabled)[b-6iybjt5r20] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.sinif-seviyesi-form-vitrin .ssf-popup .au-btn:focus-visible[b-6iybjt5r20] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sinif-seviyesi-form-vitrin .ssf-popup .au-btn:disabled[b-6iybjt5r20] {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  .sinif-seviyesi-form-vitrin .ssf-kunye > div[b-6iybjt5r20] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .sinif-seviyesi-form-vitrin .ssf-popup[b-6iybjt5r20] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sinif-seviyesi-form-vitrin .ssf-popup__bas[b-6iybjt5r20],
  .sinif-seviyesi-form-vitrin .ssf-popup__govde[b-6iybjt5r20],
  .sinif-seviyesi-form-vitrin .ssf-popup__eylem[b-6iybjt5r20] {
    padding: 12px;
  }

  .sinif-seviyesi-form-vitrin .ssf-popup__eylem .au-btn[b-6iybjt5r20] {
    flex: 1 1 auto;
    min-height: 44px;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Grades/GradesList.razor.rz.scp.css */
/* AK-03 — Sınıf seviyeleri listesi, Akademik Analiz görsel dili.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1'den birebir.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.
   Sayfa katalog-vitrin tabanını (ızgara temeli + telefon kart tablosu) korur,
   yeni dile ait yüzeyler burada üzerine yazılır. */

.au-page.sinif-seviyeleri-vitrin[b-giix29b938] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.sinif-seviyeleri-vitrin .snf-kapak[b-giix29b938] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sinif-seviyeleri-vitrin .snf-kapak[b-giix29b938]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.sinif-seviyeleri-vitrin .snf-kapak__baslik[b-giix29b938] {
  grid-area: baslik;
  min-width: 0;
}

.sinif-seviyeleri-vitrin .snf-kapak .au-title[b-giix29b938] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sinif-seviyeleri-vitrin .snf-kapak__alt[b-giix29b938] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.sinif-seviyeleri-vitrin .snf-kapak__alt a[b-giix29b938] {
  color: var(--marka-600);
  font-weight: 600;
}

.sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
}

.sinif-seviyeleri-vitrin .snf-kapak__arama[b-giix29b938] {
  flex: 1 1 220px;
  min-width: 0;
}

.sinif-seviyeleri-vitrin .snf-kapak__arama[b-giix29b938]  .app-field {
  flex: 1 1 auto;
  max-width: none;
}

.sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938]  .app-input {
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938]  .app-input:focus-within {
  border-color: var(--marka-500);
  box-shadow: none;
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sinif-seviyeleri-vitrin .snf-kapak__eylem[b-giix29b938] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sinif-seviyeleri-vitrin .snf-kapak .au-btn--primary[b-giix29b938] {
  min-height: 34px;
  height: auto;
  padding: 0 12px;
  gap: 6px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sinif-seviyeleri-vitrin .snf-kapak .au-btn--primary:hover[b-giix29b938] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  transform: none;
}

.sinif-seviyeleri-vitrin .snf-kapak .au-btn:focus-visible[b-giix29b938] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.sinif-seviyeleri-vitrin .snf-kart[b-giix29b938] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sinif-seviyeleri-vitrin .snf-kart[b-giix29b938]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.sinif-seviyeleri-vitrin .snf-kart__baslik[b-giix29b938] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.sinif-seviyeleri-vitrin .snf-kart__baslik[b-giix29b938]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sinif-seviyeleri-vitrin .snf-kart__ipucu[b-giix29b938] {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ── Tablo: uzun liste kendi alanında kayar, başlık üstte sabit ── */
.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 12px 12px 12px;
  background: var(--yuzey);
  box-shadow: none;
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-scroll::before,
.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-scroll::after {
  content: none;
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table thead th {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  border-bottom: none;
  text-align: start;
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table thead th:first-child {
  border-top-left-radius: 2px;
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table thead th:last-child {
  border-top-right-radius: 11px;
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-th-label,
.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-sort {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody td {
  padding: 10px 13px;
  font-size: 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Masaüstünde ilk anlamlı sütun yatay kaydırmada yerinde kalır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: inherit;
  }

  /* Başlığın ilk hücresi de yatayda sabitlenir; aksi halde gövdedeki sabit sütun
     yerinde kalırken başlığı kayıp diğer başlıkların altına giriyordu.
     Sabit hücre opak zemin ister (AnalizTablo.razor.css:229 deseni): rampanın
     %0 durağı --marka-500 olduğu için yeni renk üretmeden dikişsiz kalır. */
  .au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table thead th:first-child {
    left: 0;
    z-index: 5;
    background: var(--marka-500);
  }
}

/* Kapsam notu: katalog-vitrin.css App.razor'da EduLive.Web.styles.css'ten SONRA yüklenir
   (satır 44 ↔ 24). Bu yüzden eşit özgüllükteki sayfa kuralları onun altında kalıyordu:
   `.au-page.katalog-vitrin .gr-link` (0,3,0) ile `.sinif-seviyeleri-vitrin .gr-link[b-x]`
   (0,3,0) berabere kalıp sonra yüklenen katalog kazanıyor, buradaki renk hiç uygulanmıyordu.
   `.au-page` eklenerek (0,4,0) yapıldı — !important yok. */
.au-page.sinif-seviyeleri-vitrin .gr-link[b-giix29b938] {
  font-weight: 700;
  color: var(--marka-600);
  text-decoration: none;
}

/* Dinlenme rengi katalog'dan geldiğinde marka-500 oluyordu; hover da marka-500 olduğu için
   üzerine gelme geri bildirimi yalnızca alt çizgiden ibaret kalıyordu. */
.au-page.sinif-seviyeleri-vitrin .gr-link:hover[b-giix29b938] {
  color: var(--marka-500);
  text-decoration: underline;
}

/* Rozetin rengi zaten katalog-vitrin'den geliyor (--ktl-onay-metin/hat/zemin sırasıyla
   --basari-metin/--basari/--yuzey'e çözülür). Burada yalnız katalog'da olmayan yerleşim
   verilir; aynı değerleri tekrar yazmak ölü bildirim olurdu. */
.sinif-seviyeleri-vitrin .gr-chip-system[b-giix29b938] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.sinif-seviyeleri-vitrin .snf-sira[b-giix29b938] {
  font-variant-numeric: tabular-nums;
}

/* Açıklama uzun olabilir: satır yüksekliğini şişirmeden iki satırda kırpılır. */
.sinif-seviyeleri-vitrin .snf-aciklama[b-giix29b938] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 34ch;
  color: var(--metin-ikincil);
}

/* Referans kontrol taban çizgisi 34 px (akademik-analiz.md); 32 px bu ölçünün altındaydı.
   Seçici `::deep .grid-table tbody` üzerinden kuruluyor: katalog-vitrin.css'teki
   `.au-page.katalog-vitrin .grid-table tbody .au-btn--ghost` (0,4,1) daha sonra yüklenip
   padding/border/color bildirimlerini eziyordu; bu zincir (0,5,1) ile onu geçer. */
.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody .snf-detay-ac {
  height: auto;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody .snf-detay-ac:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
}

.au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody .snf-detay-ac:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Detay popup (native top layer) ── */
.sinif-seviyeleri-vitrin .snf-popup[b-giix29b938] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sinif-seviyeleri-vitrin .snf-popup[open][b-giix29b938] {
  display: flex;
  flex-direction: column;
}

.sinif-seviyeleri-vitrin .snf-popup[b-giix29b938]::backdrop {
  background: var(--scrim);
}

.sinif-seviyeleri-vitrin .snf-popup__bas[b-giix29b938] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sinif-seviyeleri-vitrin .snf-popup__bas h2[b-giix29b938] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.sinif-seviyeleri-vitrin .snf-popup__bas h2:focus[b-giix29b938] {
  outline: none;
}

.sinif-seviyeleri-vitrin .snf-popup__kapat[b-giix29b938] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.sinif-seviyeleri-vitrin .snf-popup__govde[b-giix29b938] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sinif-seviyeleri-vitrin .snf-olgu[b-giix29b938] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.sinif-seviyeleri-vitrin .snf-olgu > div[b-giix29b938] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.sinif-seviyeleri-vitrin .snf-olgu > div:nth-child(odd)[b-giix29b938] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sinif-seviyeleri-vitrin .snf-olgu dt[b-giix29b938] {
  color: var(--metin-ipucu);
}

.sinif-seviyeleri-vitrin .snf-olgu dd[b-giix29b938] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.sinif-seviyeleri-vitrin .snf-popup__eylem[b-giix29b938] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.sinif-seviyeleri-vitrin .snf-popup__eylem .au-btn--primary[b-giix29b938] {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve eylem sağa yaslı (≥1540 fareli) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .sinif-seviyeleri-vitrin .snf-kapak[b-giix29b938] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  .sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938] {
    justify-content: flex-end;
  }
}

/* MASAÜSTÜ ∧ ≤1539 (YENI-DIL §1.1): başlık üstte, süzgeç + eylem alt satırda (referans iki
   satır düzeni). 1024–1279 fareli alternatifler zaten 1539'un altında olduğu için üst sınır
   yalnız ≥1280 dalına yazılır; ≥1101 fareli genişliklerde çıktı aynı kalır (§1.3). */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .sinif-seviyeleri-vitrin .snf-kapak[b-giix29b938] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "suzgec suzgec eylem";
  }
}

/* ── TABLET (YENI-DIL §1.1) ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sinif-seviyeleri-vitrin .snf-kapak[b-giix29b938] {
    padding: 16px;
  }

  .sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938]  .app-input {
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .sinif-seviyeleri-vitrin .snf-kapak .au-btn[b-giix29b938] {
    min-height: 44px;
  }

  /* Taban kural (0,5,1) olduğu için dokunmatik hedefi de aynı zincirle yazılmalı;
     medya sorgusu özgüllük eklemez, düşük özgüllüklü 44 px uygulanmazdı. */
  .au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody .snf-detay-ac {
    min-height: 44px;
  }
}

/* ── TELEFON (YENI-DIL §1.1, §2.3, §7) ── */
@media (max-width: 640px) {
  .sinif-seviyeleri-vitrin .snf-kapak[b-giix29b938] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "suzgec suzgec"
      "eylem eylem";
    padding: 12px;
    row-gap: 12px;
  }

  .sinif-seviyeleri-vitrin .snf-kapak .au-title[b-giix29b938] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sinif-seviyeleri-vitrin .snf-kapak__alt[b-giix29b938] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938] {
    flex-direction: column;
    align-items: stretch;
  }

  .sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .sinif-seviyeleri-vitrin .snf-kapak__suzgec[b-giix29b938]  .app-input {
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .sinif-seviyeleri-vitrin .snf-kapak__eylem .au-btn[b-giix29b938] {
    flex: 1;
    min-height: 44px;
    justify-content: center;
  }

  .sinif-seviyeleri-vitrin .snf-kart[b-giix29b938] {
    padding: 16px 12px;
  }

  .sinif-seviyeleri-vitrin .snf-kart__baslik[b-giix29b938] {
    font-size: var(--yazi-bolum, 14px);
  }

  .au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-scroll {
    max-height: none;
    border: 0;
    border-radius: 0;
  }

  .sinif-seviyeleri-vitrin .snf-aciklama[b-giix29b938] {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-width: none;
  }

  /* Taban kural (0,5,1) olduğu için telefon hedefi de aynı zincirle yazılır. */
  .au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody .snf-detay-ac {
    min-height: 44px;
    width: 100%;
  }

  .sinif-seviyeleri-vitrin .snf-popup[b-giix29b938] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sinif-seviyeleri-vitrin .snf-popup__bas[b-giix29b938],
  .sinif-seviyeleri-vitrin .snf-popup__govde[b-giix29b938],
  .sinif-seviyeleri-vitrin .snf-popup__eylem[b-giix29b938] {
    padding: 12px;
  }

  .sinif-seviyeleri-vitrin .snf-popup__eylem .au-btn[b-giix29b938] {
    flex: 1 1 auto;
    min-height: 44px;
    justify-content: center;
  }

  .sinif-seviyeleri-vitrin .snf-olgu > div[b-giix29b938] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

/* Cihaz modunda katalog-vitrin satırları KARTA çevirir
   (body.edulive-cihaz … tbody tr → --ktl-kart-zemin = --yuzey, 4 px marka şeridi).
   Zebra şeridi orada hem anlamını yitiriyor hem de daha yüksek özgüllükte (0,5,2 > 0,4,3)
   kart yüzeyini eziyordu: her ikinci kart hafif mavi çıkıyordu. Kart modunda devre dışı. */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody tr:nth-child(even),
  .au-page.sinif-seviyeleri-vitrin[b-giix29b938]  .grid-table tbody tr:hover {
    background: var(--yuzey);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sinif-seviyeleri-vitrin .snf-kapak .au-btn[b-giix29b938],
  .sinif-seviyeleri-vitrin .snf-detay-ac[b-giix29b938] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Holidays/HolidaysList.razor.rz.scp.css */
/* AK-08 — Tatil takvimi, Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Kapsam yalnız bu sayfadır: katalog-vitrin.css'in eski düz lacivert tablo başlığı ve
   ayrı süzgeç satırı burada sayfa-scoped olarak son tasarıma çekilir. Ortak dosyalara
   dokunulmaz; bu yüzden seçiciler `.au-page.tt-vitrin` ile katalog kurallarının
   (0,3,x) özgüllüğünün üstüne çıkar. Yeni hex yok, !important yok, sabit spacer yok. */

/* ---------- Beyaz kapak: başlık + süzgeçler + ana eylem ---------- */
.tt-kapak[b-f7w27lby5n] {
    margin-bottom: 16px;
    padding: 16px var(--agv-kart-dolgu, 24px) 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 rgba(9, 26, 48, .04),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tt-kapak__ust[b-f7w27lby5n] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: center;
    gap: 14px 12px;
}

.tt-kapak[b-f7w27lby5n]  .au-breadcrumb--dugme { grid-area: geri; }
.tt-kapak__ad[b-f7w27lby5n] { grid-area: baslik; min-width: 0; }
.tt-kapak__eylem[b-f7w27lby5n] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.au-page.tt-vitrin .tt-baslik[b-f7w27lby5n] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

/* ---------- Süzgeç kuşağı (kapağın içinde, ikinci kart yok) ---------- */
/* Alanlar ÜSTTEN hizalanır: AppField ipucu/hatasını ("Yıllar yükleniyor…", aralık hatası) akışta çiziyor.
   flex-end mesajlı alanı komşulardan yukarı kaydırıyordu; position:absolute ise sarılan ikinci satırın üstüne binerdi. */
.tt-suzgec[b-f7w27lby5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.au-page.tt-vitrin .tt-suzgec[b-f7w27lby5n]  .app-field {
    flex: 0 1 176px;
    min-width: 0;
    max-width: 210px;
}

/* Arama alanı süzgeçlerden geniştir — genel kuralın üstünde kalması için bir sınıf fazla. */
.tt-ara[b-f7w27lby5n] { flex: 1 1 210px; min-width: 0; max-width: 280px; }
.au-page.tt-vitrin .tt-suzgec .tt-ara[b-f7w27lby5n]  .app-field { max-width: none; width: 100%; }

/* Etiket kutusunun yüksekliği sabitlenir (14px): `font` kısayolu line-height'ı
   `normal`a sıfırladığı için Sıfırla düğmesinin hizası deterministik olmuyordu. */
.au-page.tt-vitrin .tt-suzgec[b-f7w27lby5n]  .app-field__label {
    font: 700 10px/14px var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ikincil);
}

.au-page.tt-vitrin .tt-suzgec[b-f7w27lby5n]  .app-input {
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    font: 500 13px var(--font-body);
    color: var(--metin-murekkep);
}

.au-page.tt-vitrin .tt-suzgec[b-f7w27lby5n]  .app-input.app-date { padding-right: 38px; }

/* Kapak düğmeleri aynı taban çizgisinde (34 px). */
.au-page.tt-vitrin .tt-kapak .au-btn[b-f7w27lby5n] {
    min-height: 34px;
    height: 34px;
    padding: 0 13px;
    gap: 6px;
    border-radius: var(--kose-dugme);
    font: 600 12.5px var(--font-body);
}

.au-page.tt-vitrin .tt-kapak .au-btn:not(.au-btn--primary)[b-f7w27lby5n] {
    border: 1px solid var(--hat-girdi);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    box-shadow: none;
}

.au-page.tt-vitrin .tt-kapak .au-btn--primary[b-f7w27lby5n] {
    border: 1px solid var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
    box-shadow: none;
}

.au-page.tt-vitrin .tt-kapak .au-btn:disabled[b-f7w27lby5n] { opacity: .5; cursor: not-allowed; }
/* Satır artık üstten hizalı; düğme girdi taban çizgisine oturur:
   14px etiket + 7px AppField gap = 21px pay. */
.tt-sifirla[b-f7w27lby5n] { align-self: flex-start; margin-top: 21px; }
.tt-suzgec-ac[b-f7w27lby5n] { display: none; }

/* ---------- Sonuç / tarama uyarısı ---------- */
.tt-durum[b-f7w27lby5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 12px;
    margin: 0 0 12px;
    font: 500 12.5px var(--font-body);
    color: var(--metin-ikincil);
}

.tt-durum__uyari[b-f7w27lby5n] { color: var(--metin-ipucu); }

/* ---------- Tablo: 17 Eylül standardı (mavi–petrol geçişli başlık) ---------- */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* Eski düz şerit ve köşe üçgeni: renkli tablo başlığı artık o işi görüyor. */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-scroll::before,
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-scroll::after { content: none; }

/* Geçiş `thead` boyunca TEK PARÇA çizilir; th zeminleri şeffaftır
   (referans: akademik-analiz.md §Tablo görünümü). Yapışkan bir ilk sütun
   eklenmedi: opak hücre zemini geçişi düz lacivertle örter ve AnalizTablo da
   bu durumda başlığı tümden düz zemine düşürür. YENI-DIL §6.2 yapışık sütunu
   zaten CİHAZ için ister, orada satırlar katalog-vitrin ile karta dönüşüyor. */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
}

/* `border-collapse: collapse` altında yalnız thead'e yazılan yapışkanlık her
   motorda uygulanmaz; AnalizTablo da th'ye ayrıca yazar. */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table thead th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    border-bottom: 0;
    background: transparent;
    color: var(--on-brand);
    white-space: nowrap;
}

/* Taban bileşen dolguyu etikete koyuyor (AppDataGrid.razor.css `.grid-th-label`
   13×16); th'ye 10×13 yazınca ikisi toplanıp başlığı gövdeden ayırıyordu. */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table .grid-th-label {
    padding: 0;
    font: 700 11.5px var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--on-brand);
}

/* katalog-vitrin başlık köşesini 21 px yuvarlıyor; kabın üst köşesi 3 px
   (--kose-bolum) olduğu için geçişin sağ üstü kırpılmış görünüyordu. */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table thead th:first-child { border-top-left-radius: 2px; }
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table thead th:last-child { border-top-right-radius: 3px; }

.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody td {
    padding: 10px 13px;
    border-bottom: 1px solid color-mix(in srgb, var(--marka-500) 12%, transparent);
    font: 400 13px var(--font-body);
    color: var(--metin-murekkep);
    vertical-align: top;
}

/* Çift satır ve üzerine gelme AnalizTablo ile aynı karışımlardan gelir; zemin
   `td` yerine `tr`de durur, aksi halde hücre zemini satır vurgusunu örtüyordu. */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody tr:hover {
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

/* Satır tıklanabilir (tabindex=0); taban bileşende görünür klavye odağı yok. */
.au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody tr:focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: -2px;
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.au-page.tt-vitrin[b-f7w27lby5n]  .hl-link {
    display: block;
    font-weight: 700;
    color: var(--marka-600);
    text-decoration: none;
}

.au-page.tt-vitrin[b-f7w27lby5n]  .hl-link:hover { text-decoration: underline; }

.au-page.tt-vitrin[b-f7w27lby5n]  .tt-aciklama {
    display: block;
    margin-top: 2px;
    max-width: 320px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--metin-ipucu);
}

.au-page.tt-vitrin[b-f7w27lby5n]  .tt-tarih { display: block; font-variant-numeric: tabular-nums; }
.au-page.tt-vitrin[b-f7w27lby5n]  .tt-gun { display: block; margin-top: 2px; font-size: 12px; color: var(--metin-ipucu); }

/* Kapsam rozetleri: üç durum (kapalı / açık / kurum belirtmedi). */
.au-page.tt-vitrin[b-f7w27lby5n]  .tt-kapsam {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    font: 700 11.5px var(--font-body);
    white-space: nowrap;
}

.au-page.tt-vitrin[b-f7w27lby5n]  .tt-kapsam::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.au-page.tt-vitrin[b-f7w27lby5n]  .tt-kapsam--kapali {
    color: var(--marka-600);
    border-color: color-mix(in srgb, var(--marka-600) 30%, transparent);
    background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
}

.au-page.tt-vitrin[b-f7w27lby5n]  .tt-kapsam--acik {
    color: var(--basari-metin);
    border-color: var(--basari);
    background: var(--yuzey);
}

.au-page.tt-vitrin[b-f7w27lby5n]  .tt-kapsam--belirsiz {
    color: var(--metin-ipucu);
    border-color: var(--hat-kart);
    background: var(--yuzey);
}

/* ---------- Boş durum ---------- */
.tt-bos[b-f7w27lby5n] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 28px 24px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

.tt-bos__b[b-f7w27lby5n] { margin: 0; font: 700 15px var(--font-display); color: var(--metin-murekkep); }
.tt-bos__m[b-f7w27lby5n] { margin: 0; max-width: 56ch; font: 400 13px/1.55 var(--font-body); color: var(--metin-ikincil); }

.au-page.tt-vitrin .tt-bos .au-btn[b-f7w27lby5n] {
    min-height: 34px;
    border-radius: var(--kose-dugme);
    font: 600 12.5px var(--font-body);
}

/* ---------- Detay popup (native dialog, üst katman) ----------
   Yapı OptikPopup ile aynı: kapalıyken tarayıcı `display:none` verir, açıkken
   esnek sütun olur; böylece başlık ve eylemler her zaman görünür kalır, yalnız
   gövde kayar (sabit piksel tahmini yok). Arka plan kaydırma kilidi `.razor.js`
   içindedir: kapsamlı CSS `body`ye kural yazamaz. */
.tt-popup[b-f7w27lby5n] {
    width: min(560px, calc(100vw - 48px));
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    overflow: hidden;
}

.tt-popup[b-f7w27lby5n]::backdrop { background: var(--scrim); }
.tt-popup[open][b-f7w27lby5n] { display: flex; flex-direction: column; }

/* Beyaz başlık + 5 px marka şeridi (popup dili OptikPopup'tan gelir); geçiş
   tablo başlığının işaretidir, iki geçişli şeridi aynı ekrana koyma. */
.tt-popup__bas[b-f7w27lby5n] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 16px 14px;
    border-bottom: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

.tt-popup__bas[b-f7w27lby5n]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: var(--marka-rampa-serit);
}

.tt-popup__bas h2[b-f7w27lby5n] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font: 700 20px/1.2 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.au-page.tt-vitrin .tt-popup__bas h2:focus[b-f7w27lby5n] { outline: none; }

.au-page.tt-vitrin .tt-popup__kapat[b-f7w27lby5n] {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 22px;
    line-height: 1;
}

.tt-popup__govde[b-f7w27lby5n] {
    flex: 0 1 auto;
    min-height: 0;
    padding: 16px;
    overflow: auto;
    overscroll-behavior: contain;
}

.tt-olgu[b-f7w27lby5n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    margin: 0;
}

.tt-olgu__genis[b-f7w27lby5n] { grid-column: 1 / -1; }

.tt-olgu dt[b-f7w27lby5n] {
    margin: 0 0 3px;
    font: 700 10px var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.tt-olgu dd[b-f7w27lby5n] {
    margin: 0;
    font: 400 13px/1.5 var(--font-body);
    color: var(--metin-murekkep);
    overflow-wrap: anywhere;
}

.tt-popup__eylem[b-f7w27lby5n] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding: 12px 16px;
    border-top: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

.au-page.tt-vitrin .tt-popup__eylem .au-btn[b-f7w27lby5n] {
    min-height: 34px;
    border-radius: var(--kose-dugme);
    font: 600 12.5px var(--font-body);
}

.au-page.tt-vitrin .tt-popup__eylem .au-btn:not(.au-btn--primary)[b-f7w27lby5n] {
    border: 1px solid var(--hat-girdi);
    background: var(--yuzey);
    color: var(--metin-ikincil);
}

.au-page.tt-vitrin .tt-popup__eylem .au-btn--primary[b-f7w27lby5n] {
    border: 1px solid var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

/* ---------- TABLET (YENI-DIL §1.1) ---------- */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .tt-kapak__ust[b-f7w27lby5n] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem";
    }

    .tt-kapak__eylem[b-f7w27lby5n] { justify-content: flex-start; }
}

/* ---------- CİHAZ: satır kartı modunda tablo kaydırması kapanır ---------- */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    body.edulive-cihaz .au-page.tt-vitrin[b-f7w27lby5n]  .grid-scroll {
        max-height: none;
        overflow: visible;
        border: 0;
        background: none;
    }

    /* cihaz.css başlığı zaten gizliyor; yapışkanlık da burada anlamsız. */
    body.edulive-cihaz .au-page.tt-vitrin[b-f7w27lby5n]  .grid-table thead { position: static; background: none; }

    /* Satır kartının üst şeridi de son tasarımın geçişini kullanır. */
    body.edulive-cihaz .au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody tr::before {
        background: var(--marka-rampa-serit);
    }

    /* Satır artık KART: çift satır tonu ve üzerine gelme vurgusu kart zeminini
       (katalog-vitrin `--ktl-kart-zemin`, değeri `--yuzey`) ezmemeli. */
    body.edulive-cihaz .au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody tr:nth-child(even),
    body.edulive-cihaz .au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody tr:hover,
    body.edulive-cihaz .au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody tr:focus-visible {
        background: var(--yuzey);
    }

    /* Masaüstü hücre ölçüleri kart dilini bozuyordu: cihaz.css `5px 0` dolgu,
       etiket+değer ızgarası ve ≥14 px punto geri verilir. */
    body.edulive-cihaz .au-page.tt-vitrin[b-f7w27lby5n]  .grid-table tbody td {
        padding: 5px 0;
        border-bottom: 0;
        background: none;
        font: inherit;
        color: var(--metin-murekkep);
        vertical-align: baseline;
    }
}

/* ---------- TELEFON (YENI-DIL §1.1, §2.3, §7) ---------- */
@media (max-width: 640px) {
    .tt-kapak[b-f7w27lby5n] { padding: 14px 14px 16px; }

    .tt-kapak__ust[b-f7w27lby5n] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem";
        gap: 10px;
    }

    .au-page.tt-vitrin .tt-baslik[b-f7w27lby5n] { font-size: var(--yazi-kapak, 20px); }

    /* Eylemler başlığın altında tek satır, içerik genişliğinde. */
    .tt-kapak__eylem[b-f7w27lby5n] { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
    .au-page.tt-vitrin .tt-kapak__eylem .au-btn[b-f7w27lby5n] { flex: 0 0 auto; }

    .tt-suzgec-ac[b-f7w27lby5n] { display: inline-flex; }
    .tt-suzgec--kapali[b-f7w27lby5n] { display: none; }
    .tt-suzgec--acik[b-f7w27lby5n] { flex-direction: column; align-items: stretch; }
    /* Sütun düzeninde çapraz eksen yataydır; 21px'lik hiza payı ve flex-start
       düğmeyi daraltıp yanlış boşluk bırakır. */
    .tt-sifirla[b-f7w27lby5n] { align-self: stretch; margin-top: 0; }

    .au-page.tt-vitrin .tt-suzgec[b-f7w27lby5n]  .app-field { flex: 1 1 auto; max-width: none; }
    .au-page.tt-vitrin .tt-suzgec .tt-ara[b-f7w27lby5n]  .app-field { max-width: none; }
    .tt-ara[b-f7w27lby5n] { flex: 1 1 auto; max-width: none; }

    .tt-olgu[b-f7w27lby5n] { grid-template-columns: 1fr; }
    .tt-popup[b-f7w27lby5n] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .tt-popup__bas h2[b-f7w27lby5n] { font-size: 18px; }
    .tt-bos[b-f7w27lby5n] { padding: 22px 16px; }
}

/* ---------- DOKUNMATİK: hedef ≥44, girdi ≥16 px (YENI-DIL K4/Y5) ---------- */
@media (pointer: coarse) {
    .au-page.tt-vitrin .tt-kapak .au-btn[b-f7w27lby5n],
    .au-page.tt-vitrin .tt-bos .au-btn[b-f7w27lby5n],
    .au-page.tt-vitrin .tt-popup__eylem .au-btn[b-f7w27lby5n] { min-height: 44px; height: auto; }

    .au-page.tt-vitrin .tt-popup__kapat[b-f7w27lby5n] {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        min-height: 44px;
    }

    .au-page.tt-vitrin .tt-suzgec[b-f7w27lby5n]  .app-input {
        height: 44px;
        min-height: 44px;
        font-size: max(16px, 1rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .au-page.tt-vitrin .tt-kapak .au-btn[b-f7w27lby5n] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Holidays/TatilFormKabugu.razor.rz.scp.css */
/* AK-08 — tatil form kabuğu: yalnız Akademik Analiz kapak farkı.
   Kart/alan/düğme ölçüleri form-vitrin.css'te kalır; burada başlık şeridi beyaz 23 px
   kapağa çekilir ve cihaz kırılımları YENI-DIL §1.1/§2.3/§7 metinleriyle yazılır.
   `.au-page.tf-vitrin …` seçicileri form-vitrin'in (0,3,x) kurallarının üstündedir.
   Yeni hex yok, !important yok, sabit spacer yok.

   Gölge, referanstaki `--agv-kart-golge` değeridir (akademik-analiz.md "Kapak gölgesi");
   o token yalnız `.analiz-genel-vitrin` kapsamında tanımlı olduğu için değeri burada
   yazılır — katalog/form vitrinleri de aynı rgba tabanını böyle taşıyor. */

.au-page.tf-vitrin .tf-kapak[b-uszembvi2u] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 rgba(9, 26, 48, .04),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tf-kapak__ad[b-uszembvi2u] { min-width: 0; }

.au-page.tf-vitrin .tf-baslik[b-uszembvi2u] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.au-page.tf-vitrin .tf-alt[b-uszembvi2u] {
    margin: 4px 0 0;
    font: 400 12.5px/1.5 var(--font-body);
    color: var(--metin-ikincil);
}

/* Hata şeridi kapağın hemen altında durur; kartla arasında tek boşluk kalır. */
.au-page.tf-vitrin[b-uszembvi2u]  .au-banner { margin-bottom: 16px; }

/* ---------- TABLET (YENI-DIL §1.1) ---------- */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .au-page.tf-vitrin .tf-kapak[b-uszembvi2u] { padding: 14px 18px 16px; }
}

/* ---------- TELEFON (YENI-DIL §1.1, §2.3, §7) ---------- */
@media (max-width: 640px) {
    .au-page.tf-vitrin .tf-kapak[b-uszembvi2u] {
        gap: 10px;
        padding: 14px 14px 16px;
    }

    .au-page.tf-vitrin .tf-baslik[b-uszembvi2u] { font-size: var(--yazi-kapak, 20px); }
    .au-page.tf-vitrin .tf-alt[b-uszembvi2u] { font-size: var(--yazi-kucuk, 12px); }

    /* Form yerleşimi burada EZİLMEZ: `.frm-satir` yalnız masaüstü bandında grid
       olur ve `form-vitrin.css:925` telefonda `.au-form-grid`i zaten tek sütuna
       indirir — kopyalanırsa iki yerde duran ölü kural olur. */
}

/* ---------- DOKUNMATİK: hedef ≥44 (YENI-DIL K4) ---------- */
@media (pointer: coarse) {
    /* Geri düğmesinin dokunma alanı `admin-users.css:723` içindeki 44×44 `::after`
       ile zaten sağlanır; görsel kutuyu büyütmek 30 px'lik geri sütununu taşırır. */

    /* cihaz.css:154 aynı kuralı `body.edulive-cihaz` bandında yazar; bu satır
       yalnız o bandın dışında kalan ≥1280 px dokunmatik için tabanı korur. */
    .au-page.tf-vitrin[b-uszembvi2u]  .app-field .app-input { font-size: max(16px, 1rem); }

    .au-page.tf-vitrin[b-uszembvi2u]  .au-form-actions .au-btn,
    .au-page.tf-vitrin[b-uszembvi2u]  .au-danger-zone .au-btn { min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Lessons/LessonCreate.razor.rz.scp.css */
/* Yeni ders tanımı — Akademik Analiz kapak ölçüleri, yalnız bu sayfa.
   Sihirbaz kartı, adım şeridi, girdi görünümü ve `frm-gelismis` katlanır bölümü
   global `sihirbaz-vitrin.css`ten gelir (355-410 + cihaz bantları). Burada yalnız
   başlık satırını beyaz kapağa çeviren kurallar var.
   Yeni hex YOK, !important YOK.
   (2026-09-20: kullanılmayan `.lc-advanced*` kuralları kaldırıldı — razor `frm-gelismis` kullanıyor.) */

/* ── Kapak: başlık satırı kendi tam genişlikli beyaz yüzeyinde ───── */
.au-page.sihirbaz-vitrin.lsf-vitrin > .au-head.lsf-kapak[b-8ereajsqvt] {
  flex: 1 1 100%;
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.sihirbaz-vitrin.lsf-vitrin .lsf-kapak__baslik[b-8ereajsqvt] {
  min-width: 0;
}

.au-page.sihirbaz-vitrin.lsf-vitrin .lsf-kapak .au-title[b-8ereajsqvt] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  white-space: normal;
  overflow-wrap: anywhere;
}

.au-page.sihirbaz-vitrin.lsf-vitrin .lsf-alt[b-8ereajsqvt] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* `frm-gelismis` kuralları BİLEREK yok: `sihirbaz-vitrin.css` onu zaten tam
   olarak biçimlendiriyor (üçgen clip-path işaret, Exo 2 büyük harf başlık,
   `[open]` rengi + cihaz bantları). Burada tekrar yazmak ortak dili bu tek
   sayfada bozardı; eksik olan tek şey klavye odağı çizgisiydi. */
.au-page.sihirbaz-vitrin.lsf-vitrin .frm-gelismis__b:focus-visible[b-8ereajsqvt] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.sihirbaz-vitrin.lsf-vitrin > .au-head.lsf-kapak[b-8ereajsqvt] {
    padding: 16px;
  }

  /* Yalnız dokunma hedefi; düzen/tipografi global kuralda (display:flex zaten orada). */
  .au-page.sihirbaz-vitrin.lsf-vitrin .frm-gelismis__b[b-8ereajsqvt] {
    min-height: 44px;
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.sihirbaz-vitrin.lsf-vitrin > .au-head.lsf-kapak[b-8ereajsqvt] {
    gap: 10px;
    padding: 12px;
  }

  .au-page.sihirbaz-vitrin.lsf-vitrin .lsf-kapak .au-title[b-8ereajsqvt] {
    font-size: var(--yazi-kapak, 20px);
  }

  .au-page.sihirbaz-vitrin.lsf-vitrin .lsf-alt[b-8ereajsqvt] {
    font-size: var(--yazi-kucuk, 12px);
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Lessons/LessonEdit.razor.rz.scp.css */
/* Ders tanımını düzenle — Akademik Analiz kapak ölçüleri ve silme popup'ı, yalnız bu sayfa.
   Form kartı / alan ızgarası / katlanır bölüm / tehlikeli bölge global `form-vitrin.css`ten gelir.
   Yeni hex YOK, !important YOK.
   (2026-09-20: kullanılmayan `.le-advanced*` kuralları kaldırıldı — razor `frm-gelismis` kullanıyor.) */

.au-page.form-vitrin.lsf-vitrin .lsf-kapak[b-yofmi6tblo] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.form-vitrin.lsf-vitrin .lsf-kapak__geri[b-yofmi6tblo] {
  grid-area: geri;
  display: flex;
  align-items: center;
}

.au-page.form-vitrin.lsf-vitrin .lsf-kapak__baslik[b-yofmi6tblo] {
  grid-area: baslik;
  min-width: 0;
}

.au-page.form-vitrin.lsf-vitrin .lsf-kapak .au-title[b-yofmi6tblo] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

/* Kaydın özeti: kod · alan · seviye (hepsi yüklenen kayıttan). */
.au-page.form-vitrin.lsf-vitrin .lsf-ozet[b-yofmi6tblo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.au-page.form-vitrin.lsf-vitrin .lsf-kod[b-yofmi6tblo] {
  padding: 3px 8px;
  border-radius: 3px 8px 8px 8px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.au-page.form-vitrin.lsf-vitrin .au-banner[b-yofmi6tblo] {
  margin-bottom: 16px;
}

.au-page.form-vitrin.lsf-vitrin .au-btn:focus-visible[b-yofmi6tblo] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Silme popup'ı: native top layer, başlık ve eylemler sabit ────── */
.au-page.form-vitrin.lsf-vitrin .lsf-popup[b-yofmi6tblo] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup--dar[b-yofmi6tblo] {
  width: min(520px, calc(100vw - 48px));
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup[open][b-yofmi6tblo] {
  display: flex;
  flex-direction: column;
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup[b-yofmi6tblo]::backdrop {
  background: var(--scrim);
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__bas[b-yofmi6tblo] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__bas h2[b-yofmi6tblo] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__bas h2:focus[b-yofmi6tblo] {
  outline: none;
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__kapat[b-yofmi6tblo] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 20px;
  line-height: 1;
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__govde[b-yofmi6tblo] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  font-size: 13px;
  line-height: 1.6;
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__govde p[b-yofmi6tblo] {
  margin: 0;
  color: var(--metin-ikincil);
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__govde .au-banner[b-yofmi6tblo] {
  margin: 12px 0 0;
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__eylem[b-yofmi6tblo] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__eylem .au-btn[b-yofmi6tblo] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

/* Yıkıcı eylem kırmızı kalmalı: yukarıdaki nötr kural 4 sınıflık, global
   `.au-btn--danger` tek sınıflık — onay penceresinde "Evet, sil" ile "Vazgeç"
   birbirinin aynısı görünüyordu. Aynı global token'lar yeniden kullanılır. */
.au-page.form-vitrin.lsf-vitrin .lsf-popup__eylem .au-btn--danger[b-yofmi6tblo] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
}

.au-page.form-vitrin.lsf-vitrin .lsf-popup__eylem .au-btn--danger:hover:not(:disabled)[b-yofmi6tblo] {
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.form-vitrin.lsf-vitrin .lsf-kapak[b-yofmi6tblo] {
    padding: 16px;
  }

  .au-page.form-vitrin.lsf-vitrin .au-btn[b-yofmi6tblo] {
    min-height: 44px;
  }

  .au-page.form-vitrin.lsf-vitrin .lsf-popup__kapat[b-yofmi6tblo] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    font-size: 24px;
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.form-vitrin.lsf-vitrin .lsf-kapak[b-yofmi6tblo] {
    gap: 10px;
    padding: 12px;
  }

  .au-page.form-vitrin.lsf-vitrin .lsf-kapak .au-title[b-yofmi6tblo] {
    font-size: var(--yazi-kapak, 20px);
  }

  .au-page.form-vitrin.lsf-vitrin .lsf-ozet[b-yofmi6tblo] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .au-page.form-vitrin.lsf-vitrin .au-form-actions .au-btn[b-yofmi6tblo] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.form-vitrin.lsf-vitrin .lsf-popup[b-yofmi6tblo] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .au-page.form-vitrin.lsf-vitrin .lsf-popup__bas[b-yofmi6tblo],
  .au-page.form-vitrin.lsf-vitrin .lsf-popup__govde[b-yofmi6tblo],
  .au-page.form-vitrin.lsf-vitrin .lsf-popup__eylem[b-yofmi6tblo] {
    padding: 12px;
  }

  .au-page.form-vitrin.lsf-vitrin .lsf-popup__eylem .au-btn[b-yofmi6tblo] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Lessons/LessonsList.razor.rz.scp.css */
/* Ders tanımları — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Taban görünüm global `katalog-vitrin.css`ten gelir; burada yeni dile taşıyan farklar:
   tek beyaz kapak (23 px h1), mavi–petrol tablo başlığı, sınırlı alanda kayan tablo,
   ayrıntı ve global-katalog popup'ları. Yeni hex YOK, !important YOK.
   Seçiciler `.au-page.katalog-vitrin.ls-vitrin` ile başlar: global dosyadaki
   `.au-page.katalog-vitrin …` kuralları üç sınıflık, buradakiler dört sınıflık. */

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms] {
  /* Kart üst şeridi: kartın marka geçişi (Akademik Analiz kart şeridi). */
  --ktl-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylemler tek beyaz yüzeyde ───── */
.au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri   baslik"
    "filtre filtre"
    "eylem  eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak__geri[b-c1080lqyms] {
  grid-area: geri;
  display: flex;
  align-items: center;
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak__baslik[b-c1080lqyms] {
  grid-area: baslik;
  min-width: 0;
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-title[b-c1080lqyms] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-sub[b-c1080lqyms] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.au-page.katalog-vitrin.ls-vitrin .ls-suzgec[b-c1080lqyms] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.au-page.katalog-vitrin.ls-vitrin .ls-suzgec > *[b-c1080lqyms] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.au-page.katalog-vitrin.ls-vitrin .ls-suzgec > .au-arama[b-c1080lqyms] {
  flex: 1 1 200px;
  max-width: 280px;
}

.au-page.katalog-vitrin.ls-vitrin .ls-eylem[b-c1080lqyms] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Kapak kontrolleri: 34 px taban çizgisi (referans ölçüsü). */
.au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-head__actions .au-btn[b-c1080lqyms] {
  height: 34px;
  min-height: 34px;
  padding: 0 14px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-head__actions .au-btn--primary[b-c1080lqyms] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-head__actions .au-btn:hover[b-c1080lqyms] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-head__actions .au-btn--primary:hover[b-c1080lqyms] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

/* ── Tablo: mavi–petrol başlık (tek parça), sınırlı alanda kaydırma ── */
.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 22px 22px 22px;
}

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-scroll::before,
.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-scroll::after {
  content: none;
}

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table thead th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
}

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table .grid-th-label,
.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table .grid-sort {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table tbody td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* ── Hücre içerikleri ─────────────────────────────────────────────── */
.ls-link[b-c1080lqyms] {
  font-weight: 700;
  color: var(--marka-500);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.ls-link:hover[b-c1080lqyms] {
  color: var(--marka-600);
  text-decoration: underline;
}

.ls-code[b-c1080lqyms] {
  margin-left: 8px;
  font-size: 11.5px;
}

.ls-yas[b-c1080lqyms] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ls-satir-eylem[b-c1080lqyms] {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.au-page.katalog-vitrin.ls-vitrin .ls-satir-eylem .au-btn--sm[b-c1080lqyms] {
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.au-page.katalog-vitrin.ls-vitrin .ls-satir-eylem .au-btn--sm:hover[b-c1080lqyms] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

/* ── Popup kabuğu (ayrıntı + global katalog) ──────────────────────── */
.au-page.katalog-vitrin.ls-vitrin .ls-popup[b-c1080lqyms] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup--genis[b-c1080lqyms] {
  width: min(960px, calc(100vw - 48px));
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup[open][b-c1080lqyms] {
  display: flex;
  flex-direction: column;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup[b-c1080lqyms]::backdrop {
  background: var(--scrim);
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__bas[b-c1080lqyms] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__bas h2[b-c1080lqyms] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__bas h2:focus[b-c1080lqyms] {
  outline: none;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__kapat[b-c1080lqyms] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 20px;
  line-height: 1;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__govde[b-c1080lqyms] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__eylem[b-c1080lqyms] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__eylem .au-btn[b-c1080lqyms] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup__eylem .au-btn--primary[b-c1080lqyms] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

/* ── Ayrıntı popup'ı: olgu listesi ────────────────────────────────── */
.au-page.katalog-vitrin.ls-vitrin .ls-olgular[b-c1080lqyms] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.au-page.katalog-vitrin.ls-vitrin .ls-olgular > div[b-c1080lqyms] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.au-page.katalog-vitrin.ls-vitrin .ls-olgular > div:nth-child(odd)[b-c1080lqyms] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.katalog-vitrin.ls-vitrin .ls-olgular dt[b-c1080lqyms] {
  color: var(--n-500);
}

.au-page.katalog-vitrin.ls-vitrin .ls-olgular dd[b-c1080lqyms] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Global katalog popup'ı ───────────────────────────────────────── */
.au-page.katalog-vitrin.ls-vitrin .ls-global__not[b-c1080lqyms] {
  margin: 0 0 14px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__not a[b-c1080lqyms] {
  color: var(--marka-700);
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__suzgec[b-c1080lqyms] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 14px;
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__suzgec > *[b-c1080lqyms] {
  flex: 1 1 200px;
  min-width: 0;
}

.au-page.katalog-vitrin.ls-vitrin .ls-popup[b-c1080lqyms]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.au-page.katalog-vitrin.ls-vitrin .ls-gizli-metin[b-c1080lqyms] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Sonuç tablosu kendi kabında kayar; başlık üstte sabit. */
.au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir[b-c1080lqyms] {
  max-height: min(420px, 46dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI: `cihaz.css` telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto; max-width:100% }` yazar
   (sarmalayıcısı olmayan tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada zararlı: `display:block` sticky thead'i bozar ve ikinci bir kaydırıcı açar. */
.au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table[b-c1080lqyms] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 720px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table thead[b-c1080lqyms] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table th[b-c1080lqyms] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: start;
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table td[b-c1080lqyms] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table tbody tr:nth-child(even) td[b-c1080lqyms] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__ad[b-c1080lqyms] {
  min-width: 160px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__act[b-c1080lqyms] {
  width: 1%;
  text-align: end;
  white-space: nowrap;
}

.au-page.katalog-vitrin.ls-vitrin .ls-global__act .au-btn--sm[b-c1080lqyms] {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12px;
  font-weight: 600;
}

.au-page.katalog-vitrin.ls-vitrin :is(.au-btn, .ls-link, .ls-global__kaydir):focus-visible[b-c1080lqyms] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ (YENI-DIL §1.1) ─────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri   baslik baslik"
      "filtre filtre eylem";
    row-gap: 14px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-eylem[b-c1080lqyms] {
    justify-self: end;
    align-self: end;
  }
}

/* Geniş masaüstü: tek satır (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
     çocukların İÇERİK genişliğinden hesaplanır (flex tabanı sayılmaz) → alanlar alt alta
     yığılıyordu. Kap gerilir, sağa yaslama flex ekseninde yapılır. */
  .au-page.katalog-vitrin.ls-vitrin .ls-suzgec[b-c1080lqyms] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms] {
    padding: 16px;
  }

  /* Satırlar bu bantta kart düzenine geçer (cihaz.css data-etiket) —
     kaydırma kabı ve yapışık başlık burada uygulanmaz. */
  .au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-scroll {
    max-height: none;
    overflow: visible;
  }

  .au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table thead {
    position: static;
  }

  .au-page.katalog-vitrin.ls-vitrin[b-c1080lqyms]  .grid-table tbody td {
    background: none;
  }

  .au-page.katalog-vitrin.ls-vitrin :is(.au-btn, .ls-popup__kapat)[b-c1080lqyms] {
    min-height: 44px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-popup__kapat[b-c1080lqyms] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-satir-eylem .au-btn--sm[b-c1080lqyms],
  .au-page.katalog-vitrin.ls-vitrin .ls-global__act .au-btn--sm[b-c1080lqyms] {
    height: 44px;
    min-height: 44px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms]  .app-field .app-input,
  .au-page.katalog-vitrin.ls-vitrin .ls-popup[b-c1080lqyms]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* Global katalogda ilk anlamlı sütun (Ders) yatay kaydırmada yapışık kalır. */
  .au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table :is(th, td):nth-child(2)[b-c1080lqyms] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table th:nth-child(2)[b-c1080lqyms] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms]  .app-field .app-input,
  .au-page.katalog-vitrin.ls-vitrin .ls-popup[b-c1080lqyms]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.katalog-vitrin.ls-vitrin .ls-kapak[b-c1080lqyms] {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-title[b-c1080lqyms] {
    font-size: var(--yazi-kapak, 20px);
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-kapak .au-sub[b-c1080lqyms] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-suzgec[b-c1080lqyms],
  .au-page.katalog-vitrin.ls-vitrin .ls-global__suzgec[b-c1080lqyms] {
    flex-direction: column;
    align-items: stretch;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-suzgec > *[b-c1080lqyms],
  .au-page.katalog-vitrin.ls-vitrin .ls-suzgec > .au-arama[b-c1080lqyms],
  .au-page.katalog-vitrin.ls-vitrin .ls-global__suzgec > *[b-c1080lqyms] {
    flex: 1 1 auto;
    max-width: none;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-eylem[b-c1080lqyms] {
    width: 100%;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-eylem .au-btn[b-c1080lqyms] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-satir-eylem[b-c1080lqyms] {
    justify-content: flex-start;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-popup[b-c1080lqyms],
  .au-page.katalog-vitrin.ls-vitrin .ls-popup--genis[b-c1080lqyms] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-popup__bas[b-c1080lqyms],
  .au-page.katalog-vitrin.ls-vitrin .ls-popup__govde[b-c1080lqyms],
  .au-page.katalog-vitrin.ls-vitrin .ls-popup__eylem[b-c1080lqyms] {
    padding: 12px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-popup__eylem .au-btn[b-c1080lqyms] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-olgular > div[b-c1080lqyms] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir[b-c1080lqyms] {
    max-height: min(360px, 50dvh);
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table[b-c1080lqyms] {
    min-width: 620px;
  }

  .au-page.katalog-vitrin.ls-vitrin .ls-global__kaydir .au-result-table :is(th, td)[b-c1080lqyms] {
    padding: 10px;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/SchedulingReadiness.razor.rz.scp.css */
/* FAZ 3.2 G2 — planlama hazırlığı. 2026-09-20'de Akademik Analiz görsel diline geçirildi.
   Yalnız var(--*) token; ortak hazirlik-vitrin.css'e dokunulmaz, kurallar scoped CSS ile
   daha yüksek özgüllükte yazılır (scoped demet App.razor'da vitrinden ÖNCE yüklenir). */

/* ───────────── Kapak ───────────── */
.plh-vitrin .plh-kapak[b-voqsl8pui1] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.plh-vitrin .plh-kapak__geri[b-voqsl8pui1] { grid-area: geri; display: flex; align-items: center; }
.plh-vitrin .plh-kapak__baslik[b-voqsl8pui1] { grid-area: baslik; min-width: 0; }
.plh-vitrin .plh-kapak__suzgec[b-voqsl8pui1] { grid-area: suzgec; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.plh-vitrin .plh-kapak__eylem[b-voqsl8pui1] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.plh-vitrin .plh-kapak__baslik .au-title[b-voqsl8pui1] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.plh-vitrin .plh-kapak__baslik .au-sub[b-voqsl8pui1] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.plh-vitrin .plh-alan[b-voqsl8pui1] { flex: 0 1 210px; min-width: 0; max-width: 260px; }

.plh-vitrin .plh-alan[b-voqsl8pui1]  .app-field { gap: 4px; }

.plh-vitrin .plh-alan[b-voqsl8pui1]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.plh-vitrin .plh-alan[b-voqsl8pui1]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.plh-vitrin .plh-alan[b-voqsl8pui1]  .app-select__caret { color: var(--marka-600); opacity: 1; }
.plh-vitrin .plh-alan[b-voqsl8pui1]  .app-select__value.is-empty { color: var(--metin-ipucu); }

/* ───────────── Düğmeler ───────────── */
.plh-vitrin .plh-dugme[b-voqsl8pui1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.plh-vitrin .plh-dugme:hover:not(:disabled)[b-voqsl8pui1] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.plh-vitrin .plh-dugme:focus-visible[b-voqsl8pui1] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.plh-vitrin .plh-dugme--birincil[b-voqsl8pui1] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.plh-vitrin .plh-dugme--birincil:hover:not(:disabled)[b-voqsl8pui1] { border-color: var(--marka-500); background: var(--marka-500); }

/* ───────────── Dönem künyesi ───────────── */
.plh-vitrin .plh-kunye[b-voqsl8pui1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.plh-vitrin .plh-kunye__ad[b-voqsl8pui1] {
  font: 700 15px/1.3 var(--font-display);
  letter-spacing: -.012em;
  color: var(--marka-700);
}

.plh-vitrin .plh-kunye__oge[b-voqsl8pui1] {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--radius-pill);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
}

/* ───────────── Ölçü şeridi: tek birleşik yüzey ───────────── */
.plh-vitrin .plh-kpi[b-voqsl8pui1] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.plh-vitrin .plh-kpi__hucre[b-voqsl8pui1] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-inline-end: 1px solid var(--hat-kart);
  border-block-start: 1px solid var(--hat-kart);
}

.plh-vitrin .plh-kpi__bant[b-voqsl8pui1] {
  display: block;
  height: 30px;
  margin: 0 -16px 7px;
  background: var(--marka-600);
}

.plh-vitrin .plh-kpi__hucre--eksik .plh-kpi__bant[b-voqsl8pui1] { background: var(--amber-500); }
.plh-vitrin .plh-kpi__hucre--eksik .plh-kpi__deger[b-voqsl8pui1] { color: var(--amber-600); }

.plh-vitrin .plh-kpi__deger[b-voqsl8pui1] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.plh-vitrin .plh-kpi__etiket[b-voqsl8pui1] {
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ───────────── Bölüm sekmeleri ───────────── */
.plh-vitrin .plh-sekmeler[b-voqsl8pui1] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.plh-vitrin .plh-sekme[b-voqsl8pui1] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.plh-vitrin .plh-sekmeler .plh-sekme:hover[b-voqsl8pui1] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.plh-vitrin .plh-sekmeler .plh-sekme[aria-selected="true"][b-voqsl8pui1] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.plh-vitrin .plh-sekme:focus-visible[b-voqsl8pui1],
.plh-vitrin .plh-panel:focus-visible[b-voqsl8pui1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.plh-vitrin .plh-panel[b-voqsl8pui1] { min-width: 0; display: flex; flex-direction: column; gap: 16px; }

/* ───────────── Bölüm kartı ───────────── */
.plh-vitrin .plh-kart[b-voqsl8pui1] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: hidden;
}

.plh-vitrin .plh-kart[b-voqsl8pui1]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.plh-vitrin .plh-kart__baslik[b-voqsl8pui1] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.plh-vitrin .plh-kart__baslik[b-voqsl8pui1]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.plh-vitrin .plh-live[b-voqsl8pui1] { margin-bottom: 14px; }
.plh-vitrin .plh-serit[b-voqsl8pui1] { align-items: flex-start; margin-bottom: 0; border-radius: 3px 14px 14px 14px; }
.plh-vitrin .plh-bos-metin[b-voqsl8pui1] { margin: 0; color: var(--metin-ipucu); font-size: 12.5px; line-height: 1.6; }

.plh-vitrin .plh-bos[b-voqsl8pui1] {
  padding: 32px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
}

/* ───────────── Özet olguları ───────────── */
.plh-vitrin .plh-olgular[b-voqsl8pui1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 14px;
}

.plh-vitrin .plh-olgular > div[b-voqsl8pui1] {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) auto;
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.plh-vitrin .plh-olgular > div:nth-child(odd)[b-voqsl8pui1] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.plh-vitrin .plh-olgular dt[b-voqsl8pui1] { color: var(--metin-ikincil); }
.plh-vitrin .plh-olgular dd[b-voqsl8pui1] { margin: 0; color: var(--metin-murekkep); font-weight: 600; font-variant-numeric: tabular-nums; }
.plh-vitrin .plh-olgular__uyari[b-voqsl8pui1] { color: var(--amber-600); }

/* ───────────── Tablolar ───────────── */
.plh-vitrin .plh-tablo-kap[b-voqsl8pui1] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.plh-vitrin .plh-tablo[b-voqsl8pui1] { width: 100%; border-collapse: collapse; background: var(--yuzey); }

.plh-vitrin .plh-tablo thead[b-voqsl8pui1] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--marka-rampa-serit);
}

.plh-vitrin .plh-tablo thead th[b-voqsl8pui1] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.plh-vitrin .plh-tablo tbody td[b-voqsl8pui1] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
}

.plh-vitrin .plh-tablo tbody tr:nth-child(even)[b-voqsl8pui1] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.plh-vitrin .plh-tablo tbody tr:last-child td[b-voqsl8pui1] { border-bottom: none; }
.plh-vitrin .plh-hucre--eksik[b-voqsl8pui1] { color: var(--amber-600); font-weight: 700; }

/* ───────────── Popup (native dialog) ───────────── */
.plh-vitrin .plh-popup[b-voqsl8pui1] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.plh-vitrin .plh-popup[open][b-voqsl8pui1] { display: flex; flex-direction: column; }
.plh-vitrin .plh-popup[b-voqsl8pui1]::backdrop { background: var(--scrim); }

.plh-vitrin .plh-popup__bas[b-voqsl8pui1] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.plh-vitrin .plh-popup__bas h2[b-voqsl8pui1] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.plh-vitrin .plh-popup__bas h2:focus[b-voqsl8pui1] { outline: none; }
.plh-vitrin .plh-popup__bas p[b-voqsl8pui1] { margin: 4px 0 0; color: var(--metin-ikincil); font-size: 12px; line-height: 1.5; }

.plh-vitrin .plh-popup__kapat[b-voqsl8pui1] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.plh-vitrin .plh-popup__kapat:hover[b-voqsl8pui1] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.plh-vitrin .plh-popup__kapat:focus-visible[b-voqsl8pui1] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.plh-vitrin .plh-popup__govde[b-voqsl8pui1] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.plh-vitrin .plh-popup__alt[b-voqsl8pui1] {
  margin: 0 0 8px;
  color: var(--marka-700);
  font: 700 12.5px/1.4 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
}

.plh-vitrin .plh-liste[b-voqsl8pui1] { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }

.plh-vitrin .plh-liste li[b-voqsl8pui1] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 3px 8px 8px 8px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  font-size: 13px;
  line-height: 1.5;
}

.plh-vitrin .plh-liste__kod[b-voqsl8pui1] { color: var(--metin-ipucu); font-size: 11.5px; font-weight: 600; }

.plh-vitrin .plh-popup__eylem[b-voqsl8pui1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ───────────── MASAÜSTÜ (YENI-DIL §1.1) ───────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .plh-vitrin .plh-kapak[b-voqsl8pui1] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "suzgec suzgec eylem";
  }

  .plh-vitrin .plh-kpi[b-voqsl8pui1] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .plh-vitrin .plh-kpi__hucre:last-child[b-voqsl8pui1] { border-inline-end: none; }
}

/* Geniş masaüstü: başlık solda, süzgeç ve eylemler sağ kenarda tek satır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .plh-vitrin .plh-kapak[b-voqsl8pui1] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `end` hizalama grid öğesini shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
     çocukların İÇERİK genişliğinden hesaplanır (flex tabanı sayılmaz) → alan 210px tabanını
     kaybeder. Kap track'i doldurur, sağa yaslama flex satırında yapılır. */
  .plh-vitrin .plh-kapak__suzgec[b-voqsl8pui1] { justify-self: stretch; justify-content: flex-end; }
}

/* ───────────── TABLET (YENI-DIL §1.1) ───────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .plh-vitrin .plh-kapak[b-voqsl8pui1] { padding: 16px; }
  .plh-vitrin .plh-kpi[b-voqsl8pui1] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .plh-vitrin .plh-dugme[b-voqsl8pui1] { min-height: 44px; }
  .plh-vitrin .plh-alan[b-voqsl8pui1]  .app-field .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
  .plh-vitrin .plh-sekmeler[b-voqsl8pui1] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .plh-vitrin .plh-sekme[b-voqsl8pui1] { flex: 0 0 auto; min-height: 44px; }
  .plh-vitrin .plh-tablo thead th[b-voqsl8pui1],
  .plh-vitrin .plh-tablo tbody td[b-voqsl8pui1] { white-space: nowrap; }
  .plh-vitrin .plh-tablo tbody td:first-child[b-voqsl8pui1] { position: sticky; left: 0; background: var(--yuzey); }
  /* Sabit sütun opak olmak zorunda; çift satır tonu burada da sürsün. */
  .plh-vitrin .plh-tablo tbody tr:nth-child(even) td:first-child[b-voqsl8pui1] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
  .plh-vitrin .plh-tablo thead th:first-child[b-voqsl8pui1] { position: sticky; left: 0; z-index: 2; background: var(--marka-500); }
}

/* ───────────── TELEFON (YENI-DIL §1.1, §7) ───────────── */
@media (max-width: 640px) {
  .plh-vitrin .plh-kapak[b-voqsl8pui1] { padding: 12px; row-gap: 12px; }
  .plh-vitrin .plh-kapak__baslik .au-title[b-voqsl8pui1] { font-size: var(--yazi-kapak, 20px); }
  .plh-vitrin .plh-kapak__baslik .au-sub[b-voqsl8pui1] { font-size: var(--yazi-kucuk, 12px); }
  .plh-vitrin .plh-kapak__suzgec[b-voqsl8pui1] { flex-direction: column; align-items: stretch; }
  .plh-vitrin .plh-alan[b-voqsl8pui1] { flex: 1 1 auto; max-width: none; }
  .plh-vitrin .plh-alan[b-voqsl8pui1]  .app-field .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
  .plh-vitrin .plh-kapak__eylem[b-voqsl8pui1] { width: 100%; }
  .plh-vitrin .plh-dugme[b-voqsl8pui1] { flex: 1 1 auto; min-height: 44px; }

  .plh-vitrin .plh-kpi[b-voqsl8pui1] { grid-template-columns: minmax(0, 1fr); }
  .plh-vitrin .plh-kpi__hucre[b-voqsl8pui1] { border-inline-end: none; }
  .plh-vitrin .plh-kpi__deger[b-voqsl8pui1] { font-size: var(--yazi-kpi, 20px); }

  .plh-vitrin .plh-sekmeler[b-voqsl8pui1] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .plh-vitrin .plh-sekme[b-voqsl8pui1] { flex: 0 0 auto; min-height: 44px; }

  .plh-vitrin .plh-kart[b-voqsl8pui1] { padding: 16px 12px; }
  .plh-vitrin .plh-kart__baslik[b-voqsl8pui1] { font-size: var(--yazi-bolum, 14px); }

  /* Telefonda tablolar satır kartına dönüşür. */
  .plh-vitrin .plh-tablo-kap[b-voqsl8pui1] { max-height: none; border: none; border-radius: 0; overflow: visible; }
  .plh-vitrin .plh-tablo thead[b-voqsl8pui1] { position: static; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .plh-vitrin .plh-tablo[b-voqsl8pui1],
  .plh-vitrin .plh-tablo tbody[b-voqsl8pui1],
  .plh-vitrin .plh-tablo tbody tr[b-voqsl8pui1],
  .plh-vitrin .plh-tablo tbody td[b-voqsl8pui1] { display: block; width: 100%; }

  .plh-vitrin .plh-tablo tbody tr[b-voqsl8pui1] {
    margin-bottom: 10px;
    padding: 10px 12px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
  }

  .plh-vitrin .plh-tablo tbody td[b-voqsl8pui1] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-bottom: none;
  }

  .plh-vitrin .plh-tablo tbody td[b-voqsl8pui1]::before {
    content: attr(data-etiket);
    flex: 0 0 auto;
    color: var(--metin-ipucu);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .plh-vitrin .plh-olgular > div[b-voqsl8pui1] { grid-template-columns: minmax(0, 1fr) auto; padding: 10px 6px; }

  .plh-vitrin .plh-popup[b-voqsl8pui1] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .plh-vitrin .plh-popup__bas[b-voqsl8pui1],
  .plh-vitrin .plh-popup__govde[b-voqsl8pui1],
  .plh-vitrin .plh-popup__eylem[b-voqsl8pui1] { padding: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .plh-vitrin .plh-dugme[b-voqsl8pui1],
  .plh-vitrin .plh-sekme[b-voqsl8pui1],
  .plh-vitrin .plh-alan[b-voqsl8pui1]  .app-field .app-input { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Shared/LevelRowsEditor.razor.rz.scp.css */
/* FAZ 3.2 G1 — LevelRowsEditor scoped stiller. Aurora var(--*) token'ları dışında
   renk kullanılmaz; iskelet sınıfları (app-input) global tasarım sisteminden gelir. */

.lre[b-k8m4zmw2eg] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lre-row[b-k8m4zmw2eg] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lre-row__no[b-k8m4zmw2eg] {
  min-width: 22px;
  text-align: right;
  font-size: 12px;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.lre-row__input[b-k8m4zmw2eg] {
  flex: 1;
  min-width: 0;
}

.lre-row__acts[b-k8m4zmw2eg] {
  display: flex;
  gap: 4px;
}

.lre-ico[b-k8m4zmw2eg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
  color: var(--fg-soft);
  cursor: pointer;
}

.lre-ico:hover:not(:disabled)[b-k8m4zmw2eg] {
  background: var(--glass-hover);
  color: var(--fg);
}

.lre-ico:disabled[b-k8m4zmw2eg] {
  opacity: 0.4;
  cursor: not-allowed;
}

.lre-ico--danger:hover:not(:disabled)[b-k8m4zmw2eg] {
  color: var(--red-500);
  border-color: var(--red-500);
}

.lre-foot[b-k8m4zmw2eg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
}

.lre-add[b-k8m4zmw2eg] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px dashed var(--line);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-soft);
  font-size: 13px;
  cursor: pointer;
}

.lre-add:hover:not(:disabled)[b-k8m4zmw2eg] {
  color: var(--brand);
  border-color: var(--brand);
}

.lre-add:disabled[b-k8m4zmw2eg],
.lre-mode:disabled[b-k8m4zmw2eg] {
  opacity: 0.4;
  cursor: not-allowed;
}

.lre-mode[b-k8m4zmw2eg] {
  border: none;
  background: none;
  color: var(--muted);
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  padding: 4px;
}

.lre-mode:hover:not(:disabled)[b-k8m4zmw2eg] {
  color: var(--fg);
}

.lre-raw[b-k8m4zmw2eg] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

/* Obje dizisi modu — {code,label,age_min,age_max} 4 kolonlu satırlar */
.lre-objhead[b-k8m4zmw2eg],
.lre-objrow[b-k8m4zmw2eg] {
  display: grid;
  grid-template-columns: 22px minmax(70px, 110px) minmax(
      120px,
      1fr
    ) 76px 76px auto;
  gap: 8px;
  align-items: center;
}

.lre-objhead[b-k8m4zmw2eg] {
  font-size: 12px;
  color: var(--muted);
}

.lre-objrow .app-input[b-k8m4zmw2eg] {
  min-width: 0;
}

@media (max-width: 720px) {
  .lre-objhead[b-k8m4zmw2eg] {
    display: none;
  }

  .lre-objrow[b-k8m4zmw2eg] {
    grid-template-columns: 22px 1fr 1fr;
    grid-auto-rows: auto;
  }

  .lre-objrow .lre-row__acts[b-k8m4zmw2eg] {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Subjects/SubjectCreate.razor.rz.scp.css */
/* Yeni alan — Akademik Analiz kapak ölçüleri, yalnız bu sayfa.
   Form kartı, alan ızgarası ve girdi görünümü global `form-vitrin.css`ten gelir;
   burada yalnız eski `au-head` yerine geçen beyaz kapak var (23 px başlık).
   Yeni hex YOK, !important YOK. */

.au-page.form-vitrin.sjf-vitrin .sjf-kapak[b-mzgc3058j9] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.form-vitrin.sjf-vitrin .sjf-kapak__geri[b-mzgc3058j9] {
  grid-area: geri;
  display: flex;
  align-items: center;
}

.au-page.form-vitrin.sjf-vitrin .sjf-kapak__baslik[b-mzgc3058j9] {
  grid-area: baslik;
  min-width: 0;
}

.au-page.form-vitrin.sjf-vitrin .sjf-kapak .au-title[b-mzgc3058j9] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.au-page.form-vitrin.sjf-vitrin .sjf-kapak .au-sub[b-mzgc3058j9] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Hata şeridi kapakla kart arasında kendi boşluğunu korur. */
.au-page.form-vitrin.sjf-vitrin .au-banner[b-mzgc3058j9] {
  margin-bottom: 16px;
}

.au-page.form-vitrin.sjf-vitrin .au-btn:focus-visible[b-mzgc3058j9] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.form-vitrin.sjf-vitrin .sjf-kapak[b-mzgc3058j9] {
    padding: 16px;
  }

  .au-page.form-vitrin.sjf-vitrin .au-btn[b-mzgc3058j9] {
    min-height: 44px;
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.form-vitrin.sjf-vitrin .sjf-kapak[b-mzgc3058j9] {
    gap: 10px;
    padding: 12px;
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-kapak .au-title[b-mzgc3058j9] {
    font-size: var(--yazi-kapak, 20px);
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-kapak .au-sub[b-mzgc3058j9] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Kaydet/Vazgeç telefonda tam genişlikte tek satır. */
  .au-page.form-vitrin.sjf-vitrin .au-form-actions .au-btn[b-mzgc3058j9] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Subjects/SubjectEdit.razor.rz.scp.css */
/* Alanı düzenle — Akademik Analiz kapak ölçüleri ve silme popup'ı, yalnız bu sayfa.
   Form kartı / alan ızgarası / tehlikeli bölge global `form-vitrin.css`ten gelir.
   Yeni hex YOK, !important YOK; ölçüler referans tablosundan. */

.au-page.form-vitrin.sjf-vitrin .sjf-kapak[b-qxe6x8qrnp] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.form-vitrin.sjf-vitrin .sjf-kapak__geri[b-qxe6x8qrnp] {
  grid-area: geri;
  display: flex;
  align-items: center;
}

.au-page.form-vitrin.sjf-vitrin .sjf-kapak__baslik[b-qxe6x8qrnp] {
  grid-area: baslik;
  min-width: 0;
}

.au-page.form-vitrin.sjf-vitrin .sjf-kapak .au-title[b-qxe6x8qrnp] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

/* Kaydın özeti: kod · kapsam · oluşturulma (hepsi backend yanıtından). */
.au-page.form-vitrin.sjf-vitrin .sjf-ozet[b-qxe6x8qrnp] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.au-page.form-vitrin.sjf-vitrin .sjf-kod[b-qxe6x8qrnp] {
  padding: 3px 8px;
  border-radius: 3px 8px 8px 8px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.au-page.form-vitrin.sjf-vitrin .au-banner[b-qxe6x8qrnp] {
  margin-bottom: 16px;
}

.au-page.form-vitrin.sjf-vitrin .au-btn:focus-visible[b-qxe6x8qrnp] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Silme popup'ı: native top layer, başlık ve eylemler sabit ────── */
.au-page.form-vitrin.sjf-vitrin .sjf-popup[b-qxe6x8qrnp] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup--dar[b-qxe6x8qrnp] {
  width: min(520px, calc(100vw - 48px));
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup[open][b-qxe6x8qrnp] {
  display: flex;
  flex-direction: column;
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup[b-qxe6x8qrnp]::backdrop {
  background: var(--scrim);
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__bas[b-qxe6x8qrnp] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__bas h2[b-qxe6x8qrnp] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__bas h2:focus[b-qxe6x8qrnp] {
  outline: none;
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__kapat[b-qxe6x8qrnp] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 20px;
  line-height: 1;
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__govde[b-qxe6x8qrnp] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  font-size: 13px;
  line-height: 1.6;
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__govde p[b-qxe6x8qrnp] {
  margin: 0;
  color: var(--metin-ikincil);
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__govde .au-banner[b-qxe6x8qrnp] {
  margin: 12px 0 0;
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__eylem[b-qxe6x8qrnp] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__eylem .au-btn[b-qxe6x8qrnp] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

/* Yıkıcı eylem kırmızı kalmalı: yukarıdaki nötr kural 4 sınıflık, global
   `.au-btn--danger` tek sınıflık — onay penceresinde "Evet, sil" ile "Vazgeç"
   birbirinin aynısı görünüyordu. Aynı global token'lar yeniden kullanılır. */
.au-page.form-vitrin.sjf-vitrin .sjf-popup__eylem .au-btn--danger[b-qxe6x8qrnp] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
}

.au-page.form-vitrin.sjf-vitrin .sjf-popup__eylem .au-btn--danger:hover:not(:disabled)[b-qxe6x8qrnp] {
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.form-vitrin.sjf-vitrin .sjf-kapak[b-qxe6x8qrnp] {
    padding: 16px;
  }

  .au-page.form-vitrin.sjf-vitrin .au-btn[b-qxe6x8qrnp] {
    min-height: 44px;
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-popup__kapat[b-qxe6x8qrnp] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    font-size: 24px;
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.form-vitrin.sjf-vitrin .sjf-kapak[b-qxe6x8qrnp] {
    gap: 10px;
    padding: 12px;
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-kapak .au-title[b-qxe6x8qrnp] {
    font-size: var(--yazi-kapak, 20px);
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-ozet[b-qxe6x8qrnp] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .au-page.form-vitrin.sjf-vitrin .au-form-actions .au-btn[b-qxe6x8qrnp] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-popup[b-qxe6x8qrnp] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-popup__bas[b-qxe6x8qrnp],
  .au-page.form-vitrin.sjf-vitrin .sjf-popup__govde[b-qxe6x8qrnp],
  .au-page.form-vitrin.sjf-vitrin .sjf-popup__eylem[b-qxe6x8qrnp] {
    padding: 12px;
  }

  .au-page.form-vitrin.sjf-vitrin .sjf-popup__eylem .au-btn[b-qxe6x8qrnp] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Subjects/SubjectsList.razor.rz.scp.css */
/* Alanlar listesi — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Taban görünüm global `katalog-vitrin.css`ten gelir; burada yalnız yeni dile taşıyan
   farklar var: tek beyaz kapak (23 px h1), mavi–petrol tablo başlığı, sınırlı alanda
   kayan tablo ve ayrıntı popup'ı. Yeni hex YOK — tokenlar kullanılır, !important yok.
   Çocuk bileşenlerin (AppDataGrid, AppSelect, OrgUnitPicker) içi ::deep ile hedeflenir.
   Seçiciler `.au-page.katalog-vitrin.sj-vitrin` ile başlar: global dosyadaki
   `.au-page.katalog-vitrin …` kuralları üç sınıflık, buradakiler dört sınıflık. */

.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0] {
  /* Kart üst şeridi düz lacivert değil, kartın marka geçişi (Akademik Analiz kart şeridi). */
  --ktl-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylem tek beyaz yüzeyde ──────── */
.au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri   baslik"
    "filtre filtre"
    "eylem  eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.katalog-vitrin.sj-vitrin .sj-kapak__geri[b-23atayvjh0] {
  grid-area: geri;
  display: flex;
  align-items: center;
}

.au-page.katalog-vitrin.sj-vitrin .sj-kapak__baslik[b-23atayvjh0] {
  grid-area: baslik;
  min-width: 0;
}

.au-page.katalog-vitrin.sj-vitrin .sj-kapak .au-title[b-23atayvjh0] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.au-page.katalog-vitrin.sj-vitrin .sj-kapak .au-sub[b-23atayvjh0] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Kapak içindeki süzgeç kabı: ikinci bir kart oluşturmaz. */
.au-page.katalog-vitrin.sj-vitrin .sj-suzgec[b-23atayvjh0] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.au-page.katalog-vitrin.sj-vitrin .sj-suzgec > *[b-23atayvjh0] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.au-page.katalog-vitrin.sj-vitrin .sj-suzgec > .au-arama[b-23atayvjh0] {
  flex: 1 1 200px;
  max-width: 280px;
}

.au-page.katalog-vitrin.sj-vitrin .sj-eylem[b-23atayvjh0] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Kapak kontrolleri: 34 px taban çizgisi (referans ölçüsü). */
.au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.katalog-vitrin.sj-vitrin .sj-kapak .au-head__actions .au-btn--primary[b-23atayvjh0] {
  height: 34px;
  min-height: 34px;
  padding: 0 14px;
  gap: 6px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.au-page.katalog-vitrin.sj-vitrin .sj-kapak .au-head__actions .au-btn--primary:hover[b-23atayvjh0] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  transform: none;
}

/* ── Tablo: mavi–petrol başlık (tek parça), sınırlı alanda kaydırma ── */
.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 22px 22px 22px;
}

/* Dekor pseudo'ları kaydırma kabının içinde kalıp içerikle kayardı; başlık geçişi
   zaten kartın üst bandını oluşturuyor (referans: tablo başlığı tek parça rampa). */
.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-scroll::before,
.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-scroll::after {
  content: none;
}

.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table thead th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
}

.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table .grid-th-label,
.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table .grid-sort {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table tbody td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* ── Hücre içerikleri ─────────────────────────────────────────────── */
.sj-link[b-23atayvjh0] {
  font-weight: 700;
  color: var(--marka-500);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.sj-link:hover[b-23atayvjh0] {
  color: var(--marka-600);
  text-decoration: underline;
}

.sj-code[b-23atayvjh0] {
  margin-left: 8px;
  font-size: 11.5px;
}

.sj-chip-common[b-23atayvjh0] {
  border: 1px solid color-mix(in srgb, var(--turkuaz-500) 34%, transparent);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

.sj-ulke[b-23atayvjh0] {
  margin-left: 8px;
  color: var(--n-500);
  font-size: 12px;
}

.sj-birim[b-23atayvjh0] {
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.sj-satir-eylem[b-23atayvjh0] {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.au-page.katalog-vitrin.sj-vitrin .sj-satir-eylem .au-btn--sm[b-23atayvjh0] {
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.au-page.katalog-vitrin.sj-vitrin .sj-satir-eylem .au-btn--sm:hover[b-23atayvjh0] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

/* ── Ayrıntı popup'ı: native top layer, başlık ve eylemler sabit ──── */
.au-page.katalog-vitrin.sj-vitrin .sj-popup[b-23atayvjh0] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup[open][b-23atayvjh0] {
  display: flex;
  flex-direction: column;
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup[b-23atayvjh0]::backdrop {
  background: var(--scrim);
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__bas[b-23atayvjh0] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__bas h2[b-23atayvjh0] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__bas h2:focus[b-23atayvjh0] {
  outline: none;
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__kapat[b-23atayvjh0] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 20px;
  line-height: 1;
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__govde[b-23atayvjh0] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.au-page.katalog-vitrin.sj-vitrin .sj-olgular[b-23atayvjh0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.au-page.katalog-vitrin.sj-vitrin .sj-olgular > div[b-23atayvjh0] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.au-page.katalog-vitrin.sj-vitrin .sj-olgular > div:nth-child(odd)[b-23atayvjh0] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.au-page.katalog-vitrin.sj-vitrin .sj-olgular dt[b-23atayvjh0] {
  color: var(--n-500);
}

.au-page.katalog-vitrin.sj-vitrin .sj-olgular dd[b-23atayvjh0] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__eylem[b-23atayvjh0] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__eylem .au-btn[b-23atayvjh0] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.au-page.katalog-vitrin.sj-vitrin .sj-popup__eylem .au-btn--primary[b-23atayvjh0] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.katalog-vitrin.sj-vitrin :is(.au-btn, .sj-link):focus-visible[b-23atayvjh0] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ (YENI-DIL §1.1) — başlık solda, süzgeç + eylem sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri   baslik baslik"
      "filtre filtre eylem";
    row-gap: 14px;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-eylem[b-23atayvjh0] {
    justify-self: end;
    align-self: end;
  }
}

/* Geniş masaüstü: tek satır (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın
     max-content'i çocukların `flex: 0 1 176px` tabanını saymadığından alanlar
     alt alta yığılırdı. Kap hücreyi doldurur, içerik sağa yaslanır. */
  .au-page.katalog-vitrin.sj-vitrin .sj-suzgec[b-23atayvjh0] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0] {
    padding: 16px;
  }

  /* Satırlar bu bantta kart düzenine geçer (cihaz.css data-etiket) —
     kaydırma kabı ve yapışık başlık burada uygulanmaz. */
  .au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-scroll {
    max-height: none;
    overflow: visible;
  }

  .au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table thead {
    position: static;
  }

  .au-page.katalog-vitrin.sj-vitrin[b-23atayvjh0]  .grid-table tbody td {
    background: none;
  }

  .au-page.katalog-vitrin.sj-vitrin :is(.au-btn, .sj-popup__kapat)[b-23atayvjh0] {
    min-height: 44px;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-popup__kapat[b-23atayvjh0] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-satir-eylem .au-btn--sm[b-23atayvjh0] {
    height: 44px;
    min-height: 44px;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.katalog-vitrin.sj-vitrin .sj-kapak[b-23atayvjh0] {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-kapak .au-title[b-23atayvjh0] {
    font-size: var(--yazi-kapak, 20px);
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-kapak .au-sub[b-23atayvjh0] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Süzgeçler tek sütun; eylemler başlığın altında tam genişlikte. */
  .au-page.katalog-vitrin.sj-vitrin .sj-suzgec[b-23atayvjh0] {
    flex-direction: column;
    align-items: stretch;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-suzgec > *[b-23atayvjh0],
  .au-page.katalog-vitrin.sj-vitrin .sj-suzgec > .au-arama[b-23atayvjh0] {
    flex: 1 1 auto;
    max-width: none;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-eylem[b-23atayvjh0] {
    width: 100%;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-eylem .au-btn[b-23atayvjh0] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-satir-eylem[b-23atayvjh0] {
    justify-content: flex-start;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-popup[b-23atayvjh0] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-popup__bas[b-23atayvjh0],
  .au-page.katalog-vitrin.sj-vitrin .sj-popup__govde[b-23atayvjh0],
  .au-page.katalog-vitrin.sj-vitrin .sj-popup__eylem[b-23atayvjh0] {
    padding: 12px;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-popup__eylem .au-btn[b-23atayvjh0] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .au-page.katalog-vitrin.sj-vitrin .sj-olgular > div[b-23atayvjh0] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Teachers/TeacherProfile.razor.rz.scp.css */
/* Öğretmen profili — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Yalnız bu sayfa: ortak katalog-vitrin.css'e dokunulmaz, kurallar scoped CSS ile
   daha yüksek özgüllükte yazılır (scoped demet App.razor'da vitrinden ÖNCE yüklenir). */

/* ───────────── Kapak ───────────── */
.ogp-vitrin .ogp-kapak[b-ixwec0d04l] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "ozet ozet"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ogp-vitrin .ogp-kapak__geri[b-ixwec0d04l] { grid-area: geri; display: flex; align-items: center; }
.ogp-vitrin .ogp-kapak__baslik[b-ixwec0d04l] { grid-area: baslik; min-width: 0; }
.ogp-vitrin .ogp-ozet[b-ixwec0d04l] { grid-area: ozet; }
.ogp-vitrin .ogp-kapak__eylem[b-ixwec0d04l] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.ogp-vitrin .ogp-kapak__baslik .au-title[b-ixwec0d04l] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ogp-vitrin .ogp-kapak__baslik .au-sub[b-ixwec0d04l] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 5px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ogp-vitrin .ogp-kapak__baslik .au-email[b-ixwec0d04l] {
  padding: 2px 8px;
  border-radius: 3px 8px 8px 8px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 600;
}

/* Özet: profilin gerçek sayıları (branş / ders / kurs). */
.ogp-vitrin .ogp-ozet[b-ixwec0d04l] { display: flex; flex-wrap: wrap; gap: 8px; }

.ogp-vitrin .ogp-ozet__hucre[b-ixwec0d04l] {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-height: 30px;
  padding: 5px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
}

.ogp-vitrin .ogp-ozet__hucre b[b-ixwec0d04l] {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

/* ───────────── Düğmeler ───────────── */
.ogp-vitrin .ogp-dugme[b-ixwec0d04l] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ogp-vitrin .ogp-dugme:hover:not(:disabled)[b-ixwec0d04l] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.ogp-vitrin .ogp-dugme:focus-visible[b-ixwec0d04l] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.ogp-vitrin .ogp-dugme:disabled[b-ixwec0d04l] { opacity: .55; cursor: not-allowed; }
.ogp-vitrin .ogp-dugme--sm[b-ixwec0d04l] { min-height: 30px; padding: 0 11px; font-size: 12px; }

.ogp-vitrin .ogp-dugme--birincil[b-ixwec0d04l] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ogp-vitrin .ogp-dugme--birincil:hover:not(:disabled)[b-ixwec0d04l] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ogp-vitrin .ogp-dugme--tehlike[b-ixwec0d04l] {
  border-color: color-mix(in srgb, var(--red-500) 40%, var(--hat-girdi));
  color: var(--red-600);
}

.ogp-vitrin .ogp-dugme--tehlike:hover:not(:disabled)[b-ixwec0d04l] {
  border-color: var(--red-500);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
}

/* ───────────── Bölüm kartları (üç bölüm aynı ekranda) ───────────── */
.ogp-vitrin .ogp-izgara[b-ixwec0d04l] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.ogp-vitrin .ogp-kart[b-ixwec0d04l] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: hidden;
}

.ogp-vitrin .ogp-kart[b-ixwec0d04l]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ogp-vitrin .ogp-kart__bas[b-ixwec0d04l] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ogp-vitrin .ogp-kart__baslik[b-ixwec0d04l] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ogp-vitrin .ogp-kart__baslik[b-ixwec0d04l]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ogp-vitrin .ogp-bos[b-ixwec0d04l] { margin: 0; color: var(--metin-ipucu); font-size: 12.5px; line-height: 1.6; }

/* ───────────── Branş / ders çipleri ───────────── */
.ogp-vitrin .ogp-cipler[b-ixwec0d04l] { display: flex; flex-wrap: wrap; gap: 6px; }

.ogp-vitrin .ogp-cip[b-ixwec0d04l] {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 10%, transparent);
  color: var(--marka-600);
  font-size: 12px;
  font-weight: 600;
}

.ogp-vitrin .ogp-cip--ana[b-ixwec0d04l] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 50%, transparent);
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-700);
  font-weight: 700;
}

/* ───────────── Kurs tablosu ───────────── */
.ogp-vitrin .ogp-tablo-kap[b-ixwec0d04l] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.ogp-vitrin .ogp-tablo[b-ixwec0d04l] { width: 100%; border-collapse: collapse; background: var(--yuzey); }

.ogp-vitrin .ogp-tablo thead[b-ixwec0d04l] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--marka-rampa-serit);
}

.ogp-vitrin .ogp-tablo thead th[b-ixwec0d04l] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.ogp-vitrin .ogp-tablo tbody td[b-ixwec0d04l] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.ogp-vitrin .ogp-tablo tbody tr:nth-child(even)[b-ixwec0d04l] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ogp-vitrin .ogp-tablo tbody tr:last-child td[b-ixwec0d04l] { border-bottom: none; }
.ogp-vitrin .ogp-tablo__eylem[b-ixwec0d04l] { text-align: end; white-space: nowrap; }

.ogp-vitrin .ogp-gizli-metin[b-ixwec0d04l] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ───────────── Durumlar ───────────── */
.ogp-vitrin .ogp-iskelet[b-ixwec0d04l] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.ogp-vitrin .ogp-iskelet__satir[b-ixwec0d04l],
.ogp-vitrin .ogp-iskelet__blok[b-ixwec0d04l] {
  display: block;
  border-radius: 6px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.ogp-vitrin .ogp-iskelet__satir[b-ixwec0d04l] { height: 14px; width: 60%; }
.ogp-vitrin .ogp-iskelet__satir--kisa[b-ixwec0d04l] { width: 35%; }
.ogp-vitrin .ogp-iskelet__blok[b-ixwec0d04l] { height: 140px; }

.ogp-vitrin .ogp-durum[b-ixwec0d04l] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.ogp-vitrin .ogp-durum p[b-ixwec0d04l] { margin: 0; line-height: 1.6; }
.ogp-vitrin .ogp-uyari[b-ixwec0d04l] { margin-bottom: 16px; border-radius: 3px 14px 14px 14px; }

/* ───────────── Popup (native dialog, top layer) ───────────── */
.ogp-vitrin .ogp-popup[b-ixwec0d04l] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ogp-vitrin .ogp-popup[open][b-ixwec0d04l] { display: flex; flex-direction: column; }
.ogp-vitrin .ogp-popup[b-ixwec0d04l]::backdrop { background: var(--scrim); }

.ogp-vitrin .ogp-popup__bas[b-ixwec0d04l] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ogp-vitrin .ogp-popup__bas h2[b-ixwec0d04l] {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ogp-vitrin .ogp-popup__bas h2:focus[b-ixwec0d04l] { outline: none; }
.ogp-vitrin .ogp-popup__bas p[b-ixwec0d04l] { margin: 4px 0 0; color: var(--metin-ikincil); font-size: 12px; line-height: 1.5; }

.ogp-vitrin .ogp-popup__kapat[b-ixwec0d04l] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.ogp-vitrin .ogp-popup__kapat:hover:not(:disabled)[b-ixwec0d04l] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.ogp-vitrin .ogp-popup__kapat:focus-visible[b-ixwec0d04l] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ogp-vitrin .ogp-popup__govde[b-ixwec0d04l] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ogp-vitrin .ogp-popup__hata[b-ixwec0d04l] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 35%, transparent);
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}

.ogp-vitrin .ogp-form[b-ixwec0d04l] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
}

.ogp-vitrin .ogp-popup__govde[b-ixwec0d04l]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ogp-vitrin .ogp-popup__govde[b-ixwec0d04l]  .app-field .app-input {
  min-height: 38px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.ogp-vitrin .ogp-rapor[b-ixwec0d04l] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12.5px;
}

.ogp-vitrin .ogp-rapor li[b-ixwec0d04l] {
  padding: 8px 10px;
  border-radius: 3px 8px 8px 8px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  line-height: 1.5;
}

.ogp-vitrin .ogp-rapor--ok[b-ixwec0d04l] { color: var(--metin-ikincil); }
.ogp-vitrin .ogp-rapor--hata[b-ixwec0d04l] { color: var(--amber-600); background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey)); }

.ogp-vitrin .ogp-popup__eylem[b-ixwec0d04l] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ───────────── MASAÜSTÜ (YENI-DIL §1.1) ───────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ogp-vitrin .ogp-kapak[b-ixwec0d04l] {
    grid-template-columns: 30px minmax(0, 1fr) auto auto;
    grid-template-areas: "geri baslik ozet eylem";
  }

  .ogp-vitrin .ogp-izgara[b-ixwec0d04l] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ogp-vitrin .ogp-kart--genis[b-ixwec0d04l] { grid-column: 1 / -1; }
}

/* ───────────── TABLET (YENI-DIL §1.1) ───────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ogp-vitrin .ogp-kapak[b-ixwec0d04l] { padding: 16px; }
  .ogp-vitrin .ogp-dugme[b-ixwec0d04l],
  .ogp-vitrin .ogp-dugme--sm[b-ixwec0d04l] { min-height: 44px; }
  .ogp-vitrin .ogp-popup__govde[b-ixwec0d04l]  .app-field .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .ogp-vitrin .ogp-tablo thead th[b-ixwec0d04l],
  .ogp-vitrin .ogp-tablo tbody td[b-ixwec0d04l] { white-space: nowrap; }
  .ogp-vitrin .ogp-tablo tbody td:first-child[b-ixwec0d04l] { position: sticky; left: 0; background: var(--yuzey); }
  /* Sabit sütun opak olmak zorunda; çift satır tonu burada da sürsün, yoksa
     yatay kaydırmada ilk sütun çizgili desenden kopuk görünür. */
  .ogp-vitrin .ogp-tablo tbody tr:nth-child(even) td:first-child[b-ixwec0d04l] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
  .ogp-vitrin .ogp-tablo thead th:first-child[b-ixwec0d04l] { position: sticky; left: 0; z-index: 2; background: var(--marka-500); }
}

/* ───────────── TELEFON (YENI-DIL §1.1, §7) ───────────── */
@media (max-width: 640px) {
  .ogp-vitrin .ogp-kapak[b-ixwec0d04l] { padding: 12px; row-gap: 12px; }
  .ogp-vitrin .ogp-kapak__baslik .au-title[b-ixwec0d04l] { font-size: var(--yazi-kapak, 20px); }
  .ogp-vitrin .ogp-kapak__baslik .au-sub[b-ixwec0d04l] { font-size: var(--yazi-kucuk, 12px); }
  .ogp-vitrin .ogp-kapak__eylem[b-ixwec0d04l] { width: 100%; }
  .ogp-vitrin .ogp-kapak__eylem .ogp-dugme[b-ixwec0d04l] { flex: 1 1 auto; }

  .ogp-vitrin .ogp-dugme[b-ixwec0d04l],
  .ogp-vitrin .ogp-dugme--sm[b-ixwec0d04l] { min-height: 44px; }

  .ogp-vitrin .ogp-kart[b-ixwec0d04l] { padding: 16px 12px; }
  .ogp-vitrin .ogp-kart__baslik[b-ixwec0d04l] { font-size: var(--yazi-bolum, 14px); }

  /* Telefonda kurs tablosu satır kartına dönüşür; başlık yerine hücre etiketi. */
  .ogp-vitrin .ogp-tablo-kap[b-ixwec0d04l] { max-height: none; border: none; border-radius: 0; overflow: visible; }
  .ogp-vitrin .ogp-tablo thead[b-ixwec0d04l] { position: static; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .ogp-vitrin .ogp-tablo[b-ixwec0d04l],
  .ogp-vitrin .ogp-tablo tbody[b-ixwec0d04l],
  .ogp-vitrin .ogp-tablo tbody tr[b-ixwec0d04l],
  .ogp-vitrin .ogp-tablo tbody td[b-ixwec0d04l] { display: block; width: 100%; }

  .ogp-vitrin .ogp-tablo tbody tr[b-ixwec0d04l] {
    margin-bottom: 10px;
    padding: 10px 12px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
  }

  .ogp-vitrin .ogp-tablo tbody td[b-ixwec0d04l] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-bottom: none;
  }

  .ogp-vitrin .ogp-tablo tbody td[b-ixwec0d04l]::before {
    content: attr(data-etiket);
    flex: 0 0 auto;
    color: var(--metin-ipucu);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .ogp-vitrin .ogp-tablo__eylem[b-ixwec0d04l] { text-align: start; }
  .ogp-vitrin .ogp-tablo__eylem .ogp-dugme[b-ixwec0d04l] { flex: 1 1 auto; }

  .ogp-vitrin .ogp-popup[b-ixwec0d04l] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }

  .ogp-vitrin .ogp-popup__bas[b-ixwec0d04l],
  .ogp-vitrin .ogp-popup__govde[b-ixwec0d04l],
  .ogp-vitrin .ogp-popup__eylem[b-ixwec0d04l] { padding: 12px; }

  .ogp-vitrin .ogp-popup__eylem .ogp-dugme[b-ixwec0d04l] { flex: 1 1 auto; }
  .ogp-vitrin .ogp-popup__govde[b-ixwec0d04l]  .app-field .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .ogp-vitrin .ogp-form[b-ixwec0d04l] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .ogp-vitrin .ogp-dugme[b-ixwec0d04l],
  .ogp-vitrin .ogp-popup__kapat[b-ixwec0d04l] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Teachers/TeachersList.razor.rz.scp.css */
/* Öğretmenler listesi — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Kapsam yalnız bu sayfa: ortak katalog-vitrin.css'e dokunulmaz, kurallar scoped
   CSS ile daha yüksek özgüllükte yazılır (scoped demet App.razor'da vitrinden ÖNCE gelir). */

/* ───────────── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ───────────── */
.ogl-vitrin .ogl-kapak[b-oy4x2guzkt] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ogl-vitrin .ogl-kapak__geri[b-oy4x2guzkt] { grid-area: geri; display: flex; align-items: center; }
.ogl-vitrin .ogl-kapak__baslik[b-oy4x2guzkt] { grid-area: baslik; min-width: 0; }
.ogl-vitrin .ogl-kapak__suzgec[b-oy4x2guzkt] { grid-area: suzgec; }
.ogl-vitrin .ogl-kapak__eylem[b-oy4x2guzkt] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.ogl-vitrin .ogl-kapak__baslik .au-title[b-oy4x2guzkt] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.ogl-vitrin .ogl-kapak__baslik .au-sub[b-oy4x2guzkt] {
  /* Uzun alt başlık genişliği sınırsızdı (auto sütun ~650px'e büyüyor, süzgeç sırasını eziyordu);
     kardeş sayfalarla aynı tavan: LessonsList.razor.css:53, SubjectsList.razor.css:54 */
  max-width: 78ch;
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ───────────── Süzgeç alanları ───────────── */
.ogl-vitrin .ogl-kapak__suzgec[b-oy4x2guzkt] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.ogl-vitrin .ogl-alan[b-oy4x2guzkt] { flex: 0 1 176px; min-width: 0; max-width: 210px; }
.ogl-vitrin .ogl-alan--ara[b-oy4x2guzkt] { flex: 1 1 210px; max-width: 320px; }

.ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field { gap: 4px; }

.ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--metin-murekkep);
  box-shadow: none;
}

.ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field .app-input:focus-visible,
.ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field .app-input:focus-within {
  border-color: var(--marka-500);
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

.ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-select__caret { color: var(--marka-600); opacity: 1; }
.ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-select__value.is-empty { color: var(--metin-ipucu); }

.ogl-vitrin .ogl-kapak__suzgec .ogl-sifirla[b-oy4x2guzkt] {
  align-self: flex-end;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.ogl-vitrin .ogl-kapak__suzgec .ogl-sifirla:hover[b-oy4x2guzkt] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ogl-vitrin .ogl-kapak__suzgec .ogl-sifirla:focus-visible[b-oy4x2guzkt] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ───────────── Ana eylem ───────────── */
.ogl-vitrin .ogl-birincil[b-oy4x2guzkt] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  height: auto;
  padding: 0 13px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ogl-vitrin .ogl-birincil:hover[b-oy4x2guzkt] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  transform: none;
}

.ogl-vitrin .ogl-birincil:focus-visible[b-oy4x2guzkt] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ───────────── Tablo: mavi–petrol başlık şeridi, sınırlı alanda kaydırma ───────────── */
.ogl-vitrin .ogl-tablo[b-oy4x2guzkt] { min-width: 0; }

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-scroll {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: auto;
  overscroll-behavior: contain;
}

/* Eski vitrinin üst şeridi ve köşe üçgeni: yeni dilde şerit tablo başlığının kendisidir. */
.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-scroll::before,
.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-scroll::after { display: none; }

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table thead th {
  padding: 10px 13px;
  background: transparent;
  border-bottom: none;
  color: var(--on-brand);
}

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table thead th:has(.grid-sort):hover,
.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table thead th[aria-sort="ascending"],
.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table thead th[aria-sort="descending"] {
  background: color-mix(in srgb, var(--marka-700) 28%, transparent);
}

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-th-label,
.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-sort {
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table tbody td {
  padding: 10px 13px;
  font-size: 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
}

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table tbody tr:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

/* Doğrulanmamış hesap işareti ve okul adı — listede taranabilirlik. */
.ogl-vitrin .ogl-uyari[b-oy4x2guzkt] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-inline-start: 6px;
  padding: 0 8px;
  border: 1px solid color-mix(in srgb, var(--amber-500) 45%, transparent);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--amber-500) 12%, var(--yuzey));
  color: var(--amber-600);
  font-size: 11px;
  font-weight: 700;
}

.ogl-vitrin .ogl-okul[b-oy4x2guzkt] { font-weight: 600; color: var(--metin-ikincil); }

/* ───────────── Boş durum ───────────── */
.ogl-vitrin .ogl-bos[b-oy4x2guzkt] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.ogl-vitrin .ogl-bos p[b-oy4x2guzkt] { margin: 0; line-height: 1.6; }

/* ───────────── MASAÜSTÜ (YENI-DIL §1.1) ───────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ogl-vitrin .ogl-kapak[b-oy4x2guzkt] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "suzgec suzgec eylem";
  }

  /* Kapak dikey ortalıyor, eylem düğmesi süzgeç kutusunun alt kenarının üstünde kalıyordu;
     kardeş sayfalarla aynı taban hizası: LessonsList.razor.css:527, SubjectsList.razor.css:396 */
  .ogl-vitrin .ogl-kapak__eylem[b-oy4x2guzkt] { align-self: end; }

  .ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-scroll {
    max-height: min(540px, 60dvh);
  }

  /* Yatay kaydırmada ilk anlamlı sütun yerinde kalır. */
  .ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table tbody tr:nth-child(even) td:first-child {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }

  .ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table tbody tr:hover td:first-child {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  }

  .ogl-vitrin .ogl-tablo[b-oy4x2guzkt]  .app-grid .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--marka-500);
  }
}

/* Geniş masaüstü: başlık solda, süzgeç ve eylem sağ kenarda tek satır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ogl-vitrin .ogl-kapak[b-oy4x2guzkt] {
    /* `auto` track alt başlığın sarmasız max-content'ine büyüyüp minmax(0,1fr) süzgeç sütununu
       eziyordu; süzgeç satırının ihtiyacı ~486px (176 + 12 + 210 + 12 + Sıfırla), 480px tavan bırakır. */
    grid-template-columns: 30px minmax(0, 480px) minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* stretch + flex-end: `end` hizalaması süzgeç kabını shrink-to-fit ölçtürür; sarmalı flex
     kabın max-content'i çocukların flex-basis tabanını saymaz, kap daralıp alanlar alt alta
     yığılırdı. Kap sütunu doldurur, içerik sağa yaslanır.
     align-self:end — tek satırda yüksekliği başlık belirliyor; eylem zaten `end` (:258), süzgeç
     ortalı kalırsa girdi ve düğme taban çizgileri ayrışıyordu. */
  .ogl-vitrin .ogl-kapak__suzgec[b-oy4x2guzkt] { justify-self: stretch; justify-content: flex-end; align-self: end; }
}

/* ───────────── TABLET (YENI-DIL §1.1) ───────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ogl-vitrin .ogl-kapak[b-oy4x2guzkt] { padding: 16px; }
  .ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
  .ogl-vitrin .ogl-kapak__suzgec .ogl-sifirla[b-oy4x2guzkt] { min-height: 44px; }
  .ogl-vitrin .ogl-birincil[b-oy4x2guzkt] { min-height: 44px; }
}

/* ───────────── TELEFON (YENI-DIL §1.1, §7 başlık satırı) ───────────── */
@media (max-width: 640px) {
  .ogl-vitrin .ogl-kapak[b-oy4x2guzkt] { padding: 12px; row-gap: 12px; }

  .ogl-vitrin .ogl-kapak__baslik .au-title[b-oy4x2guzkt] { font-size: var(--yazi-kapak, 20px); }
  .ogl-vitrin .ogl-kapak__baslik .au-sub[b-oy4x2guzkt] { font-size: var(--yazi-kucuk, 12px); }

  .ogl-vitrin .ogl-kapak__suzgec[b-oy4x2guzkt] { flex-direction: column; align-items: stretch; gap: 10px; }
  .ogl-vitrin .ogl-alan[b-oy4x2guzkt],
  .ogl-vitrin .ogl-alan--ara[b-oy4x2guzkt] { flex: 1 1 auto; max-width: none; }

  .ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
  .ogl-vitrin .ogl-kapak__suzgec .ogl-sifirla[b-oy4x2guzkt] { align-self: stretch; min-height: 44px; }

  .ogl-vitrin .ogl-kapak__eylem[b-oy4x2guzkt] { width: 100%; }
  .ogl-vitrin .ogl-birincil[b-oy4x2guzkt] { flex: 1 1 auto; min-height: 44px; text-align: center; }

  .ogl-vitrin .ogl-bos[b-oy4x2guzkt] { padding: 28px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .ogl-vitrin .ogl-birincil[b-oy4x2guzkt],
  .ogl-vitrin .ogl-kapak__suzgec .ogl-sifirla[b-oy4x2guzkt],
  .ogl-vitrin .ogl-alan[b-oy4x2guzkt]  .app-field .app-input { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Academic/Terms/TermCreate.razor.rz.scp.css */
/* Yeni dönem — Akademik Analiz görsel dili, yalnız bu sayfa.
   Sayfa `sihirbaz-vitrin` sınıfını TAŞIMAZ (önceki vitrin). AppWizard paylaşılan bir
   bileşendir ve kendi `.razor.css`inde cam (glass) yüzey kullanır; burada YALNIZ bu
   sayfanın kapsamında ::deep ile yeniden boyanır — bileşen dosyasına dokunulmaz.
   Yeni hex YOK, !important YOK. */

.au-page.dnf-vitrin[b-m4lq9rv9vj] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.dnf-kapak[b-m4lq9rv9vj] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dnf-kapak[b-m4lq9rv9vj]  .dnf-geri {
  align-self: center;
}

.dnf-kapak__baslik[b-m4lq9rv9vj] {
  min-width: 0;
}

.dnf-kapak__baslik .au-title[b-m4lq9rv9vj] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.dnf-kapak__alt[b-m4lq9rv9vj] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dnf-kapak__eylem[b-m4lq9rv9vj] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-self: center;
}

.dnf-uyari[b-m4lq9rv9vj] {
  margin-bottom: 16px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.dnf-vitrin[b-m4lq9rv9vj]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dnf-vitrin[b-m4lq9rv9vj]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dnf-vitrin[b-m4lq9rv9vj]  :is(.au-btn, .wiz-btn, .app-input, .app-toggle):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sihirbaz kabuğu (AppWizard, ::deep) ──────────────────────────────── */
.dnf-sihirbaz[b-m4lq9rv9vj]  .app-wizard {
  position: relative;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .app-wizard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Adım adları gezinme durumudur, süs değil: `--metin-ipucu` (#8496ad) beyaz üstünde 3.0:1
   kalıyordu (AppWizard varsayılanı `--muted` = #64748b idi). `--n-500` aynı aileden, 4.8:1. */
.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-step-ind {
  color: var(--n-500);
  font-size: 12.5px;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-step-ind__num {
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-ikincil);
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-step-ind.is-active {
  color: var(--marka-700);
}

/* AppWizard aktif/tamamlanan daireyi ayrıca `transform: scale(1.08)` + mavi glow ile
   vurguluyor; bu sayfanın dili dekorsuz, o yüzden ikisi de sıfırlanır (aksi halde yalnız
   renk değişir, zıplama kalırdı). */
.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-step-ind.is-active .wiz-step-ind__num,
.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-step-ind.is-done .wiz-step-ind__num {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  transform: none;
  box-shadow: none;
}

/* İlerleme rayı: AppWizard.razor.css'in SONRAKİ kuralları `.wiz-progress` ve
   `.wiz-progress__fill` öğelerini `height: 0; background: transparent` yapıp rayı
   `.wiz-steps::before` (yol) + `.wiz-steps::after` (dolu kısım) ile çiziyor. Bu yüzden
   `.wiz-progress*` üzerinden renklendirme GÖRÜNMEZ (ölü kural). Ray doğrudan hedeflenir.
   `.app-wizard` araya konarak seçici (0,3,0)'a çıkar — bileşenin kendi `.wiz-steps[b]::after`
   kuralı (0,2,0) ile eşitlik/sıralama kumarı oynanmaz. */
.dnf-sihirbaz[b-m4lq9rv9vj]  .app-wizard .wiz-steps::before {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .app-wizard .wiz-steps::after {
  background: var(--marka-rampa-serit);
  box-shadow: none;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-title::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

/* Adım gövdesi kendi alanında kayar; sihirbazın başlık ve alt eylemleri görünür kalır. */
.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-kart {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-body {
  max-height: min(540px, 60dvh);
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-foot {
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* AppWizard `.wiz-btn` SABİT `height: 44px` yazıyor; burada yalnız `min-height` verilseydi
   sayfanın diğer düğmeleri 34 px iken sihirbaz düğmeleri 44 px kalırdı (çakışan özellik yok,
   cascade devreye girmez). `height` açıkça geri alınır. */
.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-btn {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

/* Bileşenin `--ghost`/`--primary` hover kuralları (0,4,0) sayfanın taban kuralından (0,3,0)
   güçlü: kaldırılmazsa "Geri" cam rengine dönüyor, birincil düğme 2 px zıplayıp eski mavi
   glow'u geri getiriyordu. Sayfanın dili dekorsuz (`transform: none`). */
.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-btn--ghost:not(:disabled):hover {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-btn--primary:hover:not(:disabled) {
  transform: none;
  border-color: var(--marka-500);
  background: var(--marka-500);
  box-shadow: none;
}

/* ── Adım içeriği ─────────────────────────────────────────────────────── */
.dnf-izgara[b-m4lq9rv9vj] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.dnf-izgara--dar[b-m4lq9rv9vj] {
  grid-template-columns: repeat(auto-fit, minmax(200px, 260px));
}

.dnf-turev[b-m4lq9rv9vj] {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dnf-turev b[b-m4lq9rv9vj] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.dnf-bilgi[b-m4lq9rv9vj] {
  margin: 14px 0 0;
  font-size: 12.5px;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .app-field {
  min-width: 0;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.dnf-sihirbaz[b-m4lq9rv9vj]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  /* `.au-btn` sarmalanabilen bir <a>; sabit yükseklik metni kırpardı → yalnız min-height. */
  .dnf-vitrin[b-m4lq9rv9vj]  :is(.au-btn, .wiz-btn) {
    min-height: 44px;
  }

  /* `.wiz-btn` bileşende zaten sabit yükseklikli; dokunma hedefi 44 px'e geri çıkar. */
  .dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-btn {
    height: 44px;
  }

  .dnf-sihirbaz[b-m4lq9rv9vj]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .dnf-sihirbaz[b-m4lq9rv9vj]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dnf-kapak[b-m4lq9rv9vj] {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  .dnf-kapak[b-m4lq9rv9vj]  .dnf-geri {
    justify-self: start;
  }

  .dnf-kapak__baslik .au-title[b-m4lq9rv9vj] {
    font-size: var(--yazi-kapak, 20px);
  }

  .dnf-kapak__eylem[b-m4lq9rv9vj] {
    width: 100%;
  }

  .dnf-kapak__eylem .au-btn[b-m4lq9rv9vj] {
    flex: 1 1 auto;
  }

  .dnf-sihirbaz[b-m4lq9rv9vj]  .app-wizard {
    padding: 16px 12px;
  }

  .dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-title {
    font-size: var(--yazi-bolum, 14px);
  }

  .dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-step-ind__label {
    font-size: 11px;
  }

  .dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-body {
    max-height: min(460px, 62dvh);
  }

  .dnf-sihirbaz[b-m4lq9rv9vj]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
  }

  .dnf-izgara[b-m4lq9rv9vj],
  .dnf-izgara--dar[b-m4lq9rv9vj] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Terms/TermEdit.razor.rz.scp.css */
/* Dönemi düzenle — Akademik Analiz görsel dili, yalnız bu sayfa.
   Sayfa `form-vitrin` sınıfını TAŞIMAZ; form yerleşimi burada yeniden kuruldu.
   Ölçüler referanstan: kapak 16/24/18, başlık 23 px, bölüm başlığı 15 px + 13 px üçgen,
   girdi 34 px, düğme 34 px / 12.5 px. Yeni hex YOK, !important YOK. */

.au-page.dnf-vitrin[b-fzok26r2r2] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.dnf-kapak[b-fzok26r2r2] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dnf-kapak[b-fzok26r2r2]  .dnf-geri {
  align-self: center;
}

.dnf-kapak__baslik[b-fzok26r2r2] {
  min-width: 0;
}

.dnf-kapak__baslik .au-title[b-fzok26r2r2] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.dnf-kapak__alt[b-fzok26r2r2] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dnf-kapak__eylem[b-fzok26r2r2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-self: center;
}

.dnf-rozet[b-fzok26r2r2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

/* Durum rozetleri gezinme vurgusudur; başarı/hata anlamı yüklenmez. */
.dnf-durum[b-fzok26r2r2] {
  background: color-mix(in srgb, var(--marka-500) 8%, transparent);
  color: var(--marka-600);
}

.dnf-durum--draft[b-fzok26r2r2] {
  background: var(--yuzey-alt);
  color: var(--n-500);
}

.dnf-durum--active[b-fzok26r2r2] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.dnf-durum--completed[b-fzok26r2r2] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

.dnf-meta[b-fzok26r2r2] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 10px 0 0;
}

.dnf-meta > div[b-fzok26r2r2] {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
}

.dnf-meta dt[b-fzok26r2r2] {
  color: var(--metin-ipucu);
}

.dnf-meta dd[b-fzok26r2r2] {
  margin: 0;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.dnf-uyari[b-fzok26r2r2] {
  margin-bottom: 16px;
}

/* ── Form kartı ───────────────────────────────────────────────────────── */
.dnf-kart[b-fzok26r2r2] {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dnf-kart[b-fzok26r2r2]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dnf-bos[b-fzok26r2r2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.dnf-bos p[b-fzok26r2r2] {
  margin: 0;
}

.dnf-vitrin[b-fzok26r2r2]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dnf-satir[b-fzok26r2r2] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.dnf-grup__ad[b-fzok26r2r2] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dnf-grup__ad[b-fzok26r2r2]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dnf-izgara[b-fzok26r2r2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.dnf-turev[b-fzok26r2r2] {
  margin: 10px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dnf-turev b[b-fzok26r2r2] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

/* ── Alanlar ──────────────────────────────────────────────────────────── */
.dnf-kart[b-fzok26r2r2]  .app-field {
  min-width: 0;
}

.dnf-kart[b-fzok26r2r2]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.dnf-kart[b-fzok26r2r2]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.dnf-kart[b-fzok26r2r2]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.dnf-vitrin[b-fzok26r2r2]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dnf-vitrin[b-fzok26r2r2]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dnf-vitrin[b-fzok26r2r2]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dnf-vitrin[b-fzok26r2r2]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dnf-vitrin[b-fzok26r2r2]  :is(.au-btn, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.dnf-eylem[b-fzok26r2r2] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Tehlikeli bölge ──────────────────────────────────────────────────── */
.dnf-tehlike[b-fzok26r2r2] {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-bolum);
  background: color-mix(in srgb, var(--red-500) 4%, var(--yuzey));
}

.dnf-tehlike__ad[b-fzok26r2r2] {
  margin: 0 0 8px;
  color: var(--red-600);
  font: 700 14px/1.4 var(--font-display);
}

.dnf-tehlike__metin[b-fzok26r2r2] {
  max-width: 78ch;
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── MASAÜSTÜ: tanım ve takvim yan yana ───────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .dnf-satir[b-fzok26r2r2] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 24px;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dnf-vitrin[b-fzok26r2r2]  .au-btn {
    min-height: 44px;
  }

  .dnf-kart[b-fzok26r2r2]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .dnf-kart[b-fzok26r2r2]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dnf-kapak[b-fzok26r2r2] {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  .dnf-kapak[b-fzok26r2r2]  .dnf-geri {
    justify-self: start;
  }

  .dnf-kapak__baslik .au-title[b-fzok26r2r2] {
    font-size: var(--yazi-kapak, 20px);
  }

  .dnf-kapak__eylem[b-fzok26r2r2] {
    width: 100%;
  }

  .dnf-kapak__eylem .au-btn[b-fzok26r2r2] {
    flex: 1 1 auto;
  }

  .dnf-meta[b-fzok26r2r2] {
    flex-direction: column;
    gap: 4px;
  }

  .dnf-kart[b-fzok26r2r2],
  .dnf-tehlike[b-fzok26r2r2] {
    padding: 16px 12px;
  }

  .dnf-grup__ad[b-fzok26r2r2] {
    font-size: var(--yazi-bolum, 14px);
  }

  .dnf-izgara[b-fzok26r2r2] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .dnf-eylem[b-fzok26r2r2] {
    flex-direction: column-reverse;
  }

  .dnf-eylem .au-btn[b-fzok26r2r2] {
    width: 100%;
  }

  .dnf-tehlike .au-btn[b-fzok26r2r2] {
    width: 100%;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Terms/TermRollover.razor.rz.scp.css */
/* Dönem devri — Akademik Analiz görsel dili, yalnız bu sayfa.
   Sayfa `form-vitrin` sınıfını TAŞIMAZ; yerleşim burada yeniden kuruldu.
   `.au-banner--success` global olarak TANIMLI DEĞİL — başarı bandı burada `.dv-basari`
   olarak, mevcut yeşil token'larla kurulur. Yeni hex YOK, !important YOK. */

.au-page.dv-vitrin[b-rtyk6as442] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.dv-kapak[b-rtyk6as442] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dv-kapak[b-rtyk6as442]  .dv-geri {
  align-self: center;
}

.dv-kapak__baslik[b-rtyk6as442] {
  min-width: 0;
}

.dv-kapak__baslik .au-title[b-rtyk6as442] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.dv-kapak__alt[b-rtyk6as442] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dv-rozet[b-rtyk6as442] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.dv-kaynak[b-rtyk6as442] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

/* Durum rozetleri gezinme vurgusudur; başarı/hata anlamı yüklenmez. */
.dv-durum[b-rtyk6as442] {
  background: color-mix(in srgb, var(--marka-500) 8%, transparent);
  color: var(--marka-600);
}

.dv-durum--draft[b-rtyk6as442] {
  background: var(--yuzey-alt);
  color: var(--n-500);
}

.dv-durum--active[b-rtyk6as442] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.dv-durum--completed[b-rtyk6as442] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

.dv-uyari[b-rtyk6as442] {
  margin-bottom: 16px;
  font-size: 12.5px;
}

/* ── Kart ─────────────────────────────────────────────────────────────── */
.dv-kart[b-rtyk6as442] {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dv-kart[b-rtyk6as442]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dv-bos[b-rtyk6as442] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.dv-bos p[b-rtyk6as442] {
  margin: 0;
}

.dv-vitrin[b-rtyk6as442]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dv-satir[b-rtyk6as442] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.dv-grup--tam[b-rtyk6as442] {
  margin-top: 20px;
}

.dv-grup__ad[b-rtyk6as442] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dv-grup__ad[b-rtyk6as442]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dv-izgara[b-rtyk6as442] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.dv-turev[b-rtyk6as442] {
  margin: 10px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dv-turev b[b-rtyk6as442] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.dv-turev__not[b-rtyk6as442] {
  color: var(--metin-ipucu);
}

/* ── Sonuç ────────────────────────────────────────────────────────────── */
.dv-basari[b-rtyk6as442] {
  margin-bottom: 16px;
  border: 1px solid color-mix(in srgb, var(--green-500) 25%, transparent);
  background: color-mix(in srgb, var(--green-500) 10%, transparent);
  color: var(--green-600);
  font-size: 12.5px;
}

.dv-sayac[b-rtyk6as442] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
  margin: 0;
}

.dv-sayac > div[b-rtyk6as442] {
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dv-sayac dt[b-rtyk6as442] {
  color: var(--n-500);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dv-sayac dd[b-rtyk6as442] {
  margin: 6px 0 0;
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
}

.dv-meta[b-rtyk6as442] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 16px 0 0;
}

.dv-meta > div[b-rtyk6as442] {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
}

.dv-meta dt[b-rtyk6as442] {
  color: var(--metin-ipucu);
}

.dv-meta dd[b-rtyk6as442] {
  margin: 0;
  color: var(--metin-ikincil);
}

.dv-kod[b-rtyk6as442] {
  padding: 1px 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 6px;
  background: var(--yuzey-alt);
  color: var(--n-500);
  font-size: 11.5px;
  overflow-wrap: anywhere;
}

.dv-not[b-rtyk6as442] {
  margin: 14px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Alanlar ──────────────────────────────────────────────────────────── */
.dv-kart[b-rtyk6as442]  .app-field {
  min-width: 0;
}

.dv-kart[b-rtyk6as442]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.dv-kart[b-rtyk6as442]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.dv-kart[b-rtyk6as442]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.dv-kart[b-rtyk6as442]  .app-toggle-row {
  gap: 10px;
}

.dv-kart[b-rtyk6as442]  .app-toggle__label {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.dv-vitrin[b-rtyk6as442]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dv-vitrin[b-rtyk6as442]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dv-vitrin[b-rtyk6as442]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dv-vitrin[b-rtyk6as442]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dv-vitrin[b-rtyk6as442]  :is(.au-btn, .app-input, .app-toggle):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.dv-eylem[b-rtyk6as442] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: yeni dönem ve yeni takvim yan yana ─────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .dv-satir[b-rtyk6as442] {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 24px;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dv-vitrin[b-rtyk6as442]  .au-btn {
    min-height: 44px;
  }

  .dv-kart[b-rtyk6as442]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .dv-kart[b-rtyk6as442]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dv-kapak[b-rtyk6as442] {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  .dv-kapak[b-rtyk6as442]  .dv-geri {
    justify-self: start;
  }

  .dv-kapak__baslik .au-title[b-rtyk6as442] {
    font-size: var(--yazi-kapak, 20px);
  }

  .dv-kart[b-rtyk6as442] {
    padding: 16px 12px;
  }

  .dv-grup__ad[b-rtyk6as442] {
    font-size: var(--yazi-bolum, 14px);
  }

  .dv-izgara[b-rtyk6as442] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .dv-sayac[b-rtyk6as442] {
    grid-template-columns: minmax(0, 1fr);
  }

  .dv-sayac dd[b-rtyk6as442] {
    font-size: var(--yazi-kapak, 20px);
  }

  .dv-meta[b-rtyk6as442] {
    flex-direction: column;
    gap: 4px;
  }

  .dv-eylem[b-rtyk6as442] {
    flex-direction: column-reverse;
  }

  .dv-eylem .au-btn[b-rtyk6as442] {
    width: 100%;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Terms/TermsList.razor.rz.scp.css */
/* Dönemler — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüleri: Pages/Analysis/AnalizGenel.razor.css + wwwroot/css/analiz-vitrin.css;
   uygulanmış kardeş örnek: wwwroot/css/org-birimleri-vitrin.css.
   Sayfa artık `donemler-vitrin` sınıfını TAŞIMAZ (önceki vitrin). Yeni hex YOK, !important YOK.
   Çocuk bileşen içleri (AppDataGrid, AppField, AcademicYearSelect) ::deep ile hedeflenir. */

.au-page.dn-vitrin[b-xwrsf90l4n] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.dn-kapak[b-xwrsf90l4n] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dn-kapak[b-xwrsf90l4n]  .dn-geri {
  grid-area: geri;
  align-self: center;
}

.dn-kapak__baslik[b-xwrsf90l4n] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.dn-kapak__baslik .au-title[b-xwrsf90l4n] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.dn-kapak__filtre[b-xwrsf90l4n] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  /* Arama alanı Hint taşıdığı için (TermsList.razor:50) kutusu komşularından
     ~24px uzun; `flex-end` alt kenarları hizalayınca arama girdisi diğer
     ikisinden yukarıda kalıyordu. ÜST hizalama girdi alt kenarlarını tek
     çizgiye getirir; ipucu zararsızca aşağı sarkar. */
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.dn-kapak__eylem[b-xwrsf90l4n] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

.dn-kapak__filtre[b-xwrsf90l4n]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.dn-arama[b-xwrsf90l4n] {
  flex: 0 1 220px;
  min-width: 0;
  max-width: 260px;
}

.dn-kapak[b-xwrsf90l4n]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dn-kapak[b-xwrsf90l4n]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.dn-kapak[b-xwrsf90l4n]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.dn-vitrin[b-xwrsf90l4n]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dn-vitrin[b-xwrsf90l4n]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dn-vitrin[b-xwrsf90l4n]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dn-vitrin[b-xwrsf90l4n]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dn-vitrin[b-xwrsf90l4n]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.dn-vitrin[b-xwrsf90l4n]  :is(.au-btn, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Liste bölümü kartı ───────────────────────────────────────────────── */
.dn-bolum[b-xwrsf90l4n] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dn-bolum[b-xwrsf90l4n]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dn-bolum__bas[b-xwrsf90l4n] {
  margin-bottom: 12px;
}

.dn-bolum__ad[b-xwrsf90l4n] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dn-bolum__ad[b-xwrsf90l4n]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dn-bolum__ipucu[b-xwrsf90l4n] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dn-uyari[b-xwrsf90l4n] {
  margin-bottom: 12px;
  font-size: 12.5px;
}

/* ── Tablo ────────────────────────────────────────────────────────────── */
.dn-tablo[b-xwrsf90l4n]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI: cihaz.css telefon bandında sarmalayıcısız
   tablolar için genel `table { display:block; overflow-x:auto }` siperi yazar; tablo kendi
   kabında kaydığı için o siper burada sticky thead'i bozar ve ikinci kaydırıcı açar. */
.dn-tablo[b-xwrsf90l4n]  .grid-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 900px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.dn-tablo[b-xwrsf90l4n]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.dn-tablo[b-xwrsf90l4n]  .grid-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dn-tablo[b-xwrsf90l4n]  .grid-table .grid-th-label {
  color: inherit;
}

.dn-tablo[b-xwrsf90l4n]  .grid-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--yuzey-cizgi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.dn-tablo[b-xwrsf90l4n]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dn-tablo[b-xwrsf90l4n]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.dn-tablo[b-xwrsf90l4n]  .grid-table tbody tr.is-clickable:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.dn-tablo[b-xwrsf90l4n]  .grid-pager {
  margin-top: 12px;
  color: var(--n-500);
  font-size: 12px;
}

.dn-tablo[b-xwrsf90l4n]  .grid-table :is(th, td):last-child {
  width: 1%;
}

/* ── Hücre içerikleri ─────────────────────────────────────────────────── */
/* `tm-link` adı bilinçli korundu — E2E seçicisi bu sınıfa bağlı
   (tests/EduLive.E2ETests/Academic/AcademicDeepFlowE2ETests.cs). */
.tm-link[b-xwrsf90l4n] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.tm-link:hover[b-xwrsf90l4n] {
  text-decoration: underline;
}

.dn-kod[b-xwrsf90l4n] {
  margin-inline-start: 8px;
  padding: 1px 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 6px;
  background: var(--yuzey-alt);
  color: var(--n-500);
  font-size: 11.5px;
}

.dn-tarih[b-xwrsf90l4n],
.dn-sayi[b-xwrsf90l4n] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dn-sayi[b-xwrsf90l4n] {
  color: var(--metin-ikincil);
}

/* Durum rozetleri: gezinme vurgusu, başarı/hata anlamı yüklenmez. */
.dn-durum[b-xwrsf90l4n] {
  background: color-mix(in srgb, var(--marka-500) 8%, transparent);
  color: var(--marka-600);
}

.dn-durum--draft[b-xwrsf90l4n] {
  background: var(--yuzey-alt);
  color: var(--n-500);
}

.dn-durum--active[b-xwrsf90l4n] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.dn-durum--completed[b-xwrsf90l4n] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

.dn-satir-eylem[b-xwrsf90l4n] {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
}

/* ── Detay popup ──────────────────────────────────────────────────────── */
.dn-popup[b-xwrsf90l4n] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.dn-popup[open][b-xwrsf90l4n] {
  display: flex;
  flex-direction: column;
}

.dn-popup[b-xwrsf90l4n]::backdrop {
  background: var(--scrim);
}

.dn-popup__bas[b-xwrsf90l4n] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dn-popup__bas h2[b-xwrsf90l4n] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.dn-popup__bas h2:focus[b-xwrsf90l4n] {
  outline: none;
}

.dn-popup__kapat[b-xwrsf90l4n] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.dn-popup__govde[b-xwrsf90l4n] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.dn-bilgi[b-xwrsf90l4n] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.dn-bilgi > div[b-xwrsf90l4n] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 1.5fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dn-bilgi > div:nth-child(odd)[b-xwrsf90l4n] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dn-bilgi dt[b-xwrsf90l4n] {
  color: var(--n-500);
}

.dn-bilgi dd[b-xwrsf90l4n] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.dn-popup__not[b-xwrsf90l4n] {
  margin: 14px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dn-popup__eylem[b-xwrsf90l4n] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .dn-kapak[b-xwrsf90l4n] {
    display: grid;
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    gap: 14px 12px;
    align-items: center;
  }

  .dn-kapak__eylem[b-xwrsf90l4n] {
    justify-self: end;
  }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .dn-kapak[b-xwrsf90l4n] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` süzgeç kabını shrink-to-fit ölçtürür; sarmalı flex kabın
     max-content'ini Chromium çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 176px`
     tabanını saymaz → kap daralır ve süzgeçler alt alta yığılır. `stretch` kabı
     satır boyunca açar, hizalamayı `flex-end` üstlenir (dar ekranda sarma korunur). */
  .dn-kapak__filtre[b-xwrsf90l4n] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dn-vitrin[b-xwrsf90l4n]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .dn-kapak[b-xwrsf90l4n]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Dönem adı) yatay kaydırmada yapışık kalır. */
  .dn-tablo[b-xwrsf90l4n]  .grid-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .dn-tablo[b-xwrsf90l4n]  .grid-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (hover: none) and (pointer: coarse) {
  .dn-kapak[b-xwrsf90l4n]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dn-kapak[b-xwrsf90l4n] {
    padding: 12px;
  }

  .dn-kapak__baslik .au-title[b-xwrsf90l4n] {
    font-size: var(--yazi-kapak, 20px);
  }

  .dn-kapak__filtre[b-xwrsf90l4n] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .dn-kapak__filtre[b-xwrsf90l4n]  .app-field,
  .dn-arama[b-xwrsf90l4n] {
    flex: 1 1 auto;
    max-width: none;
  }

  .dn-kapak__eylem[b-xwrsf90l4n] {
    width: 100%;
  }

  .dn-kapak__eylem .au-btn[b-xwrsf90l4n] {
    flex: 1 1 auto;
  }

  .dn-bolum[b-xwrsf90l4n] {
    padding: 16px 12px;
  }

  .dn-bolum__ad[b-xwrsf90l4n] {
    font-size: var(--yazi-bolum, 14px);
  }

  .dn-tablo[b-xwrsf90l4n]  .grid-scroll {
    max-height: min(460px, 62dvh);
  }

  .dn-tablo[b-xwrsf90l4n]  .grid-table {
    min-width: 760px;
  }

  .dn-tablo[b-xwrsf90l4n]  .grid-table :is(th, td) {
    padding: 10px;
  }

  .dn-popup[b-xwrsf90l4n] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dn-popup__bas[b-xwrsf90l4n],
  .dn-popup__govde[b-xwrsf90l4n],
  .dn-popup__eylem[b-xwrsf90l4n] {
    padding: 12px;
  }

  .dn-popup__kapat[b-xwrsf90l4n] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .dn-popup__eylem .au-btn[b-xwrsf90l4n] {
    flex: 1 1 auto;
  }

  .dn-bilgi > div[b-xwrsf90l4n] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Years/AcademicYearsList.razor.rz.scp.css */
/* Akademik yıllar — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans: Pages/Analysis/AnalizGenel.razor(.css) + wwwroot/css/analiz-vitrin.css ölçüleri;
   kardeş uygulanmış örnek: wwwroot/css/org-birimleri-vitrin.css (kapak/kart/popup kabuğu).
   Bu sayfa artık `yillar-vitrin` sınıfını TAŞIMAZ — o dosya önceki vitrindir (29 px başlık,
   40 px düğme). Yeni hex YOK, !important YOK; yalnız mevcut token'lar.
   Çocuk bileşen içleri (AppDataGrid, AppField, AppSelect) ::deep ile hedeflenir. */

.au-page.ay-vitrin[b-yxtuthykz8] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtreler + ana eylem tek beyaz yüzeyde ──────────── */
.ay-kapak[b-yxtuthykz8] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ay-kapak[b-yxtuthykz8]  .ay-geri {
  grid-area: geri;
  align-self: center;
}

.ay-kapak__baslik[b-yxtuthykz8] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.ay-kapak__baslik .au-title[b-yxtuthykz8] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

/* Arama alanının ipucu (Hint) satır içinde yer kapladığından kutusu komşu
   Select'lerden daha uzun; alt hizalama etiket/girdi sırasını kaydırıyordu. */
.ay-kapak__filtre[b-yxtuthykz8] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.ay-kapak__eylem[b-yxtuthykz8] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

/* Filtre alanları: 176 px esas, 210 px tavan (referans kapak ölçüsü). */
.ay-kapak__filtre[b-yxtuthykz8]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.ay-arama[b-yxtuthykz8] {
  flex: 0 1 220px;
  min-width: 0;
  max-width: 260px;
}

.ay-kapak[b-yxtuthykz8]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ay-kapak[b-yxtuthykz8]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.ay-kapak[b-yxtuthykz8]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.ay-vitrin[b-yxtuthykz8]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ay-vitrin[b-yxtuthykz8]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.ay-vitrin[b-yxtuthykz8]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ay-vitrin[b-yxtuthykz8]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ay-vitrin[b-yxtuthykz8]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.ay-vitrin[b-yxtuthykz8]  :is(.au-btn, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Liste bölümü kartı ───────────────────────────────────────────────── */
.ay-bolum[b-yxtuthykz8] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ay-bolum[b-yxtuthykz8]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ay-bolum__bas[b-yxtuthykz8] {
  margin-bottom: 12px;
}

.ay-bolum__ad[b-yxtuthykz8] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ay-bolum__ad[b-yxtuthykz8]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ay-bolum__ipucu[b-yxtuthykz8] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ──────────────────── */
.ay-tablo[b-yxtuthykz8]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI: `cihaz.css` telefon bandında sarmalayıcısız
   tablolar için `table { display:block; overflow-x:auto }` genel siperi yazar. Tablo kendi
   kabında (grid-scroll) kaydığı için o siper burada zararlıdır — sticky thead'i tablonun
   kendi kutusuna bağlar ve ikinci bir yatay kaydırıcı açar. */
.ay-tablo[b-yxtuthykz8]  .grid-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 860px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.ay-tablo[b-yxtuthykz8]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.ay-tablo[b-yxtuthykz8]  .grid-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ay-tablo[b-yxtuthykz8]  .grid-table .grid-th-label {
  color: inherit;
}

.ay-tablo[b-yxtuthykz8]  .grid-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--yuzey-cizgi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.ay-tablo[b-yxtuthykz8]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ay-tablo[b-yxtuthykz8]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ay-tablo[b-yxtuthykz8]  .grid-table tbody tr.is-clickable:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

/* Sayfalayıcı tablo kabının dışında kalır. */
.ay-tablo[b-yxtuthykz8]  .grid-pager {
  margin-top: 12px;
  color: var(--n-500);
  font-size: 12px;
}

/* ── Hücre içerikleri ─────────────────────────────────────────────────── */
.ay-link[b-yxtuthykz8] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.ay-link:hover[b-yxtuthykz8] {
  text-decoration: underline;
}

.ay-kisa[b-yxtuthykz8] {
  margin-inline-start: 8px;
  color: var(--n-500);
  font-size: 12px;
}

.ay-tarih[b-yxtuthykz8],
.ay-sayi[b-yxtuthykz8] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ay-sayi[b-yxtuthykz8] {
  color: var(--metin-ikincil);
}

.ay-gecerli[b-yxtuthykz8] {
  gap: 4px;
}

.ay-satir-eylem[b-yxtuthykz8] {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
}

.ay-tablo[b-yxtuthykz8]  .grid-table :is(th, td):last-child {
  width: 1%;
}

/* ── Detay popup: kaydırılmış sayfada da görünür (native top layer) ───── */
.ay-popup[b-yxtuthykz8] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.ay-popup[open][b-yxtuthykz8] {
  display: flex;
  flex-direction: column;
}

.ay-popup[b-yxtuthykz8]::backdrop {
  background: var(--scrim);
}

.ay-popup__bas[b-yxtuthykz8] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ay-popup__bas h2[b-yxtuthykz8] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.ay-popup__bas h2:focus[b-yxtuthykz8] {
  outline: none;
}

.ay-popup__kapat[b-yxtuthykz8] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.ay-popup__govde[b-yxtuthykz8] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ay-bilgi[b-yxtuthykz8] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ay-bilgi > div[b-yxtuthykz8] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 1.6fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ay-bilgi > div:nth-child(odd)[b-yxtuthykz8] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ay-bilgi dt[b-yxtuthykz8] {
  color: var(--n-500);
}

.ay-bilgi dd[b-yxtuthykz8] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ay-popup__not[b-yxtuthykz8] {
  margin: 14px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ay-popup__eylem[b-yxtuthykz8] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: başlık ve filtreler aynı ızgarada (YENI-DIL §1.1) ──────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ay-kapak[b-yxtuthykz8] {
    display: grid;
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    gap: 14px 12px;
    align-items: center;
  }

  .ay-kapak__eylem[b-yxtuthykz8] {
    justify-self: end;
  }
}

/* Geniş masaüstünde tek satır: başlık solda, filtre + eylem sağa yaslı. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ay-kapak[b-yxtuthykz8] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın
     max-content'i çocukların flex-basis'ini saymaz → alanlar alt alta yığılır.
     Kap gerilir, içerik satır içinde sağa yaslanır (dar ekranda sarma korunur). */
  .ay-kapak__filtre[b-yxtuthykz8] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet): dokunma hedefleri ve yapışık sütun ─────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ay-vitrin[b-yxtuthykz8]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .ay-kapak[b-yxtuthykz8]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Yıl) yatay kaydırmada yapışık kalır. */
  .ay-tablo[b-yxtuthykz8]  .grid-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .ay-tablo[b-yxtuthykz8]  .grid-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (hover: none) and (pointer: coarse) {
  .ay-kapak[b-yxtuthykz8]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1: max-width 640) ───────────────────────────── */
@media (max-width: 640px) {
  .ay-kapak[b-yxtuthykz8] {
    padding: 12px;
  }

  .ay-kapak__baslik .au-title[b-yxtuthykz8] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ay-kapak__filtre[b-yxtuthykz8] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .ay-kapak__filtre[b-yxtuthykz8]  .app-field,
  .ay-arama[b-yxtuthykz8] {
    flex: 1 1 auto;
    max-width: none;
  }

  .ay-kapak__eylem[b-yxtuthykz8] {
    width: 100%;
  }

  .ay-kapak__eylem[b-yxtuthykz8]  .au-btn {
    flex: 1 1 auto;
  }

  .ay-bolum[b-yxtuthykz8] {
    padding: 16px 12px;
  }

  .ay-bolum__ad[b-yxtuthykz8] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ay-tablo[b-yxtuthykz8]  .grid-scroll {
    max-height: min(460px, 62dvh);
  }

  .ay-tablo[b-yxtuthykz8]  .grid-table {
    min-width: 720px;
  }

  .ay-tablo[b-yxtuthykz8]  .grid-table :is(th, td) {
    padding: 10px;
  }

  .ay-popup[b-yxtuthykz8] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ay-popup__bas[b-yxtuthykz8],
  .ay-popup__govde[b-yxtuthykz8],
  .ay-popup__eylem[b-yxtuthykz8] {
    padding: 12px;
  }

  .ay-popup__kapat[b-yxtuthykz8] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .ay-popup__eylem .au-btn[b-yxtuthykz8] {
    flex: 1 1 auto;
  }

  .ay-bilgi > div[b-yxtuthykz8] {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Years/YearCreate.razor.rz.scp.css */
/* Yeni akademik yıl — Akademik Analiz görsel dili, yalnız bu sayfa.
   Sayfa `form-vitrin` sınıfını TAŞIMAZ; form yerleşimi (`frm-*`) o dosyadan gelmiyor,
   burada yeniden kuruldu. Ölçüler referanstan: kapak 16/24/18, başlık 23 px, bölüm başlığı
   15 px + 13 px üçgen, girdi 34 px, düğme 34 px / 12.5 px. Yeni hex YOK, !important YOK. */

.au-page.yf-vitrin[b-m2v72rit58] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.yf-kapak[b-m2v72rit58] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yf-kapak[b-m2v72rit58]  .yf-geri {
  align-self: center;
}

.yf-kapak__baslik[b-m2v72rit58] {
  min-width: 0;
}

.yf-kapak__baslik .au-title[b-m2v72rit58] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.yf-kapak__alt[b-m2v72rit58] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.yf-uyari[b-m2v72rit58] {
  margin-bottom: 16px;
}

/* ── Form kartı ───────────────────────────────────────────────────────── */
.yf-kart[b-m2v72rit58] {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yf-kart[b-m2v72rit58]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yf-satir[b-m2v72rit58] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.yf-grup + .yf-grup[b-m2v72rit58],
.yf-satir + .yf-grup[b-m2v72rit58] {
  margin-top: 20px;
}

.yf-grup__ad[b-m2v72rit58] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.yf-grup__ad[b-m2v72rit58]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.yf-izgara[b-m2v72rit58] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.yf-turev[b-m2v72rit58] {
  margin: 10px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.yf-turev b[b-m2v72rit58] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

/* ── Alanlar ──────────────────────────────────────────────────────────── */
.yf-kart[b-m2v72rit58]  .app-field {
  min-width: 0;
}

.yf-kart[b-m2v72rit58]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.yf-kart[b-m2v72rit58]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.yf-kart[b-m2v72rit58]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.yf-kart[b-m2v72rit58]  .app-toggle-row {
  gap: 10px;
}

.yf-kart[b-m2v72rit58]  .app-toggle__label {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.yf-vitrin[b-m2v72rit58]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.yf-vitrin[b-m2v72rit58]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.yf-vitrin[b-m2v72rit58]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.yf-vitrin[b-m2v72rit58]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.yf-vitrin[b-m2v72rit58]  :is(.au-btn, .app-input, .app-toggle):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.yf-eylem[b-m2v72rit58] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: tanım ve takvim yan yana ───────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .yf-satir[b-m2v72rit58] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 24px;
  }

  .yf-satir > .yf-grup + .yf-grup[b-m2v72rit58] {
    margin-top: 0;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yf-vitrin[b-m2v72rit58]  .au-btn {
    min-height: 44px;
  }

  .yf-kart[b-m2v72rit58]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .yf-kart[b-m2v72rit58]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun, eylemler tam genişlik ────────────────────────── */
@media (max-width: 640px) {
  .yf-kapak[b-m2v72rit58] {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  .yf-kapak[b-m2v72rit58]  .yf-geri {
    justify-self: start;
  }

  .yf-kapak__baslik .au-title[b-m2v72rit58] {
    font-size: var(--yazi-kapak, 20px);
  }

  .yf-kart[b-m2v72rit58] {
    padding: 16px 12px;
  }

  .yf-grup__ad[b-m2v72rit58] {
    font-size: var(--yazi-bolum, 14px);
  }

  .yf-izgara[b-m2v72rit58] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .yf-eylem[b-m2v72rit58] {
    flex-direction: column-reverse;
  }

  .yf-eylem .au-btn[b-m2v72rit58] {
    width: 100%;
  }
}
/* _content/EduLive.Web/Components/Pages/Academic/Years/YearEdit.razor.rz.scp.css */
/* Akademik yılı düzenle — Akademik Analiz görsel dili, yalnız bu sayfa.
   Sayfa `form-vitrin` sınıfını TAŞIMAZ; form yerleşimi burada yeniden kuruldu.
   Kardeş ekran YearCreate ile aynı ölçüler (kapak 16/24/18, başlık 23 px, girdi 34 px);
   ek olarak kapak rozetleri, meta satırı ve tehlikeli bölge. Yeni hex YOK, !important YOK. */

.au-page.yf-vitrin[b-q8m9eopx9k] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.yf-kapak[b-q8m9eopx9k] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yf-kapak[b-q8m9eopx9k]  .yf-geri {
  align-self: center;
}

.yf-kapak__baslik[b-q8m9eopx9k] {
  min-width: 0;
}

.yf-kapak__baslik .au-title[b-q8m9eopx9k] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.yf-kapak__alt[b-q8m9eopx9k] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.yf-rozet[b-q8m9eopx9k] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.yf-meta[b-q8m9eopx9k] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 10px 0 0;
}

.yf-meta > div[b-q8m9eopx9k] {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
}

.yf-meta dt[b-q8m9eopx9k] {
  color: var(--metin-ipucu);
}

.yf-meta dd[b-q8m9eopx9k] {
  margin: 0;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.yf-uyari[b-q8m9eopx9k] {
  margin-bottom: 16px;
}

/* ── Form kartı ───────────────────────────────────────────────────────── */
.yf-kart[b-q8m9eopx9k] {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yf-kart[b-q8m9eopx9k]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yf-bos[b-q8m9eopx9k] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.yf-bos p[b-q8m9eopx9k] {
  margin: 0;
}

/* DataStates'in varsayılan iskelet/hata paneli de aynı yüzeyi kullanır. */
.yf-vitrin[b-q8m9eopx9k]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yf-satir[b-q8m9eopx9k] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.yf-grup + .yf-grup[b-q8m9eopx9k],
.yf-satir + .yf-grup[b-q8m9eopx9k] {
  margin-top: 20px;
}

.yf-grup__ad[b-q8m9eopx9k] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.yf-grup__ad[b-q8m9eopx9k]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.yf-izgara[b-q8m9eopx9k] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.yf-turev[b-q8m9eopx9k] {
  margin: 10px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.yf-turev b[b-q8m9eopx9k] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

/* ── Alanlar ──────────────────────────────────────────────────────────── */
.yf-kart[b-q8m9eopx9k]  .app-field {
  min-width: 0;
}

.yf-kart[b-q8m9eopx9k]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.yf-kart[b-q8m9eopx9k]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.yf-kart[b-q8m9eopx9k]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.yf-kart[b-q8m9eopx9k]  .app-toggle-row {
  gap: 10px;
}

.yf-kart[b-q8m9eopx9k]  .app-toggle__label {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.yf-vitrin[b-q8m9eopx9k]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.yf-vitrin[b-q8m9eopx9k]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.yf-vitrin[b-q8m9eopx9k]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.yf-vitrin[b-q8m9eopx9k]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.yf-vitrin[b-q8m9eopx9k]  :is(.au-btn, .app-input, .app-toggle):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.yf-eylem[b-q8m9eopx9k] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Tehlikeli bölge: ayrı yüzey, kırmızı tonlar global token'lardan ──── */
.yf-tehlike[b-q8m9eopx9k] {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-bolum);
  background: color-mix(in srgb, var(--red-500) 4%, var(--yuzey));
}

.yf-tehlike__ad[b-q8m9eopx9k] {
  margin: 0 0 8px;
  color: var(--red-600);
  font: 700 14px/1.4 var(--font-display);
}

.yf-tehlike__metin[b-q8m9eopx9k] {
  max-width: 78ch;
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── MASAÜSTÜ: tanım ve takvim yan yana ───────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .yf-satir[b-q8m9eopx9k] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 24px;
  }

  .yf-satir > .yf-grup + .yf-grup[b-q8m9eopx9k] {
    margin-top: 0;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yf-vitrin[b-q8m9eopx9k]  .au-btn {
    min-height: 44px;
  }

  .yf-kart[b-q8m9eopx9k]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .yf-kart[b-q8m9eopx9k]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .yf-kapak[b-q8m9eopx9k] {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  .yf-kapak[b-q8m9eopx9k]  .yf-geri {
    justify-self: start;
  }

  .yf-kapak__baslik .au-title[b-q8m9eopx9k] {
    font-size: var(--yazi-kapak, 20px);
  }

  .yf-meta[b-q8m9eopx9k] {
    flex-direction: column;
    gap: 4px;
  }

  .yf-kart[b-q8m9eopx9k],
  .yf-tehlike[b-q8m9eopx9k] {
    padding: 16px 12px;
  }

  .yf-grup__ad[b-q8m9eopx9k] {
    font-size: var(--yazi-bolum, 14px);
  }

  .yf-izgara[b-q8m9eopx9k] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .yf-eylem[b-q8m9eopx9k] {
    flex-direction: column-reverse;
  }

  .yf-eylem .au-btn[b-q8m9eopx9k] {
    width: 100%;
  }

  .yf-tehlike .au-btn[b-q8m9eopx9k] {
    width: 100%;
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Delegations/DelegationCenter.razor.rz.scp.css */
/* Yetki devri merkezi — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, --marka-rampa-serit tablo başlığı, sınırlı kaydırma,
   native dialog popup) + kardeş uygulama org-birimleri-vitrin.css.
   Yeni hex YOK (yalnız token), !important YOK, sabit spacer YOK.
   Bu sayfa bir analiz vitrini DEĞİL → --anv-*/--agv-* token'ları miras alınmaz;
   sekme vurguları genel marka rampasının uçlarından (marka-600 → rampa-orta → rampa-uc) gelir.
   Çocuk bileşenlerin (AppTextField, AppSelect, DataStates) içi[b-49v3wihwqp]  ile hedeflenir. */

.dc-vitrin {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtreler + ana eylem tek beyaz yüzeyde ───── */
.dc-vitrin[b-49v3wihwqp]  .dc-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dc-vitrin[b-49v3wihwqp]  .dc-kapak__bas {
  min-width: 0;
}

.dc-vitrin[b-49v3wihwqp]  .dc-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.dc-vitrin[b-49v3wihwqp]  .dc-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dc-vitrin[b-49v3wihwqp]  .dc-kapak__geri {
  /* Gizlenen ad mutlak konumlu — .au-breadcrumb konumsuz olduğu için kapsayıcı blok burada kurulur. */
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

/* Geri düğmesinde yalnız ok görünür — ad ekran okuyucuda kalır. */
.dc-vitrin[b-49v3wihwqp]  .dc-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.dc-vitrin[b-49v3wihwqp]  .dc-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* Filtre satırı kapağın içinde; ikinci bir filtre kartı OLUŞTURULMAZ. */
.dc-vitrin[b-49v3wihwqp]  .dc-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  /* Satır aralığı 36px: alanlar sardığında üst satırın mutlak konumlu iki
     satırlık ipucusu alt satıra binmesin. Sarma olmayan tek satırda etkisizdir. */
  gap: 36px 12px;
  grid-column: 1 / -1;
  margin: 0;
  /* İpucu/hata metni akıştan çıkarıldığı için (aşağıdaki mutlak konum kuralı)
     iki satırlık ipucuna yer açan alt boşluk: 2×17px satır + 4px aralık ≈ 36px. */
  padding: 0 0 36px;
  border: 0;
  background: transparent;
}

.dc-vitrin[b-49v3wihwqp]  .dc-suzgec__eylem {
  display: flex;
  align-items: flex-end;
  min-height: 34px;
}

.dc-vitrin[b-49v3wihwqp]  .dc-suzgec .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  /* İpucu metni mutlak konumlanacağı için alan kendisi konum çıpası olur. */
  position: relative;
}

/* "Ara" alanındaki ipucu satır yüksekliğini uzatıp `align-items:flex-end` ile
   komşu alanları ve "Uygula" düğmesini ~24px aşağı kaydırıyordu; ipucu akıştan
   çıkarılınca tüm girdilerin alt kenarı tek çizgide hizalanır. */
.dc-vitrin[b-49v3wihwqp]  .dc-suzgec :is(.app-field__hint, .app-field__error) {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
}

/* ── Ortak kontroller ──────────────────────────────────────────── */
.dc-vitrin[b-49v3wihwqp]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dc-vitrin[b-49v3wihwqp]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dc-vitrin[b-49v3wihwqp]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dc-vitrin[b-49v3wihwqp]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dc-vitrin[b-49v3wihwqp]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.dc-vitrin[b-49v3wihwqp]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dc-vitrin[b-49v3wihwqp]  .app-field :is(.app-input, .app-select) {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.dc-vitrin[b-49v3wihwqp]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.dc-vitrin[b-49v3wihwqp]  :is(.au-btn, .app-input, .app-select, .dc-tablo-kaydir, .dc-sekme, .dc-panel):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────── */
.dc-vitrin[b-49v3wihwqp]  .dc-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.dc-vitrin[b-49v3wihwqp]  .dc-sekme {
  --dc-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol dağılımı; renkler gezinme vurgusudur, başarı/hata anlamı taşımaz. */
.dc-vitrin[b-49v3wihwqp]  .dc-sekme:nth-child(2) { --dc-sekme-vurgu: var(--marka-rampa-orta); }
.dc-vitrin[b-49v3wihwqp]  .dc-sekme:nth-child(n+3) { --dc-sekme-vurgu: var(--marka-rampa-uc); }

.dc-vitrin[b-49v3wihwqp]  .dc-sekme:hover {
  background: color-mix(in srgb, var(--dc-sekme-vurgu) 14%, var(--yuzey));
  color: var(--dc-sekme-vurgu);
}

.dc-vitrin[b-49v3wihwqp]  .dc-sekme[aria-selected="true"] {
  background: var(--dc-sekme-vurgu);
  color: var(--on-brand);
}

.dc-vitrin[b-49v3wihwqp]  .dc-sekme:focus-visible {
  outline-color: var(--dc-sekme-vurgu);
}

.dc-vitrin[b-49v3wihwqp]  .dc-panel {
  min-width: 0;
}

/* ── Kart yüzeyleri (liste + DataStates varsayılan panelleri) ──── */
.dc-vitrin[b-49v3wihwqp]  :is(.dc-kart, .dc-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dc-vitrin[b-49v3wihwqp]  :is(.dc-kart, .dc-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dc-vitrin[b-49v3wihwqp]  .dc-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.dc-vitrin[b-49v3wihwqp]  .dc-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dc-vitrin[b-49v3wihwqp]  .dc-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dc-vitrin[b-49v3wihwqp]  .dc-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

/* ── Boş durum ─────────────────────────────────────────────────── */
.dc-vitrin[b-49v3wihwqp]  .dc-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* Kart İÇİNDEki boş durum ikinci bir kart yüzeyi kurmaz. */
.dc-vitrin[b-49v3wihwqp]  .dc-bos--ic {
  padding: 28px 12px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  box-shadow: none;
}

.dc-vitrin[b-49v3wihwqp]  .dc-bos--ic::before {
  content: none;
}

.dc-vitrin[b-49v3wihwqp]  .dc-bos__ikon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: var(--kose-kart);
  color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 10%, transparent);
}

.dc-vitrin[b-49v3wihwqp]  .dc-bos__ikon svg {
  display: block;
  width: 26px;
  height: 26px;
}

.dc-vitrin[b-49v3wihwqp]  .dc-bos__metin {
  max-width: 44ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.dc-vitrin[b-49v3wihwqp]  .dc-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısı
   olmayan tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada
   zararlı: display:block sticky thead'i bozar ve ikinci bir yatay kaydırıcı açar. */
.dc-vitrin[b-49v3wihwqp]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 820px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.dc-vitrin[b-49v3wihwqp]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.dc-vitrin[b-49v3wihwqp]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.dc-vitrin[b-49v3wihwqp]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.dc-vitrin[b-49v3wihwqp]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dc-vitrin[b-49v3wihwqp]  .dc-satir {
  cursor: pointer;
}

.dc-vitrin[b-49v3wihwqp]  .dc-satir:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.dc-vitrin[b-49v3wihwqp]  .dc-ad {
  min-width: 180px;
  overflow-wrap: anywhere;
}

.dc-vitrin[b-49v3wihwqp]  .dc-baglanti {
  display: block;
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}

.dc-vitrin[b-49v3wihwqp]  .dc-baglanti:hover,
.dc-vitrin[b-49v3wihwqp]  .dc-baglanti:focus-visible {
  text-decoration: underline;
}

.dc-vitrin[b-49v3wihwqp]  .dc-gerekce {
  display: block;
  max-width: 34ch;
  overflow: hidden;
  color: var(--n-500);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dc-vitrin[b-49v3wihwqp]  .dc-sayi {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.dc-vitrin[b-49v3wihwqp]  .dc-kalan {
  display: block;
  color: var(--n-500);
  font-size: 12px;
}

/* Bitişine 24 saatten az kalan devir — uyarı tonu, kart rengi değişmez. */
.dc-vitrin[b-49v3wihwqp]  .dc-yakinda {
  color: var(--amber-600);
  font-weight: 600;
}

.dc-vitrin[b-49v3wihwqp]  .au-result-table .au-dim {
  color: var(--n-500);
}

.dc-vitrin[b-49v3wihwqp]  .dc-satir-eylem {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

/* Konumsuz gizleme: `position:absolute` kullanılmaz — <th> konumlandırılmadığı için
   kutu kapsayıcı bloğa (sayfaya) kaçar ve cihaz bandında yatay taşma riski doğurur. */
.dc-vitrin[b-49v3wihwqp]  .dc-gizli-metin {
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Devir özeti: native top layer ─────────────────────────────── */
.dc-vitrin[b-49v3wihwqp]  .dc-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup[open] {
  display: flex;
  flex-direction: column;
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup::backdrop {
  background: var(--scrim);
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup__bas h2:focus {
  outline: none;
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.dc-vitrin[b-49v3wihwqp]  .dc-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.dc-vitrin[b-49v3wihwqp]  .dc-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dc-vitrin[b-49v3wihwqp]  .dc-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dc-vitrin[b-49v3wihwqp]  .dc-olgular dt {
  color: var(--n-500);
}

.dc-vitrin[b-49v3wihwqp]  .dc-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.dc-vitrin[b-49v3wihwqp]  .dc-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dc-vitrin[b-49v3wihwqp]  .dc-kapak {
    padding: 16px;
  }

  .dc-vitrin[b-49v3wihwqp]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .dc-vitrin[b-49v3wihwqp]  .app-field :is(.app-input, .app-select) {
    height: 44px;
    min-height: 44px;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-suzgec__eylem {
    min-height: 44px;
  }

  /* Şerit tek yatay kaydırılabilir bant; sayfanın tamamı taşmaz. */
  .dc-vitrin[b-49v3wihwqp]  .dc-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-sekme {
    flex: 0 0 auto;
    min-height: 44px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .dc-vitrin[b-49v3wihwqp]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .dc-vitrin[b-49v3wihwqp]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .dc-vitrin[b-49v3wihwqp]  .app-field :is(.app-input, .app-select) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Geri + başlık tek satır; eylemler başlığın altında içerik genişliğinde. */
  .dc-vitrin[b-49v3wihwqp]  .dc-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-kapak__eylem .au-btn {
    flex: 1 1 auto;
  }

  /* Telefonda alanlar alt alta; hiza sorunu yok, ipucu akışa geri döner.
     `:is(...)` sarmalayıcısı korunur — özgüllük eşit olmazsa geri alma tutmaz. */
  .dc-vitrin[b-49v3wihwqp]  .dc-suzgec {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding-bottom: 0;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-suzgec .app-field {
    flex: 1 1 auto;
    max-width: none;
    position: static;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-suzgec :is(.app-field__hint, .app-field__error) {
    position: static;
    margin-top: 0;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-kart {
    padding: 16px 12px;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .dc-vitrin[b-49v3wihwqp]  .au-result-table {
    min-width: 680px;
  }

  .dc-vitrin[b-49v3wihwqp]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dc-vitrin[b-49v3wihwqp]  :is(.dc-popup__bas, .dc-popup__govde, .dc-popup__eylem) {
    padding: 12px;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .dc-vitrin[b-49v3wihwqp]  .dc-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Delegations/DelegationCreate.razor.rz.scp.css */
/* Yetki devret — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, kesik sol üst köşe, 34 px kontrol)
   + kardeş uygulama org-birimleri-vitrin.css.
   Sihirbaz (AppWizard) ortak bir bileşendir; DEĞİŞTİRİLMEZ — yalnız bu sayfada
   ::deep ile referans ölçülerine getirilir. Yeni hex YOK, !important YOK. */

.dcr-vitrin[b-1crsoxymyk] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.dcr-vitrin[b-1crsoxymyk]  .dcr-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-kapak__bas {
  min-width: 0;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-kapak__geri {
  /* Gizlenen ad mutlak konumlu — .au-breadcrumb konumsuz olduğu için kapsayıcı blok burada kurulur. */
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Sihirbaz kabuğu ───────────────────────────────────────────── */
.dcr-vitrin[b-1crsoxymyk]  .wiz-kart {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-step-ind__label {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-step-ind.is-active .wiz-step-ind__label {
  color: var(--marka-700);
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-step-ind.is-active .wiz-step-ind__num,
.dcr-vitrin[b-1crsoxymyk]  .wiz-step-ind.is-done .wiz-step-ind__num {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-progress__fill {
  background: var(--marka-rampa-serit);
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dcr-vitrin[b-1crsoxymyk]  .wiz-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dcr-vitrin[b-1crsoxymyk]  :is(.wiz-btn, .au-btn, .app-input, .app-select, .dcr-sonuc):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Ortak kontroller ──────────────────────────────────────────── */
.dcr-vitrin[b-1crsoxymyk]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dcr-vitrin[b-1crsoxymyk]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dcr-vitrin[b-1crsoxymyk]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dcr-vitrin[b-1crsoxymyk]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dcr-vitrin[b-1crsoxymyk]  .app-field :is(.app-input, .app-select) {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.dcr-vitrin[b-1crsoxymyk]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Adım 1: kullanıcı arama ───────────────────────────────────── */
.dcr-vitrin[b-1crsoxymyk]  .dcr-ara {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  /* İpucu metni akıştan çıkarıldığı için yerini şeridin altından ayırıyoruz
     (7px alan boşluğu + ~17px satır yüksekliği). */
  padding-bottom: 24px;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-ara .app-field {
  flex: 1 1 260px;
  min-width: 0;
  max-width: 420px;
  /* İpucu mutlak konumlanacak: dayanak kutusu alanın kendisi olsun. */
  position: relative;
}

/* İpucu/hata satırı girdi kutusunu uzatıp "Ara" düğmesini taban çizgisinden
   aşağı kaydırıyordu; akıştan çıkarılınca iki öğe aynı hizada durur. */
.dcr-vitrin[b-1crsoxymyk]  .dcr-ara :is(.app-field__hint, .app-field__error) {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 7px;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-ara__eylem {
  display: flex;
  align-items: flex-end;
  min-height: 34px;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-sonuclar {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: min(300px, 46dvh);
  margin: 12px 0 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-sonuc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  text-align: start;
  cursor: pointer;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-sonuc:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-sonuc.is-selected {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-sonuc__ad {
  color: var(--metin-murekkep);
  font-size: 13.5px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-sonuc__eposta {
  color: var(--n-500);
  font-size: 12px;
  overflow-wrap: anywhere;
}

/* ── Adım 2: seçim özeti ───────────────────────────────────────── */
.dcr-vitrin[b-1crsoxymyk]  .dcr-secim-ozet {
  margin: 12px 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-sayi {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

/* ── Adım 3: form ızgarası ─────────────────────────────────────── */
.dcr-vitrin[b-1crsoxymyk]  .dcr-izgara {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(140px, 1fr);
  gap: 16px 20px;
  align-items: start;
}

/* Kapsam ve gerekçe iki sütunu birden kaplar; tarih–saat çiftleri yan yana kalır. */
.dcr-vitrin[b-1crsoxymyk]  .dcr-genis {
  grid-column: 1 / -1;
  min-width: 0;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-izgara .app-field {
  min-width: 0;
}

/* ── Adım 4: onay olguları ─────────────────────────────────────── */
.dcr-vitrin[b-1crsoxymyk]  .dcr-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-olgular dt {
  color: var(--n-500);
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.dcr-vitrin[b-1crsoxymyk]  .dcr-uyari {
  margin-top: 14px;
}

.dcr-vitrin[b-1crsoxymyk]  .au-banner {
  border-radius: var(--kose-dugme);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dcr-vitrin[b-1crsoxymyk]  .dcr-kapak {
    padding: 16px;
  }

  .dcr-vitrin[b-1crsoxymyk]  :is(.au-btn, .wiz-btn, .dcr-sonuc) {
    min-height: 44px;
  }

  .dcr-vitrin[b-1crsoxymyk]  .app-field :is(.app-input, .app-select) {
    min-height: 44px;
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-ara__eylem {
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .dcr-vitrin[b-1crsoxymyk]  .app-field :is(.app-input, .app-select) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dcr-vitrin[b-1crsoxymyk]  .dcr-kapak {
    padding: 12px;
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  .dcr-vitrin[b-1crsoxymyk]  .wiz-kart {
    padding: 16px 12px;
  }

  .dcr-vitrin[b-1crsoxymyk]  .wiz-title {
    font-size: var(--yazi-bolum, 14px);
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-ara {
    flex-direction: column;
    align-items: stretch;
    /* Tek sütunda hiza sorunu yok: ipucu akışa geri döndüğü için boşluk gerekmez. */
    padding-bottom: 0;
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-ara :is(.app-field__hint, .app-field__error) {
    position: static;
    margin-top: 0;
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-ara .app-field {
    max-width: none;
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-ara__eylem .au-btn {
    width: 100%;
  }

  /* Tek sütun: tarih ve saat alt alta, dokunma hedefleri korunur. */
  .dcr-vitrin[b-1crsoxymyk]  .dcr-izgara {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-izgara > * {
    grid-column: 1 / -1;
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-sonuclar {
    max-height: min(260px, 50dvh);
  }

  .dcr-vitrin[b-1crsoxymyk]  .dcr-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .dcr-vitrin[b-1crsoxymyk]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Delegations/DelegationDetail.razor.rz.scp.css */
/* Yetki devri detayı — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, --marka-rampa-serit tablo başlığı, native dialog popup)
   + kardeş ekran DelegationCenter.razor.css ile aynı ölçüler.
   Yeni hex YOK (yalnız token), !important YOK, sabit spacer YOK.
   Bu sayfa analiz vitrini DEĞİL → --anv-*/--agv-* miras alınmaz; sekme vurguları
   genel marka rampasının uçlarından (marka-600 → rampa-orta → rampa-uc) gelir. */

.dd-vitrin[b-qz7yu2e09r] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + durum + iptal eylemi ──────────────────────── */
.dd-vitrin[b-qz7yu2e09r]  .dd-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kapak__bas {
  min-width: 0;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kapak__alt b {
  color: var(--metin-ikincil);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kapak__geri {
  /* Gizlenen ad mutlak konumlu — .au-breadcrumb konumsuz olduğu için kapsayıcı blok burada kurulur. */
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Ortak kontroller ──────────────────────────────────────────── */
.dd-vitrin[b-qz7yu2e09r]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dd-vitrin[b-qz7yu2e09r]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dd-vitrin[b-qz7yu2e09r]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dd-vitrin[b-qz7yu2e09r]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dd-vitrin[b-qz7yu2e09r]  :is(.au-btn, .app-input, .dd-tablo-kaydir, .dd-sekme, .dd-panel):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.dd-vitrin[b-qz7yu2e09r]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dd-vitrin[b-qz7yu2e09r]  .app-field .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.dd-vitrin[b-qz7yu2e09r]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.dd-vitrin[b-qz7yu2e09r]  .au-banner {
  border-radius: var(--kose-dugme);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-uyari {
  margin-bottom: 12px;
}

/* ── Bölüm sekmeleri ───────────────────────────────────────────── */
.dd-vitrin[b-qz7yu2e09r]  .dd-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-sekme {
  --dd-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol dağılımı; gezinme vurgusudur, başarı/hata anlamı taşımaz. */
.dd-vitrin[b-qz7yu2e09r]  .dd-sekme:nth-child(2) { --dd-sekme-vurgu: var(--marka-rampa-orta); }
.dd-vitrin[b-qz7yu2e09r]  .dd-sekme:nth-child(n+3) { --dd-sekme-vurgu: var(--marka-rampa-uc); }

.dd-vitrin[b-qz7yu2e09r]  .dd-sekme:hover {
  background: color-mix(in srgb, var(--dd-sekme-vurgu) 14%, var(--yuzey));
  color: var(--dd-sekme-vurgu);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-sekme[aria-selected="true"] {
  background: var(--dd-sekme-vurgu);
  color: var(--on-brand);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-sekme:focus-visible {
  outline-color: var(--dd-sekme-vurgu);
}

/* ── Kart yüzeyleri (bölüm paneli + DataStates varsayılanları) ── */
.dd-vitrin[b-qz7yu2e09r]  :is(.dd-kart, .dd-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dd-vitrin[b-qz7yu2e09r]  :is(.dd-kart, .dd-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Bölüm gövdesi sarmalayıcısı — panel kartının iç akışı. */
.dd-vitrin[b-qz7yu2e09r]  .dd-bolum {
  display: block;
  min-width: 0;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-ozet {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-ozet--uyari {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-bos__metin {
  max-width: 62ch;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* Yetki matrisi (PermissionBitMatrix kökü `.pbm`) taşmak yerine kendi genişliğinde kalır. */
.dd-vitrin[b-qz7yu2e09r]  .pbm {
  min-width: 0;
}

/* ── Denetim tablosu ───────────────────────────────────────────── */
.dd-vitrin[b-qz7yu2e09r]  .dd-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar. Tablo kendi
   kabında kaydığı için o siper burada sticky thead'i bozar ve ikinci kaydırıcı açar. */
.dd-vitrin[b-qz7yu2e09r]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 560px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.dd-vitrin[b-qz7yu2e09r]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.dd-vitrin[b-qz7yu2e09r]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.dd-vitrin[b-qz7yu2e09r]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.dd-vitrin[b-qz7yu2e09r]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dd-vitrin[b-qz7yu2e09r]  .au-result-table .au-dim {
  color: var(--n-500);
  overflow-wrap: anywhere;
}

/* ── Olgu listesi ──────────────────────────────────────────────── */
.dd-vitrin[b-qz7yu2e09r]  .dd-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-olgular > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dd-vitrin[b-qz7yu2e09r]  .dd-olgular dt {
  color: var(--n-500);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── İptal onayı: native top layer ─────────────────────────────── */
.dd-vitrin[b-qz7yu2e09r]  .dd-popup {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup[open] {
  display: flex;
  flex-direction: column;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup::backdrop {
  background: var(--scrim);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup__bas h2:focus {
  outline: none;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup__govde {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  font-size: 13px;
  line-height: 1.6;
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup__govde p {
  margin: 0;
  color: var(--metin-ikincil);
}

.dd-vitrin[b-qz7yu2e09r]  .dd-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dd-vitrin[b-qz7yu2e09r]  .dd-kapak {
    padding: 16px;
  }

  .dd-vitrin[b-qz7yu2e09r]  .au-btn {
    min-height: 44px;
  }

  .dd-vitrin[b-qz7yu2e09r]  .app-field .app-input {
    min-height: 44px;
  }

  /* Şerit tek yatay kaydırılabilir bant; sayfanın tamamı taşmaz. */
  .dd-vitrin[b-qz7yu2e09r]  .dd-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-sekme {
    flex: 0 0 auto;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (İşlem) yatay kaydırmada yapışık kalır. */
  .dd-vitrin[b-qz7yu2e09r]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .dd-vitrin[b-qz7yu2e09r]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .dd-vitrin[b-qz7yu2e09r]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Geri + başlık tek satır; durum ve eylem başlığın altında. */
  .dd-vitrin[b-qz7yu2e09r]  .dd-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-kapak__eylem .au-btn {
    flex: 1 1 auto;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-kart {
    padding: 16px 12px;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .dd-vitrin[b-qz7yu2e09r]  .au-result-table {
    min-width: 480px;
  }

  .dd-vitrin[b-qz7yu2e09r]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dd-vitrin[b-qz7yu2e09r]  :is(.dd-popup__bas, .dd-popup__govde, .dd-popup__eylem) {
    padding: 12px;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .dd-vitrin[b-qz7yu2e09r]  .dd-olgular > div {
    grid-template-columns: minmax(92px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Security/LoginHistory.razor.rz.scp.css */
/* Giriş geçmişi — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kapak/kart/popup ölçüleri SecurityCenter.razor.css ile aynı kaynaktan gelir
   (references/akademik-analiz.md + wwwroot/css/org-birimleri-vitrin.css); ortak bir
   `hs-vitrin` dosyası çıkarmak wwwroot/css ve App.razor'a dokunmayı gerektirdiği için
   bu pakette sayfa-scoped tutuldu (rapordaki paylaşılan ihtiyaç).
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK. */

/* Paket kökü: dört güvenlik sayfasının ortak sayfa sıfırlaması. Ortak bir wwwroot
   dosyası çıkarılırsa tek kanca bu sınıftır (rapordaki paylaşılan ihtiyaç). */
.hs-vitrin[b-g3alxupary] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ──────────────── */
.hs-kapak[b-g3alxupary] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hs-kapak[b-g3alxupary]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.hs-kapak__metin[b-g3alxupary] {
  grid-area: baslik;
  min-width: 0;
}

.hs-kapak__suzgec[b-g3alxupary] {
  grid-area: suzgec;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.hs-kapak__eylem[b-g3alxupary] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, süzgeç ve eylem sağ kenara yaslı. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .hs-kapak[b-g3alxupary] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
    align-items: end;
  }

  .hs-kapak__suzgec[b-g3alxupary] {
    justify-self: end;
  }
}

.hs-giris .au-title[b-g3alxupary] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.hs-giris .au-sub[b-g3alxupary] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.hs-etiket[b-g3alxupary] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--n-500);
}

/* ── Sonuç süzgeci (zaman segmenti ölçüleri) ───────────────────────────── */
.hs-segment[b-g3alxupary] {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}

.hs-segment__dugme[b-g3alxupary] {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.hs-segment__dugme:hover[b-g3alxupary] {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.hs-segment__dugme[aria-pressed="true"][b-g3alxupary] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.hs-segment__dugme:focus-visible[b-g3alxupary] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Düğme tabanı ──────────────────────────────────────────────────────── */
.hs-giris .au-btn[b-g3alxupary],
.hs-giris[b-g3alxupary]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hs-giris .au-btn--sm[b-g3alxupary],
.hs-giris[b-g3alxupary]  .au-btn--sm {
  padding: 0 10px;
  font-size: 12px;
}

.hs-giris .au-btn:hover:not(:disabled)[b-g3alxupary],
.hs-giris[b-g3alxupary]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.hs-giris .au-btn--primary[b-g3alxupary] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hs-giris .au-btn--primary:hover:not(:disabled)[b-g3alxupary] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.hs-giris .au-btn:focus-visible[b-g3alxupary],
.hs-giris[b-g3alxupary]  .au-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.hs-not[b-g3alxupary] {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.hs-bos[b-g3alxupary] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.hs-bos p[b-g3alxupary] {
  margin: 0;
}

/* ── Tablo (AppDataGrid işaretlemesi ::deep ile yeni dile çekilir) ─────── */
.hs-giris[b-g3alxupary]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.hs-giris[b-g3alxupary]  .grid-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 860px;
  font-size: 13px;
}

/* 17 Eylül kararı: tablo başlığı düz koyu mavi DEĞİL, mavi→petrol geçişidir. */
.hs-giris[b-g3alxupary]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.hs-giris[b-g3alxupary]  .grid-table thead th {
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

/* Bu sayfada hiçbir kolon Sortable DEĞİL — `.grid-sort` düğmesi ve `aria-sort`
   durumları hiç üretilmez, o yüzden onlara ait kural yazılmaz (ölü kod). */
.hs-giris[b-g3alxupary]  .grid-th-label {
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.hs-giris[b-g3alxupary]  .grid-table tbody td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.hs-giris[b-g3alxupary]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.hs-giris[b-g3alxupary]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.hs-giris[b-g3alxupary]  .grid-pager {
  padding-top: 4px;
  color: var(--metin-ikincil);
  font-size: 12px;
}

.hs-giris[b-g3alxupary]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: none;
}

/* ── Hücre içerikleri ──────────────────────────────────────────────────── */
.hs-tarih[b-g3alxupary] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.hs-cihaz[b-g3alxupary] {
  display: inline-block;
  max-width: 280px;
  overflow-wrap: anywhere;
}

.hs-yontem[b-g3alxupary] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.hs-rozet[b-g3alxupary] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: var(--kose-dugme);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}

.hs-rozet.is-active[b-g3alxupary] {
  background: color-mix(in srgb, var(--basari) 30%, var(--yuzey));
  color: var(--basari-metin);
}

.hs-rozet.is-hata[b-g3alxupary] {
  background: color-mix(in srgb, var(--red-500) 12%, var(--yuzey));
  color: var(--red-600);
}

.hs-failcode[b-g3alxupary] {
  margin-inline-start: 6px;
}

.hs-soluk[b-g3alxupary] {
  color: var(--n-500);
  font-size: 12px;
}

.hs-ip[b-g3alxupary],
.hs-istemci[b-g3alxupary] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
  overflow-wrap: anywhere;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.hs-popup[b-g3alxupary] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.hs-popup[open][b-g3alxupary] {
  display: flex;
  flex-direction: column;
}

.hs-popup[b-g3alxupary]::backdrop {
  background: var(--scrim);
}

.hs-popup__bas[b-g3alxupary] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.hs-popup__bas h2[b-g3alxupary] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.hs-popup__bas h2:focus[b-g3alxupary] {
  outline: none;
}

.hs-popup__kapat[b-g3alxupary] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.hs-popup__govde[b-g3alxupary] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.hs-popup__eylem[b-g3alxupary] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.hs-olgular[b-g3alxupary] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.hs-olgular > div[b-g3alxupary] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.hs-olgular > div:nth-child(odd)[b-g3alxupary] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.hs-olgular dt[b-g3alxupary] {
  color: var(--n-500);
}

.hs-olgular dd[b-g3alxupary] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── CİHAZ (YENI-DIL §1.1) ─────────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hs-kapak[b-g3alxupary] {
    padding: 16px;
  }

  .hs-giris .au-btn[b-g3alxupary],
  .hs-giris[b-g3alxupary]  .au-btn {
    min-height: 44px;
  }

  .hs-segment__dugme[b-g3alxupary] {
    min-height: 40px;
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .hs-kapak[b-g3alxupary] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
    gap: 10px;
  }

  .hs-giris .au-title[b-g3alxupary] {
    font-size: var(--yazi-kapak, 20px);
  }

  .hs-kapak__suzgec[b-g3alxupary],
  .hs-kapak__eylem[b-g3alxupary] {
    width: 100%;
  }

  .hs-segment[b-g3alxupary] {
    display: flex;
    width: 100%;
  }

  .hs-segment__dugme[b-g3alxupary] {
    flex: 1 1 auto;
    min-height: 44px;
  }

  .hs-kapak__eylem .au-btn[b-g3alxupary] {
    flex: 1 1 auto;
  }

  /* İlk anlamlı sütun (tarih) yatay kaydırmada yapışık kalır. */
  .hs-giris[b-g3alxupary]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  .hs-giris[b-g3alxupary]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .hs-cihaz[b-g3alxupary] {
    max-width: 180px;
  }

  .hs-popup[b-g3alxupary] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .hs-popup__bas[b-g3alxupary],
  .hs-popup__govde[b-g3alxupary],
  .hs-popup__eylem[b-g3alxupary] {
    padding: 12px;
  }

  .hs-olgular > div[b-g3alxupary] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .hs-popup__eylem .au-btn[b-g3alxupary] {
    flex: 1 1 auto;
  }
}

/* Dokunmatikte geri düğmesi görünür kutusu da 44 px olur (görünmez ::after hedefiyle
   birlikte org-birimleri-vitrin.css cihaz bandıyla aynı davranış). */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  /* Geri düğmesi 44 px'e çıktığı her bantta ilk kolon da 44 px olmalı; aksi halde
     30 px'lik sabit track'te taşıp başlık sütununa girer (641–1023 px bandı). */
  .hs-kapak[b-g3alxupary] {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .hs-kapak[b-g3alxupary]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Security/MfaSetup.razor.rz.scp.css */
/* MFA kurulumu — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kapak/kart ölçüleri references/akademik-analiz.md; sihirbaz kabuğu (AppWizard)
   onaylı abonelik-planlari-vitrin.css `.planlar-vitrin .wiz-*` blokuyla aynı dile çekilir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK. */

/* Paket kökü: dört güvenlik sayfasının ortak sayfa sıfırlaması. Ortak bir wwwroot
   dosyası çıkarılırsa tek kanca bu sınıftır (rapordaki paylaşılan ihtiyaç). */
.hs-vitrin[b-maep78rimb] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────────── */
.hs-kapak[b-maep78rimb] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hs-kapak[b-maep78rimb]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.hs-kapak__metin[b-maep78rimb] {
  grid-area: baslik;
  min-width: 0;
}

.hs-kapak__eylem[b-maep78rimb] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .hs-kapak[b-maep78rimb] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik eylem";
  }

  .hs-kapak__eylem[b-maep78rimb] {
    justify-self: end;
  }
}

.hs-mfa .au-title[b-maep78rimb] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.hs-mfa .au-sub[b-maep78rimb] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı ──────────────────────────────────────────────────────── */
.hs-mfa .au-btn[b-maep78rimb],
.hs-mfa[b-maep78rimb]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hs-mfa .au-btn--sm[b-maep78rimb],
.hs-mfa[b-maep78rimb]  .au-btn--sm {
  padding: 0 10px;
  font-size: 12px;
}

.hs-mfa .au-btn:hover:not(:disabled)[b-maep78rimb],
.hs-mfa[b-maep78rimb]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.hs-mfa .au-btn--primary[b-maep78rimb] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hs-mfa .au-btn--primary:hover:not(:disabled)[b-maep78rimb] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.hs-mfa .au-btn:focus-visible[b-maep78rimb],
.hs-mfa[b-maep78rimb]  .au-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Hata kartı ────────────────────────────────────────────────────────── */
.hs-kart[b-maep78rimb] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hs-kart[b-maep78rimb]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.hs-kart__baslik[b-maep78rimb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.hs-kart__baslik[b-maep78rimb]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.hs-eylemler[b-maep78rimb] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hs-soluk[b-maep78rimb] {
  margin: 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.hs-etiket[b-maep78rimb] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--n-500);
}

/* ── Sihirbaz kabuğu (AppWizard işaretlemesi) ──────────────────────────── */
.hs-mfa[b-maep78rimb]  .app-wizard {
  gap: 16px;
}

.hs-mfa[b-maep78rimb]  .wiz-head {
  gap: 16px;
}

.hs-mfa[b-maep78rimb]  .wiz-steps {
  min-width: 0;
  padding: 0;
  gap: 8px;
}

.hs-mfa[b-maep78rimb]  .wiz-step-ind {
  min-width: 0;
  padding-inline: 4px;
}

.hs-mfa[b-maep78rimb]  .wiz-step-ind__label {
  font-size: 12px;
  overflow-wrap: anywhere;
}

.hs-mfa[b-maep78rimb]  .wiz-step-ind__num {
  width: 30px;
  height: 30px;
  font-size: 13px;
}

.hs-mfa[b-maep78rimb]  .wiz-title-row {
  padding: 0;
}

.hs-mfa[b-maep78rimb]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.hs-mfa[b-maep78rimb]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.hs-mfa[b-maep78rimb]  .wiz-count {
  font-size: 12px;
  color: var(--n-500);
}

.hs-mfa[b-maep78rimb]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hs-mfa[b-maep78rimb]  .wiz-body {
  padding: 18px;
  font-size: 13px;
}

.hs-mfa[b-maep78rimb]  .wiz-foot {
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.hs-mfa[b-maep78rimb]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hs-mfa[b-maep78rimb]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hs-mfa[b-maep78rimb]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.hs-mfa[b-maep78rimb]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: none;
}

/* ── Adım 1: yönerge + QR ──────────────────────────────────────────────── */
.hs-adimlar[b-maep78rimb] {
  margin: 0 0 16px;
  padding-inline-start: 20px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.7;
}

.hs-adimlar li + li[b-maep78rimb] {
  margin-top: 2px;
}

.hs-qr-alan[b-maep78rimb] {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}

.hs-qr[b-maep78rimb] {
  width: 200px;
  height: 200px;
  padding: 8px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.hs-qr-yan[b-maep78rimb] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  min-width: 240px;
}

.hs-anahtar[b-maep78rimb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hs-anahtar__satir[b-maep78rimb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.hs-anahtar__deger[b-maep78rimb] {
  padding: 6px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--marka-700);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  letter-spacing: .08em;
  unicode-bidi: isolate;
  overflow-wrap: anywhere;
}

.hs-otpauth[b-maep78rimb] {
  color: var(--marka-600);
  font-size: 12.5px;
  font-weight: 600;
  unicode-bidi: isolate;
}

.hs-canli[b-maep78rimb] {
  min-height: 18px;
  color: var(--basari-metin);
  font-size: 12px;
}

/* ── Adım 2: onay kutusu ───────────────────────────────────────────────── */
.hs-onay[b-maep78rimb] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 14px;
  color: var(--metin-ikincil);
  font: 600 13px var(--font-body);
  cursor: pointer;
}

.hs-onay input[type="checkbox"][b-maep78rimb] {
  width: 18px;
  height: 18px;
  accent-color: var(--marka-600);
}

/* ── Adım 3: kod alanı ─────────────────────────────────────────────────── */
.hs-kod-alani[b-maep78rimb] {
  max-width: 220px;
  margin-top: 12px;
}

.hs-mfa[b-maep78rimb]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.hs-kod-alani[b-maep78rimb]  .app-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .28em;
  text-align: center;
}

.hs-mfa[b-maep78rimb]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1) ─────────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hs-kapak[b-maep78rimb] {
    padding: 16px;
  }

  .hs-mfa .au-btn[b-maep78rimb],
  .hs-mfa[b-maep78rimb]  .au-btn,
  .hs-mfa[b-maep78rimb]  .wiz-btn {
    min-height: 44px;
  }

  .hs-mfa[b-maep78rimb]  .app-input {
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .hs-mfa[b-maep78rimb]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .hs-kapak[b-maep78rimb] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
    gap: 10px;
  }

  .hs-mfa .au-title[b-maep78rimb] {
    font-size: var(--yazi-kapak, 20px);
  }

  .hs-kapak__eylem[b-maep78rimb] {
    width: 100%;
  }

  .hs-kapak__eylem .au-btn[b-maep78rimb] {
    flex: 1 1 auto;
  }

  .hs-mfa[b-maep78rimb]  .wiz-body,
  .hs-mfa[b-maep78rimb]  .wiz-foot {
    padding: 12px;
  }

  .hs-mfa[b-maep78rimb]  .wiz-title {
    font-size: var(--yazi-bolum, 14px);
  }

  /* AppWizard `.wiz-steps` zaten flex ve `.wiz-step-ind` `flex:1 1 0` ile satırı tam
     doldurur — display/wrap/justify tekrarı ölü kuraldı, kaldırıldı. Telefonda yalnız
     etkin adımın etiketi kalır; adım sırası ve ilerleme rayı bozulmaz. */
  .hs-mfa[b-maep78rimb]  .wiz-step-ind:not(.is-active) .wiz-step-ind__label {
    display: none;
  }

  .hs-mfa[b-maep78rimb]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
  }

  .hs-kart[b-maep78rimb] {
    padding: 16px 12px;
  }

  .hs-kart__baslik[b-maep78rimb] {
    font-size: var(--yazi-bolum, 14px);
  }

  .hs-qr-alan[b-maep78rimb] {
    gap: 16px;
  }

  .hs-qr[b-maep78rimb] {
    width: 100%;
    max-width: 260px;
    height: auto;
    aspect-ratio: 1;
    margin-inline: auto;
  }

  .hs-qr-yan[b-maep78rimb] {
    min-width: 0;
    width: 100%;
  }

  .hs-kod-alani[b-maep78rimb] {
    max-width: none;
  }

  .hs-eylemler .au-btn[b-maep78rimb] {
    flex: 1 1 auto;
  }
}

/* Dokunmatikte geri düğmesi görünür kutusu da 44 px olur (görünmez ::after hedefiyle
   birlikte org-birimleri-vitrin.css cihaz bandıyla aynı davranış). */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  /* Düğme 44 px olurken kapağın ilk kolonu bu bantta 30 px kalıyordu; düğme kolondan
     taşıp başlığın ilk harfine biniyordu. Kolon da düğmeyle aynı ölçüye çekildi. */
  .hs-kapak[b-maep78rimb] {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .hs-kapak[b-maep78rimb]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Security/SecurityCenter.razor.rz.scp.css */
/* Güvenlik merkezi — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   ve onaylı kardeş ekran wwwroot/css/org-birimleri-vitrin.css.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   Çocuk bileşenlerin (DataStates, AppTextField, GeriBaglanti, RecoveryCodesPanel)
   işaretlemesi ::deep ile hedeflenir. */

/* Paket kökü: dört güvenlik sayfasının ortak sayfa sıfırlaması. Ortak bir wwwroot
   dosyası çıkarılırsa tek kanca bu sınıftır (rapordaki paylaşılan ihtiyaç). */
.hs-vitrin[b-kmzcy2c53w] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + açıklama + ana eylemler tek beyaz yüzeyde ─────────── */
.hs-kapak[b-kmzcy2c53w] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hs-kapak[b-kmzcy2c53w]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.hs-kapak__metin[b-kmzcy2c53w] {
  grid-area: baslik;
  min-width: 0;
}

.hs-kapak__eylem[b-kmzcy2c53w] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, eylemler sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .hs-kapak[b-kmzcy2c53w] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik eylem";
  }

  .hs-kapak__eylem[b-kmzcy2c53w] {
    justify-self: end;
  }
}

.hs-guvenlik .au-title[b-kmzcy2c53w] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.hs-guvenlik .au-sub[b-kmzcy2c53w] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.hs-guvenlik .au-btn[b-kmzcy2c53w],
.hs-guvenlik[b-kmzcy2c53w]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hs-guvenlik .au-btn--sm[b-kmzcy2c53w] {
  padding: 0 10px;
  font-size: 12px;
}

.hs-guvenlik .au-btn:hover:not(:disabled)[b-kmzcy2c53w] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.hs-guvenlik .au-btn--primary[b-kmzcy2c53w],
.hs-guvenlik[b-kmzcy2c53w]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hs-guvenlik .au-btn--primary:hover:not(:disabled)[b-kmzcy2c53w] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.hs-guvenlik .au-btn--danger[b-kmzcy2c53w] {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  color: var(--red-600);
}

.hs-guvenlik .au-btn--danger:hover:not(:disabled)[b-kmzcy2c53w] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-600);
  color: var(--red-600);
}

.hs-guvenlik :is(.au-btn, .hs-sekme, .hs-panel):focus-visible[b-kmzcy2c53w] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Özet şeridi: tek birleşik yüzey, üç renkli bant ───────────────────── */
.hs-ozet[b-kmzcy2c53w] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent);
}

.hs-ozet__oge[b-kmzcy2c53w] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.hs-ozet__oge:last-child[b-kmzcy2c53w] {
  border-right: 0;
}

.hs-ozet__bant[b-kmzcy2c53w] {
  display: block;
  height: 30px;
  margin: 0 -16px;
  background: var(--hs-bant, var(--marka-600));
}

.hs-ozet__oge--mfa[b-kmzcy2c53w] {
  --hs-bant: var(--marka-600);
}

.hs-ozet__oge--oturum[b-kmzcy2c53w] {
  --hs-bant: var(--marka-rampa-orta);
}

.hs-ozet__oge--kod[b-kmzcy2c53w] {
  --hs-bant: var(--marka-rampa-uc);
}

.hs-ozet__oge.is-uyari[b-kmzcy2c53w] {
  --hs-bant: var(--amber-600);
}

.hs-ozet__ad[b-kmzcy2c53w] {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--n-500);
}

.hs-ozet__deger[b-kmzcy2c53w] {
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.hs-ozet__oge.is-uyari .hs-ozet__deger[b-kmzcy2c53w] {
  color: var(--amber-600);
}

.hs-ozet__alt[b-kmzcy2c53w] {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────────────── */
.hs-sekmeler[b-kmzcy2c53w] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.hs-sekme[b-kmzcy2c53w] {
  --hs-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.hs-sekme:nth-child(2)[b-kmzcy2c53w] {
  --hs-vurgu: var(--marka-rampa-orta);
}

.hs-sekme:nth-child(3)[b-kmzcy2c53w] {
  --hs-vurgu: var(--marka-rampa-uc);
}

.hs-sekme:hover[b-kmzcy2c53w] {
  color: var(--hs-vurgu);
  background: color-mix(in srgb, var(--hs-vurgu) 14%, var(--yuzey));
}

.hs-sekme[aria-selected="true"][b-kmzcy2c53w] {
  color: var(--on-brand);
  background: var(--hs-vurgu);
}

.hs-sekme:focus-visible[b-kmzcy2c53w] {
  outline: 2px solid var(--hs-vurgu);
  outline-offset: 2px;
}

.hs-panel:focus-visible[b-kmzcy2c53w] {
  outline-offset: 4px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.hs-kart[b-kmzcy2c53w] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hs-kart[b-kmzcy2c53w]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.hs-kart--dar[b-kmzcy2c53w] {
  max-width: 560px;
}

.hs-kart__bas[b-kmzcy2c53w] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.hs-kart__baslik[b-kmzcy2c53w] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.hs-kart__baslik[b-kmzcy2c53w]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.hs-aciklama[b-kmzcy2c53w] {
  margin: 0;
}

.hs-soluk[b-kmzcy2c53w] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.hs-durum-satiri[b-kmzcy2c53w] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.hs-eylemler[b-kmzcy2c53w] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.hs-form[b-kmzcy2c53w] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.hs-bos[b-kmzcy2c53w] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.hs-bos p[b-kmzcy2c53w] {
  margin: 0;
}

.hs-rozet[b-kmzcy2c53w] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: var(--kose-dugme);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
}

.hs-rozet.is-active[b-kmzcy2c53w] {
  background: color-mix(in srgb, var(--basari) 30%, var(--yuzey));
  color: var(--basari-metin);
}

.hs-rozet.is-passive[b-kmzcy2c53w] {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--metin-ikincil);
}

.hs-gizli[b-kmzcy2c53w] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Oturum tablosu: kendi alanında kayar, başlık üstte sabit ──────────── */
.hs-tablo-kaydir[b-kmzcy2c53w] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar; abonelik-planlari-vitrin.css
   aynı sıfırlamayı yapıyor. */
.hs-tablo[b-kmzcy2c53w] {
  display: table;
  width: 100%;
  min-width: 720px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.hs-tablo thead[b-kmzcy2c53w] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.hs-tablo th[b-kmzcy2c53w] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.hs-tablo td[b-kmzcy2c53w] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.hs-tablo tbody tr:nth-child(even) td[b-kmzcy2c53w] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.hs-tablo tbody tr:hover td[b-kmzcy2c53w] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.hs-tablo tbody tr.is-current td[b-kmzcy2c53w] {
  background: color-mix(in srgb, var(--basari) 10%, var(--yuzey));
}

.hs-tablo__ilk[b-kmzcy2c53w] {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.hs-tablo__eylem[b-kmzcy2c53w] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.hs-ip[b-kmzcy2c53w] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.hs-popup[b-kmzcy2c53w] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.hs-popup[open][b-kmzcy2c53w] {
  display: flex;
  flex-direction: column;
}

.hs-popup[b-kmzcy2c53w]::backdrop {
  background: var(--scrim);
}

.hs-popup__bas[b-kmzcy2c53w] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.hs-popup__bas h2[b-kmzcy2c53w] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.hs-popup__bas h2:focus[b-kmzcy2c53w] {
  outline: none;
}

.hs-popup__kapat[b-kmzcy2c53w] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.hs-popup__govde[b-kmzcy2c53w] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.hs-popup__metin[b-kmzcy2c53w] {
  margin: 0;
  color: var(--metin-ikincil);
}

.hs-popup__eylem[b-kmzcy2c53w] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Çocuk bileşenler ──────────────────────────────────────────────────── */
.hs-guvenlik[b-kmzcy2c53w]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

.hs-guvenlik[b-kmzcy2c53w]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.hs-guvenlik[b-kmzcy2c53w]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.hs-guvenlik[b-kmzcy2c53w]  .rcp {
  border-radius: var(--kose-dugme);
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hs-kapak[b-kmzcy2c53w] {
    padding: 16px;
  }

  .hs-guvenlik .au-btn[b-kmzcy2c53w],
  .hs-guvenlik[b-kmzcy2c53w]  .au-btn {
    min-height: 44px;
  }

  .hs-sekmeler[b-kmzcy2c53w] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .hs-sekme[b-kmzcy2c53w] {
    min-height: 44px;
  }

  .hs-guvenlik[b-kmzcy2c53w]  .app-input {
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .hs-guvenlik[b-kmzcy2c53w]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .hs-kapak[b-kmzcy2c53w] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
    gap: 10px;
  }

  .hs-guvenlik .au-title[b-kmzcy2c53w] {
    font-size: var(--yazi-kapak, 20px);
  }

  .hs-kapak__eylem[b-kmzcy2c53w] {
    width: 100%;
  }

  .hs-kapak__eylem .au-btn[b-kmzcy2c53w] {
    flex: 1 1 auto;
  }

  .hs-ozet[b-kmzcy2c53w] {
    grid-template-columns: minmax(0, 1fr);
  }

  .hs-ozet__oge[b-kmzcy2c53w] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .hs-ozet__oge:last-child[b-kmzcy2c53w] {
    border-bottom: 0;
  }

  .hs-ozet__deger[b-kmzcy2c53w] {
    font-size: var(--yazi-kpi, 20px);
  }

  .hs-kart[b-kmzcy2c53w] {
    padding: 16px 12px;
  }

  .hs-kart__baslik[b-kmzcy2c53w] {
    font-size: var(--yazi-bolum, 14px);
  }

  .hs-kart--dar[b-kmzcy2c53w] {
    max-width: none;
  }

  .hs-eylemler .au-btn[b-kmzcy2c53w] {
    flex: 1 1 auto;
  }

  /* İlk anlamlı sütun (cihaz adı) yatay kaydırmada yapışık kalır. */
  .hs-tablo__ilk[b-kmzcy2c53w] {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  .hs-tablo thead th:first-child[b-kmzcy2c53w] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .hs-popup[b-kmzcy2c53w] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .hs-popup__bas[b-kmzcy2c53w],
  .hs-popup__govde[b-kmzcy2c53w],
  .hs-popup__eylem[b-kmzcy2c53w] {
    padding: 12px;
  }

  .hs-popup__eylem .au-btn[b-kmzcy2c53w] {
    flex: 1 1 auto;
  }
}

/* Dokunmatikte geri düğmesi görünür kutusu da 44 px olur (görünmez ::after hedefiyle
   birlikte org-birimleri-vitrin.css cihaz bandıyla aynı davranış). */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hs-kapak[b-kmzcy2c53w]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }

  /* Düğme 44 px'e çıkınca ilk kolon 30 px kalırsa geri düğmesi başlık sütununa
     taşar; kolonu da aynı bantta 44 px'e çıkarıp tasarlanan boşluğu koruyoruz. */
  .hs-kapak[b-kmzcy2c53w] {
    grid-template-columns: 44px minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Security/StepUpPage.razor.rz.scp.css */
/* Yeniden doğrulama — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kapak/kart ölçüleri references/akademik-analiz.md.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK. */

/* Paket kökü: dört güvenlik sayfasının ortak sayfa sıfırlaması. Ortak bir wwwroot
   dosyası çıkarılırsa tek kanca bu sınıftır (rapordaki paylaşılan ihtiyaç). */
.hs-vitrin[b-jk92kgj911] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────────── */
.hs-kapak[b-jk92kgj911] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hs-kapak[b-jk92kgj911]  .au-breadcrumb {
  margin: 0;
}

.hs-kapak__metin[b-jk92kgj911] {
  min-width: 0;
}

.hs-dogrula .au-title[b-jk92kgj911] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.hs-dogrula .au-sub[b-jk92kgj911] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Kart ──────────────────────────────────────────────────────────────── */
.hs-kart[b-jk92kgj911] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  max-width: 620px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hs-kart[b-jk92kgj911]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.hs-kart__baslik[b-jk92kgj911] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.hs-kart__baslik[b-jk92kgj911]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.hs-soluk[b-jk92kgj911] {
  margin: 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.hs-etiket[b-jk92kgj911] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--n-500);
}

/* Yalnız ekran okuyucuya görünen eşik uyarısı (görsel düzeni etkilemez). */
.hs-gizli[b-jk92kgj911] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── İşlem gerekçesi ───────────────────────────────────────────────────── */
.hs-gerekce[b-jk92kgj911] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
}

.hs-gerekce__metin[b-jk92kgj911] {
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* ── Geri sayım ────────────────────────────────────────────────────────── */
.hs-sayac[b-jk92kgj911] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hs-sayac__metin[b-jk92kgj911] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.hs-sayac__ray[b-jk92kgj911] {
  height: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
  overflow: hidden;
}

.hs-sayac__dolgu[b-jk92kgj911] {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 100%);
  transition: width .4s linear;
}

@media (prefers-reduced-motion: reduce) {
  .hs-sayac__dolgu[b-jk92kgj911] {
    transition: none;
  }
}

/* ── Düğmeler ──────────────────────────────────────────────────────────── */
.hs-eylemler[b-jk92kgj911] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hs-dogrula .au-btn[b-jk92kgj911] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hs-dogrula .au-btn:hover:not(:disabled)[b-jk92kgj911] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.hs-dogrula .au-btn--primary[b-jk92kgj911] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hs-dogrula .au-btn--primary:hover:not(:disabled)[b-jk92kgj911] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.hs-dogrula .au-btn:focus-visible[b-jk92kgj911] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1) ─────────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hs-kapak[b-jk92kgj911] {
    padding: 16px;
  }

  .hs-dogrula .au-btn[b-jk92kgj911] {
    min-height: 44px;
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .hs-kapak[b-jk92kgj911] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
    gap: 10px;
  }

  .hs-dogrula .au-title[b-jk92kgj911] {
    font-size: var(--yazi-kapak, 20px);
  }

  .hs-kart[b-jk92kgj911] {
    max-width: none;
    padding: 16px 12px;
  }

  .hs-kart__baslik[b-jk92kgj911] {
    font-size: var(--yazi-bolum, 14px);
  }

  .hs-eylemler .au-btn[b-jk92kgj911] {
    flex: 1 1 auto;
  }
}

/* Dokunmatikte geri düğmesi görünür kutusu da 44 px olur (görünmez ::after hedefiyle
   birlikte org-birimleri-vitrin.css cihaz bandıyla aynı davranış). */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  /* Düğme 44 px'e çıkarken ilk ızgara kolonu 30 px kalıyor ve düğme başlığın ilk
     harfine biniyordu; kolonu aynı bantta 44 px'e genişletiyoruz. */
  .hs-kapak[b-jk92kgj911] {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .hs-kapak[b-jk92kgj911]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}
/* _content/EduLive.Web/Components/Pages/Account/Shared/RecoveryCodesPanel.razor.rz.scp.css */
/* FAZ 3.1 G3 — RecoveryCodesPanel. Aurora token'ları — hardcoded hex YASAK. */

.rcp[b-y49iq75r55] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  background: var(--glass);
  border: 1px solid var(--amber-500);
  border-radius: var(--radius-lg);
}

.rcp__head[b-y49iq75r55] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.rcp__warn-ico[b-y49iq75r55] {
  color: var(--amber-600);
  flex-shrink: 0;
  margin-top: 2px;
}

.rcp__head-text[b-y49iq75r55] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.rcp__title[b-y49iq75r55] {
  font: 700 14px var(--font-body);
  color: var(--fg);
}

.rcp__sub[b-y49iq75r55] {
  font-size: 12.5px;
  color: var(--fg-soft);
}

.rcp__codes[b-y49iq75r55] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0 0 0 20px;
  unicode-bidi: isolate;
}

.rcp__code[b-y49iq75r55] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--fg);
  background: var(--n-100);
  border-radius: var(--radius-sm);
  padding: 6px 10px;
  list-style-position: inside;
}

.rcp__actions[b-y49iq75r55] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.rcp__btn[b-y49iq75r55] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font: 600 13px var(--font-body);
  color: var(--fg-soft);
  background: var(--glass-strong);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.12s var(--ease-smooth);
}

.rcp__btn:hover[b-y49iq75r55] {
  background: var(--glass-hover);
}

.rcp__live[b-y49iq75r55] {
  min-height: 18px;
  font-size: 12.5px;
  color: var(--green-600);
}
/* _content/EduLive.Web/Components/Pages/Admin/AiModels/AiModelDetail.razor.rz.scp.css */
/* AI Model Detayı — Akademik Analiz kapak/kart/sekme ölçüleri, yalnız bu sayfa.
   Ortak vitrin dosyası yazma yetkisi bu oturumda yok; ölçüler sayfa-scoped kopyalandı. */

.aim-detay-vitrin[b-810sue67pj] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
}

/* ── Kapak ── */
.aim-detay-vitrin[b-810sue67pj]  .aim-kapak {
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.aim-detay-vitrin[b-810sue67pj]  .aim-kapak__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.aim-detay-vitrin[b-810sue67pj]  .aim-kapak__bas { min-width: 0; flex: 1 1 260px; }
.aim-detay-vitrin[b-810sue67pj]  .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}
.aim-detay-vitrin[b-810sue67pj]  .au-sub { margin: 8px 0 0; color: var(--n-500); font-size: 12px; unicode-bidi: isolate; }
.aim-detay-vitrin[b-810sue67pj]  .au-head__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.aim-detay-vitrin[b-810sue67pj]  .au-breadcrumb--dugme {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}
.aim-detay-vitrin[b-810sue67pj]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Düğmeler ── */
.aim-detay-vitrin[b-810sue67pj]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
  text-decoration: none;
}
.aim-detay-vitrin[b-810sue67pj]  .au-btn:hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.aim-detay-vitrin[b-810sue67pj]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.aim-detay-vitrin[b-810sue67pj]  .au-btn--primary:hover:not(:disabled) { background: var(--marka-500); border-color: var(--marka-500); }
.aim-detay-vitrin[b-810sue67pj]  .au-btn--danger { background: var(--red-600); border-color: var(--red-600); color: var(--on-brand); }
.aim-detay-vitrin[b-810sue67pj]  .au-btn--danger:hover:not(:disabled) { background: var(--red-500); border-color: var(--red-500); }
.aim-detay-vitrin[b-810sue67pj]  .au-btn--sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
.aim-detay-vitrin[b-810sue67pj]  .au-btn:disabled { opacity: .55; }
.aim-detay-vitrin[b-810sue67pj]  :is(button, a, [tabindex]):focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri ── */
.aim-detay-vitrin[b-810sue67pj]  .aim-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}
.aim-detay-vitrin[b-810sue67pj]  .aim-sekme {
  --aim-vurgu: var(--marka-600);
  flex: 0 1 auto;
  min-height: 34px;
  padding: 7px 14px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}
.aim-detay-vitrin[b-810sue67pj]  .aim-sekme:nth-child(2) { --aim-vurgu: var(--marka-rampa-uc); }
.aim-detay-vitrin[b-810sue67pj]  .aim-sekme:hover {
  color: var(--aim-vurgu);
  background: color-mix(in srgb, var(--aim-vurgu) 14%, var(--yuzey));
}
.aim-detay-vitrin[b-810sue67pj]  .aim-sekme[aria-selected="true"] { background: var(--aim-vurgu); color: var(--on-brand); }
.aim-detay-vitrin[b-810sue67pj]  .aim-sekme:focus-visible,
.aim-detay-vitrin[b-810sue67pj]  .aim-panel:focus-visible { outline: 2px solid var(--aim-vurgu, var(--marka-600)); outline-offset: 2px; }
.aim-detay-vitrin[b-810sue67pj]  .aim-panel { min-width: 0; }

/* ── Kartlar ── */
.aim-detay-vitrin[b-810sue67pj]  .aim-izgara { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.aim-detay-vitrin[b-810sue67pj]  .aim-izgara > :first-child { grid-row: span 2; }
.aim-detay-vitrin[b-810sue67pj]  .aim-tehlike { grid-column: 1 / -1; }
.aim-detay-vitrin[b-810sue67pj]  :is(.au-card, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.aim-detay-vitrin[b-810sue67pj]  :is(.au-card, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.aim-detay-vitrin[b-810sue67pj]  .au-card + .au-card { margin-top: 0; }
.aim-detay-vitrin[b-810sue67pj]  .au-card__title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.aim-detay-vitrin[b-810sue67pj]  .au-card__title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.aim-detay-vitrin[b-810sue67pj]  .au-dim { color: var(--n-500); font-size: 12px; line-height: 1.6; }
.aim-detay-vitrin[b-810sue67pj]  .aim-json-baslik {
  margin: 14px 0 6px;
  color: var(--metin-ikincil);
  font: 700 12.5px/1.4 var(--font-body);
}

/* ── Bilgi listeleri ── */
.aim-detay-vitrin[b-810sue67pj]  .au-facts { display: flex; flex-direction: column; gap: 2px; margin: 0; font-size: 13px; }
.aim-detay-vitrin[b-810sue67pj]  .au-facts > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  border: 0;
  border-radius: var(--kose-dugme);
}
.aim-detay-vitrin[b-810sue67pj]  .au-facts > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.aim-detay-vitrin[b-810sue67pj]  .au-facts dt { margin: 0; color: var(--n-500); font-weight: 500; }
.aim-detay-vitrin[b-810sue67pj]  .au-facts dd { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.aim-detay-vitrin[b-810sue67pj]  .au-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 10%, transparent);
  color: var(--marka-600);
  font-size: 12px;
  font-weight: 600;
}

/* ── Kapasite kutuları ── */
.aim-detay-vitrin[b-810sue67pj]  .au-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin: 0; }
.aim-detay-vitrin[b-810sue67pj]  .au-kpi {
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  text-align: center;
}
.aim-detay-vitrin[b-810sue67pj]  .au-kpi__num {
  display: block;
  color: var(--marka-700);
  font: 700 23px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.aim-detay-vitrin[b-810sue67pj]  .au-kpi__cap { display: block; margin-top: 6px; color: var(--n-500); font-size: 11.5px; font-weight: 600; }

/* ── JSON görüntüleyici (salt görüntüleme davranışı korunur) ── */
.aim-detay-vitrin[b-810sue67pj]  .au-code {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12px;
  line-height: 1.5;
  max-height: 300px;
  overflow: auto;
  overscroll-behavior: contain;
  white-space: pre-wrap;
  word-break: break-word;
  unicode-bidi: isolate;
}
.aim-detay-vitrin[b-810sue67pj]  .au-code:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Tehlikeli alan ── */
.aim-detay-vitrin[b-810sue67pj]  .au-danger-zone {
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-bolum);
  background: color-mix(in srgb, var(--red-500) 4%, transparent);
}
.aim-detay-vitrin[b-810sue67pj]  .au-danger-zone__title { margin: 0 0 10px; color: var(--red-600); font: 700 14px/1.4 var(--font-display); }
.aim-detay-vitrin[b-810sue67pj]  .au-danger-zone .au-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border: 0; padding: 0; }
.aim-detay-vitrin[b-810sue67pj]  .au-danger-zone .au-row p { margin: 0; color: var(--metin-ikincil); font-size: 13px; }
.aim-detay-vitrin[b-810sue67pj]  .aim-ust-banner { margin: 0 0 16px; }
.aim-detay-vitrin[b-810sue67pj]  .au-banner { font-size: 13px; overflow-wrap: anywhere; }
.aim-detay-vitrin[b-810sue67pj]  .au-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
  font-weight: 600;
}

/* ── TABLET + TELEFON ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .aim-detay-vitrin[b-810sue67pj]  .aim-kapak { padding: 16px; }
  .aim-detay-vitrin[b-810sue67pj]  .au-btn { min-height: 44px; }
  .aim-detay-vitrin[b-810sue67pj]  .au-breadcrumb--dugme { flex-basis: 44px; width: 44px; height: 44px; }
  .aim-detay-vitrin[b-810sue67pj]  .aim-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .aim-detay-vitrin[b-810sue67pj]  .aim-sekme { flex: 0 0 auto; min-height: 44px; }
  .aim-detay-vitrin[b-810sue67pj]  .aim-izgara { grid-template-columns: minmax(0, 1fr); }
  .aim-detay-vitrin[b-810sue67pj]  .aim-izgara > :first-child { grid-row: auto; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .aim-detay-vitrin[b-810sue67pj]  .aim-kapak { padding: 12px; }
  .aim-detay-vitrin[b-810sue67pj]  .au-title { font-size: var(--yazi-kapak, 20px); }
  .aim-detay-vitrin[b-810sue67pj]  .au-head__actions { width: 100%; margin-left: 0; }
  .aim-detay-vitrin[b-810sue67pj]  .au-head__actions .au-btn { flex: 1 1 auto; }
  .aim-detay-vitrin[b-810sue67pj]  :is(.au-card, .ds-panel, .au-danger-zone) { padding: 16px 12px; }
  .aim-detay-vitrin[b-810sue67pj]  .au-card__title { font-size: var(--yazi-bolum, 14px); }
  .aim-detay-vitrin[b-810sue67pj]  .au-facts > div { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.4fr); gap: 8px; padding: 10px 6px; }
  .aim-detay-vitrin[b-810sue67pj]  .au-danger-zone .au-row .au-btn { width: 100%; }
}
/* _content/EduLive.Web/Components/Pages/Admin/AiModels/AiModelsList.razor.rz.scp.css */
/* AI Model Kayıtları — Akademik Analiz kapak/yüzey/tablo ölçüleri, yalnız bu sayfa.
   Ortak vitrin dosyası yazma yetkisi bu oturumda yok; ölçüler sayfa-scoped kopyalandı
   (referans: wwwroot/css/analiz-vitrin.css + abonelik-planlari-vitrin.css). */

.aim-vitrin[b-63xjh85x5r] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
}

/* ── Kapak: başlık + süzgeç + kurum kuralları + ana eylemler ── */
.aim-vitrin[b-63xjh85x5r]  .aim-kapak {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.aim-vitrin[b-63xjh85x5r]  .aim-kapak__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
}
.aim-vitrin[b-63xjh85x5r]  .aim-kapak__bas { min-width: 0; }
.aim-vitrin[b-63xjh85x5r]  .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}
.aim-vitrin[b-63xjh85x5r]  .au-sub { margin: 8px 0 0; color: var(--n-500); font-size: 12px; }
.aim-vitrin[b-63xjh85x5r]  .au-head__actions { display: flex; flex-wrap: wrap; gap: 8px; }

.aim-vitrin[b-63xjh85x5r]  .aim-kapak__alt {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 24px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}
.aim-vitrin[b-63xjh85x5r]  .au-filters,
.aim-vitrin[b-63xjh85x5r]  .aim-kurallar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  min-width: 0;
}
.aim-vitrin[b-63xjh85x5r]  .aim-kurallar { margin-left: auto; }
.aim-vitrin[b-63xjh85x5r]  .aim-kurallar__not {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}
.aim-vitrin[b-63xjh85x5r]  .app-field { width: 176px; max-width: 210px; min-width: 0; }
.aim-vitrin[b-63xjh85x5r]  .aim-kurallar .app-field { width: 220px; max-width: 260px; }
.aim-vitrin[b-63xjh85x5r]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.aim-vitrin[b-63xjh85x5r]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.aim-vitrin[b-63xjh85x5r]  .app-field .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

/* ── Düğmeler ── */
.aim-vitrin[b-63xjh85x5r]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
  text-decoration: none;
}
.aim-vitrin[b-63xjh85x5r]  .au-btn:hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.aim-vitrin[b-63xjh85x5r]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.aim-vitrin[b-63xjh85x5r]  .au-btn--primary:hover:not(:disabled) { background: var(--marka-500); border-color: var(--marka-500); }
.aim-vitrin[b-63xjh85x5r]  .au-btn--sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
.aim-vitrin[b-63xjh85x5r]  .au-btn:disabled { opacity: .55; }
.aim-vitrin[b-63xjh85x5r]  :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kartlar ── */
.aim-vitrin[b-63xjh85x5r]  :is(.au-card, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.aim-vitrin[b-63xjh85x5r]  :is(.au-card, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.aim-vitrin[b-63xjh85x5r]  .au-card__title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.aim-vitrin[b-63xjh85x5r]  .au-card__title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.aim-vitrin[b-63xjh85x5r]  .au-dim { color: var(--n-500); font-size: 12px; line-height: 1.6; }
.aim-vitrin[b-63xjh85x5r]  .aim-liste__ozet { margin: 0 0 12px; }

/* ── Boş durum ── */
.aim-vitrin[b-63xjh85x5r]  .aim-bos { display: grid; justify-items: center; gap: 8px; padding: 36px 20px; text-align: center; }
.aim-vitrin[b-63xjh85x5r]  .aim-bos h3 { margin: 0; color: var(--metin-murekkep); font: 700 15px/1.4 var(--font-display); }
.aim-vitrin[b-63xjh85x5r]  .aim-bos p { margin: 0; }
.aim-vitrin[b-63xjh85x5r]  .aim-bos__eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 6px; }

/* ── Tablo: mavi–petrol başlık şeridi, kendi alanında kayar, başlık sabit ── */
.aim-vitrin[b-63xjh85x5r]  .aim-tablo-kap {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.aim-vitrin[b-63xjh85x5r]  .aim-tablo {
  display: table;
  width: 100%;
  min-width: 960px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}
.aim-vitrin[b-63xjh85x5r]  .aim-tablo thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}
.aim-vitrin[b-63xjh85x5r]  .aim-tablo th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.aim-vitrin[b-63xjh85x5r]  .aim-tablo td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: top;
}
.aim-vitrin[b-63xjh85x5r]  .aim-tablo tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.aim-vitrin[b-63xjh85x5r]  .aim-tablo tbody tr:hover td { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.aim-vitrin[b-63xjh85x5r]  .aim-tablo .aim-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.aim-vitrin[b-63xjh85x5r]  .aim-ad-hucre { min-width: 230px; max-width: 380px; }
.aim-vitrin[b-63xjh85x5r]  .aim-ad {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.aim-vitrin[b-63xjh85x5r]  .aim-ad:hover { text-decoration: underline; }
.aim-vitrin[b-63xjh85x5r]  .aim-ad__kod { margin-top: 2px; unicode-bidi: isolate; }
.aim-vitrin[b-63xjh85x5r]  .au-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 10%, transparent);
  color: var(--marka-600);
  font-size: 12px;
  font-weight: 600;
}
.aim-vitrin[b-63xjh85x5r]  .aim-chip--sistem { margin-left: 6px; }
.aim-vitrin[b-63xjh85x5r]  .aim-chip--kaldir { margin-left: 6px; }
.aim-vitrin[b-63xjh85x5r]  .aim-islem-hucre { width: 1%; white-space: nowrap; }
.aim-vitrin[b-63xjh85x5r]  .aim-islem { display: flex; gap: 6px; flex-wrap: wrap; }
.aim-vitrin[b-63xjh85x5r]  .aim-gizli-baslik {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.aim-vitrin[b-63xjh85x5r]  .aim-sayfalama {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
}

/* ── Yerinde önizleme popup'ı (native top layer) ── */
.aim-vitrin[b-63xjh85x5r]  .aim-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.aim-vitrin[b-63xjh85x5r]  .aim-popup[open] { display: flex; flex-direction: column; }
.aim-vitrin[b-63xjh85x5r]  .aim-popup::backdrop { background: var(--scrim); }
.aim-vitrin[b-63xjh85x5r]  .aim-popup__bas {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.aim-vitrin[b-63xjh85x5r]  .aim-popup__bas-metin { min-width: 0; }
.aim-vitrin[b-63xjh85x5r]  .aim-popup__bas h2 {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}
.aim-vitrin[b-63xjh85x5r]  .aim-popup__bas h2:focus { outline: none; }
.aim-vitrin[b-63xjh85x5r]  .aim-popup__bas p { margin: 4px 0 0; unicode-bidi: isolate; }
.aim-vitrin[b-63xjh85x5r]  .aim-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}
.aim-vitrin[b-63xjh85x5r]  .aim-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.aim-vitrin[b-63xjh85x5r]  .aim-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.aim-vitrin[b-63xjh85x5r]  .au-facts { display: flex; flex-direction: column; gap: 2px; margin: 0; font-size: 13px; }
.aim-vitrin[b-63xjh85x5r]  .au-facts > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  border: 0;
  border-radius: var(--kose-dugme);
}
.aim-vitrin[b-63xjh85x5r]  .au-facts > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.aim-vitrin[b-63xjh85x5r]  .au-facts dt { margin: 0; color: var(--n-500); font-weight: 500; }
.aim-vitrin[b-63xjh85x5r]  .au-facts dd { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.aim-vitrin[b-63xjh85x5r]  .au-banner { margin-bottom: 12px; font-size: 13px; overflow-wrap: anywhere; }

/* ── TABLET + TELEFON ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .aim-vitrin[b-63xjh85x5r]  .aim-kapak { padding: 16px; }
  .aim-vitrin[b-63xjh85x5r]  .au-btn { min-height: 44px; }
  .aim-vitrin[b-63xjh85x5r]  .app-field .app-input { min-height: 44px; height: 44px; }
  .aim-vitrin[b-63xjh85x5r]  .aim-kurallar { margin-left: 0; }
  /* Cihazda ilk anlamlı sütun yapışık: yatay kaydırmada model adı görünür kalır. */
  .aim-vitrin[b-63xjh85x5r]  .aim-tablo :is(th, td) { position: relative; }
  .aim-vitrin[b-63xjh85x5r]  .aim-tablo :is(th, td):first-child { position: sticky; left: 0; z-index: 1; }
  .aim-vitrin[b-63xjh85x5r]  .aim-tablo th:first-child { z-index: 3; background: var(--marka-500); }
  .aim-vitrin[b-63xjh85x5r]  .aim-tablo :is(th, td):first-child::after {
    content: "";
    position: absolute;
    inset: 0 -1px 0 auto;
    width: 1px;
    background: var(--hat-kart);
  }
}

@media (pointer: coarse) {
  .aim-vitrin[b-63xjh85x5r]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .aim-vitrin[b-63xjh85x5r]  .aim-kapak { padding: 12px; gap: 12px; }
  .aim-vitrin[b-63xjh85x5r]  .au-title { font-size: var(--yazi-kapak, 20px); }
  .aim-vitrin[b-63xjh85x5r]  .aim-kapak__ust { align-items: flex-start; }
  .aim-vitrin[b-63xjh85x5r]  .au-head__actions { width: 100%; }
  .aim-vitrin[b-63xjh85x5r]  .au-head__actions .au-btn { flex: 1 1 auto; }
  .aim-vitrin[b-63xjh85x5r]  .aim-kapak__alt { flex-direction: column; align-items: stretch; gap: 12px; }
  .aim-vitrin[b-63xjh85x5r]  .au-filters,
  .aim-vitrin[b-63xjh85x5r]  .aim-kurallar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .aim-vitrin[b-63xjh85x5r]  .app-field,
  .aim-vitrin[b-63xjh85x5r]  .aim-kurallar .app-field { width: 100%; max-width: none; }
  .aim-vitrin[b-63xjh85x5r]  .aim-sifirla,
  .aim-vitrin[b-63xjh85x5r]  .aim-kurallar__ac { width: 100%; }
  .aim-vitrin[b-63xjh85x5r]  :is(.au-card, .ds-panel) { padding: 16px 12px; }
  .aim-vitrin[b-63xjh85x5r]  .au-card__title { font-size: var(--yazi-bolum, 14px); }
  .aim-vitrin[b-63xjh85x5r]  .aim-popup { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .aim-vitrin[b-63xjh85x5r]  .aim-popup__bas,
  .aim-vitrin[b-63xjh85x5r]  .aim-popup__govde,
  .aim-vitrin[b-63xjh85x5r]  .aim-popup__eylem { padding: 12px; }
  .aim-vitrin[b-63xjh85x5r]  .aim-popup__eylem .au-btn { flex: 1 1 auto; }
  .aim-vitrin[b-63xjh85x5r]  .au-facts > div { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.4fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/AiModels/AiModelTest.razor.rz.scp.css */
/* AI Model Testi — Akademik Analiz kapak/kart ölçüleri, yalnız bu sayfa. */

.aim-test-vitrin[b-0egjrc6n6s] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
}

/* ── Kapak ── */
.aim-test-vitrin[b-0egjrc6n6s]  .aim-kapak {
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.aim-test-vitrin[b-0egjrc6n6s]  .aim-kapak__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.aim-test-vitrin[b-0egjrc6n6s]  .aim-kapak__bas { min-width: 0; flex: 1 1 260px; }
.aim-test-vitrin[b-0egjrc6n6s]  .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-sub { margin: 8px 0 0; color: var(--n-500); font-size: 12px; unicode-bidi: isolate; }
.aim-test-vitrin[b-0egjrc6n6s]  .au-head__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.aim-test-vitrin[b-0egjrc6n6s]  .au-breadcrumb--dugme {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Düğmeler ── */
.aim-test-vitrin[b-0egjrc6n6s]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
  text-decoration: none;
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-btn:hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.aim-test-vitrin[b-0egjrc6n6s]  .au-btn--primary:hover:not(:disabled) { background: var(--marka-500); border-color: var(--marka-500); }
.aim-test-vitrin[b-0egjrc6n6s]  .au-btn:disabled { opacity: .55; }
.aim-test-vitrin[b-0egjrc6n6s]  :is(button, a, input, textarea, [tabindex]):focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Yerleşim: form solda, yanıt + metrikler sağda ── */
.aim-test-vitrin[b-0egjrc6n6s]  .aim-izgara {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.aim-test-vitrin[b-0egjrc6n6s]  .aim-sonuc { display: grid; gap: 16px; min-width: 0; }

/* ── Kartlar ── */
.aim-test-vitrin[b-0egjrc6n6s]  :is(.au-card, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.aim-test-vitrin[b-0egjrc6n6s]  :is(.au-card, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-card + .au-card { margin-top: 0; }
.aim-test-vitrin[b-0egjrc6n6s]  .au-card__title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-card__title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-dim { color: var(--n-500); font-size: 12px; line-height: 1.6; }
.aim-test-vitrin[b-0egjrc6n6s]  .aim-sinir {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.aim-test-vitrin[b-0egjrc6n6s]  .aim-sinir code { unicode-bidi: isolate; overflow-wrap: anywhere; color: var(--marka-700); font-size: 12px; }

/* ── Form alanları ── */
.aim-test-vitrin[b-0egjrc6n6s]  .au-form-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.aim-test-vitrin[b-0egjrc6n6s]  .app-field { min-width: 0; }
.aim-test-vitrin[b-0egjrc6n6s]  .app-field__label { color: var(--metin-ikincil); font-size: 11px; font-weight: 700; }
.aim-test-vitrin[b-0egjrc6n6s]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.aim-test-vitrin[b-0egjrc6n6s]  .app-field .app-input {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--metin-ikincil);
  font: 500 13px/1.5 var(--font-body);
}
/* Uzun formlarda genel mobil sabit eylem kuralı alanların üstünü örtmesin. */
.aim-test-vitrin[b-0egjrc6n6s]  .au-form-actions {
  position: static;
  inset: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
  background: transparent;
  box-shadow: none;
}
.aim-test-vitrin[b-0egjrc6n6s]  .aim-uyari { margin-top: 10px; }
.aim-test-vitrin[b-0egjrc6n6s]  .au-banner { font-size: 13px; overflow-wrap: anywhere; }

/* ── Yanıt ── */
.aim-test-vitrin[b-0egjrc6n6s]  .aim-durum { margin: 0 0 10px; }
.aim-test-vitrin[b-0egjrc6n6s]  .au-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
  font-weight: 600;
}
.aim-test-vitrin[b-0egjrc6n6s]  .amt-content {
  margin: 0 0 10px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
  max-height: 340px;
  overflow: auto;
  overscroll-behavior: contain;
  white-space: pre-wrap;
  word-break: break-word;
}
.aim-test-vitrin[b-0egjrc6n6s]  .amt-content:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* İşlemde: yükleniyor iskeleti (yanıt beklenirken boş kart görünmez). */
.aim-test-vitrin[b-0egjrc6n6s]  .aim-iskelet { display: grid; gap: 10px; }
.aim-test-vitrin[b-0egjrc6n6s]  .aim-iskelet__satir {
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--marka-500) 8%, var(--yuzey)) 0%,
    color-mix(in srgb, var(--marka-500) 16%, var(--yuzey)) 50%,
    color-mix(in srgb, var(--marka-500) 8%, var(--yuzey)) 100%);
}
.aim-test-vitrin[b-0egjrc6n6s]  .aim-iskelet__satir--kisa { width: 60%; }

/* ── Metrikler ── */
.aim-test-vitrin[b-0egjrc6n6s]  .au-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin: 0; }
.aim-test-vitrin[b-0egjrc6n6s]  .au-kpi {
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  text-align: center;
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-kpi__num {
  display: block;
  color: var(--marka-700);
  font: 700 23px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.aim-test-vitrin[b-0egjrc6n6s]  .au-kpi__cap { display: block; margin-top: 6px; color: var(--n-500); font-size: 11.5px; font-weight: 600; }

/* ── TABLET + TELEFON ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .aim-test-vitrin[b-0egjrc6n6s]  .aim-kapak { padding: 16px; }
  .aim-test-vitrin[b-0egjrc6n6s]  .au-btn { min-height: 44px; }
  .aim-test-vitrin[b-0egjrc6n6s]  .au-breadcrumb--dugme { flex-basis: 44px; width: 44px; height: 44px; }
  .aim-test-vitrin[b-0egjrc6n6s]  .app-field .app-input { min-height: 44px; }
  .aim-test-vitrin[b-0egjrc6n6s]  .aim-izgara { grid-template-columns: minmax(0, 1fr); }
}

@media (pointer: coarse) {
  .aim-test-vitrin[b-0egjrc6n6s]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .aim-test-vitrin[b-0egjrc6n6s]  .aim-kapak { padding: 12px; }
  .aim-test-vitrin[b-0egjrc6n6s]  .au-title { font-size: var(--yazi-kapak, 20px); }
  .aim-test-vitrin[b-0egjrc6n6s]  .au-head__actions { width: 100%; margin-left: 0; }
  .aim-test-vitrin[b-0egjrc6n6s]  .au-head__actions .au-btn { flex: 1 1 auto; }
  .aim-test-vitrin[b-0egjrc6n6s]  :is(.au-card, .ds-panel) { padding: 16px 12px; }
  .aim-test-vitrin[b-0egjrc6n6s]  .au-card__title { font-size: var(--yazi-bolum, 14px); }
  .aim-test-vitrin[b-0egjrc6n6s]  .au-form-actions .au-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Admin/AiModels/AiModelWizard.razor.rz.scp.css */
/* AI model sihirbazı — Akademik Analiz kapak/kart/form ölçüleri, yalnız bu sayfa. */

.aim-sihirbaz-vitrin[b-0ds5aeek85] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
}

/* ── Kapak ── */
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-kapak {
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-kapak__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-kapak__bas { min-width: 0; flex: 1 1 260px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-sub { margin: 8px 0 0; color: var(--n-500); font-size: 12px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-breadcrumb--dugme {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Sihirbaz gövdesi ── */
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.app-wizard, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .app-wizard { display: flex; flex-direction: column; gap: 16px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.app-wizard, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-head { gap: 16px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-steps { min-width: 0; padding: 0; gap: 8px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-step-ind { min-width: 0; padding-inline: 4px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-step-ind__label { font-size: 12px; overflow-wrap: anywhere; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-step-ind__num { width: 30px; height: 30px; font-size: 13px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-title-row { padding: 0; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-count { color: var(--n-500); font-size: 12px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-body { padding: 18px; font-size: 13px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-foot {
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-error { font-size: 13px; overflow-wrap: anywhere; }

/* ── Düğmeler ── */
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.au-btn, .wiz-btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
  white-space: normal;
  text-decoration: none;
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.au-btn, .wiz-btn):hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.au-btn--primary, .wiz-btn--primary) { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.au-btn--primary, .wiz-btn--primary):hover:not(:disabled) { background: var(--marka-500); border-color: var(--marka-500); }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.au-btn, .wiz-btn):disabled { opacity: .55; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form alanları ── */
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .app-field { min-width: 0; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .app-field__label { color: var(--metin-ikincil); font-size: 11px; font-weight: 700; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .app-field .app-input {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--metin-ikincil);
  font: 500 13px/1.5 var(--font-body);
}
/* Çok satırlı alanlar (açıklama, JSON) tek sütuna yayılır — dar kutuda okunmuyor. */
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-form-grid .app-field:has(textarea) { grid-column: 1 / -1; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-dim { color: var(--n-500); font-size: 12px; line-height: 1.6; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-adim-not {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-form-grid + .aim-adim-not { margin: 12px 0 0; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-ust-banner { margin: 0 0 16px; }
/* Gönderme hatası son adımın sonunda, sihirbaz alt eylem çubuğunun hemen üstünde. */
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-gonder-hata { margin: 16px 0 0; }
.aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-banner { font-size: 13px; overflow-wrap: anywhere; }

/* ── TABLET + TELEFON ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-kapak { padding: 16px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.au-btn, .wiz-btn) { min-height: 44px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-breadcrumb--dugme { flex-basis: 44px; width: 44px; height: 44px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .app-field .app-input { min-height: 44px; }
}

@media (pointer: coarse) {
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .aim-kapak { padding: 12px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-title { font-size: var(--yazi-kapak, 20px); }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  :is(.app-wizard, .ds-panel) { padding: 16px 12px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-title { font-size: var(--yazi-bolum, 14px); }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .au-form-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-body,
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-foot { padding: 12px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-steps { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-steps::before { display: none; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-step-ind { flex: 0 0 auto; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-step-ind:not(.is-active) .wiz-step-ind__label { display: none; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-step-ind__label { max-width: 130px; }
  .aim-sihirbaz-vitrin[b-0ds5aeek85]  .wiz-foot .wiz-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Admin/AiModels/ModuleModelOverrides.razor.rz.scp.css */
/* Modül Model Kuralları — Akademik Analiz kapak/sekme/tablo ölçüleri, yalnız bu sayfa. */

.amo-vitrin[b-u5e3ez9rq3] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
}

/* ── Kapak ── */
.amo-vitrin[b-u5e3ez9rq3]  .amo-kapak {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-kapak__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-kapak__bas { min-width: 0; flex: 1 1 260px; }
.amo-vitrin[b-u5e3ez9rq3]  .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}
.amo-vitrin[b-u5e3ez9rq3]  .au-sub { margin: 8px 0 0; color: var(--n-500); font-size: 12px; }
.amo-vitrin[b-u5e3ez9rq3]  .au-head__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-kapak__alt { padding-top: 14px; border-top: 1px solid var(--hat-kart); }
.amo-vitrin[b-u5e3ez9rq3]  .au-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin: 0; }
/* Süzgeç notu artık ayrı satırda: alanın sarmalayıcısını uzatmadığı için
   align-items:flex-end "Sıfırla" düğmesini girdinin alt kenarına hizalar. */
.amo-vitrin[b-u5e3ez9rq3]  .amo-filtre-not { margin: 8px 0 0; color: var(--n-500); font-size: 12px; line-height: 1.4; }
.amo-vitrin[b-u5e3ez9rq3]  .app-field { width: 220px; max-width: 260px; min-width: 0; }
.amo-vitrin[b-u5e3ez9rq3]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.amo-vitrin[b-u5e3ez9rq3]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.amo-vitrin[b-u5e3ez9rq3]  .app-field .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}
.amo-vitrin[b-u5e3ez9rq3]  .au-breadcrumb--dugme {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}
.amo-vitrin[b-u5e3ez9rq3]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Düğmeler ── */
.amo-vitrin[b-u5e3ez9rq3]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
  text-decoration: none;
}
.amo-vitrin[b-u5e3ez9rq3]  .au-btn:hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.amo-vitrin[b-u5e3ez9rq3]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.amo-vitrin[b-u5e3ez9rq3]  .au-btn--primary:hover:not(:disabled) { background: var(--marka-500); border-color: var(--marka-500); }
.amo-vitrin[b-u5e3ez9rq3]  .au-btn--danger { background: var(--red-600); border-color: var(--red-600); color: var(--on-brand); }
.amo-vitrin[b-u5e3ez9rq3]  .au-btn--danger:hover:not(:disabled) { background: var(--red-500); border-color: var(--red-500); }
.amo-vitrin[b-u5e3ez9rq3]  .au-btn--sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
.amo-vitrin[b-u5e3ez9rq3]  .au-btn:disabled { opacity: .55; }
.amo-vitrin[b-u5e3ez9rq3]  :is(button, a, input, [tabindex]):focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri ── */
.amo-vitrin[b-u5e3ez9rq3]  .amo-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-sekme {
  --amo-vurgu: var(--marka-600);
  flex: 0 1 auto;
  min-height: 34px;
  padding: 7px 14px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-sekme:nth-child(2) { --amo-vurgu: var(--marka-rampa-uc); }
.amo-vitrin[b-u5e3ez9rq3]  .amo-sekme:hover {
  color: var(--amo-vurgu);
  background: color-mix(in srgb, var(--amo-vurgu) 14%, var(--yuzey));
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-sekme[aria-selected="true"] { background: var(--amo-vurgu); color: var(--on-brand); }
.amo-vitrin[b-u5e3ez9rq3]  .amo-sekme:focus-visible,
.amo-vitrin[b-u5e3ez9rq3]  .amo-panel:focus-visible { outline: 2px solid var(--amo-vurgu, var(--marka-600)); outline-offset: 2px; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-panel { min-width: 0; }

/* ── Kartlar ── */
.amo-vitrin[b-u5e3ez9rq3]  :is(.au-card, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.amo-vitrin[b-u5e3ez9rq3]  :is(.au-card, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.amo-vitrin[b-u5e3ez9rq3]  .au-card__title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.amo-vitrin[b-u5e3ez9rq3]  .au-card__title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.amo-vitrin[b-u5e3ez9rq3]  .au-dim { color: var(--n-500); font-size: 12px; line-height: 1.6; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-ozet { margin: 0 0 12px; }

/* ── Çözümleme sırası ── */
.amo-vitrin[b-u5e3ez9rq3]  .amo-sira { display: grid; gap: 6px; margin: 10px 0 0; padding-left: 20px; color: var(--n-500); font-size: 13px; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-sira .is-bu-ekran { color: var(--metin-murekkep); }
.amo-vitrin[b-u5e3ez9rq3]  .amo-notlar {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 12px 12px 12px 30px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── Boş durum ── */
.amo-vitrin[b-u5e3ez9rq3]  .amo-bos { display: grid; justify-items: center; gap: 8px; padding: 36px 20px; text-align: center; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-bos h3 { margin: 0; color: var(--metin-murekkep); font: 700 15px/1.4 var(--font-display); }
.amo-vitrin[b-u5e3ez9rq3]  .amo-bos p { margin: 0; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-bos__eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 6px; }

/* ── Tablo ── */
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo-kap {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo {
  display: table;
  width: 100%;
  min-width: 1040px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: top;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo tbody tr:hover td { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.amo-vitrin[b-u5e3ez9rq3]  .amo-tablo .amo-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-modul-hucre { min-width: 170px; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-not-hucre { min-width: 180px; max-width: 280px; color: var(--metin-ikincil); overflow-wrap: anywhere; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-islem-hucre { width: 1%; white-space: nowrap; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-islem { display: flex; flex-wrap: wrap; gap: 6px; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-gizli-baslik {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.amo-vitrin[b-u5e3ez9rq3]  .au-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 10%, transparent);
  color: var(--marka-600);
  font-size: 12px;
  font-weight: 600;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-chip--varsayilan { margin-left: 6px; }
.amo-vitrin[b-u5e3ez9rq3]  .au-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
  font-weight: 600;
}

/* ── Yerinde detay popup'ı ── */
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup[open] { display: flex; flex-direction: column; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup::backdrop { background: var(--scrim); }
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__bas {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__bas-metin { min-width: 0; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__bas h2 {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__bas h2:focus { outline: none; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__bas p { margin: 4px 0 0; unicode-bidi: isolate; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__govde { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.amo-vitrin[b-u5e3ez9rq3]  .amo-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.amo-vitrin[b-u5e3ez9rq3]  .au-facts { display: flex; flex-direction: column; gap: 2px; margin: 0; font-size: 13px; }
.amo-vitrin[b-u5e3ez9rq3]  .au-facts > div {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  border: 0;
  border-radius: var(--kose-dugme);
}
.amo-vitrin[b-u5e3ez9rq3]  .au-facts > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.amo-vitrin[b-u5e3ez9rq3]  .au-facts dt { margin: 0; color: var(--n-500); font-weight: 500; }
.amo-vitrin[b-u5e3ez9rq3]  .au-facts dd { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── TABLET + TELEFON ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .amo-vitrin[b-u5e3ez9rq3]  .amo-kapak { padding: 16px; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-btn { min-height: 44px; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-breadcrumb--dugme { flex-basis: 44px; width: 44px; height: 44px; }
  .amo-vitrin[b-u5e3ez9rq3]  .app-field .app-input { min-height: 44px; height: 44px; }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-sekme { flex: 0 0 auto; min-height: 44px; }
  /* Cihazda ilk anlamlı sütun yapışık: yatay kaydırmada modül adı görünür kalır. */
  .amo-vitrin[b-u5e3ez9rq3]  .amo-tablo :is(th, td) { position: relative; }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-tablo :is(th, td):first-child { position: sticky; left: 0; z-index: 1; }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-tablo th:first-child { z-index: 3; background: var(--marka-500); }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-tablo :is(th, td):first-child::after {
    content: "";
    position: absolute;
    inset: 0 -1px 0 auto;
    width: 1px;
    background: var(--hat-kart);
  }
}

@media (pointer: coarse) {
  .amo-vitrin[b-u5e3ez9rq3]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .amo-vitrin[b-u5e3ez9rq3]  .amo-kapak { padding: 12px; gap: 12px; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-title { font-size: var(--yazi-kapak, 20px); }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-kapak__ust { align-items: flex-start; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-head__actions { width: 100%; margin-left: 0; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-head__actions .au-btn { flex: 1 1 auto; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-filters { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .amo-vitrin[b-u5e3ez9rq3]  .app-field { width: 100%; max-width: none; }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-sifirla { width: 100%; }
  .amo-vitrin[b-u5e3ez9rq3]  :is(.au-card, .ds-panel) { padding: 16px 12px; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-card__title { font-size: var(--yazi-bolum, 14px); }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-popup { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-popup__bas,
  .amo-vitrin[b-u5e3ez9rq3]  .amo-popup__govde,
  .amo-vitrin[b-u5e3ez9rq3]  .amo-popup__eylem { padding: 12px; }
  .amo-vitrin[b-u5e3ez9rq3]  .amo-popup__eylem .au-btn { flex: 1 1 auto; }
  .amo-vitrin[b-u5e3ez9rq3]  .au-facts > div { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.4fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/AiModels/ModuleModelOverrideWizard.razor.rz.scp.css */
/* Modül model kuralı sihirbazı — Akademik Analiz kapak/kart/form ölçüleri, yalnız bu sayfa. */

.amo-sihirbaz-vitrin[b-o00mely4yq] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
}

/* ── Kapak ── */
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-kapak {
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-kapak__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-kapak__bas { min-width: 0; flex: 1 1 260px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-sub { margin: 8px 0 0; color: var(--n-500); font-size: 12px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-breadcrumb--dugme {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Sihirbaz gövdesi ── */
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.app-wizard, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .app-wizard { display: flex; flex-direction: column; gap: 16px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.app-wizard, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-head { gap: 16px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-steps { min-width: 0; padding: 0; gap: 8px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-step-ind { min-width: 0; padding-inline: 4px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-step-ind__label { font-size: 12px; overflow-wrap: anywhere; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-step-ind__num { width: 30px; height: 30px; font-size: 13px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-title-row { padding: 0; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-count { color: var(--n-500); font-size: 12px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-body { padding: 18px; font-size: 13px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-foot {
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-error { font-size: 13px; overflow-wrap: anywhere; }

/* ── Düğmeler ── */
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.au-btn, .wiz-btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
  white-space: normal;
  text-decoration: none;
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.au-btn, .wiz-btn):hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.au-btn--primary, .wiz-btn--primary) { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.au-btn--primary, .wiz-btn--primary):hover:not(:disabled) { background: var(--marka-500); border-color: var(--marka-500); }
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.au-btn, .wiz-btn):disabled { opacity: .55; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form alanları ── */
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .app-field { min-width: 0; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .app-field__label { color: var(--metin-ikincil); font-size: 11px; font-weight: 700; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .app-field .app-input {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--metin-ikincil);
  font: 500 13px/1.5 var(--font-body);
}
/* Çok satırlı alan (not) tek sütuna yayılır. */
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-form-grid .app-field:has(textarea) { grid-column: 1 / -1; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-dim { color: var(--n-500); font-size: 12px; line-height: 1.6; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-adim-not {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-adim-uyari { margin-top: 12px; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-ust-banner { margin: 0 0 16px; }
/* Gönderme hatası son adımın sonunda, sihirbaz alt eylem çubuğunun hemen üstünde. */
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-gonder-hata { margin: 16px 0 0; }
.amo-sihirbaz-vitrin[b-o00mely4yq]  .au-banner { font-size: 13px; overflow-wrap: anywhere; }

/* ── Özet ── */
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-ozet {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-ozet b { color: var(--metin-murekkep); }

/* ── TABLET + TELEFON ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-kapak { padding: 16px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.au-btn, .wiz-btn) { min-height: 44px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .au-breadcrumb--dugme { flex-basis: 44px; width: 44px; height: 44px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .app-field .app-input { min-height: 44px; }
}

@media (pointer: coarse) {
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .amo-kapak { padding: 12px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .au-title { font-size: var(--yazi-kapak, 20px); }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  :is(.app-wizard, .ds-panel) { padding: 16px 12px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-title { font-size: var(--yazi-bolum, 14px); }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .au-form-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-body,
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-foot { padding: 12px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-steps { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-steps::before { display: none; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-step-ind { flex: 0 0 auto; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-step-ind:not(.is-active) .wiz-step-ind__label { display: none; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-step-ind__label { max-width: 130px; }
  .amo-sihirbaz-vitrin[b-o00mely4yq]  .wiz-foot .wiz-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Admin/ApiClients/ApiClientCreate.razor.rz.scp.css */
/* Yeni API istemcisi — Akademik Analiz ölçüleri, API istemcileri modülünün dili.
   Kapak (.acl-head), bölüm kartı (.acl-content) ve başlık üçgeni global
   api-istemcileri-vitrin.css'ten gelir; burada yalnız bu sayfaya özgü düzen var. */

.aci-vitrin[b-wj51jhd8ld] {
  font-family: var(--font-body);
  color: var(--metin-murekkep);
}

/* ── Kapak: geri sütunu + başlık grubu ── */
.aci-heading[b-wj51jhd8ld] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.aci-heading__metin[b-wj51jhd8ld] {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.aci-sub[b-wj51jhd8ld] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.8px;
  line-height: 1.45;
}

/* ── Form ızgarası ── */
.aci-form-grid[b-wj51jhd8ld] {
  gap: 16px;
}

/* Kapsam seçici uzun etiketler taşıdığı için tam satır. */
.aci-genis-alan[b-wj51jhd8ld] {
  grid-column: 1 / -1;
  min-width: 0;
}

.aci-uyari[b-wj51jhd8ld] {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--amber-500) 26%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.aci-banner[b-wj51jhd8ld] {
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.aci-banner--ozet[b-wj51jhd8ld] {
  margin: 14px 0 0;
}

/* ── Özet ve popup bilgi listesi ── */
.aci-facts > div[b-wj51jhd8ld] {
  border-bottom: 1px solid var(--hat-kart);
  font-size: 13px;
  padding-bottom: 8px;
  align-items: flex-start;
}

.aci-facts dt[b-wj51jhd8ld] {
  color: var(--metin-ikincil);
  font-weight: 500;
}

.aci-facts dd[b-wj51jhd8ld] {
  color: var(--metin-murekkep);
  font-weight: 600;
}

.aci-chips[b-wj51jhd8ld] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.aci-bos[b-wj51jhd8ld] {
  color: var(--metin-ipucu);
  font-weight: 500;
}

/* ── Sihirbaz: bölüm kartının içinde ikinci bir kart oluşturmaz ── */
.aci-content[b-wj51jhd8ld]  .app-wizard {
  gap: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.aci-content[b-wj51jhd8ld]  .wiz-kart {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.aci-content[b-wj51jhd8ld]  .wiz-kart::before,
.aci-content[b-wj51jhd8ld]  .wiz-kart::after {
  display: none;
}

.aci-content[b-wj51jhd8ld]  .wiz-title {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.aci-content[b-wj51jhd8ld]  .wiz-count {
  color: var(--metin-ipucu);
  font-size: 12px;
}

.aci-content[b-wj51jhd8ld]  .wiz-step-ind {
  font-size: 12.5px;
  color: var(--metin-ipucu);
}

.aci-content[b-wj51jhd8ld]  .wiz-step-ind.is-active,
.aci-content[b-wj51jhd8ld]  .wiz-step-ind.is-done {
  color: var(--metin-murekkep);
}

.aci-content[b-wj51jhd8ld]  .wiz-step-ind__num {
  background: var(--yuzey);
  border: 1px solid var(--hat-girdi);
  color: var(--metin-ikincil);
}

.aci-content[b-wj51jhd8ld]  .wiz-step-ind.is-active .wiz-step-ind__num,
.aci-content[b-wj51jhd8ld]  .wiz-step-ind.is-done .wiz-step-ind__num {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.aci-content[b-wj51jhd8ld]  .wiz-progress__fill {
  background: var(--marka-rampa-serit);
}

.aci-content[b-wj51jhd8ld]  .wiz-foot {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.aci-content[b-wj51jhd8ld]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.aci-content[b-wj51jhd8ld]  .wiz-btn--ghost {
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-ikincil);
}

.aci-content[b-wj51jhd8ld]  .wiz-btn--primary {
  border: 1px solid var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.aci-content[b-wj51jhd8ld]  .wiz-btn--primary:not(:disabled):hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
  transform: none;
}

.aci-content[b-wj51jhd8ld]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.aci-content[b-wj51jhd8ld]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.aci-content[b-wj51jhd8ld]  .app-input {
  min-height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  box-shadow: none;
}

.aci-content[b-wj51jhd8ld]  :is(.app-input, .wiz-btn):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Tek seferlik anahtar penceresi ── */
.aci-popup[b-wj51jhd8ld] {
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.aci-popup[b-wj51jhd8ld]::backdrop {
  background: var(--scrim);
}

.aci-popup:not([open])[b-wj51jhd8ld] {
  display: none;
}

.aci-popup-head[b-wj51jhd8ld] {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--hat-kart);
}

.aci-popup-head[b-wj51jhd8ld]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.aci-popup-head h2[b-wj51jhd8ld] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.aci-popup-head h2:focus-visible[b-wj51jhd8ld] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.aci-popup-body[b-wj51jhd8ld] {
  display: grid;
  gap: 14px;
  padding: 16px 20px 20px;
  max-height: calc(100dvh - 140px);
  overflow: auto;
  overscroll-behavior: contain;
}

.aci-popup-lead[b-wj51jhd8ld] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.5;
}

.aci-popup-body[b-wj51jhd8ld]  .srp {
  border-radius: var(--kose-dugme);
}

/* ══ MASAÜSTÜ — geniş kapak ══
   Global .acl-head 1540 px üstünde iki sütuna geçer (liste sayfasında filtre + eylem içindi).
   Burada tek başlık grubu var; iki sütunu birden kaplasın ki alt metin daralmasın. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .aci-heading[b-wj51jhd8ld] {
    grid-column: 1 / -1;
  }
}

/* ══ TABLET ══ */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .aci-content[b-wj51jhd8ld]  :is(.app-input, .wiz-btn) {
    min-height: 44px;
  }

  .aci-popup[b-wj51jhd8ld] {
    width: min(560px, calc(100vw - 24px));
  }
}

/* ══ TELEFON ══ */
@media (max-width: 640px) {
  .aci-heading[b-wj51jhd8ld] {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .aci-sub[b-wj51jhd8ld] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .aci-form-grid[b-wj51jhd8ld] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .aci-facts > div[b-wj51jhd8ld] {
    flex-direction: column;
    gap: 4px;
  }

  .aci-facts dd[b-wj51jhd8ld] {
    text-align: left;
  }

  .aci-chips[b-wj51jhd8ld] {
    justify-content: flex-start;
  }

  .aci-content[b-wj51jhd8ld]  .wiz-foot {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
  }

  .aci-content[b-wj51jhd8ld]  :is(.app-input, .wiz-btn) {
    min-height: 44px;
  }

  .aci-popup[b-wj51jhd8ld] {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 24px);
  }

  .aci-popup-head[b-wj51jhd8ld] {
    padding: 14px 16px 10px;
  }

  .aci-popup-body[b-wj51jhd8ld] {
    padding: 14px 16px 18px;
    max-height: calc(100dvh - 116px);
  }

  .aci-popup-head h2[b-wj51jhd8ld] {
    font-size: var(--yazi-bolum, 14px);
  }
}

/* Dokunmatikte girdi 16 px — iOS otomatik yakınlaştırmasını engeller (YENI-DIL K4). */
@media (pointer: coarse) {
  .aci-content[b-wj51jhd8ld]  .app-input {
    font-size: max(16px, 1rem);
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/ApiClients/ApiClientDetail.razor.rz.scp.css */
/* API istemci detayı — Akademik Analiz ölçüleri, API istemcileri modülünün dili.
   Kapak (.acl-head), bölüm kartı (.acl-content) ve başlık üçgeni global
   api-istemcileri-vitrin.css'ten gelir; burada yalnız bu sayfaya özgü düzen var.
   Sekme vurguları lacivert → mavi → petrol: yeni palet üretilmedi, mevcut global
   --marka-600 / --marka-rampa-orta / --marka-rampa-uc token'ları kullanıldı. */

.acd-vitrin[b-y6xtkdsadc] {
  font-family: var(--font-body);
  color: var(--metin-murekkep);
}

/* ── Kapak ── */
.acd-heading[b-y6xtkdsadc] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.acd-heading__metin[b-y6xtkdsadc] {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.acd-sub[b-y6xtkdsadc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.8px;
  line-height: 1.45;
}

.acd-sub .au-email[b-y6xtkdsadc] {
  overflow-wrap: anywhere;
}

.acd-rozet[b-y6xtkdsadc] {
  margin: 0;
}

/* ── Bölüm sekmeleri + yıkıcı eylem ── */
.acd-toolbar[b-y6xtkdsadc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.acd-sekmeler[b-y6xtkdsadc] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.acd-sekme[b-y6xtkdsadc] {
  --acd-vurgu: var(--marka-600);
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.acd-sekme:nth-child(2)[b-y6xtkdsadc] { --acd-vurgu: var(--marka-rampa-orta); }
.acd-sekme:nth-child(3)[b-y6xtkdsadc] { --acd-vurgu: var(--marka-rampa-uc); }

.acd-sekme[aria-selected="true"][b-y6xtkdsadc] {
  background: var(--acd-vurgu);
  color: var(--on-brand);
}

.acd-sekme:disabled[b-y6xtkdsadc] {
  cursor: not-allowed;
  opacity: .55;
}

.acd-sekme:focus-visible[b-y6xtkdsadc] {
  outline: 2px solid var(--acd-vurgu);
  outline-offset: 2px;
}

@media (hover: hover) {
  .acd-sekme:hover:not(:disabled):not([aria-selected="true"])[b-y6xtkdsadc] {
    background: color-mix(in srgb, var(--acd-vurgu) 14%, var(--yuzey));
    color: var(--acd-vurgu);
  }
}

.acd-iptal[b-y6xtkdsadc] {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

/* ── Bölüm kartları ── */
.acd-kart[b-y6xtkdsadc] {
  margin-bottom: 16px;
}

.acd-banner[b-y6xtkdsadc] {
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.acd-aciklama[b-y6xtkdsadc] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.acd-alt-baslik[b-y6xtkdsadc] {
  margin: 18px 0 6px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.acd-uyari[b-y6xtkdsadc] {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--amber-500) 26%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.acd-bos[b-y6xtkdsadc] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.acd-bos-eylem[b-y6xtkdsadc] {
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
}

.acd-araclar[b-y6xtkdsadc] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Yükleniyor iskeleti ──
   DataStates'in kendi `.ds-skel` sınıfları o bileşene kapsamlı; burada kendi
   çubuklarımızı çiziyoruz ki kart görünümü modülün dilinde kalsın. */
.acd-iskelet[b-y6xtkdsadc] {
  display: grid;
  gap: 10px;
}

.acd-iskelet__cizgi[b-y6xtkdsadc] {
  height: 12px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--metin-murekkep) 9%, var(--yuzey));
  animation: acd-iskelet-nabiz-b-y6xtkdsadc 1.4s ease-in-out infinite;
}

.acd-iskelet__cizgi--kisa[b-y6xtkdsadc] {
  width: 62%;
}

@keyframes acd-iskelet-nabiz-b-y6xtkdsadc {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}

@media (prefers-reduced-motion: reduce) {
  .acd-iskelet__cizgi[b-y6xtkdsadc] {
    animation: none;
  }
}

/* ── Form ── */
.acd-form-grid[b-y6xtkdsadc] {
  gap: 16px;
}

.acd-genis-alan[b-y6xtkdsadc] {
  grid-column: 1 / -1;
  min-width: 0;
}

/* Rotasyon tek alanlı — tam satıra yayılmasın. */
.acd-rotasyon[b-y6xtkdsadc] {
  grid-template-columns: minmax(0, 260px);
}

.acd-form-actions[b-y6xtkdsadc] {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.acd-form-actions .au-btn[b-y6xtkdsadc] {
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

/* ── Kayıt bilgisi ── */
.acd-facts > div[b-y6xtkdsadc] {
  border-bottom: 1px solid var(--hat-kart);
  font-size: 13px;
  padding-bottom: 8px;
  align-items: flex-start;
}

.acd-facts dt[b-y6xtkdsadc] {
  color: var(--metin-ikincil);
  font-weight: 500;
}

.acd-facts dd[b-y6xtkdsadc] {
  color: var(--metin-murekkep);
  font-weight: 600;
}

/* ── Ortak kontrol görünümü ── */
.acd-kart[b-y6xtkdsadc]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.acd-kart[b-y6xtkdsadc]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.acd-kart[b-y6xtkdsadc]  .app-input {
  min-height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  box-shadow: none;
}

.acd-kart[b-y6xtkdsadc]  .app-toggle.is-on .app-toggle__track {
  background: var(--marka-600);
}

.acd-kart[b-y6xtkdsadc]  .app-toggle__label {
  color: var(--metin-ikincil);
  font-size: 13px;
}

.acd-kart[b-y6xtkdsadc]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Yeni gizli anahtar penceresi ── */
.acd-popup[b-y6xtkdsadc] {
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.acd-popup[b-y6xtkdsadc]::backdrop {
  background: var(--scrim);
}

.acd-popup:not([open])[b-y6xtkdsadc] {
  display: none;
}

.acd-popup-head[b-y6xtkdsadc] {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--hat-kart);
}

.acd-popup-head[b-y6xtkdsadc]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.acd-popup-head h2[b-y6xtkdsadc] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.acd-popup-head h2:focus-visible[b-y6xtkdsadc] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.acd-popup-body[b-y6xtkdsadc] {
  display: grid;
  gap: 14px;
  padding: 16px 20px 20px;
  max-height: calc(100dvh - 140px);
  overflow: auto;
  overscroll-behavior: contain;
}

.acd-popup-lead[b-y6xtkdsadc] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.5;
}

.acd-popup-body[b-y6xtkdsadc]  .srp {
  border-radius: var(--kose-dugme);
}

/* ══ MASAÜSTÜ — geniş kapak ══
   Global .acl-head 1540 px üstünde iki sütuna geçer (liste sayfasında filtre + eylem içindi).
   Burada tek başlık grubu var; iki sütunu birden kaplasın ki alt metin daralmasın. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .acd-heading[b-y6xtkdsadc] {
    grid-column: 1 / -1;
  }
}

/* ══ TABLET ══ */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .acd-sekmeler[b-y6xtkdsadc] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .acd-sekme[b-y6xtkdsadc],
  .acd-iptal[b-y6xtkdsadc],
  .acd-bos-eylem[b-y6xtkdsadc] {
    min-height: 44px;
  }

  .acd-kart[b-y6xtkdsadc]  .app-input {
    min-height: 44px;
  }

  .acd-form-actions .au-btn[b-y6xtkdsadc] {
    min-height: 44px;
  }

  .acd-popup[b-y6xtkdsadc] {
    width: min(560px, calc(100vw - 24px));
  }
}

/* ══ TELEFON ══ */
@media (max-width: 640px) {
  .acd-heading[b-y6xtkdsadc] {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .acd-sub[b-y6xtkdsadc] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .acd-toolbar[b-y6xtkdsadc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .acd-sekmeler[b-y6xtkdsadc] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .acd-sekme[b-y6xtkdsadc],
  .acd-iptal[b-y6xtkdsadc],
  .acd-bos-eylem[b-y6xtkdsadc] {
    min-height: 44px;
  }

  .acd-iptal[b-y6xtkdsadc] {
    width: 100%;
  }

  .acd-form-grid[b-y6xtkdsadc],
  .acd-rotasyon[b-y6xtkdsadc] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .acd-form-actions .au-btn[b-y6xtkdsadc] {
    width: 100%;
    min-height: 44px;
  }

  .acd-facts > div[b-y6xtkdsadc] {
    flex-direction: column;
    gap: 4px;
  }

  .acd-facts dd[b-y6xtkdsadc] {
    text-align: left;
  }

  .acd-araclar .au-btn[b-y6xtkdsadc] {
    flex: 1 1 100%;
    justify-content: center;
    min-height: 44px;
  }

  .acd-kart[b-y6xtkdsadc]  .app-input {
    min-height: 44px;
  }

  .acd-popup[b-y6xtkdsadc] {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 24px);
  }

  .acd-popup-head[b-y6xtkdsadc] {
    padding: 14px 16px 10px;
  }

  .acd-popup-head h2[b-y6xtkdsadc] {
    font-size: var(--yazi-bolum, 14px);
  }

  .acd-popup-body[b-y6xtkdsadc] {
    padding: 14px 16px 18px;
    max-height: calc(100dvh - 116px);
  }
}

/* Dokunmatikte girdi 16 px — iOS otomatik yakınlaştırmasını engeller (YENI-DIL K4). */
@media (pointer: coarse) {
  .acd-kart[b-y6xtkdsadc]  .app-input {
    font-size: max(16px, 1rem);
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Audit/AuditIntegrity.razor.rz.scp.css */
/* Bütünlük doğrulama — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kardeş ekran AuditLog ile aynı görsel dil; ölçüler analiz-vitrin.css referansından.
   Ölçü şeridi (db-olcu) Akademik Analiz'in KPI şeridinin üç metrikli halidir — referans
   "her sayfaya altı KPI zorunlu değil" der, bu yüzden üç hücre ile kurulur.
   Yeni hex YOK, !important YOK. Çocuk bileşenlerin içi ::deep ile hedeflenir. */

.db-vitrin[b-sdv2xughew] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────── */
.db-vitrin[b-sdv2xughew]  .db-kapak {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.db-vitrin[b-sdv2xughew]  .db-kapak__metin {
  min-width: 0;
}

.db-vitrin[b-sdv2xughew]  .db-geri {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  margin-bottom: 4px;
  color: var(--n-500);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.db-vitrin[b-sdv2xughew]  .db-geri:hover {
  color: var(--marka-700);
}

.db-vitrin[b-sdv2xughew]  .db-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.db-vitrin[b-sdv2xughew]  .db-alt {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.db-vitrin[b-sdv2xughew]  .db-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Ortak kontrol tabanı ─────────────────────────────────────────── */
.db-vitrin[b-sdv2xughew]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.db-vitrin[b-sdv2xughew]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.db-vitrin[b-sdv2xughew]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.db-vitrin[b-sdv2xughew]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.db-vitrin[b-sdv2xughew]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.db-vitrin[b-sdv2xughew]  .au-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.db-vitrin[b-sdv2xughew]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.db-vitrin[b-sdv2xughew]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.db-vitrin[b-sdv2xughew]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.db-vitrin[b-sdv2xughew]  :is(.au-btn, .app-input, .db-tablo-kaydir):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────── */
.db-vitrin[b-sdv2xughew]  .db-kart {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.db-vitrin[b-sdv2xughew]  .db-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.db-vitrin[b-sdv2xughew]  .db-kart--orta {
  text-align: center;
}

.db-vitrin[b-sdv2xughew]  .db-kart--orta .db-bolum-baslik {
  justify-content: center;
}

.db-vitrin[b-sdv2xughew]  .db-kart--orta .db-kart__eylem {
  justify-content: center;
}

.db-vitrin[b-sdv2xughew]  .db-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.db-vitrin[b-sdv2xughew]  .db-bolum-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.db-vitrin[b-sdv2xughew]  .db-kart__aciklama {
  max-width: 78ch;
  margin: 0 0 16px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.db-vitrin[b-sdv2xughew]  .db-kart--orta .db-kart__aciklama {
  margin-inline: auto;
}

.db-vitrin[b-sdv2xughew]  .db-kart__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.db-vitrin[b-sdv2xughew]  .db-banner {
  margin-top: 14px;
}

.db-vitrin[b-sdv2xughew]  .db-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Form ızgarası ────────────────────────────────────────────────── */
.db-vitrin[b-sdv2xughew]  .db-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.db-vitrin[b-sdv2xughew]  .db-form .app-field {
  min-width: 0;
}

/* ── Ölçü şeridi (üç metrik, tek birleşik yüzey) ──────────────────── */
.db-vitrin[b-sdv2xughew]  .db-olcu {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.db-vitrin[b-sdv2xughew]  .db-olcu__hucre {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  background: var(--yuzey);
  border-right: 1px solid var(--hat-kart);
}

.db-vitrin[b-sdv2xughew]  .db-olcu__hucre:last-child {
  border-right: 0;
}

.db-vitrin[b-sdv2xughew]  .db-olcu__bant {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Bant renkleri Akademik Analiz KPI sırasından (lacivert → petrol → yeşil). */
.db-vitrin[b-sdv2xughew]  .db-olcu__bant--1 { background: var(--marka-600); }
.db-vitrin[b-sdv2xughew]  .db-olcu__bant--2 { background: var(--marka-rampa-uc); }
.db-vitrin[b-sdv2xughew]  .db-olcu__bant--3 { background: color-mix(in srgb, var(--marka-rampa-uc) 45%, var(--basari)); }

.db-vitrin[b-sdv2xughew]  .db-olcu__deger {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.db-vitrin[b-sdv2xughew]  .db-olcu__deger.is-uyari {
  color: var(--danger-metin);
}

.db-vitrin[b-sdv2xughew]  .db-olcu__alt {
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

.db-vitrin[b-sdv2xughew]  .db-sinir-notu {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Şüpheli kayıt tablosu ────────────────────────────────────────── */
.db-vitrin[b-sdv2xughew]  .db-tablo-kaydir {
  max-height: min(540px, 60dvh);
  margin-top: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* cihaz.css telefon bandındaki genel `table { display:block }` siperi burada zararlı —
   tablo kendi kabında kayıyor; sıfırlanmazsa sticky thead ikinci kaydırıcı açar. */
.db-vitrin[b-sdv2xughew]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 700px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.db-vitrin[b-sdv2xughew]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.db-vitrin[b-sdv2xughew]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.db-vitrin[b-sdv2xughew]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.db-vitrin[b-sdv2xughew]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.db-vitrin[b-sdv2xughew]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.db-vitrin[b-sdv2xughew]  .db-kayit-no {
  width: 1%;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.db-vitrin[b-sdv2xughew]  .db-hash {
  color: var(--marka-700);
  font-size: 12px;
  unicode-bidi: isolate;
}

.db-vitrin[b-sdv2xughew]  .db-satir__islem {
  width: 1%;
  text-align: end;
  white-space: nowrap;
}

/* ── Popup ────────────────────────────────────────────────────────── */
.db-vitrin[b-sdv2xughew]  .db-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.db-vitrin[b-sdv2xughew]  .db-popup[open] {
  display: flex;
  flex-direction: column;
}

.db-vitrin[b-sdv2xughew]  .db-popup::backdrop {
  background: var(--scrim);
}

.db-vitrin[b-sdv2xughew]  .db-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.db-vitrin[b-sdv2xughew]  .db-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.db-vitrin[b-sdv2xughew]  .db-popup__bas h2:focus {
  outline: none;
}

.db-vitrin[b-sdv2xughew]  .db-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.db-vitrin[b-sdv2xughew]  .db-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.db-vitrin[b-sdv2xughew]  .db-popup__alt-baslik {
  margin: 16px 0 6px;
  font: 700 13px/1.4 var(--font-display);
  color: var(--metin-ikincil);
}

.db-vitrin[b-sdv2xughew]  .db-popup__hash {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--marka-700);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.db-vitrin[b-sdv2xughew]  .db-popup__not {
  margin: 16px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.db-vitrin[b-sdv2xughew]  .db-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  justify-content: flex-end;
}

.db-vitrin[b-sdv2xughew]  .db-olgu {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.db-vitrin[b-sdv2xughew]  .db-olgu > div {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.db-vitrin[b-sdv2xughew]  .db-olgu > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.db-vitrin[b-sdv2xughew]  .db-olgu dt {
  color: var(--n-500);
}

.db-vitrin[b-sdv2xughew]  .db-olgu dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .db-vitrin[b-sdv2xughew]  .db-kapak {
    padding: 16px;
  }

  .db-vitrin[b-sdv2xughew]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .db-vitrin[b-sdv2xughew]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (kayıt no) yatay kaydırmada yapışık kalır. */
  .db-vitrin[b-sdv2xughew]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .db-vitrin[b-sdv2xughew]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .db-vitrin[b-sdv2xughew]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .db-vitrin[b-sdv2xughew]  .db-kapak {
    padding: 12px;
  }

  .db-vitrin[b-sdv2xughew]  .db-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Eylem başlığın altında, içerik genişliğinde. */
  .db-vitrin[b-sdv2xughew]  .db-eylem {
    width: 100%;
  }

  .db-vitrin[b-sdv2xughew]  .db-eylem .au-btn {
    flex: 1 1 auto;
  }

  .db-vitrin[b-sdv2xughew]  .db-kart {
    padding: 16px 12px;
  }

  .db-vitrin[b-sdv2xughew]  .db-bolum-baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .db-vitrin[b-sdv2xughew]  .db-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  /* Üç metrik tek sütuna iner; bantlar üst üste okunur kalır. */
  .db-vitrin[b-sdv2xughew]  .db-olcu {
    grid-template-columns: minmax(0, 1fr);
  }

  .db-vitrin[b-sdv2xughew]  .db-olcu__hucre {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .db-vitrin[b-sdv2xughew]  .db-olcu__hucre:last-child {
    border-bottom: 0;
  }

  .db-vitrin[b-sdv2xughew]  .db-olcu__deger {
    font-size: var(--yazi-kpi, 20px);
  }

  .db-vitrin[b-sdv2xughew]  .db-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .db-vitrin[b-sdv2xughew]  .au-result-table {
    min-width: 600px;
  }

  .db-vitrin[b-sdv2xughew]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .db-vitrin[b-sdv2xughew]  .db-kart__eylem .au-btn {
    flex: 1 1 auto;
  }

  .db-vitrin[b-sdv2xughew]  .db-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .db-vitrin[b-sdv2xughew]  :is(.db-popup__bas, .db-popup__govde, .db-popup__eylem) {
    padding: 12px;
  }

  .db-vitrin[b-sdv2xughew]  .db-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .db-vitrin[b-sdv2xughew]  .db-olgu > div {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Audit/AuditLog.razor.rz.scp.css */
/* Denetim Kaydı — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kaynak: wwwroot/css/analiz-vitrin.css (kapak/kart/tablo) ve org-birimleri-vitrin.css
   (popup kabuğu). Bu ekran bir analiz vitrini DEĞİL, yönetim ekranı — ortak `*-vitrin.css`
   ailesine girmeden aynı ölçüler burada sayfa kapsamında kurulur. Yeni hex YOK, !important YOK.
   Çocuk bileşenlerin içi (AppSelect, AppTextField, AppDatePicker, DataStates) ::deep ile hedeflenir. */

.dk-vitrin[b-ad145eh52p] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ──────────── */
.dk-vitrin[b-ad145eh52p]  .dk-kapak {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dk-vitrin[b-ad145eh52p]  .dk-kapak__metin {
  min-width: 0;
}

.dk-vitrin[b-ad145eh52p]  .dk-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.dk-vitrin[b-ad145eh52p]  .dk-alt {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Süzgeci açan düğme yalnız telefonda görünür (aşağıdaki TELEFON bandı). */
.dk-vitrin[b-ad145eh52p]  .dk-suzgec-ac {
  display: none;
}

.dk-vitrin[b-ad145eh52p]  .dk-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.dk-vitrin[b-ad145eh52p]  .dk-suzgec .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.dk-vitrin[b-ad145eh52p]  .dk-suzgec__dugmeler {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}

.dk-vitrin[b-ad145eh52p]  .dk-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Geniş masaüstünde başlık solda kalır, süzgeç ve eylemler sağa yaslanır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .dk-vitrin[b-ad145eh52p]  .dk-kapak {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "baslik suzgec eylem";
    align-items: end;
    column-gap: 12px;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-kapak__metin { grid-area: baslik; }
  .dk-vitrin[b-ad145eh52p]  .dk-suzgec { grid-area: suzgec; justify-content: flex-end; }
  .dk-vitrin[b-ad145eh52p]  .dk-eylem { grid-area: eylem; }
}

/* ── Ortak kontrol tabanı ─────────────────────────────────────────── */
.dk-vitrin[b-ad145eh52p]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dk-vitrin[b-ad145eh52p]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.dk-vitrin[b-ad145eh52p]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.dk-vitrin[b-ad145eh52p]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Yıkıcı eylem: global `.au-btn--danger` (0,1,0) yukarıdaki kapsamlı `.au-btn`
   kuralının (0,2,0) altında kalıyor — aynı kapsamda yeniden kurulur, yoksa
   "Evet, sil" nötr düğme gibi görünürdü. Yeni hex yok, mevcut kırmızı tokenlar. */
.dk-vitrin[b-ad145eh52p]  .au-btn--danger {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.dk-vitrin[b-ad145eh52p]  .au-btn--danger:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.dk-vitrin[b-ad145eh52p]  .au-btn--danger:focus-visible {
  outline-color: var(--red-600);
}

.dk-vitrin[b-ad145eh52p]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.dk-vitrin[b-ad145eh52p]  .au-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.dk-vitrin[b-ad145eh52p]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dk-vitrin[b-ad145eh52p]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.dk-vitrin[b-ad145eh52p]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.dk-vitrin[b-ad145eh52p]  :is(.au-btn, .app-input, .dk-tablo-kaydir, .dk-json, .dk-sekme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kayıtlı süzgeç şeridi ────────────────────────────────────────── */
.dk-vitrin[b-ad145eh52p]  .dk-preset {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.dk-vitrin[b-ad145eh52p]  .dk-preset__baslik {
  color: var(--n-500);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dk-vitrin[b-ad145eh52p]  .dk-preset__oge {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.dk-vitrin[b-ad145eh52p]  .dk-preset__oge.is-onay {
  gap: 6px;
  padding: 2px 2px 2px 10px;
  border-color: var(--marka-400);
}

.dk-vitrin[b-ad145eh52p]  .dk-preset__soru {
  font-size: 12px;
  color: var(--metin-ikincil);
}

.dk-vitrin[b-ad145eh52p]  .dk-preset__ad,
.dk-vitrin[b-ad145eh52p]  .dk-preset__islem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.dk-vitrin[b-ad145eh52p]  .dk-preset__islem {
  width: 28px;
  padding: 0;
  justify-content: center;
  color: var(--n-500);
  font-size: 14px;
}

.dk-vitrin[b-ad145eh52p]  :is(.dk-preset__ad, .dk-preset__islem):hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.dk-vitrin[b-ad145eh52p]  :is(.dk-preset__ad, .dk-preset__islem):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.dk-vitrin[b-ad145eh52p]  .dk-preset__igne {
  color: var(--marka-500);
}

.dk-vitrin[b-ad145eh52p]  .dk-banner {
  margin-bottom: 16px;
}

/* Metin büyür, eylemler sağda toplanır (au-banner flex kabı). */
.dk-vitrin[b-ad145eh52p]  .dk-banner > span {
  flex: 1 1 auto;
  min-width: 0;
}

.dk-vitrin[b-ad145eh52p]  .dk-banner__kapat {
  flex: 0 0 auto;
  width: 30px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}

/* ── Bölüm sekmeleri ──────────────────────────────────────────────── */
.dk-vitrin[b-ad145eh52p]  .dk-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.dk-vitrin[b-ad145eh52p]  .dk-sekme {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

/* Sekme vurgusu gezinme rengidir; başarı/hata anlamı taşımaz.
   Renkler mevcut marka tokenlarından türetilir (lacivert → petrol). */
.dk-vitrin[b-ad145eh52p]  .dk-sekme:nth-child(1) { --dk-vurgu: var(--marka-600); }
.dk-vitrin[b-ad145eh52p]  .dk-sekme:nth-child(2) { --dk-vurgu: color-mix(in srgb, var(--marka-600) 50%, var(--marka-rampa-uc)); }

.dk-vitrin[b-ad145eh52p]  .dk-sekme:hover {
  background: color-mix(in srgb, var(--dk-vurgu) 14%, var(--yuzey));
  color: var(--dk-vurgu);
}

.dk-vitrin[b-ad145eh52p]  .dk-sekme[aria-selected="true"],
.dk-vitrin[b-ad145eh52p]  .dk-sekme[aria-selected="true"]:hover {
  background: var(--dk-vurgu);
  color: var(--on-brand);
}

.dk-vitrin[b-ad145eh52p]  .dk-sekme:focus-visible {
  outline: 2px solid var(--dk-vurgu);
  outline-offset: 2px;
}

.dk-vitrin[b-ad145eh52p]  .dk-panel:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────── */
.dk-vitrin[b-ad145eh52p]  .dk-kart {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dk-vitrin[b-ad145eh52p]  .dk-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dk-vitrin[b-ad145eh52p]  .dk-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.dk-vitrin[b-ad145eh52p]  .dk-kart__arac {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.dk-vitrin[b-ad145eh52p]  .dk-kart__arac .app-field {
  min-width: 0;
  width: 160px;
}

.dk-vitrin[b-ad145eh52p]  .dk-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dk-vitrin[b-ad145eh52p]  .dk-bolum-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dk-vitrin[b-ad145eh52p]  .dk-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.dk-vitrin[b-ad145eh52p]  .dk-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ──────────────── */
.dk-vitrin[b-ad145eh52p]  .dk-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: `cihaz.css` telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto; max-width:100% }` yazar
   (sarmalayıcısı olmayan tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada zararlı: `display:block` sticky thead'i ve yapışık sütunu tablonun
   KENDİ kutusuna bağlar, üstüne ikinci bir yatay kaydırıcı açar. */
.dk-vitrin[b-ad145eh52p]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 720px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.dk-vitrin[b-ad145eh52p]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.dk-vitrin[b-ad145eh52p]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.dk-vitrin[b-ad145eh52p]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.dk-vitrin[b-ad145eh52p]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dk-vitrin[b-ad145eh52p]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.dk-vitrin[b-ad145eh52p]  .dk-satir {
  cursor: pointer;
}

.dk-vitrin[b-ad145eh52p]  .dk-satir__islem {
  width: 1%;
  text-align: end;
  white-space: nowrap;
}

.dk-vitrin[b-ad145eh52p]  .dk-kullanici {
  min-width: 170px;
  overflow-wrap: anywhere;
}

.dk-vitrin[b-ad145eh52p]  .dk-kimlik {
  margin-left: 6px;
  color: var(--n-500);
  font-size: 11px;
}

.dk-vitrin[b-ad145eh52p]  .dk-sayi {
  font-variant-numeric: tabular-nums;
}

.dk-vitrin[b-ad145eh52p]  .dk-hata {
  color: var(--danger-metin);
  overflow-wrap: anywhere;
}

.dk-vitrin[b-ad145eh52p]  .au-result-table .au-dim {
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.dk-vitrin[b-ad145eh52p]  .dk-devam {
  display: flex;
  justify-content: center;
  padding-top: 14px;
}

/* ── Boş / yükleniyor ─────────────────────────────────────────────── */
.dk-vitrin[b-ad145eh52p]  .dk-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.dk-vitrin[b-ad145eh52p]  .dk-bos h3 {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.dk-vitrin[b-ad145eh52p]  .dk-bos p {
  margin: 0;
  line-height: 1.6;
}

.dk-vitrin[b-ad145eh52p]  .dk-iskelet {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 0;
}

.dk-vitrin[b-ad145eh52p]  .dk-iskelet__satir {
  height: 14px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.dk-vitrin[b-ad145eh52p]  .dk-iskelet__satir--kisa {
  width: 55%;
}

/* DataStates varsayılan panelleri de kart yüzeyini alır. */
.dk-vitrin[b-ad145eh52p]  .ds-panel {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* ── Popup: native top layer; başlık ve eylemler sabit, gövde kayar ── */
.dk-vitrin[b-ad145eh52p]  .dk-popup {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.dk-vitrin[b-ad145eh52p]  .dk-popup[open] {
  display: flex;
  flex-direction: column;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup::backdrop {
  background: var(--scrim);
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__bas h2:focus {
  outline: none;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__aciklama {
  margin: 0 0 14px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__not {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__alt-baslik {
  margin: 16px 0 8px;
  font: 700 13px/1.4 var(--font-display);
  color: var(--metin-ikincil);
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.dk-vitrin[b-ad145eh52p]  .dk-popup__eylem--sag {
  justify-content: flex-end;
}

.dk-vitrin[b-ad145eh52p]  .dk-popup .au-banner {
  margin-top: 12px;
}

.dk-vitrin[b-ad145eh52p]  .dk-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.dk-vitrin[b-ad145eh52p]  .dk-onay {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin-top: 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  cursor: pointer;
}

.dk-vitrin[b-ad145eh52p]  .dk-onay input {
  width: 18px;
  height: 18px;
  accent-color: var(--marka-600);
}

/* ── Ayrıntı olguları ─────────────────────────────────────────────── */
.dk-vitrin[b-ad145eh52p]  .dk-olgu {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.dk-vitrin[b-ad145eh52p]  .dk-olgu > div {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dk-vitrin[b-ad145eh52p]  .dk-olgu > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dk-vitrin[b-ad145eh52p]  .dk-olgu dt {
  color: var(--n-500);
}

.dk-vitrin[b-ad145eh52p]  .dk-olgu dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.dk-vitrin[b-ad145eh52p]  .dk-json {
  max-height: 320px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.55;
  unicode-bidi: isolate;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dk-vitrin[b-ad145eh52p]  .dk-kapak {
    padding: 16px;
  }

  .dk-vitrin[b-ad145eh52p]  :is(.au-btn, .au-btn--sm, .dk-preset__ad, .dk-preset__islem) {
    min-height: 44px;
  }

  .dk-vitrin[b-ad145eh52p]  :is(.dk-preset__islem, .dk-banner__kapat) {
    width: 44px;
  }

  .dk-vitrin[b-ad145eh52p]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* Sekmeler tek yatay kaydırılabilir şerit olur; sayfanın tamamı taşmaz. */
  .dk-vitrin[b-ad145eh52p]  .dk-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-sekme {
    flex: 0 0 auto;
    min-height: 44px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .dk-vitrin[b-ad145eh52p]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .dk-vitrin[b-ad145eh52p]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .dk-vitrin[b-ad145eh52p]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dk-vitrin[b-ad145eh52p]  .dk-kapak {
    padding: 12px;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç katlanır: varsayılan kapalı, düğmeyle açılır. */
  .dk-vitrin[b-ad145eh52p]  .dk-suzgec-ac {
    display: inline-flex;
    width: 100%;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-suzgec {
    display: none;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-suzgec.is-acik {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-suzgec .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-suzgec__dugmeler .au-btn {
    flex: 1 1 auto;
  }

  /* Eylemler başlığın altında, içerik genişliğinde. */
  .dk-vitrin[b-ad145eh52p]  .dk-eylem .au-btn {
    flex: 1 1 auto;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-kart {
    padding: 16px 12px;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-bolum-baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .dk-vitrin[b-ad145eh52p]  .dk-kart__bas {
    flex-direction: column;
    align-items: stretch;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-kart__arac .app-field {
    width: auto;
    flex: 1 1 auto;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .dk-vitrin[b-ad145eh52p]  .au-result-table {
    min-width: 620px;
  }

  .dk-vitrin[b-ad145eh52p]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dk-vitrin[b-ad145eh52p]  :is(.dk-popup__bas, .dk-popup__govde, .dk-popup__eylem) {
    padding: 12px;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .dk-vitrin[b-ad145eh52p]  .dk-olgu > div {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Bbt/BbtBayiler.razor.rz.scp.css */
/* BBT Bayileri — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Eski dosyadaki `.bbt-bayi-form` / `.bbt-bayi-tablo` / telefon `data-label` kart hack'i
   KALDIRILDI: o işaretleme artık yok (form popup'a, tablo kendi kaydırma kabına taşındı),
   kuralları da ölü kod olurdu. Yeni hex YOK, !important YOK.
   Çocuk bileşenlerin içi (AppTextField, DataStates) ::deep ile hedeflenir. */

.bb-vitrin[b-640o7e0dxq] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  .bb-kapak {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.bb-vitrin[b-640o7e0dxq]  .bb-kapak__metin {
  min-width: 0;
}

.bb-vitrin[b-640o7e0dxq]  .bb-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.bb-vitrin[b-640o7e0dxq]  .bb-alt {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.bb-vitrin[b-640o7e0dxq]  .bb-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Ortak kontrol tabanı ─────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.bb-vitrin[b-640o7e0dxq]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.bb-vitrin[b-640o7e0dxq]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.bb-vitrin[b-640o7e0dxq]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Yıkıcı eylem: global `.au-btn--danger` (0,1,0) yukarıdaki kapsamlı `.au-btn`
   kuralının (0,2,0) altında kalıyor — aynı kapsamda yeniden kurulur, yoksa
   "Evet, sil" nötr düğme gibi görünürdü. Yeni hex yok, mevcut kırmızı tokenlar. */
.bb-vitrin[b-640o7e0dxq]  .au-btn--danger {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.bb-vitrin[b-640o7e0dxq]  .au-btn--danger:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.bb-vitrin[b-640o7e0dxq]  .au-btn--danger:focus-visible {
  outline-color: var(--red-600);
}

.bb-vitrin[b-640o7e0dxq]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.bb-vitrin[b-640o7e0dxq]  .au-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.bb-vitrin[b-640o7e0dxq]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bb-vitrin[b-640o7e0dxq]  :is(.app-field .app-input, .bb-alan-satir .app-input, .bb-baglanti__alan) {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.bb-vitrin[b-640o7e0dxq]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.bb-vitrin[b-640o7e0dxq]  :is(.au-btn, .app-input, .bb-tablo-kaydir):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  :is(.bb-kart, .bb-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.bb-vitrin[b-640o7e0dxq]  :is(.bb-kart, .bb-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.bb-vitrin[b-640o7e0dxq]  .bb-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.bb-vitrin[b-640o7e0dxq]  .bb-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.bb-vitrin[b-640o7e0dxq]  .bb-bolum-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.bb-vitrin[b-640o7e0dxq]  .bb-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.bb-vitrin[b-640o7e0dxq]  .bb-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo ────────────────────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  .bb-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* cihaz.css telefon bandındaki genel `table { display:block }` siperi burada zararlı —
   tablo kendi kabında kayıyor; sıfırlanmazsa sticky thead ikinci kaydırıcı açar. */
.bb-vitrin[b-640o7e0dxq]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.bb-vitrin[b-640o7e0dxq]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.bb-vitrin[b-640o7e0dxq]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.bb-vitrin[b-640o7e0dxq]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.bb-vitrin[b-640o7e0dxq]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.bb-vitrin[b-640o7e0dxq]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.bb-vitrin[b-640o7e0dxq]  .bb-ad {
  min-width: 170px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.bb-vitrin[b-640o7e0dxq]  .bb-eposta {
  overflow-wrap: anywhere;
}

.bb-vitrin[b-640o7e0dxq]  .bb-sifre {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.bb-vitrin[b-640o7e0dxq]  .bb-sifre__deger {
  min-width: 90px;
  color: var(--marka-700);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

.bb-vitrin[b-640o7e0dxq]  .bb-alanlar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.bb-vitrin[b-640o7e0dxq]  .bb-satir__islem {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.bb-vitrin[b-640o7e0dxq]  .au-result-table .au-dim {
  color: var(--n-500);
  white-space: nowrap;
}

/* ── Boş durum ────────────────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  .bb-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.bb-vitrin[b-640o7e0dxq]  .bb-bos h3 {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.bb-vitrin[b-640o7e0dxq]  .bb-bos p {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Popup ────────────────────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  .bb-popup {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup--dar {
  width: min(540px, calc(100vw - 48px));
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup[open] {
  display: flex;
  flex-direction: column;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup::backdrop {
  background: var(--scrim);
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__bas h2:focus {
  outline: none;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__aciklama {
  margin: 0 0 14px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__alt-baslik {
  margin: 0 0 4px;
  font: 700 13px/1.4 var(--font-display);
  color: var(--metin-ikincil);
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__not {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  justify-content: flex-end;
}

.bb-vitrin[b-640o7e0dxq]  .bb-popup .au-banner {
  margin-top: 12px;
}

/* ── Form ─────────────────────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  .bb-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.bb-vitrin[b-640o7e0dxq]  .bb-form .app-field {
  min-width: 0;
}

/* Erişim şifresi alanı iki sütunu birden kaplar (ipucu metni uzun). */
.bb-vitrin[b-640o7e0dxq]  .bb-form .app-field:last-child {
  grid-column: 1 / -1;
}

.bb-vitrin[b-640o7e0dxq]  .bb-alan-blok {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.bb-vitrin[b-640o7e0dxq]  .bb-alan-blok__ipucu {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
}

.bb-vitrin[b-640o7e0dxq]  .bb-alan-satir {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.bb-vitrin[b-640o7e0dxq]  .bb-alan-satir .app-input {
  flex: 1 1 0;
  min-width: 0;
}

.bb-vitrin[b-640o7e0dxq]  .bb-alan-ekle {
  align-self: flex-start;
}

/* ── Bağlantı penceresi ───────────────────────────────────────────── */
.bb-vitrin[b-640o7e0dxq]  .bb-baglanti__etiket {
  display: block;
  margin-bottom: 6px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bb-vitrin[b-640o7e0dxq]  .bb-baglanti__alan {
  width: 100%;
  color: var(--marka-700);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  unicode-bidi: isolate;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .bb-vitrin[b-640o7e0dxq]  .bb-kapak {
    padding: 16px;
  }

  .bb-vitrin[b-640o7e0dxq]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .bb-vitrin[b-640o7e0dxq]  :is(.app-field .app-input, .bb-alan-satir .app-input, .bb-baglanti__alan) {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (bayi adı) yatay kaydırmada yapışık kalır. */
  .bb-vitrin[b-640o7e0dxq]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .bb-vitrin[b-640o7e0dxq]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .bb-vitrin[b-640o7e0dxq]  :is(.app-field .app-input, .bb-alan-satir .app-input, .bb-baglanti__alan) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .bb-vitrin[b-640o7e0dxq]  .bb-kapak {
    padding: 12px;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Eylem başlığın altında, içerik genişliğinde. */
  .bb-vitrin[b-640o7e0dxq]  .bb-eylem {
    width: 100%;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-eylem .au-btn {
    flex: 1 1 auto;
  }

  .bb-vitrin[b-640o7e0dxq]  :is(.bb-kart, .bb-bos) {
    padding: 16px 12px;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-bolum-baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-kart__bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .bb-vitrin[b-640o7e0dxq]  .au-result-table {
    min-width: 860px;
  }

  .bb-vitrin[b-640o7e0dxq]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .bb-vitrin[b-640o7e0dxq]  :is(.bb-popup__bas, .bb-popup__govde, .bb-popup__eylem) {
    padding: 12px;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  /* Ek alan satırı tek sütuna iner; "Kaldır" satırın altında tam genişlik. */
  .bb-vitrin[b-640o7e0dxq]  .bb-alan-satir {
    flex-wrap: wrap;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-alan-satir .app-input {
    flex: 1 1 100%;
  }

  .bb-vitrin[b-640o7e0dxq]  .bb-alan-satir .au-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Byok/ByokCredentials.razor.rz.scp.css */
/* Kurum AI Anahtarları — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Yeni hex YOK: renkler aurora.css :root token'larından. Sayfanın kendi işaretlemesi
   doğrudan, çocuk bileşenlerin (AppTextField/AppSelect, DataStates, ConfirmDialog)
   içi ::deep ile hedeflenir. Kapak/kart/popup kabuğu bu dosyada tekrarlanıyor; ortak
   bir `byok-vitrin.css` global dosyası bu pakette kapsam dışı (rapora "paylaşılan
   ihtiyaç" olarak yazıldı). */

.au-page.byok-vitrin[b-1kjmmdaxi5] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + süzgeçler + ana eylem tek beyaz yüzeyde ── */
.byok-kapak[b-1kjmmdaxi5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.byok-kapak__metin[b-1kjmmdaxi5] {
  flex: 1 1 320px;
  min-width: 0;
}

.byok-kapak .au-title[b-1kjmmdaxi5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

/* GeriBaglanti ALT BİLEŞENDE doğar → kapsam özniteliği taşımaz, ::deep zorunlu
   (::deep'siz yazılırsa kural sessizce ölü kalır ve düğme eski cam diline düşer).
   Ad metnini admin-users.css'teki genel `.au-breadcrumb--dugme .au-breadcrumb__ad`
   kuralı zaten görsel olarak gizler — burada tekrarlanmaz. */
/* Kapak satırı `align-items:center`; açıklama 78ch'te 2 satıra düştüğü için metin
   bloğu ~72px oluyor ve düğme o bloğun ortasına, başlığın ~23px altına kayıyordu.
   Düğmeyi satırın tepesine sabitleyip `.au-title`ın satır kutusuna ortalıyoruz
   (admin-users.css:659-665 ile aynı ilke); ölçüler banda göre ezilebilsin diye
   değişkende tutuluyor. */
.byok-vitrin[b-1kjmmdaxi5]  .au-breadcrumb--dugme {
  --geri-boy: 34px;                  /* cihaz bandında 44px'e ezilir */
  --baslik-satir: calc(23px * 1.1);  /* .au-title satır kutusu; telefonda ezilir */
  flex: 0 0 30px;
  width: 30px;
  height: var(--geri-boy);
  align-self: flex-start;
  margin: calc((var(--baslik-satir) - var(--geri-boy)) / 2) 0 0;
  border-color: var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.byok-alt[b-1kjmmdaxi5] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.byok-kapak__araclar[b-1kjmmdaxi5] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.byok-alan[b-1kjmmdaxi5] {
  flex: 0 1 176px;
  min-width: 0;
}

.byok-alan--ara[b-1kjmmdaxi5] {
  flex: 0 1 210px;
}

.byok-kapak__eylem[b-1kjmmdaxi5] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
}

/* ── Kontroller ── */
.byok-vitrin .au-btn[b-1kjmmdaxi5] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.byok-vitrin .au-btn:hover:not(:disabled)[b-1kjmmdaxi5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.byok-vitrin .au-btn--primary[b-1kjmmdaxi5] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.byok-vitrin .au-btn--primary:hover:not(:disabled)[b-1kjmmdaxi5] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.byok-vitrin .au-btn--danger[b-1kjmmdaxi5] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 30%, var(--yuzey));
  color: var(--red-600);
}

.byok-vitrin .au-btn--danger:hover:not(:disabled)[b-1kjmmdaxi5] {
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 40%, var(--yuzey));
}

.byok-vitrin .au-btn--sm[b-1kjmmdaxi5] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.byok-vitrin .au-btn:disabled[b-1kjmmdaxi5] {
  opacity: .55;
}

.byok-vitrin[b-1kjmmdaxi5]  .app-field {
  min-width: 0;
}

.byok-vitrin[b-1kjmmdaxi5]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.byok-vitrin[b-1kjmmdaxi5]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.byok-vitrin[b-1kjmmdaxi5]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.byok-vitrin :is(.au-btn, .byok-tablo-kaydir):focus-visible[b-1kjmmdaxi5],
.byok-vitrin[b-1kjmmdaxi5]  :is(.au-breadcrumb--dugme, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı / durumlar ── */
.byok-kart[b-1kjmmdaxi5],
.byok-bos[b-1kjmmdaxi5],
.byok-vitrin[b-1kjmmdaxi5]  .ds-panel {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.byok-kart[b-1kjmmdaxi5]::before,
.byok-bos[b-1kjmmdaxi5]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.byok-kart:last-child[b-1kjmmdaxi5] {
  margin-bottom: 0;
}

.byok-kart__bas[b-1kjmmdaxi5] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.byok-bolum-basligi[b-1kjmmdaxi5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.byok-bolum-basligi[b-1kjmmdaxi5]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.byok-ozet[b-1kjmmdaxi5] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.byok-dim[b-1kjmmdaxi5] {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.byok-bos[b-1kjmmdaxi5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.byok-bos h3[b-1kjmmdaxi5] {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.byok-bos p[b-1kjmmdaxi5] {
  margin: 0;
  line-height: 1.6;
}

/* Kart içindeki "süzgece uyan kayıt yok" hâli: kendi kartı yok, üst şerit de yok. */
.byok-bos--ic[b-1kjmmdaxi5] {
  margin: 0;
  padding: 28px 16px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  box-shadow: none;
}

.byok-bos--ic[b-1kjmmdaxi5]::before {
  content: none;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ── */
.byok-tablo-kaydir[b-1kjmmdaxi5] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında sarmalayıcısı olmayan
   tablolar için `table { display:block; overflow-x:auto }` siperi var; tablo kendi kabında
   kaydığı için o siper burada sticky thead'i ve yapışık sütunu bozardı. */
.byok-tablo-kaydir .au-result-table[b-1kjmmdaxi5] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.byok-tablo-kaydir thead[b-1kjmmdaxi5] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.byok-tablo-kaydir th[b-1kjmmdaxi5] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: start;
}

.byok-tablo-kaydir td[b-1kjmmdaxi5] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.byok-tablo-kaydir tbody tr:nth-child(even) td[b-1kjmmdaxi5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.byok-tablo-kaydir tbody tr:hover td[b-1kjmmdaxi5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.byok-saglayici[b-1kjmmdaxi5] {
  min-width: 180px;
}

.byok-saglayici .au-chip[b-1kjmmdaxi5] {
  margin-right: 6px;
}

.byok-kod[b-1kjmmdaxi5],
.byok-vitrin code[b-1kjmmdaxi5] {
  padding: 1px 6px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  unicode-bidi: isolate;
}

.byok-ipucu[b-1kjmmdaxi5] {
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  unicode-bidi: isolate;
}

.byok-alt-satir[b-1kjmmdaxi5] {
  display: block;
  margin-top: 2px;
  color: var(--n-500);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.byok-sayi[b-1kjmmdaxi5] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.byok-satir-eylem[b-1kjmmdaxi5] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.byok-tablo-kaydir :is(th, td):last-child[b-1kjmmdaxi5] {
  width: 1%;
}

.byok-gizli-metin[b-1kjmmdaxi5] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Görünür popup: native top layer; başlık ve eylemler sabit, gövde kayar ──
   NOT: arka plan kaydırma kilidi için `html:has(.byok-popup[open])` YAZILMAZ — Blazor
   kapsam özniteliğini `html`/`body`'ye ekleyemediği için böyle bir kural ölü doğar
   (kardeş ekranlarda kopyalanmış hâlleri de çalışmıyor; rapora paylaşılan ihtiyaç olarak
   yazıldı). `showModal()` belgeyi zaten inert yapar; kilit gerekiyorsa global CSS'e ait. */
.byok-popup[b-1kjmmdaxi5] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.byok-popup[open][b-1kjmmdaxi5] {
  display: flex;
  flex-direction: column;
}

.byok-popup[b-1kjmmdaxi5]::backdrop {
  background: var(--scrim);
}

.byok-popup__bas[b-1kjmmdaxi5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.byok-popup__bas h2[b-1kjmmdaxi5] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.byok-popup__bas h2:focus[b-1kjmmdaxi5] {
  outline: none;
}

.byok-vitrin .byok-popup__kapat[b-1kjmmdaxi5] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.byok-popup__govde[b-1kjmmdaxi5] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.byok-popup__eylem[b-1kjmmdaxi5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.byok-olgular[b-1kjmmdaxi5] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.byok-olgular > div[b-1kjmmdaxi5] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.byok-olgular > div:nth-child(odd)[b-1kjmmdaxi5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.byok-olgular dt[b-1kjmmdaxi5] {
  color: var(--n-500);
}

.byok-olgular dd[b-1kjmmdaxi5] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.byok-hata-metni[b-1kjmmdaxi5] {
  font-size: 12px;
  line-height: 1.5;
}

/* ── Silme onayı (ortak ConfirmDialog) yeni dile uyarlanır ── */
/* ConfirmDialog native <dialog>'a geçti: perde ayrı öğe değil, ::backdrop. */
.byok-vitrin[b-1kjmmdaxi5]  .cd-modal::backdrop {
  background: var(--scrim);
  backdrop-filter: none;
}

.byok-vitrin[b-1kjmmdaxi5]  .cd-modal {
  width: min(520px, calc(100vw - 48px));
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--panel-golge);
}

.byok-vitrin[b-1kjmmdaxi5]  .cd-head {
  margin: 0;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.byok-vitrin[b-1kjmmdaxi5]  .cd-title {
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.byok-vitrin[b-1kjmmdaxi5]  .cd-text {
  margin: 0;
  padding: 18px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.byok-vitrin[b-1kjmmdaxi5]  .cd-actions {
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.byok-vitrin[b-1kjmmdaxi5]  .cd-btn {
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
}

.byok-vitrin[b-1kjmmdaxi5]  .cd-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .byok-vitrin :is(.au-btn, .au-btn--sm)[b-1kjmmdaxi5] {
    min-height: 44px;
  }

  /* Dokunma hedefi 44px'e çıkarken üst telafi de büyümeli; yükseklik sabit
     yazılırsa başlık hizası kayar, bu yüzden değişken eziliyor. */
  .byok-vitrin[b-1kjmmdaxi5]  .au-breadcrumb--dugme {
    --geri-boy: 44px;
    flex-basis: 44px;
    width: 44px;
    height: var(--geri-boy);
  }

  .byok-vitrin[b-1kjmmdaxi5]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .byok-vitrin[b-1kjmmdaxi5]  .cd-btn {
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Sağlayıcı) yatay kaydırmada yapışık kalır. */
  .byok-tablo-kaydir :is(th, td):first-child[b-1kjmmdaxi5] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .byok-tablo-kaydir th:first-child[b-1kjmmdaxi5] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .byok-vitrin[b-1kjmmdaxi5]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun, süzgeç ve eylemler başlığın altında ── */
@media (max-width: 640px) {
  .byok-kapak[b-1kjmmdaxi5] {
    padding: 12px;
    align-items: flex-start;
  }

  .byok-kapak .au-title[b-1kjmmdaxi5] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Telefonda başlık puntosu küçüldüğü için düğmenin ortalandığı satır kutusu da
     küçülmeli; yoksa geri oku başlık satırının üstüne taşar. */
  .byok-vitrin[b-1kjmmdaxi5]  .au-breadcrumb--dugme {
    --baslik-satir: calc(var(--yazi-kapak, 20px) * 1.1);
  }

  .byok-kapak__metin[b-1kjmmdaxi5] {
    flex: 1 1 auto;
  }

  .byok-kapak__araclar[b-1kjmmdaxi5] {
    width: 100%;
    align-items: stretch;
  }

  .byok-alan[b-1kjmmdaxi5],
  .byok-alan--ara[b-1kjmmdaxi5] {
    flex: 1 1 100%;
  }

  .byok-kapak__eylem[b-1kjmmdaxi5] {
    width: 100%;
  }

  .byok-kapak__eylem .au-btn[b-1kjmmdaxi5] {
    flex: 1 1 auto;
  }

  .byok-kart[b-1kjmmdaxi5],
  .byok-vitrin[b-1kjmmdaxi5]  .ds-panel {
    padding: 16px 12px;
  }

  .byok-bolum-basligi[b-1kjmmdaxi5] {
    font-size: var(--yazi-bolum, 14px);
  }

  .byok-tablo-kaydir[b-1kjmmdaxi5] {
    max-height: min(460px, 62dvh);
  }

  .byok-tablo-kaydir .au-result-table[b-1kjmmdaxi5] {
    min-width: 780px;
  }

  .byok-tablo-kaydir :is(th, td)[b-1kjmmdaxi5] {
    padding: 10px;
  }

  .byok-popup[b-1kjmmdaxi5] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .byok-popup__bas[b-1kjmmdaxi5],
  .byok-popup__govde[b-1kjmmdaxi5],
  .byok-popup__eylem[b-1kjmmdaxi5] {
    padding: 12px;
  }

  .byok-popup__eylem .au-btn[b-1kjmmdaxi5] {
    flex: 1 1 auto;
  }

  .byok-olgular > div[b-1kjmmdaxi5] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .byok-vitrin[b-1kjmmdaxi5]  .cd-modal {
    width: calc(100vw - 24px);
  }

  .byok-vitrin[b-1kjmmdaxi5]  .cd-actions .cd-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Byok/ByokCredentialWizard.razor.rz.scp.css */
/* AI anahtarı ekle / düzenle — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Yeni hex YOK. Sihirbaz (AppWizard) ve form kontrolleri çocuk bileşen olduğu için
   ::deep ile hedeflenir; kapak, uyarı ve özet kutusu sayfanın kendi işaretlemesidir.
   Kapak/kart kabuğu kardeş BYOK ekranlarıyla aynıdır (ortak global dosya bu pakette
   kapsam dışı — rapora "paylaşılan ihtiyaç" olarak yazıldı). */

.au-page.byok-vitrin[b-p3jr2pbty9] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık tek beyaz yüzeyde ── */
.byok-kapak[b-p3jr2pbty9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.byok-kapak__metin[b-p3jr2pbty9] {
  flex: 1 1 320px;
  min-width: 0;
}

.byok-kapak .au-title[b-p3jr2pbty9] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

/* GeriBaglanti ALT BİLEŞENDE doğar → ::deep zorunlu (::deep'siz kural ölü doğar).
   Ad metnini admin-users.css'teki genel kural gizler; burada tekrarlanmaz. */
.byok-vitrin[b-p3jr2pbty9]  .au-breadcrumb--dugme {
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border-color: var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.byok-alt[b-p3jr2pbty9] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Sayfa düzeyi uyarı ── */
.byok-uyari[b-p3jr2pbty9] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Sihirbaz kartı: bölüm kartı yüzeyi ── */
.byok-sihirbaz[b-p3jr2pbty9],
.byok-bos[b-p3jr2pbty9],
.byok-vitrin[b-p3jr2pbty9]  .ds-panel {
  position: relative;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.byok-sihirbaz[b-p3jr2pbty9] {
  overflow: hidden;
}

.byok-sihirbaz[b-p3jr2pbty9]::before,
.byok-bos[b-p3jr2pbty9]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  z-index: 1;
}

.byok-vitrin[b-p3jr2pbty9]  .ds-panel {
  padding: 18px;
}

/* AppWizard'ın kendi cam yüzeyi ve gölgesi sıfırlanır — kart zaten dışarıda. */
.byok-sihirbaz[b-p3jr2pbty9]  .app-wizard {
  gap: 18px;
  padding: 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-title {
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-step-ind {
  font-size: 12px;
  color: var(--n-500);
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-kart {
  border-radius: var(--kose-dugme);
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.byok-sihirbaz[b-p3jr2pbty9]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form alanları ── */
.byok-form-izgara[b-p3jr2pbty9] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.byok-form-izgara--tek[b-p3jr2pbty9] {
  grid-template-columns: minmax(0, 1fr);
}

.byok-vitrin[b-p3jr2pbty9]  .app-field {
  min-width: 0;
}

.byok-vitrin[b-p3jr2pbty9]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.byok-vitrin[b-p3jr2pbty9]  .app-field .app-input,
.byok-vitrin .app-input[b-p3jr2pbty9] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.byok-vitrin[b-p3jr2pbty9]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.byok-vitrin :is(.au-btn, .app-input):focus-visible[b-p3jr2pbty9],
.byok-vitrin[b-p3jr2pbty9]  :is(.au-breadcrumb--dugme, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Onay özeti ── */
.byok-ozet-kutu[b-p3jr2pbty9] {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
}

.byok-ozet-kutu b[b-p3jr2pbty9] {
  color: var(--metin-murekkep);
}

.byok-dim[b-p3jr2pbty9] {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Düğme / boş durum ── */
.byok-vitrin .au-btn[b-p3jr2pbty9] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.byok-vitrin .au-btn--primary[b-p3jr2pbty9] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.byok-vitrin .au-btn--primary:hover:not(:disabled)[b-p3jr2pbty9] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.byok-bos[b-p3jr2pbty9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.byok-bos h3[b-p3jr2pbty9] {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.byok-bos p[b-p3jr2pbty9] {
  margin: 0;
  line-height: 1.6;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .byok-vitrin .au-btn[b-p3jr2pbty9] {
    min-height: 44px;
  }

  .byok-vitrin[b-p3jr2pbty9]  .au-breadcrumb--dugme {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .byok-sihirbaz[b-p3jr2pbty9]  .wiz-btn {
    min-height: 44px;
  }

  .byok-vitrin[b-p3jr2pbty9]  .app-field .app-input,
  .byok-vitrin .app-input[b-p3jr2pbty9] {
    height: 44px;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .byok-vitrin[b-p3jr2pbty9]  .app-field .app-input,
  .byok-vitrin .app-input[b-p3jr2pbty9] {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun ── */
@media (max-width: 640px) {
  .byok-kapak[b-p3jr2pbty9] {
    padding: 12px;
    align-items: flex-start;
  }

  .byok-kapak .au-title[b-p3jr2pbty9] {
    font-size: var(--yazi-kapak, 20px);
  }

  .byok-form-izgara[b-p3jr2pbty9] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .byok-sihirbaz[b-p3jr2pbty9]  .app-wizard {
    padding: 16px 12px;
  }

  .byok-sihirbaz[b-p3jr2pbty9]  .wiz-step-ind__label {
    font-size: 11px;
  }

  .byok-vitrin[b-p3jr2pbty9]  .ds-panel {
    padding: 16px 12px;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Byok/ByokOverview.razor.rz.scp.css */
/* BYOK Özeti — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Yeni hex YOK: renkler aurora.css :root token'larından. Çocuk bileşenlerin
   (AppSelect, DataStates) içi ::deep ile hedeflenir; sayfanın kendi işaretlemesi
   doğrudan seçilir. `--anv-*`/`--agv-*` token'ları yalnız analiz vitrininde
   tanımlıdır, burada miras alınmaz — global karşılıkları kullanılır. */

.au-page.byok-vitrin[b-zfhvmcldjw] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + kurum seçici + ana eylem tek beyaz yüzeyde ── */
.byok-kapak[b-zfhvmcldjw] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.byok-kapak__metin[b-zfhvmcldjw] {
  min-width: 0;
}

.byok-kapak .au-title[b-zfhvmcldjw] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.byok-alt[b-zfhvmcldjw] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.byok-kapak__araclar[b-zfhvmcldjw] {
  display: flex;
  flex-wrap: wrap;
  /* flex-end İDİ: "Kurum" alanının ipucu satırı (OrgHint her durumda dolu,
     210px sütunda sarabiliyor) şeridin alt kenarını aşağı çekip açılır kutuyu
     "Anahtarları aç" düğmesinden ~24px yukarıda bırakıyordu. */
  align-items: flex-start;
  gap: 12px;
}

.byok-alan[b-zfhvmcldjw] {
  flex: 0 1 210px;
  min-width: 0;
}

.byok-kapak__eylem[b-zfhvmcldjw] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* Düğmeleri girdinin ÜST kenarına indir: etiket (10px punto ≈ 12px, bkz.
     .byok-vitrin ::deep .app-field__label) + .app-field gap (7px) = 19px.
     Girdi yüksekliğinden bağımsız; 1023px altındaki 44px dokunma bandı
     bu değeri değiştirmez. */
  margin-top: 19px;
}

/* ── Kontroller ── */
.byok-vitrin .au-btn[b-zfhvmcldjw] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.byok-vitrin .au-btn:hover:not(:disabled)[b-zfhvmcldjw] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.byok-vitrin .au-btn--primary[b-zfhvmcldjw] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.byok-vitrin .au-btn--primary:hover:not(:disabled)[b-zfhvmcldjw] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.byok-vitrin .au-btn:disabled[b-zfhvmcldjw] {
  opacity: .55;
}

.byok-vitrin[b-zfhvmcldjw]  .app-field {
  min-width: 0;
}

.byok-vitrin[b-zfhvmcldjw]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.byok-vitrin[b-zfhvmcldjw]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.byok-vitrin[b-zfhvmcldjw]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.byok-vitrin :is(.au-btn, .byok-tablo-kaydir, .byok-panel):focus-visible[b-zfhvmcldjw],
.byok-vitrin[b-zfhvmcldjw]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Üst bilgi kartları (KPI): tek birleşik yüzey, gap 0 ── */
.byok-kpi[b-zfhvmcldjw] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.byok-kpi__hucre[b-zfhvmcldjw] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.byok-kpi__hucre:last-child[b-zfhvmcldjw] {
  border-right: 0;
}

.byok-kpi__bant[b-zfhvmcldjw] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.byok-kpi__hucre:nth-child(2) .byok-kpi__bant[b-zfhvmcldjw] {
  background: var(--marka-rampa-orta);
}

.byok-kpi__hucre:nth-child(3) .byok-kpi__bant[b-zfhvmcldjw] {
  background: var(--marka-rampa-uc);
}

.byok-kpi__deger[b-zfhvmcldjw] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.byok-kpi__alt[b-zfhvmcldjw] {
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm sekmeleri: beyaz şerit, yalnız seçili bölüm çizilir ── */
.byok-sekmeler[b-zfhvmcldjw] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  overflow-x: auto;
}

.byok-sekme[b-zfhvmcldjw] {
  --byok-sekme-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.byok-sekme:nth-child(2)[b-zfhvmcldjw] {
  --byok-sekme-vurgu: var(--marka-rampa-uc);
}

.byok-sekme:hover[b-zfhvmcldjw] {
  background: color-mix(in srgb, var(--byok-sekme-vurgu) 14%, var(--yuzey));
  color: var(--byok-sekme-vurgu);
}

.byok-sekme[aria-selected="true"][b-zfhvmcldjw],
.byok-sekme[aria-selected="true"]:hover[b-zfhvmcldjw] {
  background: var(--byok-sekme-vurgu);
  color: var(--on-brand);
}

.byok-sekme:focus-visible[b-zfhvmcldjw] {
  outline: 2px solid var(--byok-sekme-vurgu);
  outline-offset: 2px;
}

.byok-panel:focus-visible[b-zfhvmcldjw] {
  outline-offset: 4px;
}

/* ── Bölüm kartı ── */
.byok-kart[b-zfhvmcldjw],
.byok-bos[b-zfhvmcldjw],
.byok-vitrin[b-zfhvmcldjw]  .ds-panel {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.byok-kart[b-zfhvmcldjw]::before,
.byok-bos[b-zfhvmcldjw]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Bölüm panelinin son yüzeyi alta boşluk bırakmaz (durum kartları da dahil). */
.byok-kart:last-child[b-zfhvmcldjw],
.byok-bos:last-child[b-zfhvmcldjw],
.byok-vitrin[b-zfhvmcldjw]  .ds-panel:last-child {
  margin-bottom: 0;
}

.byok-kart__bas[b-zfhvmcldjw] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.byok-bolum-basligi[b-zfhvmcldjw] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.byok-bolum-basligi[b-zfhvmcldjw]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.byok-kart__bas .byok-bolum-basligi[b-zfhvmcldjw] {
  margin-bottom: 0;
}

.byok-ozet[b-zfhvmcldjw] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.byok-dim[b-zfhvmcldjw] {
  margin: 0 0 10px;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
}

.byok-kart > .byok-dim:last-child[b-zfhvmcldjw] {
  margin-bottom: 0;
}

/* ── Boş durum ── */
.byok-bos[b-zfhvmcldjw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.byok-bos p[b-zfhvmcldjw] {
  margin: 0;
  line-height: 1.6;
}

.byok-bos__ipucu[b-zfhvmcldjw] {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Çözümleme sırası ── */
.byok-selale[b-zfhvmcldjw] {
  display: grid;
  gap: 8px;
  margin: 0 0 12px;
  padding-left: 20px;
}

.byok-selale li[b-zfhvmcldjw] {
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.byok-selale span[b-zfhvmcldjw] {
  display: block;
  color: var(--n-500);
  font-size: 12px;
}

.byok-vitrin code[b-zfhvmcldjw] {
  padding: 1px 6px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  unicode-bidi: isolate;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ── */
.byok-tablo-kaydir[b-zfhvmcldjw] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında sarmalayıcısı olmayan
   tablolar için `table { display:block; overflow-x:auto }` siperi var; tablo kendi kabında
   kaydığı için o siper burada sticky thead'i ve yapışık sütunu bozardı. */
.byok-tablo-kaydir .au-result-table[b-zfhvmcldjw] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 640px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.byok-tablo-kaydir thead[b-zfhvmcldjw] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.byok-tablo-kaydir th[b-zfhvmcldjw] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: start;
}

.byok-tablo-kaydir td[b-zfhvmcldjw] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.byok-tablo-kaydir tbody tr:nth-child(even) td[b-zfhvmcldjw] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.byok-tablo-kaydir tbody tr:hover td[b-zfhvmcldjw] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.byok-saglayici[b-zfhvmcldjw] {
  min-width: 190px;
}

.byok-saglayici .au-chip[b-zfhvmcldjw] {
  margin-right: 6px;
}

.byok-kod[b-zfhvmcldjw] {
  font-size: 11.5px;
}

.byok-sayi[b-zfhvmcldjw] {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

.byok-pay[b-zfhvmcldjw] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 120px;
}

.byok-pay__cubuk[b-zfhvmcldjw] {
  position: relative;
  flex: 1 1 60px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
  overflow: hidden;
}

.byok-pay__cubuk[b-zfhvmcldjw]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--byok-pay, 0%);
  border-radius: inherit;
  background: var(--marka-rampa-serit);
}

.byok-pay__deger[b-zfhvmcldjw] {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: var(--metin-ikincil);
  white-space: nowrap;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .byok-vitrin .au-btn[b-zfhvmcldjw],
  .byok-sekme[b-zfhvmcldjw] {
    min-height: 44px;
  }

  .byok-vitrin[b-zfhvmcldjw]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .byok-sekmeler[b-zfhvmcldjw] {
    flex-wrap: nowrap;
  }

  /* İlk anlamlı sütun (Sağlayıcı) yatay kaydırmada yapışık kalır. */
  .byok-tablo-kaydir :is(th, td):first-child[b-zfhvmcldjw] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .byok-tablo-kaydir th:first-child[b-zfhvmcldjw] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .byok-vitrin[b-zfhvmcldjw]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun, eylemler başlığın altında ── */
@media (max-width: 640px) {
  .byok-kapak[b-zfhvmcldjw] {
    padding: 12px;
    align-items: stretch;
  }

  .byok-kapak .au-title[b-zfhvmcldjw] {
    font-size: var(--yazi-kapak, 20px);
  }

  .byok-kapak__araclar[b-zfhvmcldjw] {
    width: 100%;
    align-items: stretch;
  }

  .byok-alan[b-zfhvmcldjw] {
    flex: 1 1 100%;
  }

  .byok-kapak__eylem[b-zfhvmcldjw] {
    width: 100%;
    /* Telefonda satır zaten dikey yığılıyor; masaüstündeki 19px hiza
       payı burada fazladan boşluk olurdu. */
    margin-top: 0;
  }

  .byok-kapak__eylem .au-btn[b-zfhvmcldjw] {
    flex: 1 1 auto;
  }

  .byok-kpi[b-zfhvmcldjw] {
    grid-template-columns: minmax(0, 1fr);
  }

  .byok-kpi__hucre[b-zfhvmcldjw] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .byok-kpi__hucre:last-child[b-zfhvmcldjw] {
    border-bottom: 0;
  }

  .byok-kpi__deger[b-zfhvmcldjw] {
    font-size: var(--yazi-kpi, 20px);
  }

  .byok-bolum-basligi[b-zfhvmcldjw] {
    font-size: var(--yazi-bolum, 14px);
  }

  .byok-kart[b-zfhvmcldjw],
  .byok-vitrin[b-zfhvmcldjw]  .ds-panel {
    padding: 16px 12px;
  }

  .byok-tablo-kaydir[b-zfhvmcldjw] {
    max-height: min(460px, 62dvh);
  }

  .byok-tablo-kaydir .au-result-table[b-zfhvmcldjw] {
    min-width: 560px;
  }

  .byok-tablo-kaydir :is(th, td)[b-zfhvmcldjw] {
    padding: 10px;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Developer/OAuthTokenTool.razor.rz.scp.css */
/* OAuth token aracı — Akademik Analiz kapak, kart, form ve popup ölçülerinin
   sayfa-scoped uyarlaması. Ortak CSS'e dokunulmadığı için ölçüler burada tekrarlanır.
   Kaynak: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md */

.oat-vitrin[b-eboz6k2htg] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.oat-vitrin[b-eboz6k2htg]  .oat-kapak {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.oat-vitrin[b-eboz6k2htg]  .oat-kapak__geri { display: flex; align-items: center; min-width: 0; }
.oat-vitrin[b-eboz6k2htg]  .oat-kapak__baslik { min-width: 0; }

.oat-vitrin[b-eboz6k2htg]  .oat-kapak .au-title {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.oat-vitrin[b-eboz6k2htg]  .oat-kapak__alt {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.45;
}

.oat-vitrin[b-eboz6k2htg]  .oat-kapak__eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    grid-column: 2;
    justify-self: end;
}

/* ── Düğme tabanı ── */
.oat-vitrin[b-eboz6k2htg]  .au-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.oat-vitrin[b-eboz6k2htg]  .au-btn:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.oat-vitrin[b-eboz6k2htg]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.oat-vitrin[b-eboz6k2htg]  .au-btn--primary:hover { background: var(--marka-500); border-color: var(--marka-500); }
.oat-vitrin[b-eboz6k2htg]  .au-btn[disabled] { opacity: .6; cursor: default; }
.oat-vitrin[b-eboz6k2htg]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.oat-vitrin[b-eboz6k2htg]  .oat-kart {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.oat-vitrin[b-eboz6k2htg]  .oat-kart::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.oat-vitrin[b-eboz6k2htg]  .oat-bolum-baslik {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 3px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.oat-vitrin[b-eboz6k2htg]  .oat-bolum-baslik::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.oat-vitrin[b-eboz6k2htg]  .oat-ipucu { margin: 0 0 14px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }
.oat-vitrin[b-eboz6k2htg]  .oat-bant { margin-bottom: 14px; border-radius: var(--kose-dugme); }

/* ── Form ── */
.oat-vitrin[b-eboz6k2htg]  .app-field__label {
    color: var(--metin-ipucu);
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.oat-vitrin[b-eboz6k2htg]  .app-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
}

.oat-vitrin[b-eboz6k2htg]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.oat-vitrin[b-eboz6k2htg]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

.oat-vitrin[b-eboz6k2htg]  .oat-form-eylem {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

/* ── Olgu listesi ── */
.oat-vitrin[b-eboz6k2htg]  .oat-olgu { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.oat-vitrin[b-eboz6k2htg]  .oat-olgu > div {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}
.oat-vitrin[b-eboz6k2htg]  .oat-olgu > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.oat-vitrin[b-eboz6k2htg]  .oat-olgu dt { color: var(--metin-ipucu); }
.oat-vitrin[b-eboz6k2htg]  .oat-olgu dd { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.oat-vitrin[b-eboz6k2htg]  .oat-olgu code { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

/* ── Boş / sözleşme durumu ── */
.oat-vitrin[b-eboz6k2htg]  .oat-bos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}
.oat-vitrin[b-eboz6k2htg]  .oat-bos h3 { margin: 0; font: 700 15px/1.4 var(--font-display); color: var(--metin-murekkep); }
.oat-vitrin[b-eboz6k2htg]  .oat-bos p { margin: 0; max-width: 60ch; line-height: 1.6; }

/* ── Native popup ── */
html:has(.oat-popup[open])[b-eboz6k2htg], body:has(.oat-popup[open])[b-eboz6k2htg] { overflow: hidden; }

.oat-vitrin[b-eboz6k2htg]  .oat-popup {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.oat-vitrin[b-eboz6k2htg]  .oat-popup[open] { display: flex; flex-direction: column; }
.oat-vitrin[b-eboz6k2htg]  .oat-popup::backdrop { background: var(--scrim); }

.oat-vitrin[b-eboz6k2htg]  .oat-popup__bas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.oat-vitrin[b-eboz6k2htg]  .oat-popup__bas h2 {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.oat-vitrin[b-eboz6k2htg]  .oat-popup__bas h2:focus { outline: none; }

.oat-vitrin[b-eboz6k2htg]  .oat-popup__kapat {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
}

.oat-vitrin[b-eboz6k2htg]  .oat-popup__govde { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.oat-vitrin[b-eboz6k2htg]  .oat-secret { margin-top: 16px; }
.oat-vitrin[b-eboz6k2htg]  .oat-popup__eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .oat-vitrin[b-eboz6k2htg]  .oat-kapak { padding: 16px; }
    .oat-vitrin[b-eboz6k2htg]  .au-btn { min-height: 44px; }
    .oat-vitrin[b-eboz6k2htg]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .oat-vitrin[b-eboz6k2htg]  .oat-kapak { padding: 12px; column-gap: 8px; }
    .oat-vitrin[b-eboz6k2htg]  .oat-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
    .oat-vitrin[b-eboz6k2htg]  .oat-kapak__eylem { grid-column: 1 / -1; justify-self: stretch; }
    .oat-vitrin[b-eboz6k2htg]  .oat-kapak__eylem .au-btn { flex: 1 1 auto; min-height: 44px; }

    .oat-vitrin[b-eboz6k2htg]  .oat-kart { padding: 16px 12px; }
    .oat-vitrin[b-eboz6k2htg]  .oat-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
    .oat-vitrin[b-eboz6k2htg]  .au-form-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .oat-vitrin[b-eboz6k2htg]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .oat-vitrin[b-eboz6k2htg]  .au-btn { min-height: 44px; }
    .oat-vitrin[b-eboz6k2htg]  .oat-form-eylem .au-btn { flex: 1 1 auto; }

    .oat-vitrin[b-eboz6k2htg]  .oat-popup { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .oat-vitrin[b-eboz6k2htg]  .oat-popup__bas,
    .oat-vitrin[b-eboz6k2htg]  .oat-popup__govde,
    .oat-vitrin[b-eboz6k2htg]  .oat-popup__eylem { padding: 12px; }
    .oat-vitrin[b-eboz6k2htg]  .oat-popup__eylem .au-btn { flex: 1 1 auto; }
    .oat-vitrin[b-eboz6k2htg]  .oat-olgu > div { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* ── MASAÜSTÜ: başlık ve eylem tek satırda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .oat-vitrin[b-eboz6k2htg]  .oat-kapak { grid-template-columns: 30px minmax(0, 1fr) auto; }
    .oat-vitrin[b-eboz6k2htg]  .oat-kapak__eylem { grid-column: 3; grid-row: 1; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Developer/TokenIntrospection.razor.rz.scp.css */
/* Token inceleme — Akademik Analiz kapak, kart, özet şeridi ve tablo ölçülerinin
   sayfa-scoped uyarlaması. Ortak CSS'e dokunulmadığı için ölçüler burada tekrarlanır.
   Kaynak: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md */

.tin-vitrin[b-asjqx9j4yi] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.tin-vitrin[b-asjqx9j4yi]  .tin-kapak {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tin-vitrin[b-asjqx9j4yi]  .tin-kapak__geri { display: flex; align-items: center; min-width: 0; }
.tin-vitrin[b-asjqx9j4yi]  .tin-kapak__baslik { min-width: 0; }

.tin-vitrin[b-asjqx9j4yi]  .tin-kapak .au-title {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-kapak__alt {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.45;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-kapak__eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    grid-column: 2;
    justify-self: end;
}

/* ── Düğme tabanı ── */
.tin-vitrin[b-asjqx9j4yi]  .au-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.tin-vitrin[b-asjqx9j4yi]  .au-btn:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.tin-vitrin[b-asjqx9j4yi]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.tin-vitrin[b-asjqx9j4yi]  .au-btn--primary:hover { background: var(--marka-500); border-color: var(--marka-500); }
.tin-vitrin[b-asjqx9j4yi]  .au-btn[disabled] { opacity: .6; cursor: default; }
.tin-vitrin[b-asjqx9j4yi]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.tin-vitrin[b-asjqx9j4yi]  .tin-kart {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tin-vitrin[b-asjqx9j4yi]  .tin-kart::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tin-vitrin[b-asjqx9j4yi]  .tin-bolum-baslik {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 3px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-bolum-baslik::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tin-vitrin[b-asjqx9j4yi]  .tin-ipucu { margin: 0 0 14px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }
.tin-vitrin[b-asjqx9j4yi]  .tin-bant { margin-bottom: 14px; border-radius: var(--kose-dugme); }
.tin-vitrin[b-asjqx9j4yi]  .tin-dipnot { margin: 12px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }
.tin-vitrin[b-asjqx9j4yi]  .tin-kod { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

.tin-vitrin[b-asjqx9j4yi]  .tin-gizli-metin {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

/* ── Form ── */
.tin-vitrin[b-asjqx9j4yi]  .app-field__label {
    color: var(--metin-ipucu);
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.tin-vitrin[b-asjqx9j4yi]  .app-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
}

.tin-vitrin[b-asjqx9j4yi]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.tin-vitrin[b-asjqx9j4yi]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

.tin-vitrin[b-asjqx9j4yi]  .tin-form-eylem {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

/* ── Özet şeridi: tek birleşik yüzey, bantlar marka → petrol ── */
.tin-vitrin[b-asjqx9j4yi]  .tin-ozet {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    overflow: hidden;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__h {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 0 16px 15px;
    border-right: 1px solid var(--hat-kart);
}

.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__h:last-child { border-right: 0; }

.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__b {
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0 -16px;
    padding: 0 16px;
    color: var(--on-brand);
    font: 700 11.5px/1 var(--font-body);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__b--1 { background: var(--marka-600); }
.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__b--2 { background: var(--marka-rampa-orta); }
.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__b--3 { background: var(--marka-rampa-uc); }

.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__d {
    font: 700 22px/1.15 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--metin-murekkep);
    overflow-wrap: anywhere;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-ozet__a { color: var(--metin-ikincil); font-size: 11.5px; line-height: 1.4; }

/* ── Claim tablosu: mavi–petrol başlık, kendi alanında kayar, başlık sabit ── */
.tin-vitrin[b-asjqx9j4yi]  .tin-tablo-kap {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
}

.tin-vitrin[b-asjqx9j4yi]  .tin-tablo-kap:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tin-vitrin[b-asjqx9j4yi]  .tin-tablo {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--yuzey);
    font-size: 13px;
}

/* Geçiş thead boyunca TEK PARÇA çizilir; th zeminleri şeffaftır (AnalizTablo deseni). */
.tin-vitrin[b-asjqx9j4yi]  .tin-tablo thead {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.tin-vitrin[b-asjqx9j4yi]  .tin-tablo thead th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: start;
    white-space: nowrap;
    border-bottom: none;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-tablo tbody td {
    padding: 10px 13px;
    /* İnce ayraç: --anv-hat-ince yalnız .analiz-vitrin kapsamında tanımlı, burada
       aynı etki global kart hattından türetilir (yeni palet üretilmez). */
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 55%, transparent);
    color: var(--metin-murekkep);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.tin-vitrin[b-asjqx9j4yi]  .tin-tablo tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.tin-vitrin[b-asjqx9j4yi]  .tin-aciklama { color: var(--metin-ikincil); font-size: 12px; }

/* ── Boş / sözleşme durumu ── */
.tin-vitrin[b-asjqx9j4yi]  .tin-bos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}
.tin-vitrin[b-asjqx9j4yi]  .tin-bos h3 { margin: 0; font: 700 15px/1.4 var(--font-display); color: var(--metin-murekkep); }
.tin-vitrin[b-asjqx9j4yi]  .tin-bos p { margin: 0; max-width: 60ch; line-height: 1.6; }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .tin-vitrin[b-asjqx9j4yi]  .tin-kapak { padding: 16px; }
    .tin-vitrin[b-asjqx9j4yi]  .au-btn { min-height: 44px; }
    .tin-vitrin[b-asjqx9j4yi]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .tin-vitrin[b-asjqx9j4yi]  .tin-kapak { padding: 12px; column-gap: 8px; }
    .tin-vitrin[b-asjqx9j4yi]  .tin-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
    .tin-vitrin[b-asjqx9j4yi]  .tin-kapak__eylem { grid-column: 1 / -1; justify-self: stretch; }
    .tin-vitrin[b-asjqx9j4yi]  .tin-kapak__eylem .au-btn { flex: 1 1 auto; min-height: 44px; }

    .tin-vitrin[b-asjqx9j4yi]  .tin-kart { padding: 16px 12px; }
    .tin-vitrin[b-asjqx9j4yi]  .tin-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
    .tin-vitrin[b-asjqx9j4yi]  .au-form-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .tin-vitrin[b-asjqx9j4yi]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .tin-vitrin[b-asjqx9j4yi]  .au-btn { min-height: 44px; }
    .tin-vitrin[b-asjqx9j4yi]  .tin-form-eylem .au-btn { flex: 1 1 auto; }

    .tin-vitrin[b-asjqx9j4yi]  .tin-ozet { grid-template-columns: minmax(0, 1fr); }
    .tin-vitrin[b-asjqx9j4yi]  .tin-ozet__h { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
    .tin-vitrin[b-asjqx9j4yi]  .tin-ozet__h:last-child { border-bottom: 0; }
    .tin-vitrin[b-asjqx9j4yi]  .tin-ozet__d { font-size: var(--yazi-kpi, 20px); }

    .tin-vitrin[b-asjqx9j4yi]  .tin-tablo { font-size: var(--yazi-govde, 13px); }
    .tin-vitrin[b-asjqx9j4yi]  .tin-tablo thead th,
    .tin-vitrin[b-asjqx9j4yi]  .tin-tablo tbody td { padding: 10px; }
    /* Sabit ilk sütunun opak zemine ihtiyacı var: başlık geçişi bu bantta düz markaya döner
       (AnalizTablo `.at-tablo:has(thead .at-sabit) thead` kuralıyla aynı karar). */
    .tin-vitrin[b-asjqx9j4yi]  .tin-tablo thead { background: var(--marka-500); }
    .tin-vitrin[b-asjqx9j4yi]  .tin-tablo tbody td:first-child { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--yuzey); }
    .tin-vitrin[b-asjqx9j4yi]  .tin-tablo tbody tr:nth-child(even) td:first-child { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
    .tin-vitrin[b-asjqx9j4yi]  .tin-tablo thead th:first-child { inset-inline-start: 0; z-index: 5; background: var(--marka-500); }
}

/* ── MASAÜSTÜ: başlık ve eylem tek satırda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .tin-vitrin[b-asjqx9j4yi]  .tin-kapak { grid-template-columns: 30px minmax(0, 1fr) auto; }
    .tin-vitrin[b-asjqx9j4yi]  .tin-kapak__eylem { grid-column: 3; grid-row: 1; }
}
/* _content/EduLive.Web/Components/Pages/Admin/FinansHub.razor.rz.scp.css */
/* Finans ve Cüzdan hub'ı — Akademik Analiz kapak/tipografi ölçüleri, sayfa-scoped.
   Kart dili ortak `hub-vitrin.css`ten gelir; burada yalnız kapak ve bölüm başlığı var.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px, h1 23/700, düğme 34 px, bölüm başlığı 15/700 + 13 px üçgen). */

.fn-vitrin[b-srxq7wqlfk] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler aynı beyaz yüzeyde ── */
.fn-vitrin .fn-kapak[b-srxq7wqlfk] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fn-vitrin .fn-kapak__geri[b-srxq7wqlfk] {
  grid-area: geri;
  min-width: 0;
}

.fn-vitrin .fn-kapak__geri[b-srxq7wqlfk]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.fn-vitrin .fn-kapak__baslik[b-srxq7wqlfk] {
  grid-area: baslik;
  min-width: 0;
}

.fn-vitrin .fn-kapak .au-title[b-srxq7wqlfk] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.fn-vitrin .fn-kapak__alt[b-srxq7wqlfk] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.fn-vitrin .fn-kapak__eylem[b-srxq7wqlfk] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Kapak düğmeleri (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.fn-vitrin .fn-dugme[b-srxq7wqlfk] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.fn-vitrin .fn-dugme:hover[b-srxq7wqlfk] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.fn-vitrin .fn-dugme--ana[b-srxq7wqlfk] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.fn-vitrin .fn-dugme--ana:hover[b-srxq7wqlfk] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.fn-vitrin .fn-dugme:focus-visible[b-srxq7wqlfk] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Yeşil kuşak kartları: şerit ucu derin varyanta çekilir ──
   hub-vitrin.css:80-88 "SAYFA-ÖZEL LİSTE" uyarısı: `--hub-ton-kisalink` (#108a6e, 166°) ve
   `--hub-ton-denetim` (#1a8a3c, 138°) tonları varsayılan açık yeşil şerit ucunun üstünde
   eriyor; ortak dosyadaki liste yalnız /yonetim rotalarını içeriyor ve bu iki rota orada YOK.
   Ortak dosya kapsam dışı olduğu için yükümlülük burada, sayfa-scoped `::deep` ile kapatılır
   (HubCard ayrı bir bileşen; onun <a>'sı bu sayfanın scope niteliğini taşımaz). */
.fn-vitrin[b-srxq7wqlfk]  .hub-card[href="/admin/wallet/alerts"],
.fn-vitrin[b-srxq7wqlfk]  .hub-card[href="/atolye/kie"] {
  --hub-bant-uc: var(--hub-bant-vurgu-derin);
}

/* ── Bölüm başlığı: 15/700 + üçgen işaret ── */
.fn-vitrin .fn-bolum[b-srxq7wqlfk] {
  margin: 0 0 16px;
}

.fn-vitrin .fn-bolum__baslik[b-srxq7wqlfk] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.fn-vitrin .fn-bolum__baslik[b-srxq7wqlfk]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── CİHAZ (telefon ∪ tablet): kapak iki satıra iner, eylemler başlığın altında ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fn-vitrin .fn-kapak[b-srxq7wqlfk] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .fn-vitrin .fn-kapak__eylem[b-srxq7wqlfk] {
    justify-self: stretch;
  }

  .fn-vitrin .fn-dugme[b-srxq7wqlfk] {
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .fn-vitrin .fn-kapak[b-srxq7wqlfk] {
    padding: 12px;
  }

  .fn-vitrin .fn-kapak .au-title[b-srxq7wqlfk] {
    font-size: var(--yazi-kapak, 20px);
  }

  .fn-vitrin .fn-kapak__alt[b-srxq7wqlfk] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* İki eylem tek satırda sığar; taşarsa yatay kayar (YENI-DIL §7). */
  .fn-vitrin .fn-kapak__eylem[b-srxq7wqlfk] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  /* Dokunma hedefi CİHAZ kuralında 44 px'e çıkıyor; burada yalnız esneme kapatılır.
     `min-height: 40px` yazmak o kuralı EZER ve hedefi 44 px'in altına düşürür. */
  .fn-vitrin .fn-dugme[b-srxq7wqlfk] {
    flex: 0 0 auto;
  }

  .fn-vitrin .fn-bolum__baslik[b-srxq7wqlfk] {
    font-size: var(--yazi-bolum, 14px);
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Kartvizit/KartvizitList.razor.rz.scp.css */
/* Kartvizitler — Akademik Analiz görsel dili, yalnız bu sayfa kapsamında.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   medya sorgu metinleri docs/mobil/YENI-DIL.md §1.1'den birebir alınmıştır.
   Kartın kendi görünümü (KartvizitKart.razor.css) bu dosyadan ETKİLENMEZ. */

.kvy-vitrin[b-0e24z9l3gb] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font: 13px/1.6 var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.kvy-kapak[b-0e24z9l3gb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "baslik suzgec eylem";
    align-items: end;
    column-gap: 12px;
    row-gap: 14px;
    margin: 0 0 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kvy-kapak__baslik[b-0e24z9l3gb] {
    grid-area: baslik;
    min-width: 0;
}

.kvy-kapak .au-title[b-0e24z9l3gb] {
    margin: 0;
    color: var(--marka-700);
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    overflow-wrap: anywhere;
}

.kvy-kapak .au-sub[b-0e24z9l3gb] {
    margin: 6px 0 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

.kvy-suzgec[b-0e24z9l3gb] {
    grid-area: suzgec;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.kvy-alan[b-0e24z9l3gb] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.kvy-ara[b-0e24z9l3gb] {
    flex: 0 1 240px;
    max-width: 280px;
}

.kvy-alan__etiket[b-0e24z9l3gb] {
    color: var(--metin-ikincil);
    font: 700 10px/1 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.kvy-girdi[b-0e24z9l3gb] {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.kvy-girdi[b-0e24z9l3gb]::placeholder {
    color: var(--metin-ipucu);
}

.kvy-kapak__eylem[b-0e24z9l3gb] {
    grid-area: eylem;
    gap: 8px;
}

/* ── Düğme tabanı ── */
.kvy-btn[b-0e24z9l3gb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
    color: var(--marka-700);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.kvy-btn:hover[b-0e24z9l3gb] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kvy-btn--birincil[b-0e24z9l3gb] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.kvy-btn--birincil:hover[b-0e24z9l3gb] {
    border-color: var(--marka-500);
    background: var(--marka-500);
}

.kvy-btn--tehlike[b-0e24z9l3gb] {
    border-color: var(--red-600);
    background: var(--yuzey);
    color: var(--red-600);
}

.kvy-btn--tehlike:hover[b-0e24z9l3gb] {
    border-color: var(--red-600);
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
}

.kvy-btn--ikon[b-0e24z9l3gb] {
    min-width: 30px;
    padding: 6px 8px;
    color: var(--metin-ikincil);
}

.kvy-btn:disabled[b-0e24z9l3gb] {
    opacity: .6;
    cursor: not-allowed;
}

.kvy-vitrin :is(button, a, input, select, textarea, [tabindex]):focus-visible[b-0e24z9l3gb],
.kvy-popup :is(button, a, input, select, textarea, [tabindex]):focus-visible[b-0e24z9l3gb] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* ── Liste bölümü ── */
.kvy-liste[b-0e24z9l3gb] {
    position: relative;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kvy-liste[b-0e24z9l3gb]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.kvy-bolum-baslik[b-0e24z9l3gb] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.kvy-bolum-baslik[b-0e24z9l3gb]::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo ── */
.kvy-liste[b-0e24z9l3gb]  .app-grid {
    min-width: 0;
}

/* AppDataGrid'in taban `.grid-scroll` kuralı hâlâ eski cam dilinde (--glass,
   --glass-shadow, --radius-lg); kalıntı gölge/zemin burada kapatılır. */
.kvy-liste[b-0e24z9l3gb]  .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
}

.kvy-liste[b-0e24z9l3gb]  .grid-table {
    width: 100%;
    min-width: 1100px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
}

.kvy-liste[b-0e24z9l3gb]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--marka-rampa-serit);
}

.kvy-liste[b-0e24z9l3gb]  .grid-table th {
    padding: 10px 13px;
    border: 0;
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.kvy-liste[b-0e24z9l3gb]  .grid-table th .grid-th-label,
.kvy-liste[b-0e24z9l3gb]  .grid-table th .grid-sort {
    color: inherit;
}

.kvy-liste[b-0e24z9l3gb]  .grid-table td {
    padding: 10px 13px;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    vertical-align: middle;
}

.kvy-liste[b-0e24z9l3gb]  .grid-table tbody tr:nth-child(even) td {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kvy-liste[b-0e24z9l3gb]  .grid-table tbody tr:hover td {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Kişi sütunu yatay kaydırmada yapışık kalır — hangi satır olduğu kaybolmasın. */
.kvy-liste[b-0e24z9l3gb]  .grid-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
}

/* Yapışık başlık hücresi SAYDAM olamaz: yatay kaydırmada altından geçen diğer
   başlıkların yazısı içinden görünürdü. --marka-rampa-serit'in %0 durağı
   --marka-500'dür, yani şeridin sol ucuyla birebir aynı ton. */
.kvy-liste[b-0e24z9l3gb]  .grid-table thead th:first-child {
    z-index: 3;
    background: var(--marka-500);
}

.kvy-liste[b-0e24z9l3gb]  .grid-table :is(th, td):last-child {
    width: 1%;
    white-space: nowrap;
}

.kvy-liste[b-0e24z9l3gb]  .grid-pager {
    margin-top: 12px;
    font-size: 12.5px;
    color: var(--metin-ikincil);
}

.kvy-hucre[b-0e24z9l3gb] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.kvy-adres[b-0e24z9l3gb] {
    overflow-wrap: anywhere;
}

.kvy-iletisim[b-0e24z9l3gb] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.kvy-iletisim__eposta[b-0e24z9l3gb] {
    display: block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .85em;
}

.kvy-tarih[b-0e24z9l3gb] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kvy-satir-eylem[b-0e24z9l3gb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

/* ── Liste satırındaki küçük kişi hücresi ── */
.kv-kisi[b-0e24z9l3gb] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.kv-kisi__foto[b-0e24z9l3gb] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex: none;
    background: color-mix(in srgb, var(--marka-600) 14%, transparent);
}

.kv-kisi__foto--harf[b-0e24z9l3gb] {
    display: grid;
    place-items: center;
    font-size: .78rem;
    font-weight: 800;
    color: var(--marka-700);
}

.kv-kisi__metin[b-0e24z9l3gb] {
    min-width: 0;
}

.kv-kisi__unvan[b-0e24z9l3gb] {
    display: block;
    font-size: .85em;
}

/* ── Boş durum ── */
.kvy-bos[b-0e24z9l3gb] {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 34px 18px;
    border: 1px dashed var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey-alt);
    text-align: center;
}

.kvy-bos p[b-0e24z9l3gb] {
    margin: 0;
    color: var(--metin-ikincil);
    font-size: 13px;
}

/* ── Pencereler (native dialog, top layer) ── */
.kvy-popup[b-0e24z9l3gb] {
    width: min(560px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 13px/1.6 var(--font-body);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.kvy-popup--genis[b-0e24z9l3gb] {
    width: min(1040px, calc(100vw - 48px));
}

.kvy-popup[open][b-0e24z9l3gb] {
    display: flex;
    flex-direction: column;
}

.kvy-popup[b-0e24z9l3gb]::backdrop {
    background: var(--scrim);
}

.kvy-popup-bas[b-0e24z9l3gb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.kvy-popup-bas h2[b-0e24z9l3gb] {
    margin: 0;
    color: var(--marka-700);
    font: 700 18px/1.3 var(--font-display);
    overflow-wrap: anywhere;
}

.kvy-popup-bas h2:focus-visible[b-0e24z9l3gb] {
    outline: 2px solid var(--marka-600);
    outline-offset: 3px;
}

.kvy-popup-kapat[b-0e24z9l3gb] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.kvy-popup-kapat:hover[b-0e24z9l3gb] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kvy-popup-govde[b-0e24z9l3gb] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.kvy-popup-eylem[b-0e24z9l3gb] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.kvy-popup-hata[b-0e24z9l3gb],
.kvy-popup-not[b-0e24z9l3gb] {
    margin: 0 0 14px;
    font-size: 13px;
    overflow-wrap: anywhere;
}

/* Form + canlı önizleme yan yana; dar pencerede alt alta. */
.kvy-duzen[b-0e24z9l3gb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 18px;
    align-items: start;
}

.kvy-form-sutun[b-0e24z9l3gb] {
    min-width: 0;
}

.kvy-form[b-0e24z9l3gb] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 20px;
}

.kvy-popup[b-0e24z9l3gb]  .app-field__label {
    color: var(--metin-ikincil);
    font-size: 11px;
    font-weight: 700;
}

.kvy-popup[b-0e24z9l3gb]  .app-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.kvy-popup[b-0e24z9l3gb]  .app-field__hint {
    color: var(--metin-ipucu);
    font-size: 12px;
}

.kv-onizleme[b-0e24z9l3gb] {
    display: grid;
    gap: 10px;
    justify-items: center;
    align-content: start;
    padding: 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey-alt);
}

.kvy-onizleme-sutun[b-0e24z9l3gb] {
    position: sticky;
    top: 0;
}

.kv-onizleme__baslik[b-0e24z9l3gb] {
    justify-self: start;
    color: var(--metin-ikincil);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* ── Hesap bağı seçicisi (2026-09-02) ──
   Ham ID girişi yerine aranabilir kullanıcı seçici — kullanıcı ID'yi bilemez. */
.kv-hesap-bagi[b-0e24z9l3gb] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.kv-hesap-bagi__etiket[b-0e24z9l3gb] {
    color: var(--metin-ikincil);
    font-size: 11px;
    font-weight: 700;
}

.kv-hesap-bagi__alt[b-0e24z9l3gb] {
    display: block;
    font-size: .85em;
}

.kv-hesap-bagi__secili[b-0e24z9l3gb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey-alt);
}

.kv-hesap-bagi__sonuclar[b-0e24z9l3gb] {
    margin: 0;
    padding: 4px;
    list-style: none;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    max-height: 220px;
    overflow-y: auto;
    display: grid;
    gap: 2px;
}

.kv-hesap-bagi__sonuclar button[b-0e24z9l3gb] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--kose-dugme);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.kv-hesap-bagi__sonuclar button:hover[b-0e24z9l3gb],
.kv-hesap-bagi__sonuclar button:focus-visible[b-0e24z9l3gb] {
    background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.kv-hesap-bagi__sonuclar button .au-dim[b-0e24z9l3gb] {
    font-size: .82rem;
}

.kv-hesap-bagi__ipucu[b-0e24z9l3gb] {
    font-size: .8rem;
}

.kv-hesap-bagi .au-hata[b-0e24z9l3gb] {
    color: var(--red-600);
    font-size: .82rem;
}

/* ── Paylaşım penceresi ── */
.kvy-pay-adres[b-0e24z9l3gb] {
    display: grid;
    gap: 6px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hat-kart);
}

.kvy-pay-uyari[b-0e24z9l3gb] {
    margin: 0;
    color: var(--red-600);
    font-size: 12.5px;
}

.kvy-pay-liste[b-0e24z9l3gb] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kvy-pay-liste li[b-0e24z9l3gb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 12px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey-alt);
}

.kvy-pay-liste li > div[b-0e24z9l3gb] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.kvy-pay-liste strong[b-0e24z9l3gb] {
    color: var(--metin-murekkep);
    font-size: 13px;
}

.kvy-pay-liste .au-dim[b-0e24z9l3gb] {
    font-size: 12px;
}

/* ── MASAÜSTÜ: dar pencerede kapak iki satıra geçer ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .kvy-vitrin .kvy-kapak[b-0e24z9l3gb] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "baslik eylem" "suzgec suzgec";
    }
}

@media (min-width: 1540px) {
    .kvy-vitrin .kvy-kapak[b-0e24z9l3gb] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-areas: "baslik suzgec eylem";
    }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .kvy-kapak[b-0e24z9l3gb] {
        padding: 16px;
    }

    .kvy-girdi[b-0e24z9l3gb],
    .kvy-btn[b-0e24z9l3gb],
    .kvy-popup-kapat[b-0e24z9l3gb] {
        min-height: 44px;
    }

    .kvy-girdi[b-0e24z9l3gb] {
        height: 44px;
    }

    /* Simge düğmesi (adresi kopyala) de 44 px dokunma hedefine çıkar. */
    .kvy-btn--ikon[b-0e24z9l3gb] {
        min-width: 44px;
    }

    .kvy-popup-kapat[b-0e24z9l3gb] {
        width: 44px;
        height: 44px;
        font-size: 24px;
    }

    .kvy-duzen[b-0e24z9l3gb] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kvy-onizleme-sutun[b-0e24z9l3gb] {
        position: static;
    }

    .kvy-form[b-0e24z9l3gb] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (pointer: coarse) {
    .kvy-girdi[b-0e24z9l3gb],
    .kvy-popup[b-0e24z9l3gb]  .app-input {
        font-size: max(16px, 1rem);
    }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .kvy-kapak[b-0e24z9l3gb] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "baslik" "suzgec" "eylem";
        padding: 12px;
        gap: 10px;
    }

    .kvy-kapak .au-title[b-0e24z9l3gb] {
        font-size: var(--yazi-kapak, 20px);
    }

    .kvy-suzgec[b-0e24z9l3gb] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .kvy-ara[b-0e24z9l3gb] {
        flex: none;
        max-width: none;
    }

    .kvy-kapak__eylem[b-0e24z9l3gb] {
        justify-content: flex-end;
    }

    .kvy-kapak__eylem .kvy-btn[b-0e24z9l3gb] {
        flex: 1 1 auto;
    }

    .kvy-liste[b-0e24z9l3gb] {
        padding: 16px 12px;
    }

    .kvy-bolum-baslik[b-0e24z9l3gb] {
        font-size: var(--yazi-bolum, 14px);
    }

    .kvy-popup[b-0e24z9l3gb],
    .kvy-popup--genis[b-0e24z9l3gb] {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
    }

    .kvy-popup-bas[b-0e24z9l3gb],
    .kvy-popup-govde[b-0e24z9l3gb],
    .kvy-popup-eylem[b-0e24z9l3gb] {
        padding: 12px;
    }

    .kvy-popup-eylem .kvy-btn[b-0e24z9l3gb] {
        flex: 1 1 auto;
    }

    .kvy-pay-liste li[b-0e24z9l3gb] {
        flex-wrap: wrap;
    }

    .kvy-pay-liste li .kvy-btn[b-0e24z9l3gb] {
        width: 100%;
    }

    .kvy-iletisim__eposta[b-0e24z9l3gb] {
        max-width: 160px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kvy-btn[b-0e24z9l3gb],
    .kvy-popup-kapat[b-0e24z9l3gb] {
        transition: none;
    }
}
/* _content/EduLive.Web/Components/Pages/Admin/OrgUnits/OrgUnitCreate.razor.rz.scp.css */
/* Yeni organizasyon birimi — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak (oue-head), kart, alan ve düğme ölçüleri global `org-duzenle-vitrin.css`ten gelir
   (kardeş ekran OrgUnitEdit ile birebir aynı). Burada yalnız o dosyada bulunmayanlar var:
   sihirbaz kabuğu, form blokları, üst birim ağacının sınırlı alanı ve özet listesi.
   Yeni hex YOK — token kullanılır. Bileşen içleri ::deep ile hedeflenir. */

.ouc-vitrin[b-besob59jjh] {
  display: block;
}

.ouc-vitrin[b-besob59jjh]  .ouc-sub {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ouc-vitrin[b-besob59jjh]  .ouc-bos {
  display: grid;
  justify-items: start;
  gap: 12px;
}

/* ── Sihirbaz kabuğu (AppWizard) ───────────────────────────────── */
.ouc-vitrin[b-besob59jjh]  .app-wizard {
  position: relative;
  min-width: 0;
  gap: 16px;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ouc-vitrin[b-besob59jjh]  .app-wizard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ouc-vitrin[b-besob59jjh]  .wiz-head {
  gap: 16px;
}

.ouc-vitrin[b-besob59jjh]  .wiz-steps {
  min-width: 0;
  gap: 8px;
  padding: 0;
}

.ouc-vitrin[b-besob59jjh]  .wiz-step-ind {
  min-width: 0;
  padding-inline: 4px;
}

.ouc-vitrin[b-besob59jjh]  .wiz-step-ind__num {
  width: 30px;
  height: 30px;
  font-size: 13px;
}

.ouc-vitrin[b-besob59jjh]  .wiz-step-ind__label {
  font-size: 12px;
  overflow-wrap: anywhere;
}

.ouc-vitrin[b-besob59jjh]  .wiz-title-row {
  padding: 0;
}

.ouc-vitrin[b-besob59jjh]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ouc-vitrin[b-besob59jjh]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ouc-vitrin[b-besob59jjh]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

.ouc-vitrin[b-besob59jjh]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.ouc-vitrin[b-besob59jjh]  .wiz-body {
  padding: 18px;
  font-size: 13px;
}

.ouc-vitrin[b-besob59jjh]  .wiz-foot {
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.ouc-vitrin[b-besob59jjh]  .wiz-error {
  font-size: 13px;
  overflow-wrap: anywhere;
}

.ouc-vitrin[b-besob59jjh]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
}

.ouc-vitrin[b-besob59jjh]  .wiz-btn:hover {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ouc-vitrin[b-besob59jjh]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ouc-vitrin[b-besob59jjh]  .wiz-btn--primary:hover {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ouc-vitrin[b-besob59jjh]  :is(.wiz-btn, .au-btn, .app-input, .app-json__btn, .app-tree__row, .oup__root):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form blokları ─────────────────────────────────────────────── */
.ouc-vitrin[b-besob59jjh]  .ouc-blok + .ouc-blok {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--hat-kart);
}

.ouc-vitrin[b-besob59jjh]  .ouc-blok__baslik {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ouc-vitrin[b-besob59jjh]  .ouc-alanlar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
}

.ouc-vitrin[b-besob59jjh]  .ouc-yapi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
}

.ouc-vitrin[b-besob59jjh]  :is(.ouc-secici, .ouc-metadata) {
  min-width: 0;
}

/* Üst birim ağacı kendi alanında kayar — sayfa sihirbazın altına uzamaz. */
.ouc-vitrin[b-besob59jjh]  .ouc-secici .oup {
  max-height: min(320px, 40dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.ouc-vitrin[b-besob59jjh]  .ouc-metadata textarea.app-input {
  height: 240px;
  min-height: 160px;
}

/* ── Özet adımı ────────────────────────────────────────────────── */
.ouc-vitrin[b-besob59jjh]  .ouc-ozet {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  font-size: 13px;
}

.ouc-vitrin[b-besob59jjh]  .ouc-ozet > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  border-radius: var(--kose-dugme);
}

.ouc-vitrin[b-besob59jjh]  .ouc-ozet > div:nth-child(odd) {
  background: var(--yuzey-alt);
}

.ouc-vitrin[b-besob59jjh]  .ouc-ozet dt {
  color: var(--n-500);
}

.ouc-vitrin[b-besob59jjh]  .ouc-ozet dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.ouc-vitrin[b-besob59jjh]  .ouc-not {
  margin-top: 14px;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ouc-vitrin[b-besob59jjh]  :is(.wiz-btn, .au-btn) {
    min-height: 44px;
  }

  .ouc-vitrin[b-besob59jjh]  .ouc-alanlar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ouc-vitrin[b-besob59jjh]  .ouc-yapi {
    grid-template-columns: minmax(0, 1fr);
  }

  .ouc-vitrin[b-besob59jjh]  .ouc-metadata textarea.app-input {
    height: 200px;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ouc-vitrin[b-besob59jjh]  .app-wizard {
    padding: 16px 12px;
  }

  .ouc-vitrin[b-besob59jjh]  .wiz-title {
    font-size: var(--yazi-bolum, 14px);
  }

  .ouc-vitrin[b-besob59jjh]  :is(.wiz-body, .wiz-foot) {
    padding: 12px;
  }

  .ouc-vitrin[b-besob59jjh]  .wiz-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .ouc-vitrin[b-besob59jjh]  .wiz-steps::before {
    display: none;
  }

  .ouc-vitrin[b-besob59jjh]  .wiz-step-ind {
    flex: 0 0 auto;
  }

  .ouc-vitrin[b-besob59jjh]  .wiz-step-ind:not(.is-active) .wiz-step-ind__label {
    display: none;
  }

  .ouc-vitrin[b-besob59jjh]  .wiz-step-ind__label {
    max-width: 130px;
  }

  .ouc-vitrin[b-besob59jjh]  .ouc-alanlar {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .ouc-vitrin[b-besob59jjh]  .ouc-secici .oup {
    max-height: min(260px, 44dvh);
  }

  .ouc-vitrin[b-besob59jjh]  .ouc-ozet > div {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .ouc-vitrin[b-besob59jjh]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/OrgUnits/OrgUnitTypes.razor.rz.scp.css */
/* Birim tipleri — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak / kart / düğme / popup kabuğu global `org-birimleri-vitrin.css`ten gelir (kardeş
   ekran OrgUnitList ile birebir aynı). Burada yalnız o dosyada bulunmayanlar var:
   tablo, kart başlığı, form ızgarası ve alan ölçüleri. Yeni hex YOK — token kullanılır.
   Çocuk bileşenlerin (AppTextField, DataStates) içi ::deep ile hedeflenir. */

.out-vitrin[b-zyz0cni6yi] {
  display: block;
}

/* ── Kapak metin bloğu ─────────────────────────────────────────── */
.out-vitrin[b-zyz0cni6yi]  .out-head__text {
  min-width: 0;
}

.out-vitrin[b-zyz0cni6yi]  .out-yol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
  color: var(--n-500);
  font-size: 12px;
}

.out-vitrin[b-zyz0cni6yi]  .out-yol a {
  color: var(--marka-700);
  text-decoration: none;
}

.out-vitrin[b-zyz0cni6yi]  .out-yol a:hover {
  text-decoration: underline;
}

.out-vitrin[b-zyz0cni6yi]  .out-sub {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Kart başlığı + özet ───────────────────────────────────────── */
.out-vitrin[b-zyz0cni6yi]  .out-kart-bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.out-vitrin[b-zyz0cni6yi]  .out-kart-bas .ou-section-title {
  margin: 0;
}

.out-vitrin[b-zyz0cni6yi]  .out-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.out-vitrin[b-zyz0cni6yi]  .out-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.out-vitrin[b-zyz0cni6yi]  .out-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: `cihaz.css:954` telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto; max-width:100% }` yazar
   (sarmalayıcısı olmayan 79 tablo için genel siper). Tablo kendi kabında (out-tablo-kaydir)
   kaydığı için o siper burada zararlı: `display:block` sticky thead'i ve yapışık sütunu
   tablonun KENDİ kaydırma kutusuna bağlar, üstüne ikinci bir yatay kaydırıcı açar.
   Onaylı referans aynı sıfırlamayı yapar: abonelik-planlari-vitrin.css:57 (.planlar-vitrin). */
.out-vitrin[b-zyz0cni6yi]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 760px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table th:first-child,
.out-vitrin[b-zyz0cni6yi]  .au-result-table td:first-child {
  width: 1%;
  white-space: nowrap;
}

.out-vitrin[b-zyz0cni6yi]  .out-ad {
  min-width: 160px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table .au-dim {
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.out-vitrin[b-zyz0cni6yi]  .out-sayi {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--marka-700);
}

.out-vitrin[b-zyz0cni6yi]  .out-row-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.out-vitrin[b-zyz0cni6yi]  .au-result-table th:last-child,
.out-vitrin[b-zyz0cni6yi]  .au-result-table td:last-child {
  width: 1%;
}

.out-vitrin[b-zyz0cni6yi]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* ── Popup: form ızgarası ve ölçüler ───────────────────────────── */
.out-vitrin[b-zyz0cni6yi]  .out-popup {
  width: min(640px, calc(100vw - 48px));
}

.out-vitrin[b-zyz0cni6yi]  .out-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.out-vitrin[b-zyz0cni6yi]  .out-popup-actions {
  justify-content: flex-end;
}

.out-vitrin[b-zyz0cni6yi]  .out-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(120px, 1fr);
  gap: 16px 20px;
  align-items: start;
}

/* Açıklama alanı iki sütunu birden kaplar (ad + seviye üst satırda). */
.out-vitrin[b-zyz0cni6yi]  .out-form__grid > .app-field:last-child {
  grid-column: 1 / -1;
}

.out-vitrin[b-zyz0cni6yi]  .app-field {
  min-width: 0;
}

.out-vitrin[b-zyz0cni6yi]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.out-vitrin[b-zyz0cni6yi]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.out-vitrin[b-zyz0cni6yi]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.out-vitrin[b-zyz0cni6yi]  .ou-popup-body .au-banner {
  margin-top: 12px;
}

.out-vitrin[b-zyz0cni6yi]  :is(.au-btn, .app-input, .out-tablo-kaydir):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .out-vitrin[b-zyz0cni6yi]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .out-vitrin[b-zyz0cni6yi]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütunlar (Seviye + Ad) yatay kaydırmada yapışık kalır. */
  .out-vitrin[b-zyz0cni6yi]  .au-result-table :is(th, td):nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 62px;
    min-width: 62px;
  }

  .out-vitrin[b-zyz0cni6yi]  .au-result-table :is(th, td):nth-child(2) {
    position: sticky;
    left: 62px;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunların başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .out-vitrin[b-zyz0cni6yi]  .au-result-table th:nth-child(-n + 2) {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .out-vitrin[b-zyz0cni6yi]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Eylemler başlığın altında, içerik genişliğinde tek satır. */
  .out-vitrin[b-zyz0cni6yi]  .ou-head-actions {
    width: 100%;
  }

  .out-vitrin[b-zyz0cni6yi]  .ou-head-actions .au-btn {
    flex: 1 1 auto;
  }

  .out-vitrin[b-zyz0cni6yi]  .out-kart-bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .out-vitrin[b-zyz0cni6yi]  .out-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .out-vitrin[b-zyz0cni6yi]  .au-result-table {
    min-width: 620px;
  }

  .out-vitrin[b-zyz0cni6yi]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .out-vitrin[b-zyz0cni6yi]  .out-form__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .out-vitrin[b-zyz0cni6yi]  .out-popup-actions .au-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/OrgUnits/OrgUnitUsers.razor.rz.scp.css */
/* Birim kullanıcıları — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak / kart / düğme / popup kabuğu global `org-birimleri-vitrin.css`ten gelir (kardeş
   ekran OrgUnitList ile birebir aynı). Burada yalnız o dosyada bulunmayanlar var: kapak
   süzgeci, tablo, aday listesi ve alan ölçüleri. Yeni hex YOK — token kullanılır.
   Çocuk bileşenlerin (AppTextField, AppToggle, DataStates) içi ::deep ile hedeflenir. */

.ouk-vitrin[b-r1m1k1dnto] {
  display: block;
}

/* ── Kapak: metin, yol, süzgeç şeridi ──────────────────────────── */
.ouk-vitrin[b-r1m1k1dnto]  .ouk-head__text {
  min-width: 0;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-yol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
  color: var(--n-500);
  font-size: 12px;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-yol a {
  color: var(--marka-700);
  text-decoration: none;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-yol a:hover {
  text-decoration: underline;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-suzgec {
  flex: 1 1 100%;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

/* Katlama düğmesi yalnız telefonda görünür (aşağıdaki TELEFON bandı). */
.ouk-vitrin[b-r1m1k1dnto]  .ouk-suzgec__ac {
  display: none;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-suzgec__govde {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-ara {
  display: grid;
  gap: 4px;
  min-width: 0;
  flex: 0 1 260px;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-ara__etiket {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-ara__girdi {
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-ara__girdi::placeholder {
  color: var(--metin-ipucu);
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-pil {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 3px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-pil__dugme {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-pil__dugme:hover {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-pil__dugme[aria-pressed="true"] {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* ── Kart başlığı + özet ───────────────────────────────────────── */
.ouk-vitrin[b-r1m1k1dnto]  .ouk-kart-bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-kart-bas .ou-section-title {
  margin: 0;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-bos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 26px 16px;
  color: var(--n-500);
  font-size: 13px;
  text-align: center;
}

.ouk-vitrin[b-r1m1k1dnto]  .ou-tree-card .au-banner {
  margin-bottom: 12px;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.ouk-vitrin[b-r1m1k1dnto]  .ouk-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: `cihaz.css:954` telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto; max-width:100% }` yazar
   (sarmalayıcısı olmayan 79 tablo için genel siper). Tablo kendi kabında (ouk-tablo-kaydir)
   kaydığı için o siper burada zararlı: `display:block` sticky thead'i ve yapışık sütunu
   tablonun KENDİ kaydırma kutusuna bağlar, üstüne ikinci bir yatay kaydırıcı açar.
   Onaylı referans aynı sıfırlamayı yapar: abonelik-planlari-vitrin.css:57 (.planlar-vitrin). */
.ouk-vitrin[b-r1m1k1dnto]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 860px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.ouk-vitrin[b-r1m1k1dnto]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.ouk-vitrin[b-r1m1k1dnto]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ouk-vitrin[b-r1m1k1dnto]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.ouk-vitrin[b-r1m1k1dnto]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ouk-vitrin[b-r1m1k1dnto]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-ad {
  min-width: 180px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-kadi {
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-uyelik {
  white-space: nowrap;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-row-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.ouk-vitrin[b-r1m1k1dnto]  .au-result-table :is(th, td):last-child {
  width: 1%;
}

.ouk-vitrin[b-r1m1k1dnto]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* ── Atama popup'ı ─────────────────────────────────────────────── */
.ouk-vitrin[b-r1m1k1dnto]  .ouk-popup {
  width: min(680px, calc(100vw - 48px));
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-popup-actions {
  justify-content: flex-end;
}

.ouk-vitrin[b-r1m1k1dnto]  .ou-popup-body > * + * {
  margin-top: 12px;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday-liste {
  display: grid;
  gap: 4px;
  max-height: min(280px, 34dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 4px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday {
  display: grid;
  gap: 2px;
  width: 100%;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: var(--kose-dugme);
  background: transparent;
  text-align: start;
  cursor: pointer;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday.is-selected {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday:disabled {
  cursor: not-allowed;
  opacity: .62;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday__ad {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday__alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--n-500);
  font-size: 12px;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-aday__kadi {
  overflow-wrap: anywhere;
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-bayraklar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.ouk-vitrin[b-r1m1k1dnto]  .ouk-not {
  font-size: 12px;
}

/* ── Alan ölçüleri (popup içindeki bileşenler) ─────────────────── */
.ouk-vitrin[b-r1m1k1dnto]  .app-field {
  min-width: 0;
}

.ouk-vitrin[b-r1m1k1dnto]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.ouk-vitrin[b-r1m1k1dnto]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.ouk-vitrin[b-r1m1k1dnto]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.ouk-vitrin[b-r1m1k1dnto]  .app-toggle__label {
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ouk-vitrin[b-r1m1k1dnto]  .app-toggle.is-on .app-toggle__track {
  background: var(--marka-600);
}

.ouk-vitrin[b-r1m1k1dnto]  :is(.au-btn, .app-input, .ouk-ara__girdi, .ouk-pil__dugme, .ouk-aday, .ouk-tablo-kaydir, .app-toggle):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ouk-vitrin[b-r1m1k1dnto]  :is(.au-btn, .au-btn--sm, .ouk-pil__dugme) {
    min-height: 44px;
  }

  .ouk-vitrin[b-r1m1k1dnto]  :is(.app-field .app-input, .ouk-ara__girdi) {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Kullanıcı) yatay kaydırmada yapışık kalır. */
  .ouk-vitrin[b-r1m1k1dnto]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .ouk-vitrin[b-r1m1k1dnto]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .ouk-vitrin[b-r1m1k1dnto]  :is(.app-field .app-input, .ouk-ara__girdi) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Eylemler başlığın altında, içerik genişliğinde tek satır. */
  .ouk-vitrin[b-r1m1k1dnto]  .ou-head-actions {
    width: 100%;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ou-head-actions .au-btn {
    flex: 1 1 auto;
  }

  /* Süzgeçler katlanır; açılınca tek sütun. */
  .ouk-vitrin[b-r1m1k1dnto]  .ouk-suzgec__ac {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-suzgec__govde {
    display: none;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-suzgec.is-acik .ouk-suzgec__govde {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 12px;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-ara {
    flex: 1 1 auto;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-pil {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-kart-bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .ouk-vitrin[b-r1m1k1dnto]  .au-result-table {
    min-width: 720px;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-aday-liste {
    max-height: min(240px, 40dvh);
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-bayraklar {
    grid-template-columns: minmax(0, 1fr);
  }

  .ouk-vitrin[b-r1m1k1dnto]  .ouk-popup-actions .au-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Roles/RoleAssignUser.razor.rz.scp.css */
/* YN-03 · R4 role kullanıcı ataması — Akademik Analiz görsel dili (sayfa kapsamlı).
   Arama sonuç satırları buton olarak render edilir (klavye erişimi); renkler yalnız
   mevcut aurora token'larından. Yeni hex, !important ve sabit spacer YOK. */

.rol-atama-vitrin[b-xzje9uwce1] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.ra-kapak[b-xzje9uwce1] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ra-kapak__bas[b-xzje9uwce1] { min-width: 0; }

.ra-baslik[b-xzje9uwce1] {
  margin: 6px 0 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ra-kapak__alt[b-xzje9uwce1] { margin: 6px 0 0; color: var(--metin-ipucu); font-size: 12.5px; line-height: 1.55; }

/* ── Düğmeler ── */
.ra-btn[b-xzje9uwce1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ra-btn:hover:not(:disabled)[b-xzje9uwce1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ra-btn:disabled[b-xzje9uwce1] { opacity: .55; cursor: not-allowed; }
.ra-btn--birincil[b-xzje9uwce1] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.ra-btn--birincil:hover:not(:disabled)[b-xzje9uwce1] { background: var(--marka-500); border-color: var(--marka-500); }
.ra-btn--kucuk[b-xzje9uwce1] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.rol-atama-vitrin :is(.ra-btn, .ra-satir, .ra-popup-kapat):focus-visible[b-xzje9uwce1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart ── */
.ra-kart[b-xzje9uwce1] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ra-kart[b-xzje9uwce1]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ra-bos[b-xzje9uwce1] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 20px; text-align: center; }
.ra-bos p[b-xzje9uwce1] { margin: 0; color: var(--metin-ikincil); font-size: 13px; }

/* Sihirbaz kabuğu kartın kendi yüzeyini kullanır — ikinci bir kart çerçevesi kurulmaz. */
.ra-sihirbaz[b-xzje9uwce1]  .wiz-kart {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.ra-sihirbaz[b-xzje9uwce1]  .wiz-title { font-family: var(--font-display); font-size: 15px; letter-spacing: -.012em; }
.ra-sihirbaz[b-xzje9uwce1]  .wiz-body { min-width: 0; }

/* ── Arama ── */
.ra-arama[b-xzje9uwce1] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.ra-arama[b-xzje9uwce1]  .app-field__label {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ra-arama[b-xzje9uwce1]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font: 500 13px/1.2 var(--font-body);
}

/* Sonuç listesi kendi alanında kayar — sayfa uzamaz. */
.ra-liste[b-xzje9uwce1] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  max-height: min(420px, 50dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px;
}

.ra-satir[b-xzje9uwce1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.ra-satir:hover[b-xzje9uwce1] { background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)); border-color: var(--marka-400); }

.ra-satir.is-secili[b-xzje9uwce1] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 9%, var(--yuzey));
  color: var(--marka-700);
}

.ra-satir__bilgi[b-xzje9uwce1] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ra-satir__ad[b-xzje9uwce1] { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.ra-satir__alt[b-xzje9uwce1] { color: var(--metin-ipucu); font-size: 12px; overflow-wrap: anywhere; }
.ra-satir__etiketler[b-xzje9uwce1] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }

.ra-etiket[b-xzje9uwce1] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.ra-etiket--pasif[b-xzje9uwce1] { color: var(--danger-metin); border-color: color-mix(in srgb, var(--danger) 30%, var(--hat-girdi)); }

.ra-secili[b-xzje9uwce1] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 30%, var(--hat-girdi));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.ra-soluk[b-xzje9uwce1] { margin: 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.ra-not[b-xzje9uwce1] { margin: 8px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }
.ra-ozet-eylem[b-xzje9uwce1] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

/* ── Özet listesi ── */
.ra-bilgiler[b-xzje9uwce1] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.ra-bilgiler > div[b-xzje9uwce1] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ra-bilgiler > div:nth-child(odd)[b-xzje9uwce1] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ra-bilgiler dt[b-xzje9uwce1] { color: var(--metin-ipucu); }
.ra-bilgiler dd[b-xzje9uwce1] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* Bit matrisi uzun — popup gövdesinde kendi alanında kayar. */
.ra-matris[b-xzje9uwce1]  .pbm {
  max-height: min(460px, 52dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

/* ── Uyarı şeritleri ── */
.ra-uyari[b-xzje9uwce1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 35%, var(--hat-girdi));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--analiz-dikkat-acik) 60%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.ra-uyari span[b-xzje9uwce1] { min-width: 0; flex: 1 1 240px; }

.ra-uyari--hata[b-xzje9uwce1] {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Görünür popup ── */
/* Arka plan kaydırma kilidi RoleAssignUser.razor.js'te — scoped CSS `html:has(…)`
   seçicisine scope niteliği ekler (`html:has(…)[b-xxx]`), <html> onu taşımaz. */

.ra-popup[b-xzje9uwce1] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ra-popup[open][b-xzje9uwce1] { display: flex; flex-direction: column; }
.ra-popup[b-xzje9uwce1]::backdrop { background: var(--scrim); }

.ra-popup-bas[b-xzje9uwce1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ra-popup-bas h2[b-xzje9uwce1] { min-width: 0; margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.ra-popup-bas h2:focus[b-xzje9uwce1] { outline: none; }

.ra-popup-kapat[b-xzje9uwce1] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.ra-popup-kapat:hover[b-xzje9uwce1] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.ra-popup-govde[b-xzje9uwce1] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.ra-popup-eylemler[b-xzje9uwce1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ra-btn[b-xzje9uwce1], .ra-btn--kucuk[b-xzje9uwce1] { min-height: 44px; }
  .ra-arama[b-xzje9uwce1]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ra-kapak[b-xzje9uwce1] { padding: 12px; }
  .ra-baslik[b-xzje9uwce1] { font-size: var(--yazi-kapak, 20px); }
  .ra-kart[b-xzje9uwce1] { padding: 16px 12px; }
  .ra-satir[b-xzje9uwce1] { align-items: flex-start; }
  .ra-bilgiler > div[b-xzje9uwce1] { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
  .ra-ozet-eylem .ra-btn[b-xzje9uwce1] { flex: 1 1 auto; }
  .ra-popup[b-xzje9uwce1] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ra-popup-bas[b-xzje9uwce1], .ra-popup-govde[b-xzje9uwce1], .ra-popup-eylemler[b-xzje9uwce1] { padding: 12px; }
  .ra-popup-eylemler .ra-btn[b-xzje9uwce1] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Roles/RoleBuilder.razor.rz.scp.css */
/* YN-03 · R3 rol oluşturucu / düzenleyici — Akademik Analiz görsel dili (sayfa kapsamlı).
   Fark çipleri: renk tek başına bilgi taşımaz — ikon + "Eklendi/Kaldırıldı" metni + aria-label
   zorunlu (rapor A §2-R2). Renkler yalnız mevcut aurora token'larından; yeni hex yok. */

.rol-olusturucu-vitrin[b-5obygfujna] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.rb-kapak[b-5obygfujna] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rb-kapak__bas[b-5obygfujna] { min-width: 0; }

.rb-baslik[b-5obygfujna] {
  margin: 6px 0 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.rb-kapak__alt[b-5obygfujna] { margin: 6px 0 0; color: var(--metin-ipucu); font-size: 12.5px; line-height: 1.55; }

/* ── Düğmeler ── */
.rb-btn[b-5obygfujna] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.rb-btn:hover:not(:disabled)[b-5obygfujna] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.rb-btn:disabled[b-5obygfujna] { opacity: .55; cursor: not-allowed; }
.rb-btn--birincil[b-5obygfujna] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.rb-btn--birincil:hover:not(:disabled)[b-5obygfujna] { background: var(--marka-500); border-color: var(--marka-500); }
.rb-btn--kucuk[b-5obygfujna] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.rol-olusturucu-vitrin :is(.rb-btn, .rb-popup-kapat):focus-visible[b-5obygfujna] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart ── */
.rb-kart[b-5obygfujna] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rb-kart[b-5obygfujna]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.rb-kart__baslik[b-5obygfujna] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.rb-kart__baslik[b-5obygfujna]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.rb-bos[b-5obygfujna] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 20px; text-align: center; }
.rb-bos p[b-5obygfujna] { margin: 0; color: var(--metin-ikincil); font-size: 13px; }

/* Sihirbaz kabuğu kartın kendi yüzeyini kullanır — ikinci bir kart çerçevesi kurulmaz. */
.rb-sihirbaz[b-5obygfujna]  .wiz-kart {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.rb-sihirbaz[b-5obygfujna]  .wiz-title { font-family: var(--font-display); font-size: 15px; letter-spacing: -.012em; }
.rb-sihirbaz[b-5obygfujna]  .wiz-body { min-width: 0; }

.rb-form[b-5obygfujna] { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rb-parent-eylem[b-5obygfujna] { display: flex; flex-wrap: wrap; gap: 8px; }

.rb-form[b-5obygfujna]  .app-field__label {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.rb-form[b-5obygfujna]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font: 500 13px/1.2 var(--font-body);
}

/* Bit matrisi uzun — kendi alanında kayar, sayfayı uzatmaz. */
.rb-matris[b-5obygfujna]  .pbm {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.rb-soluk[b-5obygfujna] { margin: 0 0 10px; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.rb-toplam[b-5obygfujna] { margin: 12px 0 0; }
.rb-anahtar[b-5obygfujna] { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

/* ── Bilgi listesi ── */
.rb-bilgiler[b-5obygfujna] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.rb-bilgiler > div[b-5obygfujna] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.rb-bilgiler > div:nth-child(odd)[b-5obygfujna] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.rb-bilgiler dt[b-5obygfujna] { color: var(--metin-ipucu); }
.rb-bilgiler dd[b-5obygfujna] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── Onay adımı ── */
.rb-onay[b-5obygfujna] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }

.rb-onay__panel[b-5obygfujna] {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

.rb-onay__baslik[b-5obygfujna] {
  margin: 0 0 12px;
  font: 700 14px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

/* Fark listesi 100+ bite çıkabiliyor — kendi alanında kayar (2026-09-18 SIS dersi). */
.rb-fark[b-5obygfujna] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  max-height: 200px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.rb-fark-etiket[b-5obygfujna] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

/* Yeşil/kırmızı değil: marka rampası + danger — ikon ve metin bilgiyi taşır. */
.rb-fark-etiket--ekle[b-5obygfujna] {
  color: var(--marka-rampa-uc);
  background: color-mix(in srgb, var(--marka-rampa-uc) 8%, var(--yuzey));
  border-color: color-mix(in srgb, var(--marka-rampa-uc) 35%, var(--hat-girdi));
}

.rb-fark-etiket--kaldir[b-5obygfujna] {
  color: var(--danger-metin);
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 30%, var(--hat-girdi));
}

/* ── Uyarı şeritleri ── */
.rb-uyari[b-5obygfujna] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 35%, var(--hat-girdi));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--analiz-dikkat-acik) 60%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.rb-uyari span[b-5obygfujna] { min-width: 0; flex: 1 1 240px; }

.rb-uyari--hata[b-5obygfujna] {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Görünür popup ── */
/* Arka plan kaydırma kilidi RoleBuilder.razor.js'te — scoped CSS `html:has(…)`
   seçicisine scope niteliği ekler (`html:has(…)[b-xxx]`), <html> onu taşımaz. */

.rb-popup[b-5obygfujna] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.rb-popup[open][b-5obygfujna] { display: flex; flex-direction: column; }
.rb-popup[b-5obygfujna]::backdrop { background: var(--scrim); }

.rb-popup-bas[b-5obygfujna] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.rb-popup-bas h2[b-5obygfujna] { min-width: 0; margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.rb-popup-bas h2:focus[b-5obygfujna] { outline: none; }

.rb-popup-kapat[b-5obygfujna] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.rb-popup-kapat:hover[b-5obygfujna] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.rb-popup-govde[b-5obygfujna] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.rb-popup-eylemler[b-5obygfujna] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Masaüstü: onay adımı iki sütun ── */
/* MASAÜSTÜ (YENI-DIL §1.1) — eski 1101 px eşiği 1024–1100 fareli pencerede tablet
   sayfasını masaüstü barının altına çiziyordu (§1.3 ölçümü). */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .rb-onay[b-5obygfujna] { grid-template-columns: 5fr 4fr; }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .rb-btn[b-5obygfujna], .rb-btn--kucuk[b-5obygfujna] { min-height: 44px; }
  .rb-form[b-5obygfujna]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .rb-kapak[b-5obygfujna] { padding: 12px; }
  .rb-baslik[b-5obygfujna] { font-size: var(--yazi-kapak, 20px); }
  .rb-kart[b-5obygfujna] { padding: 16px 12px; }
  .rb-kart__baslik[b-5obygfujna] { font-size: var(--yazi-bolum, 14px); }
  .rb-bilgiler > div[b-5obygfujna] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
  .rb-parent-eylem .rb-btn[b-5obygfujna] { flex: 1 1 auto; }
  .rb-popup[b-5obygfujna] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .rb-popup-bas[b-5obygfujna], .rb-popup-govde[b-5obygfujna], .rb-popup-eylemler[b-5obygfujna] { padding: 12px; }
  .rb-popup-eylemler .rb-btn[b-5obygfujna] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Roles/RoleDetail.razor.rz.scp.css */
/* YN-03 · R2 rol detayı — Akademik Analiz görsel dili (sayfa kapsamlı).
   Ölçüler references/akademik-analiz.md'den; renkler yalnız mevcut aurora token'larından.
   Sekme vurgusu marka rampasından türetilir (lacivert → petrol); yeni palet üretilmez. */

.rol-detay-vitrin[b-8ukl7ybwz6] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.rd-kapak[b-8ukl7ybwz6] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rd-kapak__bas[b-8ukl7ybwz6] { min-width: 0; }

.rd-baslik[b-8ukl7ybwz6] {
  margin: 6px 0 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.rd-kapak__alt[b-8ukl7ybwz6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
}

.rd-eylemler[b-8ukl7ybwz6] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Düğmeler ── */
.rd-btn[b-8ukl7ybwz6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.rd-btn:hover:not(:disabled)[b-8ukl7ybwz6] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.rd-btn:disabled[b-8ukl7ybwz6] { opacity: .55; cursor: not-allowed; }

.rd-btn--birincil[b-8ukl7ybwz6] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.rd-btn--birincil:hover:not(:disabled)[b-8ukl7ybwz6] { background: var(--marka-500); border-color: var(--marka-500); }

.rd-btn--tehlike[b-8ukl7ybwz6] { color: var(--danger-metin); border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi)); }
.rd-btn--tehlike:hover:not(:disabled)[b-8ukl7ybwz6] { background: color-mix(in srgb, var(--danger) 8%, var(--yuzey)); border-color: var(--danger); }

.rd-btn--kucuk[b-8ukl7ybwz6] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.rol-detay-vitrin :is(.rd-btn, .rd-sekme, .rd-panel, .rd-popup-kapat):focus-visible[b-8ukl7ybwz6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Etiketler ── */
.rd-etiket-grup[b-8ukl7ybwz6] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }

.rd-etiket[b-8ukl7ybwz6] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
}

.rd-etiket--sistem[b-8ukl7ybwz6] { color: var(--marka-700); background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey)); }
.rd-etiket--bag[b-8ukl7ybwz6] { color: var(--marka-700); }
.rd-etiket--bag:hover[b-8ukl7ybwz6] { background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey)); border-color: var(--marka-400); }

.rd-anahtar[b-8ukl7ybwz6] { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

.rd-durum[b-8ukl7ybwz6] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.rd-durum[b-8ukl7ybwz6]::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.rd-durum.is-aktif[b-8ukl7ybwz6] { color: var(--marka-rampa-uc); }
.rd-durum.is-pasif[b-8ukl7ybwz6] { color: var(--metin-ipucu); }

/* ── Bölüm sekmeleri (referans: beyaz şerit, 1px sınır, 6px dolgu, 4px aralık, 16px içerik payı) ── */
.rd-sekmeler[b-8ukl7ybwz6] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.rd-sekme[b-8ukl7ybwz6] {
  --rd-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol: mevcut marka rampası token'ları, yeni hex yok. */
.rd-sekme:nth-child(2)[b-8ukl7ybwz6] { --rd-vurgu: var(--marka-rampa-uc); }

.rd-sekmeler .rd-sekme:hover[b-8ukl7ybwz6] {
  background: color-mix(in srgb, var(--rd-vurgu) 14%, var(--yuzey));
  color: var(--rd-vurgu);
}

.rd-sekmeler .rd-sekme[aria-selected="true"][b-8ukl7ybwz6] { background: var(--rd-vurgu); color: var(--on-brand); }
.rd-sekme:focus-visible[b-8ukl7ybwz6] { outline-color: var(--rd-vurgu); }

.rd-panel[b-8ukl7ybwz6] { min-width: 0; }

/* ── Kartlar ── */
.rd-izgara[b-8ukl7ybwz6] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.rd-kart[b-8ukl7ybwz6] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rd-kart[b-8ukl7ybwz6]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.rd-kart__baslik[b-8ukl7ybwz6] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.rd-kart__baslik[b-8ukl7ybwz6]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.rd-bos[b-8ukl7ybwz6] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 20px; text-align: center; }
.rd-bos p[b-8ukl7ybwz6] { margin: 0; color: var(--metin-ikincil); font-size: 13px; }

.rd-bilgiler[b-8ukl7ybwz6] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.rd-bilgiler > div[b-8ukl7ybwz6] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.rd-bilgiler > div:nth-child(odd)[b-8ukl7ybwz6] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.rd-bilgiler dt[b-8ukl7ybwz6] { color: var(--metin-ipucu); }
.rd-bilgiler dd[b-8ukl7ybwz6] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.rd-soluk[b-8ukl7ybwz6] { margin: 0 0 8px; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.rd-ozet[b-8ukl7ybwz6] { margin-bottom: 12px; }
.rd-not[b-8ukl7ybwz6] { margin: 6px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }

.rd-sayac[b-8ukl7ybwz6] { display: flex; align-items: baseline; gap: 8px; margin: 0 0 6px; }

.rd-sayac__deger[b-8ukl7ybwz6] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.rd-miras-ac[b-8ukl7ybwz6] { margin-top: 12px; }

/* Salt okunur bit matrisi kendi alanında kayar (uzun liste sayfayı uzatmasın). */
.rd-kart[b-8ukl7ybwz6]  .pbm {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

/* ── Uyarı şeridi (Partial) ── */
.rd-uyari[b-8ukl7ybwz6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 35%, var(--hat-girdi));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--analiz-dikkat-acik) 60%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.rd-uyari span[b-8ukl7ybwz6] { min-width: 0; flex: 1 1 240px; }

/* ── Görünür popup ── */
/* Arka plan kaydırma kilidi RoleDetail.razor.js'te — scoped CSS `html:has(…)`
   seçicisine scope niteliği ekler (`html:has(…)[b-xxx]`), <html> onu taşımaz. */

.rd-popup[b-8ukl7ybwz6] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.rd-popup[open][b-8ukl7ybwz6] { display: flex; flex-direction: column; }
.rd-popup[b-8ukl7ybwz6]::backdrop { background: var(--scrim); }

.rd-popup-bas[b-8ukl7ybwz6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.rd-popup-bas h2[b-8ukl7ybwz6] { min-width: 0; margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.rd-popup-bas h2:focus[b-8ukl7ybwz6] { outline: none; }

.rd-popup-kapat[b-8ukl7ybwz6] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.rd-popup-kapat:hover[b-8ukl7ybwz6] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.rd-popup-govde[b-8ukl7ybwz6] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.rd-miras-liste[b-8ukl7ybwz6] { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }

.rd-miras-liste li[b-8ukl7ybwz6] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.rd-miras-liste li:nth-child(odd)[b-8ukl7ybwz6] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.rd-miras-ad[b-8ukl7ybwz6] { min-width: 0; overflow-wrap: anywhere; }

.rd-popup-eylemler[b-8ukl7ybwz6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Masaüstü: iki sütunlu kart ızgarası ── */
/* MASAÜSTÜ (YENI-DIL §1.1) — eski 1101 px eşiği 1024–1100 fareli pencerede tablet
   sayfasını masaüstü barının altına çiziyordu (§1.3 ölçümü). */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .rd-izgara[b-8ukl7ybwz6] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rd-izgara > .rd-kart:first-child[b-8ukl7ybwz6] { grid-row: span 2; }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .rd-btn[b-8ukl7ybwz6], .rd-btn--kucuk[b-8ukl7ybwz6] { min-height: 44px; }
  .rd-sekmeler[b-8ukl7ybwz6] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .rd-sekme[b-8ukl7ybwz6] { flex: 0 0 auto; min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .rd-kapak[b-8ukl7ybwz6] { padding: 12px; }
  .rd-baslik[b-8ukl7ybwz6] { font-size: var(--yazi-kapak, 20px); }
  .rd-eylemler[b-8ukl7ybwz6] { width: 100%; }
  .rd-eylemler > *[b-8ukl7ybwz6] { flex: 1 1 auto; }
  .rd-kart[b-8ukl7ybwz6] { padding: 16px 12px; }
  .rd-kart__baslik[b-8ukl7ybwz6] { font-size: var(--yazi-bolum, 14px); }
  .rd-sayac__deger[b-8ukl7ybwz6] { font-size: var(--yazi-kpi, 20px); }
  .rd-bilgiler > div[b-8ukl7ybwz6] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
  .rd-popup[b-8ukl7ybwz6] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .rd-popup-bas[b-8ukl7ybwz6], .rd-popup-govde[b-8ukl7ybwz6], .rd-popup-eylemler[b-8ukl7ybwz6] { padding: 12px; }
  .rd-popup-eylemler .rd-btn[b-8ukl7ybwz6] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Roles/RolesList.razor.rz.scp.css */
/* YN-03 · R1 roller listesi — Akademik Analiz görsel dili (sayfa kapsamlı).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den; renkler
   yalnız mevcut aurora token'larından. Yeni hex, !important ve sabit spacer YOK.
   Analiz vitrini token'ları (--anv-*/--agv-*) bu kapsamda tanımlı olmadığı için
   genel karşılıkları kullanılır (--hat-kart, --hat-girdi, --metin-* …). */

.roller-vitrin[b-n64zjrhv2j] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylem tek beyaz yüzeyde ── */
.rl-kapak[b-n64zjrhv2j] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rl-baslik[b-n64zjrhv2j] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.rl-kapak__alt[b-n64zjrhv2j] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

/* Süzgeç aç/kapa yalnız telefonda görünür (aşağıdaki TELEFON bandı). */
.rl-suzgec-ac[b-n64zjrhv2j] {
  display: none;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.rl-suzgecler[b-n64zjrhv2j] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.rl-suzgecler[b-n64zjrhv2j]  .app-field { flex: 0 1 176px; min-width: 0; max-width: 210px; }

.rl-eylemler[b-n64zjrhv2j] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

/* shrink 0: sarmalı `.rl-eylemler` grid'in `auto` sütununda ve tarayıcı kabın
   max-content'ini ölçerken shrink'li çocuğun 210px tabanını saymıyor → sütun dar
   ölçülüp birincil "Yeni rol" düğmesi alt satıra taşıyordu (satır 135'teki
   süzgeç düzeltmesinin eylem kabındaki eşi). */
.rl-sablon-secici[b-n64zjrhv2j] { flex: 0 0 210px; min-width: 0; }

/* Kapak içi alan etiketi ve girdi ölçüleri (referans: 10px/700 etiket, 34px girdi). */
.rl-kapak[b-n64zjrhv2j]  .app-field__label {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

/* Seçici bilerek uzun: AppField.razor.css aynı girdiyi `.app-field[b-…] .app-input`
   (0,3,0) ile boyar ve demette SONRA geldiği için eşit özgüllükte kazanıyordu;
   `.roller-vitrin` ile (0,4,0)'a çıkılır. `height` yazılmazsa `min-height` 46px'i
   ezemez, kısayollar (padding/border) da kısayolla ezilmek zorunda. */
.roller-vitrin .rl-kapak[b-n64zjrhv2j]  .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1.2 var(--font-body);
}

/* Ok simgesi girdinin İÇİNDE dursun: yukarıdaki `padding` kısayolu AppSelect'in
   `padding-right: 40px` kuralını siliyor ve uzun seçim metni okun altına giriyor. */
.roller-vitrin .rl-kapak[b-n64zjrhv2j]  .app-select { padding-right: 36px; }

/* Masaüstü iki satır (1101–1539 fareli): başlık üstte, süzgeç + eylem altta. */
/* MASAÜSTÜ (YENI-DIL §1.1) — eski 1101 px eşiği 1024–1100 fareli pencerede tablet
   sayfasını masaüstü barının altına çiziyordu (§1.3 ölçümü). */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .rl-kapak[b-n64zjrhv2j] {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "baslik baslik"
      "suzgec eylem";
    row-gap: 14px;
  }
  .rl-kapak__bas[b-n64zjrhv2j] { grid-area: baslik; }
  .rl-suzgecler[b-n64zjrhv2j] { grid-area: suzgec; }
  .rl-eylemler[b-n64zjrhv2j] { grid-area: eylem; justify-content: flex-end; }
}

/* Geniş masaüstü (≥1540 fareli): başlık solda, süzgeç ortada, eylem sağ kenarda. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .rl-kapak[b-n64zjrhv2j] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "baslik suzgec eylem";
    align-items: end;
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
     çocukların `flex: 0 1 176px` tabanını saymaz → süzgeçler alt alta yığılıyordu.
     Kap sütunu doldurur, sağa yaslama flex satırında yapılır. */
  .rl-suzgecler[b-n64zjrhv2j] { justify-self: stretch; justify-content: flex-end; }
}

/* ── Düğmeler ── */
.rl-btn[b-n64zjrhv2j] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.rl-btn:hover[b-n64zjrhv2j] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.rl-btn--birincil[b-n64zjrhv2j] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.rl-btn--birincil:hover[b-n64zjrhv2j] { background: var(--marka-500); border-color: var(--marka-500); }

.rl-btn--kucuk[b-n64zjrhv2j] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.roller-vitrin :is(.rl-btn, .rl-suzgec-ac):focus-visible[b-n64zjrhv2j] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Tablo kartı ── */
.rl-tablo-kart[b-n64zjrhv2j] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rl-tablo-kart[b-n64zjrhv2j]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.rl-bolum-baslik[b-n64zjrhv2j] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.rl-bolum-baslik[b-n64zjrhv2j]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Uzun tablo kendi sınırlı alanında kayar; thead üstte sabit kalır. */
.rl-tablo-kap[b-n64zjrhv2j]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.rl-tablo-kap[b-n64zjrhv2j]  .grid-table { font-size: 13px; }

/* Geçiş thead boyunca TEK parça çizilir; th arka planları şeffaf (tablo sözleşmesi). */
.rl-tablo-kap[b-n64zjrhv2j]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}

.rl-tablo-kap[b-n64zjrhv2j]  .grid-table thead th {
  background: transparent;
  border-bottom: none;
}

.rl-tablo-kap[b-n64zjrhv2j]  .grid-th-label,
.rl-tablo-kap[b-n64zjrhv2j]  .grid-sort {
  padding: 10px 13px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--on-brand);
}

.rl-tablo-kap[b-n64zjrhv2j]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
}

.rl-tablo-kap[b-n64zjrhv2j]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.rl-tablo-kap[b-n64zjrhv2j]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.rl-tablo-kap[b-n64zjrhv2j]  .grid-pager { padding-top: 12px; }

/* ── Hücre içerikleri ── */
.rl-ad-hucre[b-n64zjrhv2j] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rl-ad[b-n64zjrhv2j] { font-weight: 600; color: var(--metin-murekkep); overflow-wrap: anywhere; }

.rl-aciklama[b-n64zjrhv2j] {
  max-width: 360px;
  color: var(--metin-ipucu);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rl-anahtar[b-n64zjrhv2j] {
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
}

.rl-etiket-grup[b-n64zjrhv2j] { display: inline-flex; flex-wrap: wrap; gap: 4px; }

.rl-etiket[b-n64zjrhv2j] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.rl-etiket--sistem[b-n64zjrhv2j] { color: var(--marka-700); background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey)); }
.rl-etiket--miras[b-n64zjrhv2j] { color: var(--marka-rampa-uc); border-color: color-mix(in srgb, var(--marka-rampa-uc) 35%, var(--hat-girdi)); }

.rl-durum[b-n64zjrhv2j] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.rl-durum[b-n64zjrhv2j]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.rl-durum.is-aktif[b-n64zjrhv2j] { color: var(--marka-rampa-uc); }
.rl-durum.is-pasif[b-n64zjrhv2j] { color: var(--metin-ipucu); }

.rl-sayac[b-n64zjrhv2j] { color: var(--metin-ikincil); font-size: 12.5px; font-variant-numeric: tabular-nums; }

/* ── Görünür popup (native top layer) ── */
/* Arka plan kaydırma kilidi BURADA DEĞİL, RolesList.razor.js'te: scoped CSS
   `html:has(…)` seçicisini `html:has(…)[b-xxx]` diye yeniden yazar ve <html>
   bu niteliği hiç taşımaz — kural ölü kalırdı (global vitrin CSS'inde çalışır). */

.rl-onizleme[b-n64zjrhv2j] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.rl-onizleme[open][b-n64zjrhv2j] { display: flex; flex-direction: column; }
.rl-onizleme[b-n64zjrhv2j]::backdrop { background: var(--scrim); }

.rl-popup-bas[b-n64zjrhv2j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.rl-popup-bas h2[b-n64zjrhv2j] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.rl-popup-bas h2:focus[b-n64zjrhv2j] { outline: none; }

.rl-popup-kapat[b-n64zjrhv2j] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.rl-popup-kapat:hover[b-n64zjrhv2j] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.rl-popup-kapat:focus-visible[b-n64zjrhv2j] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.rl-popup-govde[b-n64zjrhv2j] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.rl-bilgiler[b-n64zjrhv2j] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.rl-bilgiler > div[b-n64zjrhv2j] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.rl-bilgiler > div:nth-child(odd)[b-n64zjrhv2j] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.rl-bilgiler dt[b-n64zjrhv2j] { color: var(--metin-ipucu); }
.rl-bilgiler dd[b-n64zjrhv2j] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.rl-popup-not[b-n64zjrhv2j] {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.rl-popup-eylemler[b-n64zjrhv2j] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .rl-btn[b-n64zjrhv2j] { min-height: 44px; }
  .rl-btn--kucuk[b-n64zjrhv2j] { min-height: 44px; }
  .rl-tablo-kap[b-n64zjrhv2j]  .grid-table tbody td:first-child,
  .rl-tablo-kap[b-n64zjrhv2j]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }
  /* Yapışık başlık hücresi opak olmak zorunda; rampanın 0% durağı ile aynı ton seçilir
     (--marka-600 daha koyuydu, şeridin başında görünür bir ek oluşuyordu). */
  .rl-tablo-kap[b-n64zjrhv2j]  .grid-table thead th:first-child { z-index: 4; background: var(--marka-500); }
  /* 34px'lik kapak girdisi dokunma hedefi olarak küçük; iOS 16px altında yakınlaştırır. */
  .roller-vitrin .rl-kapak[b-n64zjrhv2j]  .app-input {
    height: 44px;
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ≥1280px dokunmatik (yukarıdaki bandın kapsamadığı büyük tablet): cihaz.css:156
   yalnız font-size veriyor (0,3,1), 34px kuralımız (0,4,0) onu yendiği için burada
   dokunma hedefi 44px'e çıkarılır. `body.edulive-cihaz` App.razor:62'de STATİK
   yazılı (masaüstünde de var) — yalnızca özgüllük kancasıdır; cihaz kapısı
   cihaz.css emsalindeki gibi media sorgusuyla kurulur, yoksa kural fareli
   masaüstünde de uygulanıp 34px hedefini iptal ederdi. */
@media (min-width: 1280px) and (hover: none) and (pointer: coarse) {
  body.edulive-cihaz .roller-vitrin .rl-kapak[b-n64zjrhv2j]  .app-input {
    height: 44px;
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .rl-kapak[b-n64zjrhv2j] { padding: 12px; }
  .rl-baslik[b-n64zjrhv2j] { font-size: var(--yazi-kapak, 20px); }
  .rl-suzgec-ac[b-n64zjrhv2j] { display: inline-flex; }
  .rl-suzgecler[b-n64zjrhv2j] { display: none; }
  .rl-suzgecler.is-acik[b-n64zjrhv2j] { display: flex; flex-direction: column; align-items: stretch; }
  .rl-suzgecler[b-n64zjrhv2j]  .app-field { flex: 1 1 auto; max-width: none; }
  .rl-eylemler[b-n64zjrhv2j] { width: 100%; }
  .rl-eylemler .rl-btn[b-n64zjrhv2j] { flex: 1 1 auto; }
  .rl-sablon-secici[b-n64zjrhv2j] { flex: 1 1 100%; }
  .rl-tablo-kart[b-n64zjrhv2j] { padding: 16px 12px; }
  .rl-bolum-baslik[b-n64zjrhv2j] { font-size: var(--yazi-bolum, 14px); }
  .rl-aciklama[b-n64zjrhv2j] { max-width: 220px; }
  .rl-onizleme[b-n64zjrhv2j] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .rl-popup-bas[b-n64zjrhv2j], .rl-popup-govde[b-n64zjrhv2j], .rl-popup-eylemler[b-n64zjrhv2j] { padding: 12px; }
  .rl-popup-eylemler .rl-btn[b-n64zjrhv2j] { flex: 1 1 auto; }
  .rl-bilgiler > div[b-n64zjrhv2j] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/SoruDegerlendirmeleri.razor.rz.scp.css */
/* Soru Değerlendirmeleri — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Durum seçimi bir bölüm sekmesi DEĞİL (her değişim sunucuya yeni istek atıyor), bu yüzden
   referansın "zaman segmenti" kontrolü kullanıldı: 3 px iç boşluklu kap, 28 px düğme.
   Yeni hex YOK, !important YOK. Çocuk bileşenlerin içi ::deep ile hedeflenir. */

.sd-vitrin[b-9kj3h32rn9] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-kapak {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-kapak__metin {
  min-width: 0;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-geri {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  margin-bottom: 4px;
  color: var(--n-500);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-geri:hover {
  color: var(--marka-700);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-alt {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Ölçü `width` ile verilir: definite `width` kabın max-content hesabına girer,
   `flex-basis` girmez — basis kullanılınca süzgeç dar ölçülüp select alt satıra düşüyordu. */
.sd-vitrin[b-9kj3h32rn9]  .sd-suzgec .app-field {
  flex: 0 1 auto;
  width: 176px;
  min-width: 0;
  max-width: 210px;
}

/* ── Durum segmenti ───────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-segment {
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-segment__dugme {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-segment__dugme:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* Seçimde yazı boyutu DEĞİŞMEZ (referans kuralı) — yalnız zemin ve renk değişir. */
.sd-vitrin[b-9kj3h32rn9]  .sd-segment__dugme[aria-pressed="true"],
.sd-vitrin[b-9kj3h32rn9]  .sd-segment__dugme[aria-pressed="true"]:hover {
  background: var(--marka-600);
  color: var(--on-brand);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-segment__dugme:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-segment__dugme:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Ortak kontrol tabanı ─────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sd-vitrin[b-9kj3h32rn9]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.sd-vitrin[b-9kj3h32rn9]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sd-vitrin[b-9kj3h32rn9]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Yıkıcı eylem: global `.au-btn--danger` (0,1,0) yukarıdaki kapsamlı `.au-btn`
   kuralının (0,2,0) altında kalıyor — aynı kapsamda yeniden kurulur, yoksa
   "Reddet" nötr düğme gibi görünürdü. Yeni hex yok, mevcut kırmızı tokenlar. */
.sd-vitrin[b-9kj3h32rn9]  .au-btn--danger {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.sd-vitrin[b-9kj3h32rn9]  .au-btn--danger:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.sd-vitrin[b-9kj3h32rn9]  .au-btn--danger:focus-visible {
  outline-color: var(--red-600);
}

.sd-vitrin[b-9kj3h32rn9]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.sd-vitrin[b-9kj3h32rn9]  .au-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.sd-vitrin[b-9kj3h32rn9]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sd-vitrin[b-9kj3h32rn9]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.sd-vitrin[b-9kj3h32rn9]  :is(.au-btn, .app-input, .sd-tablo-kaydir, .sd-metin):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  :is(.sd-kart, .sd-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sd-vitrin[b-9kj3h32rn9]  :is(.sd-kart, .sd-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-bolum-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo ────────────────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* cihaz.css telefon bandındaki genel `table { display:block }` siperi burada zararlı —
   tablo kendi kabında kayıyor; sıfırlanmazsa sticky thead ikinci kaydırıcı açar. */
.sd-vitrin[b-9kj3h32rn9]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 780px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.sd-vitrin[b-9kj3h32rn9]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.sd-vitrin[b-9kj3h32rn9]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.sd-vitrin[b-9kj3h32rn9]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.sd-vitrin[b-9kj3h32rn9]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sd-vitrin[b-9kj3h32rn9]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sd-vitrin[b-9kj3h32rn9]  .sd-kaynak {
  min-width: 140px;
  font-weight: 600;
  white-space: nowrap;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-puan {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-satir__islem {
  width: 1%;
  text-align: end;
  white-space: nowrap;
}

.sd-vitrin[b-9kj3h32rn9]  .au-result-table .au-dim {
  color: var(--n-500);
  overflow-wrap: anywhere;
}

/* ── Sayfalama ────────────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-sayfalama {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-top: 14px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-sayfalama__konum {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* ── Boş durum ────────────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-bos h3 {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-bos p {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Popup ────────────────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-popup {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup[open] {
  display: flex;
  flex-direction: column;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup::backdrop {
  background: var(--scrim);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__bas h2:focus {
  outline: none;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__alt-baslik {
  margin: 16px 0 6px;
  font: 700 13px/1.4 var(--font-display);
  color: var(--metin-ikincil);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__not {
  margin: 16px 0 0;
  font-size: 12px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  justify-content: flex-end;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-popup .au-banner {
  margin-top: 12px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-alinti {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-govde {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-inline-start: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ── Karar alanları ───────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-alan {
  margin-top: 16px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-alan__etiket {
  display: block;
  margin-bottom: 6px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-metin {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  resize: vertical;
  box-shadow: none;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-alan__ipucu {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Olgu listesi ─────────────────────────────────────────────────── */
.sd-vitrin[b-9kj3h32rn9]  .sd-olgu {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-olgu > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.sd-vitrin[b-9kj3h32rn9]  .sd-olgu > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sd-vitrin[b-9kj3h32rn9]  .sd-olgu dt {
  color: var(--n-500);
}

.sd-vitrin[b-9kj3h32rn9]  .sd-olgu dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sd-vitrin[b-9kj3h32rn9]  .sd-kapak {
    padding: 16px;
  }

  .sd-vitrin[b-9kj3h32rn9]  :is(.au-btn, .au-btn--sm, .sd-segment__dugme) {
    min-height: 44px;
  }

  .sd-vitrin[b-9kj3h32rn9]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* Durum segmenti dar ekranda yatay kaydırılabilir şerit olur. */
  .sd-vitrin[b-9kj3h32rn9]  .sd-segment {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-segment__dugme {
    flex: 0 0 auto;
  }

  /* İlk anlamlı sütun (kaynak) yatay kaydırmada yapışık kalır. */
  .sd-vitrin[b-9kj3h32rn9]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .sd-vitrin[b-9kj3h32rn9]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .sd-vitrin[b-9kj3h32rn9]  :is(.app-field .app-input, .sd-metin) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .sd-vitrin[b-9kj3h32rn9]  .sd-kapak {
    padding: 12px;
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-suzgec {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  /* Kolon düzeninde 176 px kilidi `align-items: stretch`i ezerdi; genişlik serbest bırakılır. */
  .sd-vitrin[b-9kj3h32rn9]  .sd-suzgec .app-field {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
  }

  .sd-vitrin[b-9kj3h32rn9]  :is(.sd-kart, .sd-bos) {
    padding: 16px 12px;
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-bolum-baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-kart__bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .sd-vitrin[b-9kj3h32rn9]  .au-result-table {
    min-width: 680px;
  }

  .sd-vitrin[b-9kj3h32rn9]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sd-vitrin[b-9kj3h32rn9]  :is(.sd-popup__bas, .sd-popup__govde, .sd-popup__eylem) {
    padding: 12px;
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .sd-vitrin[b-9kj3h32rn9]  .sd-olgu > div {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Sso/SsoDetail.razor.rz.scp.css */
/* SSO sağlayıcı detayı — Akademik Analiz kapak, bölüm sekmeleri ve kart ölçülerinin
   sayfa-scoped uyarlaması. Sekme vurgu renkleri lacivert → petrol sırasıyla dağıtılır
   (üç bölüm; dokuz sekmelik analiz paleti buraya taşınmaz).
   Kaynak: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md */

.sso-detay-vitrin[b-s9335cuia8] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak__geri { display: flex; align-items: center; min-width: 0; }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak__baslik { min-width: 0; }

.sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak .au-title {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak__rozet {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 6px 0 0;
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak__eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    grid-column: 2;
    justify-self: end;
}

/* ── Düğme tabanı ── */
.sso-detay-vitrin[b-s9335cuia8]  .au-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.sso-detay-vitrin[b-s9335cuia8]  .au-btn:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.sso-detay-vitrin[b-s9335cuia8]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.sso-detay-vitrin[b-s9335cuia8]  .au-btn--primary:hover { background: var(--marka-500); border-color: var(--marka-500); }
.sso-detay-vitrin[b-s9335cuia8]  .au-btn--danger { background: var(--red-600); border-color: var(--red-600); color: var(--on-brand); }
.sso-detay-vitrin[b-s9335cuia8]  .au-btn--danger:hover { background: var(--red-500); border-color: var(--red-500); }
.sso-detay-vitrin[b-s9335cuia8]  .au-btn[disabled] { opacity: .6; cursor: default; }
.sso-detay-vitrin[b-s9335cuia8]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri: beyaz şerit, seçili koyu vurgu, pasif şeffaf ── */
.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekmeler {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme {
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
    white-space: nowrap;
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme:nth-child(1) { --ssd-vurgu: var(--marka-600); }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme:nth-child(2) { --ssd-vurgu: var(--marka-rampa-orta); }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme:nth-child(3) { --ssd-vurgu: var(--marka-rampa-uc); }

.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme:hover {
    background: color-mix(in srgb, var(--ssd-vurgu) 14%, var(--yuzey));
    color: var(--ssd-vurgu);
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme.is-secili,
.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme.is-secili:hover {
    background: var(--ssd-vurgu);
    color: var(--on-brand);
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme:focus-visible { outline: 2px solid var(--ssd-vurgu); outline-offset: 2px; }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-panel:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.sso-detay-vitrin[b-s9335cuia8]  .ssd-kart {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-kart::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-kart--tehlike {
    border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
    background: color-mix(in srgb, var(--red-500) 4%, var(--yuzey));
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-kart--tehlike::before { background: var(--red-500); }

.sso-detay-vitrin[b-s9335cuia8]  .ssd-bolum-baslik {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 3px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-bolum-baslik::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sso-detay-vitrin[b-s9335cuia8]  .ssd-bolum-baslik--tehlike { color: var(--red-600); }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-bolum-baslik--tehlike::before { background: var(--red-500); }

.sso-detay-vitrin[b-s9335cuia8]  .ssd-ipucu { margin: 0 0 14px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-bos-metin { margin: 0 0 14px; color: var(--metin-ikincil); font-size: 13px; }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-bant { margin: 14px 0 0; border-radius: var(--kose-dugme); }

/* ── Form kontrolleri ── */
.sso-detay-vitrin[b-s9335cuia8]  .app-field__label {
    color: var(--metin-ipucu);
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sso-detay-vitrin[b-s9335cuia8]  .app-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
}

.sso-detay-vitrin[b-s9335cuia8]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.sso-detay-vitrin[b-s9335cuia8]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.sso-detay-vitrin[b-s9335cuia8]  .app-toggle__label { color: var(--metin-ikincil); font-size: 13px; }

.sso-detay-vitrin[b-s9335cuia8]  .ssd-form-eylem {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

/* ── Olgu listesi ── */
.sso-detay-vitrin[b-s9335cuia8]  .ssd-olgu { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-olgu > div {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}
.sso-detay-vitrin[b-s9335cuia8]  .ssd-olgu > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-olgu dt { color: var(--metin-ipucu); }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-olgu dd { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-olgu code { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

/* ── Tehlikeli alan satırı ── */
.sso-detay-vitrin[b-s9335cuia8]  .ssd-tehlike-satir {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}
.sso-detay-vitrin[b-s9335cuia8]  .ssd-tehlike-satir p { margin: 0; min-width: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.55; }

/* ── Boş / bulunamadı ── */
.sso-detay-vitrin[b-s9335cuia8]  .ssd-bos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}
.sso-detay-vitrin[b-s9335cuia8]  .ssd-bos h3 { margin: 0; font: 700 15px/1.4 var(--font-display); color: var(--metin-murekkep); }
.sso-detay-vitrin[b-s9335cuia8]  .ssd-bos p { margin: 0; line-height: 1.6; }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak { padding: 16px; }
    .sso-detay-vitrin[b-s9335cuia8]  .au-btn { min-height: 44px; }
    .sso-detay-vitrin[b-s9335cuia8]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme { min-height: 44px; flex: 0 0 auto; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak { padding: 12px; column-gap: 8px; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak__eylem { grid-column: 1 / -1; justify-self: stretch; flex-wrap: nowrap; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak__eylem .au-btn { flex: 1 1 0; min-height: 44px; min-width: 0; }

    .sso-detay-vitrin[b-s9335cuia8]  .ssd-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-sekme { min-height: 44px; flex: 0 0 auto; }

    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kart { padding: 16px 12px; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
    .sso-detay-vitrin[b-s9335cuia8]  .au-form-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .sso-detay-vitrin[b-s9335cuia8]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .sso-detay-vitrin[b-s9335cuia8]  .au-btn { min-height: 44px; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-form-eylem .au-btn { flex: 1 1 auto; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-tehlike-satir .au-btn { width: 100%; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-olgu > div { grid-template-columns: minmax(92px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* ── MASAÜSTÜ: geniş ekranda başlık solda, eylemler sağ kenarda tek satır ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak { grid-template-columns: 30px minmax(0, 1fr) auto; }
    .sso-detay-vitrin[b-s9335cuia8]  .ssd-kapak__eylem { grid-column: 3; grid-row: 1; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Sso/SsoList.razor.rz.scp.css */
/* SSO sağlayıcıları — Akademik Analiz kapak, yüzey, tablo ve popup ölçülerinin
   sayfa-scoped uyarlaması. Ortak CSS'e dokunulmadığı için ölçüler burada tekrarlanır.
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md */

.sso-vitrin[b-o6jul12dm4] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.sso-vitrin[b-o6jul12dm4]  .sso-kapak {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sso-vitrin[b-o6jul12dm4]  .sso-kapak__baslik { min-width: 0; }

.sso-vitrin[b-o6jul12dm4]  .sso-kapak .au-title {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.sso-vitrin[b-o6jul12dm4]  .sso-kapak__alt {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.45;
}

/* Hücre açıkça verilmezse seyrek otomatik yerleşim, `grid-column: 1 / -1` olan süzgecin
   ardından eylem kabını 3. satırın 1. sütununa iter; `justify-self: end` de kapağın değil
   o dar sütunun sağına yaslar. Kardeş sayfa (SsoDetail.razor.css:52) hücreyi açıkça verir. */
.sso-vitrin[b-o6jul12dm4]  .sso-kapak__eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
}

/* Süzgeç anahtarı yalnız telefonda görünür (katlanabilir süzgeç). */
.sso-vitrin[b-o6jul12dm4]  .sso-suzgec-anahtar { display: none; }

.sso-vitrin[b-o6jul12dm4]  .sso-suzgec {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    grid-column: 1 / -1;
}

.sso-vitrin[b-o6jul12dm4]  .sso-alan {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 1 176px;
    min-width: 0;
    max-width: 210px;
}

.sso-vitrin[b-o6jul12dm4]  .sso-alan--ara { flex: 1 1 240px; max-width: 320px; }

.sso-vitrin[b-o6jul12dm4]  .sso-alan__etiket {
    color: var(--metin-ipucu);
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sso-vitrin[b-o6jul12dm4]  .sso-girdi {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px/1 var(--font-body);
}

.sso-vitrin[b-o6jul12dm4]  select.sso-girdi { padding-inline-end: 8px; }
.sso-vitrin[b-o6jul12dm4]  .sso-girdi:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sso-vitrin[b-o6jul12dm4]  .sso-suzgec-nokta {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--turkuaz-500);
}

/* ── Düğme tabanı ── */
.sso-vitrin[b-o6jul12dm4]  .au-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.sso-vitrin[b-o6jul12dm4]  .au-btn:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.sso-vitrin[b-o6jul12dm4]  .au-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.sso-vitrin[b-o6jul12dm4]  .au-btn--primary:hover { background: var(--marka-500); border-color: var(--marka-500); }
.sso-vitrin[b-o6jul12dm4]  .au-btn--sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
.sso-vitrin[b-o6jul12dm4]  .au-btn[disabled] { opacity: .6; cursor: default; }
.sso-vitrin[b-o6jul12dm4]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Özet şeridi: tek birleşik yüzey, renkli bantlar marka → petrol ── */
.sso-vitrin[b-o6jul12dm4]  .sso-kpi {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    overflow: hidden;
}

.sso-vitrin[b-o6jul12dm4]  .sso-kpi__h {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 0 16px 15px;
    border-right: 1px solid var(--hat-kart);
}

.sso-vitrin[b-o6jul12dm4]  .sso-kpi__h:last-child { border-right: 0; }

.sso-vitrin[b-o6jul12dm4]  .sso-kpi__b {
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0 -16px;
    padding: 0 16px;
    color: var(--on-brand);
    font: 700 11.5px/1 var(--font-body);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sso-vitrin[b-o6jul12dm4]  .sso-kpi__b--1 { background: var(--marka-600); }
.sso-vitrin[b-o6jul12dm4]  .sso-kpi__b--2 { background: var(--marka-rampa-orta); }
.sso-vitrin[b-o6jul12dm4]  .sso-kpi__b--3 { background: var(--marka-rampa-uc); }
.sso-vitrin[b-o6jul12dm4]  .sso-kpi__b--4 { background: color-mix(in srgb, var(--marka-rampa-uc) 60%, var(--turkuaz-500)); }

.sso-vitrin[b-o6jul12dm4]  .sso-kpi__d {
    font: 700 27px/1 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--metin-murekkep);
}

.sso-vitrin[b-o6jul12dm4]  .sso-kpi__a { color: var(--metin-ikincil); font-size: 11.5px; line-height: 1.4; }

/* ── Bölüm kartı ── */
.sso-vitrin[b-o6jul12dm4]  .sso-kart {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sso-vitrin[b-o6jul12dm4]  .sso-kart::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sso-vitrin[b-o6jul12dm4]  .sso-bolum-baslik {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 3px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.sso-vitrin[b-o6jul12dm4]  .sso-bolum-baslik::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sso-vitrin[b-o6jul12dm4]  .sso-kart__ipucu { margin: 0 0 12px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.sso-vitrin[b-o6jul12dm4]  .sso-sayim { margin: 0 0 8px; color: var(--metin-ipucu); font-size: 12px; }
.sso-vitrin[b-o6jul12dm4]  .sso-soluk { color: var(--metin-ipucu); font-size: 12px; }
.sso-vitrin[b-o6jul12dm4]  .sso-soluk--yan { margin-inline-start: 6px; }

.sso-vitrin[b-o6jul12dm4]  .sso-gizli-metin {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

/* ── Tablo: mavi–petrol başlık geçişi, kendi alanında kayar, başlık sabit ── */
.sso-vitrin[b-o6jul12dm4]  .sso-tablo-kap {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
}

.sso-vitrin[b-o6jul12dm4]  .sso-tablo-kap:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sso-vitrin[b-o6jul12dm4]  .sso-tablo {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--yuzey);
    font-size: 13px;
}

/* Geçiş thead boyunca TEK PARÇA çizilir; th zeminleri şeffaftır (AnalizTablo deseni).
   Her hücrede degradeyi yeniden başlatmak referansta açıkça yasaklanmıştır. */
.sso-vitrin[b-o6jul12dm4]  .sso-tablo thead {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.sso-vitrin[b-o6jul12dm4]  .sso-tablo thead th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: start;
    white-space: nowrap;
    border-bottom: none;
}

.sso-vitrin[b-o6jul12dm4]  .sso-tablo tbody td {
    padding: 10px 13px;
    /* İnce ayraç: --anv-hat-ince yalnız .analiz-vitrin kapsamında tanımlı, burada
       aynı etki global kart hattından türetilir (yeni palet üretilmez). */
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 55%, transparent);
    color: var(--metin-murekkep);
    vertical-align: middle;
}

.sso-vitrin[b-o6jul12dm4]  .sso-tablo tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.sso-vitrin[b-o6jul12dm4]  .sso-satir { cursor: pointer; }
.sso-vitrin[b-o6jul12dm4]  .sso-satir:hover td { background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey)); }

/* Klavye ve ekran okuyucu yolu: Ad hücresindeki gerçek bağlantı (satırın kendisi
   odaklanabilir değildir — içinde ikinci bir düğme var). */
.sso-vitrin[b-o6jul12dm4]  .sso-ad {
    color: var(--marka-700);
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.sso-vitrin[b-o6jul12dm4]  .sso-ad:hover { text-decoration: underline; }
.sso-vitrin[b-o6jul12dm4]  .sso-ad:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; border-radius: 3px; }
.sso-vitrin[b-o6jul12dm4]  .sso-tablo .au-email { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; overflow-wrap: anywhere; }
.sso-vitrin[b-o6jul12dm4]  .sso-th-eylem, .sso-vitrin[b-o6jul12dm4]  .sso-td-eylem { text-align: end; white-space: nowrap; }

/* ── Boş durum ── */
.sso-vitrin[b-o6jul12dm4]  .sso-bos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.sso-vitrin[b-o6jul12dm4]  .sso-bos p { margin: 0; line-height: 1.6; }
.sso-vitrin[b-o6jul12dm4]  .sso-bos h3 { margin: 0; font: 700 15px/1.4 var(--font-display); color: var(--metin-murekkep); }

/* ── Native popup: kaydırılmış sayfada da görünür, arka plan kilitli ── */
html:has(.sso-popup[open])[b-o6jul12dm4], body:has(.sso-popup[open])[b-o6jul12dm4] { overflow: hidden; }

.sso-vitrin[b-o6jul12dm4]  .sso-popup {
    width: min(560px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.sso-vitrin[b-o6jul12dm4]  .sso-popup[open] { display: flex; flex-direction: column; }
.sso-vitrin[b-o6jul12dm4]  .sso-popup::backdrop { background: var(--scrim); }

.sso-vitrin[b-o6jul12dm4]  .sso-popup__bas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.sso-vitrin[b-o6jul12dm4]  .sso-popup__bas h2 {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.sso-vitrin[b-o6jul12dm4]  .sso-popup__bas h2:focus { outline: none; }

.sso-vitrin[b-o6jul12dm4]  .sso-popup__kapat {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
}

.sso-vitrin[b-o6jul12dm4]  .sso-popup__govde { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.sso-vitrin[b-o6jul12dm4]  .sso-popup__eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.sso-vitrin[b-o6jul12dm4]  .sso-olgu { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.sso-vitrin[b-o6jul12dm4]  .sso-olgu > div {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}
.sso-vitrin[b-o6jul12dm4]  .sso-olgu > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.sso-vitrin[b-o6jul12dm4]  .sso-olgu dt { color: var(--metin-ipucu); }
.sso-vitrin[b-o6jul12dm4]  .sso-olgu dd { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.sso-vitrin[b-o6jul12dm4]  .sso-olgu code { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak { padding: 16px; }
    .sso-vitrin[b-o6jul12dm4]  .au-btn { min-height: 44px; }
    .sso-vitrin[b-o6jul12dm4]  .sso-girdi { height: 44px; font-size: max(16px, 1rem); }
    .sso-vitrin[b-o6jul12dm4]  .sso-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sso-vitrin[b-o6jul12dm4]  .sso-kpi__h:nth-child(2) { border-right: 0; }
    .sso-vitrin[b-o6jul12dm4]  .sso-kpi__h:nth-child(-n+2) { border-bottom: 1px solid var(--hat-kart); }
    /* Sabit sütunun opak zemine ihtiyacı var: başlık geçişi bu bantta düz markaya döner
       (AnalizTablo `.at-tablo:has(thead .at-sabit) thead` kuralıyla aynı karar). */
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo thead { background: var(--marka-500); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo tbody td.sso-yapiskan { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--yuzey); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo tbody tr:nth-child(even) td.sso-yapiskan { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
    /* Yapışkan sütun opak olduğu için satır vurgusunu kendisi tekrarlamalı. */
    .sso-vitrin[b-o6jul12dm4]  .sso-satir:hover td.sso-yapiskan { background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey)); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo thead th.sso-yapiskan { inset-inline-start: 0; z-index: 5; background: var(--marka-500); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak { grid-template-columns: minmax(0, 1fr); padding: 12px; }
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
    /* Telefonda kapak tek sütuna düşer; taban kuraldaki `grid-column: 2` örtük ikinci
       sütun yaratmasın diye hücre 1. sütuna geri alınır, satır otomatiğe bırakılır. */
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak__eylem { grid-column: 1; grid-row: auto; justify-self: stretch; }
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak__eylem .au-btn { flex: 1; }

    .sso-vitrin[b-o6jul12dm4]  .sso-suzgec-anahtar { display: inline-flex; justify-self: start; min-height: 44px; }
    .sso-vitrin[b-o6jul12dm4]  .sso-suzgec { display: none; flex-direction: column; align-items: stretch; }
    .sso-vitrin[b-o6jul12dm4]  .sso-suzgec.is-acik { display: flex; }
    .sso-vitrin[b-o6jul12dm4]  .sso-alan, .sso-vitrin[b-o6jul12dm4]  .sso-alan--ara { flex: 1 1 auto; max-width: none; }
    .sso-vitrin[b-o6jul12dm4]  .sso-girdi { height: 44px; font-size: max(16px, 1rem); }
    .sso-vitrin[b-o6jul12dm4]  .au-btn { min-height: 44px; }

    .sso-vitrin[b-o6jul12dm4]  .sso-kpi { grid-template-columns: minmax(0, 1fr); }
    .sso-vitrin[b-o6jul12dm4]  .sso-kpi__h { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
    .sso-vitrin[b-o6jul12dm4]  .sso-kpi__h:last-child { border-bottom: 0; }
    .sso-vitrin[b-o6jul12dm4]  .sso-kpi__d { font-size: var(--yazi-kpi, 20px); }

    .sso-vitrin[b-o6jul12dm4]  .sso-kart { padding: 16px 12px; }
    .sso-vitrin[b-o6jul12dm4]  .sso-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo { font-size: var(--yazi-govde, 13px); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo thead th, .sso-vitrin[b-o6jul12dm4]  .sso-tablo tbody td { padding: 10px; }
    /* Sabit sütun + opak başlık: geçiş bu bantta düz markaya döner. */
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo thead { background: var(--marka-500); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo tbody td.sso-yapiskan { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--yuzey); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo tbody tr:nth-child(even) td.sso-yapiskan { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
    .sso-vitrin[b-o6jul12dm4]  .sso-satir:hover td.sso-yapiskan { background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey)); }
    .sso-vitrin[b-o6jul12dm4]  .sso-tablo thead th.sso-yapiskan { inset-inline-start: 0; z-index: 5; background: var(--marka-500); }

    .sso-vitrin[b-o6jul12dm4]  .sso-popup { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .sso-vitrin[b-o6jul12dm4]  .sso-popup__bas, .sso-vitrin[b-o6jul12dm4]  .sso-popup__govde, .sso-vitrin[b-o6jul12dm4]  .sso-popup__eylem { padding: 12px; }
    .sso-vitrin[b-o6jul12dm4]  .sso-popup__eylem .au-btn { flex: 1 1 auto; }
    .sso-vitrin[b-o6jul12dm4]  .sso-olgu > div { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* ── MASAÜSTÜ: geniş ekranda başlık solda, süzgeç ortada, eylem sağ kenarda ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas: "baslik suzgec eylem";
    }
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak__baslik { grid-area: baslik; }
    /* Süzgeç kabı izini DOLDURUR (varsayılan `justify-self: stretch`), hizayı flex satırı verir.
       `justify-self: end` konulursa kap shrink-to-fit ölçülür; Chromium sarmalı flex kabın
       max-content'ini `.sso-alan`ların `flex: 0 1 176px` tabanını saymadan hesapladığı için
       kap daralır ve alanlar alt alta yığılır. */
    .sso-vitrin[b-o6jul12dm4]  .sso-suzgec { grid-area: suzgec; justify-content: flex-end; }
    .sso-vitrin[b-o6jul12dm4]  .sso-kapak__eylem { grid-area: eylem; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Sso/SsoProviderCreate.razor.rz.scp.css */
/* Yeni SSO sağlayıcısı — Akademik Analiz kapak/kart/form ölçülerinin sayfa-scoped
   uyarlaması. Ortak CSS'e dokunulmadığı için ölçüler burada tekrarlanır.
   Kaynak: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md */

.sso-form-vitrin[b-o3vp297lce] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: geri sütunu 30 px, başlık 23 px ── */
.sso-form-vitrin[b-o3vp297lce]  .ssf-kapak {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sso-form-vitrin[b-o3vp297lce]  .ssf-kapak__geri { display: flex; align-items: center; min-width: 0; }
.sso-form-vitrin[b-o3vp297lce]  .ssf-kapak__baslik { min-width: 0; }

.sso-form-vitrin[b-o3vp297lce]  .ssf-kapak .au-title {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.sso-form-vitrin[b-o3vp297lce]  .ssf-kapak__alt {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.45;
}

/* ── Bölüm kartı ── */
.sso-form-vitrin[b-o3vp297lce]  .ssf-kart {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sso-form-vitrin[b-o3vp297lce]  .ssf-kart::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sso-form-vitrin[b-o3vp297lce]  .ssf-bolum-baslik {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.sso-form-vitrin[b-o3vp297lce]  .ssf-bolum-baslik::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Form kontrolleri ── */
.sso-form-vitrin[b-o3vp297lce]  .app-field__label {
    color: var(--metin-ipucu);
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sso-form-vitrin[b-o3vp297lce]  .app-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
}

.sso-form-vitrin[b-o3vp297lce]  .app-input:focus-visible,
.sso-form-vitrin[b-o3vp297lce]  .app-select:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sso-form-vitrin[b-o3vp297lce]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.sso-form-vitrin[b-o3vp297lce]  .app-toggle__label { color: var(--metin-ikincil); font-size: 13px; }

/* ── Sihirbaz düğmeleri ── */
.sso-form-vitrin[b-o3vp297lce]  .wiz-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.sso-form-vitrin[b-o3vp297lce]  .wiz-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.sso-form-vitrin[b-o3vp297lce]  .wiz-btn--primary:hover { background: var(--marka-500); border-color: var(--marka-500); }
.sso-form-vitrin[b-o3vp297lce]  .wiz-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.sso-form-vitrin[b-o3vp297lce]  .wiz-title { font: 700 15px/1.4 var(--font-display); color: var(--metin-murekkep); letter-spacing: -.012em; }
.sso-form-vitrin[b-o3vp297lce]  .wiz-count { color: var(--metin-ipucu); font-size: 12px; }
.sso-form-vitrin[b-o3vp297lce]  .wiz-kart { border-color: var(--hat-kart); }

/* ── Özet listesi ── */
.sso-form-vitrin[b-o3vp297lce]  .ssf-olgu { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.sso-form-vitrin[b-o3vp297lce]  .ssf-olgu > div {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}
.sso-form-vitrin[b-o3vp297lce]  .ssf-olgu > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.sso-form-vitrin[b-o3vp297lce]  .ssf-olgu dt { color: var(--metin-ipucu); }
.sso-form-vitrin[b-o3vp297lce]  .ssf-olgu dd { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.sso-form-vitrin[b-o3vp297lce]  .ssf-olgu code { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

.sso-form-vitrin[b-o3vp297lce]  .ssf-bant { margin: 16px 0 0; border-radius: var(--kose-dugme); }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sso-form-vitrin[b-o3vp297lce]  .ssf-kapak { padding: 16px; }
    .sso-form-vitrin[b-o3vp297lce]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .sso-form-vitrin[b-o3vp297lce]  .wiz-btn { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .sso-form-vitrin[b-o3vp297lce]  .ssf-kapak { padding: 12px; column-gap: 8px; }
    .sso-form-vitrin[b-o3vp297lce]  .ssf-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
    .sso-form-vitrin[b-o3vp297lce]  .ssf-kart { padding: 16px 12px; }
    .sso-form-vitrin[b-o3vp297lce]  .ssf-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
    .sso-form-vitrin[b-o3vp297lce]  .au-form-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .sso-form-vitrin[b-o3vp297lce]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .sso-form-vitrin[b-o3vp297lce]  .wiz-btn { min-height: 44px; flex: 1 1 auto; }
    .sso-form-vitrin[b-o3vp297lce]  .ssf-olgu > div { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Subscriptions/FinanceHub.razor.rz.scp.css */
/* Finans merkezi (/yonetim/finans) — Akademik Analiz görsel dili, sayfa-scoped.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 · h1 23/700 · kontrol 34 px · bölüm kartı 18 px + 5 px şerit ·
   sekme şeridi 6 px dolgu / 4 px aralık / 16 px alt boşluk · tablo başlığı marka rampası).
   --agv-* ve --anv-* token'ları YALNIZ analiz vitrininde tanımlıdır; buradaki vurgu
   tonları mevcut global token'ların takma adıdır — yeni palet üretilmedi. */

.fh-vitrin[b-v3wh5kijd3] {
  /* Onaylı analiz rampası (--agv-kpi-etiket-1..6) laciverten yeşile iner ve HER adımı
     beyaz yazıyla AA'yı geçer (5,2-6,8:1). Ham global karşılıkları ise açık kalıyor:
     beyaz yazı --marka-rampa-uc (#207e8e) üstünde 4,34:1, --hub-ton-kisalink (#108a6e)
     üstünde 4,30:1 — AA sınırı 4,5:1'in altında; aynı tonlar rozet/hover yazısı olarak
     açık zeminde 3,7-4,0:1 veriyor. Yeni hex üretmeden, mevcut token'ları --marka-700 ile
     karıştırıp onaylı bandın parlaklığına indiriyoruz (SKILL'in izin verdiği color-mix). */
  --fh-v1: var(--marka-600); /* #203188 — --agv-kpi-etiket-1 ile birebir */
  --fh-v2: color-mix(in srgb, var(--marka-rampa-orta) 85%, var(--marka-700));
  --fh-v3: color-mix(in srgb, var(--marka-rampa-uc) 85%, var(--marka-700));
  --fh-v4: color-mix(in srgb, var(--hub-ton-kisalink) 85%, var(--marka-700));
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler aynı beyaz yüzeyde ── */
.fh-vitrin .fh-kapak[b-v3wh5kijd3] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.fh-vitrin .fh-kapak__geri[b-v3wh5kijd3] { grid-area: geri; min-width: 0; }
.fh-vitrin .fh-kapak__geri[b-v3wh5kijd3]  .au-breadcrumb { margin: 0; color: var(--metin-ikincil); }
.fh-vitrin .fh-kapak__baslik[b-v3wh5kijd3] { grid-area: baslik; min-width: 0; }

.fh-vitrin .fh-kapak .au-title[b-v3wh5kijd3] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.fh-vitrin .fh-kapak__alt[b-v3wh5kijd3] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.fh-vitrin .fh-kapak__eylem[b-v3wh5kijd3] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Düğmeler (34 px, 12.5/600, kesik sol üst köşe) ── */
.fh-vitrin .fh-dugme[b-v3wh5kijd3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.fh-vitrin .fh-dugme:hover:not(:disabled)[b-v3wh5kijd3] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.fh-vitrin .fh-dugme:disabled[b-v3wh5kijd3] { opacity: 0.6; cursor: default; }

.fh-vitrin .fh-dugme--ana[b-v3wh5kijd3] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.fh-vitrin .fh-dugme--ana:hover:not(:disabled)[b-v3wh5kijd3] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.fh-vitrin .fh-dugme--kucuk[b-v3wh5kijd3] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.fh-vitrin :is(.fh-dugme, .fh-sekme, .fh-secici, .fh-panel, .fh-uyari__ad):focus-visible[b-v3wh5kijd3] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px dolgu, 4 px aralık ── */
.fh-vitrin .fh-sekmeler[b-v3wh5kijd3] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.fh-vitrin .fh-sekme[b-v3wh5kijd3] {
  --fh-sekme-vurgu: var(--fh-v1);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.fh-vitrin .fh-sekme:nth-child(2)[b-v3wh5kijd3] { --fh-sekme-vurgu: var(--fh-v2); }
.fh-vitrin .fh-sekme:nth-child(3)[b-v3wh5kijd3] { --fh-sekme-vurgu: var(--fh-v3); }
.fh-vitrin .fh-sekme:nth-child(n + 4)[b-v3wh5kijd3] { --fh-sekme-vurgu: var(--fh-v4); }

.fh-vitrin .fh-sekme:hover[b-v3wh5kijd3] {
  background: color-mix(in srgb, var(--fh-sekme-vurgu) 14%, var(--yuzey));
  color: var(--fh-sekme-vurgu);
}

/* Seçili sekme hover'da da koyu kalır. */
.fh-vitrin .fh-sekme[aria-selected="true"][b-v3wh5kijd3],
.fh-vitrin .fh-sekme[aria-selected="true"]:hover[b-v3wh5kijd3] {
  background: var(--fh-sekme-vurgu);
  color: var(--on-brand);
}

.fh-vitrin .fh-sekme:focus-visible[b-v3wh5kijd3] { outline-color: var(--fh-sekme-vurgu); }
.fh-vitrin .fh-panel[b-v3wh5kijd3] { min-width: 0; }

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi, kesik köşe ── */
.fh-vitrin .fh-bolum[b-v3wh5kijd3] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.fh-vitrin .fh-bolum[b-v3wh5kijd3]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.fh-vitrin .fh-bolum__baslik[b-v3wh5kijd3] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.fh-vitrin .fh-bolum__baslik[b-v3wh5kijd3]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.fh-vitrin .fh-alt-baslik[b-v3wh5kijd3] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -0.01em;
}

.fh-vitrin .fh-bolum__eylem[b-v3wh5kijd3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.fh-vitrin .fh-bos[b-v3wh5kijd3] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.fh-vitrin .fh-ipucu[b-v3wh5kijd3] { margin: 10px 0 0; color: var(--metin-ipucu); font-size: 12px; }

/* Görsel akıştan çıkan, ekran okuyucunun gördüğü metin. */
.fh-vitrin .fh-gizli[b-v3wh5kijd3] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ── Uyarı bandı ── */
.fh-vitrin .fh-uyari-bandi[b-v3wh5kijd3] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--marka-rampa-uc) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-rampa-uc) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 13px;
  line-height: 1.5;
}

.fh-vitrin .fh-uyari-bandi svg[b-v3wh5kijd3] { flex-shrink: 0; margin-top: 1px; }

/* ── KPI şeridi: tek birleşik yüzey, renkli bant + 27 px değer ── */
.fh-vitrin .fh-kpi-serit[b-v3wh5kijd3] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.fh-vitrin .fh-kpi[b-v3wh5kijd3] {
  --fh-kpi-vurgu: var(--fh-v1);
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0 0 15px;
  background: var(--yuzey);
  border-inline-end: 1px solid var(--hat-kart);
}

.fh-vitrin .fh-kpi:last-child[b-v3wh5kijd3] { border-inline-end: 0; }
.fh-vitrin .fh-kpi:nth-child(2)[b-v3wh5kijd3] { --fh-kpi-vurgu: var(--fh-v2); }
.fh-vitrin .fh-kpi:nth-child(3)[b-v3wh5kijd3] { --fh-kpi-vurgu: var(--fh-v3); }
.fh-vitrin .fh-kpi:nth-child(n + 4)[b-v3wh5kijd3] { --fh-kpi-vurgu: var(--fh-v4); }

.fh-vitrin .fh-kpi__bant[b-v3wh5kijd3] {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 7px;
  padding: 0 16px;
  background: var(--fh-kpi-vurgu);
  color: var(--on-brand);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fh-vitrin .fh-kpi__deger[b-v3wh5kijd3] {
  padding: 0 16px;
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ── Süzgeç satırı ── */
.fh-vitrin .fh-suzgec[b-v3wh5kijd3] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 14px;
}

.fh-vitrin .fh-alan[b-v3wh5kijd3] { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 0 1 176px; }

.fh-vitrin .fh-alan__etiket[b-v3wh5kijd3] {
  color: var(--metin-ikincil);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.fh-vitrin .fh-secici[b-v3wh5kijd3] {
  min-height: 34px;
  max-width: 210px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
}

.fh-vitrin .fh-sifirla[b-v3wh5kijd3] { align-self: flex-end; }

/* ── Tablo: marka rampası başlık, beyaz gövde, sınırlı alanda kaydırma ── */
.fh-vitrin .fh-tablo-kap[b-v3wh5kijd3] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.fh-vitrin .fh-tablo[b-v3wh5kijd3] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

/* Geçiş satır boyunca TEK parça çizilir; hücrelerde yeniden başlamaz. */
.fh-vitrin .fh-tablo thead tr[b-v3wh5kijd3] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.fh-vitrin .fh-tablo thead th[b-v3wh5kijd3] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.fh-vitrin .fh-tablo tbody tr[b-v3wh5kijd3] { background: var(--yuzey); }
.fh-vitrin .fh-tablo tbody tr:nth-child(even)[b-v3wh5kijd3] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.fh-vitrin .fh-tablo tbody td[b-v3wh5kijd3] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  overflow-wrap: anywhere;
}

.fh-vitrin .fh-tablo .fh-sag[b-v3wh5kijd3] { text-align: end; font-variant-numeric: tabular-nums; }

/* ── Uyarı listesi ── */
.fh-vitrin .fh-uyarilar[b-v3wh5kijd3] {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.fh-vitrin .fh-uyari[b-v3wh5kijd3] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.fh-vitrin .fh-uyari__govde[b-v3wh5kijd3] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }

.fh-vitrin .fh-uyari__ad[b-v3wh5kijd3] {
  color: var(--marka-700);
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.fh-vitrin .fh-uyari__ad:hover[b-v3wh5kijd3] { text-decoration: underline; text-underline-offset: 2px; }
.fh-vitrin .fh-uyari__alt[b-v3wh5kijd3] { color: var(--metin-ipucu); font-size: 12px; overflow-wrap: anywhere; }

/* ── Rozetler (durum/önem) ── */
.fh-vitrin .fh-rozet[b-v3wh5kijd3] {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.fh-vitrin .fh-rozet--kritik[b-v3wh5kijd3] {
  background: color-mix(in srgb, var(--marka-600) 12%, var(--yuzey));
  border-color: color-mix(in srgb, var(--marka-600) 34%, transparent);
  color: var(--marka-700);
}

/* Rozet yazısı da koyultulmuş rampadan gelir — ham tonlar açık zeminde AA'yı geçmiyordu. */
.fh-vitrin .fh-rozet--uyari[b-v3wh5kijd3] {
  background: color-mix(in srgb, var(--fh-v2) 12%, var(--yuzey));
  border-color: color-mix(in srgb, var(--fh-v2) 34%, transparent);
  color: var(--fh-v2);
}

.fh-vitrin .fh-rozet--bilgi[b-v3wh5kijd3],
.fh-vitrin .fh-rozet--acik[b-v3wh5kijd3] {
  background: color-mix(in srgb, var(--fh-v3) 12%, var(--yuzey));
  border-color: color-mix(in srgb, var(--fh-v3) 34%, transparent);
  color: var(--fh-v3);
}

.fh-vitrin .fh-rozet--pasif[b-v3wh5kijd3] {
  background: color-mix(in srgb, var(--metin-ipucu) 12%, var(--yuzey));
  border-color: color-mix(in srgb, var(--metin-ipucu) 34%, transparent);
  color: var(--metin-ikincil);
}

/* ── Plan ayrıntısı popup'ı: başlık ve eylemler sabit, yalnız gövde kayar ──
   Arka plan kaydırma kilidi FinanceHub.razor.js'te: scoped CSS `html:has(…)` seçicisini
   `html:has(…)[b-xxx]` diye yeniden yazar ve <html> o niteliği taşımaz — kural ölü kalırdı. */

.fh-vitrin .fh-popup[b-v3wh5kijd3] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.fh-vitrin .fh-popup[open][b-v3wh5kijd3] { display: flex; flex-direction: column; }
.fh-vitrin .fh-popup[b-v3wh5kijd3]::backdrop { background: var(--scrim); }

.fh-vitrin .fh-popup__bas[b-v3wh5kijd3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.fh-vitrin .fh-popup__bas h2[b-v3wh5kijd3] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.fh-vitrin .fh-popup__bas h2:focus[b-v3wh5kijd3] { outline: none; }

.fh-vitrin .fh-popup__kapat[b-v3wh5kijd3] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.fh-vitrin .fh-popup__kapat:hover[b-v3wh5kijd3] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.fh-vitrin .fh-popup__kapat:focus-visible[b-v3wh5kijd3] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.fh-vitrin .fh-popup__govde[b-v3wh5kijd3] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.fh-vitrin .fh-popup__aciklama[b-v3wh5kijd3] { margin: 0 0 12px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

.fh-vitrin .fh-popup__eylem[b-v3wh5kijd3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.fh-vitrin .fh-bilgi[b-v3wh5kijd3] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.fh-vitrin .fh-bilgi > div[b-v3wh5kijd3] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}

.fh-vitrin .fh-bilgi > div:nth-child(odd)[b-v3wh5kijd3] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.fh-vitrin .fh-bilgi dt[b-v3wh5kijd3] { color: var(--metin-ipucu); }
.fh-vitrin .fh-bilgi dd[b-v3wh5kijd3] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.fh-vitrin .fh-etiketler[b-v3wh5kijd3] { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }

.fh-vitrin .fh-etiket[b-v3wh5kijd3] {
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
}

/* DataStates'in varsayılan iskelet/hata paneli bölüm kartıyla aynı yüzeyi alır. */
.fh-vitrin .fh-panel[b-v3wh5kijd3]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fh-vitrin .fh-kapak[b-v3wh5kijd3] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .fh-vitrin .fh-kapak__eylem[b-v3wh5kijd3] { justify-self: stretch; }
  .fh-vitrin :is(.fh-dugme, .fh-secici)[b-v3wh5kijd3] { min-height: 44px; }
  .fh-vitrin .fh-dugme--kucuk[b-v3wh5kijd3] { min-height: 44px; }

  /* Sekmeler tek yatay kaydırılabilir şerit. */
  .fh-vitrin .fh-sekmeler[b-v3wh5kijd3] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .fh-vitrin .fh-sekme[b-v3wh5kijd3] { flex: 0 0 auto; min-height: 44px; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .fh-vitrin .fh-tablo :is(th, td):first-child[b-v3wh5kijd3] { position: sticky; left: 0; z-index: 1; }
  /* Yapışık başlık hücresi rampanın %0 durağıyla aynı renkte olmalı (--marka-rampa-serit
     `--marka-500` ile başlıyor); `--marka-600` yazmak kaydırılmamış tabloda sol kenarda
     görünür bir ek yeri bırakır. */
  .fh-vitrin .fh-tablo thead th:first-child[b-v3wh5kijd3] { z-index: 3; background: var(--marka-500); }
  .fh-vitrin .fh-tablo tbody td.fh-yapiskan[b-v3wh5kijd3] { background-color: inherit; }
}

/* ── TELEFON: tek sütun, dokunmatik ölçüler ── */
@media (max-width: 640px) {
  .fh-vitrin .fh-kapak[b-v3wh5kijd3] { padding: 12px; }
  .fh-vitrin .fh-kapak .au-title[b-v3wh5kijd3] { font-size: var(--yazi-kapak, 20px); }
  .fh-vitrin .fh-kapak__alt[b-v3wh5kijd3] { font-size: var(--yazi-kucuk, 12px); }

  .fh-vitrin .fh-kapak__eylem[b-v3wh5kijd3] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .fh-vitrin .fh-kapak__eylem .fh-dugme[b-v3wh5kijd3] { flex: 0 0 auto; }

  .fh-vitrin .fh-bolum[b-v3wh5kijd3] { padding: 16px 12px; }
  .fh-vitrin .fh-bolum__baslik[b-v3wh5kijd3] { font-size: var(--yazi-bolum, 14px); }

  .fh-vitrin .fh-kpi-serit[b-v3wh5kijd3] { grid-template-columns: minmax(0, 1fr); }
  .fh-vitrin .fh-kpi[b-v3wh5kijd3] { border-inline-end: 0; border-block-end: 1px solid var(--hat-kart); }
  .fh-vitrin .fh-kpi:last-child[b-v3wh5kijd3] { border-block-end: 0; }
  .fh-vitrin .fh-kpi__deger[b-v3wh5kijd3] { font-size: var(--yazi-kpi, 20px); }

  /* Süzgeç alanları alt alta; dokunmatik girdi en az 16 px (YENI-DIL K4). */
  .fh-vitrin .fh-alan[b-v3wh5kijd3] { flex: 1 1 100%; }
  .fh-vitrin .fh-secici[b-v3wh5kijd3] { max-width: none; width: 100%; font-size: max(16px, 1rem); }
  .fh-vitrin .fh-sifirla[b-v3wh5kijd3] { width: 100%; }

  .fh-vitrin .fh-tablo[b-v3wh5kijd3] { font-size: var(--yazi-govde, 13px); }
  .fh-vitrin .fh-uyari[b-v3wh5kijd3] { flex-wrap: wrap; }
  .fh-vitrin .fh-uyari__govde[b-v3wh5kijd3] { flex: 1 1 100%; order: 3; }

  .fh-vitrin .fh-popup[b-v3wh5kijd3] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .fh-vitrin :is(.fh-popup__bas, .fh-popup__govde, .fh-popup__eylem)[b-v3wh5kijd3] { padding: 12px; }
  .fh-vitrin .fh-popup__eylem .fh-dugme[b-v3wh5kijd3] { flex: 1 1 auto; }
  .fh-vitrin .fh-bilgi > div[b-v3wh5kijd3] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.2fr); gap: 8px; padding: 9px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/UrlShortener/QrCodeDialog.razor.rz.scp.css */
/* Kısa link QR dialogu — ConfirmDialog (cd-*) ile aynı cam/scrim dili, z-index katmanı ortak. */

.qrd-scrim[b-zh330x8ep6] {
  position: fixed;
  inset: 0;
  background: var(--scrim);
  backdrop-filter: blur(3px);
  z-index: 90;
  animation: qrd-fade-b-zh330x8ep6 0.18s var(--ease-smooth) both;
}

.qrd-modal[b-zh330x8ep6] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(380px, calc(100vw - 32px));
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow);
  padding: 22px;
  z-index: 91;
  animation: qrd-pop-b-zh330x8ep6 0.22s var(--ease-smooth) both;
}

.qrd-title[b-zh330x8ep6] {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--fg);
  margin: 0 0 2px;
}

.qrd-sub[b-zh330x8ep6] {
  color: var(--fg-soft);
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0 0 14px;
}

/* QR beyaz zeminde kalmalı — koyu temada cam arkaplan kontrastı bozar ve tarama başarısız olur. */
.qrd-canvas[b-zh330x8ep6] {
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px;
  margin-bottom: 12px;
}

.qrd-img[b-zh330x8ep6] {
  display: block;
  width: 220px;
  height: 220px;
  /* Modül kenarları bulanıklaşırsa kamera okuyamaz — ölçeklemede keskin kalsın. */
  image-rendering: pixelated;
}

.qrd-url[b-zh330x8ep6] {
  display: block;
  font-size: 12.5px;
  color: var(--fg-soft);
  word-break: break-all;
  text-align: center;
  margin-bottom: 16px;
}

.qrd-actions[b-zh330x8ep6] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

@keyframes qrd-fade-b-zh330x8ep6 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes qrd-pop-b-zh330x8ep6 {
  from {
    opacity: 0;
    transform: translate(-50%, -47%) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/UrlShortener/UrlLinksList.razor.rz.scp.css */
/* Kısa Linkler — Akademik Analiz görsel dili, yalnız bu sayfa kapsamında.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   medya sorgu metinleri docs/mobil/YENI-DIL.md §1.1'den birebir alınmıştır.
   Yeni hex YOK — tamamı aurora.css :root token'ları. */

.kl-vitrin[b-9xdjwdvkva] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font: 13px/1.6 var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.kl-kapak[b-9xdjwdvkva] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "baslik suzgec eylem";
    align-items: end;
    column-gap: 12px;
    row-gap: 14px;
    margin: 0 0 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kl-kapak__baslik[b-9xdjwdvkva] {
    grid-area: baslik;
    min-width: 0;
}

.kl-kapak .au-title[b-9xdjwdvkva] {
    margin: 0;
    color: var(--marka-700);
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    overflow-wrap: anywhere;
}

.kl-kapak .au-sub[b-9xdjwdvkva] {
    margin: 6px 0 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

.kl-suzgec[b-9xdjwdvkva] {
    grid-area: suzgec;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.kl-alan[b-9xdjwdvkva] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.kl-ara[b-9xdjwdvkva] {
    flex: 0 1 240px;
    max-width: 280px;
}

.kl-alan__etiket[b-9xdjwdvkva] {
    color: var(--metin-ikincil);
    font: 700 10px/1 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.kl-girdi[b-9xdjwdvkva] {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.kl-girdi[b-9xdjwdvkva]::placeholder {
    color: var(--metin-ipucu);
}

.kl-kapak__eylem[b-9xdjwdvkva] {
    grid-area: eylem;
    gap: 8px;
}

/* ── Düğme tabanı (kapak, satır ve popup ortak) ── */
.kl-btn[b-9xdjwdvkva] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
    color: var(--marka-700);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.kl-btn:hover[b-9xdjwdvkva] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kl-btn--birincil[b-9xdjwdvkva] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.kl-btn--birincil:hover[b-9xdjwdvkva] {
    border-color: var(--marka-500);
    background: var(--marka-500);
}

.kl-btn--tehlike[b-9xdjwdvkva] {
    border-color: var(--red-600);
    background: var(--yuzey);
    color: var(--red-600);
}

.kl-btn--tehlike:hover[b-9xdjwdvkva] {
    border-color: var(--red-600);
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
}

.kl-btn--ikon[b-9xdjwdvkva] {
    min-width: 30px;
    padding: 6px 8px;
    color: var(--metin-ikincil);
}

.kl-btn:disabled[b-9xdjwdvkva] {
    opacity: .6;
    cursor: not-allowed;
}

.kl-vitrin :is(button, a, input, select, textarea, [tabindex]):focus-visible[b-9xdjwdvkva],
.kl-popup :is(button, a, input, select, textarea, [tabindex]):focus-visible[b-9xdjwdvkva] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* ── Liste bölümü ── */
.kl-liste[b-9xdjwdvkva] {
    position: relative;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kl-liste[b-9xdjwdvkva]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.kl-bolum-baslik[b-9xdjwdvkva] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.kl-bolum-baslik[b-9xdjwdvkva]::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo: mavi–petrol başlık şeridi, beyaz gövde, kendi alanında kayar ── */
.kl-liste[b-9xdjwdvkva]  .app-grid {
    min-width: 0;
}

/* AppDataGrid'in taban `.grid-scroll` kuralı hâlâ eski cam dilinde (--glass,
   --glass-shadow, --radius-lg). Yeni dilde yüzey beyaz ve gölge bölüm kartına
   ait; kalıntı gölge/zemin burada kapatılır. */
.kl-liste[b-9xdjwdvkva]  .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
}

.kl-liste[b-9xdjwdvkva]  .grid-table {
    width: 100%;
    min-width: 960px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
}

.kl-liste[b-9xdjwdvkva]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--marka-rampa-serit);
}

.kl-liste[b-9xdjwdvkva]  .grid-table th {
    padding: 10px 13px;
    border: 0;
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.kl-liste[b-9xdjwdvkva]  .grid-table th .grid-th-label,
.kl-liste[b-9xdjwdvkva]  .grid-table th .grid-sort {
    color: inherit;
}

.kl-liste[b-9xdjwdvkva]  .grid-table td {
    padding: 10px 13px;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    vertical-align: middle;
}

.kl-liste[b-9xdjwdvkva]  .grid-table tbody tr:nth-child(even) td {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kl-liste[b-9xdjwdvkva]  .grid-table tbody tr:hover td {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Kısa adres sütunu yatay kaydırmada okunur kalır. */
.kl-liste[b-9xdjwdvkva]  .grid-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
}

/* Yapışık başlık hücresi SAYDAM olamaz: yatay kaydırmada altından geçen diğer
   başlıkların yazısı içinden görünürdü. --marka-rampa-serit'in %0 durağı
   --marka-500'dür, yani şeridin sol ucuyla birebir aynı ton
   (AnalizSinavlar'daki `th:last-child → --marka-rampa-uc` emsali). */
.kl-liste[b-9xdjwdvkva]  .grid-table thead th:first-child {
    z-index: 3;
    background: var(--marka-500);
}

.kl-liste[b-9xdjwdvkva]  .grid-table :is(th, td):last-child {
    width: 1%;
    white-space: nowrap;
}

.kl-liste[b-9xdjwdvkva]  .grid-pager {
    margin-top: 12px;
    font-size: 12.5px;
    color: var(--metin-ikincil);
}

.kl-hucre[b-9xdjwdvkva] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.kl-adres[b-9xdjwdvkva] {
    overflow-wrap: anywhere;
}

.kl-hedef[b-9xdjwdvkva],
.kl-aciklama[b-9xdjwdvkva] {
    display: block;
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kl-tarih[b-9xdjwdvkva] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kl-satir-eylem[b-9xdjwdvkva] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

/* ── Boş durum ── */
.kl-bos[b-9xdjwdvkva] {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 34px 18px;
    border: 1px dashed var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey-alt);
    text-align: center;
}

.kl-bos p[b-9xdjwdvkva] {
    margin: 0;
    color: var(--metin-ikincil);
    font-size: 13px;
}

/* ── Form popup (native dialog, top layer) ── */
.kl-popup[b-9xdjwdvkva] {
    width: min(680px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 13px/1.6 var(--font-body);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.kl-popup[open][b-9xdjwdvkva] {
    display: flex;
    flex-direction: column;
}

.kl-popup[b-9xdjwdvkva]::backdrop {
    background: var(--scrim);
}

.kl-popup-bas[b-9xdjwdvkva] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.kl-popup-bas h2[b-9xdjwdvkva] {
    margin: 0;
    color: var(--marka-700);
    font: 700 18px/1.3 var(--font-display);
    overflow-wrap: anywhere;
}

.kl-popup-bas h2:focus-visible[b-9xdjwdvkva] {
    outline: 2px solid var(--marka-600);
    outline-offset: 3px;
}

.kl-popup-kapat[b-9xdjwdvkva] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.kl-popup-kapat:hover[b-9xdjwdvkva] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kl-popup-govde[b-9xdjwdvkva] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.kl-popup-not[b-9xdjwdvkva] {
    margin: 0 0 14px;
    color: var(--metin-ipucu);
    font-size: 12px;
}

.kl-popup-hata[b-9xdjwdvkva] {
    margin: 0 0 14px;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.kl-form[b-9xdjwdvkva] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
}

.kl-popup[b-9xdjwdvkva]  .app-field__label {
    color: var(--metin-ikincil);
    font-size: 11px;
    font-weight: 700;
}

.kl-popup[b-9xdjwdvkva]  .app-input {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.kl-popup[b-9xdjwdvkva]  .app-field__hint {
    color: var(--metin-ipucu);
    font-size: 12px;
}

/* Künye: servisin gönderdiği oluşturma/güncelleme damgaları. */
.kl-kunye[b-9xdjwdvkva] {
    display: grid;
    gap: 6px;
    margin: 16px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--hat-kart);
    font-size: 12.5px;
}

.kl-kunye > div[b-9xdjwdvkva] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-radius: var(--kose-dugme);
    background: var(--yuzey-alt);
}

.kl-kunye dt[b-9xdjwdvkva] {
    color: var(--metin-ipucu);
}

.kl-kunye dd[b-9xdjwdvkva] {
    margin: 0;
    color: var(--metin-ikincil);
    font-variant-numeric: tabular-nums;
}

.kl-popup-eylem[b-9xdjwdvkva] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: dar pencerede kapak iki satıra geçer ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .kl-vitrin .kl-kapak[b-9xdjwdvkva] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "baslik eylem" "suzgec suzgec";
    }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .kl-vitrin .kl-kapak[b-9xdjwdvkva] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas: "baslik suzgec eylem";
    }

    /* `auto` iz kabı shrink-to-fit ölçtürür; tarayıcı flex kabın max-content'ini
       çocuğun `flex: 0 1 240px` tabanını saymadan hesaplar → arama girdisi 240 yerine
       ~174 px'e iner, ipucu metni kesilir. Kap artık izi DOLDURUR, hizayı flex satırı verir. */
    .kl-vitrin .kl-suzgec[b-9xdjwdvkva] {
        justify-self: stretch;
        justify-content: flex-end;
    }
}

/* ── CİHAZ (telefon ∪ tablet): dokunma hedefi 44, girdi 16 px ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    /* Bu bantta taban 3 sütunlu iz süzgeci `auto` ize sıkıştırıyordu (641–1023 ve
       gerçek tablet 1024–1279 dokunmatik). Süzgeç tam genişlikte ikinci satıra iner. */
    .kl-kapak[b-9xdjwdvkva] {
        padding: 16px;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "baslik eylem" "suzgec suzgec";
    }

    .kl-girdi[b-9xdjwdvkva],
    .kl-btn[b-9xdjwdvkva],
    .kl-popup-kapat[b-9xdjwdvkva] {
        min-height: 44px;
    }

    .kl-girdi[b-9xdjwdvkva] {
        height: 44px;
    }

    /* Simge düğmeleri (kopyala, QR) de 44 px dokunma hedefine çıkar. */
    .kl-btn--ikon[b-9xdjwdvkva] {
        min-width: 44px;
    }

    .kl-popup-kapat[b-9xdjwdvkva] {
        width: 44px;
        height: 44px;
        font-size: 24px;
    }

    .kl-form[b-9xdjwdvkva] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (pointer: coarse) {
    .kl-girdi[b-9xdjwdvkva],
    .kl-popup[b-9xdjwdvkva]  .app-input {
        font-size: max(16px, 1rem);
    }
}

/* ── TELEFON: tek sütun, süzgeç katlanır, eylem başlığın altında ── */
@media (max-width: 640px) {
    .kl-kapak[b-9xdjwdvkva] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "baslik" "suzgec" "eylem";
        padding: 12px;
        gap: 10px;
    }

    .kl-kapak .au-title[b-9xdjwdvkva] {
        font-size: var(--yazi-kapak, 20px);
    }

    .kl-suzgec[b-9xdjwdvkva] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .kl-ara[b-9xdjwdvkva] {
        flex: none;
        max-width: none;
    }

    .kl-kapak__eylem[b-9xdjwdvkva] {
        justify-content: flex-end;
    }

    .kl-kapak__eylem .kl-btn[b-9xdjwdvkva] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .kl-liste[b-9xdjwdvkva] {
        padding: 16px 12px;
    }

    .kl-bolum-baslik[b-9xdjwdvkva] {
        font-size: var(--yazi-bolum, 14px);
    }

    .kl-hedef[b-9xdjwdvkva],
    .kl-aciklama[b-9xdjwdvkva] {
        max-width: 220px;
    }

    .kl-popup[b-9xdjwdvkva] {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
    }

    .kl-popup-bas[b-9xdjwdvkva],
    .kl-popup-govde[b-9xdjwdvkva],
    .kl-popup-eylem[b-9xdjwdvkva] {
        padding: 12px;
    }

    .kl-popup-eylem .kl-btn[b-9xdjwdvkva] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .kl-kunye > div[b-9xdjwdvkva] {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kl-btn[b-9xdjwdvkva],
    .kl-popup-kapat[b-9xdjwdvkva] {
        transition: none;
    }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/ImpersonationConfirm.razor.rz.scp.css */
/* Kullanıcı taklidi — Akademik Analiz görsel dili (kapak 23 px, bölüm kartı,
   rampa başlıklı tablo, görünür native popup). Ölçüler referanstan; yeni renk YOK. */

.tkl-vitrin[b-y21unha15p] {
    max-width: none;
    padding: 0 0 8px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: geri + başlık aynı beyaz yüzeyde. Ana eylem burada DEĞİL:
   tek formluk ekranda gönderim, doğruladığı gerekçe alanının yanında durur
   (OrgUnitEdit deseni) — kapakta ikinci kez tekrarlanmaz. ───────────────── */
.tkl-kapak[b-y21unha15p] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tkl-baslik[b-y21unha15p] { min-width: 0; }

.tkl-kapak .au-title[b-y21unha15p] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tkl-alt[b-y21unha15p] {
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

/* Geri düğmesi GeriBaglanti bileşeninden gelir; bu dosyanın scope özniteliğini
   taşımaz, bu yüzden kurallar ::deep ile yazılır (yoksa hiç uygulanmaz). */
.tkl-vitrin[b-y21unha15p]  .tkl-geri {
    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    overflow: hidden;
}

.tkl-vitrin[b-y21unha15p]  .tkl-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tkl-vitrin[b-y21unha15p]  .tkl-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.tkl-kart[b-y21unha15p] {
    position: relative;
    min-width: 0;
    margin: 0 0 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tkl-kart[b-y21unha15p]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.tkl-bolum-baslik[b-y21unha15p] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.tkl-bolum-baslik[b-y21unha15p]::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tkl-alt-baslik[b-y21unha15p] {
    margin: 18px 0 8px;
    font: 700 13px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-ikincil);
}

.tkl-aciklama[b-y21unha15p],
.tkl-bos[b-y21unha15p] {
    margin: 0 0 12px;
    color: var(--n-500);
    font-size: 13px;
    line-height: 1.6;
}

/* ── Hedef kullanıcı kimliği ──────────────────────────────────────────── */
.tkl-kimlik[b-y21unha15p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hat-kart);
}

.tkl-avatar[b-y21unha15p] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: var(--kose-kart);
    background: var(--marka-600);
    color: var(--on-brand);
    font: 700 16px/1 var(--font-display);
}

.tkl-kimlik-metin[b-y21unha15p] { min-width: 0; }

.tkl-ad[b-y21unha15p] {
    margin: 0 0 3px;
    font: 700 15px/1.3 var(--font-display);
    color: var(--metin-murekkep);
    overflow-wrap: anywhere;
}

.tkl-eposta[b-y21unha15p] {
    font-size: 12px;
    color: var(--metin-ikincil);
    background: var(--yuzey-alt);
    overflow-wrap: anywhere;
    unicode-bidi: isolate;
}

.tkl-rozetler[b-y21unha15p] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: auto;
}

/* ── Olgu listesi ─────────────────────────────────────────────────────── */
.tkl-olgular[b-y21unha15p],
.tkl-ozet[b-y21unha15p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px 24px;
    margin: 14px 0 0;
}

.tkl-olgular > div[b-y21unha15p],
.tkl-ozet > div[b-y21unha15p] { min-width: 0; }

.tkl-olgular dt[b-y21unha15p],
.tkl-ozet dt[b-y21unha15p] {
    margin: 0 0 3px;
    font: 700 10px/1.4 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.tkl-olgular dd[b-y21unha15p],
.tkl-ozet dd[b-y21unha15p] {
    margin: 0;
    font-size: 13px;
    color: var(--metin-murekkep);
    overflow-wrap: anywhere;
}

.tkl-ozet[b-y21unha15p] { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 0; }

/* ── Tablo: rampa başlık, beyaz gövde, sınırlı alanda kayma ───────────── */
.tkl-tablo-kap[b-y21unha15p] {
    max-height: min(420px, 55dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.tkl-tablo-kap:focus-visible[b-y21unha15p] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tkl-tablo[b-y21unha15p] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    color: var(--metin-murekkep);
}

.tkl-tablo thead[b-y21unha15p] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--marka-rampa-serit);
}

.tkl-tablo th[b-y21unha15p] {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

.tkl-tablo td[b-y21unha15p] {
    padding: 10px 13px;
    border-top: 1px solid var(--hat-kart);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.tkl-tablo tbody tr:nth-child(even) td[b-y21unha15p] { background: var(--yuzey-alt); }

.tkl-rol[b-y21unha15p] { font-weight: 600; margin-right: 6px; }

/* ── Kontroller ───────────────────────────────────────────────────────── */
.tkl-vitrin .au-btn[b-y21unha15p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    box-shadow: none;
    cursor: pointer;
}

.tkl-vitrin .au-btn:hover:not(:disabled)[b-y21unha15p] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.tkl-vitrin .au-btn--primary[b-y21unha15p] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.tkl-vitrin .au-btn--primary:hover:not(:disabled)[b-y21unha15p] { background: var(--marka-500); border-color: var(--marka-500); }
.tkl-vitrin .au-btn:disabled[b-y21unha15p] { opacity: .55; cursor: not-allowed; }
.tkl-vitrin .au-btn:focus-visible[b-y21unha15p] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tkl-eylemler[b-y21unha15p] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--hat-kart);
}

.tkl-vitrin .au-banner[b-y21unha15p] { font-size: 13px; overflow-wrap: anywhere; }
.tkl-vitrin .au-banner code[b-y21unha15p] { font-size: 12px; }

/* Gerekçe alanı — referans girdi ölçüleri. */
.tkl-vitrin[b-y21unha15p]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }
.tkl-vitrin[b-y21unha15p]  .app-field .app-input {
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}
.tkl-vitrin[b-y21unha15p]  .app-field textarea.app-input { min-height: 110px; padding: 12px; }
.tkl-vitrin[b-y21unha15p]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.tkl-vitrin[b-y21unha15p]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Görünür popup ────────────────────────────────────────────────────── */
.tkl-popup[b-y21unha15p] {
    width: min(560px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.tkl-popup[open][b-y21unha15p] { display: flex; flex-direction: column; }
.tkl-popup[b-y21unha15p]::backdrop { background: var(--scrim); }

.tkl-popup-bas[b-y21unha15p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.tkl-popup-bas h2[b-y21unha15p] {
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
}

.tkl-kapat[b-y21unha15p] {
    display: grid;
    place-items: center;
    width: 34px;
    padding: 0;
    font-size: 20px;
    line-height: 1;
}

.tkl-popup-govde[b-y21unha15p] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px;
    font-size: 13px;
    line-height: 1.6;
}

.tkl-popup-govde .au-banner[b-y21unha15p] { margin-top: 14px; margin-bottom: 0; }

.tkl-popup-eylem[b-y21unha15p] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .tkl-kapak[b-y21unha15p] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
    .tkl-vitrin[b-y21unha15p]  .tkl-geri { width: 44px; height: 44px; }
    .tkl-vitrin .au-btn[b-y21unha15p] { min-height: 44px; height: 44px; }
    .tkl-kapat[b-y21unha15p] { width: 44px; height: 44px; font-size: 24px; }
    .tkl-tablo-kap[b-y21unha15p] { max-height: min(360px, 55dvh); }
}

@media (pointer: coarse) {
    .tkl-vitrin[b-y21unha15p]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .tkl-kapak[b-y21unha15p] { padding: 12px; gap: 8px; }
    .tkl-kapak .au-title[b-y21unha15p] { font-size: var(--yazi-kapak, 20px); }
    .tkl-kart[b-y21unha15p] { padding: 16px 12px; }
    .tkl-bolum-baslik[b-y21unha15p] { font-size: var(--yazi-bolum, 14px); }
    .tkl-kimlik[b-y21unha15p] { gap: 10px; }
    .tkl-rozetler[b-y21unha15p] { margin-left: 0; width: 100%; }
    .tkl-olgular[b-y21unha15p] { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .tkl-eylemler .au-btn[b-y21unha15p] { width: 100%; }
    .tkl-eylemler[b-y21unha15p] { justify-content: stretch; }
    .tkl-popup[b-y21unha15p] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .tkl-popup-bas[b-y21unha15p],
    .tkl-popup-govde[b-y21unha15p],
    .tkl-popup-eylem[b-y21unha15p] { padding: 12px; }
    .tkl-popup-eylem[b-y21unha15p] { flex-wrap: wrap; }
    .tkl-popup-eylem .au-btn[b-y21unha15p] { flex: 1 1 140px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/Shared/ConfirmDialog.razor.rz.scp.css */
/* Perde artık native: ayrı `.cd-scrim` öğesi yok, modal pencere kendi ::backdrop'unu
   çizer ve top layer'da kalır. */
.cd-modal[b-8hc63pv7wl]::backdrop {
  background: var(--scrim);
  backdrop-filter: blur(3px);
  animation: cd-fade-b-8hc63pv7wl 0.18s var(--ease-smooth) both;
}

/* Ortalama native yolla (inset + margin:auto): `top/left + translate` ikilisi
   `dialog:modal`ın UA `inset: 0` kuralıyla çakışıyor. z-index yalnız JS'siz yolda
   (modsuz `open`) anlamlıdır; top layer onu zaten yener. */
.cd-modal[b-8hc63pv7wl] {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  color: var(--fg);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow);
  padding: 22px;
  z-index: 91;
  animation: cd-pop-b-8hc63pv7wl 0.22s var(--ease-smooth) both;
}

.cd-modal:not([open])[b-8hc63pv7wl] {
  display: none;
}

.cd-head[b-8hc63pv7wl] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.cd-ico[b-8hc63pv7wl] {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--brand-strong);
  flex-shrink: 0;
}

.cd-ico--danger[b-8hc63pv7wl] {
  background: color-mix(in srgb, var(--red-500) 12%, transparent);
  color: var(--red-600);
}

.cd-title[b-8hc63pv7wl] {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--fg);
  margin: 0;
}

.cd-text[b-8hc63pv7wl] {
  color: var(--fg-soft);
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 12px;
}

.cd-body[b-8hc63pv7wl] {
  margin: 0 0 12px;
}

.cd-actions[b-8hc63pv7wl] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 6px;
}

.cd-btn[b-8hc63pv7wl] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  border-radius: var(--radius-sm);
  padding: 9px 16px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.15s var(--ease-smooth),
    transform 0.12s var(--ease-smooth);
}

.cd-btn:disabled[b-8hc63pv7wl] {
  opacity: 0.6;
  cursor: not-allowed;
}

.cd-btn--ghost[b-8hc63pv7wl] {
  background: transparent;
  color: var(--muted);
  border: 1px solid var(--line);
}

.cd-btn--ghost:hover:not(:disabled)[b-8hc63pv7wl] {
  background: var(--n-100);
}

.cd-btn--primary[b-8hc63pv7wl] {
  background: var(--brand);
  color: var(--on-brand);
}

.cd-btn--primary:hover:not(:disabled)[b-8hc63pv7wl] {
  background: var(--brand-strong);
}

.cd-btn--danger[b-8hc63pv7wl] {
  background: var(--red-600);
  color: var(--on-brand);
}

.cd-btn--danger:hover:not(:disabled)[b-8hc63pv7wl] {
  background: var(--red-500);
}

.cd-spin[b-8hc63pv7wl] {
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: cd-rot-b-8hc63pv7wl 0.7s linear infinite;
}

@keyframes cd-fade-b-8hc63pv7wl {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Ortalama artık margin:auto ile; animasyon yalnız ölçek/opaklık taşır. */
@keyframes cd-pop-b-8hc63pv7wl {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes cd-rot-b-8hc63pv7wl {
  to {
    transform: rotate(360deg);
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/UserCreate.razor.rz.scp.css */
/* Yeni kullanıcı sihirbazı — Akademik Analiz görsel dili.
   Kapsanmış (scoped) CSS; wwwroot/css/*.css DEĞİŞTİRİLMEDİ.
   `kullanici-form-vitrin` tabanı UserEdit.razor.css ile aynıdır — kapsanmış CSS dosya
   başına derlendiği için paylaşılamıyor (ortak dosya ihtiyacı raporlandı).
   Sihirbaz kabuğunun kart yüzeyini bastırma deseni, yeni dile geçirilmiş
   aktarim-vitrin.css ve abonelik-planlari-vitrin.css ile aynıdır. */

.au-page.kullanici-form-vitrin[b-yak62z2ihn] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.kf-kapak[b-yak62z2ihn] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kf-kapak[b-yak62z2ihn]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.kf-baslik[b-yak62z2ihn] {
  grid-area: baslik;
  min-width: 0;
}

.kf-baslik .au-title[b-yak62z2ihn] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.kf-ozet[b-yak62z2ihn] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.kf-bolum[b-yak62z2ihn] {
  position: relative;
  display: block;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kf-bolum[b-yak62z2ihn]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kf-uyari[b-yak62z2ihn] { margin-bottom: 14px; }

.kf-adim-not[b-yak62z2ihn] { margin-top: 14px; }

/* ── Sihirbaz: kart içinde ikinci bir yüzey üretmez ───────────────────────── */
.kf-bolum[b-yak62z2ihn]  .wiz-kart {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.kf-bolum[b-yak62z2ihn]  .wiz-body { padding: 0; }

.kf-bolum[b-yak62z2ihn]  .wiz-title {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kf-bolum[b-yak62z2ihn]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

.kf-bolum[b-yak62z2ihn]  .wiz-step-ind__label {
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
}

.kf-bolum[b-yak62z2ihn]  .wiz-step-ind.is-active .wiz-step-ind__label {
  color: var(--marka-700);
}

.kf-bolum[b-yak62z2ihn]  .wiz-step-ind__num {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.kf-bolum[b-yak62z2ihn]  .wiz-step-ind.is-active .wiz-step-ind__num,
.kf-bolum[b-yak62z2ihn]  .wiz-step-ind.is-done .wiz-step-ind__num {
  background: var(--marka-600);
  color: var(--on-brand);
}

.kf-bolum[b-yak62z2ihn]  .wiz-progress__fill {
  background: var(--marka-rampa-serit);
}

.kf-bolum[b-yak62z2ihn]  .wiz-error {
  color: var(--danger-metin);
  font-size: 13px;
}

/* ── Alanlar ──────────────────────────────────────────────────────────────── */
.kf-bolum[b-yak62z2ihn]  .au-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin: 0;
}

.kullanici-form-vitrin[b-yak62z2ihn]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.kullanici-form-vitrin[b-yak62z2ihn]  .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.kullanici-form-vitrin[b-yak62z2ihn]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.kullanici-form-vitrin[b-yak62z2ihn]  .app-field__error {
  color: var(--danger-metin);
  font-size: 12px;
}

.kullanici-form-vitrin[b-yak62z2ihn]  .app-toggle__label {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
}

.kullanici-form-vitrin[b-yak62z2ihn]  .app-input:focus-visible,
.kullanici-form-vitrin[b-yak62z2ihn]  .app-toggle:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* Özet listesi — son kontrol ekranı okunur kalsın. */
.kf-bolum[b-yak62z2ihn]  .au-summary {
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.kf-bolum[b-yak62z2ihn]  .au-summary b { color: var(--metin-murekkep); }

/* ── Düğme tabanı ─────────────────────────────────────────────────────────── */
.kf-bolum[b-yak62z2ihn]  .wiz-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kf-bolum[b-yak62z2ihn]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kf-bolum[b-yak62z2ihn]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md §1.1 metni birebir ─────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kf-kapak[b-yak62z2ihn] { padding: 16px; }

  .kf-bolum[b-yak62z2ihn]  .wiz-btn { min-height: 44px; }

  .kullanici-form-vitrin[b-yak62z2ihn]  .app-input { min-height: 44px; }
}

@media (pointer: coarse) {
  .kullanici-form-vitrin[b-yak62z2ihn]  .app-input { font-size: max(16px, 1rem); }
  .kullanici-form-vitrin[b-yak62z2ihn]  .app-sel__opt { min-height: 44px; }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .kf-kapak[b-yak62z2ihn] { padding: 12px; }

  .kf-baslik .au-title[b-yak62z2ihn] { font-size: var(--yazi-kapak, 20px); }

  .kf-bolum[b-yak62z2ihn] { padding: 16px 12px; }

  .kf-bolum[b-yak62z2ihn]  .au-form-grid { grid-template-columns: minmax(0, 1fr); }

  .kf-bolum[b-yak62z2ihn]  .wiz-title { font-size: var(--yazi-bolum, 14px); }

  /* Adım göstergesi tek yatay şerit; etiketler kırpılmaz. */
  .kf-bolum[b-yak62z2ihn]  .wiz-steps {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .kf-bolum[b-yak62z2ihn]  .wiz-steps::-webkit-scrollbar { display: none; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/UserDetail.razor.rz.scp.css */
/* Kullanıcı detayı — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Kapsanmış (scoped) CSS; wwwroot/css/*.css DEĞİŞTİRİLMEDİ.

   SEKME RENGİ NOTU: Akademik Analiz'in dokuz sekmeye dağıttığı `--agv-kpi-etiket-*`
   tokenları YALNIZCA `.analiz-genel-vitrin` kapsamında tanımlıdır ve başka modül onları
   miras almaz (references/akademik-analiz.md "Renk ve yüzey rolleri"). Bu yüzden burada
   tek vurgu olarak global `--marka-600` kullanılır; davranış (pasif şeffaf, hover %14
   vurgu + %86 beyaz, seçili koyu zemin/beyaz yazı) referanstaki kuralın aynısıdır. */

.au-page.kullanici-detay-vitrin[b-de4rnihwet] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.kd-kapak[b-de4rnihwet] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri kimlik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kd-kapak[b-de4rnihwet]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.kd-kimlik[b-de4rnihwet] {
  grid-area: kimlik;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.kd-avatar[b-de4rnihwet] {
  flex: 0 0 auto;
}

.kd-avatar--gorsel[b-de4rnihwet] {
  width: 46px;
  height: 46px;
  border-radius: var(--kose-kart);
  border: 1px solid var(--hat-kart);
  object-fit: cover;
  background: var(--n-100);
}

.kd-kimlik-metin[b-de4rnihwet] {
  min-width: 0;
}

.kd-kimlik-metin .au-title[b-de4rnihwet] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.kd-alt[b-de4rnihwet] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 5px 0 0;
  font-size: 12.5px;
}

.kd-alt .au-email[b-de4rnihwet] {
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.kd-eylemler[b-de4rnihwet] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

/* ── Düğme tabanı ─────────────────────────────────────────────────────────── */
.kullanici-detay-vitrin .au-btn[b-de4rnihwet] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kullanici-detay-vitrin .au-btn:hover:not(:disabled)[b-de4rnihwet] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kullanici-detay-vitrin .au-btn--primary[b-de4rnihwet] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kullanici-detay-vitrin .au-btn--primary:hover:not(:disabled)[b-de4rnihwet] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kullanici-detay-vitrin .au-btn--danger[b-de4rnihwet] {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--danger) 45%, transparent);
  color: var(--danger-metin);
}

.kullanici-detay-vitrin .au-btn--danger:hover:not(:disabled)[b-de4rnihwet] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.kullanici-detay-vitrin .au-btn:disabled[b-de4rnihwet] {
  opacity: .5;
  cursor: not-allowed;
}

.kullanici-detay-vitrin .au-btn:focus-visible[b-de4rnihwet],
.kd-sekme:focus-visible[b-de4rnihwet],
.kd-panel:focus-visible[b-de4rnihwet] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Bölüm sekmeleri ──────────────────────────────────────────────────────── */
.kd-sekmeler[b-de4rnihwet] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.kd-sekme[b-de4rnihwet] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.kd-sekme:hover[b-de4rnihwet] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

/* Seçili sekme hover'da da koyu kalır. */
.kd-sekme[aria-selected="true"][b-de4rnihwet],
.kd-sekme[aria-selected="true"]:hover[b-de4rnihwet] {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* ── Bölüm paneli ─────────────────────────────────────────────────────────── */
.kd-panel[b-de4rnihwet] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kd-panel[b-de4rnihwet]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kd-bolum-baslik[b-de4rnihwet] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kd-bolum-baslik[b-de4rnihwet]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Uzun bölüm gövdesi kendi alanında kayar; sayfa uzamaz. */
.kd-facts[b-de4rnihwet],
.kd-assign-list[b-de4rnihwet] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
}

.kd-facts[b-de4rnihwet] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.kd-facts > div[b-de4rnihwet] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kd-facts > div:nth-child(odd)[b-de4rnihwet] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kd-facts dt[b-de4rnihwet] { color: var(--n-500); }

.kd-facts dd[b-de4rnihwet] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.kd-not[b-de4rnihwet] {
  margin: 12px 0 0;
  color: var(--analiz-dikkat-metin);
  font-size: 12.5px;
  line-height: 1.6;
}

.kd-bolum-eylem[b-de4rnihwet] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.kd-chips[b-de4rnihwet] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.kd-assign-list[b-de4rnihwet] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kullanici-detay-vitrin .au-assign-row[b-de4rnihwet] {
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.kullanici-detay-vitrin .au-assign-row__role[b-de4rnihwet] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
}

.kullanici-detay-vitrin .au-assign-row__scope[b-de4rnihwet] {
  color: var(--n-500);
  font-size: 12px;
}

.kullanici-detay-vitrin .au-dim[b-de4rnihwet] {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* Hesap işlemleri — yıkıcı eylemler kendi sınırında, ayrı sayfa kartı üretmeden. */
.kd-tehlike[b-de4rnihwet] {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.kd-satir[b-de4rnihwet] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.kd-satir:first-child[b-de4rnihwet] { margin-top: 0; }

.kd-satir p[b-de4rnihwet] {
  flex: 1 1 260px;
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

/* Rozetler */
.kullanici-detay-vitrin .kd-rozet-ogretmen[b-de4rnihwet] {
  background: color-mix(in srgb, var(--turkuaz-500) 14%, var(--yuzey));
  border-color: color-mix(in srgb, var(--turkuaz-500) 34%, transparent);
  color: var(--turkuaz-rozet-metin);
}

.kullanici-detay-vitrin .kd-rozet-uyari[b-de4rnihwet] {
  background: color-mix(in srgb, var(--analiz-dikkat) 14%, var(--yuzey));
  border-color: color-mix(in srgb, var(--analiz-dikkat) 34%, transparent);
  color: var(--analiz-dikkat-rozet-metin);
}

.kullanici-detay-vitrin .kd-rozet-sistem[b-de4rnihwet] { margin-left: 6px; }

.kd-uyari[b-de4rnihwet] { margin-bottom: 16px; }
.kd-uyari-dugme[b-de4rnihwet] { margin-left: 8px; }

/* ── Tek kullanımlık bağlantı penceresi (native top layer) ────────────────── */
/* Arka plan kaydırma kilidi BURADA DEĞİL: kapsanmış CSS'te `html`/`body` seçicisine
   kapsam özniteliği eklendiği için kural hiçbir zaman eşleşmez. Kilit, pencere açılırken
   UserDetail.razor.js içinde `document.body` üzerinde kurulur ve kapanışta geri alınır. */
.kd-popup[b-de4rnihwet] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.kd-popup[open][b-de4rnihwet] {
  display: flex;
  flex-direction: column;
}

.kd-popup[b-de4rnihwet]::backdrop { background: var(--scrim); }

.kd-popup-bas[b-de4rnihwet] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kd-popup-bas h2[b-de4rnihwet] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.kd-popup-bas h2:focus[b-de4rnihwet] { outline: none; }

.kd-popup-kapat[b-de4rnihwet] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.kd-popup-govde[b-de4rnihwet] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kd-popup-not[b-de4rnihwet] {
  margin: 10px 0 0;
  color: var(--n-500);
  font-size: 12px;
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md §1.1 metni birebir ─────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kd-kapak[b-de4rnihwet] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri   kimlik"
      "eylem  eylem";
    padding: 16px;
  }

  .kd-eylemler[b-de4rnihwet] { justify-self: stretch; }

  .kullanici-detay-vitrin .au-btn[b-de4rnihwet] { min-height: 44px; }

  /* Sekmeler tek yatay kaydırılabilir şerit. */
  .kd-sekmeler[b-de4rnihwet] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .kd-sekmeler[b-de4rnihwet]::-webkit-scrollbar { display: none; }

  .kd-sekme[b-de4rnihwet] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .kd-satir[b-de4rnihwet] { align-items: stretch; }
  .kd-satir .au-btn[b-de4rnihwet] { justify-content: center; }
}

@media (pointer: coarse) {
  .kd-popup-govde[b-de4rnihwet]  input,
  .kd-popup-govde[b-de4rnihwet]  textarea {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .kd-kapak[b-de4rnihwet] { padding: 12px; }

  .kd-kimlik-metin .au-title[b-de4rnihwet] { font-size: var(--yazi-kapak, 20px); }

  .kd-avatar--gorsel[b-de4rnihwet] { width: 40px; height: 40px; }

  .kd-eylemler[b-de4rnihwet] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .kd-eylemler .au-btn[b-de4rnihwet] {
    flex: 1 0 auto;
    justify-content: center;
    white-space: nowrap;
  }

  .kd-panel[b-de4rnihwet] { padding: 16px 12px; }

  .kd-bolum-baslik[b-de4rnihwet] { font-size: var(--yazi-bolum, 14px); }

  /* Tek sütun: etiket üstte, değer altta — dar ekranda sığmayan ikili ızgara yerine. */
  .kd-facts > div[b-de4rnihwet] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    padding: 10px 8px;
  }

  .kd-facts dd[b-de4rnihwet] { text-align: start; }

  .kd-satir[b-de4rnihwet] { flex-direction: column; align-items: stretch; }
  .kd-satir .au-btn[b-de4rnihwet] { width: 100%; }

  .kd-popup[b-de4rnihwet] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kd-popup-bas[b-de4rnihwet],
  .kd-popup-govde[b-de4rnihwet] { padding: 12px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/UserEdit.razor.rz.scp.css */
/* Kullanıcı düzenleme formu — Akademik Analiz görsel dili.
   Kapsanmış (scoped) CSS; wwwroot/css/*.css DEĞİŞTİRİLMEDİ.
   Aynı `kullanici-form-vitrin` dili UserCreate.razor.css'te de var: kapsanmış CSS
   dosya başına derlendiği için paylaşılamıyor (ortak dosya ihtiyacı raporlandı). */

.au-page.kullanici-form-vitrin[b-1j9nz0ebuv] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.kf-kapak[b-1j9nz0ebuv] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kf-kapak[b-1j9nz0ebuv]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.kf-baslik[b-1j9nz0ebuv] {
  grid-area: baslik;
  min-width: 0;
}

.kf-baslik .au-title[b-1j9nz0ebuv] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.kf-ozet[b-1j9nz0ebuv] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

/* ── Düğme tabanı ─────────────────────────────────────────────────────────── */
.kullanici-form-vitrin .au-btn[b-1j9nz0ebuv] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kullanici-form-vitrin .au-btn:hover:not(:disabled)[b-1j9nz0ebuv] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kullanici-form-vitrin .au-btn--primary[b-1j9nz0ebuv] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kullanici-form-vitrin .au-btn--primary:hover:not(:disabled)[b-1j9nz0ebuv] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kullanici-form-vitrin .au-btn:disabled[b-1j9nz0ebuv] {
  opacity: .5;
  cursor: not-allowed;
}

.kullanici-form-vitrin .au-btn:focus-visible[b-1j9nz0ebuv] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

.kullanici-form-vitrin[b-1j9nz0ebuv]  .app-input:focus-visible,
.kullanici-form-vitrin[b-1j9nz0ebuv]  .app-toggle:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.kf-bolum[b-1j9nz0ebuv] {
  position: relative;
  display: block;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kf-bolum[b-1j9nz0ebuv]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kf-bolum-baslik[b-1j9nz0ebuv] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kf-bolum-baslik--ara[b-1j9nz0ebuv] { margin-top: 22px; }

.kf-bolum-baslik[b-1j9nz0ebuv]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kf-uyari[b-1j9nz0ebuv] { margin-bottom: 14px; }

/* ── Alanlar ──────────────────────────────────────────────────────────────── */
.kf-izgara[b-1j9nz0ebuv] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin: 0;
}

.kf-anahtarlar[b-1j9nz0ebuv] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kullanici-form-vitrin[b-1j9nz0ebuv]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.kullanici-form-vitrin[b-1j9nz0ebuv]  .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.kullanici-form-vitrin[b-1j9nz0ebuv]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.kullanici-form-vitrin[b-1j9nz0ebuv]  .app-field__error {
  color: var(--danger-metin);
  font-size: 12px;
}

.kullanici-form-vitrin[b-1j9nz0ebuv]  .app-toggle__label {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
}

.kf-not[b-1j9nz0ebuv] {
  margin: 12px 0 0;
  color: var(--analiz-dikkat-metin);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Avatar: ne kaydedileceği görünür ─────────────────────────────────────── */
.kf-avatar-satiri[b-1j9nz0ebuv] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.kf-onizleme[b-1j9nz0ebuv] {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--n-100);
  overflow: hidden;
}

.kf-onizleme img[b-1j9nz0ebuv] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kf-onizleme-bos[b-1j9nz0ebuv] {
  color: var(--metin-ipucu);
  font-size: 18px;
}

.kf-avatar-alanlar[b-1j9nz0ebuv] {
  flex: 1 1 auto;
  min-width: 0;
}

/* ── Eylem satırı ─────────────────────────────────────────────────────────── */
.kf-eylemler[b-1j9nz0ebuv] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.kf-bolum-eylem[b-1j9nz0ebuv] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.kullanici-form-vitrin .au-dim[b-1j9nz0ebuv] {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md §1.1 metni birebir ─────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kf-kapak[b-1j9nz0ebuv] { padding: 16px; }

  .kullanici-form-vitrin .au-btn[b-1j9nz0ebuv] { min-height: 44px; }

  .kullanici-form-vitrin[b-1j9nz0ebuv]  .app-input { min-height: 44px; }
}

@media (pointer: coarse) {
  .kullanici-form-vitrin[b-1j9nz0ebuv]  .app-input { font-size: max(16px, 1rem); }
  .kullanici-form-vitrin[b-1j9nz0ebuv]  .app-sel__opt { min-height: 44px; }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .kf-kapak[b-1j9nz0ebuv] { padding: 12px; }

  .kf-baslik .au-title[b-1j9nz0ebuv] { font-size: var(--yazi-kapak, 20px); }

  .kf-bolum[b-1j9nz0ebuv] { padding: 16px 12px; }

  .kf-bolum-baslik[b-1j9nz0ebuv] { font-size: var(--yazi-bolum, 14px); }

  .kf-izgara[b-1j9nz0ebuv] { grid-template-columns: minmax(0, 1fr); }

  .kf-avatar-satiri[b-1j9nz0ebuv] {
    flex-direction: column;
    align-items: stretch;
  }

  .kf-onizleme[b-1j9nz0ebuv] {
    width: 64px;
    height: 64px;
  }

  /* Kaydet/Vazgeç ekranın altında erişilebilir kalır (cihaz.css `.au-form-actions`
     yapışkan davranışıyla uyumlu; burada yalnız tam genişlik verilir). */
  .kf-eylemler[b-1j9nz0ebuv] { justify-content: stretch; }

  .kf-eylemler .au-btn[b-1j9nz0ebuv] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/UserRoleScope.razor.rz.scp.css */
/* Rol & kapsam — Akademik Analiz görsel dili (kapak 23 px, bölüm kartı,
   rampa başlıklı atama tablosu, görünür native popup). Yeni renk/ölçü uydurulmadı. */

.rks-vitrin[b-woieva6ywe] {
    max-width: none;
    padding: 0 0 8px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

.rks-gizli[b-woieva6ywe] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.rks-kapak[b-woieva6ywe] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rks-baslik[b-woieva6ywe] { min-width: 0; }

.rks-kapak .au-title[b-woieva6ywe] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.rks-alt[b-woieva6ywe] {
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.rks-kapak-eylem[b-woieva6ywe] {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

/* Geri düğmesi GeriBaglanti bileşeninden gelir; bu dosyanın scope özniteliğini
   taşımaz, bu yüzden kurallar ::deep ile yazılır (yoksa hiç uygulanmaz). */
.rks-vitrin[b-woieva6ywe]  .rks-geri {
    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    overflow: hidden;
}

.rks-vitrin[b-woieva6ywe]  .rks-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.rks-vitrin[b-woieva6ywe]  .rks-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .rks-kapak[b-woieva6ywe] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
    }
    .rks-vitrin[b-woieva6ywe]  .rks-kapak > .rks-geri { grid-area: geri; }
    .rks-baslik[b-woieva6ywe] { grid-area: baslik; }
    .rks-kapak-eylem[b-woieva6ywe] { grid-area: eylem; margin-top: 0; }
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.rks-kart[b-woieva6ywe] {
    position: relative;
    min-width: 0;
    margin: 0 0 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rks-kart[b-woieva6ywe]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.rks-bolum-baslik[b-woieva6ywe] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.rks-bolum-baslik[b-woieva6ywe]::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.rks-bos[b-woieva6ywe],
.rks-ipucu[b-woieva6ywe] {
    margin: 0;
    color: var(--n-500);
    font-size: 13px;
    line-height: 1.6;
}

.rks-ipucu[b-woieva6ywe] { margin-top: 12px; }

.rks-bos-kutu[b-woieva6ywe] {
    display: grid;
    justify-items: start;
    gap: 12px;
    padding: 18px;
    border: 1px dashed var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey-alt);
}

/* ── Atama tablosu ────────────────────────────────────────────────────── */
.rks-tablo-kap[b-woieva6ywe] {
    max-height: min(480px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.rks-tablo-kap--popup[b-woieva6ywe] { max-height: min(240px, 34dvh); margin: 14px 0; }
.rks-tablo-kap:focus-visible[b-woieva6ywe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.rks-tablo[b-woieva6ywe] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    color: var(--metin-murekkep);
}

.rks-tablo thead[b-woieva6ywe] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--marka-rampa-serit);
}

.rks-tablo th[b-woieva6ywe] {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

.rks-tablo td[b-woieva6ywe] {
    padding: 10px 13px;
    border-top: 1px solid var(--hat-kart);
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.rks-tablo tbody tr:nth-child(even) td[b-woieva6ywe] { background: var(--yuzey-alt); }

.rks-rol[b-woieva6ywe] { font-weight: 600; margin-right: 6px; }
.rks-sira[b-woieva6ywe] { font-variant-numeric: tabular-nums; color: var(--metin-ipucu); }

.rks-satir-eylem[b-woieva6ywe] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

/* ── Kontroller ───────────────────────────────────────────────────────── */
.rks-vitrin .au-btn[b-woieva6ywe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    cursor: pointer;
}

.rks-vitrin .au-btn--sm[b-woieva6ywe] { height: 30px; min-height: 30px; padding: 0 10px; font-size: 12px; }

.rks-vitrin .au-btn:hover:not(:disabled)[b-woieva6ywe] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.rks-vitrin .au-btn--primary[b-woieva6ywe] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.rks-vitrin .au-btn--primary:hover:not(:disabled)[b-woieva6ywe] { background: var(--marka-500); border-color: var(--marka-500); }

.rks-vitrin .au-btn--danger[b-woieva6ywe] {
    border-color: var(--red-600);
    background: var(--red-600);
    color: var(--on-brand);
}

.rks-vitrin .au-btn--danger:hover:not(:disabled)[b-woieva6ywe] { background: var(--red-500); border-color: var(--red-500); }
.rks-vitrin .au-btn:disabled[b-woieva6ywe] { opacity: .55; cursor: not-allowed; }
.rks-vitrin .au-btn:focus-visible[b-woieva6ywe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.rks-vitrin .au-banner[b-woieva6ywe] { font-size: 13px; overflow-wrap: anywhere; }

/* ── Girdi ölçüleri ───────────────────────────────────────────────────── */
.rks-vitrin[b-woieva6ywe]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }
.rks-vitrin[b-woieva6ywe]  .app-field .app-input {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}
.rks-vitrin[b-woieva6ywe]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.rks-vitrin[b-woieva6ywe]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Birim seçici penceresi taşırmasın — kendi alanında kayar. */
.rks-birim[b-woieva6ywe] { margin-top: 16px; }
.rks-birim[b-woieva6ywe]  .oup {
    max-height: min(320px, 38dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
}
.rks-birim[b-woieva6ywe]  .oup__root { min-height: 34px; border-color: var(--hat-girdi); border-radius: var(--kose-dugme); }
.rks-birim[b-woieva6ywe]  .app-tree__row { min-height: 34px; border-radius: var(--kose-dugme); font-size: 13px; }
.rks-birim[b-woieva6ywe]  .app-tree__row.is-selected {
    background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
    color: var(--marka-700);
}

/* ── Görünür popup ────────────────────────────────────────────────────── */
.rks-popup[b-woieva6ywe] {
    width: min(600px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.rks-popup[open][b-woieva6ywe] { display: flex; flex-direction: column; }
.rks-popup[b-woieva6ywe]::backdrop { background: var(--scrim); }

.rks-popup-bas[b-woieva6ywe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.rks-popup-bas h2[b-woieva6ywe] {
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
}

.rks-kapat[b-woieva6ywe] {
    display: grid;
    place-items: center;
    width: 34px;
    padding: 0;
    font-size: 20px;
    line-height: 1;
}

.rks-popup-govde[b-woieva6ywe] {
    /* Rol seçicinin açılır paneli gövdenin içinde (position:absolute) çizilir;
       kaydırılan gövde onu kırpmasın diye asgari yükseklik ve panel tavanı verilir. */
    --acilir-en-cok-yukseklik: 220px;
    min-height: min(320px, 46dvh);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px;
    font-size: 13px;
    line-height: 1.6;
}

.rks-popup-govde .au-banner[b-woieva6ywe] { margin-top: 14px; margin-bottom: 0; }

.rks-popup-eylem[b-woieva6ywe] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.rks-ozet[b-woieva6ywe] { display: grid; gap: 10px; margin: 0; }
.rks-ozet > div[b-woieva6ywe] { min-width: 0; }

.rks-ozet dt[b-woieva6ywe] {
    margin: 0 0 3px;
    font: 700 10px/1.4 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.rks-ozet dd[b-woieva6ywe] { margin: 0; font-size: 13px; color: var(--metin-murekkep); overflow-wrap: anywhere; }

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .rks-kapak[b-woieva6ywe] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
    .rks-vitrin[b-woieva6ywe]  .rks-geri { width: 44px; height: 44px; }
    .rks-vitrin .au-btn[b-woieva6ywe] { min-height: 44px; height: 44px; }
    .rks-vitrin .au-btn--sm[b-woieva6ywe] { min-height: 44px; height: 44px; padding: 0 12px; }
    .rks-kapat[b-woieva6ywe] { width: 44px; height: 44px; font-size: 24px; }
    .rks-vitrin[b-woieva6ywe]  .app-field .app-input { height: 44px; min-height: 44px; }
    .rks-birim[b-woieva6ywe]  .app-tree__row,
    .rks-birim[b-woieva6ywe]  .oup__root { min-height: 44px; }
    .rks-tablo-kap[b-woieva6ywe] { max-height: min(420px, 60dvh); }
}

@media (pointer: coarse) {
    .rks-vitrin[b-woieva6ywe]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .rks-kapak[b-woieva6ywe] { padding: 12px; gap: 8px; }
    .rks-kapak .au-title[b-woieva6ywe] { font-size: var(--yazi-kapak, 20px); }
    .rks-kart[b-woieva6ywe] { padding: 16px 12px; }
    .rks-bolum-baslik[b-woieva6ywe] { font-size: var(--yazi-bolum, 14px); }
    .rks-kapak-eylem .au-btn[b-woieva6ywe] { flex: 1 1 140px; }
    /* Telefonda ilk anlamlı sütun (rol) yapışık kalır. */
    .rks-tablo th:first-child[b-woieva6ywe],
    .rks-tablo td:first-child[b-woieva6ywe] { position: sticky; left: 0; z-index: 1; }
    .rks-tablo td:first-child[b-woieva6ywe] { background: var(--yuzey); }
    .rks-tablo tbody tr:nth-child(even) td:first-child[b-woieva6ywe] { background: var(--yuzey-alt); }
    /* Yapışık başlık hücresi saydam kalırsa yatay kaydırmada altındaki satırlar
       görünüyordu; ev deseni (AiModelsList) gibi solid marka dolgusu verilir. */
    .rks-tablo th:first-child[b-woieva6ywe] { z-index: 3; background: var(--marka-500); }
    .rks-satir-eylem[b-woieva6ywe] { justify-content: flex-start; }
    .rks-popup[b-woieva6ywe] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .rks-popup-bas[b-woieva6ywe],
    .rks-popup-govde[b-woieva6ywe],
    .rks-popup-eylem[b-woieva6ywe] { padding: 12px; }
    .rks-popup-eylem[b-woieva6ywe] { flex-wrap: wrap; }
    .rks-popup-eylem .au-btn[b-woieva6ywe] { flex: 1 1 140px; }
    .rks-bos-kutu[b-woieva6ywe] { padding: 14px 12px; }
    .rks-bos-kutu .au-btn[b-woieva6ywe] { width: 100%; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/UsersBulkAction.razor.rz.scp.css */
/* Toplu işlem — Akademik Analiz görsel dili (kapak 23 px, bölüm kartları,
   rampa başlıklı seçim/sonuç tabloları, görünür native arama penceresi). */

.tis-vitrin[b-5xhvxqe5ba] {
    max-width: none;
    padding: 0 0 8px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

.tis-gizli[b-5xhvxqe5ba] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.tis-kapak[b-5xhvxqe5ba] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tis-baslik[b-5xhvxqe5ba] { min-width: 0; }

.tis-kapak .au-title[b-5xhvxqe5ba] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tis-alt[b-5xhvxqe5ba] {
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

.tis-kapak-eylem[b-5xhvxqe5ba] {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

/* Geri düğmesi GeriBaglanti bileşeninden gelir; bu dosyanın scope özniteliğini
   taşımaz, bu yüzden kurallar ::deep ile yazılır (yoksa hiç uygulanmaz). */
.tis-vitrin[b-5xhvxqe5ba]  .tis-geri {
    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    overflow: hidden;
}

.tis-vitrin[b-5xhvxqe5ba]  .tis-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tis-vitrin[b-5xhvxqe5ba]  .tis-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .tis-kapak[b-5xhvxqe5ba] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
    }
    .tis-vitrin[b-5xhvxqe5ba]  .tis-kapak > .tis-geri { grid-area: geri; }
    .tis-baslik[b-5xhvxqe5ba] { grid-area: baslik; }
    .tis-kapak-eylem[b-5xhvxqe5ba] { grid-area: eylem; margin-top: 0; }
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.tis-kart[b-5xhvxqe5ba] {
    position: relative;
    min-width: 0;
    margin: 0 0 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tis-kart[b-5xhvxqe5ba]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.tis-bolum-baslik[b-5xhvxqe5ba] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.tis-bolum-baslik[b-5xhvxqe5ba]::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tis-alt-baslik[b-5xhvxqe5ba] {
    margin: 18px 0 8px;
    font: 700 13px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-ikincil);
}

.tis-aciklama[b-5xhvxqe5ba] {
    margin: 0;
    color: var(--n-500);
    font-size: 13px;
    line-height: 1.6;
}

.tis-alan[b-5xhvxqe5ba] { margin-top: 14px; max-width: 320px; }
.tis-soluk[b-5xhvxqe5ba] { color: var(--metin-ipucu); }

.tis-bos-kutu[b-5xhvxqe5ba] {
    display: grid;
    justify-items: start;
    gap: 12px;
    padding: 18px;
    border: 1px dashed var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey-alt);
}

/* ── Sonuç ölçüleri (üç kova) ─────────────────────────────────────────── */
.tis-kpi-serit[b-5xhvxqe5ba] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
    background: var(--yuzey);
}

.tis-kpi[b-5xhvxqe5ba] {
    display: grid;
    gap: 7px;
    padding: 14px 16px 15px;
    border-right: 1px solid var(--hat-kart);
}

.tis-kpi:last-child[b-5xhvxqe5ba] { border-right: 0; }

.tis-kpi__d[b-5xhvxqe5ba] {
    font: 700 27px/1 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--marka-700);
}

.tis-kpi__d.is-ok[b-5xhvxqe5ba] { color: var(--marka-rampa-uc); }
.tis-kpi__d.is-fail[b-5xhvxqe5ba] { color: var(--red-600); }

.tis-kpi__e[b-5xhvxqe5ba] {
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--metin-ikincil);
}

/* ── Tablolar ─────────────────────────────────────────────────────────── */
.tis-tablo-kap[b-5xhvxqe5ba] {
    max-height: min(480px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.tis-tablo-kap--popup[b-5xhvxqe5ba] { max-height: min(320px, 42dvh); }
.tis-tablo-kap:focus-visible[b-5xhvxqe5ba] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tis-tablo[b-5xhvxqe5ba] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    color: var(--metin-murekkep);
}

.tis-tablo thead[b-5xhvxqe5ba] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--marka-rampa-serit);
}

.tis-tablo th[b-5xhvxqe5ba] {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

.tis-tablo td[b-5xhvxqe5ba] {
    padding: 10px 13px;
    border-top: 1px solid var(--hat-kart);
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.tis-tablo tbody tr:nth-child(even) td[b-5xhvxqe5ba] { background: var(--yuzey-alt); }
.tis-tablo .is-fail[b-5xhvxqe5ba] { color: var(--red-600); font-weight: 600; }

.tis-ad[b-5xhvxqe5ba] { display: block; font-weight: 600; }

.tis-eposta[b-5xhvxqe5ba] {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--metin-ikincil);
    background: transparent;
    unicode-bidi: isolate;
}

.tis-satir-eylem[b-5xhvxqe5ba] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

/* ── Kontroller ───────────────────────────────────────────────────────── */
.tis-vitrin .au-btn[b-5xhvxqe5ba] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    cursor: pointer;
}

.tis-vitrin .au-btn--sm[b-5xhvxqe5ba] { height: 30px; min-height: 30px; padding: 0 10px; font-size: 12px; }

.tis-vitrin .au-btn:hover:not(:disabled)[b-5xhvxqe5ba] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.tis-vitrin .au-btn--primary[b-5xhvxqe5ba] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.tis-vitrin .au-btn--primary:hover:not(:disabled)[b-5xhvxqe5ba] { background: var(--marka-500); border-color: var(--marka-500); }
.tis-vitrin .au-btn:disabled[b-5xhvxqe5ba] { opacity: .55; cursor: not-allowed; }
.tis-vitrin .au-btn:focus-visible[b-5xhvxqe5ba] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tis-eylemler[b-5xhvxqe5ba] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--hat-kart);
}

.tis-vitrin .au-banner[b-5xhvxqe5ba] { font-size: 13px; overflow-wrap: anywhere; }

/* ── Girdi ve çip ölçüleri ────────────────────────────────────────────── */
.tis-vitrin[b-5xhvxqe5ba]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }
.tis-vitrin[b-5xhvxqe5ba]  .app-field .app-input {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}
.tis-vitrin[b-5xhvxqe5ba]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.tis-vitrin[b-5xhvxqe5ba]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* İşlem çipleri — hap yerine kesik sol üst köşe, seçilide koyu marka dolgusu. */
.tis-vitrin[b-5xhvxqe5ba]  .app-chips { gap: 8px; }
.tis-vitrin[b-5xhvxqe5ba]  .app-chip-btn {
    height: 34px;
    padding: 0 14px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 12.5px;
    transition: none;
}

.tis-vitrin[b-5xhvxqe5ba]  .app-chip-btn:hover:not(:disabled):not(.is-sel) {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    color: var(--marka-700);
}

.tis-vitrin[b-5xhvxqe5ba]  .app-chip-btn.is-sel {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.tis-vitrin[b-5xhvxqe5ba]  .app-chip-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Arama penceresi ──────────────────────────────────────────────────── */
.tis-popup[b-5xhvxqe5ba] {
    width: min(680px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.tis-popup[open][b-5xhvxqe5ba] { display: flex; flex-direction: column; }
.tis-popup[b-5xhvxqe5ba]::backdrop { background: var(--scrim); }

.tis-popup-bas[b-5xhvxqe5ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.tis-popup-bas h2[b-5xhvxqe5ba] {
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
}

.tis-kapat[b-5xhvxqe5ba] {
    display: grid;
    place-items: center;
    width: 34px;
    padding: 0;
    font-size: 20px;
    line-height: 1;
}

.tis-popup-govde[b-5xhvxqe5ba] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px;
    font-size: 13px;
    line-height: 1.6;
}

.tis-popup-govde .au-banner[b-5xhvxqe5ba] { margin: 14px 0 0; }
.tis-popup-govde .tis-tablo-kap[b-5xhvxqe5ba] { margin-top: 10px; }

.tis-arama-satir[b-5xhvxqe5ba] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    margin-bottom: 12px;
}

.tis-popup-eylem[b-5xhvxqe5ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.tis-sayac[b-5xhvxqe5ba] { font-weight: 600; color: var(--metin-ikincil); }

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .tis-kapak[b-5xhvxqe5ba] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
    .tis-vitrin[b-5xhvxqe5ba]  .tis-geri { width: 44px; height: 44px; }
    .tis-vitrin .au-btn[b-5xhvxqe5ba] { min-height: 44px; height: 44px; }
    .tis-vitrin .au-btn--sm[b-5xhvxqe5ba] { min-height: 44px; height: 44px; padding: 0 12px; }
    .tis-kapat[b-5xhvxqe5ba] { width: 44px; height: 44px; font-size: 24px; }
    .tis-vitrin[b-5xhvxqe5ba]  .app-field .app-input { height: 44px; min-height: 44px; }
    .tis-vitrin[b-5xhvxqe5ba]  .app-chip-btn { height: 44px; min-height: 44px; }
    .tis-tablo-kap[b-5xhvxqe5ba] { max-height: min(420px, 60dvh); }
}

@media (pointer: coarse) {
    .tis-vitrin[b-5xhvxqe5ba]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .tis-kapak[b-5xhvxqe5ba] { padding: 12px; gap: 8px; }
    .tis-kapak .au-title[b-5xhvxqe5ba] { font-size: var(--yazi-kapak, 20px); }
    .tis-kart[b-5xhvxqe5ba] { padding: 16px 12px; }
    .tis-bolum-baslik[b-5xhvxqe5ba] { font-size: var(--yazi-bolum, 14px); }
    .tis-kapak-eylem .au-btn[b-5xhvxqe5ba] { flex: 1 1 140px; }
    .tis-alan[b-5xhvxqe5ba] { max-width: none; }
    .tis-kpi-serit[b-5xhvxqe5ba] { grid-template-columns: minmax(0, 1fr); }
    .tis-kpi[b-5xhvxqe5ba] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
    .tis-kpi:last-child[b-5xhvxqe5ba] { border-bottom: 0; }
    .tis-kpi__d[b-5xhvxqe5ba] { font-size: var(--yazi-kpi, 20px); }
    /* Telefonda ilk anlamlı sütun (kullanıcı) yapışık kalır. */
    .tis-tablo th:first-child[b-5xhvxqe5ba],
    .tis-tablo td:first-child[b-5xhvxqe5ba] { position: sticky; left: 0; z-index: 1; }
    .tis-tablo td:first-child[b-5xhvxqe5ba] { background: var(--yuzey); }
    .tis-tablo tbody tr:nth-child(even) td:first-child[b-5xhvxqe5ba] { background: var(--yuzey-alt); }
    /* Yapışık başlık hücresi saydam kalırsa yatay kaydırmada altındaki satırlar
       görünüyordu; ev deseni (AiModelsList) gibi solid marka dolgusu verilir. */
    .tis-tablo th:first-child[b-5xhvxqe5ba] { z-index: 3; background: var(--marka-500); }
    .tis-satir-eylem[b-5xhvxqe5ba] { justify-content: flex-start; }
    .tis-eylemler[b-5xhvxqe5ba] { justify-content: stretch; }
    .tis-eylemler .au-btn[b-5xhvxqe5ba] { flex: 1 1 140px; }
    .tis-arama-satir[b-5xhvxqe5ba] { grid-template-columns: minmax(0, 1fr); }
    .tis-popup[b-5xhvxqe5ba] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .tis-popup-bas[b-5xhvxqe5ba],
    .tis-popup-govde[b-5xhvxqe5ba],
    .tis-popup-eylem[b-5xhvxqe5ba] { padding: 12px; }
    .tis-bos-kutu[b-5xhvxqe5ba] { padding: 14px 12px; }
    .tis-bos-kutu .au-btn[b-5xhvxqe5ba] { width: 100%; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/UsersBulkImport.razor.rz.scp.css */
/* Toplu içe aktarma — Akademik Analiz görsel dili. Adımlar gerçek bir sıralı akış
   olduğu için AppWizard KORUNDU; yalnız görünümü ::deep ile yeni dile taşındı. */

.tak-vitrin[b-vfq47m8e63] {
    max-width: none;
    padding: 0 0 8px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.tak-kapak[b-vfq47m8e63] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tak-baslik[b-vfq47m8e63] { min-width: 0; }

.tak-kapak .au-title[b-vfq47m8e63] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tak-alt[b-vfq47m8e63] {
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

.tak-kapak-eylem[b-vfq47m8e63] {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

/* Geri düğmesi GeriBaglanti bileşeninden gelir; bu dosyanın scope özniteliğini
   taşımaz, bu yüzden kurallar ::deep ile yazılır (yoksa hiç uygulanmaz). */
.tak-vitrin[b-vfq47m8e63]  .tak-geri {
    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    overflow: hidden;
}

.tak-vitrin[b-vfq47m8e63]  .tak-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tak-vitrin[b-vfq47m8e63]  .tak-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .tak-kapak[b-vfq47m8e63] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
    }
    .tak-vitrin[b-vfq47m8e63]  .tak-kapak > .tak-geri { grid-area: geri; }
    .tak-baslik[b-vfq47m8e63] { grid-area: baslik; }
    .tak-kapak-eylem[b-vfq47m8e63] { grid-area: eylem; margin-top: 0; }
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.tak-kart[b-vfq47m8e63] {
    position: relative;
    min-width: 0;
    margin: 0 0 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tak-kart[b-vfq47m8e63]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.tak-bolum-baslik[b-vfq47m8e63] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.tak-bolum-baslik[b-vfq47m8e63]::before {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tak-alt-baslik[b-vfq47m8e63] {
    margin: 18px 0 8px;
    font: 700 13px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-ikincil);
}

.tak-aciklama[b-vfq47m8e63] {
    margin: 0;
    color: var(--n-500);
    font-size: 13px;
    line-height: 1.6;
}

.tak-aciklama--tablo-alti[b-vfq47m8e63] { margin-top: 8px; }
.tak-vitrin .au-banner[b-vfq47m8e63] { font-size: 13px; overflow-wrap: anywhere; }
.tak-banner[b-vfq47m8e63] { margin: 14px 0 0; }
.tak-indir[b-vfq47m8e63] { margin-bottom: 10px; }

/* ── Ölçü şeridi ──────────────────────────────────────────────────────── */
.tak-kpi-serit[b-vfq47m8e63] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 14px 0 16px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
    background: var(--yuzey);
}

.tak-kpi-serit--dort[b-vfq47m8e63] { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.tak-kpi[b-vfq47m8e63] {
    display: grid;
    gap: 7px;
    padding: 14px 16px 15px;
    border-right: 1px solid var(--hat-kart);
    min-width: 0;
}

.tak-kpi:last-child[b-vfq47m8e63] { border-right: 0; }

.tak-kpi__d[b-vfq47m8e63] {
    font: 700 27px/1 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

/* "Sırada / İşleniyor" gibi metin değerler 27 px'te taşıyordu. */
.tak-kpi__d--metin[b-vfq47m8e63] { font-size: 18px; line-height: 1.25; }
.tak-kpi__d.is-ok[b-vfq47m8e63] { color: var(--marka-rampa-uc); }
.tak-kpi__d.is-fail[b-vfq47m8e63] { color: var(--red-600); }

.tak-kpi__e[b-vfq47m8e63] { font-size: 11.5px; line-height: 1.4; color: var(--metin-ikincil); }

/* ── İlerleme ─────────────────────────────────────────────────────────── */
.tak-ilerleme[b-vfq47m8e63] {
    height: 8px;
    margin-bottom: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
    overflow: hidden;
}

.tak-ilerleme__dolu[b-vfq47m8e63] {
    height: 100%;
    border-radius: 999px;
    background: var(--marka-rampa-serit);
}

/* ── Tablolar ─────────────────────────────────────────────────────────── */
.tak-tablo-kap[b-vfq47m8e63] {
    max-height: min(400px, 52dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.tak-tablo-kap:focus-visible[b-vfq47m8e63] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tak-tablo[b-vfq47m8e63] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    color: var(--metin-murekkep);
}

.tak-tablo thead[b-vfq47m8e63] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--marka-rampa-serit);
}

.tak-tablo th[b-vfq47m8e63] {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

.tak-tablo td[b-vfq47m8e63] {
    padding: 10px 13px;
    border-top: 1px solid var(--hat-kart);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.tak-tablo tbody tr:nth-child(even) td[b-vfq47m8e63] { background: var(--yuzey-alt); }
.tak-tablo .is-ok[b-vfq47m8e63] { color: var(--marka-rampa-uc); font-weight: 600; }
.tak-tablo .is-fail[b-vfq47m8e63] { color: var(--red-600); font-weight: 600; }

/* ── Özet ─────────────────────────────────────────────────────────────── */
.tak-ozet[b-vfq47m8e63] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px 24px;
    margin: 0;
}

.tak-ozet > div[b-vfq47m8e63] { min-width: 0; }

.tak-ozet dt[b-vfq47m8e63] {
    margin: 0 0 3px;
    font: 700 10px/1.4 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.tak-ozet dd[b-vfq47m8e63] { margin: 0; font-size: 13px; color: var(--metin-murekkep); overflow-wrap: anywhere; }

/* ── Kontroller ───────────────────────────────────────────────────────── */
.tak-vitrin .au-btn[b-vfq47m8e63] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    cursor: pointer;
}

.tak-vitrin .au-btn:hover:not(:disabled)[b-vfq47m8e63] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.tak-vitrin .au-btn--primary[b-vfq47m8e63] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.tak-vitrin .au-btn--primary:hover:not(:disabled)[b-vfq47m8e63] { background: var(--marka-500); border-color: var(--marka-500); }
.tak-vitrin .au-btn:disabled[b-vfq47m8e63] { opacity: .55; cursor: not-allowed; }
.tak-vitrin .au-btn:focus-visible[b-vfq47m8e63] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tak-eylemler[b-vfq47m8e63] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--hat-kart);
}

.tak-eylemler--sol[b-vfq47m8e63] { justify-content: flex-start; }

/* ── Sihirbaz kabuğu (AppWizard) yeni dile ────────────────────────────── */
.tak-vitrin[b-vfq47m8e63]  .app-wizard {
    position: relative;
    gap: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tak-vitrin[b-vfq47m8e63]  .app-wizard::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.tak-vitrin[b-vfq47m8e63]  .wiz-title {
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.tak-vitrin[b-vfq47m8e63]  .wiz-count { font-size: 12px; color: var(--metin-ipucu); }

.tak-vitrin[b-vfq47m8e63]  .wiz-step-ind { font-size: 12px; color: var(--metin-ipucu); }
.tak-vitrin[b-vfq47m8e63]  .wiz-step-ind.is-active,
.tak-vitrin[b-vfq47m8e63]  .wiz-step-ind.is-done { color: var(--marka-700); }

.tak-vitrin[b-vfq47m8e63]  .wiz-kart {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
}

.tak-vitrin[b-vfq47m8e63]  .wiz-btn {
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    box-shadow: none;
}

.tak-vitrin[b-vfq47m8e63]  .wiz-btn--primary {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.tak-vitrin[b-vfq47m8e63]  .wiz-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Girdi ölçüleri ───────────────────────────────────────────────────── */
.tak-vitrin[b-vfq47m8e63]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }
.tak-vitrin[b-vfq47m8e63]  .app-field .app-input {
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}
.tak-vitrin[b-vfq47m8e63]  .app-field__hint { color: var(--n-500); font-size: 12px; }
.tak-vitrin[b-vfq47m8e63]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .tak-kapak[b-vfq47m8e63] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
    .tak-vitrin[b-vfq47m8e63]  .tak-geri { width: 44px; height: 44px; }
    .tak-vitrin .au-btn[b-vfq47m8e63] { min-height: 44px; height: 44px; }
    .tak-vitrin[b-vfq47m8e63]  .wiz-btn { min-height: 44px; height: 44px; }
    .tak-tablo-kap[b-vfq47m8e63] { max-height: min(340px, 52dvh); }
}

@media (pointer: coarse) {
    .tak-vitrin[b-vfq47m8e63]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .tak-kapak[b-vfq47m8e63] { padding: 12px; gap: 8px; }
    .tak-kapak .au-title[b-vfq47m8e63] { font-size: var(--yazi-kapak, 20px); }
    .tak-kart[b-vfq47m8e63] { padding: 16px 12px; }
    .tak-bolum-baslik[b-vfq47m8e63] { font-size: var(--yazi-bolum, 14px); }
    .tak-kapak-eylem .au-btn[b-vfq47m8e63] { width: 100%; }
    .tak-kpi-serit[b-vfq47m8e63],
    .tak-kpi-serit--dort[b-vfq47m8e63] { grid-template-columns: minmax(0, 1fr); }
    .tak-kpi[b-vfq47m8e63] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
    .tak-kpi:last-child[b-vfq47m8e63] { border-bottom: 0; }
    .tak-kpi__d[b-vfq47m8e63] { font-size: var(--yazi-kpi, 20px); }
    .tak-kpi__d--metin[b-vfq47m8e63] { font-size: var(--yazi-bolum, 14px); }
    .tak-ozet[b-vfq47m8e63] { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    /* Telefonda ilk anlamlı sütun (satır numarası) yapışık kalır. */
    .tak-tablo th:first-child[b-vfq47m8e63],
    .tak-tablo td:first-child[b-vfq47m8e63] { position: sticky; left: 0; z-index: 1; }
    .tak-tablo td:first-child[b-vfq47m8e63] { background: var(--yuzey); }
    .tak-tablo tbody tr:nth-child(even) td:first-child[b-vfq47m8e63] { background: var(--yuzey-alt); }
    /* Yapışık başlık hücresi saydam kalırsa yatay kaydırmada altındaki satırlar
       görünüyordu; ev deseni (AiModelsList) gibi solid marka dolgusu verilir. */
    .tak-tablo th:first-child[b-vfq47m8e63] { z-index: 3; background: var(--marka-500); }
    .tak-eylemler[b-vfq47m8e63] { justify-content: stretch; }
    .tak-eylemler .au-btn[b-vfq47m8e63] { flex: 1 1 140px; }
    .tak-vitrin[b-vfq47m8e63]  .app-wizard { padding: 16px 12px; }
}
/* _content/EduLive.Web/Components/Pages/Admin/Users/UsersList.razor.rz.scp.css */
/* Kullanıcılar listesi — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Sayfaya kapsanmış (scoped) CSS: wwwroot/css/*.css DEĞİŞTİRİLMEDİ.
   Yalnız mevcut tokenlar kullanılır; yeni hex, !important ve sahte spacer yok.

   ÖZGÜLLÜK NOTU: kapsanmış CSS App.razor'da cihaz.css'ten ÖNCE yüklenir. Cihaz
   bantlarında cihaz.css'i yenmek gerektiğinde selektör `body.edulive-cihaz` ile
   başlatılır — kapsam özniteliği yine bu bileşenin öğesine düşer. */

.au-page.kullanicilar-vitrin[b-opmdkfb74p] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylemler tek beyaz yüzeyde ───────────── */
.kv-kapak[b-opmdkfb74p] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri   baslik eylem"
    "suzgec suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kv-kapak[b-opmdkfb74p]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.kv-baslik[b-opmdkfb74p] {
  grid-area: baslik;
  min-width: 0;
}

.kv-baslik .au-title[b-opmdkfb74p] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.kv-ozet[b-opmdkfb74p] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.kv-eylemler[b-opmdkfb74p] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

.kv-suzgec[b-opmdkfb74p] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Alanlar alt çizgiden hizalı; esas genişlik 176, üst sınır 210 (referans ölçüsü). */
.kv-suzgec[b-opmdkfb74p]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
}

.kv-arama[b-opmdkfb74p] {
  flex: 1 1 220px;
  min-width: 0;
  max-width: 320px;
}

.kv-arama[b-opmdkfb74p]  .app-field {
  flex: none;
  max-width: none;
}

.kv-sifirla[b-opmdkfb74p] {
  flex: 0 0 auto;
  align-self: flex-end;
}

/* Kapak içindeki alan etiketi/girdisi: referans tipografisi ve 34 px kontrol yüksekliği. */
.kv-kapak[b-opmdkfb74p]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* `.app-field` ara adımı özgüllüğü (0,3,0) → (0,4,0) yapar: AppField'in paylaşılan
   `.app-field ::deep .app-input { height:46px }` kuralı derlenmiş pakette SONRA geldiği
   için eşit ağırlıkta kazanıyordu; bu adımla kaynak sırasından bağımsız kazanırız. */
.kv-kapak[b-opmdkfb74p]  .app-field .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none;
}

.kv-kapak[b-opmdkfb74p]  .app-select__caret {
  color: var(--marka-600);
}

.kv-kapak[b-opmdkfb74p]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* ── Düğmeler: kapakta ve bölüm kartında ortak taban ──────────────────────── */
.kullanicilar-vitrin .au-btn[b-opmdkfb74p] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kullanicilar-vitrin .au-btn:hover:not(:disabled)[b-opmdkfb74p] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kullanicilar-vitrin .au-btn--primary[b-opmdkfb74p] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kullanicilar-vitrin .au-btn--primary:hover:not(:disabled)[b-opmdkfb74p] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kullanicilar-vitrin .au-btn:disabled[b-opmdkfb74p] {
  opacity: .5;
  cursor: not-allowed;
}

.kullanicilar-vitrin .au-btn:focus-visible[b-opmdkfb74p] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* Odak halkası da aynı kök nedenden eziliyordu: AppField'in `.app-field ::deep
   .app-input:focus-visible` kuralı (0,4,0) ile berabere kalıp `box-shadow:none`u
   yiyordu; `.app-field` ara adımıyla (0,5,0) olup kesin kazanır. */
.kullanicilar-vitrin[b-opmdkfb74p]  .app-field .app-input:focus-visible,
.kullanicilar-vitrin[b-opmdkfb74p]  .grid-pager__btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Liste bölümü ─────────────────────────────────────────────────────────── */
.kv-liste[b-opmdkfb74p] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kv-liste[b-opmdkfb74p]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kv-bolum-baslik[b-opmdkfb74p] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kv-bolum-baslik[b-opmdkfb74p]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo: mavi–petrol başlık geçişi, yapışık başlık, sınırlı kaydırma ───── */
.kv-liste[b-opmdkfb74p]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
  box-shadow: none;
}

.kv-liste[b-opmdkfb74p]  .grid-table {
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

/* Geçiş thead boyunca TEK parça çizilir; hücre arka planları şeffaftır. */
.kv-liste[b-opmdkfb74p]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.kv-liste[b-opmdkfb74p]  .grid-table thead th {
  background: transparent;
  border: 0;
}

.kv-liste[b-opmdkfb74p]  .grid-th-label {
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.kv-liste[b-opmdkfb74p]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}

.kv-liste[b-opmdkfb74p]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kv-liste[b-opmdkfb74p]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kv-liste[b-opmdkfb74p]  .grid-table tbody tr:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

/* Yatay kaydırmada ilk iki sütun (seçim + ad) yapışık kalır; opak zemin şart.
   Zemin, thead'in altındaki `--marka-rampa-serit` geçişinin O SÜTUNA denk gelen tonuyla
   boyanır. Düz `--marka-500` verilmesi 2. sütunda görünür bir renk basamağı bırakıyordu:
   yapışıklık yatay kaydırma olmasa da etkin olduğu için, rampanın ~%6–%30 aralığına denk
   gelen ad sütunu her zaman rampanın başlangıç rengiyle doluyordu. Karışım oranları
   rampanın kendi tokenlarından türetilir; yeni palet üretilmez. */
.kv-liste[b-opmdkfb74p]  .grid-table thead th:nth-child(1),
.kv-liste[b-opmdkfb74p]  .grid-table thead th:nth-child(2) {
  position: sticky;
  z-index: 3;
}

.kv-liste[b-opmdkfb74p]  .grid-table thead th:nth-child(1) {
  background: var(--marka-500);
}

.kv-liste[b-opmdkfb74p]  .grid-table thead th:nth-child(2) {
  background: linear-gradient(94deg,
    color-mix(in srgb, var(--marka-rampa-orta) 10%, var(--marka-500)) 0%,
    color-mix(in srgb, var(--marka-rampa-orta) 45%, var(--marka-500)) 100%);
}

.kv-liste[b-opmdkfb74p]  .grid-table thead th:nth-child(1) { left: 0; }
.kv-liste[b-opmdkfb74p]  .grid-table thead th:nth-child(2) { left: 62px; }

.kv-liste[b-opmdkfb74p]  .grid-table tbody td:nth-child(1),
.kv-liste[b-opmdkfb74p]  .grid-table tbody td:nth-child(2) {
  position: sticky;
  z-index: 1;
  background: var(--yuzey);
}

.kv-liste[b-opmdkfb74p]  .grid-table tbody td:nth-child(1) { left: 0; width: 62px; }
.kv-liste[b-opmdkfb74p]  .grid-table tbody td:nth-child(2) { left: 62px; }

.kv-liste[b-opmdkfb74p]  .grid-table tbody tr:nth-child(even) td:nth-child(1),
.kv-liste[b-opmdkfb74p]  .grid-table tbody tr:nth-child(even) td:nth-child(2) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kv-liste[b-opmdkfb74p]  .grid-table tbody tr:hover td:nth-child(1),
.kv-liste[b-opmdkfb74p]  .grid-table tbody tr:hover td:nth-child(2) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Hücre içerikleri */
.kullanicilar-vitrin .au-namecell[b-opmdkfb74p] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.kullanicilar-vitrin .au-name[b-opmdkfb74p] {
  min-width: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.kullanicilar-vitrin .au-email[b-opmdkfb74p] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

.kullanicilar-vitrin .au-dim[b-opmdkfb74p] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.kullanicilar-vitrin .kv-rozet-ogretmen[b-opmdkfb74p] {
  background: color-mix(in srgb, var(--turkuaz-500) 14%, var(--yuzey));
  border-color: color-mix(in srgb, var(--turkuaz-500) 34%, transparent);
  color: var(--turkuaz-rozet-metin);
}

.kullanicilar-vitrin .kv-rozet-uyari[b-opmdkfb74p] {
  margin-left: 6px;
  background: color-mix(in srgb, var(--analiz-dikkat) 14%, var(--yuzey));
  border-color: color-mix(in srgb, var(--analiz-dikkat) 34%, transparent);
  color: var(--analiz-dikkat-rozet-metin);
}

/* Boş durum: anlamlı metin + birincil eylem (sahte örnek satır YOK). */
.kv-bos[b-opmdkfb74p] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.kv-bos p[b-opmdkfb74p] {
  margin: 0;
  line-height: 1.6;
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.kv-liste[b-opmdkfb74p]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.kv-liste[b-opmdkfb74p]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.kv-liste[b-opmdkfb74p]  .ds-desc { font-size: 13px; color: var(--n-500); }

.kv-liste[b-opmdkfb74p]  .grid-pager { margin-top: 14px; }

.kv-liste[b-opmdkfb74p]  .grid-pager__info {
  color: var(--n-500);
  font-size: 12.5px;
}

.kv-liste[b-opmdkfb74p]  .grid-pager__btn {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  box-shadow: none;
}

/* ── MASAÜSTÜ ≥1540: başlık solda, süzgeç ve eylemler sağ kenarda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kv-kapak[b-opmdkfb74p] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `justify-self: end` süzgeç kabını shrink-to-fit ölçtürüyordu: Chromium bu ölçümde
     çocukların `flex: 0 1 176px` tabanını saymaz, yalnız içerik genişliğini alır → kap
     daralır, alanlar alt alta yığılır ve kapak uzar. `stretch` kabı 1fr sütununa yayar,
     sağa yaslamayı `justify-content` üstlenir. */
  .kv-suzgec[b-opmdkfb74p] {
    justify-self: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kv-kapak[b-opmdkfb74p] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri   baslik"
      "eylem  eylem"
      "suzgec suzgec";
    padding: 16px;
  }

  .kv-eylemler[b-opmdkfb74p] {
    justify-self: stretch;
  }

  .kullanicilar-vitrin .au-btn[b-opmdkfb74p] {
    min-height: 44px;
  }

  /* Cihaz bandındaki dokunma hedefi de aynı özgüllük çatışmasına giriyordu. */
  .kv-kapak[b-opmdkfb74p]  .app-field .app-input {
    min-height: 44px;
    height: 44px;
  }

  .kv-liste[b-opmdkfb74p]  .grid-pager__btn {
    width: 44px;
    height: 44px;
  }

  /* Cihazda tablo, cihaz.css'in genel `data-etiket` kart kipine döner:
     yapışık sütun ve sabit genişlik kaldırılır, yatay kaydırma kalmaz. */
  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-scroll {
    max-height: none;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: none;
  }

  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-table {
    min-width: 0;
  }

  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-table tbody td:nth-child(1),
  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-table tbody td:nth-child(2) {
    position: static;
    width: auto;
    background: none;
  }

  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-table tbody tr {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    box-shadow: none;
  }

  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-table tbody tr:nth-child(even) td,
  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-table tbody tr:hover td {
    background: none;
  }

  body.edulive-cihaz .kv-liste[b-opmdkfb74p]  .grid-table tbody td {
    border-bottom: 0;
  }

  /* Dokunmatik seçim hedefi 44 px (görünen kutu büyümez). */
  .kullanicilar-vitrin .au-check[b-opmdkfb74p] {
    position: relative;
    min-width: 24px;
    min-height: 24px;
  }

  .kullanicilar-vitrin .au-check[b-opmdkfb74p]::after {
    content: "";
    position: absolute;
    inset: -10px;
  }
}

/* Dokunmatikte girdi punto tabanı (K4): iOS yakınlaştırmasını engeller. */
@media (pointer: coarse) {
  /* AppField'in 14.5px'i bu kalkanı eziyordu (<16px → iOS zıplayarak yakınlaştırıyordu). */
  .kv-kapak[b-opmdkfb74p]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }

  .kv-kapak[b-opmdkfb74p]  .app-sel__opt {
    min-height: 44px;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .kv-kapak[b-opmdkfb74p] {
    padding: 12px;
    row-gap: 12px;
  }

  .kv-baslik .au-title[b-opmdkfb74p] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kv-ozet[b-opmdkfb74p] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında tek satır, içerik genişliğinde (YENI-DIL §7). */
  .kv-eylemler[b-opmdkfb74p] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .kv-eylemler .au-btn[b-opmdkfb74p] {
    flex: 1 0 auto;
    justify-content: center;
    white-space: nowrap;
  }

  /* Süzgeçler tek sütun; arama tam genişlik. */
  .kv-suzgec[b-opmdkfb74p] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .kv-suzgec[b-opmdkfb74p]  .app-field {
    flex: none;
    max-width: none;
  }

  .kv-arama[b-opmdkfb74p] {
    flex: none;
    max-width: none;
  }

  .kv-sifirla[b-opmdkfb74p] {
    align-self: stretch;
    justify-content: center;
  }

  .kv-liste[b-opmdkfb74p] {
    padding: 16px 12px;
  }

  .kv-bolum-baslik[b-opmdkfb74p] {
    font-size: var(--yazi-bolum, 14px);
  }

  .kv-bos .au-btn[b-opmdkfb74p] {
    width: 100%;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Admin/YonetimHub.razor.rz.scp.css */
/* /yonetim — GV-01. Akademik Analiz'in (/analiz/genel) kapak, yüzey ve tipografi
   ölçüleri. Kart dilinin kendisi paylaşılan `hub-vitrin.css`te kalır; burada
   yalnız kapak ve küme başlıkları tanımlanır. Yalnız var(--*) token, yeni hex yok.

   ÖZGÜLLÜK NOTU: scoped paket (`EduLive.Web.styles.css`) App.razor'da `cihaz.css`
   ve `hub-vitrin.css`ten ÖNCE yüklenir, bu yüzden eşitlikte onlar kazanır. Kapak
   kurallarının seçicisi bilerek `.au-page.hub-vitrin.yonetim-vitrin` ile başlar:
   - `.au-page .au-head.au-head--geri:has(.au-sub)` (admin-users.css) = (0,4,0)
   - `body.edulive-cihaz .au-page.hub-vitrin .au-title` (hub-vitrin.css) = (0,4,1)
   Buradaki kurallar (0,5,0)/(0,6,0) olduğu için ikisini de aşar; `!important` yok.
   TELEFON/TABLET'teki "geri + başlık tek satır" düzeni cihaz.css'in
   `body.edulive-cihaz:has(.topbar) .au-page .au-head.au-head--geri:has(.au-sub)`
   kuralından gelmeye devam eder (YENI-DIL §7) — kasten aşılmaz. O kural (0,6,1)
   olduğundan aşağıdaki `row-gap: 6px` yalnız MASAÜSTÜNDE geçerlidir; cihazda
   satır aralığı 8 px'tir. Bu bilinçli: ızgara kararı cihaz katmanınındır. */

/* ── Kapak: beyaz yüzey, 1 px hat, köşe 3px 0 0 0, 24/16/18 dolgu ── */
.au-page.hub-vitrin.yonetim-vitrin .yv-kapak[b-3f01q6acr6] {
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  column-gap: 12px;
  row-gap: 6px;
}

/* 23 px kapak başlığı. `--yazi-kapak` masaüstünde tanımsız → 23 px; telefonda
   cihaz.css 20 px verir (YENI-DIL §2.3). `.au-title`ın clamp(22,3vw,30) ve
   hub-vitrin'in tablet 30 px değeri bu ekranın son tasarımı değildir. */
.au-page.hub-vitrin.yonetim-vitrin .yv-kapak .au-title[b-3f01q6acr6] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.au-page.hub-vitrin.yonetim-vitrin .yv-kapak .au-sub[b-3f01q6acr6] {
  margin: 0;
  font-size: var(--yazi-kucuk, 12.5px);
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* Geri düğmesi `GeriBaglanti` bileşeninin içinde çizilir; kapsam (scope) niteliği
   ALMAZ. `::deep` olmadan yazılan kural `.au-breadcrumb--dugme[b-xxx]` üretir ve
   hiç eşleşmez — bu yüzden iki kural da `.yv-kapak ::deep` ile yazılır.

   1) Dikey hizalama: `admin-users.css` `.au-head--geri:has(.au-sub) > .au-breadcrumb--dugme`
      üzerine `margin-top: calc((clamp(22px,3vw,30px) * 1.5 - 30px) / 2)` koyar. O pay,
      1.5 satırlı `clamp(22,3vw,30)` başlığa göre hesaplanmıştır; kapak başlığı artık
      23 px / 1.1 (≈25 px). Pay kalırsa düğme başlığın ~4 px altında durur. Izgara
      zaten `align-items: center` olduğundan payı sıfırlamak hizayı geri verir. */
.au-page.hub-vitrin.yonetim-vitrin .yv-kapak[b-3f01q6acr6]  .au-breadcrumb--dugme {
  margin-top: 0;
}

/* 2) Klavye odağı kapak paletinde (aurora.css'in genel `:focus-visible` halkası
      `--brand` tonundadır; referans kapakta 2 px + 2 px aralık ister). */
.au-page.hub-vitrin.yonetim-vitrin .yv-kapak[b-3f01q6acr6]  .au-breadcrumb--dugme:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kümeler: Başlat kataloğunun grup adları, bölüm başlığı ölçüsüyle ── */
.au-page.hub-vitrin.yonetim-vitrin .yv-kume[b-3f01q6acr6] {
  min-width: 0;
  margin: 0 0 20px;
}

.au-page.hub-vitrin.yonetim-vitrin .yv-kume:last-child[b-3f01q6acr6] {
  margin-bottom: 0;
}

.au-page.hub-vitrin.yonetim-vitrin .yv-kume__ad[b-3f01q6acr6] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  padding-left: 2px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.25;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

/* Referanstaki bölüm başlığı üçgeni: 13 × 13 px, 9 px aralık. */
.au-page.hub-vitrin.yonetim-vitrin .yv-kume__ad[b-3f01q6acr6]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* TELEFON (YENI-DIL §1.1) */
@media (max-width: 640px) {
  .au-page.hub-vitrin.yonetim-vitrin .yv-kapak[b-3f01q6acr6] {
    margin-bottom: 14px;
    padding: 14px 16px 15px;
  }

  .au-page.hub-vitrin.yonetim-vitrin .yv-kume[b-3f01q6acr6] {
    margin-bottom: 16px;
  }

  .au-page.hub-vitrin.yonetim-vitrin .yv-kume__ad[b-3f01q6acr6] {
    margin-bottom: 8px;
  }
}

/* TABLET (YENI-DIL §1.1) */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.hub-vitrin.yonetim-vitrin .yv-kapak[b-3f01q6acr6] {
    padding: 15px 20px 17px;
  }
}
/* _content/EduLive.Web/Components/Pages/Agent/AjanCalismaDetay.razor.rz.scp.css */
/* AJ-01 — Ajan çalışma detayı, Akademik Analiz görsel dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; renkler yalnız
   aurora.css :root token'larından (--anv-*/--agv-* analiz vitrinine özeldir[b-00690rbjmd], burada yok). */

.ajan-vitrin[b-00690rbjmd] {
    padding-top: 0;
    font-family: var(--font-body);
    color: var(--metin-murekkep);
}

/* ── Kapak ── */
.aj-kapak[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.aj-kapak--geri[b-00690rbjmd] {
    align-items: center;
}

/* GeriBaglanti bileşeninin işaretlemesi bu bileşene ait değil → ::deep gerekir. */
.aj-kapak--geri[b-00690rbjmd]  .aj-geri {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    /* Global .au-breadcrumb 8px alt boşluk basar; kapak satırı align-items:center olduğu için
       bu margin hapı 4px yukarı kaydırır, ≤640px'te sütun gap'ine binip araları 20px yapar. */
    margin-bottom: 0;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
}

.aj-kapak--geri[b-00690rbjmd]  .aj-geri:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.aj-kapak--geri[b-00690rbjmd]  .aj-geri:focus-visible {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-kapak__baslik[b-00690rbjmd] {
    min-width: 0;
    flex: 1 1 16rem;
}

.aj-kapak .au-title[b-00690rbjmd] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.aj-kapak__alt[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0;
    font-size: 12.5px;
    color: var(--metin-ikincil);
}

.aj-kapak__ayrac[b-00690rbjmd] {
    color: var(--metin-ipucu);
}

.aj-kapak__eylemler[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ajan-vitrin .au-btn[b-00690rbjmd] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ajan-vitrin .au-btn:hover:not(:disabled)[b-00690rbjmd] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    color: var(--marka-700);
}

.ajan-vitrin .au-btn:focus-visible[b-00690rbjmd] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.ajan-vitrin .au-btn--primary[b-00690rbjmd] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.ajan-vitrin .au-btn--primary:hover:not(:disabled)[b-00690rbjmd] {
    background: var(--marka-500);
    color: var(--on-brand);
}

.ajan-vitrin .au-btn--sm[b-00690rbjmd] {
    min-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.ajan-vitrin .aj-btn-tehlike[b-00690rbjmd] {
    color: var(--red-600);
    border-color: color-mix(in srgb, var(--red-600) 30%, transparent);
}

.ajan-vitrin .aj-btn-tehlike:hover:not(:disabled)[b-00690rbjmd] {
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
}

/* ── Özet ölçü şeridi: tek birleşik yüzey, referanstaki KPI şeridi ölçüleriyle ── */
.aj-olcu-serit[b-00690rbjmd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    overflow: hidden;
}

.aj-olcu[b-00690rbjmd] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 14px 16px 15px;
    border-top: 3px solid var(--marka-600);
    border-right: 1px solid var(--hat-kart);
}

.aj-olcu:nth-child(2)[b-00690rbjmd] { border-top-color: var(--marka-rampa-orta); }
.aj-olcu:nth-child(3)[b-00690rbjmd] { border-top-color: var(--marka-rampa-uc); }
.aj-olcu:nth-child(4)[b-00690rbjmd] {
    border-top-color: color-mix(in srgb, var(--marka-rampa-uc) 50%, var(--basari));
    border-right: 0;
}

.aj-olcu__etiket[b-00690rbjmd] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--metin-ikincil);
}

.aj-olcu__deger[b-00690rbjmd] {
    font: 700 23px/1 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.aj-olcu__deger--zaman[b-00690rbjmd] {
    font-size: 15px;
    letter-spacing: 0;
}

/* ── Bölüm sekmeleri ── */
.aj-sekmeler[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.aj-sekme[b-00690rbjmd] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
}

.aj-sekme:hover[b-00690rbjmd] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-700);
}

.aj-sekme.is-secili[b-00690rbjmd],
.aj-sekme.is-secili:hover[b-00690rbjmd] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.aj-sekme:focus-visible[b-00690rbjmd] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.aj-bolum[b-00690rbjmd] {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.aj-bolum[b-00690rbjmd]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-600) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.aj-bolum:focus-visible[b-00690rbjmd] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.aj-bolum__bas[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 12px;
    margin: 4px 0 12px;
}

.aj-bolum__baslik[b-00690rbjmd] {
    margin: 0;
    font: 700 15px/1.25 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.aj-bolum__sayi[b-00690rbjmd],
.aj-ipucu[b-00690rbjmd] {
    margin: 0;
    font-size: 12px;
    color: var(--metin-ikincil);
}

.aj-ipucu[b-00690rbjmd] {
    padding: 12px 0;
    line-height: 1.6;
}

.aj-not[b-00690rbjmd] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
    color: var(--metin-ikincil);
    font-size: 12px;
    line-height: 1.55;
}

/* Uyarının yanında çözüm düğmesi (mesaj kapağı → tam dökümü indir). */
.aj-not--eylemli[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
}

.aj-not--eylemli > span[b-00690rbjmd] {
    min-width: 0;
    flex: 1 1 18rem;
}

/* İndirme hatası — hem kapakta hem mesaj kapağı uyarısının altında aynı biçim
   (hata tetiklendiği yerde gösterilir, tek kural iki yeri kapsar). */
.aj-hata[b-00690rbjmd] {
    margin: 8px 0 12px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--red-600) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 12.5px;
    line-height: 1.5;
}

.aj-gorsel-gizli[b-00690rbjmd] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.aj-uyari[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-600) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 12.5px;
}

/* ── Mesaj zaman çizgisi: kendi sınırlı alanında kayar ── */
.aj-cizgi[b-00690rbjmd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: min(540px, 60dvh);
    margin: 0;
    padding: 2px;
    overflow: auto;
    overscroll-behavior: contain;
    list-style: none;
}

.aj-msj[b-00690rbjmd] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--hat-kart);
    border-left: 3px solid var(--hat-girdi);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.aj-msj--user[b-00690rbjmd] { border-left-color: var(--marka-600); }
.aj-msj--assistant[b-00690rbjmd] { border-left-color: var(--marka-rampa-uc); }
.aj-msj--tool[b-00690rbjmd] { border-left-color: var(--turkuaz-500); }
.aj-msj--system[b-00690rbjmd] { border-left-style: dashed; }

.aj-msj__bas[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 10px;
    margin-bottom: 6px;
}

.aj-msj__rol[b-00690rbjmd] {
    font-size: 12px;
    font-weight: 700;
    color: var(--marka-700);
}

.aj-msj__ust[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.aj-msj__zaman[b-00690rbjmd] {
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    color: var(--metin-ipucu);
}

.aj-rozet[b-00690rbjmd] {
    padding: 2px 8px;
    border: 1px solid var(--hat-girdi);
    border-radius: 999px;
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.aj-rozet--arac[b-00690rbjmd] {
    border-color: color-mix(in srgb, var(--turkuaz-500) 45%, transparent);
    background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
}

.aj-rozet--cikti[b-00690rbjmd] {
    border-color: color-mix(in srgb, var(--marka-600) 35%, transparent);
    background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
    color: var(--marka-700);
}

.aj-msj__icerik[b-00690rbjmd] {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--metin-murekkep);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.aj-msj__icerik.aj-ipucu[b-00690rbjmd] {
    padding: 0;
    color: var(--metin-ipucu);
}

.aj-json[b-00690rbjmd] {
    max-height: 220px;
    margin: 0 0 10px;
    padding: 10px 12px;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    color: var(--metin-ikincil);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.aj-json:focus-visible[b-00690rbjmd] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

/* ── Çıktılar ── */
.aj-cikti-izgara[b-00690rbjmd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aj-cikti[b-00690rbjmd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 44px;
    padding: 12px 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    text-decoration: none;
}

.aj-cikti:hover[b-00690rbjmd] {
    background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.aj-cikti:focus-visible[b-00690rbjmd] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-cikti__ad[b-00690rbjmd] {
    font-size: 13px;
    font-weight: 600;
    color: var(--marka-700);
}

.aj-cikti__zaman[b-00690rbjmd] {
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    color: var(--metin-ipucu);
}

.aj-cikti__kod[b-00690rbjmd] {
    font-size: 11px;
    color: var(--metin-ikincil);
    unicode-bidi: isolate;
    overflow-wrap: anywhere;
}

/* ── Boş durum ── */
.aj-bos[b-00690rbjmd] {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 40px 24px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    text-align: center;
}

.aj-bos p[b-00690rbjmd] {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}

.aj-bos b[b-00690rbjmd] {
    color: var(--metin-murekkep);
}

/* ── Görünür popup ── */
.aj-popup[b-00690rbjmd] {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.aj-popup--genis[b-00690rbjmd] {
    width: min(760px, calc(100vw - 48px));
}

.aj-popup[open][b-00690rbjmd] {
    display: flex;
    flex-direction: column;
}

.aj-popup[b-00690rbjmd]::backdrop {
    background: var(--scrim);
}

.aj-popup__bas[b-00690rbjmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.aj-popup__bas h2[b-00690rbjmd] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.aj-popup__bas h2:focus[b-00690rbjmd] {
    outline: none;
}

.ajan-vitrin .aj-popup__kapat[b-00690rbjmd] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    font-size: 20px;
    line-height: 1;
}

.aj-popup__govde[b-00690rbjmd] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.aj-popup__alt-baslik[b-00690rbjmd] {
    margin: 16px 0 8px;
    font: 700 13px/1.3 var(--font-display);
    color: var(--marka-700);
}

.aj-popup__icerik[b-00690rbjmd] {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--metin-murekkep);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.aj-popup__metin[b-00690rbjmd] {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--metin-ikincil);
}

.aj-popup__metin b[b-00690rbjmd] {
    color: var(--metin-murekkep);
}

.aj-popup__hata[b-00690rbjmd] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-600) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 12.5px;
}

.aj-olgular[b-00690rbjmd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
}

.aj-olgular > div[b-00690rbjmd] {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.aj-olgular > div:nth-child(odd)[b-00690rbjmd] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.aj-olgular dt[b-00690rbjmd] { color: var(--n-500); }

.aj-olgular dd[b-00690rbjmd] {
    min-width: 0;
    margin: 0;
    color: var(--metin-ikincil);
    text-align: end;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.aj-popup__eylemler[b-00690rbjmd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aj-kapak[b-00690rbjmd] { padding: 16px; }
    .ajan-vitrin .au-btn[b-00690rbjmd],
    .ajan-vitrin .au-btn--sm[b-00690rbjmd] { min-height: 44px; }
    .aj-kapak--geri[b-00690rbjmd]  .aj-geri { min-height: 44px; }
    .ajan-vitrin .aj-popup__kapat[b-00690rbjmd] { flex: 0 0 44px; width: 44px; height: 44px; font-size: 24px; }
    /* Sekmeler tek yatay kaydırılabilir şerit; etkin sekme .razor.js ile görünür tutulur. */
    .aj-sekmeler[b-00690rbjmd] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: thin;
    }
    .aj-sekme[b-00690rbjmd] { flex: 0 0 auto; min-height: 44px; white-space: nowrap; }
    .aj-olcu-serit[b-00690rbjmd] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aj-olcu:nth-child(2)[b-00690rbjmd] { border-right: 0; }
    .aj-cizgi[b-00690rbjmd] { max-height: min(460px, 60dvh); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .aj-kapak[b-00690rbjmd] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 12px;
    }
    .aj-kapak--geri[b-00690rbjmd] { align-items: stretch; }
    .aj-kapak--geri[b-00690rbjmd]  .aj-geri { align-self: flex-start; }
    .aj-kapak .au-title[b-00690rbjmd] { font-size: var(--yazi-kapak, 20px); }
    .ajan-vitrin .aj-kapak__eylemler .au-btn[b-00690rbjmd] { flex: 1 1 auto; justify-content: center; }
    .aj-olcu-serit[b-00690rbjmd] { grid-template-columns: minmax(0, 1fr); }
    .aj-olcu[b-00690rbjmd] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
    .aj-olcu:last-child[b-00690rbjmd] { border-bottom: 0; }
    .aj-olcu__deger[b-00690rbjmd] { font-size: var(--yazi-kpi, 20px); }
    .aj-olcu__deger--zaman[b-00690rbjmd] { font-size: 14px; }
    .aj-bolum[b-00690rbjmd] { padding: 16px 12px; }
    .aj-bolum__baslik[b-00690rbjmd] { font-size: var(--yazi-bolum, 14px); }
    .aj-popup[b-00690rbjmd],
    .aj-popup--genis[b-00690rbjmd] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .aj-olgular > div[b-00690rbjmd] { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .aj-olgular dd[b-00690rbjmd] { text-align: start; }
    .aj-cikti-izgara[b-00690rbjmd] { grid-template-columns: minmax(0, 1fr); }
    .ajan-vitrin .aj-popup__eylemler .au-btn[b-00690rbjmd] { flex: 1 1 140px; justify-content: center; }
}
/* _content/EduLive.Web/Components/Pages/Agent/AjanCalismalari.razor.rz.scp.css */
/* AJ-01 — AI ajan çalışmaları listesi, Akademik Analiz görsel dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den; renkler yalnız
   aurora.css :root token'larından. --anv-*/--agv-* token'ları .analiz-vitrin kapsamına aittir,
   bu sayfa analiz vitrini DEĞİLDİR → global token karşılıkları kullanıldı. */

.ajan-vitrin[b-lgvq78zi25] {
    padding-top: 0;
    font-family: var(--font-body);
    color: var(--metin-murekkep);
}

/* ── Kapak: başlık + filtre + ana eylem tek beyaz yüzeyde ── */
.aj-kapak[b-lgvq78zi25] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.aj-kapak__baslik[b-lgvq78zi25] {
    min-width: 0;
    flex: 1 1 16rem;
}

.aj-kapak .au-title[b-lgvq78zi25] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.aj-kapak__alt[b-lgvq78zi25] {
    margin: 4px 0 0;
    font-size: 12.5px;
    color: var(--metin-ikincil);
}

.aj-kapak__filtre[b-lgvq78zi25] {
    flex: 0 1 auto;
    min-width: 0;
}

/* Katlama düğmesi yalnız telefonda görünür; geniş ekranda alan her zaman açıktır. */
.aj-suzgec__ac[b-lgvq78zi25] {
    display: none;
}

.aj-suzgec__govde[b-lgvq78zi25] {
    display: flex;
    min-width: 0;
}

.aj-alan[b-lgvq78zi25] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 1 176px;
    min-width: 0;
    max-width: 210px;
}

.aj-alan__etiket[b-lgvq78zi25] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ikincil);
}

.aj-girdi[b-lgvq78zi25] {
    height: 34px;
    min-width: 0;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 500 13px/1 var(--font-body);
}

.aj-girdi[b-lgvq78zi25]::placeholder {
    color: var(--metin-ipucu);
}

.aj-girdi:focus-visible[b-lgvq78zi25] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-kapak__eylemler[b-lgvq78zi25] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Kapak ve bölüm içindeki düğmeler tek kontrol taban çizgisinde. */
.ajan-vitrin .au-btn[b-lgvq78zi25] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ajan-vitrin .au-btn:hover:not(:disabled)[b-lgvq78zi25] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    color: var(--marka-700);
}

.ajan-vitrin .au-btn:focus-visible[b-lgvq78zi25] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.ajan-vitrin .au-btn--primary[b-lgvq78zi25] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.ajan-vitrin .au-btn--primary:hover:not(:disabled)[b-lgvq78zi25] {
    background: var(--marka-500);
    color: var(--on-brand);
}

.ajan-vitrin .au-btn--sm[b-lgvq78zi25] {
    min-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.ajan-vitrin .aj-btn-tehlike[b-lgvq78zi25] {
    color: var(--red-600);
    border-color: color-mix(in srgb, var(--red-600) 30%, transparent);
}

.ajan-vitrin .aj-btn-tehlike:hover:not(:disabled)[b-lgvq78zi25] {
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
}

/* ── Bölüm kartı ── */
.aj-bolum[b-lgvq78zi25] {
    position: relative;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
    overflow: hidden;
}

.aj-bolum[b-lgvq78zi25]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background:
        linear-gradient(94deg, var(--marka-600) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.aj-bolum__bas[b-lgvq78zi25] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 12px;
    margin: 4px 0 12px;
}

.aj-bolum__baslik[b-lgvq78zi25] {
    margin: 0;
    font: 700 15px/1.25 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.aj-bolum__sayi[b-lgvq78zi25],
.aj-suzgec-bos[b-lgvq78zi25] {
    margin: 0;
    font-size: 12px;
    color: var(--metin-ikincil);
}

.aj-suzgec-bos[b-lgvq78zi25] {
    padding: 18px 0 6px;
}

/* ── Tablo: mavi–petrol başlık geçişi, beyaz gövde, sınırlı alanda kayar ── */
.aj-tablo-kap[b-lgvq78zi25] {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: 2px 12px 12px 12px;
}

.aj-tablo-kap:focus-visible[b-lgvq78zi25] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-tablo[b-lgvq78zi25] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--yuzey);
}

.aj-tablo thead[b-lgvq78zi25] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.aj-tablo th[b-lgvq78zi25] {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    text-align: left;
    background: transparent;
    color: var(--on-brand);
    font-weight: 700;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .07em;
    white-space: nowrap;
}

.aj-tablo td[b-lgvq78zi25] {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--marka-500) 12%, transparent);
    color: var(--metin-murekkep);
    white-space: nowrap;
}

.aj-tablo tbody tr:nth-child(even)[b-lgvq78zi25] {
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.aj-sayi[b-lgvq78zi25] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.aj-tablo th.aj-sayi[b-lgvq78zi25] {
    text-align: right;
}

.aj-zaman[b-lgvq78zi25] {
    font-variant-numeric: tabular-nums;
    color: var(--metin-ikincil);
}

/* Başlık serbest metindir ve hücreler nowrap. Sınırsız uzunlukta tek bir başlık tabloyu
   yatayda şişirip Mesaj/Token/Kredi sütunlarını görüş alanının dışına itiyordu; hücre
   sınırlanır, tam başlık önizleme popup'ında ve çalışma detayında okunur. */
.aj-tablo .aj-yapisik[b-lgvq78zi25] {
    max-width: 34rem;
}

.aj-bag[b-lgvq78zi25] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--marka-600);
    font-weight: 600;
    text-decoration: none;
}

.aj-bag:hover[b-lgvq78zi25] {
    text-decoration: underline;
}

.aj-bag:focus-visible[b-lgvq78zi25] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-islem[b-lgvq78zi25] {
    display: flex;
    gap: 6px;
    white-space: nowrap;
}

/* ── Sayfalama ── */
.aj-sayfalama[b-lgvq78zi25] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
}

.aj-sayfalama__bilgi[b-lgvq78zi25] {
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    color: var(--metin-ikincil);
}

/* ── Boş durum ── */
.aj-bos[b-lgvq78zi25] {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 40px 24px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    text-align: center;
}

.aj-bos p[b-lgvq78zi25] {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}

.aj-bos b[b-lgvq78zi25] {
    color: var(--metin-murekkep);
}

/* ── Görünür popup (native dialog) ── */
.aj-popup[b-lgvq78zi25] {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.aj-popup[open][b-lgvq78zi25] {
    display: flex;
    flex-direction: column;
}

.aj-popup[b-lgvq78zi25]::backdrop {
    background: var(--scrim);
}

.aj-popup__bas[b-lgvq78zi25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.aj-popup__bas h2[b-lgvq78zi25] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.aj-popup__bas h2:focus[b-lgvq78zi25] {
    outline: none;
}

.ajan-vitrin .aj-popup__kapat[b-lgvq78zi25] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    font-size: 20px;
    line-height: 1;
}

.aj-popup__govde[b-lgvq78zi25] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.aj-popup__metin[b-lgvq78zi25] {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--metin-ikincil);
}

.aj-popup__metin b[b-lgvq78zi25] {
    color: var(--metin-murekkep);
}

.aj-popup__hata[b-lgvq78zi25] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-600) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 12.5px;
}

.aj-olgular[b-lgvq78zi25] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
}

.aj-olgular > div[b-lgvq78zi25] {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.aj-olgular > div:nth-child(odd)[b-lgvq78zi25] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.aj-olgular dt[b-lgvq78zi25] {
    color: var(--n-500);
}

.aj-olgular dd[b-lgvq78zi25] {
    min-width: 0;
    margin: 0;
    color: var(--metin-ikincil);
    text-align: end;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.aj-popup__eylemler[b-lgvq78zi25] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.aj-gorsel-gizli[b-lgvq78zi25] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aj-kapak[b-lgvq78zi25] { padding: 16px; }
    .ajan-vitrin .au-btn[b-lgvq78zi25] { min-height: 44px; }
    .ajan-vitrin .au-btn--sm[b-lgvq78zi25] { min-height: 44px; }
    .ajan-vitrin .aj-popup__kapat[b-lgvq78zi25] { flex: 0 0 44px; width: 44px; height: 44px; font-size: 24px; }
    .aj-girdi[b-lgvq78zi25] { height: 44px; }
    .aj-tablo-kap[b-lgvq78zi25] { max-height: min(460px, 60dvh); }
    /* İlk anlamlı sütun yapışık kalır; sağa kaydırınca hangi çalışma olduğu kaybolmasın.
       Sabit sütun opak zemin ister → başlık geçişi tek parça çizilemez, düz marka tonuna düşer
       (AnalizTablo.razor.css'teki `:has(thead .at-sabit)` davranışının aynısı). */
    .aj-tablo thead[b-lgvq78zi25] { background: var(--marka-500); }
    .aj-tablo .aj-yapisik[b-lgvq78zi25] {
        position: sticky;
        left: 0;
        z-index: 2;
        /* Yapışık sütun kaydırılarak uzaklaştırılamaz: genişliği sınırlanmazsa uzun bir
           başlık ekranı tamamen kaplar ve diğer sütunlara hiç ulaşılamaz. */
        max-width: 46vw;
        background: var(--yuzey);
        box-shadow: 1px 0 0 color-mix(in srgb, var(--marka-500) 12%, transparent);
    }
    .aj-tablo tbody tr:nth-child(even) .aj-yapisik[b-lgvq78zi25] {
        background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
    }
    .aj-tablo thead .aj-yapisik[b-lgvq78zi25] { z-index: 5; background: var(--marka-500); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .aj-kapak[b-lgvq78zi25] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 12px;
    }
    .aj-kapak .au-title[b-lgvq78zi25] { font-size: var(--yazi-kapak, 20px); }
    .aj-kapak__baslik[b-lgvq78zi25] { flex: 1 1 auto; }
    .aj-kapak__filtre[b-lgvq78zi25] { flex: 1 1 auto; }
    .aj-alan[b-lgvq78zi25] { flex: 1 1 auto; max-width: none; }
    .aj-suzgec__ac[b-lgvq78zi25] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid var(--hat-girdi);
        border-radius: var(--kose-dugme);
        background: var(--yuzey);
        color: var(--marka-700);
        font-size: 12.5px;
        font-weight: 600;
        cursor: pointer;
    }
    .aj-suzgec__ac:focus-visible[b-lgvq78zi25] { outline: 2px solid var(--marka-500); outline-offset: 2px; }
    /* Etkin süzgeç rozeti (AnalizFiltre af-katla__sayi karşılığı). */
    .aj-suzgec__sayi[b-lgvq78zi25] {
        display: grid;
        place-items: center;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
        color: var(--marka-700);
        font-size: 11px;
        font-variant-numeric: tabular-nums;
    }
    .aj-suzgec__govde[b-lgvq78zi25] { margin-top: 8px; }
    .aj-suzgec__govde--kapali[b-lgvq78zi25] { display: none; }
    /* Eylemler başlığın altında, içerik genişliğinde tek satır. */
    .aj-kapak__eylemler[b-lgvq78zi25] { flex: 1 1 auto; }
    .ajan-vitrin .aj-kapak__eylemler .au-btn[b-lgvq78zi25] { flex: 1 1 auto; justify-content: center; }
    .aj-bolum[b-lgvq78zi25] { padding: 16px 12px; }
    .aj-bolum__baslik[b-lgvq78zi25] { font-size: var(--yazi-bolum, 14px); }
    .aj-popup[b-lgvq78zi25] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .aj-olgular > div[b-lgvq78zi25] { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .aj-olgular dd[b-lgvq78zi25] { text-align: start; }
    .ajan-vitrin .aj-popup__eylemler .au-btn[b-lgvq78zi25] { flex: 1 1 140px; justify-content: center; }
}

/* Dokunmatikte girdi en az 16 px — iOS otomatik yakınlaştırmasını engeller. */
@media (pointer: coarse) {
    .aj-girdi[b-lgvq78zi25] { font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/Agent/AjanSohbet.razor.rz.scp.css */
/* AJ-01 — AI ajan sohbeti, Akademik Analiz görsel dili (2026-09-20).
   Sohbet özel bir yüzeydir: akış kendi sınırlı alanında kayar, yazma alanı kartın altında kalır.
   Renkler yalnız aurora.css :root token'larından (--anv-*/--agv-* analiz vitrinine özeldir). */

.ajan-vitrin[b-uo3zzm3y1x] {
    padding-top: 0;
    font-family: var(--font-body);
    color: var(--metin-murekkep);
}

/* ── Kapak ── */
.aj-kapak[b-uo3zzm3y1x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* GeriBaglanti bileşeninin işaretlemesi bu bileşene ait değil → ::deep gerekir. */
.aj-kapak--geri[b-uo3zzm3y1x]  .aj-geri {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    /* Global .au-breadcrumb 8px alt marj verir; kapak align-items:center marj kutusunu
       ortaladığı için sıfırlanmazsa hap kardeş düğmelerden 4px yukarıda kalır. */
    margin-bottom: 0;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
}

.aj-kapak--geri[b-uo3zzm3y1x]  .aj-geri:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.aj-kapak--geri[b-uo3zzm3y1x]  .aj-geri:focus-visible {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-kapak__baslik[b-uo3zzm3y1x] {
    min-width: 0;
    flex: 1 1 16rem;
}

.aj-kapak .au-title[b-uo3zzm3y1x] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.aj-kapak__alt[b-uo3zzm3y1x] {
    margin: 4px 0 0;
    font-size: 12.5px;
    color: var(--metin-ikincil);
}

.aj-kapak__eylemler[b-uo3zzm3y1x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ajan-vitrin .au-btn[b-uo3zzm3y1x] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ajan-vitrin .au-btn:hover:not(:disabled)[b-uo3zzm3y1x] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    color: var(--marka-700);
}

.ajan-vitrin .au-btn:focus-visible[b-uo3zzm3y1x] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.ajan-vitrin .au-btn--primary[b-uo3zzm3y1x] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.ajan-vitrin .au-btn--primary:hover:not(:disabled)[b-uo3zzm3y1x] {
    background: var(--marka-500);
    color: var(--on-brand);
}

.ajan-vitrin .au-btn--sm[b-uo3zzm3y1x] {
    min-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.ajan-vitrin .au-btn:disabled[b-uo3zzm3y1x] {
    opacity: .55;
    cursor: not-allowed;
}

/* ── Bölüm kartı ── */
.aj-bolum[b-uo3zzm3y1x] {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.aj-bolum[b-uo3zzm3y1x]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-600) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.aj-sohbet[b-uo3zzm3y1x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.aj-bolum__bas[b-uo3zzm3y1x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 12px;
    margin: 4px 0 0;
}

.aj-bolum__baslik[b-uo3zzm3y1x] {
    margin: 0;
    font: 700 15px/1.25 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.aj-bolum__sayi[b-uo3zzm3y1x],
.aj-ipucu[b-uo3zzm3y1x] {
    margin: 0;
    font-size: 12px;
    color: var(--metin-ikincil);
}

.aj-not[b-uo3zzm3y1x] {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
    color: var(--metin-ikincil);
    font-size: 12px;
    line-height: 1.55;
}

/* Uyarı içindeki eylem bağlantısı — satır içi, metin akışında. */
.aj-not a[b-uo3zzm3y1x] {
    color: var(--marka-600);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.aj-not a:focus-visible[b-uo3zzm3y1x] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-uyari[b-uo3zzm3y1x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-600) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 12.5px;
}

.aj-uyari svg[b-uo3zzm3y1x] {
    flex: 0 0 auto;
}

/* Metin daralan alanda sarar; "Tekrar dene" düğmesi onu ezmez. */
.aj-uyari > span[b-uo3zzm3y1x] {
    flex: 1 1 12rem;
    min-width: 0;
}

/* ── Konuşma akışı: kendi sınırlı alanında kayar ── */
.aj-akis[b-uo3zzm3y1x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 240px;
    max-height: min(540px, 60dvh);
    padding: 4px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.aj-akis__orta[b-uo3zzm3y1x] {
    margin: auto;
    text-align: center;
}

.aj-baslangic[b-uo3zzm3y1x] {
    display: grid;
    justify-items: center;
    gap: 8px;
    color: var(--metin-ikincil);
}

.aj-baslangic p[b-uo3zzm3y1x] {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}

.aj-baslangic b[b-uo3zzm3y1x] {
    color: var(--metin-murekkep);
}

.aj-balon-satir[b-uo3zzm3y1x] {
    display: flex;
}

.aj-balon-satir--user[b-uo3zzm3y1x] {
    justify-content: flex-end;
}

.aj-balon-satir--agent[b-uo3zzm3y1x] {
    justify-content: flex-start;
}

.aj-balon[b-uo3zzm3y1x] {
    max-width: 82%;
    min-width: 0;
    padding: 10px 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    font-size: 13px;
    line-height: 1.55;
}

.aj-balon-satir--user .aj-balon[b-uo3zzm3y1x] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
    border-radius: 14px 3px 14px 14px;
}

.aj-balon-satir--agent .aj-balon[b-uo3zzm3y1x] {
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.aj-balon__metin[b-uo3zzm3y1x] {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.aj-yaziyor[b-uo3zzm3y1x] {
    color: var(--metin-ipucu);
    font-style: italic;
    font-variant-numeric: tabular-nums;
}

/* ── Eyleme dönüşmüş notlar (onay / çıktı) ── */
.aj-notlar[b-uo3zzm3y1x] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.aj-not-oge[b-uo3zzm3y1x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 12px;
    line-height: 1.5;
}

.aj-not-oge__metin[b-uo3zzm3y1x] {
    min-width: 0;
    flex: 1 1 12rem;
    overflow-wrap: anywhere;
}

.aj-not-oge--onay[b-uo3zzm3y1x] {
    border-color: color-mix(in srgb, var(--marka-600) 35%, transparent);
    background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
}

.aj-not-oge--cikti[b-uo3zzm3y1x] {
    border-color: color-mix(in srgb, var(--turkuaz-500) 45%, transparent);
    background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
}

/* ── Yazma alanı ── */
.aj-yazma[b-uo3zzm3y1x] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.aj-yazma__alan[b-uo3zzm3y1x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.aj-alan__etiket[b-uo3zzm3y1x] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ikincil);
}

.aj-girdi[b-uo3zzm3y1x] {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 500 13px/1.55 var(--font-body);
}

.aj-girdi--cok-satir[b-uo3zzm3y1x] {
    resize: vertical;
    min-height: 72px;
}

.aj-girdi[b-uo3zzm3y1x]::placeholder {
    color: var(--metin-ipucu);
}

.aj-girdi:focus-visible[b-uo3zzm3y1x] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

.aj-girdi:disabled[b-uo3zzm3y1x] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    color: var(--metin-ipucu);
}

.aj-yazma__ipucu[b-uo3zzm3y1x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 10px;
    margin: 0;
    font-size: 11.5px;
    color: var(--metin-ipucu);
}

.aj-yazma__sayac[b-uo3zzm3y1x] {
    font-variant-numeric: tabular-nums;
}

.aj-yazma__gonder[b-uo3zzm3y1x] {
    flex: 0 0 auto;
    align-self: stretch;
    max-height: 72px;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aj-kapak[b-uo3zzm3y1x] { padding: 16px; }
    .ajan-vitrin .au-btn[b-uo3zzm3y1x],
    .ajan-vitrin .au-btn--sm[b-uo3zzm3y1x] { min-height: 44px; }
    .aj-kapak--geri[b-uo3zzm3y1x]  .aj-geri { min-height: 44px; }
    .aj-akis[b-uo3zzm3y1x] { max-height: min(460px, 60dvh); }
    .aj-balon[b-uo3zzm3y1x] { max-width: 88%; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .aj-kapak[b-uo3zzm3y1x] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 12px;
    }
    .aj-kapak--geri[b-uo3zzm3y1x]  .aj-geri { align-self: flex-start; }
    .aj-kapak .au-title[b-uo3zzm3y1x] { font-size: var(--yazi-kapak, 20px); }
    /* Eylemler başlığın altında, içerik genişliğinde tek satır. */
    .ajan-vitrin .aj-kapak__eylemler .au-btn[b-uo3zzm3y1x] { flex: 1 1 auto; justify-content: center; }
    .aj-bolum[b-uo3zzm3y1x] { padding: 16px 12px; }
    .aj-bolum__baslik[b-uo3zzm3y1x] { font-size: var(--yazi-bolum, 14px); }
    .aj-balon[b-uo3zzm3y1x] { max-width: 92%; }
    /* Tek sütun: gönder düğmesi yazma alanının altına iner, tam genişlikte. */
    .aj-yazma[b-uo3zzm3y1x] { flex-direction: column; align-items: stretch; }
    .ajan-vitrin .aj-yazma__gonder[b-uo3zzm3y1x] { align-self: stretch; max-height: none; justify-content: center; }
    .aj-not-oge[b-uo3zzm3y1x] { flex-direction: column; align-items: stretch; }
    .ajan-vitrin .aj-not-oge .au-btn[b-uo3zzm3y1x] { justify-content: center; }
}

/* Dokunmatikte girdi en az 16 px — iOS otomatik yakınlaştırmasını engeller. */
@media (pointer: coarse) {
    .aj-girdi[b-uo3zzm3y1x] { font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/Agent/ArtifactGoruntule.razor.rz.scp.css */
/* Ajan Çıktısı — Akademik Analiz kapak/bölüm/popup ölçüleri (AJ-02, 2026-09-20).
   Kapak 23 px başlık · bölüm kartı 18 px dolgu · popup native dialog.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.ag-sayfa[b-hqpql467qa] {
  min-width: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + eylemler tek beyaz yüzeyde ── */
.ag-kapak[b-hqpql467qa] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ag-kapak__geri[b-hqpql467qa] {
  grid-area: geri;
  display: flex;
  min-width: 30px;
}

.ag-kapak__baslik[b-hqpql467qa] {
  grid-area: baslik;
  min-width: 0;
}

.ag-kapak__eylem[b-hqpql467qa] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ag-baslik[b-hqpql467qa] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ag-alt[b-hqpql467qa] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

/* Referans: ≥1540 fareli ekranda başlık solda, eylemler sağ kenarda tek satır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ag-kapak[b-hqpql467qa] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .ag-kapak__eylem[b-hqpql467qa] {
    justify-self: end;
  }
}

/* ── Düğmeler ── */
.ag-dugme[b-hqpql467qa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.ag-dugme:hover:not(:disabled)[b-hqpql467qa] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ag-dugme:disabled[b-hqpql467qa] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ag-dugme:focus-visible[b-hqpql467qa] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ag-dugme--birincil[b-hqpql467qa] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ag-dugme--birincil:hover:not(:disabled)[b-hqpql467qa] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* ── Bölüm sekmeleri ── */
.ag-sekmeler[b-hqpql467qa] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.ag-sekme[b-hqpql467qa] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.ag-sekme:hover[b-hqpql467qa] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.ag-sekme.is-secili[b-hqpql467qa],
.ag-sekme.is-secili:hover[b-hqpql467qa] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.ag-sekme:focus-visible[b-hqpql467qa],
.ag-panel:focus-visible[b-hqpql467qa] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ag-panel[b-hqpql467qa] {
  min-width: 0;
}

/* ── Bölüm kartı ── */
.ag-kart[b-hqpql467qa] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ag-kart[b-hqpql467qa]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ag-kart__bas[b-hqpql467qa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.ag-kart__baslik[b-hqpql467qa] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ag-kart__baslik[b-hqpql467qa]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Durum hapları ── */
.ag-hap[b-hqpql467qa] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--kose-dugme);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.ag-hap.is-olumlu[b-hqpql467qa] {
  background: color-mix(in srgb, var(--basari) 24%, var(--yuzey));
  color: var(--basari-metin);
}

.ag-hap.is-uyari[b-hqpql467qa] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

/* ── Künye olgu listesi ── */
.ag-olgu[b-hqpql467qa] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ag-olgu > div[b-hqpql467qa] {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, 1.6fr);
  gap: 10px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}

.ag-olgu > div:nth-child(odd)[b-hqpql467qa] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ag-olgu dt[b-hqpql467qa] {
  color: var(--n-500);
}

.ag-olgu dd[b-hqpql467qa] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ag-olgu__kimlik[b-hqpql467qa] {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}

.ag-not[b-hqpql467qa] {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--n-500);
}

.ag-bos-metin[b-hqpql467qa] {
  margin: 0;
  padding: 28px 16px;
  border: 1px dashed var(--hat-girdi);
  border-radius: var(--kose-kart);
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

/* Boş durum: anlamlı metin + birincil eylem */
.ag-bos[b-hqpql467qa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 32px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
}

.ag-bos p[b-hqpql467qa] {
  max-width: 46ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

/* ── Soru listesi (UX-ONARIM §4) ── */
.ag-questions[b-hqpql467qa] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ag-question[b-hqpql467qa] {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

/* ── Ham veri penceresi (native dialog, üst katman) ──
   Kapalıyken tarayıcı display:none verir; açıkken esnek sütun olur, böylece başlık ve
   eylemler her zaman görünür kalır ve yalnız gövde kayar (sabit piksel tahmini yok). */
.ag-popup[b-hqpql467qa] {
  width: min(720px, calc(100vw - 48px));
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  overflow: hidden;
}

.ag-popup[b-hqpql467qa]::backdrop {
  background: var(--scrim);
}

/* Pencere `.au-page`in DOĞRUDAN çocuğudur; cihaz.css'in ritim kuralları
   (`body.edulive-cihaz .au-page > *` / `> * + *`, özgüllük 0,4,1) tarayıcının
   modal `margin: auto` değerini ezip pencereyi 12 px aşağı kaydırır. Aynı tuzak
   abonelik-planlari-vitrin.css:116'da ölçülmüştü; oradaki çözümün eşdeğeri. */
body.edulive-cihaz .au-page > dialog.ag-popup[b-hqpql467qa] {
  margin: auto;
}

.ag-popup[open][b-hqpql467qa] {
  display: flex;
  flex-direction: column;
}

.ag-popup__bas[b-hqpql467qa] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 16px 14px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.ag-popup__bas[b-hqpql467qa]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--marka-rampa-serit);
}

.ag-popup__bas h2[b-hqpql467qa] {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ag-popup__bas h2:focus[b-hqpql467qa] {
  outline: none;
}

.ag-popup__kapat[b-hqpql467qa] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.ag-popup__kapat:hover[b-hqpql467qa] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ag-popup__kapat:focus-visible[b-hqpql467qa] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ag-popup__govde[b-hqpql467qa] {
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ag-popup__eylem[b-hqpql467qa] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  padding: 12px 16px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.ag-ham[b-hqpql467qa] {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ag-ham:focus-visible[b-hqpql467qa] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ag-kapak[b-hqpql467qa] {
    padding: 16px;
  }

  .ag-dugme[b-hqpql467qa],
  .ag-sekme[b-hqpql467qa],
  .ag-popup__kapat[b-hqpql467qa] {
    min-height: 44px;
  }

  .ag-popup__kapat[b-hqpql467qa] {
    width: 44px;
    height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ag-kapak[b-hqpql467qa] {
    padding: 12px;
  }

  .ag-baslik[b-hqpql467qa] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ag-alt[b-hqpql467qa] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında tek satır, içerik genişliğinde (YENI-DIL §7). */
  .ag-kapak__eylem[b-hqpql467qa] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .ag-kapak__eylem[b-hqpql467qa]::-webkit-scrollbar {
    display: none;
  }

  .ag-dugme[b-hqpql467qa] {
    min-height: 44px;
    flex: 0 0 auto;
  }

  .ag-sekmeler[b-hqpql467qa] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .ag-sekmeler[b-hqpql467qa]::-webkit-scrollbar {
    display: none;
  }

  .ag-sekme[b-hqpql467qa] {
    min-height: 44px;
    font-size: var(--yazi-govde, 13px);
  }

  .ag-kart[b-hqpql467qa] {
    padding: 16px 12px;
  }

  .ag-kart__baslik[b-hqpql467qa] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ag-olgu > div[b-hqpql467qa] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 9px 6px;
  }

  .ag-popup[b-hqpql467qa] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ag-popup__bas h2[b-hqpql467qa] {
    font-size: 18px;
  }

  .ag-popup__kapat[b-hqpql467qa] {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .ag-ham[b-hqpql467qa] {
    font-size: var(--yazi-kucuk, 12px);
  }
}
/* _content/EduLive.Web/Components/Pages/Agent/CheckpointOnay.razor.rz.scp.css */
/* Ajan Onayı — Akademik Analiz kapak/kart/popup ölçüleri (AJ-02, 2026-09-20).
   Kapak 23 px başlık · kart 18 px dolgu · doğrulama penceresi native dialog.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.cp-sayfa[b-kkbof5sy47] {
  min-width: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.cp-kapak[b-kkbof5sy47] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.cp-kapak__geri[b-kkbof5sy47] {
  grid-area: geri;
  display: flex;
  min-width: 30px;
}

.cp-kapak__baslik[b-kkbof5sy47] {
  grid-area: baslik;
  min-width: 0;
}

.cp-kapak__eylem[b-kkbof5sy47] {
  grid-area: eylem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-baslik[b-kkbof5sy47] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.cp-alt[b-kkbof5sy47] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .cp-kapak[b-kkbof5sy47] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .cp-kapak__eylem[b-kkbof5sy47] {
    justify-self: end;
  }
}

/* ── Düğmeler ── */
.cp-dugme[b-kkbof5sy47] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.cp-dugme:hover:not(:disabled)[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.cp-dugme:disabled[b-kkbof5sy47] {
  opacity: 0.55;
  cursor: not-allowed;
}

.cp-dugme:focus-visible[b-kkbof5sy47] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.cp-dugme--birincil[b-kkbof5sy47],
.cp-dugme--onay[b-kkbof5sy47] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.cp-dugme--birincil:hover:not(:disabled)[b-kkbof5sy47],
.cp-dugme--onay:hover:not(:disabled)[b-kkbof5sy47] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.cp-dugme--red[b-kkbof5sy47] {
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  color: var(--red-600);
}

.cp-dugme--red:hover:not(:disabled)[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

.cp-eylemler[b-kkbof5sy47] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* ── Kartlar ── */
.cp-kart[b-kkbof5sy47] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.cp-kart:last-child[b-kkbof5sy47] {
  margin-bottom: 0;
}

.cp-kart[b-kkbof5sy47]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.cp-kart__bas[b-kkbof5sy47] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.cp-kart__baslik[b-kkbof5sy47] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.cp-kart__baslik[b-kkbof5sy47]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Durum hapı ── */
.cp-hap[b-kkbof5sy47] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--kose-dugme);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.cp-hap.is-bekliyor[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

.cp-hap.is-olumlu[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--basari) 24%, var(--yuzey));
  color: var(--basari-metin);
}

.cp-hap.is-olumsuz[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--red-500) 12%, var(--yuzey));
  color: var(--red-600);
}

.cp-hap.is-uyari[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

.cp-hap.is-notr[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* ── Öneri metni ── */
.cp-desc[b-kkbof5sy47] {
  margin: 0;
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

/* ── Olgu listesi ── */
.cp-olgu[b-kkbof5sy47] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.cp-olgu > div[b-kkbof5sy47] {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, 1.6fr);
  gap: 10px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}

.cp-olgu > div:nth-child(odd)[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cp-olgu dt[b-kkbof5sy47] {
  color: var(--n-500);
}

.cp-olgu dd[b-kkbof5sy47] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.cp-olgu--dar > div[b-kkbof5sy47] {
  grid-template-columns: minmax(0, 1fr) auto;
}

.cp-not[b-kkbof5sy47] {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--n-500);
}

.cp-bos-metin[b-kkbof5sy47] {
  margin: 0;
  padding: 24px 16px;
  border: 1px dashed var(--hat-girdi);
  border-radius: var(--kose-kart);
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.cp-bos[b-kkbof5sy47] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 32px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
}

.cp-bos p[b-kkbof5sy47] {
  max-width: 46ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

/* ── Bilgi / uyarı bandı ── */
.cp-bant[b-kkbof5sy47] {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0 0 16px;
  padding: 11px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.cp-kart .cp-bant[b-kkbof5sy47] {
  margin: 0;
}

.cp-bant__nokta[b-kkbof5sy47] {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: currentColor;
}

.cp-bant--bilgi[b-kkbof5sy47] {
  border-color: color-mix(in srgb, var(--marka-600) 30%, transparent);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
  color: var(--marka-700);
}

.cp-bant--uyari[b-kkbof5sy47] {
  border-color: color-mix(in srgb, var(--amber-500) 32%, transparent);
  background: color-mix(in srgb, var(--amber-500) 12%, var(--yuzey));
  color: var(--amber-600);
}

/* ── Doğrulama penceresi (native dialog, üst katman) ── */
.cp-popup[b-kkbof5sy47] {
  width: min(520px, calc(100vw - 48px));
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  overflow: hidden;
}

.cp-popup[b-kkbof5sy47]::backdrop {
  background: var(--scrim);
}

/* Pencere `.au-page`in DOĞRUDAN çocuğudur; cihaz.css'in ritim kuralları
   (`body.edulive-cihaz .au-page > *` / `> * + *`, özgüllük 0,4,1) tarayıcının
   modal `margin: auto` değerini ezip pencereyi 12 px aşağı kaydırır. Aynı tuzak
   abonelik-planlari-vitrin.css:116'da ölçülmüştü; oradaki çözümün eşdeğeri. */
body.edulive-cihaz .au-page > dialog.cp-popup[b-kkbof5sy47] {
  margin: auto;
}

.cp-popup[open][b-kkbof5sy47] {
  display: flex;
  flex-direction: column;
}

.cp-popup__bas[b-kkbof5sy47] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 16px 14px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.cp-popup__bas[b-kkbof5sy47]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--marka-rampa-serit);
}

.cp-popup__bas h2[b-kkbof5sy47] {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.cp-popup__bas h2:focus[b-kkbof5sy47] {
  outline: none;
}

.cp-popup__kapat[b-kkbof5sy47] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.cp-popup__kapat:hover:not(:disabled)[b-kkbof5sy47] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.cp-popup__kapat:disabled[b-kkbof5sy47] {
  opacity: 0.55;
  cursor: not-allowed;
}

.cp-popup__kapat:focus-visible[b-kkbof5sy47] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.cp-popup__govde[b-kkbof5sy47] {
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
}

.cp-popup__ozet[b-kkbof5sy47] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-murekkep);
}

.cp-popup__oneri[b-kkbof5sy47] {
  margin: 0;
  padding: 11px 13px;
  border-left: 3px solid var(--marka-500);
  border-radius: 0 var(--kose-dugme) var(--kose-dugme) 0;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--metin-ikincil);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* Doğrulama hatası pencerenin İÇİNDE görünür. */
.cp-popup__hata[b-kkbof5sy47] {
  margin: 0;
  padding: 11px 13px;
  border: 1px solid color-mix(in srgb, var(--red-500) 32%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}

.cp-popup__eylem[b-kkbof5sy47] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  padding: 12px 16px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.cp-popup__uygula[b-kkbof5sy47] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: var(--kose-dugme);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.cp-popup__uygula:disabled[b-kkbof5sy47] {
  opacity: 0.55;
  cursor: not-allowed;
}

.cp-popup__uygula:focus-visible[b-kkbof5sy47] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.cp-popup__uygula--onay[b-kkbof5sy47] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.cp-popup__uygula--onay:hover:not(:disabled)[b-kkbof5sy47] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Yıkıcı gönderim: kod tabanının `au-btn--danger` deseni — zemin `--red-600`,
   üzerine gelince `--red-500`. Ters sıralama (500 zemin) beyaz metinle ~3.3:1
   kontrast verir ve AA eşiğini geçmez; 600 ile ~4.9:1 olur. */
.cp-popup__uygula--red[b-kkbof5sy47] {
  background: var(--red-600);
  border-color: var(--red-600);
  color: var(--on-brand);
}

.cp-popup__uygula--red:hover:not(:disabled)[b-kkbof5sy47] {
  background: var(--red-500);
  border-color: var(--red-500);
}

.cp-popup__uygula--red:focus-visible[b-kkbof5sy47] {
  outline-color: var(--red-600);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .cp-kapak[b-kkbof5sy47] {
    padding: 16px;
  }

  .cp-dugme[b-kkbof5sy47],
  .cp-popup__uygula[b-kkbof5sy47] {
    min-height: 44px;
  }

  .cp-popup__kapat[b-kkbof5sy47] {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .cp-kapak[b-kkbof5sy47] {
    padding: 12px;
  }

  .cp-baslik[b-kkbof5sy47] {
    font-size: var(--yazi-kapak, 20px);
  }

  .cp-alt[b-kkbof5sy47] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında tek satır, içerik genişliğinde (YENI-DIL §7). */
  .cp-kapak__eylem[b-kkbof5sy47] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .cp-kapak__eylem[b-kkbof5sy47]::-webkit-scrollbar {
    display: none;
  }

  .cp-dugme[b-kkbof5sy47] {
    min-height: 44px;
    flex: 0 0 auto;
  }

  .cp-kart[b-kkbof5sy47] {
    padding: 16px 12px;
  }

  .cp-kart__baslik[b-kkbof5sy47] {
    font-size: var(--yazi-bolum, 14px);
  }

  .cp-desc[b-kkbof5sy47],
  .cp-popup__ozet[b-kkbof5sy47] {
    font-size: var(--yazi-govde, 13px);
  }

  .cp-olgu > div[b-kkbof5sy47] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 9px 6px;
  }

  /* Telefonda düğmeler alt alta. `column-reverse` KULLANILMAZ: odak sırası
     (Reddet → Onayla) görsel sırayla ters düşer ve pencere eylem çubuğu
     (Vazgeç → Gönder) zaten ters çevrilmiyordu — iki yer aynı sırayı izler. */
  .cp-eylemler[b-kkbof5sy47] {
    flex-direction: column;
  }

  .cp-eylemler .cp-dugme[b-kkbof5sy47] {
    width: 100%;
  }

  .cp-popup[b-kkbof5sy47] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .cp-popup__bas h2[b-kkbof5sy47] {
    font-size: 18px;
  }

  .cp-popup__kapat[b-kkbof5sy47] {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .cp-popup__uygula[b-kkbof5sy47] {
    min-height: 44px;
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Agent/DersIcerigiDetay.razor.rz.scp.css */
/* Ders içeriği detayı — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak/sekme/kart/popup kabuğu sayfa-scoped kurulur (ortak vitrin CSS'i yok).
   Yeni hex YOK, yalnız aurora.css :root tokenları. Çocuk bileşenler ::deep ile. */

.dd-vitrin[b-sle2ujb0vr] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────── */
.dd-kapak[b-sle2ujb0vr] {
  display: grid;
  /* Eylem alaninda 5 dugme var; `auto` izi max-content'e buyuyup baslik
     sutununu ~700px altinda eziyor ve kapak yatay tasiyordu. Temel duzen
     kardes sayfalardaki (CheckpointOnay) iki satirli izgara. */
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dd-kapak__geri[b-sle2ujb0vr] {
  grid-area: geri;
}

.dd-vitrin[b-sle2ujb0vr]  .au-breadcrumb {
  margin-bottom: 0;
}

.dd-kapak__metin[b-sle2ujb0vr] {
  grid-area: baslik;
  min-width: 0;
}

.dd-kapak .au-title[b-sle2ujb0vr] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}

.dd-durum[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin: 8px 0 0;
  font-size: 12px;
}

.dd-eylem[b-sle2ujb0vr] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  /* Eylem satiri artik tam genisligi kapliyor; dugmeler sola yaslanir
     (ArtifactGoruntule .ag-kapak__eylem ile ayni davranis). */
  gap: 8px;
}

/* >=1540 fareli: geri + baslik + eylem tek satir (referans duzeni). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .dd-kapak[b-sle2ujb0vr] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .dd-eylem[b-sle2ujb0vr] {
    justify-self: end;
  }
}

.dd-indirme[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  font-size: 12px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────── */
.dd-vitrin .au-btn[b-sle2ujb0vr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.dd-vitrin .au-btn:hover:not(:disabled)[b-sle2ujb0vr] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dd-vitrin .au-btn:disabled[b-sle2ujb0vr] {
  opacity: .55;
  cursor: not-allowed;
}

.dd-vitrin .au-btn--primary[b-sle2ujb0vr] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dd-vitrin .au-btn--primary:hover:not(:disabled)[b-sle2ujb0vr] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

/* Yıkıcı eylem SAYFA İÇİNDE tanımlanmak ZORUNDA: yukarıdaki `.dd-vitrin .au-btn`
   kuralı (sınıf+sınıf+kapsam özniteliği) global admin-users.css'teki tek sınıflı
   `.au-btn--danger`ı yeniyordu — kapaktaki "Sil" ile "Yenile", onay pencerelerinde
   "Evet, sil" / "Evet, yeniden üret" ile "Vazgeç" birebir aynı görünüyordu.
   Onaylı reçete: Scheduling/KisitKatalogu.razor.css. */
.dd-vitrin .au-btn--danger[b-sle2ujb0vr] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.dd-vitrin .au-btn--danger:hover:not(:disabled)[b-sle2ujb0vr] {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.dd-vitrin .au-btn--sm[b-sle2ujb0vr] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.dd-vitrin :is(.au-btn, .dd-sekme, .dd-panel):focus-visible[b-sle2ujb0vr] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri ──────────────────────────────────────────────── */
.dd-sekmeler[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.dd-sekme[b-sle2ujb0vr] {
  --dd-sekme-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 1 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol → yeşil dağılımı (referans sekme paleti sırası). */
.dd-sekme:nth-child(2)[b-sle2ujb0vr] {
  --dd-sekme-vurgu: var(--marka-rampa-orta);
}

.dd-sekme:nth-child(3)[b-sle2ujb0vr] {
  --dd-sekme-vurgu: var(--marka-rampa-uc);
}

.dd-sekmeler .dd-sekme:hover[b-sle2ujb0vr] {
  background: color-mix(in srgb, var(--dd-sekme-vurgu) 14%, var(--yuzey));
  color: var(--dd-sekme-vurgu);
}

.dd-sekmeler .dd-sekme[aria-selected="true"][b-sle2ujb0vr] {
  background: var(--dd-sekme-vurgu);
  color: var(--on-brand);
}

.dd-sekme:focus-visible[b-sle2ujb0vr] {
  outline-color: var(--dd-sekme-vurgu);
}

.dd-sekme-sayi[b-sle2ujb0vr] {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dd-sekme-vurgu) 16%, var(--yuzey));
  color: var(--dd-sekme-vurgu);
  font-size: 11px;
  font-weight: 700;
}

.dd-sekmeler .dd-sekme[aria-selected="true"] .dd-sekme-sayi[b-sle2ujb0vr] {
  background: color-mix(in srgb, var(--on-brand) 24%, transparent);
  color: var(--on-brand);
}

.dd-panel[b-sle2ujb0vr] {
  min-width: 0;
}

/* ── Kartlar ──────────────────────────────────────────────────────── */
.dd-kart[b-sle2ujb0vr],
.dd-bos[b-sle2ujb0vr],
.dd-vitrin[b-sle2ujb0vr]  .ds-panel {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dd-kart[b-sle2ujb0vr]::before,
.dd-bos[b-sle2ujb0vr]::before,
.dd-vitrin[b-sle2ujb0vr]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dd-bos[b-sle2ujb0vr] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.dd-bos p[b-sle2ujb0vr] {
  margin: 0;
  line-height: 1.6;
}

.dd-kart__bas[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.dd-bolum-basligi[b-sle2ujb0vr] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dd-kart__bas .dd-bolum-basligi[b-sle2ujb0vr] {
  margin-bottom: 0;
}

.dd-bolum-basligi[b-sle2ujb0vr]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dd-ozet[b-sle2ujb0vr] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* ── Künye listesi ────────────────────────────────────────────────── */
.dd-facts[b-sle2ujb0vr] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.dd-facts > div[b-sle2ujb0vr] {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dd-facts > div:nth-child(odd)[b-sle2ujb0vr] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dd-facts dt[b-sle2ujb0vr] {
  color: var(--n-500);
}

.dd-facts dd[b-sle2ujb0vr] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.dd-bag[b-sle2ujb0vr] {
  color: var(--marka-700);
  text-decoration: none;
}

.dd-bag:hover[b-sle2ujb0vr] {
  text-decoration: underline;
}

/* ── Adım listesi (kendi alanında kayar) ─────────────────────────── */
.dd-adimlar[b-sle2ujb0vr] {
  display: grid;
  gap: 10px;
  max-height: min(540px, 60dvh);
  margin: 0;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  list-style: none;
}

.dd-adim[b-sle2ujb0vr] {
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.dd-adim__bas[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.dd-adim__sira[b-sle2ujb0vr] {
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.dd-adim__meta[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
}

.dd-adim__tip[b-sle2ujb0vr] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
}

.dd-adim__eylem[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-inline-start: auto;
}

.dd-adim__dis[b-sle2ujb0vr] {
  margin: 8px 0 0;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.dd-adim__zaman[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: 8px;
  font-size: 12px;
}

.dd-vitrin .au-banner[b-sle2ujb0vr] {
  margin-top: 10px;
}

/* ── Popup ────────────────────────────────────────────────────────── */
.dd-popup[b-sle2ujb0vr] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.dd-popup--genis[b-sle2ujb0vr] {
  width: min(880px, calc(100vw - 48px));
}

.dd-popup--dar[b-sle2ujb0vr] {
  width: min(500px, calc(100vw - 48px));
}

.dd-popup[open][b-sle2ujb0vr] {
  display: flex;
  flex-direction: column;
}

.dd-popup[b-sle2ujb0vr]::backdrop {
  background: var(--scrim);
}

.dd-popup__bas[b-sle2ujb0vr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dd-popup__bas h2[b-sle2ujb0vr] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.dd-popup__bas h2:focus[b-sle2ujb0vr] {
  outline: none;
}

.dd-vitrin .dd-popup__kapat[b-sle2ujb0vr] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dd-popup__govde[b-sle2ujb0vr] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.dd-popup__govde > p[b-sle2ujb0vr] {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.6;
}

.dd-popup__alt-baslik[b-sle2ujb0vr] {
  margin: 0 0 8px;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
}

.dd-popup__eylem[b-sle2ujb0vr] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.dd-alt-adimlar[b-sle2ujb0vr] {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 20px;
  font-size: 13px;
}

.dd-form[b-sle2ujb0vr] {
  display: grid;
  gap: 16px;
}

/* ── Form alanları (AppSelect içi) ────────────────────────────────── */
.dd-vitrin[b-sle2ujb0vr]  .app-field {
  min-width: 0;
}

.dd-vitrin[b-sle2ujb0vr]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.dd-vitrin[b-sle2ujb0vr]  .app-field :is(.app-input, select) {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.dd-vitrin[b-sle2ujb0vr]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* "Kopya oluştur" penceresindeki "Hedef ders" açılır listesi: AppSelect tabanı
   `position: absolute` (Ui/AppSelect.razor.css), `.dd-popup`ın `overflow: hidden`i
   ve gövdenin `overflow: auto`su paneli alt kenarda KIRPIYORDU — ders seçilemiyordu.
   Panel akışa alınır; `inset: auto` `.acilir--yukari` varyantının `bottom`unu da
   sıfırlar, tabandaki `z-index: 60` yerinde kalır. Projedeki onaylı düzeltmenin
   aynısı: wwwroot/css/optik-vitrin.css `.optik-popup .app-sel__panel`,
   Tasks/MedyaGorevDetay.razor.css, Scheduling/KisitDetay.razor.css. */
.dd-vitrin .dd-popup__govde[b-sle2ujb0vr]  .app-sel__panel {
  position: relative;
  inset: auto;
  margin-top: 6px;
  max-height: 220px;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dd-vitrin :is(.au-btn, .au-btn--sm)[b-sle2ujb0vr] {
    min-height: 44px;
  }

  .dd-sekme[b-sle2ujb0vr] {
    min-height: 44px;
  }

  .dd-sekmeler[b-sle2ujb0vr] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .dd-vitrin[b-sle2ujb0vr]  .app-field :is(.app-input, select) {
    height: 44px;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .dd-vitrin[b-sle2ujb0vr]  .app-field :is(.app-input, select) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Izgara artik temel duzende iki satirli; burada yalniz dolgu daraliyor. */
  .dd-kapak[b-sle2ujb0vr] {
    padding: 12px;
  }

  .dd-kapak .au-title[b-sle2ujb0vr] {
    font-size: var(--yazi-kapak, 20px);
  }

  .dd-eylem[b-sle2ujb0vr] {
    width: 100%;
    justify-content: stretch;
  }

  .dd-eylem .au-btn[b-sle2ujb0vr] {
    flex: 1 1 auto;
  }

  .dd-kart[b-sle2ujb0vr] {
    padding: 16px 12px;
  }

  .dd-bolum-basligi[b-sle2ujb0vr] {
    font-size: var(--yazi-bolum, 14px);
  }

  .dd-facts > div[b-sle2ujb0vr] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .dd-adim__eylem[b-sle2ujb0vr] {
    width: 100%;
    margin-inline-start: 0;
  }

  .dd-adim__eylem .au-btn[b-sle2ujb0vr] {
    flex: 1 1 auto;
  }

  .dd-adimlar[b-sle2ujb0vr] {
    max-height: min(460px, 62dvh);
  }

  .dd-popup[b-sle2ujb0vr],
  .dd-popup--genis[b-sle2ujb0vr],
  .dd-popup--dar[b-sle2ujb0vr] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dd-popup__bas[b-sle2ujb0vr],
  .dd-popup__govde[b-sle2ujb0vr],
  .dd-popup__eylem[b-sle2ujb0vr] {
    padding: 12px;
  }

  .dd-popup__eylem .au-btn[b-sle2ujb0vr] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Agent/DersIcerigiListe.razor.rz.scp.css */
/* Ders içeriği üretimi — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ortak vitrin CSS'i yok: kapak/kart/düğme/popup kabuğu burada sayfa-scoped kurulur
   (referans: analiz-vitrin.css + org-birimleri-vitrin.css ölçüleri). Yeni hex YOK,
   yalnız aurora.css :root tokenları. Çocuk bileşenler (AppSelect, DataStates) ::deep ile. */

.dic-vitrin[b-ozlqa3zcgi] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ──────── */
.dic-kapak[b-ozlqa3zcgi] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "baslik eylem"
    "suzgec suzgec";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dic-kapak__metin[b-ozlqa3zcgi] {
  grid-area: baslik;
  min-width: 0;
}

.dic-kapak .au-title[b-ozlqa3zcgi] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.dic-alt[b-ozlqa3zcgi] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Süzgeç açma düğmesi yalnız telefonda görünür; ızgara alanı da orada verilir.
   Düğme ile açtığı panel AYNI alana konulamaz: ızgarada aynı alandaki iki öğe üst
   üste biner, süzgeçler açılınca düğmenin üzerine çizilirdi. Telefon bandında
   ayrı "suzgecac" satırı var (referans: Content/Cards/CardsList "ac" alanı). */
.dic-suzgec-ac[b-ozlqa3zcgi] {
  display: none;
}

.dic-suzgec-rozet[b-ozlqa3zcgi] {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11px;
  font-weight: 700;
}

.dic-suzgec[b-ozlqa3zcgi] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.dic-eylem[b-ozlqa3zcgi] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ≥1540 fareli: başlık solda, süzgeç ortada, eylem sağ kenarda (referans düzeni). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .dic-kapak[b-ozlqa3zcgi] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "baslik suzgec eylem";
  }

  .dic-suzgec[b-ozlqa3zcgi] {
    justify-content: flex-end;
  }
}

/* ── Düğmeler ─────────────────────────────────────────────────────── */
.dic-vitrin .au-btn[b-ozlqa3zcgi] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.dic-vitrin .au-btn:hover:not(:disabled)[b-ozlqa3zcgi] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dic-vitrin .au-btn:disabled[b-ozlqa3zcgi] {
  opacity: .55;
  cursor: not-allowed;
}

.dic-vitrin .au-btn--primary[b-ozlqa3zcgi] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dic-vitrin .au-btn--primary:hover:not(:disabled)[b-ozlqa3zcgi] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

/* Yıkıcı eylem SAYFA İÇİNDE tanımlanmak ZORUNDA: yukarıdaki `.dic-vitrin .au-btn`
   kuralı (sınıf+sınıf+kapsam özniteliği) global admin-users.css'teki tek sınıflı
   `.au-btn--danger`ı yeniyordu — "Seçilenleri sil" ve "Evet, sil" nötr düğmeyle
   birebir aynı görünüyor, onay penceresinde yıkıcı eylem "Vazgeç"ten ayırt
   edilemiyordu. Onaylı reçete: Scheduling/KisitKatalogu.razor.css. */
.dic-vitrin .au-btn--danger[b-ozlqa3zcgi] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.dic-vitrin .au-btn--danger:hover:not(:disabled)[b-ozlqa3zcgi] {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.dic-vitrin .au-btn--sm[b-ozlqa3zcgi] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* `.dic-satir` artık odaklanabilir değil (satırda role/tabindex yok — erişilebilirlik
   yolu hücredeki gerçek bağlantı), bu yüzden listede yer almaz. */
.dic-vitrin :is(.au-btn, .dic-sekme, .dic-tablo-kaydir, .dic-panel):focus-visible[b-ozlqa3zcgi] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ─────────────────── */
.dic-sekmeler[b-ozlqa3zcgi] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.dic-sekme[b-ozlqa3zcgi] {
  --dic-sekme-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 1 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol dağılımı (referans sekme paleti sırası). */
.dic-sekme:nth-child(2)[b-ozlqa3zcgi] {
  --dic-sekme-vurgu: var(--marka-rampa-uc);
}

.dic-sekmeler .dic-sekme:hover[b-ozlqa3zcgi] {
  background: color-mix(in srgb, var(--dic-sekme-vurgu) 14%, var(--yuzey));
  color: var(--dic-sekme-vurgu);
}

.dic-sekmeler .dic-sekme[aria-selected="true"][b-ozlqa3zcgi] {
  background: var(--dic-sekme-vurgu);
  color: var(--on-brand);
}

.dic-sekme:focus-visible[b-ozlqa3zcgi] {
  outline-color: var(--dic-sekme-vurgu);
}

.dic-sekme-sayi[b-ozlqa3zcgi] {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dic-sekme-vurgu) 16%, var(--yuzey));
  color: var(--dic-sekme-vurgu);
  font-size: 11px;
  font-weight: 700;
}

.dic-sekmeler .dic-sekme[aria-selected="true"] .dic-sekme-sayi[b-ozlqa3zcgi] {
  background: color-mix(in srgb, var(--on-brand) 24%, transparent);
  color: var(--on-brand);
}

.dic-panel[b-ozlqa3zcgi] {
  min-width: 0;
}

/* ── Kartlar ──────────────────────────────────────────────────────── */
.dic-kart[b-ozlqa3zcgi],
.dic-bos[b-ozlqa3zcgi],
.dic-vitrin[b-ozlqa3zcgi]  .ds-panel {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dic-kart[b-ozlqa3zcgi]::before,
.dic-bos[b-ozlqa3zcgi]::before,
.dic-vitrin[b-ozlqa3zcgi]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dic-bos[b-ozlqa3zcgi] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.dic-bos p[b-ozlqa3zcgi] {
  margin: 0;
  line-height: 1.6;
}

.dic-kart__bas[b-ozlqa3zcgi] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.dic-bolum-basligi[b-ozlqa3zcgi] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dic-bolum-basligi[b-ozlqa3zcgi]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dic-ozet[b-ozlqa3zcgi] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.dic-toplu[b-ozlqa3zcgi] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dic-gizli-metin[b-ozlqa3zcgi] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ──────────────── */
.dic-tablo-kaydir[b-ozlqa3zcgi] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısı
   olmayan tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada
   sticky thead'i bozar ve ikinci bir yatay kaydırıcı açar. */
.dic-vitrin .au-result-table[b-ozlqa3zcgi] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.dic-vitrin .au-result-table thead[b-ozlqa3zcgi] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.dic-vitrin .au-result-table th[b-ozlqa3zcgi] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.dic-vitrin .au-result-table td[b-ozlqa3zcgi] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.dic-vitrin .au-result-table tbody tr:nth-child(even) td[b-ozlqa3zcgi] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dic-vitrin .au-result-table tbody tr:hover td[b-ozlqa3zcgi] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.dic-satir[b-ozlqa3zcgi] {
  cursor: pointer;
}

.dic-sut-sec[b-ozlqa3zcgi] {
  width: 1%;
  white-space: nowrap;
}

.dic-sut-sec input[b-ozlqa3zcgi] {
  width: 18px;
  height: 18px;
  accent-color: var(--marka-600);
  cursor: pointer;
}

.dic-ad[b-ozlqa3zcgi] {
  min-width: 190px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.dic-bag[b-ozlqa3zcgi] {
  color: var(--marka-700);
  text-decoration: none;
}

.dic-bag:hover[b-ozlqa3zcgi] {
  text-decoration: underline;
}

.dic-sablon[b-ozlqa3zcgi] {
  display: block;
  margin-top: 2px;
  color: var(--n-500);
  font-size: 11.5px;
  font-weight: 400;
}

.dic-vitrin .au-result-table .au-dim[b-ozlqa3zcgi] {
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.dic-sayi[b-ozlqa3zcgi] {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

.dic-tahmin[b-ozlqa3zcgi] {
  font-weight: 400;
}

.dic-ilerleme[b-ozlqa3zcgi] {
  position: relative;
  display: block;
  width: 56px;
  height: 4px;
  margin-bottom: 4px;
  border-radius: 999px;
  background: var(--hat-girdi);
  overflow: hidden;
}

.dic-ilerleme[b-ozlqa3zcgi]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--dic-oran, 0%);
  background: var(--marka-rampa-serit);
}

.dic-adim-sayi[b-ozlqa3zcgi] {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.dic-satir-eylem[b-ozlqa3zcgi] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

/* ── Sayfalama ────────────────────────────────────────────────────── */
.dic-sayfalama[b-ozlqa3zcgi] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}

.dic-sayfa-bilgi[b-ozlqa3zcgi] {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* ── Süzgeç alanları (AppSelect / AppNumberField içi) ─────────────── */
.dic-vitrin[b-ozlqa3zcgi]  .app-field {
  min-width: 0;
  flex: 0 1 176px;
  max-width: 210px;
}

.dic-vitrin[b-ozlqa3zcgi]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dic-vitrin[b-ozlqa3zcgi]  .app-field :is(.app-input, select) {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.dic-vitrin[b-ozlqa3zcgi]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Popup: kaydırılmış sayfada da görünür native dialog ──────────── */
.dic-popup[b-ozlqa3zcgi] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.dic-popup--dar[b-ozlqa3zcgi] {
  width: min(500px, calc(100vw - 48px));
}

.dic-popup[open][b-ozlqa3zcgi] {
  display: flex;
  flex-direction: column;
}

.dic-popup[b-ozlqa3zcgi]::backdrop {
  background: var(--scrim);
}

.dic-popup__bas[b-ozlqa3zcgi] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dic-popup__bas h2[b-ozlqa3zcgi] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.dic-popup__bas h2:focus[b-ozlqa3zcgi] {
  outline: none;
}

.dic-vitrin .dic-popup__kapat[b-ozlqa3zcgi] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dic-popup__govde[b-ozlqa3zcgi] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.dic-popup__govde > p[b-ozlqa3zcgi] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.dic-popup__alt-baslik[b-ozlqa3zcgi] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
}

.dic-popup__eylem[b-ozlqa3zcgi] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.dic-facts[b-ozlqa3zcgi] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.dic-facts > div[b-ozlqa3zcgi] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dic-facts > div:nth-child(odd)[b-ozlqa3zcgi] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dic-facts dt[b-ozlqa3zcgi] {
  color: var(--n-500);
}

.dic-facts dd[b-ozlqa3zcgi] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.dic-adimlar[b-ozlqa3zcgi] {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 20px;
  font-size: 13px;
}

.dic-adimlar li[b-ozlqa3zcgi] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.dic-adim-tip[b-ozlqa3zcgi] {
  font-weight: 600;
  color: var(--metin-murekkep);
}

.dic-popup .au-banner[b-ozlqa3zcgi] {
  margin-top: 12px;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dic-vitrin :is(.au-btn, .au-btn--sm)[b-ozlqa3zcgi] {
    min-height: 44px;
  }

  .dic-sekme[b-ozlqa3zcgi] {
    min-height: 44px;
  }

  .dic-sekmeler[b-ozlqa3zcgi] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .dic-vitrin[b-ozlqa3zcgi]  .app-field :is(.app-input, select) {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Konu/şablon) yatay kaydırmada yapışık kalır — BAŞLIK ve GÖVDE
     birlikte. Seçim sütunu altına kayar; sola kaydırınca yine erişilir. */
  .dic-vitrin .au-result-table :is(th, td).dic-ad[b-ozlqa3zcgi] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altından geçen hücreler görünürdü.
     Sütun sınıfına bağlı: iki tablonun sütun sırası farklı (çöp kutusunda seçim yok). */
  .dic-vitrin .au-result-table th.dic-ad[b-ozlqa3zcgi] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .dic-vitrin[b-ozlqa3zcgi]  .app-field :is(.app-input, select) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dic-kapak[b-ozlqa3zcgi] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "baslik"
      "eylem"
      "suzgecac"
      "suzgec";
    padding: 12px;
  }

  .dic-kapak .au-title[b-ozlqa3zcgi] {
    font-size: var(--yazi-kapak, 20px);
  }

  .dic-eylem[b-ozlqa3zcgi] {
    width: 100%;
  }

  .dic-eylem .au-btn[b-ozlqa3zcgi] {
    flex: 1 1 auto;
  }

  /* Süzgeçler katlanır: varsayılan kapalı, düğmeyle açılır. Düğme kendi
     satırında durur; panelle aynı alana konursa üst üste binerdi. */
  .dic-suzgec-ac[b-ozlqa3zcgi] {
    grid-area: suzgecac;
    display: inline-flex;
    width: 100%;
  }

  .dic-suzgec[data-acik="hayir"][b-ozlqa3zcgi] {
    display: none;
  }

  .dic-suzgec[b-ozlqa3zcgi] {
    flex-direction: column;
    align-items: stretch;
  }

  .dic-vitrin[b-ozlqa3zcgi]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .dic-kart[b-ozlqa3zcgi] {
    padding: 16px 12px;
  }

  .dic-bolum-basligi[b-ozlqa3zcgi] {
    font-size: var(--yazi-bolum, 14px);
  }

  .dic-kart__bas[b-ozlqa3zcgi] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .dic-toplu[b-ozlqa3zcgi] {
    width: 100%;
  }

  .dic-toplu .au-btn[b-ozlqa3zcgi] {
    flex: 1 1 auto;
  }

  .dic-tablo-kaydir[b-ozlqa3zcgi] {
    max-height: min(460px, 62dvh);
  }

  .dic-vitrin .au-result-table[b-ozlqa3zcgi] {
    min-width: 780px;
  }

  .dic-vitrin .au-result-table :is(th, td)[b-ozlqa3zcgi] {
    padding: 10px;
  }

  .dic-popup[b-ozlqa3zcgi] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dic-popup__bas[b-ozlqa3zcgi],
  .dic-popup__govde[b-ozlqa3zcgi],
  .dic-popup__eylem[b-ozlqa3zcgi] {
    padding: 12px;
  }

  .dic-popup__eylem .au-btn[b-ozlqa3zcgi] {
    flex: 1 1 auto;
  }

  .dic-facts > div[b-ozlqa3zcgi] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .dic-sayfalama[b-ozlqa3zcgi] {
    justify-content: space-between;
  }
}
/* _content/EduLive.Web/Components/Pages/Agent/DersIcerigiUret.razor.rz.scp.css */
/* Ders içeriği üret — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak/kart/düğme/popup kabuğu sayfa-scoped kurulur (ortak vitrin CSS'i yok).
   Yeni hex YOK, yalnız aurora.css :root tokenları. Form bileşenleri ::deep ile hedeflenir. */

.du-vitrin[b-rkt01olzie] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + ana eylem tek beyaz yüzeyde ───────────── */
.du-kapak[b-rkt01olzie] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.du-kapak__geri[b-rkt01olzie] {
  grid-area: geri;
}

.du-vitrin[b-rkt01olzie]  .au-breadcrumb {
  margin-bottom: 0;
}

.du-kapak__metin[b-rkt01olzie] {
  grid-area: baslik;
  min-width: 0;
}

.du-kapak .au-title[b-rkt01olzie] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.du-alt[b-rkt01olzie] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.du-alt b[b-rkt01olzie] {
  color: var(--marka-700);
}

.du-eylem[b-rkt01olzie] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────── */
.du-vitrin .au-btn[b-rkt01olzie] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.du-vitrin .au-btn:hover:not(:disabled)[b-rkt01olzie] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.du-vitrin .au-btn:disabled[b-rkt01olzie] {
  opacity: .55;
  cursor: not-allowed;
}

.du-vitrin .au-btn--primary[b-rkt01olzie] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.du-vitrin .au-btn--primary:hover:not(:disabled)[b-rkt01olzie] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.du-vitrin .au-btn--sm[b-rkt01olzie] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* `.du-popup__govde` bu listeden ÇIKARILDI: markup'ta `tabindex` taşımıyor, hiçbir
   zaman odak alamaz — ölü seçiciydi. Paketin diğer üç sayfasında da popup gövdesi
   odaklanabilir değil; odak yolu başlık ve düğmelerdir (DersIcerigiDetay,
   DersIcerigiListe, SablonKutuphanesi ile aynı şema). */
.du-vitrin .au-btn:focus-visible[b-rkt01olzie] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kartlar ──────────────────────────────────────────────────────── */
.du-kart[b-rkt01olzie] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.du-kart[b-rkt01olzie]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.du-bolum-basligi[b-rkt01olzie] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.du-bolum-basligi[b-rkt01olzie]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.du-izgara[b-rkt01olzie] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.du-not[b-rkt01olzie] {
  margin: 10px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.du-not--kapanis[b-rkt01olzie] {
  margin: 0 0 8px;
}

/* ── Seçili şablonun özeti ────────────────────────────────────────── */
.du-sablon-ozet[b-rkt01olzie] {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.du-sablon-aciklama[b-rkt01olzie] {
  margin: 0 0 8px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.du-rozetler[b-rkt01olzie] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.du-rozet[b-rkt01olzie] {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 600;
}

.du-rozet--soluk[b-rkt01olzie] {
  color: var(--n-500);
  font-weight: 500;
}

/* ── Popup: kaydırılmış sayfada da görünür native dialog ──────────── */
.du-popup[b-rkt01olzie] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.du-popup[open][b-rkt01olzie] {
  display: flex;
  flex-direction: column;
}

.du-popup[b-rkt01olzie]::backdrop {
  background: var(--scrim);
}

.du-popup__bas[b-rkt01olzie] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.du-popup__bas h2[b-rkt01olzie] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.du-popup__bas h2:focus[b-rkt01olzie] {
  outline: none;
}

.du-vitrin .du-popup__kapat[b-rkt01olzie] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.du-popup__govde[b-rkt01olzie] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.du-popup__eylem[b-rkt01olzie] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.du-adimlar[b-rkt01olzie] {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.du-adim[b-rkt01olzie] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.du-adim:nth-child(odd)[b-rkt01olzie] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.du-adim__sira[b-rkt01olzie] {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.du-adim__tip[b-rkt01olzie] {
  font-weight: 600;
  color: var(--metin-murekkep);
}

.du-adim__etiket[b-rkt01olzie] {
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* ── Form alanları (AppSelect / AppTextField / AppNumberField içi) ── */
.du-vitrin[b-rkt01olzie]  .app-field {
  min-width: 0;
}

.du-vitrin[b-rkt01olzie]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.du-vitrin[b-rkt01olzie]  .app-field :is(.app-input, select, textarea) {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.du-vitrin[b-rkt01olzie]  .app-field :is(.app-input, select) {
  height: 34px;
}

.du-vitrin[b-rkt01olzie]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .du-vitrin :is(.au-btn, .au-btn--sm)[b-rkt01olzie] {
    min-height: 44px;
  }

  .du-vitrin[b-rkt01olzie]  .app-field :is(.app-input, select) {
    height: 44px;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .du-vitrin[b-rkt01olzie]  .app-field :is(.app-input, select, textarea) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .du-kapak[b-rkt01olzie] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 12px;
  }

  .du-kapak .au-title[b-rkt01olzie] {
    font-size: var(--yazi-kapak, 20px);
  }

  .du-eylem[b-rkt01olzie] {
    width: 100%;
  }

  .du-eylem .au-btn[b-rkt01olzie] {
    flex: 1 1 auto;
  }

  .du-kart[b-rkt01olzie] {
    padding: 16px 12px;
  }

  .du-bolum-basligi[b-rkt01olzie] {
    font-size: var(--yazi-bolum, 14px);
  }

  .du-izgara[b-rkt01olzie] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .du-popup[b-rkt01olzie] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .du-popup__bas[b-rkt01olzie],
  .du-popup__govde[b-rkt01olzie],
  .du-popup__eylem[b-rkt01olzie] {
    padding: 12px;
  }

  .du-popup__eylem .au-btn[b-rkt01olzie] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Agent/SablonKutuphanesi.razor.rz.scp.css */
/* Şablon kütüphanesi — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kapak/kart/tablo/popup kabuğu sayfa-scoped kurulur (ortak vitrin CSS'i yok).
   Yeni hex YOK, yalnız aurora.css :root tokenları. Çocuk bileşenler ::deep ile. */

.sk-vitrin[b-t2ptrlxgx5] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────── */
.sk-kapak[b-t2ptrlxgx5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "suzgec suzgec suzgec";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sk-kapak__geri[b-t2ptrlxgx5] {
  grid-area: geri;
}

.sk-vitrin[b-t2ptrlxgx5]  .au-breadcrumb {
  margin-bottom: 0;
}

.sk-kapak__metin[b-t2ptrlxgx5] {
  grid-area: baslik;
  min-width: 0;
}

.sk-kapak .au-title[b-t2ptrlxgx5] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.sk-alt[b-t2ptrlxgx5] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Süzgeç açma düğmesi yalnız telefonda görünür; ızgara alanı da orada verilir.
   Düğme ile açtığı panel AYNI alana konulamaz: ızgarada aynı alandaki iki öğe üst
   üste biner, süzgeçler açılınca düğmenin üzerine çizilirdi. Telefon bandında
   ayrı "suzgecac" satırı var (referans: Content/Cards/CardsList "ac" alanı). */
.sk-suzgec-ac[b-t2ptrlxgx5] {
  display: none;
}

.sk-suzgec-rozet[b-t2ptrlxgx5] {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11px;
  font-weight: 700;
}

.sk-suzgec[b-t2ptrlxgx5] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.sk-eylem[b-t2ptrlxgx5] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ≥1540 fareli: başlık solda, süzgeç ortada, eylem sağ kenarda. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .sk-kapak[b-t2ptrlxgx5] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  .sk-suzgec[b-t2ptrlxgx5] {
    justify-content: flex-end;
  }
}

/* ── Düğmeler ─────────────────────────────────────────────────────── */
.sk-vitrin .au-btn[b-t2ptrlxgx5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.sk-vitrin .au-btn:hover:not(:disabled)[b-t2ptrlxgx5] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.sk-vitrin .au-btn:disabled[b-t2ptrlxgx5] {
  opacity: .55;
  cursor: not-allowed;
}

.sk-vitrin .au-btn--primary[b-t2ptrlxgx5] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.sk-vitrin .au-btn--primary:hover:not(:disabled)[b-t2ptrlxgx5] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

/* Yıkıcı eylem SAYFA İÇİNDE tanımlanmak ZORUNDA: yukarıdaki `.sk-vitrin .au-btn`
   kuralı (sınıf+sınıf+kapsam özniteliği) global admin-users.css'teki tek sınıflı
   `.au-btn--danger`ı yeniyordu — satırdaki "Sil", "Detay/Klonla/Düzenle" ile aynı
   görünüyor, onay penceresinde "Evet, sil" ile "Vazgeç" ayırt edilemiyordu.
   Onaylı reçete: Scheduling/KisitKatalogu.razor.css. */
.sk-vitrin .au-btn--danger[b-t2ptrlxgx5] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.sk-vitrin .au-btn--danger:hover:not(:disabled)[b-t2ptrlxgx5] {
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
}

.sk-vitrin .au-btn--sm[b-t2ptrlxgx5] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.sk-vitrin :is(.au-btn, .sk-tablo-kaydir):focus-visible[b-t2ptrlxgx5] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kartlar ──────────────────────────────────────────────────────── */
.sk-kart[b-t2ptrlxgx5],
.sk-bos[b-t2ptrlxgx5],
.sk-vitrin[b-t2ptrlxgx5]  .ds-panel {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sk-kart[b-t2ptrlxgx5]::before,
.sk-bos[b-t2ptrlxgx5]::before,
.sk-vitrin[b-t2ptrlxgx5]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sk-bos[b-t2ptrlxgx5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.sk-bos p[b-t2ptrlxgx5] {
  margin: 0;
  line-height: 1.6;
}

.sk-kart__bas[b-t2ptrlxgx5] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.sk-bolum-basligi[b-t2ptrlxgx5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.sk-bolum-basligi[b-t2ptrlxgx5]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sk-ozet[b-t2ptrlxgx5] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.sk-gizli-metin[b-t2ptrlxgx5] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ──────────────── */
.sk-tablo-kaydir[b-t2ptrlxgx5] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar. Tablo kendi
   kabında kaydığı için o siper burada sticky thead'i bozar. */
.sk-vitrin .au-result-table[b-t2ptrlxgx5] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 880px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.sk-vitrin .au-result-table thead[b-t2ptrlxgx5] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.sk-vitrin .au-result-table th[b-t2ptrlxgx5] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.sk-vitrin .au-result-table td[b-t2ptrlxgx5] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.sk-vitrin .au-result-table tbody tr:nth-child(even) td[b-t2ptrlxgx5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sk-vitrin .au-result-table tbody tr:hover td[b-t2ptrlxgx5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sk-ad[b-t2ptrlxgx5] {
  min-width: 190px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.sk-vitrin .au-result-table .au-dim[b-t2ptrlxgx5] {
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.sk-sayi[b-t2ptrlxgx5] {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--marka-700);
}

.sk-satir-eylem[b-t2ptrlxgx5] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.sk-satir-eylem .au-btn + .au-btn[b-t2ptrlxgx5] {
  margin-inline-start: 6px;
}

/* ── Alanlar (AppTextField / AppSelect / AppJsonEditor içi) ───────── */
.sk-suzgec[b-t2ptrlxgx5]  .app-field {
  flex: 0 1 200px;
  max-width: 240px;
}

.sk-vitrin[b-t2ptrlxgx5]  .app-field {
  min-width: 0;
}

.sk-vitrin[b-t2ptrlxgx5]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.sk-vitrin[b-t2ptrlxgx5]  .app-field :is(.app-input, select) {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.sk-vitrin[b-t2ptrlxgx5]  .app-field textarea.app-input {
  height: auto;
  min-height: 0;
  padding: 10px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  line-height: 1.6;
}

.sk-vitrin[b-t2ptrlxgx5]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  overflow-wrap: anywhere;
}

/* ── Popup ────────────────────────────────────────────────────────── */
.sk-popup[b-t2ptrlxgx5] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sk-popup--genis[b-t2ptrlxgx5] {
  width: min(880px, calc(100vw - 48px));
}

.sk-popup--dar[b-t2ptrlxgx5] {
  width: min(500px, calc(100vw - 48px));
}

.sk-popup[open][b-t2ptrlxgx5] {
  display: flex;
  flex-direction: column;
}

.sk-popup[b-t2ptrlxgx5]::backdrop {
  background: var(--scrim);
}

.sk-popup__bas[b-t2ptrlxgx5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sk-popup__bas h2[b-t2ptrlxgx5] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.sk-popup__bas h2:focus[b-t2ptrlxgx5] {
  outline: none;
}

.sk-vitrin .sk-popup__kapat[b-t2ptrlxgx5] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.sk-popup__govde[b-t2ptrlxgx5] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sk-popup__govde > p[b-t2ptrlxgx5] {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.6;
}

.sk-popup__alt-baslik[b-t2ptrlxgx5] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
}

.sk-popup__eylem[b-t2ptrlxgx5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.sk-aciklama[b-t2ptrlxgx5] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.sk-facts[b-t2ptrlxgx5] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.sk-facts > div[b-t2ptrlxgx5] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.sk-facts > div:nth-child(odd)[b-t2ptrlxgx5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sk-facts dt[b-t2ptrlxgx5] {
  color: var(--n-500);
}

.sk-facts dd[b-t2ptrlxgx5] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.sk-form__izgara[b-t2ptrlxgx5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px 20px;
  align-items: start;
  margin-bottom: 16px;
}

.sk-popup .au-banner[b-t2ptrlxgx5] {
  margin-top: 12px;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sk-vitrin :is(.au-btn, .au-btn--sm)[b-t2ptrlxgx5] {
    min-height: 44px;
  }

  .sk-vitrin[b-t2ptrlxgx5]  .app-field :is(.app-input, select) {
    height: 44px;
    min-height: 44px;
  }

  .sk-vitrin[b-t2ptrlxgx5]  .app-field textarea.app-input {
    height: auto;
  }

  /* İlk anlamlı sütun (Ad) yatay kaydırmada yapışık kalır. */
  .sk-vitrin .au-result-table :is(th, td).sk-ad[b-t2ptrlxgx5] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altından geçen hücreler görünürdü.
     Konum değil sınıf üzerinden: başlık ile gövde aynı sütuna bağlansın. */
  .sk-vitrin .au-result-table th.sk-ad[b-t2ptrlxgx5] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .sk-vitrin[b-t2ptrlxgx5]  .app-field :is(.app-input, select, textarea) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .sk-kapak[b-t2ptrlxgx5] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem"
      "suzgecac suzgecac"
      "suzgec suzgec";
    padding: 12px;
  }

  .sk-kapak .au-title[b-t2ptrlxgx5] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sk-eylem[b-t2ptrlxgx5] {
    width: 100%;
  }

  .sk-eylem .au-btn[b-t2ptrlxgx5] {
    flex: 1 1 auto;
  }

  /* Süzgeçler katlanır: varsayılan kapalı, düğmeyle açılır. Düğme kendi
     satırında durur; panelle aynı alana konursa üst üste binerdi. */
  .sk-suzgec-ac[b-t2ptrlxgx5] {
    grid-area: suzgecac;
    display: inline-flex;
    width: 100%;
  }

  .sk-suzgec[data-acik="hayir"][b-t2ptrlxgx5] {
    display: none;
  }

  .sk-suzgec[b-t2ptrlxgx5] {
    flex-direction: column;
    align-items: stretch;
  }

  .sk-suzgec[b-t2ptrlxgx5]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .sk-kart[b-t2ptrlxgx5] {
    padding: 16px 12px;
  }

  .sk-bolum-basligi[b-t2ptrlxgx5] {
    font-size: var(--yazi-bolum, 14px);
  }

  .sk-kart__bas[b-t2ptrlxgx5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .sk-tablo-kaydir[b-t2ptrlxgx5] {
    max-height: min(460px, 62dvh);
  }

  .sk-vitrin .au-result-table[b-t2ptrlxgx5] {
    min-width: 760px;
  }

  .sk-vitrin .au-result-table :is(th, td)[b-t2ptrlxgx5] {
    padding: 10px;
  }

  .sk-popup[b-t2ptrlxgx5],
  .sk-popup--genis[b-t2ptrlxgx5],
  .sk-popup--dar[b-t2ptrlxgx5] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sk-popup__bas[b-t2ptrlxgx5],
  .sk-popup__govde[b-t2ptrlxgx5],
  .sk-popup__eylem[b-t2ptrlxgx5] {
    padding: 12px;
  }

  .sk-popup__eylem .au-btn[b-t2ptrlxgx5] {
    flex: 1 1 auto;
  }

  .sk-form__izgara[b-t2ptrlxgx5] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .sk-facts > div[b-t2ptrlxgx5] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlan.razor.rz.scp.css */
/* AN-10: mevcut sekiz gösterge; Akademik Analiz renk ve ölçüleri. */
.aa-sayfa[b-3zga0852w1] { min-width: 0; }
.aa-iskelet-kpi[b-3zga0852w1] { height: 110px; }
.aa-iskelet-grafik[b-3zga0852w1] { height: 420px; margin-bottom: 16px; }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { align-self: center; }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4n) { border-right: 0; }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+4) { border-bottom: 0; }
/* Mevcut lacivert–petrol–yeşil paleti sekiz metriğe yayılır. */
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2) .ak-kpi__b { background: color-mix(in srgb, var(--agv-kpi-etiket-1), var(--agv-kpi-etiket-2)); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3) .ak-kpi__b { background: var(--agv-kpi-etiket-2); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4) .ak-kpi__b { background: var(--agv-kpi-etiket-3); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(5) .ak-kpi__b { background: var(--agv-kpi-etiket-4); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(6) .ak-kpi__b { background: var(--agv-kpi-etiket-5); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(7) .ak-kpi__b { background: color-mix(in srgb, var(--agv-kpi-etiket-5), var(--agv-kpi-etiket-6)); }
.aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(8) .ak-kpi__b { background: var(--agv-kpi-etiket-6); }
@media (min-width: 1540px) {
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 0; }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4) { border-right: 1px solid var(--anv-hat-ince); }
}
@media (max-width: 640px) {
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .rsm__menu { right: auto; left: 0; transform-origin: top left; }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aa-sayfa[b-3zga0852w1]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title { white-space: normal; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlanAileler.razor.rz.scp.css */
/* AN-11: Akademik Analiz ölçüleri; mevcut altı gösterge korunur. */
.aaa-sayfa[b-5zd2xdiwh8] { min-width: 0; }
.aaa-iskelet-kpi[b-5zd2xdiwh8] { height: 110px; margin-bottom: 16px; }
.aaa-iskelet-grafik[b-5zd2xdiwh8] { height: 420px; margin-bottom: 16px; }
.aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn,
.aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase { align-self: flex-end; }
.aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase__ac { min-height: 34px; border-radius: var(--kose-dugme); font-size: 12px; }
@media (min-width: 641px) and (max-width: 1279px) {
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3n) { border-right: 0; }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+3) { border-bottom: 0; }
}
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase__ac { min-height: 44px; }
}
@media (max-width: 640px) {
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .aaa-sayfa[b-5zd2xdiwh8]  .au-page.analiz-vitrin.analiz-genel-vitrin .at-cihaz-sabit { min-width: 96px; max-width: 136px; white-space: normal; overflow-wrap: anywhere; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlanBilesen.razor.rz.scp.css */
/* AN-11: Akademik Analiz ölçüleri; mevcut altı gösterge korunur. */
.aab-sayfa[b-wqsdfycyzf] { min-width: 0; }
.aab-iskelet-kpi[b-wqsdfycyzf] { height: 110px; margin-bottom: 16px; }
.aab-iskelet-grafik[b-wqsdfycyzf] { height: 420px; margin-bottom: 16px; }
.aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
@media (min-width: 641px) and (max-width: 1279px) {
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3n) { border-right: 0; }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+3) { border-bottom: 0; }
}
@media (max-width: 640px) {
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .at-cihaz-sabit { min-width: 96px; max-width: 136px; white-space: normal; overflow-wrap: anywhere; }
    .aab-sayfa[b-wqsdfycyzf]  .au-page.analiz-vitrin.analiz-genel-vitrin .at-tablo:has(.sdg) .at-cihaz-sabit { min-width: 136px; }
}
.aab-alan[b-wqsdfycyzf] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.aab-kunye[b-wqsdfycyzf] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; color: var(--marka-700); }
.aab-kunye strong[b-wqsdfycyzf] { font-size: 15px; overflow-wrap: anywhere; }
.aab-kunye span[b-wqsdfycyzf] { font-size: 12px; color: var(--muted); }
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlanGelisim.razor.rz.scp.css */
/* AN-12: sayfaya özgü yerleşim; Akademik Analiz token'ları. */
.aag-sayfa[b-675cqpmcht] { min-width: 0; }
.aag-iskelet-kpi[b-675cqpmcht] { height: 110px; }
.aag-iskelet-grafik[b-675cqpmcht] { height: 420px; margin-bottom: 16px; }
.an12-alt-baslik[b-675cqpmcht] { margin: 18px 0 12px; color: var(--anv-murekkep); font: 600 13px var(--font-body); }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "filtre filtre";
}
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; justify-self: stretch; }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
.aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title { white-space: normal; }
    .aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
}
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px auto minmax(0, 1fr); grid-template-areas: "geri baslik filtre";
    }
    .aag-sayfa[b-675cqpmcht]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { width: auto; justify-self: end; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlanIsi.razor.rz.scp.css */
/* AN-11: Akademik Analiz ölçüleri; mevcut altı gösterge korunur. */
.aai-sayfa[b-p4ipa9qh3z] { min-width: 0; }
.aai-iskelet-kpi[b-p4ipa9qh3z] { height: 110px; margin-bottom: 16px; }
.aai-iskelet-grafik[b-p4ipa9qh3z] { height: 420px; margin-bottom: 16px; }
.aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn,
.aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase { align-self: flex-end; }
.aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase__ac { min-height: 34px; border-radius: var(--kose-dugme); font-size: 12px; }
@media (min-width: 641px) and (max-width: 1279px) {
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3n) { border-right: 0; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+3) { border-bottom: 0; }
}
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase__ac { min-height: 44px; }
}
@media (max-width: 640px) {
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .at-cihaz-sabit { min-width: 96px; max-width: 136px; white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 640px) {
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { grid-template-columns: 30px minmax(0, 1fr); grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre"; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
    .aai-sayfa[b-p4ipa9qh3z]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .rsm__menu { right: auto; left: 0; transform-origin: top left; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlanKazanim.razor.rz.scp.css */
/* AN-12: sayfaya özgü yerleşim; Akademik Analiz token'ları. */
.aak-sayfa[b-sxey8u2f17] { min-width: 0; }
.aak-iskelet-kpi[b-sxey8u2f17] { height: 110px; }
.aak-iskelet-grafik[b-sxey8u2f17] { height: 420px; margin-bottom: 16px; }
.an12-alt-baslik[b-sxey8u2f17] { margin: 18px 0 12px; color: var(--anv-murekkep); font: 600 13px var(--font-body); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "filtre filtre";
}
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; justify-self: stretch; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title { white-space: normal; }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
}
.aak-ders-sec[b-sxey8u2f17] { max-width: 360px; margin-bottom: 16px; }
.aak-sayfa[b-sxey8u2f17]  .ap-govde p.azb-ipucu { display: block; }
.aak-sayfa[b-sxey8u2f17]  .ap-govde p.azb-ipucu::before { margin-right: 6px; }
@media (min-width: 641px) {
    .aak-sayfa[b-sxey8u2f17]  .az-filtre .af-cubuk { position: relative; }
    .aak-sayfa[b-sxey8u2f17]  .az-filtre .ase { position: static; }
    .aak-sayfa[b-sxey8u2f17]  .az-filtre .ase__panel { left: auto; right: 0; background: var(--yuzey); }
}
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(n) { grid-column: span 3; border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(4) { border-right: 0; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-last-child(-n+3) { grid-column: span 4; border-bottom: 0; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :last-child { border-right: 0; }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2) .ak-kpi__b { background: color-mix(in srgb, var(--agv-kpi-etiket-1), var(--agv-kpi-etiket-2)); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3) .ak-kpi__b { background: var(--agv-kpi-etiket-2); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4) .ak-kpi__b { background: var(--agv-kpi-etiket-3); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(5) .ak-kpi__b { background: var(--agv-kpi-etiket-4); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(6) .ak-kpi__b { background: var(--agv-kpi-etiket-5); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(7) .ak-kpi__b { background: var(--agv-kpi-etiket-6); }
.aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(7) { border-top-color: var(--agv-kpi-ray-6); }
@media (min-width: 1540px) {
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(n) { grid-column: auto; border-bottom: 0; }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(4) { border-right: 1px solid var(--anv-hat-ince); }
}
@media (min-width: 641px) and (max-width: 1539px) {
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
}
@media (max-width: 640px) {
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(n) { grid-column: auto; border-bottom: 1px solid var(--anv-hat-ince); }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(2n) { border-right: 0; }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :last-child { grid-column: 1 / -1; border-bottom: 0; }
}
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px auto minmax(0, 1fr); grid-template-areas: "geri baslik filtre";
    }
    .aak-sayfa[b-sxey8u2f17]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { width: auto; justify-self: end; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlanOgrenci.razor.rz.scp.css */
/* AN-13: yedi öğrenci ölçüsü ve iki yıl geneli ölçüsü kendi bağlamında kalır. */
.aao-sayfa[b-wpfiu0lpqx] { min-width: 0; }
.aao-alan[b-wpfiu0lpqx] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.aao-iskelet-kpi[b-wpfiu0lpqx] { height: 110px; margin-bottom: 16px; }
.aao-iskelet-grafik[b-wpfiu0lpqx] { height: 420px; margin-bottom: 16px; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(n) { grid-column: auto; border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :nth-child(-n+4) { border-bottom: 1px solid var(--anv-hat-ince); }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :nth-child(4) { border-right: 0; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :last-child { grid-column: span 2; border-top-color: var(--agv-kpi-ray-6); }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :last-child .ak-kpi__b { background: var(--agv-kpi-etiket-6); }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :last-child { border-right: 0; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ikili { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Çok sayıdaki filtre, kontroller küçültülmeden kapağın ikinci satırına geçer. */
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "filtre filtre";
}
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; max-width: none; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(4) { flex: 1 1 240px; width: 240px; max-width: 320px; min-width: 0; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
.aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
@media (min-width: 1540px) {
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :nth-child(n) { grid-column: auto; border-bottom: 0; }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :nth-child(4) { border-right: 1px solid var(--anv-hat-ince); }
}
/* 1920px'te kapağı tek satıra çeviren kural kaldırıldı: .au-page en çok 1600px olduğundan iç genişlik
   1536px'i aşmıyor, yedi denetim + başlık ise ~1720px istiyor; tek satır hiçbir masaüstü genişliğinde
   sığmadığı için "ARA/Temizle" alt satıra düşüp başlık geniş boşlukta asılı kalıyordu. */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(4) { width: auto; max-width: none; }
}
@media (max-width: 640px) {
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(2n) { border-right: 0; }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .aao-ozet-ogrenci > :last-child { border-bottom: 0; }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .aao-sayfa[b-wpfiu0lpqx]  .au-page.analiz-vitrin.analiz-genel-vitrin .at-cihaz-sabit { min-width: 136px; max-width: 160px; white-space: normal; overflow-wrap: anywhere; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAlanTani.razor.rz.scp.css */
/* AN-12: sayfaya özgü yerleşim; Akademik Analiz token'ları. */
.aat-sayfa[b-rcmiyolv0w] { min-width: 0; }
.aat-iskelet-kpi[b-rcmiyolv0w] { height: 110px; }
.aat-iskelet-grafik[b-rcmiyolv0w] { height: 420px; margin-bottom: 16px; }
.an12-alt-baslik[b-rcmiyolv0w] { margin: 18px 0 12px; color: var(--anv-murekkep); font: 600 13px var(--font-body); }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "filtre filtre";
}
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; justify-self: stretch; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title { white-space: normal; }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
}
.aat-kapsam[b-rcmiyolv0w] { margin: 0 0 16px; color: var(--anv-ikincil); font-size: 12px; line-height: 1.5; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :last-child { border-right: 0; }
.aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(5) .ak-kpi__b { background: var(--agv-kpi-etiket-6); }
@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(n) { grid-column: span 2; border-bottom: 1px solid var(--anv-hat-ince); }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(3) { border-right: 0; }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-last-child(-n+2) { grid-column: span 3; border-bottom: 0; }
}
@media (max-width: 640px) {
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :nth-child(2n) { border-right: 0; }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > :last-child { grid-column: 1 / -1; border-bottom: 0; }
}
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px auto minmax(0, 1fr); grid-template-areas: "geri baslik filtre";
    }
    .aat-sayfa[b-rcmiyolv0w]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { width: auto; justify-self: end; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizAsistan.razor.rz.scp.css */
/* AnalizAsistan — Akademik Analiz görsel dili (2026-09-20 geçişi).
   Yüzeyler beyaz (`--anv-kart-zemin`), hatlar `--anv-hat`, metin `--anv-murekkep`,
   köşeler `--kose-*`, gölge `--anv-kart-golge`. Hardcoded renk YOK: `--anv-*`
   `.au-page.analiz-vitrin`, `--agv-*` `.analiz-genel-vitrin` kapsamında tanımlı
   ve bu sayfa ikisini de taşıyor. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1
   metinleriyle birebir yazılır. */

.aa-sayfa[b-3i0w6qxjmc] { padding-bottom: 12px; }

/* ═══════════════════════════ KAPAK ═══════════════════════════ */
/* Başlık/eylem satırı (`.au-head--geri`) ve süzgeç şeridi (`.az-filtre`) ortak
   `analiz-vitrin.css` kurallarından gelir: 23 px başlık, 24 px yatay dolgu,
   `3px 0 0 0` köşe, kapak gölgesi. Burada yalnız sayfaya özgü alanlar var. */
.aa-kapak-kutu[b-3i0w6qxjmc] { display: block; }

.aa-suzgec__cubuk[b-3i0w6qxjmc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.aa-alan[b-3i0w6qxjmc] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    flex: 0 1 176px;
    max-width: 210px;
}

.aa-alan--ara[b-3i0w6qxjmc] { flex: 1 1 240px; max-width: 320px; }

.ag-alan[b-3i0w6qxjmc] { line-height: 1.2; }

/* Arama kutusu — `.aa-arama` sınıfı KORUNUR: cihaz katmanı (cihaz.css) bu
   seçiciyle dokunmatik ölçüyü (16 px punto, 44 px hedef) veriyor. */
.aa-arama[b-3i0w6qxjmc] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--agv-kapak-alan-hat, var(--anv-hat));
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--anv-soluk);
}
.aa-arama:focus-within[b-3i0w6qxjmc] { border-color: var(--agv-kapak-alan-hat-uzeri, var(--marka-400)); }
.aa-arama svg[b-3i0w6qxjmc] { flex-shrink: 0; }
.aa-arama input[b-3i0w6qxjmc] {
    flex: 1;
    min-width: 0;
    border: none;
    background: none;
    outline: none;
    color: var(--agv-kapak-alan-metin, var(--anv-murekkep));
    font: inherit;
    font-size: 13px;
    font-weight: 500;
}
.aa-arama input[b-3i0w6qxjmc]::placeholder { color: var(--anv-ipucu); }
.aa-arama input[b-3i0w6qxjmc]::-webkit-search-cancel-button { cursor: pointer; }

/* Görünüm segmenti — `.af-seg` görsel dili vitrinden gelir, taban yerleşimi
   burada (bileşen CSS'i kapsamlıdır, ondan miras alınamaz).

   SABİT YÜKSEKLİK YOK (2026-09-20 denetimi): `analiz-vitrin.css` kapak
   sözleşmesi segmenti 3 px dolgu + 1 px hat + 28 px düğme = 36 px olarak
   kuruyor (`.analiz-genel-vitrin .az-filtre .af-seg` / `.af-seg__b`).
   Buraya yazılan `height: 34px` kutuyu 2 px kısıyor, `box-sizing: border-box`
   yüzünden iç alan 26 px'e düşüyor ve 28 px'lik düğmeler kabın dışına
   taşıyordu. Yükseklik referansın (AnalizGenel) verdiği yerden gelsin. */
.aa-sekmeler[b-3i0w6qxjmc] { display: inline-flex; box-sizing: border-box; }
.aa-sekme[b-3i0w6qxjmc] {
    min-height: 28px;
    padding: 0 12px;
    border: none;
    background: none;
    font-size: 12px;
    cursor: pointer;
}
.aa-sekme:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.aa-suzgec__ozet[b-3i0w6qxjmc] {
    flex: 1 1 100%;
    margin: 0;
    font-size: 12px;
    color: var(--anv-soluk);
}

.aa-listeyi-ac[b-3i0w6qxjmc] { display: none; align-items: center; gap: 6px; }

.aa-yeni[b-3i0w6qxjmc] { display: inline-flex; align-items: center; gap: 6px; }

/* ═══════════════════════════ KABUK ═══════════════════════════ */
.aa-kabuk[b-3i0w6qxjmc] {
    position: relative;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 14px;
    height: var(--aa-yukseklik, calc(100dvh - var(--topbar-h) - 180px));
    min-height: 240px;
}

/* ═══════════════════════════ SOL: sohbet listesi ═══════════════════════════ */
.aa-yan[b-3i0w6qxjmc] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--anv-kart-zemin);
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-bolum);
    box-shadow: var(--anv-kart-golge);
    overflow: hidden;
}
.aa-yan__bas[b-3i0w6qxjmc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px 10px;
    border-bottom: 1px solid var(--anv-hat-ince);
}
.aa-yan__baslik[b-3i0w6qxjmc] {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--anv-murekkep);
}
.aa-yan__sayi[b-3i0w6qxjmc] {
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--marka-600) 10%, transparent);
    color: var(--marka-600);
    font-family: var(--font-body);
    font-size: 11.5px;
    font-weight: 700;
}
.aa-yan__kapat[b-3i0w6qxjmc] { flex-shrink: 0; }

.aa-liste[b-3i0w6qxjmc] { flex: 1; min-height: 0; overflow-y: auto; padding: 8px; }

.aa-liste__bos[b-3i0w6qxjmc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 18px 8px;
    text-align: center;
}
.aa-liste__bos p[b-3i0w6qxjmc] { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--anv-soluk); }
.aa-liste__eylem[b-3i0w6qxjmc] { white-space: nowrap; }

/* Liste hatası akış bandından AYRI: listeyi yeniden denemek akışı kapatmaz. */
.aa-liste__hata[b-3i0w6qxjmc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 8px 4px 10px;
    padding: 10px 12px;
    border: 1px solid var(--anv-dikkat-hat);
    border-radius: var(--kose-kart);
    background: var(--anv-dikkat-zemin);
    color: var(--anv-dikkat-metin);
    font-size: 12.5px;
    line-height: 1.45;
}
.aa-liste__yenile[b-3i0w6qxjmc] { align-self: flex-start; }

/* Yükleme iskeleti — modülün `az-iskelet` deseni (analiz.css). Liste gelene
   kadar "Henüz sohbet yok" YAZILMAZ (2026-09-01 denetimi). */
.aa-liste__iskelet[b-3i0w6qxjmc] { display: flex; flex-direction: column; gap: 6px; padding: 6px 0; }
.aa-iskelet-og[b-3i0w6qxjmc] { height: 46px; border-radius: var(--kose-kart); }

.aa-og[b-3i0w6qxjmc] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--kose-kart);
    margin-bottom: 2px;
    transition: background .12s, border-color .12s;
}
.aa-og:hover[b-3i0w6qxjmc] { background: color-mix(in srgb, var(--marka-600) 5%, transparent); }
.aa-og--secili[b-3i0w6qxjmc] {
    background: color-mix(in srgb, var(--marka-600) 9%, transparent);
    border-color: color-mix(in srgb, var(--marka-600) 28%, transparent);
}
.aa-og--secili:hover[b-3i0w6qxjmc] { background: color-mix(in srgb, var(--marka-600) 12%, transparent); }
.aa-og__govde[b-3i0w6qxjmc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
    padding: 8px 10px;
    background: none;
    border: none;
    cursor: pointer;
}
.aa-og__govde:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: -2px; border-radius: var(--kose-kart); }
.aa-og__baslik[b-3i0w6qxjmc] {
    font-size: 13px;
    color: var(--anv-ikincil);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aa-og--secili .aa-og__baslik[b-3i0w6qxjmc] { color: var(--anv-murekkep); font-weight: 600; }
.aa-og__meta[b-3i0w6qxjmc] { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--anv-ipucu); }
.aa-og__canli[b-3i0w6qxjmc] {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--basari); animation: pulse 1.4s ease-in-out infinite;
}
.aa-og__eylemler[b-3i0w6qxjmc] { display: none; gap: 1px; padding-right: 4px; }
.aa-og:hover .aa-og__eylemler[b-3i0w6qxjmc], .aa-og:focus-within .aa-og__eylemler[b-3i0w6qxjmc] { display: flex; }

.aa-daha[b-3i0w6qxjmc] {
    display: block;
    width: 100%;
    margin-top: 8px;
    padding: 9px 12px;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--anv-ikincil);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}
.aa-daha:hover:not(:disabled)[b-3i0w6qxjmc] { border-color: var(--marka-400); color: var(--marka-600); }
.aa-daha:disabled[b-3i0w6qxjmc] { opacity: .6; cursor: default; }
.aa-daha:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ikon düğmesi (liste eylemleri, mesaj altı eylemler) */
.aa-ikon[b-3i0w6qxjmc] {
    display: inline-grid;
    place-items: center;
    width: 28px; height: 28px;
    border: none;
    border-radius: 8px;
    background: none;
    color: var(--anv-soluk);
    cursor: pointer;
    transition: background .12s, color .12s;
}
.aa-ikon:hover:not(:disabled)[b-3i0w6qxjmc] { background: color-mix(in srgb, var(--marka-600) 8%, transparent); color: var(--marka-600); }
.aa-ikon:disabled[b-3i0w6qxjmc] { opacity: .5; cursor: default; }
.aa-ikon:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 1px; }
.aa-ikon--tehlike:hover:not(:disabled)[b-3i0w6qxjmc] { color: var(--anv-dikkat-metin); background: var(--anv-dikkat-zemin); }
.aa-ikon--secili[b-3i0w6qxjmc] { color: var(--marka-600); background: color-mix(in srgb, var(--marka-600) 12%, transparent); }

/* ═══════════════════════════ ORTA: akış ═══════════════════════════ */
.aa-ana[b-3i0w6qxjmc] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    background: var(--anv-kart-zemin);
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-bolum);
    box-shadow: var(--anv-kart-golge);
    overflow: hidden;
}

.aa-ust[b-3i0w6qxjmc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 10px 16px;
    border-bottom: 1px solid var(--anv-hat);
    background: var(--anv-grup-bas);
}
.aa-ust__kimlik[b-3i0w6qxjmc] { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
.aa-marka[b-3i0w6qxjmc], .aa-avatar[b-3i0w6qxjmc] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    font-family: var(--font-display);
    font-weight: 800;
    letter-spacing: .02em;
}
.aa-marka[b-3i0w6qxjmc] {
    width: 32px; height: 32px;
    border-radius: 3px 11px 11px 11px;
    font-size: 12px;
    background: var(--agv-kapak-amblem, var(--marka-600));
    color: var(--on-brand);
}
.aa-ust__metin[b-3i0w6qxjmc] { display: flex; flex-direction: column; min-width: 0; }
.aa-ust__ad[b-3i0w6qxjmc] {
    font-size: 14px; font-weight: 700; line-height: 1.2; color: var(--anv-murekkep);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.aa-ust__alt[b-3i0w6qxjmc] { font-size: 12px; color: var(--anv-soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aa-ust__adlandir[b-3i0w6qxjmc] { flex-shrink: 0; }

.aa-baglanti[b-3i0w6qxjmc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 4px 10px;
    border: 1px solid var(--anv-hat);
    border-radius: 3px 999px 999px 999px;
    background: var(--yuzey);
    font-size: 12px;
    font-weight: 600;
    color: var(--anv-soluk);
}
.aa-baglanti__nokta[b-3i0w6qxjmc] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.aa-baglanti--bagli[b-3i0w6qxjmc] { color: var(--anv-iyi-metin); border-color: var(--anv-iyi-hat); }
.aa-baglanti--bekliyor[b-3i0w6qxjmc] { color: var(--anv-orta-metin); border-color: var(--anv-orta-hat); }
.aa-baglanti--bekliyor .aa-baglanti__nokta[b-3i0w6qxjmc] { animation: pulse 1s ease-in-out infinite; }
.aa-baglanti--koptu[b-3i0w6qxjmc] { color: var(--anv-dikkat-metin); border-color: var(--anv-dikkat-hat); }

/* scroll-behavior: smooth BİLEREK YOK — akış sırasında dibe takip her karede
   scrollTop atar; smooth ile her atama yeni bir animasyon başlatır, hiçbiri
   bitmez ve görünüm takılır (kullanıcı şikayeti 2026-08-21: "yukarı çıkma
   aşağı gitme çok kötü"). Yumuşak kaydırma YALNIZ "sona git" pilinde,
   JS tarafında scrollTo({behavior:'smooth'}) ile yapılır. */
.aa-akis[b-3i0w6qxjmc] { position: relative; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
/* Alt dolgu = pil yüksekliği + pay: "Sona git" pili son satırın ÜSTÜNÜ
   kapatmasın (2026-08-22 ekran görüntüsünde tablonun üzerine biniyordu). */
.aa-akis__ic[b-3i0w6qxjmc] { max-width: 1180px; margin: 0 auto; padding: 22px 24px 56px; }

/* Sohbet geçmişi yüklenirken: karşılama yerine iskelet (2026-09-01 denetimi). */
.aa-akis__iskelet[b-3i0w6qxjmc] { display: flex; flex-direction: column; gap: 14px; padding: 8px 0; }
.aa-iskelet-mesaj[b-3i0w6qxjmc] { height: 84px; border-radius: var(--kose-kart); }
.aa-iskelet-mesaj--kisa[b-3i0w6qxjmc] { height: 48px; max-width: 62%; }

/* boş durum */
.aa-bos[b-3i0w6qxjmc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 52vh;
    gap: 12px;
    text-align: center;
    padding: 24px 12px;
}
.aa-bos__marka[b-3i0w6qxjmc] {
    display: grid;
    place-items: center;
    width: 56px; height: 56px;
    border-radius: 3px 18px 18px 18px;
    background: var(--agv-kapak-amblem, var(--marka-600));
    color: var(--on-brand);
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 18px;
    box-shadow: var(--anv-kart-golge);
}
.aa-bos__baslik[b-3i0w6qxjmc] {
    margin: 4px 0 0;
    font-family: var(--font-display);
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -.026em;
    color: var(--agv-kapak-metin, var(--anv-murekkep));
}
.aa-bos__metin[b-3i0w6qxjmc] { margin: 0; max-width: 460px; color: var(--anv-ikincil); font-size: 13.5px; line-height: 1.55; }
.aa-oneriler[b-3i0w6qxjmc] { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; max-width: 640px; }
.aa-oneri[b-3i0w6qxjmc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--anv-ikincil);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}
.aa-oneri svg[b-3i0w6qxjmc] { color: var(--marka-600); flex-shrink: 0; }
.aa-oneri:hover:not(:disabled)[b-3i0w6qxjmc] { border-color: var(--marka-400); color: var(--anv-murekkep); }
.aa-oneri:disabled[b-3i0w6qxjmc] { opacity: .55; cursor: default; }
.aa-oneri:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* mesaj */
@keyframes aa-gir-b-3i0w6qxjmc { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.aa-mesaj[b-3i0w6qxjmc] { display: flex; gap: 13px; margin-bottom: 24px; animation: aa-gir-b-3i0w6qxjmc .2s ease; }
.aa-mesaj__avatar[b-3i0w6qxjmc] { flex-shrink: 0; margin-top: 1px; }
.aa-avatar[b-3i0w6qxjmc] { width: 30px; height: 30px; border-radius: 50%; font-size: 10.5px; }
.aa-avatar--asistan[b-3i0w6qxjmc] { background: var(--yuzey); border: 1px solid var(--anv-hat); color: var(--marka-600); }
.aa-avatar--ben[b-3i0w6qxjmc] { background: var(--marka-600); color: var(--on-brand); }
.aa-mesaj__govde[b-3i0w6qxjmc] { flex: 1; min-width: 0; }
.aa-mesaj__yazar[b-3i0w6qxjmc] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 5px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--anv-ikincil);
}
.aa-mesaj__durum[b-3i0w6qxjmc], .aa-mesaj__zaman[b-3i0w6qxjmc] { font-weight: 500; font-size: 11.5px; color: var(--anv-ipucu); }
.aa-mesaj__durum[b-3i0w6qxjmc]::before, .aa-mesaj__zaman[b-3i0w6qxjmc]::before { content: "·"; margin-right: 8px; }

.aa-balon[b-3i0w6qxjmc] {
    display: inline-block;
    max-width: 100%;
    padding: 11px 15px;
    border: 1px solid color-mix(in srgb, var(--marka-600) 16%, transparent);
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--marka-600) 7%, transparent);
    color: var(--anv-murekkep);
    font-size: 14px;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-word;
}

/* düşünme (katlanabilir ince blok) */
.aa-dusunce[b-3i0w6qxjmc] { margin: 2px 0 10px; font-size: 12.5px; }
.aa-dusunce summary[b-3i0w6qxjmc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px 3px 4px;
    border-radius: 8px;
    color: var(--anv-soluk);
    cursor: pointer;
    user-select: none;
    list-style: none;
}
.aa-dusunce summary[b-3i0w6qxjmc]::-webkit-details-marker { display: none; }
.aa-dusunce summary:hover[b-3i0w6qxjmc] { color: var(--anv-murekkep); background: color-mix(in srgb, var(--marka-600) 6%, transparent); }
.aa-dusunce summary:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 1px; }
.aa-dusunce[open] summary[b-3i0w6qxjmc] { color: var(--anv-ikincil); }
.aa-dusunce__govde[b-3i0w6qxjmc] {
    margin: 6px 0 0 8px;
    padding: 8px 12px;
    max-height: 220px;
    overflow: auto;
    border-left: 2px solid var(--anv-hat);
    color: var(--anv-soluk);
    font-size: 12.5px;
    line-height: 1.55;
    white-space: pre-wrap;
}

/* ARAÇLAR — mesajda tek çip, adımlar native pencerede.
   Kullanıcı kararı 2026-08-21: "araçlar alt alta gözüküyor kötü duruyor",
   panel olsun, araç ÇIKTISI hiç görünmesin. */
.aa-arac-cip[b-3i0w6qxjmc] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 4px 0 12px;
    padding: 6px 12px 6px 9px;
    border: 1px solid var(--anv-hat);
    border-radius: 3px 999px 999px 999px;
    background: var(--yuzey);
    color: var(--anv-ikincil);
    font-size: 12.5px;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}
.aa-arac-cip:hover[b-3i0w6qxjmc], .aa-arac-cip--acik[b-3i0w6qxjmc] { border-color: var(--marka-400); color: var(--marka-600); }
.aa-arac-cip:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.aa-arac-cip--calisiyor[b-3i0w6qxjmc] { border-color: var(--marka-400); color: var(--marka-600); }
.aa-arac-cip__ikon[b-3i0w6qxjmc] { display: grid; place-items: center; flex-shrink: 0; }
.aa-arac-cip__metin[b-3i0w6qxjmc] { font-weight: 600; }
.aa-arac-cip__ok[b-3i0w6qxjmc] { flex-shrink: 0; opacity: .7; }

/* ═══════════════════════════ NATIVE PENCERELER ═══════════════════════════ */
/* `<dialog>` üst katmanda çizilir: sayfa aşağı kaydırılmışken de görünür,
   arka plan inert olur ve Tab odağı içeride kalır (tasarım sözleşmesi). */
.aa-panel[b-3i0w6qxjmc], .aa-popup[b-3i0w6qxjmc] {
    border: 1px solid var(--anv-hat);
    background: var(--anv-kart-zemin);
    color: var(--anv-murekkep);
    padding: 0;
    box-shadow: var(--anv-kart-golge);
}
.aa-panel[b-3i0w6qxjmc]::backdrop, .aa-popup[b-3i0w6qxjmc]::backdrop { background: var(--scrim); }

/* Araç adımları — sağa yaslı tam boy pencere. */
.aa-panel[b-3i0w6qxjmc] {
    width: min(440px, 100vw - 24px);
    max-width: none;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0 0 0 auto;
    display: none;
    flex-direction: column;
    border-radius: 22px 0 0 22px;
}
.aa-panel[open][b-3i0w6qxjmc] { display: flex; }
.aa-panel__bas[b-3i0w6qxjmc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 12px 12px 12px 16px;
    border-bottom: 1px solid var(--anv-hat);
    background: var(--anv-grup-bas);
}
.aa-panel__baslik[b-3i0w6qxjmc] {
    flex: 1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--anv-murekkep);
}
.aa-panel__sayi[b-3i0w6qxjmc] { font-family: var(--font-body); font-weight: 500; font-size: 12.5px; color: var(--anv-soluk); }
.aa-panel__kapat[b-3i0w6qxjmc] {
    display: grid;
    place-items: center;
    width: 30px; height: 30px;
    border: none;
    border-radius: 8px;
    background: none;
    color: var(--anv-soluk);
    cursor: pointer;
}
.aa-panel__kapat:hover[b-3i0w6qxjmc] { background: var(--yuzey); color: var(--anv-murekkep); }
.aa-panel__kapat:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.aa-panel__govde[b-3i0w6qxjmc] { flex: 1; min-height: 0; overflow-y: auto; padding: 10px 12px 16px; }
.aa-panel__bos[b-3i0w6qxjmc] { margin: 20px 4px; color: var(--anv-soluk); font-size: 13px; text-align: center; }

.aa-panel__kunye[b-3i0w6qxjmc] {
    flex-shrink: 0;
    padding: 10px 16px 12px;
    border-top: 1px solid var(--anv-hat-ince);
    background: var(--anv-cift-satir);
    font-size: 12px;
}
.aa-panel__kunye-baslik[b-3i0w6qxjmc] {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--agv-kapak-etiket, var(--anv-soluk));
}
.aa-panel__kunye dl[b-3i0w6qxjmc] { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; }
.aa-panel__kunye div[b-3i0w6qxjmc] { display: flex; gap: 6px; min-width: 0; }
.aa-panel__kunye dt[b-3i0w6qxjmc] { margin: 0; color: var(--anv-soluk); }
.aa-panel__kunye dd[b-3i0w6qxjmc] { margin: 0; color: var(--anv-ikincil); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; }

.aa-adim[b-3i0w6qxjmc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: var(--kose-kart);
    font-size: 13px;
}
.aa-adim + .aa-adim[b-3i0w6qxjmc] { margin-top: 2px; }
.aa-adim:hover[b-3i0w6qxjmc] { background: var(--anv-cift-satir); }
.aa-adim__ikon[b-3i0w6qxjmc] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 24px; height: 24px;
    border: 1px solid var(--anv-hat);
    border-radius: 3px 8px 8px 8px;
    background: var(--yuzey);
    color: var(--anv-soluk);
}
.aa-adim--calisiyor .aa-adim__ikon[b-3i0w6qxjmc] { border-color: var(--marka-400); color: var(--marka-600); }
.aa-adim--bitti .aa-adim__ikon[b-3i0w6qxjmc] { color: var(--anv-iyi-metin); border-color: var(--anv-iyi-hat); }
.aa-adim--hata .aa-adim__ikon[b-3i0w6qxjmc] { color: var(--anv-dikkat-metin); border-color: var(--anv-dikkat-hat); }
.aa-adim__ad[b-3i0w6qxjmc] { min-width: 0; font-weight: 600; color: var(--anv-murekkep); }
.aa-adim--hata .aa-adim__ad[b-3i0w6qxjmc] { color: var(--anv-dikkat-metin); }

/* Yerinde düzenleme / onay penceresi — ortalı, kendi gövdesinde kayar. */
.aa-popup[b-3i0w6qxjmc] {
    width: min(460px, 100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    border-radius: 3px 18px 18px 18px;
    display: none;
    flex-direction: column;
}
.aa-popup[open][b-3i0w6qxjmc] { display: flex; }
.aa-popup__bas[b-3i0w6qxjmc] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    padding: 16px 16px 12px 20px;
    border-bottom: 1px solid var(--anv-hat-ince);
}
.aa-popup__bas h2[b-3i0w6qxjmc] {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.018em;
    color: var(--agv-kapak-metin, var(--anv-murekkep));
}
.aa-popup__kapat[b-3i0w6qxjmc] {
    flex-shrink: 0;
    width: 30px; height: 30px;
    border: none;
    border-radius: 8px;
    background: none;
    color: var(--anv-soluk);
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}
.aa-popup__kapat:hover:not(:disabled)[b-3i0w6qxjmc] { background: var(--anv-cift-satir); color: var(--anv-murekkep); }
.aa-popup__kapat:disabled[b-3i0w6qxjmc] { opacity: .5; cursor: default; }
.aa-popup__kapat:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.aa-popup__govde[b-3i0w6qxjmc] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 14px 20px 16px;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--anv-ikincil);
}
.aa-popup__govde p[b-3i0w6qxjmc] { margin: 0 0 8px; }
.aa-popup__govde p:last-child[b-3i0w6qxjmc] { margin-bottom: 0; }
.aa-popup__govde .aa-alan[b-3i0w6qxjmc] { flex: none; max-width: none; margin-bottom: 8px; }
/* Alan etiketi kapaktakiyle aynı dili konuşur. Vitrinin `.ag-alan` kuralı
   `.az-filtre` içine kapalı olduğundan popup'ta hiç uygulanmıyor ve etiket düz
   gövde metni gibi görünüyordu (2026-09-20 denetimi). Punto tek satırda iki
   kırılımı karşılar: `--yazi-etiket` yalnız telefon bandında tanımlı (11 px),
   masaüstü/tablette geri düşüş kapak sözleşmesinin 10 px'i. */
.aa-popup__govde .ag-alan[b-3i0w6qxjmc] {
    font-size: var(--yazi-etiket, 10px);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--agv-tepsi-etiket, var(--anv-soluk));
}
.aa-popup__girdi[b-3i0w6qxjmc] {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--agv-kapak-alan-hat, var(--anv-hat));
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--anv-murekkep);
    font: inherit;
    font-size: 13.5px;
}
.aa-popup__girdi:focus-visible[b-3i0w6qxjmc] { outline: none; border-color: var(--marka-400); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marka-600) 14%, transparent); }
.aa-popup__ipucu[b-3i0w6qxjmc] { margin: 0; font-size: 12px; color: var(--anv-ipucu); }
.aa-popup__hata[b-3i0w6qxjmc] {
    margin: 0 0 10px;
    padding: 9px 12px;
    border: 1px solid var(--anv-dikkat-hat);
    border-radius: var(--kose-kart);
    background: var(--anv-dikkat-zemin);
    color: var(--anv-dikkat-metin);
    font-size: 12.5px;
}
.aa-popup__eylemler[b-3i0w6qxjmc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
    padding: 12px 20px 16px;
    border-top: 1px solid var(--anv-hat-ince);
}
.aa-popup__tehlike[b-3i0w6qxjmc] {
    border-color: var(--anv-dikkat-hat);
    background: var(--anv-dikkat-zemin);
    color: var(--anv-dikkat-metin);
    font-weight: 700;
}
.aa-popup__tehlike:hover:not(:disabled)[b-3i0w6qxjmc] { background: color-mix(in srgb, var(--anv-dikkat-hat) 22%, var(--yuzey)); }

/* spinner / noktalar / imleç */
@keyframes aa-don-b-3i0w6qxjmc { to { transform: rotate(360deg); } }
.aa-spinner[b-3i0w6qxjmc] {
    width: 12px; height: 12px;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--marka-600) 25%, transparent);
    border-top-color: var(--marka-600);
    animation: aa-don-b-3i0w6qxjmc .8s linear infinite;
}
@keyframes aa-zipla-b-3i0w6qxjmc { 0%, 80%, 100% { transform: scale(.6); opacity: .4; } 40% { transform: scale(1); opacity: 1; } }
.aa-dusunuyor[b-3i0w6qxjmc] {
    display: flex; align-items: center; gap: 10px; padding: 4px 0;
    color: var(--anv-soluk); font-size: 13px;
}
.aa-noktalar[b-3i0w6qxjmc] { display: inline-flex; gap: 4px; }
.aa-noktalar i[b-3i0w6qxjmc] { width: 6px; height: 6px; border-radius: 50%; background: var(--marka-600); animation: aa-zipla-b-3i0w6qxjmc 1.2s ease infinite; }
.aa-noktalar i:nth-child(2)[b-3i0w6qxjmc] { animation-delay: .15s; }
.aa-noktalar i:nth-child(3)[b-3i0w6qxjmc] { animation-delay: .3s; }
@keyframes aa-yanson-b-3i0w6qxjmc { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.aa-imlec[b-3i0w6qxjmc] {
    display: inline-block; width: 8px; height: 17px; margin: 0 0 -3px 2px; border-radius: 2px;
    background: var(--marka-600); animation: aa-yanson-b-3i0w6qxjmc .9s ease infinite;
}

/* grafik / rapor kartları */
.aa-kart[b-3i0w6qxjmc] {
    margin: 12px 0 0;
    padding: 0;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    overflow: hidden;
}
.aa-kart__bas[b-3i0w6qxjmc] { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-bottom: 1px solid var(--anv-hat-ince); }
.aa-kart__ikon[b-3i0w6qxjmc] { display: grid; place-items: center; color: var(--marka-600); }
.aa-kart__baslik[b-3i0w6qxjmc] { font-size: 13px; font-weight: 600; color: var(--anv-murekkep); }
.aa-kart--grafik .aa-grafik[b-3i0w6qxjmc] { width: 100%; height: 320px; padding: 8px 6px; }
.aa-kart--rapor[b-3i0w6qxjmc] { display: flex; align-items: center; gap: 12px; padding: 12px 14px; }
.aa-rapor__tip[b-3i0w6qxjmc] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 42px; height: 42px;
    border-radius: 3px 11px 11px 11px;
    background: color-mix(in srgb, var(--marka-600) 10%, transparent);
    color: var(--marka-600);
    font-family: var(--font-display);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}
.aa-rapor__metin[b-3i0w6qxjmc] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.aa-rapor__metin .aa-kart__baslik[b-3i0w6qxjmc] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aa-rapor__alt[b-3i0w6qxjmc] { font-size: 12px; color: var(--anv-soluk); }
.aa-rapor__indir[b-3i0w6qxjmc] { flex-shrink: 0; }

/* bantlar */
.aa-band[b-3i0w6qxjmc] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 10px;
    padding: 9px 13px;
    border-radius: var(--kose-kart);
    font-size: 13px;
    line-height: 1.45;
}
.aa-band--hata[b-3i0w6qxjmc] {
    background: var(--anv-dikkat-zemin);
    border: 1px solid var(--anv-dikkat-hat);
    color: var(--anv-dikkat-metin);
}
.aa-band--uyari[b-3i0w6qxjmc] {
    background: var(--anv-orta-zemin);
    border: 1px solid var(--anv-orta-hat);
    color: var(--anv-orta-metin);
}
.aa-band--bilgi[b-3i0w6qxjmc] {
    background: var(--anv-iyi-zemin);
    border: 1px solid var(--anv-iyi-hat);
    color: var(--anv-iyi-metin);
}
.aa-band__kapat[b-3i0w6qxjmc] { margin-left: auto; padding: 2px 6px; border: none; border-radius: 6px; background: none; color: inherit; opacity: .7; cursor: pointer; }
.aa-band__kapat:hover[b-3i0w6qxjmc] { opacity: 1; background: color-mix(in srgb, currentColor 12%, transparent); }

/* mesaj altı eylemler */
.aa-eylemler[b-3i0w6qxjmc] { display: flex; align-items: center; gap: 2px; margin-top: 6px; opacity: 0; transition: opacity .15s; }
.aa-mesaj:hover .aa-eylemler[b-3i0w6qxjmc], .aa-eylemler:focus-within[b-3i0w6qxjmc], .aa-mesaj:last-child .aa-eylemler[b-3i0w6qxjmc] { opacity: 1; }
.aa-eylemler__not[b-3i0w6qxjmc] { font-size: 12px; color: var(--anv-iyi-metin); margin-left: 4px; }

/* "sona git" pili */
.aa-dibe[b-3i0w6qxjmc] {
    position: sticky;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 1px solid var(--anv-hat);
    border-radius: 3px 999px 999px 999px;
    background: var(--yuzey);
    box-shadow: var(--anv-kart-golge);
    color: var(--anv-murekkep);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}
.aa-dibe:hover[b-3i0w6qxjmc] { border-color: var(--marka-400); }
.aa-dibe--gorunur[b-3i0w6qxjmc] { display: inline-flex; }

/* ═══════════════════════════ ALT: soru + kompozer ═══════════════════════════ */
.aa-alt[b-3i0w6qxjmc] { flex-shrink: 0; padding: 6px 20px 12px; border-top: 1px solid var(--anv-hat); background: var(--anv-grup-bas); }

/* Durum bantları kompozerle AYNI kolonda hizalanır (akıştan buraya taşındılar:
   akışın içindeyken kullanıcı yukarı kaydırmışsa hata ekran dışında kalıyordu). */
.aa-alt > .aa-band[b-3i0w6qxjmc] { max-width: 1180px; margin: 8px auto 0; }

.aa-soru[b-3i0w6qxjmc] {
    max-width: 1180px;
    margin: 8px auto 10px;
    padding: 12px 14px;
    border: 1px solid var(--marka-400);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    animation: aa-gir-b-3i0w6qxjmc .2s ease;
}
.aa-soru__metin[b-3i0w6qxjmc] { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 10px; font-size: 13.5px; font-weight: 600; color: var(--anv-murekkep); }
.aa-soru__metin svg[b-3i0w6qxjmc] { flex-shrink: 0; margin-top: 2px; color: var(--marka-600); }
.aa-soru__secenekler[b-3i0w6qxjmc] { display: flex; flex-wrap: wrap; gap: 8px; }
.aa-secenek[b-3i0w6qxjmc] {
    padding: 7px 14px;
    border: 1px solid var(--anv-hat);
    border-radius: 3px 999px 999px 999px;
    background: var(--yuzey);
    color: var(--anv-murekkep);
    font-size: 13px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.aa-secenek:hover[b-3i0w6qxjmc] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-600) 8%, transparent); }
.aa-secenek:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Soruya YAZILI yanıt — kompozerden ayrı, karta gömülü mini girdi */
.aa-soru__yaz[b-3i0w6qxjmc] { display: flex; gap: 8px; margin-top: 10px; }
.aa-soru__girdi[b-3i0w6qxjmc] {
    flex: 1;
    min-width: 0;
    padding: 7px 12px;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--anv-murekkep);
    font-size: 13px;
    transition: border-color .15s;
}
.aa-soru__girdi:focus-visible[b-3i0w6qxjmc] { outline: none; border-color: var(--marka-400); }
.aa-soru__girdi[b-3i0w6qxjmc]::placeholder { color: var(--anv-ipucu); }
.aa-soru__gonder[b-3i0w6qxjmc] {
    padding: 7px 14px;
    border: 1px solid var(--marka-600);
    border-radius: var(--kose-dugme);
    background: var(--marka-600);
    color: var(--on-brand);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
.aa-soru__gonder:hover:not(:disabled)[b-3i0w6qxjmc] { background: var(--marka-500); border-color: var(--marka-500); }
.aa-soru__gonder:disabled[b-3i0w6qxjmc] { opacity: .45; cursor: default; }
.aa-soru__gonder:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Tahmini devam soruları — boş-durum çipleriyle aynı görsel dil, sola yaslı ve kompakt */
.aa-oneriler--devam[b-3i0w6qxjmc] { justify-content: flex-start; max-width: 1180px; margin: 0 auto 8px; width: 100%; }
.aa-oneriler--devam .aa-oneri[b-3i0w6qxjmc] { font-size: 12.5px; padding: 6px 12px; }

.aa-kompozer[b-3i0w6qxjmc] {
    max-width: 1180px;
    margin: 8px auto 0;
    padding: 10px 12px 8px;
    border: 1px solid var(--anv-hat);
    border-radius: 3px 18px 18px 18px;
    background: var(--yuzey);
    transition: border-color .15s, box-shadow .15s;
}
.aa-kompozer:focus-within[b-3i0w6qxjmc] { border-color: var(--marka-400); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marka-600) 14%, transparent); }
.aa-kompozer--mesgul[b-3i0w6qxjmc] { opacity: .85; }
.aa-kompozer__rozetler[b-3i0w6qxjmc] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.aa-rozet[b-3i0w6qxjmc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px 4px 10px;
    border-radius: 3px 999px 999px 999px;
    background: color-mix(in srgb, var(--marka-600) 10%, transparent);
    color: var(--marka-600);
    font-size: 12px;
    font-weight: 600;
}
.aa-rozet__kapat[b-3i0w6qxjmc] { padding: 0 5px; border: none; border-radius: 50%; background: none; color: inherit; opacity: .75; cursor: pointer; }
.aa-rozet__kapat:hover[b-3i0w6qxjmc] { opacity: 1; }
.aa-girdi[b-3i0w6qxjmc] {
    display: block;
    width: 100%;
    min-height: 24px;
    max-height: 220px;
    resize: none;
    border: none;
    background: none;
    outline: none;
    padding: 4px 4px 2px;
    color: var(--anv-murekkep);
    font: inherit;
    font-size: 14.5px;
    line-height: 1.5;
}
.aa-girdi[b-3i0w6qxjmc]::placeholder { color: var(--anv-ipucu); }
.aa-girdi:disabled[b-3i0w6qxjmc] { color: var(--anv-soluk); }
.aa-kompozer__cubuk[b-3i0w6qxjmc] { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.aa-kompozer__ipucu[b-3i0w6qxjmc] { flex: 1; font-size: 11.5px; color: var(--anv-ipucu); }
.aa-kompozer__ipucu kbd[b-3i0w6qxjmc] {
    font: inherit;
    font-size: 10.5px;
    padding: 1px 5px;
    border: 1px solid var(--anv-hat);
    border-radius: 5px;
    background: var(--anv-cift-satir);
}
/* Karakter sayacı — yalnız sınıra yaklaşınca basılır; doluyken uyarı rengine
   döner (uç 8000 karakterden sonrasını 422 ile geri çeviriyor). */
.aa-sayac[b-3i0w6qxjmc] {
    flex-shrink: 0;
    font-size: 11.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--anv-soluk);
}
.aa-sayac--dolu[b-3i0w6qxjmc] { color: var(--anv-dikkat-metin); }

.aa-gonder[b-3i0w6qxjmc] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 36px; height: 36px;
    border: 1px solid var(--marka-600);
    border-radius: 3px 11px 11px 11px;
    background: var(--marka-600);
    color: var(--on-brand);
    cursor: pointer;
    transition: background .15s, opacity .15s;
}
.aa-gonder:hover:not(:disabled)[b-3i0w6qxjmc] { background: var(--marka-500); border-color: var(--marka-500); }
.aa-gonder:disabled[b-3i0w6qxjmc] { opacity: .4; cursor: not-allowed; }
.aa-gonder:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.aa-gonder--durdur[b-3i0w6qxjmc] {
    background: var(--anv-dikkat-zemin);
    border-color: var(--anv-dikkat-hat);
    color: var(--anv-dikkat-metin);
}
.aa-gonder--durdur:hover[b-3i0w6qxjmc] { background: color-mix(in srgb, var(--anv-dikkat-hat) 22%, var(--yuzey)); }
.aa-dipnot[b-3i0w6qxjmc] { max-width: 1180px; margin: 8px auto 0; font-size: 11.5px; color: var(--anv-ipucu); text-align: center; }

/* ═══════════════════════════ JS-sahipli markdown (::deep) ═══════════════════════════ */
[b-3i0w6qxjmc] .aa-md { font-size: 14px; line-height: 1.65; color: var(--anv-murekkep); word-break: break-word; }
[b-3i0w6qxjmc] .aa-md > *:first-child { margin-top: 0; }
[b-3i0w6qxjmc] .aa-md > *:last-child { margin-bottom: 0; }
[b-3i0w6qxjmc] .aa-md p { margin: 0 0 12px; }
[b-3i0w6qxjmc] .aa-md h1, [b-3i0w6qxjmc] .aa-md h2, [b-3i0w6qxjmc] .aa-md h3, [b-3i0w6qxjmc] .aa-md h4 {
    margin: 20px 0 10px;
    font-family: var(--font-display);
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--anv-murekkep);
}
[b-3i0w6qxjmc] .aa-md h1 { font-size: 19px; }
[b-3i0w6qxjmc] .aa-md h2 { font-size: 17px; }
[b-3i0w6qxjmc] .aa-md h3 { font-size: 15px; }
[b-3i0w6qxjmc] .aa-md h4 { font-size: 14px; }
[b-3i0w6qxjmc] .aa-md ul, [b-3i0w6qxjmc] .aa-md ol { margin: 0 0 12px; padding-left: 24px; }
[b-3i0w6qxjmc] .aa-md li { margin: 3px 0; }
[b-3i0w6qxjmc] .aa-md li::marker { color: var(--marka-600); }
[b-3i0w6qxjmc] .aa-md a { color: var(--marka-600); text-decoration: underline; }
[b-3i0w6qxjmc] .aa-md strong { font-weight: 650; }
[b-3i0w6qxjmc] .aa-md blockquote {
    margin: 0 0 12px;
    padding: 4px 16px;
    border-left: 3px solid var(--marka-400);
    border-radius: 0 8px 8px 0;
    background: var(--anv-cift-satir);
    color: var(--anv-ikincil);
}
[b-3i0w6qxjmc] .aa-md code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12.5px;
    padding: 1.5px 6px;
    border: 1px solid var(--anv-hat);
    border-radius: 5px;
    background: var(--anv-cift-satir);
}
[b-3i0w6qxjmc] .aa-md pre {
    margin: 0 0 14px;
    padding: 12px 14px;
    overflow-x: auto;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-kart);
    background: var(--anv-grup-bas);
}
[b-3i0w6qxjmc] .aa-md pre code { display: block; padding: 0; border: none; background: none; color: var(--anv-murekkep); font-size: 12.5px; line-height: 1.6; }

/* TABLO — Akademik Analiz standardı: mavi→petrol geçişli başlık (`--marka-rampa-serit`),
   beyaz yazı, beyaz gövde, hafif çift satır. Uzun tablo KENDİ alanında kayar ve
   başlığı üstte sabit kalır (referans ölçüsü: max-height min(540px, 60dvh)).

   ⚠️ `width: 100%` DEĞİL `min-width: 100%`. Eski hâli tabloyu kabın genişliğine
   ZORLUYORDU: ilk sütunlar `nowrap` olduğu için hiç daralamıyor, tüm ezilme
   son sütuna biniyor ve o sütun sarmalı olduğundan HARF HARF sarılıyordu —
   tek satır 600 piksel yükseklik alıyordu (2026-08-22 ekran görüntüsü). */
[b-3i0w6qxjmc] .aa-md table {
    display: block;
    min-width: 100%;
    width: auto;
    max-width: 100%;
    max-height: min(540px, 60dvh);
    overflow: auto;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 14px;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-kart);
    font-size: 13px;
}
[b-3i0w6qxjmc] .aa-md thead { position: sticky; top: 0; z-index: 1; background: var(--marka-rampa-serit); }
[b-3i0w6qxjmc] .aa-md th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    border: 0;
    border-bottom: 1px solid var(--anv-hat-ince);
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}
[b-3i0w6qxjmc] .aa-md td {
    padding: 10px 13px;
    border: 0;
    border-bottom: 1px solid var(--anv-hat-ince);
    color: var(--anv-murekkep);
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
[b-3i0w6qxjmc] .aa-md tr:nth-child(even) td { background: var(--anv-cift-satir); }
[b-3i0w6qxjmc] .aa-md tr:last-child td { border-bottom: 0; }
/* Son sütun sarabilir ama bir sınırın altına inemez: okunabilir kalmalı. */
[b-3i0w6qxjmc] .aa-md td:last-child, [b-3i0w6qxjmc] .aa-md th:last-child { white-space: normal; min-width: 22ch; }
[b-3i0w6qxjmc] .aa-md hr { border: none; border-top: 1px solid var(--anv-hat); margin: 18px 0; }
[b-3i0w6qxjmc] .aa-md img { max-width: 100%; border-radius: var(--kose-kart); }

/* VARLIK BAĞI — sohbet metnindeki öğrenci adı / öğrenme çıktısı kodu.
   Bağlantı gibi görünmeli ama metni gürültüye boğmamalı: nokta-altı çizgi,
   üzerine gelince belirginleşir. Satır içi akışı bozmaz. */
.aa-varlik[b-3i0w6qxjmc] {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: underline dotted;
    text-underline-offset: 2px;
    text-decoration-color: var(--marka-400);
}
.aa-varlik:hover[b-3i0w6qxjmc] { color: var(--marka-600); text-decoration-style: solid; }
.aa-varlik:focus-visible[b-3i0w6qxjmc] { outline: 2px solid var(--marka-600); outline-offset: 2px; border-radius: 3px; }

/* KONUŞMA HİZASI (kullanıcı isteği 2026-08-22): kullanıcı SAĞDA, asistan
   SOLDA. Eskiden ikisi de solda hizalıydı ve kimin konuştuğu ancak avatara
   bakılarak anlaşılıyordu. */
.aa-mesaj--user[b-3i0w6qxjmc] { flex-direction: row-reverse; }
.aa-mesaj--user .aa-mesaj__govde[b-3i0w6qxjmc] { display: flex; flex-direction: column; align-items: flex-end; }
.aa-mesaj--user .aa-mesaj__yazar[b-3i0w6qxjmc] { flex-direction: row-reverse; }
/* Kullanıcı balonu satırı doldurmasın — soru kısa, cevap uzun. */
.aa-mesaj--user .aa-balon[b-3i0w6qxjmc] { max-width: min(78%, 640px); }
/* Asistan tarafı GENİŞ kalır: yanıtlar tablo/grafik taşıyor. */
.aa-mesaj--assistant .aa-mesaj__govde[b-3i0w6qxjmc] { width: 100%; }

.aa-perde[b-3i0w6qxjmc] { display: none; }

/* ═══════════════════════════ CİHAZ (YENI-DIL §1.1) ═══════════════════════════ */
/* Sohbet listesi çekmeceye iner, eylemler kapakta kalır. Eşik artık 900 px
   değil, ortak cihaz sınıfı: ≤1023 px ve 1024–1279 px dokunmatik. */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aa-kabuk[b-3i0w6qxjmc] { grid-template-columns: minmax(0, 1fr); }
    .aa-listeyi-ac[b-3i0w6qxjmc] { display: inline-flex; }
    .aa-yan[b-3i0w6qxjmc] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 60;
        width: min(86vw, 320px);
        border-radius: 0 var(--kose-bolum) var(--kose-bolum) 0;
        visibility: hidden;
        transform: translateX(-105%);
        transition: transform .22s var(--ease-smooth);
    }
    .aa-kabuk--cekmece .aa-yan[b-3i0w6qxjmc] { visibility: visible; transform: none; }
    .aa-kabuk--cekmece .aa-perde[b-3i0w6qxjmc] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 55;
        border: none;
        background: var(--scrim);
        cursor: default;
    }

    /* Dokunma hedefleri (K3): görünen kutu değişmeden 44 px.
       `.aa-sekme` BURADA YOK: segment düğmesinin cihaz ölçüsünü kapak
       sözleşmesi veriyor (`analiz-vitrin.css` · `.af-seg` 46 px kap,
       `.af-seg__b` 38 px düğme) ve o seçici buradakinden daha güçlü —
       yazılan 40 px hiç uygulanmıyordu (2026-09-20 denetimi). */
    .aa-ikon[b-3i0w6qxjmc] { min-width: 44px; min-height: 44px; }
    .aa-og__eylemler[b-3i0w6qxjmc] { display: flex; }
    .aa-panel[b-3i0w6qxjmc] { width: min(420px, 100vw); }

    /* Arama alanı kapaktaki kardeşleriyle aynı yüksekliğe gelir: vitrin
       cihaz bandı `.ag-girdi` ve `.af-seg`e 46 px veriyor, bu alan 34 px'te
       kalıyordu — hem hizasız hem K3'ün altındaydı (dokunmatik dizüstünde
       `body.edulive-cihaz` yokken cihaz katmanı da devreye girmiyor). */
    .aa-arama[b-3i0w6qxjmc] { min-height: 46px; }
    .aa-arama input[b-3i0w6qxjmc] { font-size: max(16px, 1rem); }
}

/* ═══════════════════════════ TELEFON (YENI-DIL §1.1) ═══════════════════════════ */
@media (max-width: 640px) {
    .aa-suzgec__cubuk[b-3i0w6qxjmc] { gap: 10px; }
    .aa-alan[b-3i0w6qxjmc], .aa-alan--ara[b-3i0w6qxjmc] { flex: 1 1 100%; max-width: none; }
    .aa-sekmeler[b-3i0w6qxjmc] { width: 100%; }
    /* Yalnız genişleme: yükseklik yine kapak sözleşmesinden gelir. */
    .aa-sekme[b-3i0w6qxjmc] { flex: 1; }

    /* Dokunmatikte girdi 16 px altına inemez (iOS odakta sayfayı yakınlaştırır).
       `.aa-arama` cihaz bandında zaten 46 px + 16 px alıyor. */
    .aa-soru__girdi[b-3i0w6qxjmc], .aa-popup__girdi[b-3i0w6qxjmc] { font-size: max(16px, 1rem); min-height: 44px; }

    .aa-akis__ic[b-3i0w6qxjmc] { padding: 16px 14px 48px; }
    .aa-alt[b-3i0w6qxjmc] { padding: 6px 12px 10px; }
    .aa-kompozer__ipucu[b-3i0w6qxjmc] { display: none; }
    .aa-baglanti[b-3i0w6qxjmc] { font-size: 0; gap: 0; padding: 6px; }
    .aa-mesaj[b-3i0w6qxjmc] { gap: 10px; margin-bottom: 20px; }
    .aa-bos__baslik[b-3i0w6qxjmc] { font-size: var(--yazi-kapak, 20px); }
    .aa-bos__metin[b-3i0w6qxjmc] { font-size: 13px; }
    .aa-kart--grafik .aa-grafik[b-3i0w6qxjmc] { height: 260px; }
    .aa-yan__baslik[b-3i0w6qxjmc], .aa-panel__baslik[b-3i0w6qxjmc] { font-size: var(--yazi-bolum, 14px); }
    .aa-daha[b-3i0w6qxjmc] { min-height: 44px; }

    /* Pencereler ekrana ve güvenli alana sığar; kendi gövdelerinde kayar. */
    .aa-panel[b-3i0w6qxjmc] { width: 100vw; max-width: 100vw; border-radius: 0; }
    .aa-popup[b-3i0w6qxjmc] {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 24px);
        border-radius: var(--kose-kart);
    }
    .aa-popup__eylemler[b-3i0w6qxjmc] { flex-wrap: wrap; }
    .aa-popup__eylemler .au-btn[b-3i0w6qxjmc] { flex: 1 1 auto; min-height: 44px; }
}

/* HAREKETİ AZALT — öncelik damgası KULLANILMADAN, sayılı seçicilerle (tasarım
   sözleşmesi; `analiz-vitrin.css:1874` ve `:2483` de böyle yazıyor). Eski hâli
   evrensel seçiciyi (`*, *::before, *::after`) öncelik damgasıyla eziyordu:
   kapsamlı CSS'te bu seçici sayfadaki HER düğüme yazılır ve damga, bileşenin
   kendi kurallarının dışına (JS'in bastığı markdown ağacına) da taşardı.
   Aşağıdaki liste bu dosyadaki tüm animation/transition bildirimlerini karşılar. */
@media (prefers-reduced-motion: reduce) {
    .aa-og__canli[b-3i0w6qxjmc],
    .aa-baglanti--bekliyor .aa-baglanti__nokta[b-3i0w6qxjmc],
    .aa-mesaj[b-3i0w6qxjmc],
    .aa-spinner[b-3i0w6qxjmc],
    .aa-noktalar i[b-3i0w6qxjmc],
    .aa-imlec[b-3i0w6qxjmc],
    .aa-soru[b-3i0w6qxjmc] { animation: none; }

    /* İmleç yanıp sönmeyince de görünür kalmalı (akış sürüyor işareti). */
    .aa-imlec[b-3i0w6qxjmc] { opacity: 1; }

    .aa-og[b-3i0w6qxjmc],
    .aa-ikon[b-3i0w6qxjmc],
    .aa-oneri[b-3i0w6qxjmc],
    .aa-arac-cip[b-3i0w6qxjmc],
    .aa-eylemler[b-3i0w6qxjmc],
    .aa-secenek[b-3i0w6qxjmc],
    .aa-soru__girdi[b-3i0w6qxjmc],
    .aa-soru__gonder[b-3i0w6qxjmc],
    .aa-kompozer[b-3i0w6qxjmc],
    .aa-gonder[b-3i0w6qxjmc],
    .aa-yan[b-3i0w6qxjmc] { transition: none; }
}
/* DOKUNMATİKTE GÖRÜNMEZ-AMA-TIKLANABİLİR YOK: `.aa-eylemler` masaüstünde
   `opacity: 0` ile duruyor ve yalnız `:hover`/`:focus-within` ile beliriyor.
   Hover'ı olmayan cihazda bu kural hiç tetiklenmediği için kopyala/oy/yeniden
   üret düğmeleri GÖRÜNMEZ kalıyor, ama saydam düğme tıklamayı yine alıyordu:
   kullanıcı yanlışlıkla "Faydasız" oyu verebiliyordu (2026-09-20 denetimi). */
@media (hover: none) {
    .aa-og__eylemler[b-3i0w6qxjmc] { display: flex; }
    .aa-eylemler[b-3i0w6qxjmc] { opacity: 1; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceri.razor.rz.scp.css */
/* AN-06: sekiz mevcut ölçü ve çok alanlı kapak, Akademik Analiz token'larıyla. */
.ab-sayfa[b-drz84trr62] { min-width: 0; }
.ab-not[b-drz84trr62] { margin: 0 0 14px; font-size: 12px; line-height: 1.5; color: var(--anv-ikincil); }
.ab-iskelet-kpi[b-drz84trr62] { height: 110px; }
.ab-iskelet-grafik[b-drz84trr62] { height: 420px; margin-bottom: 16px; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
}
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { grid-area: eylem; align-self: center; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .ab-karne { min-height: 34px; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4n) { border-right: 0; }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+4) { border-bottom: 0; }
/* Mevcut lacivert–petrol–yeşil paleti sekiz metriğe yayılır. */
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2) .ak-kpi__b { background: color-mix(in srgb, var(--agv-kpi-etiket-1), var(--agv-kpi-etiket-2)); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3) .ak-kpi__b { background: var(--agv-kpi-etiket-2); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4) .ak-kpi__b { background: var(--agv-kpi-etiket-3); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(5) .ak-kpi__b { background: var(--agv-kpi-etiket-4); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(6) .ak-kpi__b { background: var(--agv-kpi-etiket-5); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(7) .ak-kpi__b { background: color-mix(in srgb, var(--agv-kpi-etiket-5), var(--agv-kpi-etiket-6)); }
.ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(8) .ak-kpi__b { background: var(--agv-kpi-etiket-6); }
@media (min-width: 1540px) {
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 0; }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4) { border-right: 1px solid var(--anv-hat-ince); }
}
@media (max-width: 640px) {
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; position: relative; }
    /* Karnenin yanındaki indirme menüsü tüm eylem satırına hizalanır. */
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .rsm { position: static; }
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .rsm__menu { right: auto; left: 0; transform-origin: top left; }
}
@media (max-width: 1023px) and (pointer: coarse),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .ab-karne,
    .ab-sayfa[b-drz84trr62]  .au-page.analiz-vitrin.analiz-genel-vitrin .af-toplu .au-btn { min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriAgac.razor.rz.scp.css */
/* AN-07: sayfaya özgü düzen; renk ve ölçüler Akademik Analiz'den gelir. */
.aba-sayfa[b-5sk5jpocas] { min-width: 0; }
.aba-iskelet-kpi[b-5sk5jpocas] { height: 110px; }
.aba-iskelet-grafik[b-5sk5jpocas] { height: 420px; margin-bottom: 16px; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .aba-baglam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
}
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { grid-area: eylem; align-self: center; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
@media (max-width: 640px) {
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
}

.aba-secili[b-5sk5jpocas] { font-size: 12px; color: var(--anv-ikincil); }
.aba-secili b[b-5sk5jpocas] { color: var(--anv-murekkep); }
@media (min-width: 1540px) {
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr) auto auto;
        grid-template-areas: "geri baslik filtre eylem";
    }
}

.aba-onay[b-5sk5jpocas] { display: inline-flex; align-items: center; gap: 8px; align-self: flex-end; min-height: 34px; font-size: 12px; color: var(--anv-ikincil); cursor: pointer; }
.aba-onay input[b-5sk5jpocas] { accent-color: var(--marka-500); }
.aba-iskelet-sun[b-5sk5jpocas] { height: 640px; }
.aba-sun[b-5sk5jpocas]  .ag-kap.uzun { height: 640px; }
@media (max-width: 640px) {
    .aba-sun[b-5sk5jpocas]  .ag-kap.uzun, .aba-iskelet-sun[b-5sk5jpocas] { height: 420px; }
}
@media (max-width: 1023px) and (pointer: coarse),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aba-onay[b-5sk5jpocas] { min-height: 44px; }
}
@media (min-width: 1540px) {
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre { width: max-content; max-width: none; }
    .aba-sayfa[b-5sk5jpocas]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: nowrap; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriBilesen.razor.rz.scp.css */
/* AN-07: sayfaya özgü düzen; renk ve ölçüler Akademik Analiz'den gelir. */
.abb-sayfa[b-wt2cqhrlt8] { min-width: 0; }
.abb-iskelet-kpi[b-wt2cqhrlt8] { height: 110px; }
.abb-iskelet-grafik[b-wt2cqhrlt8] { height: 420px; margin-bottom: 16px; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .abb-baglam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
}
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { grid-area: eylem; align-self: center; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
@media (max-width: 640px) {
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
}

.abb-alan[b-wt2cqhrlt8] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.abb-arama-sonuc[b-wt2cqhrlt8] { flex-basis: 100%; order: 2; font-size: 12px; color: var(--anv-ikincil); }
.abb-kunye__yol[b-wt2cqhrlt8] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; color: var(--anv-ikincil); }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(3) { flex: 1 1 320px; width: 320px; max-width: 480px; min-width: 0; }
.abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(3) { width: auto; max-width: none; }
    .abb-arama-sonuc[b-wt2cqhrlt8] { grid-column: 1 / -1; }
}
@media (min-width: 1540px) {
    .abb-sayfa[b-wt2cqhrlt8]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr) minmax(0, 960px);
        grid-template-areas: "geri baslik filtre";
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriGelisim.razor.rz.scp.css */
/* AN-08: sayfaya özgü kapak; ortak referans stilleri korunur. */
.abg-sayfa[b-2p29k7kura] { min-width: 0; }
.abg-not[b-2p29k7kura] { margin: 0 0 16px; color: var(--anv-ikincil); font-size: 12px; line-height: 1.5; }
.abg-isk-kpi[b-2p29k7kura], .abg-iskelet-kpi[b-2p29k7kura] { height: 110px; }
.abg-isk-uzun[b-2p29k7kura], .abg-iskelet-grafik[b-2p29k7kura] { height: 420px; margin-bottom: 16px; }
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
}
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { grid-area: eylem; align-self: center; }
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
@media (max-width: 640px) {
    .abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title { white-space: normal; }
    .abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
    .abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .rsm__menu { left: 0; right: auto; transform-origin: top left; }
    .abg-sayfa[b-2p29k7kura]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriIsi.razor.rz.scp.css */
/* AN-08: sayfaya özgü kapak; ortak referans stilleri korunur. */
.abi-sayfa[b-ccm98wj6a5] { min-width: 0; }
.abi-not[b-ccm98wj6a5] { margin: 0 0 16px; color: var(--anv-ikincil); font-size: 12px; line-height: 1.5; }
.abi-isk-kpi[b-ccm98wj6a5], .abi-iskelet-kpi[b-ccm98wj6a5] { height: 110px; }
.abi-isk-uzun[b-ccm98wj6a5], .abi-iskelet-grafik[b-ccm98wj6a5] { height: 420px; margin-bottom: 16px; }
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
}
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { grid-area: eylem; align-self: center; }
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
@media (min-width: 641px) {
    .abi-sayfa[b-ccm98wj6a5]  .az-filtre .af-cubuk { position: relative; }
    .abi-sayfa[b-ccm98wj6a5]  .az-filtre .ase { position: static; }
    .abi-sayfa[b-ccm98wj6a5]  .az-filtre .ase__panel { left: auto; right: 0; background: var(--yuzey); }
}
@media (max-width: 640px) {
    .abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title { white-space: normal; }
    .abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
    .abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .rsm__menu { left: 0; right: auto; transform-origin: top left; }
    .abi-sayfa[b-ccm98wj6a5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriKazanim.razor.rz.scp.css */
/* AN-08: sayfaya özgü kapak; ortak referans stilleri korunur. */
.abz-sayfa[b-ju7q382ax3] { min-width: 0; }
.abz-sayfa[b-ju7q382ax3]  .ap-govde p.azb-ipucu { display: block; }
.abz-sayfa[b-ju7q382ax3]  .ap-govde p.azb-ipucu::before { margin-right: 6px; }
.abz-not[b-ju7q382ax3] { margin: 0 0 16px; color: var(--anv-ikincil); font-size: 12px; line-height: 1.5; }
.abz-isk-kpi[b-ju7q382ax3], .abz-iskelet-kpi[b-ju7q382ax3] { height: 110px; }
.abz-isk-uzun[b-ju7q382ax3], .abz-iskelet-grafik[b-ju7q382ax3] { height: 420px; margin-bottom: 16px; }
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
}
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { grid-area: eylem; align-self: center; }
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
@media (min-width: 641px) {
    .abz-sayfa[b-ju7q382ax3]  .az-filtre .af-cubuk { position: relative; }
    .abz-sayfa[b-ju7q382ax3]  .az-filtre .ase { position: static; }
    .abz-sayfa[b-ju7q382ax3]  .az-filtre .ase__panel { left: auto; right: 0; background: var(--yuzey); }
}
@media (max-width: 640px) {
    .abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(> .au-title) { height: auto; min-height: 44px; }
    .abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title { white-space: normal; }
    .abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
    .abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .rsm__menu { left: 0; right: auto; transform-origin: top left; }
    .abz-sayfa[b-ju7q382ax3]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b { height: 42px; min-height: 42px; white-space: normal; line-height: 1.2; }
}
/* Elle yazılan `.app-field`, AppField'in KAPSAMLI CSS'ini almaz
   (`.app-field[b-msg4o1o3ge]`, AppField.razor.css:1-17) — `display:flex`
   uygulanmadığı için etiket komşu AppField etiketlerinden 6 px aşağıda duruyordu. */
.abz-alan[b-ju7q382ax3] { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.abz-alan .app-field__label[b-ju7q382ax3] { display: inline-flex; align-items: center; gap: 4px; }
.abz-ara[b-ju7q382ax3] { width: 100%; min-width: 0; }
.abz-bekleyen[b-ju7q382ax3] { color: var(--anv-ikincil); font-size: 13px; }
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriKume.razor.rz.scp.css */
/* AN-07: sayfaya özgü düzen; renk ve ölçüler Akademik Analiz'den gelir. */
.abk-sayfa[b-l7xtjxsjx5] { min-width: 0; }
.abk-iskelet-kpi[b-l7xtjxsjx5] { height: 110px; }
.abk-iskelet-grafik[b-l7xtjxsjx5] { height: 420px; margin-bottom: 16px; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .abk-baglam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
}
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { grid-area: eylem; align-self: center; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
@media (max-width: 640px) {
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
}

.abk-secili[b-l7xtjxsjx5] { font-size: 12px; color: var(--anv-ikincil); }
.abk-secili b[b-l7xtjxsjx5] { color: var(--anv-murekkep); }
@media (min-width: 1540px) {
    .abk-sayfa[b-l7xtjxsjx5]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr) auto auto;
        grid-template-areas: "geri baslik filtre eylem";
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriOgrenci.razor.rz.scp.css */
/* AN-09: hedef sayfanın ölçüleri; Akademik Analiz token'ları kullanılır. */
.abo-sayfa[b-7tn3zec3uj] { min-width: 0; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
@media (max-width: 640px) {
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
}

.abo-isk-kpi[b-7tn3zec3uj] { height: 110px; }
.abo-isk-orta[b-7tn3zec3uj] { height: 420px; margin-bottom: 16px; }
.abo-alan[b-7tn3zec3uj] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .abo-baglam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid; grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "filtre filtre";
}
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; max-width: none; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(3) { flex: 1 1 260px; width: 260px; max-width: 360px; min-width: 0; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-pil-serit { margin: 12px 0 0; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase { align-self: flex-end; }
.abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase__ac { min-height: 34px; border-radius: var(--kose-dugme); font-size: 12px; }
@media (min-width: 1540px) {
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr) minmax(0, 1100px);
        grid-template-areas: "geri baslik filtre";
    }
}
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(3) { width: auto; max-width: none; }
    .abo-sayfa[b-7tn3zec3uj]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ase__ac { min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizBeceriTani.razor.rz.scp.css */
/* AN-09: hedef sayfanın ölçüleri; Akademik Analiz token'ları kullanılır. */
.abt-sayfa[b-as2rzc327v] { min-width: 0; }
.abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .au-btn { align-self: flex-end; }
@media (max-width: 640px) {
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+1) { border-bottom: 0; }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
}

.abt-iskelet-kpi[b-as2rzc327v] { height: 110px; }
.abt-iskelet-grafik[b-as2rzc327v] { height: 420px; margin-bottom: 16px; }
.abt-kapsam[b-as2rzc327v] { margin: 0 0 16px; color: var(--anv-ikincil); font-size: 12px; line-height: 1.5; }
@media (min-width: 641px) and (max-width: 1023px) {
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { grid-column: span 2; border-bottom: 1px solid var(--anv-hat-ince); }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3) { border-right: 0; }
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { grid-column: span 3; border-bottom: 0; }
}
@media (max-width: 640px) {
    .abt-sayfa[b-as2rzc327v]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { grid-column: 1 / -1; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizCalismaPlani.razor.rz.scp.css */
/* Haftalık çalışma planı — Akademik Analiz görsel dili (AN-27).

   TOKEN DİSİPLİNİ: yalnız TANIMLI değişkenler kullanılır.
   Tanımsız değişkene yedeksiz başvurmak bildirimin TAMAMINI düşürür ve hiçbir
   uyarı vermez — AnalizCssTokenTests bunu kilitler (denetim 2026-08-23: 25
   bildirim sessizce ölüydü).

   KAPSAM İNCELİĞİ: `--anv-*` yalnız `.au-page.analiz-vitrin`, `--agv-*` yalnız
   `.analiz-genel-vitrin` altında tanımlıdır. Pencereler (`.acp-kutu`) native
   <dialog> olarak ÜST KATMANDA çizilir ve bu ağacın dışındadır; orada yalnız
   genel token'lar (`--yuzey`, `--hat-kart`, `--metin-*`, `--kose-*`) kullanılır. */

.acp-kok[b-jduklbzxdw] { min-width: 0; }

/* ── Kapak: başlık + filtreler + ana eylemler tek beyaz yüzeyde ──────────── */
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin { height: auto; min-height: 0; display: block; }
/* ÖZGÜLLÜK: kapak kuralları `.au-page.analiz-vitrin.analiz-genel-vitrin`
   zincirini TAŞIMAK ZORUNDA. Zincirsiz seçici (0,5,0) kalıyor; ortak
   analiz-vitrin.css aynı kutuyu (0,6,0)-(0,8,0) ile yakalayıp eziyordu —
   ızgara, flex-wrap ve alan genişliği sayfanın değil ortak dosyanın
   değerleriyle çiziliyor, 1600 px'te Sınıf/Hafta 176 px yerine 32 px'e
   düşüyordu. Emsal: AnalizBeceriGelisim.razor.css:6-16. */
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
    gap: 14px 12px;
}
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; min-width: 0; height: auto; }
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri .au-title { font-size: 23px; white-space: normal; }
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; justify-self: stretch; min-width: 0; }
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler {
    grid-area: eylem; display: flex; gap: 8px; flex-wrap: wrap;
    justify-content: flex-end; align-items: center; margin: 0;
}

/* Kapak içindeki kontroller referans ölçülerinde: 34 px yükseklik, 12 px yatay
   dolgu, kesik sol üst köşe. */
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-btn {
    min-height: 34px; border-radius: var(--kose-dugme); font: 600 12.5px var(--font-body);
}
.acp-kok[b-jduklbzxdw]  .au-head .au-btn:not(.au-btn--primary):not(.acp-btn--yikici) {
    color: var(--agv-kapak-alan-metin); border-color: var(--agv-kapak-alan-hat); background: var(--yuzey);
}
.acp-kok[b-jduklbzxdw]  .au-head .au-btn--primary { color: var(--on-brand); background: var(--marka-600); border-color: var(--marka-600); }
.acp-kok[b-jduklbzxdw]  .az-filtre .app-field { min-width: 0; width: 100%; max-width: none; }
.acp-kok[b-jduklbzxdw]  .az-filtre .app-input {
    width: 100%; height: 34px; padding: 0 12px;
    border: 1px solid var(--agv-kapak-alan-hat); border-radius: var(--kose-dugme);
    color: var(--agv-kapak-alan-metin); background: var(--yuzey); font: 500 13px var(--font-body);
}
.acp-kok[b-jduklbzxdw]  .az-filtre .app-input.app-date { padding-right: 38px; }
.acp-kok[b-jduklbzxdw]  .az-filtre .app-field__label {
    color: var(--agv-kapak-etiket); font: 700 10px var(--font-body);
    text-transform: uppercase; letter-spacing: .14em;
}
/* Aynı özgüllük gerekçesi: zincirsiz kural ortak dosyanın `nowrap` bildirimini
   yenemiyordu; sarmak yerine alanlar eziliyordu. Bekçi, süzgeç alanlarının
   referans genişliğinin (176 px) altına sıkışmasını engeller. */
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk { flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }

/* Yıkıcı eylem lacivert ana eylemden ayrışır ama yeni palet üretmez. */
.acp-btn--yikici[b-jduklbzxdw],
.acp-kok[b-jduklbzxdw]  .au-head .acp-btn--yikici {
    color: var(--danger-metin); border-color: var(--danger); background: var(--yuzey);
}
.acp-btn--yikici:hover:not(:disabled)[b-jduklbzxdw],
.acp-kok[b-jduklbzxdw]  .au-head .acp-btn--yikici:hover:not(:disabled) {
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

/* ── Öğrenci/hafta süzgeci ───────────────────────────────────────────────── */
.acp-alan[b-jduklbzxdw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.acp-kok .acp-alan[b-jduklbzxdw] {
    color: var(--agv-kapak-etiket);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}

.acp-kontrol[b-jduklbzxdw] {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 500 13px var(--font-body);
    text-transform: none;
    letter-spacing: normal;
}

.acp-kontrol:focus-visible[b-jduklbzxdw] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.acp-ogrenci-secim[b-jduklbzxdw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
    align-items: end;
    gap: 12px;
    min-width: 0;
}

/* Öğrenci durum/hata/"daha fazla" iletileri `.af-cubuk`ın DOĞRUDAN çocuğudur.
   `.acp-ogrenci-secim` içindeyken ızgaranın 2. satırını açıyor, çubuk
   `align-items: flex-end` olduğu için seçicinin alt kenarı aşağı iniyor ve
   içindeki iki girdi komşularından 46-96 px yukarıda kalıyordu. Hiçbiri bir
   süzgeç alanından (etiket + 34 px girdi) yüksek olmadığı için burada satır
   yüksekliğini büyütmez; mutlak konumlandırma `.af-pil-serit` üzerine binerdi. */
.acp-ogrenci-ileti[b-jduklbzxdw] { align-self: center; min-width: 0; margin: 0; }

.acp-durum[b-jduklbzxdw],
.acp-islem[b-jduklbzxdw] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--anv-soluk);
}

/* Pencere `.analiz-vitrin` ağacının dışındadır: `--anv-soluk` orada tanımsız
   olduğu için renk bildirimi sessizce düşerdi. */
.acp-kutu .acp-durum[b-jduklbzxdw] { color: var(--metin-ipucu); }

.acp-inline-hata[b-jduklbzxdw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 12px;
    border: 1px solid var(--danger);
    border-left-width: 3px;
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    color: var(--danger-metin);
    font-size: 13px;
}

.acp-inline-hata--kalici[b-jduklbzxdw] { margin-top: 12px; }

.acp-sr[b-jduklbzxdw] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── KPI şeridi: beş metrik, tek birleşik yüzey ──────────────────────────── */
.acp-ozet[b-jduklbzxdw] { margin-bottom: 16px; }
.acp-kok[b-jduklbzxdw]  .az-kpi-serit { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.acp-kok[b-jduklbzxdw]  .az-kpi-serit > .au-card:nth-child(1) .ak-kpi__b { background: var(--agv-kpi-etiket-1); }
.acp-kok[b-jduklbzxdw]  .az-kpi-serit > .au-card:nth-child(2) .ak-kpi__b { background: var(--agv-kpi-etiket-2); }
.acp-kok[b-jduklbzxdw]  .az-kpi-serit > .au-card:nth-child(3) .ak-kpi__b { background: var(--agv-kpi-etiket-3); }
.acp-kok[b-jduklbzxdw]  .az-kpi-serit > .au-card:nth-child(4) .ak-kpi__b { background: var(--agv-kpi-etiket-5); }
.acp-kok[b-jduklbzxdw]  .az-kpi-serit > .au-card:nth-child(5) .ak-kpi__b { background: var(--agv-kpi-etiket-6); }
/* Hafta başlığı ve öğrenci adı sayı değil METİNDİR: 27 px rakam ölçeği bunları
   taşırır, kendi ölçeğinde ve sararak yazılır. */
.acp-kok[b-jduklbzxdw]  .az-kpi-serit > .au-card:nth-child(-n+2) .ak-kpi__d {
    font-size: 17px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

/* ── Bölüm sekmeleri ─────────────────────────────────────────────────────── */
.acp-sekmeler[b-jduklbzxdw] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    margin-bottom: 16px;
    min-width: 0;
    background: var(--yuzey);
    border: 1px solid var(--anv-hat);
    border-radius: 3px 10px 10px 10px;
}

.acp-sekme[b-jduklbzxdw] {
    --acp-sekme-vurgu: var(--agv-kpi-etiket-1);
    flex: 1 0 auto;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--anv-ikincil);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.acp-sekme:nth-child(2)[b-jduklbzxdw] { --acp-sekme-vurgu: var(--agv-kpi-etiket-3); }

.acp-sekmeler .acp-sekme:hover[b-jduklbzxdw] {
    background: color-mix(in srgb, var(--acp-sekme-vurgu) 14%, var(--yuzey));
    color: var(--acp-sekme-vurgu);
}

.acp-sekmeler .acp-sekme[aria-selected="true"][b-jduklbzxdw] {
    background: var(--acp-sekme-vurgu);
    color: var(--on-brand);
}

.acp-sekme:focus-visible[b-jduklbzxdw],
.acp-panel:focus-visible[b-jduklbzxdw] {
    outline: 2px solid var(--acp-sekme-vurgu, var(--agv-kpi-etiket-1));
    outline-offset: 2px;
}

.acp-panel[b-jduklbzxdw] { min-width: 0; }

/* ── Gün seçici — yalnız cihazda görünür ─────────────────────────────────── */
.acp-gun-secici[b-jduklbzxdw] { display: none; }

/* ── Izgara ──────────────────────────────────────────────────────────────
   Yedi sütun sabit genişlikte kalır ve KAP yatay kayar. Sütunları esnetmek
   kitap adlarını ("MİKRO ORİJİNAL GEOMETRİ") okunmaz hâle getirirdi;
   kaydırma, sıkıştırmadan iyidir. */
.acp-izgara-kap[b-jduklbzxdw] {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 6px;
}

.acp-izgara[b-jduklbzxdw] {
    display: grid;
    grid-template-columns: repeat(7, minmax(190px, 1fr));
    gap: 8px;
    min-width: 100%;
}

.acp-gun[b-jduklbzxdw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--yuzey);
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-bolum);
    box-shadow: var(--anv-kart-golge);
    overflow: hidden;
}

/* Kart üst şeridi — referansın 5 px marka geçişi. */
.acp-gun__bas[b-jduklbzxdw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    padding: 10px 12px;
    border-top: 5px solid var(--marka-500);
    border-image: var(--anv-serit) 1;
    border-bottom: 1px solid var(--anv-hat-ince);
}

.acp-gun--bugun .acp-gun__bas[b-jduklbzxdw] { background: color-mix(in srgb, var(--marka-600) 5%, var(--yuzey)); }

.acp-gun__ad[b-jduklbzxdw] {
    font: 700 15px/1.2 var(--font-display);
    letter-spacing: -.012em;
    color: var(--anv-murekkep);
}

.acp-gun__tarih[b-jduklbzxdw] {
    font-size: 12px;
    color: var(--anv-soluk);
}

.acp-gun__govde[b-jduklbzxdw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px;
    min-height: 180px;
}

/* ── Hücre ─────────────────────────────────────────────────────────────── */
.acp-hucre[b-jduklbzxdw] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    transition: border-color .15s ease;
}

.acp-hucre:hover[b-jduklbzxdw] { border-color: var(--marka-500); }

/* Kitapsız görev satırı (örnek planda her günün ilk satırı) görsel olarak
   ayrışır — öğretmen "bu kitaptan değil, serbest görev" olduğunu bir bakışta
   görsün. */
.acp-hucre--gorev[b-jduklbzxdw] { border-left: 3px solid var(--marka-500); }

.acp-hucre--bitti[b-jduklbzxdw] { background: var(--anv-cift-satir); }

.acp-hucre--bitti .acp-hucre__ad[b-jduklbzxdw] {
    text-decoration: line-through;
    text-decoration-color: var(--anv-soluk);
}

.acp-hucre__metin[b-jduklbzxdw] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 10px;
    border: 0;
    background: none;
    font: inherit;
    color: var(--anv-murekkep);
    text-align: left;
    cursor: pointer;
}

.acp-hucre__ad[b-jduklbzxdw] {
    font: 400 13px/1.35 var(--font-body);
    /* Uzun kitap adları taşmasın, kırılarak sarsın. */
    overflow-wrap: anywhere;
}

.acp-hucre__meta[b-jduklbzxdw] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 11.5px;
    color: var(--anv-soluk);
}

.acp-hucre__pasif[b-jduklbzxdw] { color: var(--analiz-dikkat-metin); }

.acp-hucre__sil[b-jduklbzxdw],
.acp-kutu__kapat[b-jduklbzxdw],
.acp-sayfa__sil[b-jduklbzxdw] {
    flex: none;
    width: 26px;
    height: 26px;
    margin: 6px 6px 0 0;
    padding: 0;
    border: 0;
    border-radius: var(--kose-dugme);
    background: none;
    color: var(--metin-ipucu);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.acp-hucre__sil:hover[b-jduklbzxdw],
.acp-kutu__kapat:hover[b-jduklbzxdw],
.acp-sayfa__sil:hover[b-jduklbzxdw] {
    color: var(--danger-metin);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.acp-hucre__sil:disabled[b-jduklbzxdw],
.acp-kutu__kapat:disabled[b-jduklbzxdw],
.acp-sayfa__sil:disabled[b-jduklbzxdw],
.acp-ekle:disabled[b-jduklbzxdw],
.acp-hucre__metin:disabled[b-jduklbzxdw] {
    cursor: wait;
    opacity: .55;
}

.acp-hucre__bitti[b-jduklbzxdw] {
    position: absolute;
    right: 34px;
    top: 8px;
    font-size: 11.5px;
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    min-height: 18px;
    border-radius: 999px;
    background: var(--basari-acik);
    color: var(--basari-metin);
    font-weight: 700;
}

.acp-ekle[b-jduklbzxdw] {
    padding: 7px 10px;
    border: 1px dashed var(--anv-hat);
    border-radius: var(--kose-dugme);
    background: none;
    color: var(--anv-soluk);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
}

.acp-ekle:hover[b-jduklbzxdw] {
    border-color: var(--marka-500);
    color: var(--marka-600);
}

/* ── Geçmiş planlar tablosu ──────────────────────────────────────────────
   Başlık mavi–petrol geçişi tek parça çizilir; gövde beyaz, çift satır hafif
   tonda. Uzun liste kendi alanında kayar, başlık üstte sabit kalır. */
.acp-tablo-kap[b-jduklbzxdw] {
    max-width: 100%;
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: var(--anv-kart-golge);
}

.acp-tablo[b-jduklbzxdw] {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    font: 400 13px var(--font-body);
}

.acp-tablo thead[b-jduklbzxdw] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.acp-tablo th[b-jduklbzxdw],
.acp-tablo td[b-jduklbzxdw] {
    padding: 10px 13px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid var(--anv-hat-ince);
    color: var(--anv-murekkep);
}

.acp-tablo thead th[b-jduklbzxdw] {
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.acp-tablo tbody tr[b-jduklbzxdw] { background: var(--yuzey); }
.acp-tablo tbody tr:nth-child(even)[b-jduklbzxdw] { background: var(--anv-cift-satir); }
.acp-tablo tbody tr.acp-satir--secili td[b-jduklbzxdw],
.acp-tablo tbody tr.acp-satir--secili th[b-jduklbzxdw] { background: color-mix(in srgb, var(--marka-600) 7%, var(--yuzey)); }

/* Hafta sütunu masaüstünde DONDURULMAZ: tablo bu genişlikte yatay kaymıyor ve
   başlığın mavi–petrol geçişi tek parça kalmalı (tek hücreyi düz lacivertle
   örtmek görsel sözleşmenin açıkça yasakladığı şeydi). Dondurma, kaydırmanın
   gerçekten olduğu cihaz kırılımında yapılır. */
.acp-tablo tbody th.acp-hafta[b-jduklbzxdw] {
    font-weight: 600;
    background: var(--yuzey);
}

.acp-tablo tbody tr:nth-child(even) th.acp-hafta[b-jduklbzxdw] { background: var(--anv-cift-satir); }
.acp-tablo tbody tr.acp-satir--secili th.acp-hafta[b-jduklbzxdw] { background: color-mix(in srgb, var(--marka-600) 7%, var(--yuzey)); }
.acp-sayi[b-jduklbzxdw] { text-align: right; font-variant-numeric: tabular-nums; }
.acp-satir-eylem[b-jduklbzxdw] { text-align: right; }

/* ── Kaydetme şeridi ve künye ────────────────────────────────────────────── */
.acp-kaydet-serit[b-jduklbzxdw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 12px;
}

.acp-kirli[b-jduklbzxdw] {
    font-size: 13px;
    color: var(--analiz-dikkat-metin);
}

.acp-kunye[b-jduklbzxdw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 12px;
    align-items: start;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: var(--anv-kart-golge);
}

.acp-not__alan[b-jduklbzxdw] {
    resize: vertical;
    min-height: 56px;
    padding: 8px 12px;
    line-height: 1.5;
}

.acp-rozet[b-jduklbzxdw] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.acp-rozet--yayim[b-jduklbzxdw] { background: var(--basari-acik); color: var(--basari-metin); }
.acp-rozet--taslak[b-jduklbzxdw] { background: var(--anv-cift-satir); color: var(--anv-ikincil); }
.acp-rozet--arsiv[b-jduklbzxdw] { background: var(--anv-cift-satir); color: var(--anv-soluk); }

/* Boş durum — AnalizBosSatir bir <tr>'dir ve ızgarada kullanılamaz; aynı
   dil (◇ + yönerge) burada kendi kabıyla kurulur. */
.acp-bos[b-jduklbzxdw] {
    padding: 32px 18px;
    text-align: center;
    border: 1px dashed var(--anv-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

.acp-bos__ana[b-jduklbzxdw] {
    margin: 0;
    font: 700 15px/1.3 var(--font-display);
    letter-spacing: -.012em;
    color: var(--anv-murekkep);
}

.acp-bos__yonerge[b-jduklbzxdw] {
    margin: 6px auto 0;
    max-width: 34rem;
    font-size: 13px;
    line-height: 1.55;
    color: var(--anv-ikincil);
}

.acp-bos-eylem[b-jduklbzxdw] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 14px;
}

.acp-bos--hata[b-jduklbzxdw] {
    border-style: solid;
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
}

.acp-kitap-yonetim[b-jduklbzxdw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 12px;
    color: var(--metin-ipucu);
}

.acp-kitap-yonetim span[b-jduklbzxdw] { flex-basis: 100%; }
.acp-kitap-yonetim a[b-jduklbzxdw] { color: var(--marka-600); text-decoration: underline; }

/* ── Pencereler (native <dialog>) ────────────────────────────────────────
   ÜST KATMAN: kartın overflow sınırında kırpılmaz, üst barın arkasında kalmaz
   ve sayfa kaydırılmışken de görünür alanda açılır. `--anv-*`/`--agv-*`
   BURADA KULLANILAMAZ: bu ağaç `.analiz-vitrin` kapsamının dışındadır. */
.acp-kutu[b-jduklbzxdw] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--ust-golge);
    overflow: hidden;
}

.acp-kutu[open][b-jduklbzxdw] { display: flex; flex-direction: column; }
.acp-kutu[b-jduklbzxdw]::backdrop { background: var(--scrim); }
.acp-kutu--dar[b-jduklbzxdw] { width: min(420px, calc(100vw - 48px)); }

.acp-kutu:focus[b-jduklbzxdw] { outline: none; }
.acp-kutu:focus-visible[b-jduklbzxdw] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.acp-kutu__bas[b-jduklbzxdw] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border-top: 5px solid var(--marka-500);
    border-bottom: 1px solid var(--hat-kart);
}

.acp-kutu__h[b-jduklbzxdw] {
    margin: 0;
    color: var(--marka-700);
    font: 700 20px/1.2 var(--font-display);
    letter-spacing: -.02em;
    overflow-wrap: anywhere;
}

.acp-kutu__kapat[b-jduklbzxdw] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    margin: 0;
    font-size: 22px;
}

.acp-kutu__govde[b-jduklbzxdw] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.acp-kutu__alt[b-jduklbzxdw] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

.acp-kutu .au-btn[b-jduklbzxdw] { min-height: 34px; border-radius: var(--kose-dugme); font: 600 12.5px var(--font-body); }
.acp-kutu[b-jduklbzxdw]  .au-btn { min-height: 34px; border-radius: var(--kose-dugme); font: 600 12.5px var(--font-body); }

.acp-onay-metin[b-jduklbzxdw] {
    margin: 0;
    color: var(--metin-murekkep);
    font-size: 13px;
    line-height: 1.6;
}

/* Pencere içi doğrulama/işlem hatası — üst katmanda olduğu için yalnız genel
   token'lar. Toast yerine burada durur: pencere açıkken toast arkada kalıyordu. */
.acp-kutu__hata[b-jduklbzxdw] {
    margin: 0;
    padding: 12px;
    border-left: 3px solid var(--danger);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    color: var(--danger-metin);
    font-size: 13px;
    line-height: 1.5;
}

/* ── Sayfa aralıkları ──────────────────────────────────────────────────── */
.acp-kutu .acp-sayfa[b-jduklbzxdw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.acp-sayfa__baslik[b-jduklbzxdw] {
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--metin-ikincil);
}

.acp-sayfa__satir[b-jduklbzxdw] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.acp-sayfa__girdi[b-jduklbzxdw] { width: 6rem; }

.acp-sayfa__tire[b-jduklbzxdw] { color: var(--metin-ipucu); }

.acp-ipucu[b-jduklbzxdw] {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: var(--metin-ipucu);
}

.acp-onay[b-jduklbzxdw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--metin-murekkep);
}

.acp-onay input[type="checkbox"][b-jduklbzxdw] { width: 20px; height: 20px; min-height: 20px; accent-color: var(--marka-600); }
.acp-onay small[b-jduklbzxdw] { display: block; margin-top: 2px; }

/* Klavye erişilebilirliği: odak halkası her etkileşimli öğede görünür olmalı
   (AnalizOdakHalkasiTests). */
.acp-hucre__metin:focus-visible[b-jduklbzxdw],
.acp-hucre__sil:focus-visible[b-jduklbzxdw],
.acp-ekle:focus-visible[b-jduklbzxdw],
.acp-kutu__kapat:focus-visible[b-jduklbzxdw],
.acp-gun-secici__dugme:focus-visible[b-jduklbzxdw],
.acp-sayfa__sil:focus-visible[b-jduklbzxdw] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
    border-radius: var(--kose-dugme);
}

/* ── TABLET ──────────────────────────────────────────────────────────────
   docs/mobil/YENI-DIL.md §1.1 sorgu metinleri birebir kullanılır. */
@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .acp-kok[b-jduklbzxdw]  .az-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .acp-kunye[b-jduklbzxdw] { grid-template-columns: minmax(0, 1fr); }
}

/* ── CİHAZ (telefon ∪ tablet) ────────────────────────────────────────────
   Dokunma hedefi ≥44 px, dokunmatik girdi ≥16 px; ızgara tek gün gösterir. */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    /* Masaüstü kuralları zincirlendiği için cihaz kuralları da zincirlenmeli;
       aksi halde daha özgül masaüstü ızgarası burada geçerli kalır. */
    .acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: stretch; justify-content: flex-start; }
    .acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-btn { min-height: 44px; }
    .acp-kok[b-jduklbzxdw]  .az-filtre .app-input { min-height: 44px; height: 44px; font-size: max(16px, 1rem); }
    .acp-kontrol[b-jduklbzxdw] { min-height: 44px; font-size: max(16px, 1rem); }
    .acp-ogrenci-secim[b-jduklbzxdw] { grid-template-columns: minmax(0, 1fr); }

    .acp-sekmeler[b-jduklbzxdw] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .acp-sekme[b-jduklbzxdw] { flex: 0 0 auto; min-height: 44px; }

    /* Yedi sütunu yan yana kaydırmak yerine gün seçici + tek gün. */
    .acp-gun-secici[b-jduklbzxdw] {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(44px, 1fr);
        gap: 4px;
        margin: 0 0 12px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding-bottom: 4px;
    }

    .acp-gun-secici__dugme[b-jduklbzxdw] {
        display: grid;
        place-items: center;
        gap: 2px;
        min-height: 44px;
        padding: 4px;
        border: 1px solid var(--anv-hat);
        border-radius: var(--kose-dugme);
        background: var(--yuzey);
        color: var(--anv-ikincil);
        font: 600 12px var(--font-body);
        cursor: pointer;
    }

    .acp-gun-secici__dugme small[b-jduklbzxdw] { font-size: 11px; color: var(--anv-soluk); }

    .acp-gun-secici__dugme.is-aktif[b-jduklbzxdw] {
        border-color: var(--marka-600);
        background: var(--marka-600);
        color: var(--on-brand);
    }

    .acp-gun-secici__dugme.is-aktif small[b-jduklbzxdw] { color: var(--on-brand); }

    .acp-izgara-kap[b-jduklbzxdw] { overflow: visible; }
    .acp-izgara[b-jduklbzxdw] { display: block; min-width: 0; }
    .acp-gun[b-jduklbzxdw] { display: none; }
    .acp-gun.acp-gun--aktif[b-jduklbzxdw] { display: flex; }
    .acp-gun__govde[b-jduklbzxdw] { min-height: 12rem; }

    .acp-hucre__sil[b-jduklbzxdw],
    .acp-kutu__kapat[b-jduklbzxdw],
    .acp-sayfa__sil[b-jduklbzxdw] { width: 44px; height: 44px; }

    /* Hücre metni ve "+ Görev ekle" de dokunma hedefidir; 30 px yüksekliğinde
       kalıyorlardı (K4: dokunmatikte ≥44). */
    .acp-ekle[b-jduklbzxdw],
    .acp-hucre__metin[b-jduklbzxdw] { min-height: 44px; }

    .acp-hucre__bitti[b-jduklbzxdw] { right: 48px; }

    .acp-kutu .au-btn[b-jduklbzxdw],
    .acp-kutu[b-jduklbzxdw]  .au-btn { min-height: 44px; }
    .acp-kutu .acp-kontrol[b-jduklbzxdw] { min-height: 44px; font-size: max(16px, 1rem); }

    /* Yatay kaydırma burada gerçek: hafta sütunu gövdede VE BAŞLIKTA yapışır.
       Sabit başlık hücresi opak olmak zorunda olduğundan başlık, AnalizTablo'nun
       `at-bas-zemin` deseni gibi düz `--marka-500` tonuna döner. */
    .acp-tablo thead[b-jduklbzxdw] { background: var(--marka-500); }
    .acp-tablo th.acp-hafta[b-jduklbzxdw],
    .acp-tablo thead th:first-child[b-jduklbzxdw] {
        position: sticky;
        left: 0;
        z-index: 2;
        box-shadow: 1px 0 0 var(--anv-hat-ince);
    }
    .acp-tablo thead th:first-child[b-jduklbzxdw] { z-index: 6; background: var(--marka-500); box-shadow: none; }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────
   Tek sütun; kapak başlığı 20 px, eylemler başlığın altında. */
@media (max-width: 640px) {
    /* Telefon kuralları da aynı zinciri taşır (bkz. yukarıdaki özgüllük notu). */
    .acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { gap: 10px 6px; }
    .acp-kok[b-jduklbzxdw]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri .au-title { font-size: 20px; }
    .acp-kok[b-jduklbzxdw]  .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .acp-kok[b-jduklbzxdw]  .az-kpi-serit > .au-card:last-child { grid-column: 1 / -1; }

    .acp-kunye[b-jduklbzxdw] { grid-template-columns: minmax(0, 1fr); padding: 12px; }
    .acp-kaydet-serit[b-jduklbzxdw] { align-items: stretch; flex-direction: column; }
    .acp-bos[b-jduklbzxdw] { padding: 24px 12px; }

    .acp-kutu[b-jduklbzxdw],
    .acp-kutu--dar[b-jduklbzxdw] {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
    }

    .acp-kutu__bas[b-jduklbzxdw],
    .acp-kutu__govde[b-jduklbzxdw],
    .acp-kutu__alt[b-jduklbzxdw] { padding: 12px; }

    .acp-kutu__h[b-jduklbzxdw] { font-size: 18px; }
    .acp-kutu__alt > .au-btn[b-jduklbzxdw] { flex: 1 1 auto; }
    .acp-tablo[b-jduklbzxdw] { min-width: 560px; }
}

/* ── Açılır seçicilerin kapak/pencere içindeki hizası ────────────────────── */
.acp-alan--acilir[b-jduklbzxdw] { display: block; }
.acp-alan--acilir[b-jduklbzxdw]  .app-field { gap: 6px; }
/* `--agv-*` YALNIZ `.analiz-genel-vitrin` altında tanımlıdır; pencere üst
   katmanda o ağacın dışında çizilir ve token'ı miras almaz (bildirim sessizce
   düşerdi). Kapak içi ve pencere içi ayrı yazılır. */
.acp-kok .acp-alan--acilir[b-jduklbzxdw]  .app-field__label {
    color: var(--agv-kapak-etiket);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}
.acp-kutu .acp-alan--acilir[b-jduklbzxdw]  .app-field__label {
    color: var(--metin-ikincil);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}
.acp-alan--acilir[b-jduklbzxdw]  .app-input {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 28px 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 500 13px var(--font-body);
}

@media (pointer: coarse) {
    .acp-alan--acilir[b-jduklbzxdw]  .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizDersler.razor.rz.scp.css */
/* Ders analizi — sayfaya özel iç yerleşim ve görünüm kontrolleri. */
.ad-h4[b-m1f1ug0oig] { margin: 0 0 6px; font-size: .85rem; font-weight: 600; color: var(--fg-soft); }
.ad-ic[b-m1f1ug0oig] { margin-bottom: 0; }
.ad-iskelet-kpi[b-m1f1ug0oig] { height: 78px; margin-bottom: 16px; }
.ad-iskelet-grafik[b-m1f1ug0oig] { height: 420px; }
.ad-iskelet-ic[b-m1f1ug0oig] { height: 360px; }

/* Görünüm seçici (matris yönü · D/Y/B adet-pay) — bölüm başlığının sağında.
   İki düğme AYNI veriyi iki biçimde gösterir; seçili olan `aria-pressed` ile
   de bildirilir, yoksa klavyeyle gezen kullanıcı hangi yönde olduğunu göremez. */
.ad-secim[b-m1f1ug0oig] { display: inline-flex; flex-wrap: wrap; gap: 6px; }

@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ad-ic[b-m1f1ug0oig] { grid-template-columns: minmax(0, 1fr); }
    .ad-secim .au-btn[b-m1f1ug0oig] { min-height: 44px; }
}

/* Dar masaüstünde ve telefonda uzun ölçüt adları kırpılmadan okunur. */
.ad-sayfa[b-m1f1ug0oig] { min-width: 0; }
@media (min-width: 641px) and (max-width: 1279px) {
    .ad-sayfa[b-m1f1ug0oig]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1279px) {
    .ad-sayfa[b-m1f1ug0oig]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 56px; min-height: 56px; line-height: 1.2; overflow-wrap: anywhere; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizDevamsizlik.razor.rz.scp.css */
.adv-iskelet-kpi[b-0ddv4cbs0k] { height: 78px; border-radius: 12px; }
.adv-iskelet-grafik[b-0ddv4cbs0k] { height: 260px; border-radius: 12px; margin-top: 14px; }

/* Grafik bölümleri: onaylı kapak, ölçü şeridi ve cihaz kırılımları. */
.adv-sayfa[b-0ddv4cbs0k] { min-width: 0; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-areas: "geri baslik eylem" "filtre filtre filtre"; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { height: auto; min-height: 34px; flex-wrap: wrap; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-sub { flex-basis: 100%; white-space: normal; margin: 4px 0 0; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head > .az-filtre { width: 100%; max-width: none; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk { flex-wrap: wrap; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler { flex-wrap: wrap; }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
@media (min-width: 641px) and (max-width: 1279px) {
    .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit, .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { grid-template-columns: 30px minmax(0, 1fr); grid-template-areas: "geri baslik" "filtre filtre" "eylem eylem"; }
    .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler { justify-self: stretch; justify-content: flex-start; }
    .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit, .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) > :last-child { grid-column: 1 / -1; }
    .adv-sayfa[b-0ddv4cbs0k]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizEtut.razor.rz.scp.css */
/* AN-04: öneri grupları, bandı ve planlamaya devir. */
.ae-sayfa[b-9swust4q0c] { min-width: 0; }
.ae-devir[b-9swust4q0c] {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-left: 3px solid var(--marka-600);
    background: var(--yuzey);
    border-radius: 3px 10px 10px 10px;
    color: var(--anv-ikincil);
    font-size: 13px;
    line-height: 1.6;
}
.ae-iskelet-kpi[b-9swust4q0c] { height: 110px; }
.ae-iskelet-liste[b-9swust4q0c] { height: 320px; }
.ae-cikti[b-9swust4q0c] { line-height: 1.6; margin: 12px 0; }
.ae-gruplar[b-9swust4q0c] { max-height: min(640px, 65dvh); overflow: auto; overscroll-behavior: contain; padding: 2px; }
.ae-gruplar:focus-visible[b-9swust4q0c] { outline: 2px solid var(--marka-500); outline-offset: 2px; }
.ae-gruplar[b-9swust4q0c]  .ae-odak { border-color: var(--marka-600); background: color-mix(in srgb, var(--marka-600) 7%, var(--yuzey)); }
.ae-gruplar[b-9swust4q0c]  .azb:last-child { margin-bottom: 0; }
.ae-bant[b-9swust4q0c] { flex: 1 0 100%; min-width: 0; }
.ae-bant[b-9swust4q0c]  .aas { min-width: 0; }
.ae-sinav-kapsami[b-9swust4q0c] { flex-basis: 100%; margin: 0; color: var(--anv-soluk); font-size: 12px; line-height: 1.5; }
.ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field { flex-shrink: 0; }
.ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
}
/* ≥1540 px: paylaşılan vitrin kapağı süzgeci başlıkla AYNI satıra alıyor; bu sayfanın süzgeci ise
   yapısal olarak üç satır (.ae-bant ve .ae-sinav-kapsami tam genişlik zorluyor) — tek satırlık
   ızgara hücresine sıkışınca kapak 205 px'e şişiyor. Süzgeci kendi tam genişlikli satırına indir. */
@media (min-width: 1540px) {
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
    }
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre {
        justify-self: stretch;
        width: 100%;
    }
}
@media (max-width: 640px) {
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
}
@media (max-width: 640px) {
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b {
        height: 42px; min-height: 42px; white-space: normal; line-height: 1.2;
    }
}
@media (max-width: 1023px) and (pointer: coarse),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ae-sayfa[b-9swust4q0c]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .au-btn { min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizGenel.razor.rz.scp.css */
/* Akademik genel bakış — yalnız sayfaya özel filtre ek alanları ve iskelet boyutları; renkler token. */
.ag-alan[b-n08j6bsy8i] { display: flex; flex-direction: column; gap: 3px; font-size: .75rem; color: var(--muted); text-transform: uppercase; letter-spacing: .3px; }
.ag-girdi[b-n08j6bsy8i] { padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: transparent; color: var(--fg); font-size: .875rem; }
.ag-sifirla[b-n08j6bsy8i] { align-self: flex-end; }
.ag-iskelet-kpi[b-n08j6bsy8i] { height: 78px; }
.ag-iskelet-grafik[b-n08j6bsy8i] { height: 420px; margin-bottom: 16px; }

/* Ortak filtre ve KPI'ların altında yalnız etkin analiz bölümü gösterilir. */
.ag-sekmeler[b-n08j6bsy8i] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    margin-bottom: 16px;
    min-width: 0;
    background: var(--anv-kart-zemin);
    border: 1px solid var(--anv-hat);
    border-radius: 3px 10px 10px 10px;
}
.ag-sekme[b-n08j6bsy8i] {
    --ag-sekme-vurgu: var(--agv-kpi-etiket-1);
    flex: 1 0 auto;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--anv-ikincil);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}
/* Üst bilgi paletini dokuz sekmeye yay; ara tonlar aynı token'lardan türetilir. */
#ag-sekme-gelisim[b-n08j6bsy8i] { --ag-sekme-vurgu: var(--agv-kpi-etiket-1); }
#ag-sekme-duzey[b-n08j6bsy8i] { --ag-sekme-vurgu: color-mix(in srgb, var(--agv-kpi-etiket-1), var(--agv-kpi-etiket-2)); }
#ag-sekme-ders[b-n08j6bsy8i] { --ag-sekme-vurgu: var(--agv-kpi-etiket-2); }
#ag-sekme-sube-siralama[b-n08j6bsy8i] { --ag-sekme-vurgu: var(--agv-kpi-etiket-3); }
#ag-sekme-kazanim[b-n08j6bsy8i] { --ag-sekme-vurgu: color-mix(in srgb, var(--agv-kpi-etiket-3), var(--agv-kpi-etiket-4)); }
#ag-sekme-beceri[b-n08j6bsy8i] { --ag-sekme-vurgu: var(--agv-kpi-etiket-4); }
#ag-sekme-yukselen[b-n08j6bsy8i] { --ag-sekme-vurgu: var(--agv-kpi-etiket-5); }
#ag-sekme-gerileyen[b-n08j6bsy8i] { --ag-sekme-vurgu: color-mix(in srgb, var(--agv-kpi-etiket-5), var(--agv-kpi-etiket-6)); }
#ag-sekme-sube-tablosu[b-n08j6bsy8i] { --ag-sekme-vurgu: var(--agv-kpi-etiket-6); }

.ag-sekmeler .ag-sekme:hover[b-n08j6bsy8i] {
    background: color-mix(in srgb, var(--ag-sekme-vurgu) 14%, var(--yuzey));
    color: var(--ag-sekme-vurgu);
}
.ag-sekmeler .ag-sekme[aria-selected="true"][b-n08j6bsy8i] { background: var(--ag-sekme-vurgu); color: var(--yuzey); }
.ag-sekme:focus-visible[b-n08j6bsy8i], .ag-bolum-paneli:focus-visible[b-n08j6bsy8i] {
    outline: 2px solid var(--ag-sekme-vurgu, var(--agv-kpi-etiket-1));
    outline-offset: 2px;
}
.ag-bolum-paneli[b-n08j6bsy8i] { min-width: 0; }
.ag-bolum-paneli[b-n08j6bsy8i]  .at-kap { max-height: min(540px, 60dvh); overflow: auto; }
.ag-bolum-paneli[b-n08j6bsy8i]  .at-tablo thead { position: sticky; top: 0; z-index: 1; }

@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ag-sekmeler[b-n08j6bsy8i] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .ag-sekme[b-n08j6bsy8i] { flex: 0 0 auto; min-height: 44px; }
}

/* CSV kapsam beyanı (Sıralama ekranındaki `asr-not` ile aynı ağırlık):
   uç tarih aralığını almıyor, bu satır bunu söyler. */
.ag-csv-not[b-n08j6bsy8i] { margin: 0 0 16px; font-size: 12px; line-height: 1.5; color: var(--anv-ikincil); }
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizKampus.razor.rz.scp.css */
/* AN-04: dört mevcut gösterge ve koşullu kampüs kapsamı. */
.ak-sayfa[b-spkz2dm7zu] { min-width: 0; }
.ak-iskelet-kpi[b-spkz2dm7zu] { height: 110px; }
.ak-iskelet-grafik[b-spkz2dm7zu] { height: 420px; margin-top: 16px; }
.ak-kapsam[b-spkz2dm7zu] { margin: 0 0 16px; color: var(--anv-ikincil); font-size: 12px; line-height: 1.5; }
.ak-yok[b-spkz2dm7zu] { max-width: 640px; padding: 18px 20px; }
.ak-sayfa[b-spkz2dm7zu]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ak-sayfa[b-spkz2dm7zu]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ak-sayfa[b-spkz2dm7zu]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 1px solid var(--anv-hat-ince); }
    .ak-sayfa[b-spkz2dm7zu]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(2n) { border-right: 0; }
    .ak-sayfa[b-spkz2dm7zu]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
}
/* Uzun mevcut etiketler dar telefonda kesilmeden okunur. */
@media (max-width: 640px) {
    .ak-sayfa[b-spkz2dm7zu]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b {
        height: 42px; min-height: 42px; white-space: normal; line-height: 1.2;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizKaynakKitaplar.razor.rz.scp.css */
/* Kaynak kitaplar — Akademik Analiz görsel dili (AN-27).

   TOKEN DİSİPLİNİ: yalnız TANIMLI değişkenler (AnalizCssTokenTests).
   KAPSAM: `--anv-*` yalnız `.au-page.analiz-vitrin`, `--agv-*` yalnız
   `.analiz-genel-vitrin` altında tanımlıdır. Pencereler (`.akk-kutu`) native
   <dialog> olarak ÜST KATMANDA çizilir ve bu ağacın dışındadır; orada yalnız
   genel token'lar kullanılır. */

.akk-kok[b-173j2ggqpq] { min-width: 0; }

/* ── Kapak: başlık + süzgeçler + ana eylem tek beyaz yüzeyde ─────────────── */
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin { height: auto; min-height: 0; display: block; }
/* `.au-page.analiz-vitrin.analiz-genel-vitrin` öneki ZORUNLU: öneksiz seçici (0,5,0),
   paylaşılan analiz-vitrin.css'teki aynı kapak kuralı (0,6,0) — üstelik o dosya kapsamlı
   paketten SONRA yüklendiği için beraberlikte de o kazanıyor ve sayfanın kendi ızgarası
   hiç uygulanmıyordu. Emsal: AnalizSinavlar.razor.css:4-25. */
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
    gap: 14px 12px;
}
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; min-width: 0; height: auto; }
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri .au-title { font-size: 23px; white-space: normal; }
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; justify-self: stretch; min-width: 0; }
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler {
    grid-area: eylem; display: flex; gap: 8px; flex-wrap: wrap;
    justify-content: flex-end; align-items: center; margin: 0;
}

.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-btn {
    min-height: 34px; border-radius: var(--kose-dugme); font: 600 12.5px var(--font-body);
}
.akk-kok[b-173j2ggqpq]  .au-head .au-btn:not(.au-btn--primary) {
    color: var(--agv-kapak-alan-metin); border-color: var(--agv-kapak-alan-hat); background: var(--yuzey);
}
.akk-kok[b-173j2ggqpq]  .au-head .au-btn--primary { color: var(--on-brand); background: var(--marka-600); border-color: var(--marka-600); }
/* Aynı özgüllük yarışı: öneksiz (0,4,0) kural, paylaşılan `nowrap`/sabit genişlik
   kurallarına (0,6,0) yeniliyordu; önekle sarma ve esnek alan geri kazanılır. */
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk { flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .app-field { min-width: 0; width: 100%; max-width: none; }
.akk-kok[b-173j2ggqpq]  .az-filtre .app-input {
    width: 100%; height: 34px; padding: 0 28px 0 12px;
    border: 1px solid var(--agv-kapak-alan-hat); border-radius: var(--kose-dugme);
    color: var(--agv-kapak-alan-metin); background: var(--yuzey); font: 500 13px var(--font-body);
}
.akk-kok[b-173j2ggqpq]  .az-filtre .app-field__label {
    color: var(--agv-kapak-etiket); font: 700 10px var(--font-body);
    text-transform: uppercase; letter-spacing: .14em;
}

/* ── Alan ve kontroller ─────────────────────────────────────────────────── */
.akk-alan[b-173j2ggqpq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    flex: 0 1 176px;
    max-width: 210px;
    color: var(--metin-ikincil);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}

.akk-kok .akk-alan[b-173j2ggqpq] { color: var(--agv-kapak-etiket); }

.akk-kontrol[b-173j2ggqpq] {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 500 13px var(--font-body);
    text-transform: none;
    letter-spacing: normal;
}

.akk-kontrol:focus-visible[b-173j2ggqpq] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.akk-onay[b-173j2ggqpq] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
    cursor: pointer;
}

.akk-onay--suzgec[b-173j2ggqpq] { flex: 0 1 auto; align-self: flex-end; }
/* Kapak bandı 34 px'lik tek şerittir (au-btn · app-input · akk-kontrol hepsi 34).
   Onay kutusu 44 px'lik dokunma hedefiyle kalırsa `align-items: flex-end` hizasında
   20 px'lik kutucuk girdilerin ~12 px üstünde asılı kalıyor. Taban 44 px cihaz
   kırılımlarında aynen korunur; sorgu analiz-vitrin.css:2204/2629 ile birebir. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .akk-kok .akk-onay--suzgec[b-173j2ggqpq] { min-height: 34px; }
}
.akk-kok .akk-onay[b-173j2ggqpq] { color: var(--agv-kapak-alan-metin); }
.akk-onay input[type="checkbox"][b-173j2ggqpq] { width: 20px; height: 20px; min-height: 20px; accent-color: var(--marka-600); }

.akk-aciklama[b-173j2ggqpq] {
    max-width: 80ch;
    margin: 0 0 16px;
    color: var(--anv-ikincil);
    font-size: 13px;
    line-height: 1.6;
}

/* Sınır bildirimi — hata değil, kuralın açıklaması. Kırmızı şeritle
   karışmasın diye dikkat tonu kullanılır. */
.akk-uyari[b-173j2ggqpq] {
    max-width: 80ch;
    margin: 0 0 12px;
    padding: 10px 12px;
    border-left: 3px solid var(--analiz-dikkat-metin);
    border-radius: var(--kose-dugme);
    background: var(--anv-cift-satir);
    color: var(--analiz-dikkat-metin);
    font-size: 13px;
    line-height: 1.5;
}

/* ── KPI şeridi: üç metrik ───────────────────────────────────────────────── */
.akk-ozet[b-173j2ggqpq] { margin-bottom: 16px; }
.akk-kok[b-173j2ggqpq]  .az-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.akk-kok[b-173j2ggqpq]  .az-kpi-serit > .au-card:nth-child(1) .ak-kpi__b { background: var(--agv-kpi-etiket-1); }
.akk-kok[b-173j2ggqpq]  .az-kpi-serit > .au-card:nth-child(2) .ak-kpi__b { background: var(--agv-kpi-etiket-3); }
.akk-kok[b-173j2ggqpq]  .az-kpi-serit > .au-card:nth-child(3) .ak-kpi__b { background: var(--agv-kpi-etiket-6); }

/* ── Bölüm sekmeleri ─────────────────────────────────────────────────────── */
.akk-sekmeler[b-173j2ggqpq] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    margin-bottom: 16px;
    min-width: 0;
    background: var(--yuzey);
    border: 1px solid var(--anv-hat);
    border-radius: 3px 10px 10px 10px;
}

.akk-sekme[b-173j2ggqpq] {
    --akk-sekme-vurgu: var(--agv-kpi-etiket-1);
    flex: 1 0 auto;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--anv-ikincil);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.akk-sekme:nth-child(2)[b-173j2ggqpq] { --akk-sekme-vurgu: var(--agv-kpi-etiket-3); }
.akk-sekme:nth-child(3)[b-173j2ggqpq] { --akk-sekme-vurgu: var(--agv-kpi-etiket-6); }

.akk-sekmeler .akk-sekme:hover[b-173j2ggqpq] {
    background: color-mix(in srgb, var(--akk-sekme-vurgu) 14%, var(--yuzey));
    color: var(--akk-sekme-vurgu);
}

.akk-sekmeler .akk-sekme[aria-selected="true"][b-173j2ggqpq] {
    background: var(--akk-sekme-vurgu);
    color: var(--on-brand);
}

.akk-sekme:focus-visible[b-173j2ggqpq],
.akk-panel:focus-visible[b-173j2ggqpq] {
    outline: 2px solid var(--akk-sekme-vurgu, var(--agv-kpi-etiket-1));
    outline-offset: 2px;
}

.akk-panel[b-173j2ggqpq] { min-width: 0; }

/* ── Tablolar ────────────────────────────────────────────────────────────
   Başlık mavi–petrol geçişi tek parça; gövde beyaz, çift satır hafif tonda.
   Uzun liste kendi alanında kayar, başlık üstte sabit kalır ve ilk anlamlı
   sütun (kitap/öğrenci adı) yatay kaydırmada yapışık kalır. */
.akk-tablo-kap[b-173j2ggqpq] {
    max-width: 100%;
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: var(--anv-kart-golge);
}

.akk-tablo[b-173j2ggqpq] {
    width: 100%;
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0;
    font: 400 13px var(--font-body);
}

.akk-tablo thead[b-173j2ggqpq] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.akk-tablo th[b-173j2ggqpq],
.akk-tablo td[b-173j2ggqpq] {
    padding: 10px 13px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid var(--anv-hat-ince);
    color: var(--anv-murekkep);
}

.akk-tablo thead th[b-173j2ggqpq] {
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.akk-tablo tbody tr[b-173j2ggqpq] { background: var(--yuzey); }
.akk-tablo tbody tr:nth-child(even)[b-173j2ggqpq] { background: var(--anv-cift-satir); }
.akk-tablo tbody tr.akk-satir--secili td[b-173j2ggqpq],
.akk-tablo tbody tr.akk-satir--secili th[b-173j2ggqpq] { background: color-mix(in srgb, var(--marka-600) 7%, var(--yuzey)); }

.akk-sec-sutun[b-173j2ggqpq] { width: 48px; text-align: center; }
.akk-tablo td.akk-sec-sutun[b-173j2ggqpq] { text-align: center; padding: 2px 6px; }
/* Kutucuğun kendisi 20 px kalır ama TIKLAMA ALANI sarmalayıcı etikettir:
   çıplak bir <input type=checkbox> dolguyla büyümez ve dokunma hedefi
   20 px'te kalıyordu (K4: dokunmatikte ≥44). */
.akk-sec-kap[b-173j2ggqpq] {
    display: inline-grid;
    place-items: center;
    min-width: 34px;
    min-height: 34px;
    cursor: pointer;
}

.akk-kutucuk[b-173j2ggqpq] { width: 20px; height: 20px; accent-color: var(--marka-600); cursor: pointer; }
.akk-kutucuk:focus-visible[b-173j2ggqpq] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Ad sütunu masaüstünde DONDURULMAZ: tablo 1440 px'te yatay kaymıyor ve
   `thead` mavi–petrol geçişi tek parça kalmalı. Dondurma, yatay kaydırmanın
   gerçekten olduğu cihaz kırılımında yapılır (aşağıda) — orada başlık
   `AnalizTablo`'nun `at-bas-zemin` deseniyle düz tona döner. */
.akk-tablo tbody th.akk-ad[b-173j2ggqpq] {
    max-width: 280px;
    font-weight: 600;
    white-space: normal;
    overflow-wrap: anywhere;
    background: var(--yuzey);
}

.akk-tablo tbody tr:nth-child(even) th.akk-ad[b-173j2ggqpq] { background: var(--anv-cift-satir); }
.akk-tablo tbody tr.akk-satir--secili th.akk-ad[b-173j2ggqpq] { background: color-mix(in srgb, var(--marka-600) 7%, var(--yuzey)); }

.akk-sayi[b-173j2ggqpq] { text-align: right; font-variant-numeric: tabular-nums; }
.akk-satir-eylem[b-173j2ggqpq] { text-align: right; }
.akk-satir-eylem > .au-btn + .au-btn[b-173j2ggqpq] { margin-left: 6px; }

.akk-rozet[b-173j2ggqpq] {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}

.akk-rozet--aktif[b-173j2ggqpq] { background: var(--basari-acik); color: var(--basari-metin); }
.akk-rozet--pasif[b-173j2ggqpq] { background: var(--anv-cift-satir); color: var(--analiz-dikkat-metin); }
.akk-ad .akk-rozet[b-173j2ggqpq] { margin-left: 8px; }

/* Yıkıcı eylem — yeni palet üretmeden ayrışır. */
.akk-btn--yikici[b-173j2ggqpq],
.akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .akk-btn--yikici {
    color: var(--danger-metin);
    border-color: var(--danger);
    background: var(--yuzey);
}

.akk-btn--yikici:hover:not(:disabled)[b-173j2ggqpq] { background: color-mix(in srgb, var(--danger) 8%, var(--yuzey)); }

/* ── Şeritler ────────────────────────────────────────────────────────────── */
.akk-arac-serit[b-173j2ggqpq],
.akk-sayfalama[b-173j2ggqpq],
.akk-atama-serit[b-173j2ggqpq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.akk-arac-serit[b-173j2ggqpq] { margin-bottom: 12px; align-items: flex-end; }
.akk-alan--ara[b-173j2ggqpq] { flex: 0 1 240px; max-width: 280px; }
.akk-sayfalama[b-173j2ggqpq] { justify-content: flex-end; margin-top: 12px; }
.akk-sayfa-no[b-173j2ggqpq] { font-size: 12px; color: var(--anv-soluk); }

.akk-atama-serit[b-173j2ggqpq] {
    justify-content: flex-end;
    margin-top: 16px;
    padding: 14px 18px;
    border: 1px solid var(--anv-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: var(--anv-kart-golge);
}

.akk-secim-dokumu[b-173j2ggqpq] {
    flex: 1 1 100%;
    min-width: 0;
    font-size: 12px;
    color: var(--anv-ikincil);
    overflow-wrap: anywhere;
}

.akk-secim-dokumu > summary[b-173j2ggqpq] { cursor: pointer; min-height: 34px; padding: 8px 0; }
.akk-secim-dokumu p[b-173j2ggqpq] { margin: 4px 0 0; }
.akk-sonuc[b-173j2ggqpq] { margin: 0; margin-right: auto; font-size: 13px; color: var(--anv-ikincil); }
/* Bölüm içi işlem bildirimi (katalog): şeridin içinde değil, listenin üstünde. */
.akk-sonuc--bolum[b-173j2ggqpq] {
    max-width: 80ch;
    margin: 0 0 12px;
    padding: 10px 12px;
    border-left: 3px solid var(--marka-500);
    border-radius: var(--kose-dugme);
    background: var(--anv-cift-satir);
    line-height: 1.5;
}
/* Atama hatası şeridin tamamını kaplar; düğmenin yanında ezilmez. */
.akk-atama-serit > .akk-hata[b-173j2ggqpq] { flex: 1 1 100%; }

/* ── Boş ve bekleme durumları ───────────────────────────────────────────── */
.akk-bos[b-173j2ggqpq] {
    margin: 0;
    padding: 18px 0;
    color: var(--anv-soluk);
    font-size: 13px;
    line-height: 1.5;
}

.akk-bos-kap[b-173j2ggqpq] {
    padding: 32px 18px;
    text-align: center;
    border: 1px dashed var(--anv-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

.akk-bos__ana[b-173j2ggqpq] {
    margin: 0;
    font: 700 15px/1.3 var(--font-display);
    letter-spacing: -.012em;
    color: var(--anv-murekkep);
}

.akk-bos__yonerge[b-173j2ggqpq] {
    margin: 6px auto 0;
    max-width: 34rem;
    font-size: 13px;
    line-height: 1.55;
    color: var(--anv-ikincil);
}

.akk-bos-eylem[b-173j2ggqpq] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 14px;
}

/* ── Pencereler (native <dialog>) ───────────────────────────────────────── */
.akk-kutu[b-173j2ggqpq] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--ust-golge);
    overflow: hidden;
}

.akk-kutu[open][b-173j2ggqpq] { display: flex; flex-direction: column; }
.akk-kutu[b-173j2ggqpq]::backdrop { background: var(--scrim); }
.akk-kutu--dar[b-173j2ggqpq] { width: min(460px, calc(100vw - 48px)); }

.akk-kutu:focus[b-173j2ggqpq] { outline: none; }
.akk-kutu:focus-visible[b-173j2ggqpq] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.akk-kutu__bas[b-173j2ggqpq] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border-top: 5px solid var(--marka-500);
    border-bottom: 1px solid var(--hat-kart);
}

.akk-kutu__h[b-173j2ggqpq] {
    margin: 0;
    color: var(--marka-700);
    font: 700 20px/1.2 var(--font-display);
    letter-spacing: -.02em;
    overflow-wrap: anywhere;
}

.akk-kutu__kapat[b-173j2ggqpq] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: var(--kose-dugme);
    background: none;
    color: var(--metin-ipucu);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.akk-kutu__kapat:hover:not(:disabled)[b-173j2ggqpq] { color: var(--danger-metin); background: color-mix(in srgb, var(--danger) 8%, var(--yuzey)); }
.akk-kutu__kapat:focus-visible[b-173j2ggqpq] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.akk-kutu__kapat:disabled[b-173j2ggqpq] { cursor: wait; opacity: .55; }

.akk-kutu__govde[b-173j2ggqpq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.akk-kutu__alt[b-173j2ggqpq] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

.akk-kutu .au-btn[b-173j2ggqpq] { min-height: 34px; border-radius: var(--kose-dugme); font: 600 12.5px var(--font-body); }

.akk-kutu__hata[b-173j2ggqpq],
.akk-hata[b-173j2ggqpq] {
    margin: 0;
    padding: 12px;
    border-left: 3px solid var(--danger);
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    color: var(--danger-metin);
    font-size: 13px;
}

.akk-onay-metin[b-173j2ggqpq] {
    margin: 0;
    color: var(--metin-murekkep);
    font-size: 13px;
    line-height: 1.6;
}

.akk-ipucu[b-173j2ggqpq] {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: var(--metin-ipucu);
}

/* Pencere içindeki künye alanları üç sütun; alan kutusu kapaktaki 210 px
   sınırını taşımaz. */
.akk-alanlar[b-173j2ggqpq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.akk-kutu .akk-alan[b-173j2ggqpq] { flex: initial; max-width: none; color: var(--metin-ikincil); }

/* ── TABLET ───────────────────────────────────────────────────────────────
   docs/mobil/YENI-DIL.md §1.1 sorgu metinleri birebir. */
@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .akk-alanlar[b-173j2ggqpq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    /* Cihaz kırılımında da aynı önek şart: masaüstü kuralı önekli olduğu için
       öneksiz kalan bu blok kendi tabanını dahi ezemezdi. */
    .akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: stretch; justify-content: flex-start; }
    .akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-btn { min-height: 44px; }
    .akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .app-input { min-height: 44px; height: 44px; font-size: max(16px, 1rem); }

    .akk-alan[b-173j2ggqpq] { flex: 1 1 100%; max-width: none; }
    .akk-kontrol[b-173j2ggqpq] { min-height: 44px; font-size: max(16px, 1rem); }

    .akk-sekmeler[b-173j2ggqpq] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .akk-sekme[b-173j2ggqpq] { flex: 0 0 auto; min-height: 44px; }

    .akk-kutu .au-btn[b-173j2ggqpq] { min-height: 44px; }
    .akk-kutu__kapat[b-173j2ggqpq] { width: 44px; height: 44px; flex-basis: 44px; }
    .akk-satir-eylem > .au-btn[b-173j2ggqpq] { margin: 2px 0 2px 6px; }
    .akk-sec-kap[b-173j2ggqpq] { min-width: 44px; min-height: 44px; }
    .akk-tablo td.akk-sec-sutun[b-173j2ggqpq] { padding: 0 2px; }
    .akk-secim-dokumu > summary[b-173j2ggqpq] { min-height: 44px; }

    /* YATAY KAYDIRMA BURADA GERÇEK: seçim kutucuğu ve ad sütunu birlikte
       yapışır, BAŞLIK HÜCRELERİ DE yapışır — yoksa gövde sabit dururken
       başlık kayıyor ve sütunlar yanlış hizalanıyordu. Sabit başlık hücresi
       opak olmak zorunda; `AnalizTablo` gibi tüm başlık düz `--marka-500`
       tonuna döner (geçişin yarısını kesmek yerine). */
    .akk-tablo thead[b-173j2ggqpq] { background: var(--marka-500); }
    .akk-tablo .akk-sec-sutun[b-173j2ggqpq] { position: sticky; left: 0; z-index: 3; background: var(--yuzey); }
    .akk-tablo thead .akk-sec-sutun[b-173j2ggqpq] { z-index: 6; background: var(--marka-500); }
    .akk-tablo tbody tr:nth-child(even) td.akk-sec-sutun[b-173j2ggqpq] { background: var(--anv-cift-satir); }
    .akk-tablo tbody tr.akk-satir--secili td.akk-sec-sutun[b-173j2ggqpq] { background: color-mix(in srgb, var(--marka-600) 7%, var(--yuzey)); }

    .akk-tablo th.akk-ad[b-173j2ggqpq] { position: sticky; left: 0; z-index: 2; box-shadow: 1px 0 0 var(--anv-hat-ince); }
    .akk-tablo thead th.akk-ad[b-173j2ggqpq] { z-index: 6; background: var(--marka-500); box-shadow: none; }
    /* Seçim sütunu olan tablolarda ad sütunu onun SAĞINDA durur; left:0
       verilirse kutucukların üstüne biner. */
    .akk-tablo:has(.akk-sec-sutun) th.akk-ad[b-173j2ggqpq] { left: 48px; }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    /* Telefon bloğu da (0,5,0) idi; paylaşılan kapak kurallarını ezebilmesi için önek. */
    .akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { gap: 10px 6px; }
    .akk-kok[b-173j2ggqpq]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri .au-title { font-size: 20px; }
    .akk-kok[b-173j2ggqpq]  .az-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .akk-kok[b-173j2ggqpq]  .az-kpi-serit > .au-card:last-child { grid-column: 1 / -1; }

    .akk-alanlar[b-173j2ggqpq] { grid-template-columns: minmax(0, 1fr); }
    .akk-atama-serit[b-173j2ggqpq] { padding: 12px; }
    .akk-atama-serit > .au-btn[b-173j2ggqpq] { flex: 1 1 auto; }
    .akk-sayfalama[b-173j2ggqpq] { justify-content: space-between; }
    .akk-tablo[b-173j2ggqpq] { min-width: 640px; }
    .akk-tablo tbody th.akk-ad[b-173j2ggqpq] { max-width: 180px; }
    .akk-bos-kap[b-173j2ggqpq] { padding: 24px 12px; }

    .akk-kutu[b-173j2ggqpq],
    .akk-kutu--dar[b-173j2ggqpq] {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
    }

    .akk-kutu__bas[b-173j2ggqpq],
    .akk-kutu__govde[b-173j2ggqpq],
    .akk-kutu__alt[b-173j2ggqpq] { padding: 12px; }

    .akk-kutu__h[b-173j2ggqpq] { font-size: 18px; }
    .akk-kutu__alt > .au-btn[b-173j2ggqpq] { flex: 1 1 auto; }
}

/* ── Açılır seçiciler ───────────────────────────────────────────────────── */
.akk-alan--acilir[b-173j2ggqpq] { display: block; }
.akk-alan--acilir[b-173j2ggqpq]  .app-field { gap: 6px; }
/* `--agv-*` YALNIZ `.analiz-genel-vitrin` altında tanımlıdır; pencere üst
   katmanda o ağacın dışındadır. Kapak etiketi bu yüzden `.akk-kok` ile
   sınırlandırıldı, pencere kendi genel token'ını kullanır. */
.akk-kok .akk-alan--acilir[b-173j2ggqpq]  .app-field__label {
    color: var(--agv-kapak-etiket);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}
.akk-kutu .akk-alan--acilir[b-173j2ggqpq]  .app-field__label {
    color: var(--metin-ikincil);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}
.akk-alan--acilir[b-173j2ggqpq]  .app-input {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 28px 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 500 13px var(--font-body);
}

@media (pointer: coarse) {
    .akk-alan--acilir[b-173j2ggqpq]  .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizKazanimlar.razor.rz.scp.css */
/* Öğrenme çıktıları — yalnız token. */
.ak-alan[b-olmc554ead] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ak-ara[b-olmc554ead] { width: 100%; min-width: 0; padding: 6px 12px; font-family: var(--font-body); }
.ak-grup[b-olmc554ead] { border-top: 1px solid var(--line); padding: 8px 0 4px; }
.ak-grup:first-of-type[b-olmc554ead] { border-top: none; }
.ak-grup__bas[b-olmc554ead] { cursor: pointer; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 6px 0; font-weight: 650; color: var(--fg); list-style: none; }
.ak-grup__bas[b-olmc554ead]::-webkit-details-marker { display: none; }
.ak-grup__bas[b-olmc554ead]::before { content: "▸"; color: var(--muted); margin-right: 6px; font-size: .8rem; }
.ak-grup[open] > .ak-grup__bas[b-olmc554ead]::before { content: "▾"; }
.ak-grup__n[b-olmc554ead] { font-weight: 400; color: var(--muted); font-size: .83rem; }
.ak-yukari[b-olmc554ead] { color: var(--analiz-iyi-metin); }
.ak-asagi[b-olmc554ead] { color: var(--analiz-dikkat-metin); }
.ak-iskelet-kpi[b-olmc554ead] { height: 78px; margin-bottom: 16px; }
.ak-iskelet-grafik[b-olmc554ead] { height: 320px; }

/* Sıralama seçimi — liste hep en düşükten başlıyordu ve kazanılanlar hiç
   görünmüyordu (2026-08-22 kullanıcı geri bildirimi). */
.ak-sirala[b-olmc554ead] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    margin-bottom: .6rem;
}

@media (max-width: 640px) {
    .ak-grup__bas[b-olmc554ead] { flex-wrap: wrap; align-items: center; gap: 6px; }
    .ak-grup__n[b-olmc554ead] { flex: 1 1 100%; }
    .ak-sirala .au-btn[b-olmc554ead] { min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizOgrenci.razor.rz.scp.css */
/* Öğrenciye ait künye ve ölçütler; ortak Akademik Analiz görünümünü değiştirmez. */
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .ao-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .ao-bolum-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .ao-bolum-ozet:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.ao-sayfa[b-jsi0tp1eog]  .ao-bolum-ozet .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.ao-sayfa[b-jsi0tp1eog]  .au-page.az-sayfa.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) max-content;
    gap: 12px; margin-bottom: 16px; padding-block: 16px 18px;
}
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: 1 / 1; }
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler {
    grid-area: 1 / 3; width: max-content; min-width: max-content; justify-self: end;
}
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(.au-title) {
    display: flex; flex-wrap: wrap; gap: 6px 14px;
    grid-area: 1 / 2; height: auto; min-width: 0;
}
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div > .au-title { max-width: calc(100% - 40px); white-space: normal; overflow-wrap: anywhere; }
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div > .au-sub {
    flex-basis: 100%; margin: 0; padding: 0; border: 0; max-width: none;
}
.ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .ar-ac { grid-area: 1 / 2; margin: 0; }
.ao-ic[b-jsi0tp1eog] { margin-bottom: 0; }
.ao-ic > div[b-jsi0tp1eog] { min-width: 0; }
.ao-alt-baslik[b-jsi0tp1eog] { margin: 0 0 12px; font: 600 13px/1.4 var(--font-body); color: var(--anv-ikincil); }
.ao-iskelet-kpi[b-jsi0tp1eog] { height: 110px; margin-bottom: 16px; }
.ao-iskelet-icerik[b-jsi0tp1eog] { height: 420px; }
.ao-ders-suzgec[b-jsi0tp1eog] { margin-bottom: 12px; }
.ao-ders-suzgec[b-jsi0tp1eog]  .app-field { max-width: 320px; gap: 5px; }
.ao-ders-suzgec[b-jsi0tp1eog]  .app-field__label { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--agv-kapak-etiket); }
.ao-ders-suzgec[b-jsi0tp1eog]  .app-input {
    min-height: 34px; padding: 0 12px; border: 1px solid var(--agv-tepsi-alan-hat);
    border-radius: 3px 10px 10px 10px; background: var(--yuzey); color: var(--anv-murekkep); font-size: 13px;
}
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ao-ic[b-jsi0tp1eog] { grid-template-columns: minmax(0, 1fr); }
    .ao-ders-suzgec[b-jsi0tp1eog]  .app-input { min-height: 44px; font-size: 16px; }
}
@media (max-width: 640px) {
    .ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .ao-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .ao-ozet > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .ao-ozet > .au-card:nth-child(2n) { border-right: 0; }
    .ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .ao-ozet > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri { align-items: start; gap: 8px; padding: 12px; }
    .ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { margin: 0; }
    .ao-sayfa[b-jsi0tp1eog]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(.au-title) { gap: 6px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizOgrenciAra.razor.rz.scp.css */
/* AN-03: dört ortak ölçüt; dağılıma ait üç ölçüt kendi bölümünde. */
.aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-ozet {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-dagilim-ozet {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) {
    border-right: 1px solid var(--anv-hat-ince);
    border-bottom: 0;
}
.aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.aoa-sayfa[b-q1ditkqd9w]  .aoa-dagilim-ozet .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.aoa-alan[b-q1ditkqd9w] { display: flex; flex-direction: column; min-width: 0; }
.aoa-ara[b-q1ditkqd9w] { width: 100%; min-width: 0; }
.aoa-iskelet-kpi[b-q1ditkqd9w] { height: 110px; margin-bottom: 16px; }
.aoa-iskelet-icerik[b-q1ditkqd9w] { height: 320px; }
.aoa-daha[b-q1ditkqd9w] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.aoa-daha__not[b-q1ditkqd9w] { font-size: 12px; color: var(--anv-soluk); }

@media (max-width: 640px) {
    .aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-ozet > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-ozet > .au-card:nth-child(2n) { border-right: 0; }
    .aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-ozet > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
    .aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-dagilim-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aoa-sayfa[b-q1ditkqd9w]  .au-page.analiz-vitrin.analiz-genel-vitrin .aoa-dagilim-ozet > .au-card:first-child { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--anv-hat-ince); }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizOperasyon.razor.rz.scp.css */
/* Projeksiyonun bildirdiği hatalar: düz liste, sayfa metninden bir ton sönük. */
.aop-hatalar[b-wbsp5tev1e] {
    margin: 8px 0;
    padding-left: 20px;
    color: var(--fg-soft);
    font-size: .88rem;
}

/* Beş sütunlu roster tablosu dar ekranda kendi kabında kayar; sayfa yatay kaymaz. */
.aop-tablo-kap[b-wbsp5tev1e] {
    overflow-x: auto;
    margin-top: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizPano.razor.rz.scp.css */
/* Analiz panosu — Akademik Analiz görsel dilinin panoya uyarlaması.
   Kapak, üst bilgi şeridi, sekmeler ve tablo görünümü ORTAK kaynaklardan gelir
   (analiz-vitrin.css `.analiz-genel-vitrin`, AnalizBolumSekmeleri, AnalizTablo);
   burada yalnız bu sayfaya özgü olanlar var. Yeni renk/ölçü üretilmez.

   `::deep` kuralları bilerek: bağlı hücreler (öğrenci bağlantısı, karne
   düğmeleri) `AnalizTablo`nun içinde çizildiği için sayfanın kapsam işaretini
   taşımaz; ortak dosyaya kural yazmak yerine kapsam `.ap-sayfa` ile sınırlanır. */

.ap-sayfa[b-b3me4i795c] { min-width: 0; }

/* RENK BURADA VERİLMEZ: `analiz-vitrin.css` zaten
   `.au-page.analiz-vitrin .ap-durum { color: var(--anv-soluk) }` diyor ve
   App.razor'da kapsanmış paket (`EduLive.Web.styles.css`, satır 24) ondan
   ÖNCE yükleniyor — eşit özgüllükte sonraki kazanır, yani buraya yazılan renk
   uygulanmaz. Ölü bildirim yazmak yerine vitrin dilinin tokenı bırakılır. */
.ap-durum[b-b3me4i795c] { margin: 12px 0 0; font-size: 12.5px; line-height: 1.5; }

/* Kapaktaki "Sıfırla": referansta alanlarla aynı taban çizgisinde durur. */
.ap-sifirla[b-b3me4i795c] { align-self: flex-end; }

/* İskelet yükseklikleri gerçek içeriğin yerini tutar — içerik gelince sayfa
   zıplamaz (KPI kartı 78 px, "uzun" grafik 420 px). */
.ap-iskelet-kpi[b-b3me4i795c] { height: 78px; }
.ap-iskelet-bolum[b-b3me4i795c] { height: 420px; margin-bottom: 16px; }

/* ------------------------------------------------------------ tablo hücreleri */
/* RENK VE KALINLIK BURADA VERİLMEZ (denetim 2026-09-20). `analiz-vitrin.css`
   `.au-page.analiz-vitrin .ap-ogrenci-link`e `--anv-iyi-metin` + `600` veriyor;
   iki kural da 0-3-0 özgüllükte ve vitrin dosyası kapsanmış paketten SONRA
   yükleniyor, yani buradaki taban renk zaten uygulanmıyordu. `:hover` ise bir
   özgüllük daha yüksek olduğu için UYGULANIYORDU: bağlantı duruşta vitrin
   renginde, fare üstündeyken marka mavisinde kalıyor ve üzerine gelince renk
   ailesi değişiyordu. Taban tek kaynakta (vitrin) bırakıldı; burada yalnız
   vitrinin vermediği davranış var. */
.ap-sayfa[b-b3me4i795c]  .ap-ogrenci-link { text-decoration: none; }
.ap-sayfa[b-b3me4i795c]  .ap-ogrenci-link:hover { text-decoration: underline; }
.ap-sayfa[b-b3me4i795c]  .ap-ogrenci-link:focus-visible {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
    border-radius: 3px;
}

.ap-sayfa[b-b3me4i795c]  .ap-karne-hucre { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.ap-sayfa[b-b3me4i795c]  .ap-karne { white-space: nowrap; }

/* --------------------------------------------------------- karne penceresi */
.ap-popup[b-b3me4i795c] {
    width: min(1040px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--anv-hat);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
    color: var(--anv-murekkep);
    box-shadow: var(--anv-kart-golge);
}
.ap-popup:not([open])[b-b3me4i795c] { display: none; }
.ap-popup[open][b-b3me4i795c] { display: flex; flex-direction: column; }
.ap-popup[b-b3me4i795c]::backdrop { background: var(--scrim); }

.ap-popup__bas[b-b3me4i795c] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 24px 14px;
    border-bottom: 1px solid var(--anv-hat);
}
.ap-popup__bas[b-b3me4i795c]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: var(--anv-serit);
}
.ap-popup__bas h2[b-b3me4i795c] {
    margin: 0;
    font: 700 20px/1.2 var(--font-display);
    letter-spacing: -0.026em;
    color: var(--marka-700);
}
/* Açılış odağı başlıkta; görünür bir odak halkası çizmez (klavye kullanıcısı
   ilk Tab'ta gerçek denetime geçer). */
.ap-popup__bas h2:focus[b-b3me4i795c] { outline: none; }
.ap-popup__bas p[b-b3me4i795c] { margin: 6px 0 0; font-size: 12px; color: var(--anv-soluk); overflow-wrap: anywhere; }

.ap-popup__kapat[b-b3me4i795c] {
    flex: 0 0 34px;
    width: 34px;
    min-height: 34px;
    padding: 0;
    font-size: 22px;
    line-height: 1;
}

/* Büyük içerik KENDİ gövdesinde kayar; başlık ve eylemler görünür kalır. */
.ap-popup__govde[b-b3me4i795c] {
    flex: 0 1 auto;
    min-height: 0;
    min-width: 0;
    padding: 16px 24px;
    overflow: auto;
    overscroll-behavior: contain;
}
.ap-popup__kagit[b-b3me4i795c] {
    display: block;
    width: 100%;
    height: min(70dvh, 760px);
    border: 1px solid var(--anv-hat);
    border-radius: 3px 10px 10px 10px;
    background: var(--yuzey);
}
.ap-popup__durum[b-b3me4i795c] { margin: 0; color: var(--anv-ikincil); font-size: 13px; }
.ap-popup__hata[b-b3me4i795c] {
    margin: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
    border-radius: 3px 10px 10px 10px;
    background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
    color: var(--danger-metin);
    font-size: 13px;
}

.ap-popup__eylemler[b-b3me4i795c] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 24px;
    border-top: 1px solid var(--anv-hat);
}

/* TELEFON (YENI-DIL §1.1) */
@media (max-width: 640px) {
    .ap-iskelet-bolum[b-b3me4i795c] { height: 280px; }

    .ap-popup[b-b3me4i795c] {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 24px);
    }
    .ap-popup__bas[b-b3me4i795c] { padding: 16px 16px 12px; }
    .ap-popup__bas h2[b-b3me4i795c] { font-size: 17px; }
    .ap-popup__kapat[b-b3me4i795c] { flex-basis: 44px; width: 44px; min-height: 44px; }
    .ap-popup__govde[b-b3me4i795c] { padding: 14px 16px; }
    .ap-popup__kagit[b-b3me4i795c] { height: 58dvh; }
    .ap-popup__eylemler[b-b3me4i795c] { padding: 12px 16px; }
    .ap-popup__eylemler .au-btn[b-b3me4i795c] { flex: 1 1 auto; min-height: 44px; }

    .ap-sayfa[b-b3me4i795c]  .ap-karne-hucre { justify-content: flex-start; }
}

/* TABLET (YENI-DIL §1.1) */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ap-popup[b-b3me4i795c] { width: calc(100vw - 32px); }
    .ap-popup__kagit[b-b3me4i795c] { height: 62dvh; }
}

/* CİHAZ (YENI-DIL §1.1) — dokunma hedefi en az 44 px. */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ap-sayfa[b-b3me4i795c]  .ap-karne { min-height: 44px; }
    .ap-sayfa[b-b3me4i795c]  .ap-ogrenci-link {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizPsikometri.razor.rz.scp.css */
/* AN-05: yalnız hedef sayfanın ölçütleri ve sınav seçicisi. */
.aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-ozet { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(2) { flex: 1 1 320px; width: 320px; max-width: 400px; min-width: 0; }
.aps-sifirla[b-ugai1xlai8] { align-self: flex-end; }
.aps-iskelet-kpi[b-ugai1xlai8] { height: 110px; }
.aps-iskelet-grafik[b-ugai1xlai8] { height: 420px; margin-bottom: 16px; }
.aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-guvenirlik-ozet { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.aps-kapsam[b-ugai1xlai8] { margin: 0 0 16px; font-size: 13px; color: var(--anv-ikincil); }
.apk-liste[b-ugai1xlai8] { list-style: none; margin: 0; padding: 0; font-size: 13px; }
.apk-liste li[b-ugai1xlai8] { border-bottom: 1px solid var(--anv-hat-ince); }
.apk-liste li:last-child[b-ugai1xlai8] { border-bottom: 0; }
.apk-madde[b-ugai1xlai8] { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 36px; padding: 8px 2px; background: none; border: 0; cursor: pointer; text-align: left; color: var(--anv-murekkep); font: inherit; }
.apk-madde:hover[b-ugai1xlai8] { background: var(--anv-cift-satir); }
.apk-madde:focus-visible[b-ugai1xlai8] { outline: 2px solid var(--marka-500); outline-offset: 2px; }
.apk-no[b-ugai1xlai8] { min-width: 30px; color: var(--anv-soluk); }
.apk-ders[b-ugai1xlai8] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apk-deger[b-ugai1xlai8] { font-variant-numeric: tabular-nums; color: var(--anv-ikincil); }

@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(2) { width: auto; max-width: none; }
    .apk-madde[b-ugai1xlai8] { min-height: 44px; }
}
@media (max-width: 640px) {
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-ozet > .au-card:first-child { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--anv-hat-ince); }
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-guvenirlik-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-guvenirlik-ozet > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-guvenirlik-ozet > .au-card:nth-child(2n) { border-right: 0; }
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .aps-guvenirlik-ozet > .au-card:last-child { grid-column: 1 / -1; border-bottom: 0; }
}

@media (max-width: 640px) {
    .aps-sayfa[b-ugai1xlai8]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card .ak-kpi__b {
        white-space: normal; height: auto; min-height: 56px; line-height: 1.35; padding-block: 6px;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizRaporlar.razor.rz.scp.css */
/* AN-26 — Raporlar, Akademik Analiz görsel diline uyarlaması.
   Ölçüler `docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md`,
   cihaz kırılımları `docs/mobil/YENI-DIL.md` §1.1'den birebir alınmıştır. */

.ar-sayfa[b-osym0xxdbe] { min-width: 0; }

/* ---- Kapak: başlık solda, filtreler sağda (23 px başlık ölçeği) ---- */
.ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "filtre filtre";
    gap: 14px 12px;
    align-items: start;
}
.ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
.ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { grid-area: baslik; min-width: 0; height: auto; }
.ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri .au-title { font-size: 23px; white-space: normal; }
.ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre {
    grid-area: filtre; width: 100%; justify-self: stretch;
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px;
}
.ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-btn { min-height: 34px; border-radius: var(--kose-dugme); font: 600 12.5px var(--font-body); }

/* Başlık 1540 px üstünde tek satıra geçer: filtre ve seçici sağa yaslanır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px auto minmax(0, 1fr);
        grid-template-areas: "geri baslik filtre";
    }
    /* `justify-self: end` süzgeç kabını shrink-to-fit ölçtürür; sarmalı flex kabın
       max-content'ini Chromium çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 176px`
       tabanını saymaz → kap daralır ve süzgeçler alt alta yığılır. `stretch` kabı satır
       boyunca açar, hizalamayı `flex-end` üstlenir (dar ekranda sarma korunur).
       `.az-filtre` yalnız sarmalayıcıdır; asıl süzgeç satırı AnalizFiltre'nin
       `.af-cubuk`udur, hizayı onun da alması gerekir. */
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { justify-self: stretch; justify-content: flex-end; }
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre .af-cubuk { justify-content: flex-end; }
}

/* ---- Görev sekmeleri (referans: AnalizBolumSekmeleri ölçüleri) ---- */
.ar-gorevler[b-osym0xxdbe] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    margin: 0 0 16px;
    min-width: 0;
    background: var(--anv-kart-zemin);
    border: 1px solid var(--anv-hat);
    border-radius: 3px 10px 10px 10px;
}
.ar-gorev[b-osym0xxdbe] {
    --ar-sekme-vurgu: var(--agv-kpi-etiket-1);
    flex: 1 0 auto;
    min-width: 0;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--anv-ikincil);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}
/* Lacivert → petrol → yeşil: referans paletinin dört sekmeye dağılımı. */
.ar-gorev:nth-child(2)[b-osym0xxdbe] { --ar-sekme-vurgu: var(--agv-kpi-etiket-2); }
.ar-gorev:nth-child(3)[b-osym0xxdbe] { --ar-sekme-vurgu: var(--agv-kpi-etiket-3); }
.ar-gorev:nth-child(n+4)[b-osym0xxdbe] { --ar-sekme-vurgu: var(--agv-kpi-etiket-4); }
.ar-gorevler .ar-gorev:hover[b-osym0xxdbe] {
    background: color-mix(in srgb, var(--ar-sekme-vurgu) 14%, var(--yuzey));
    color: var(--ar-sekme-vurgu);
}
.ar-gorevler .ar-gorev--secili[b-osym0xxdbe],
.ar-gorevler .ar-gorev[aria-selected="true"][b-osym0xxdbe] { background: var(--ar-sekme-vurgu); color: var(--yuzey); }
.ar-gorev:focus-visible[b-osym0xxdbe], .ar-gorev-panel:focus-visible[b-osym0xxdbe] {
    outline: 2px solid var(--ar-sekme-vurgu, var(--agv-kpi-etiket-1));
    outline-offset: 2px;
}
.ar-gorev-panel[b-osym0xxdbe] { min-width: 0; }

/* Uzun tablo kendi sınırlı alanında kayar; başlık üstte sabit kalır. */
.ar-gorev-panel[b-osym0xxdbe]  .at-kap { max-height: min(540px, 60dvh); overflow: auto; }
.ar-gorev-panel[b-osym0xxdbe]  .at-tablo { display: table; overflow: visible; max-width: none; }
.ar-gorev-panel[b-osym0xxdbe]  .at-tablo thead { position: sticky; top: 0; z-index: 4; }
.ar-gorev-panel[b-osym0xxdbe]  .at-tablo:has(thead .at-sabit) thead { background: var(--at-bas-rampa); }
.ar-gorev-panel[b-osym0xxdbe]  .at-tablo thead .at-sabit { background: var(--at-bas-zemin); }

/* ---- Kapaktaki öğrenci seçici tetikleyicisi ---- */
.ar-ogrenci-ac[b-osym0xxdbe] { align-self: flex-end; }
.ar-ogrenci-secili[b-osym0xxdbe] {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 11px 13px; border: 1px solid var(--anv-hat);
    border-radius: var(--kose-kart); background: var(--yuzey); color: var(--anv-murekkep);
}
.ar-ogrenci-secili > div[b-osym0xxdbe] { display: grid; gap: 2px; min-width: 0; }
.ar-ogrenci-secili span[b-osym0xxdbe] { color: var(--anv-soluk); font: 700 10px var(--font-body); text-transform: uppercase; letter-spacing: .14em; }
.ar-ogrenci-secili strong[b-osym0xxdbe] { font-size: 13px; }
.ar-ogrenci-secili small[b-osym0xxdbe] { color: var(--anv-ikincil); font-size: 12px; }

/* ---- Öğrenci seçici penceresi (native dialog) ---- */
.ar-ogrenci-popup[b-osym0xxdbe] {
    width: min(560px, calc(100vw - 48px)); max-width: none;
    max-height: calc(100dvh - 48px); padding: 0;
    border: 1px solid var(--anv-hat); border-radius: var(--kose-bolum);
    background: var(--yuzey); color: var(--anv-murekkep);
    box-shadow: var(--anv-kart-golge); overflow: hidden;
}
/* Kapalı pencere DOM'da durur ama görünmez: arama alanı yeniden bağlanmasın. */
.ar-ogrenci-popup:not([open])[b-osym0xxdbe] { display: none; }
.ar-ogrenci-popup[open][b-osym0xxdbe] { display: flex; flex-direction: column; }
.ar-ogrenci-popup[b-osym0xxdbe]::backdrop { background: var(--scrim); }
.ar-popup-bas[b-osym0xxdbe] {
    display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between;
    gap: 16px; padding: 18px; border-top: 5px solid var(--marka-500);
    border-image: var(--anv-serit) 1; border-bottom: 1px solid var(--anv-hat);
}
.ar-popup-bas > div[b-osym0xxdbe] { min-width: 0; }
.ar-popup-bas h2[b-osym0xxdbe] { margin: 0; color: var(--marka-700); font: 700 20px/1.2 var(--font-display); overflow-wrap: anywhere; }
.ar-popup-bas p[b-osym0xxdbe] { margin: 8px 0 0; color: var(--anv-ikincil); font-size: 13px; max-width: 58ch; }
.ar-popup-kapat[b-osym0xxdbe] { display: grid; place-items: center; flex: 0 0 44px; min-height: 44px; padding: 0; font-size: 22px; }
.ar-popup-govde[b-osym0xxdbe] { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 18px; }
.ar-popup-eylem[b-osym0xxdbe] {
    display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px;
    padding: 12px 18px; border-top: 1px solid var(--anv-hat); background: var(--yuzey);
}
.ar-arama-yardim[b-osym0xxdbe] { margin: 8px 0 0; color: var(--anv-soluk); font-size: 12px; }

/* ---- Arama alanı ve adaylar ---- */
.ar-alan[b-osym0xxdbe] { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: var(--anv-ikincil); font: 500 13px var(--font-body); }
.ar-girdi[b-osym0xxdbe] {
    box-sizing: border-box; width: 100%; min-width: 0; height: 34px;
    padding: 0 12px; border: 1px solid var(--hat-girdi); border-radius: var(--kose-dugme);
    background: var(--yuzey); color: var(--metin-murekkep); font: 400 13px var(--font-body);
}
.ar-girdi:focus-visible[b-osym0xxdbe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.ar-sonuc[b-osym0xxdbe] { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
.ar-aday[b-osym0xxdbe] {
    border: 1px solid var(--anv-hat); background: var(--yuzey); color: var(--anv-murekkep);
    border-radius: 999px; padding: 7px 12px; font: 500 12.5px var(--font-body); cursor: pointer;
}
.ar-aday:hover[b-osym0xxdbe] { border-color: var(--marka-600); background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }

/* Arama HATASI — "sonuç yok"tan ayrı görünür: boş liste sessiz kalır,
   bu satır kullanıcıya yeniden denemesi gerektiğini söyler. */
.ar-arama-hata[b-osym0xxdbe] {
    margin: 12px 0 0; padding: 8px 12px; font-size: 13px;
    border-left: 3px solid var(--danger); background: var(--yuzey);
    border-radius: var(--kose-dugme); color: var(--anv-murekkep);
}

/* ---- Sürüm kartları ---- */
.ar-kart[b-osym0xxdbe] { padding: 18px; min-width: 0; display: flex; flex-direction: column; gap: 8px; border-radius: var(--kose-bolum); }
.ar-h4[b-osym0xxdbe] { margin: 0; font: 700 15px var(--font-display); letter-spacing: -.012em; color: var(--anv-murekkep); }
.ar-alt[b-osym0xxdbe] { margin: 0; font-size: 12px; line-height: 1.55; color: var(--anv-soluk); flex: 1; }
.ar-pdfler[b-osym0xxdbe] { display: inline-flex; gap: 4px; }
.ar-pdfler .au-btn[b-osym0xxdbe] { font-size: 11.5px; padding: 3px 8px; }

/* Üretilemeyen sürüm düğmesi — kapalı ve sebebi başlıkta. */
.ar-yok[b-osym0xxdbe] { opacity: .4; text-decoration: line-through; }

/* Toplu kısayol (#26) ve toplu karne (#112 · #29). Kısmi sonuç, tam sonuçtan
   GÖRSEL olarak da ayrışır: aynı görünen iki cümleden biri "eksik" diyorsa
   kullanıcı onu okumadan geçer. */
.ar-toplu[b-osym0xxdbe] { align-items: center; gap: 10px; }
.ar-toplu__alt[b-osym0xxdbe] { font-size: 12px; color: var(--anv-soluk); }
.ar-toplu__sonuc[b-osym0xxdbe] { margin: 8px 0 0; font-size: 13px; color: var(--anv-ikincil); }
.ar-toplu__sonuc--eksik[b-osym0xxdbe] { color: var(--anv-dikkat-metin, var(--analiz-dikkat-metin)); font-weight: 600; }
.ar-sepet[b-osym0xxdbe] { margin-top: 10px; }
.ar-sepet__sebep[b-osym0xxdbe] { max-width: 62ch; }

/* SINIRI YAZAN DEVİR NOKTASI (#77). Uyarı değil bilgi: kırmızı/turuncu dikkat
   rengi kullanılmaz — burada yanlış giden bir şey yok, ürünün sınırı var. */
.ar-devir[b-osym0xxdbe] {
    margin: 12px 0 0; padding: 10px 12px; max-width: 68ch;
    font-size: 13px; line-height: 1.55; color: var(--anv-ikincil);
    border-left: 3px solid var(--marka-rampa-orta);
    border-radius: var(--kose-dugme); background: var(--yuzey);
}
.ar-devir a[b-osym0xxdbe] { color: var(--marka-600); text-decoration: underline; }

/* İnen dosyanın EKSİK olduğu bildirimi — hata değil (dosya indi), ama sessiz
   geçilirse eksik dosya tam sanılır. */
.ar-eksik-not[b-osym0xxdbe] {
    margin: 0 0 16px; padding: 10px 12px; font-size: 13px; line-height: 1.55;
    border-left: 3px solid var(--anv-orta-hat, var(--analiz-dikkat));
    background: var(--anv-orta-zemin, var(--yuzey));
    border-radius: var(--kose-dugme); color: var(--anv-murekkep);
}

/* Biçim seçimi (parite #28/#110/#120). Seçili durumun GÖRÜNÜR olması şart:
   görünmezse kullanıcı hangi biçimde indirdiğini bilmez ve yanlış dosyayı
   alır — sessiz bir hata. */
.ar-bicim__etiket[b-osym0xxdbe] { align-self: center; font: 700 10px var(--font-body); text-transform: uppercase; letter-spacing: .14em; color: var(--anv-soluk); }
.ar-bicim--secili[b-osym0xxdbe] { background: var(--marka-600); color: var(--on-brand); border-color: var(--marka-600); font-weight: 600; }

/* ---- CİHAZ (YENI-DIL §1.1) ---- */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ar-gorevler[b-osym0xxdbe] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .ar-gorev[b-osym0xxdbe] { flex: 0 0 auto; min-height: 44px; }
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre > * { flex: 1 1 calc(50% - 12px); min-width: 0; }
}

/* ---- Dokunmatik: hedef ≥44 px, girdi ≥16 px (YENI-DIL K4) ---- */
@media (pointer: coarse) {
    .ar-girdi[b-osym0xxdbe] { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
    .ar-aday[b-osym0xxdbe], .ar-ogrenci-ac[b-osym0xxdbe] { min-height: 44px; }
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-btn { min-height: 44px; }
    .ar-pdfler .au-btn[b-osym0xxdbe] { min-height: 44px; padding: 3px 10px; }
}

/* ---- TELEFON ---- */
@media (max-width: 640px) {
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri .au-title { font-size: 20px; }
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { flex-direction: column; align-items: stretch; }
    .ar-sayfa[b-osym0xxdbe]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre > * { flex: 1 1 100%; }
    .ar-kart[b-osym0xxdbe] { padding: 14px; }
    .ar-h4[b-osym0xxdbe] { font-size: 14px; }
    .ar-ogrenci-secili[b-osym0xxdbe] { align-items: flex-start; flex-direction: column; }
    .ar-ogrenci-popup[b-osym0xxdbe] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .ar-popup-bas[b-osym0xxdbe], .ar-popup-govde[b-osym0xxdbe], .ar-popup-eylem[b-osym0xxdbe] { padding: 12px; }
    .ar-popup-bas h2[b-osym0xxdbe] { font-size: 18px; }
    .ar-pdfler[b-osym0xxdbe] { flex-wrap: wrap; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizSinavAnalitik.razor.rz.scp.css */
/* AN-05: yalnız hedef sayfanın ölçütleri ve sınav seçicisi. */
.asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .asa-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-right: 1px solid var(--anv-hat-ince); border-bottom: 0; }
.asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
.asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
.asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(2) { flex: 1 1 320px; width: 320px; max-width: 400px; min-width: 0; }
.asa-sifirla[b-9hjxm7un7q] { align-self: flex-end; }
.asa-iskelet-kpi[b-9hjxm7un7q] { height: 110px; }
.asa-iskelet-grafik[b-9hjxm7un7q] { height: 420px; margin-bottom: 16px; }
.asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .asa-sube-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk > .app-field:nth-child(2) { width: auto; max-width: none; }
}
@media (max-width: 640px) {
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .asa-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .asa-ozet > .au-card:nth-child(n) { border-bottom: 1px solid var(--anv-hat-ince); }
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .asa-ozet > .au-card:nth-child(2n) { border-right: 0; }
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .asa-ozet > .au-card:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 640px) {
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        display: grid; grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
        align-items: center; gap: 12px; padding: 12px;
    }
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .au-breadcrumb--dugme { grid-area: geri; }
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(.au-title) {
        grid-area: baslik; display: flex; gap: 8px; height: auto; min-width: 0; margin: 0;
    }
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler {
        grid-area: eylem; width: 100%; max-width: none; margin: 0; justify-content: flex-end;
    }
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-filtre { grid-area: filtre; width: 100%; }
}

@media (max-width: 640px) {
    .asa-sayfa[b-9hjxm7un7q]  .au-page.analiz-vitrin.analiz-genel-vitrin .asa-sube-ozet > .au-card .ak-kpi__b {
        white-space: normal; height: auto; min-height: 44px; line-height: 1.35; padding-block: 6px;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizSinavKarne.razor.rz.scp.css */
/* Sınav karnesi — sayfa özel stiller.
   Token disiplini: yalnız aurora.css'te tanımlı değişkenler kullanılır
   (AnalizCssTokenTests yasaklı aileleri kilitler). */

.ask-alan[b-n5mn9ijblz] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
    font-size: .74rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted);
}

.ask-bos[b-n5mn9ijblz] {
    padding: 2.2rem 1.6rem;
    text-align: center;
    color: var(--fg-soft);
}

.ask-bos p[b-n5mn9ijblz] {
    margin: 0 0 .5rem;
}

.ask-bos__alt[b-n5mn9ijblz] {
    font-size: .86rem;
    color: var(--muted);
    max-width: 46ch;
    margin-inline: auto;
}

/* Yükleme iskeletleri — ölçüler gerçek içerikle aynı yükseklikte olsun ki
   veri gelince sayfa zıplamasın. */
.ask-iskelet-kpi[b-n5mn9ijblz] {
    height: 78px;
    border-radius: var(--radius-sm);
}

.ask-iskelet-grafik[b-n5mn9ijblz] {
    height: 320px;
    margin-top: 1rem;
    border-radius: var(--radius-sm);
}

.af-cubuk[b-n5mn9ijblz] >  .app-field { gap: .28rem; }
.af-cubuk[b-n5mn9ijblz] >  .app-field__label { font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; font-weight: inherit; color: var(--muted); }

/* Grafik bölümleri: onaylı kapak, ölçü şeridi ve cihaz kırılımları. */
.ask-sayfa[b-n5mn9ijblz] { min-width: 0; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-areas: "geri baslik eylem" "filtre filtre filtre"; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { height: auto; min-height: 34px; flex-wrap: wrap; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-sub { flex-basis: 100%; white-space: normal; margin: 4px 0 0; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head > .az-filtre { width: 100%; max-width: none; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk { flex-wrap: wrap; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler { flex-wrap: wrap; }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
@media (min-width: 641px) and (max-width: 1279px) {
    .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit, .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { grid-template-columns: 30px minmax(0, 1fr); grid-template-areas: "geri baslik" "filtre filtre" "eylem eylem"; }
    .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler { justify-self: stretch; justify-content: flex-start; }
    .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit, .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) > :last-child { grid-column: 1 / -1; }
    .ask-sayfa[b-n5mn9ijblz]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
}

.ask-duzen[b-n5mn9ijblz] { display: inline-flex; flex-wrap: wrap; gap: 4px; }

/* Kısmi üretim notu: dosya indi ama içi eksik. Hata rengi DEĞİL (indirme
   başarılı), dikkat rengi — gözden kaçmasın ama "bozuldu" da demesin. */
.ask-eksik-not[b-n5mn9ijblz] {
    margin: 0 0 12px; padding: 8px 12px; font-size: .84rem;
    border-left: 3px solid var(--analiz-dikkat); background: var(--glass);
    border-radius: var(--radius-sm); color: var(--fg);
}

/* Tek öğrenci karnesi — arama kutusu + aday listesi (2026-09-20).
   Süzgeç şeridi `.af-cubuk` `align-items: flex-end` taşır ve komşu 4 çocuk
   `.app-field` = SÜTUN (üstte etiket, altında girdi). Bu alan SATIR olduğu için
   etiketi girdi bandının ortasında kalıyor, girdi de kapak kanonundan farklı
   yükseklikte duruyordu → şeritte zikzak. Alan sütuna çevrildi; ölçüler kapak
   kanonundan (AppField 7px gap + 46px/34px girdi) açıkça kopyalandı. */
.ask-ogrenci[b-n5mn9ijblz] {
    position: relative;                 /* .ask-ogrenci__adaylar top:100% buna bağlı — KALSIN */
    display: flex; flex-direction: column; gap: 7px;   /* AppField.razor.css:4 ile aynı */
    flex: 0 1 220px; min-width: 0; max-width: 260px;
}
/* Öğrenci SEÇİLİYKEN içerik rozet + "Kaldır" düğmesidir; onlar sütunda alt alta
   düşerdi — o dalda satır düzeni korunur. Rozet `white-space: nowrap` taşıdığı için
   220/260px kanonu bu dalda taşmaya yol açar → ölçü kısıtı içeriğe göre serbest bırakılır
   (arama dalındaki 220/260px kanonu değişmez). */
.ask-ogrenci:has(.az-rozet)[b-n5mn9ijblz] {
    flex-direction: row; align-items: center; gap: 8px; flex-wrap: wrap;
    flex: 0 1 auto; max-width: none;
}
.ask-ogrenci__etiket[b-n5mn9ijblz] {
    font: 700 13px var(--font-body); letter-spacing: .14em; text-transform: uppercase;
    color: var(--agv-kapak-etiket);
}
.ask-ogrenci__girdi[b-n5mn9ijblz] {
    box-sizing: border-box; width: 100%; min-width: 0;
    height: 46px; min-height: 46px; padding: 0 12px;     /* <1280px kanonu: AppField 46px */
    font: 500 14.5px var(--font-body);
    color: var(--agv-kapak-alan-metin);
    background: var(--agv-kapak-alan-zemin);
    border: 1px solid var(--agv-kapak-alan-hat);
    border-radius: var(--kose-dugme);
}
.ask-ogrenci__girdi:hover[b-n5mn9ijblz], .ask-ogrenci__girdi:focus[b-n5mn9ijblz] {
    border-color: var(--agv-kapak-alan-hat-uzeri);
    background: var(--agv-kapak-alan-zemin-uzeri);
}
.ask-ogrenci__girdi:focus-visible[b-n5mn9ijblz] { outline: 2px solid var(--agv-kapak-metin); outline-offset: 2px; }
/* Masaüstü kapak ölçüsü — koşul analiz-vitrin.css:2204 medyasıyla BİREBİR aynı;
   farklı olursa tam o bantta yeniden zikzak oluşur. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ask-ogrenci__etiket[b-n5mn9ijblz] { font-size: 10px; }
    .ask-ogrenci__girdi[b-n5mn9ijblz] { height: 34px; min-height: 34px; font-size: 13px; }
}
.ask-ogrenci__adaylar[b-n5mn9ijblz] {
    position: absolute; top: 100%; left: 0; z-index: 5; margin: 4px 0 0; padding: 4px; list-style: none;
    min-width: 280px; background: var(--glass-strong); border: 1px solid var(--line); border-radius: var(--radius-sm);
    box-shadow: var(--panel-golge);
}
.ask-ogrenci__aday[b-n5mn9ijblz] {
    display: block; width: 100%; padding: 6px 10px; text-align: left; font: inherit; color: var(--fg);
    background: transparent; border: 0; border-radius: var(--radius-sm); cursor: pointer;
}
.ask-ogrenci__aday:hover[b-n5mn9ijblz], .ask-ogrenci__aday:focus-visible[b-n5mn9ijblz] { background: var(--glass); outline: none; }
.ask-sonuk[b-n5mn9ijblz] { color: var(--muted); font-size: .82rem; }
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizSinavSeti.razor.rz.scp.css */
/* Sınav seti karnesi — çoklu sınav seçimi ve kapsam beyanı.
   Token disiplini: yalnız aurora.css'te tanımlı değişkenler. */

.ass-liste[b-zg6xtssn8o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: .5rem;
}

.ass-oge[b-zg6xtssn8o] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: .55rem;
    align-items: center;
    padding: .55rem .7rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    cursor: pointer;
    transition: border-color .12s ease, background .12s ease;
}

.ass-oge:hover[b-zg6xtssn8o] {
    border-color: var(--brand);
}

.ass-oge--secili[b-zg6xtssn8o] {
    border-color: var(--brand);
    background: var(--analiz-iyi-acik);
}

.ass-oge input[b-zg6xtssn8o] {
    grid-row: 1 / span 2;
    accent-color: var(--brand);
}

.ass-oge input:disabled[b-zg6xtssn8o] {
    cursor: not-allowed;
}

.ass-oge__ad[b-zg6xtssn8o] {
    font-weight: 600;
    font-size: .88rem;
    color: var(--fg);
}

.ass-oge__alt[b-zg6xtssn8o] {
    font-size: .74rem;
    color: var(--muted);
}

.ass-sayac[b-zg6xtssn8o] {
    margin: .8rem 0 0;
    font-size: .84rem;
    color: var(--fg-soft);
}

/* Uyarı metni: seçim geçersizken NEDEN geçersiz olduğunu söyler —
   düğmeyi sessizce pasif bırakmak kullanıcıyı deneme-yanılmaya iter. */
.ass-sayac__uyari[b-zg6xtssn8o] {
    display: block;
    margin-top: .25rem;
    color: var(--analiz-dikkat-metin);
}

.ass-bos[b-zg6xtssn8o] {
    padding: 1.4rem;
    text-align: center;
    color: var(--muted);
}

.ass-kapsam[b-zg6xtssn8o] {
    margin: 0;
    padding: 1rem 1.1rem;
    border-radius: var(--radius-sm);
    font-size: .9rem;
    color: var(--fg-soft);
}

/* Zemin açık camgöbeği; üstündeki metin `--analiz-iyi-metin` ile AA'yı
   geçmiyordu (ölçüm 4,25 < 4,5 — AnalizRenkKontrastiTests). Gövde metni
   rengiyle okunur, vurguyu sol kenar şeridi taşır. */
.ass-kapsam--tam[b-zg6xtssn8o] {
    background: var(--analiz-iyi-acik);
    color: var(--fg);
    border-left: 3px solid var(--analiz-iyi);
}

.ass-iskelet[b-zg6xtssn8o] {
    height: 280px;
    margin-top: 1rem;
    border-radius: var(--radius-sm);
}

/* Grafik bölümleri: onaylı kapak, ölçü şeridi ve cihaz kırılımları. */
.ass-sayfa[b-zg6xtssn8o] { min-width: 0; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-areas: "geri baslik eylem" "filtre filtre filtre"; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > div:has(> .au-title) { height: auto; min-height: 34px; flex-wrap: wrap; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-title { white-space: normal; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head .au-sub { flex-basis: 100%; white-space: normal; margin: 4px 0 0; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head > .az-filtre { width: 100%; max-width: none; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .af-cubuk { flex-wrap: wrap; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler { flex-wrap: wrap; }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__d { white-space: normal; overflow-wrap: anywhere; }
@media (min-width: 641px) and (max-width: 1279px) {
    .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit, .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) { grid-template-columns: 30px minmax(0, 1fr); grid-template-areas: "geri baslik" "filtre filtre" "eylem eylem"; }
    .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler { justify-self: stretch; justify-content: flex-start; }
    .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit, .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit:has(> :nth-child(5):last-child) > :last-child { grid-column: 1 / -1; }
    .ass-sayfa[b-zg6xtssn8o]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 42px; min-height: 42px; line-height: 1.2; }
}

.ass-liste[b-zg6xtssn8o] { max-height: 250px; overflow-y: auto; overscroll-behavior: contain; }
.ass-kapsam-notu[b-zg6xtssn8o] { margin: 0 0 16px; font-size: 13px; color: var(--muted); }
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizSiniflar.razor.rz.scp.css */
/* Sınıflar — yalnız token. */
.asn-iskelet-kpi[b-evt5ss9ath] { height: 78px; margin-bottom: 16px; }
.asn-iskelet-grafik[b-evt5ss9ath] { height: 420px; margin-bottom: 16px; }

/* Dar masaüstünde ve telefonda uzun ölçüt adları kırpılmadan okunur. */
.asn-sayfa[b-evt5ss9ath] { min-width: 0; }
@media (min-width: 641px) and (max-width: 1279px) {
    .asn-sayfa[b-evt5ss9ath]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1279px) {
    .asn-sayfa[b-evt5ss9ath]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit .ak-kpi__b { white-space: normal; height: 56px; min-height: 56px; line-height: 1.2; overflow-wrap: anywhere; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizSiralama.razor.rz.scp.css */
/* AN-04: kapak, bant ve sayfalama; ortak vitrin token'ları korunur. */
.asr-sayfa-kap[b-e8g3uyd9au] { min-width: 0; }
.asr-not[b-e8g3uyd9au] { margin: 0 0 16px; font-size: 12px; line-height: 1.5; color: var(--anv-ikincil); }
.asr-alan[b-e8g3uyd9au] { display: flex; flex-direction: column; gap: 6px; }
.asr-ara[b-e8g3uyd9au] { min-width: 0; width: 100%; }
.asr-bant[b-e8g3uyd9au] { flex: 1 0 100%; min-width: 0; }
.asr-bant[b-e8g3uyd9au]  .aas { min-width: 0; }
.asr-sayfa[b-e8g3uyd9au] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: flex-end; padding-top: 12px; font-size: 13px; color: var(--anv-ikincil); }
.asr-sira-payda[b-e8g3uyd9au] { margin-left: 4px; font-size: 12px; color: var(--anv-soluk); }
.asr-iskelet-kpi[b-e8g3uyd9au] { height: 110px; }
.asr-iskelet-grafik[b-e8g3uyd9au] { height: 320px; margin-bottom: 16px; }
/* Çok alanlı kapak: girdiler daralmak yerine sonraki satıra geçer. */
.asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk { flex-wrap: wrap; }
.asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .app-field,
.asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head--geri > .az-filtre .af-cubuk > .ag-alan { flex-shrink: 0; }
@media (max-width: 640px) {
    .asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem" "filtre filtre";
    }
    .asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri > .az-eylemler { justify-self: start; }
    .asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-filtre .ag-girdi { font-size: 16px; padding-inline: 12px; }
}
.asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .au-btn { min-height: 34px; }
@media (max-width: 1023px) and (pointer: coarse),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .asr-sayfa-kap[b-e8g3uyd9au]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler .au-btn { min-height: 44px; }
}

/* Sunucu tavanında kesilen listenin devamı (AnalizOgrenciAra ile aynı düzen). */
.asr-daha[b-e8g3uyd9au] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.asr-daha__not[b-e8g3uyd9au] { font-size: 12px; color: var(--anv-soluk); }
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizSube.razor.rz.scp.css */
/* Şube detayı, Akademik Analiz kapağının dokuz mevcut metriğe uyarlaması. */
.as-sayfa[b-15scdgblar] { min-width: 0; }
.as-filtre[b-15scdgblar] { display: flex; align-items: flex-end; min-width: 0; }
.as-iskelet-kpi[b-15scdgblar] { height: 110px; margin-bottom: 16px; }
.as-iskelet-grafik[b-15scdgblar] { height: 420px; }
.as-indirme-durumu[b-15scdgblar] { color: var(--anv-ikincil); font-size: 12px; }

.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(.au-title) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: start;
    height: auto;
    row-gap: 5px;
    column-gap: 14px;
}
.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-title {
    grid-column: 1;
    grid-row: 1;
    white-space: normal;
    overflow-wrap: anywhere;
}
.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div > .au-sub {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
}
.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(7) .ak-kpi__b { background: var(--agv-kpi-etiket-4); }
.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(8) .ak-kpi__b { background: var(--agv-kpi-etiket-5); }
.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(9) .ak-kpi__b { background: var(--agv-kpi-etiket-6); }
.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n+7) .ak-kpi__d {
    font-size: 18px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { border-top: 0; border-bottom: 1px solid var(--anv-hat-ince); }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(6) { border-right: 0; }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+3) { grid-column: span 2; border-bottom: 0; }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik baslik" "filtre filtre eylem";
        justify-content: stretch;
    }
}
@media (min-width: 1540px) {
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(9, minmax(0, 1fr)); }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(n) { grid-column: auto; border-bottom: 0; border-right: 1px solid var(--anv-hat-ince); }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { border-right: 0; }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr) 176px auto;
        grid-template-areas: "geri baslik filtre eylem";
    }
}
@media (max-width: 640px) {
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "filtre filtre" "eylem eylem";
    }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head > .az-eylemler { justify-self: stretch; justify-content: flex-end; gap: 6px; }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { grid-column: 1 / -1; }
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(8) { border-bottom: 1px solid var(--anv-hat-ince); }
}
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-eylemler > .au-btn { min-height: 44px; }
    .as-filtre[b-15scdgblar]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* Risk kadranı (parite #65/#66) — dört kart, tıklanınca tabloyu süzer. */
.asr-kadranlar[b-15scdgblar] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
                 gap: 8px; margin-bottom: 10px; }
.asr-kadran[b-15scdgblar] { display: flex; flex-direction: column; gap: 2px; padding: 9px 11px;
              border: 1px solid var(--line); border-radius: 10px; background: none;
              cursor: pointer; text-align: left; color: var(--fg); }
.asr-kadran:hover[b-15scdgblar] { background: var(--glass); }
.asr-kadran--secili[b-15scdgblar] { border-color: var(--fg-soft); background: var(--glass); }
.asr-sayi[b-15scdgblar] { font-size: 1.3rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.asr-ad[b-15scdgblar] { font-size: .86rem; font-weight: 600; }
.asr-aciklama[b-15scdgblar] { font-size: .76rem; color: var(--muted); line-height: 1.4; }
.asr-not[b-15scdgblar] { margin: 0 0 8px; font-size: .8rem; color: var(--muted); }

.asr-kadran[b-15scdgblar] { border-radius: var(--kose-kart); background: var(--yuzey); min-height: 44px; }
.asr-kadran:focus-visible[b-15scdgblar] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.asr-kadran--secili[b-15scdgblar] { border-color: var(--marka-600); background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }

.as-sayfa[b-15scdgblar]  .au-page.analiz-vitrin.analiz-genel-vitrin .au-head.au-head--geri:has(> .az-filtre) > div:has(.au-title) .ar-ac {
    grid-column: 2; grid-row: 1; margin: 0; justify-self: end;
}
/* _content/EduLive.Web/Components/Pages/Analysis/AnalizSubeler.razor.rz.scp.css */
.asb-iskelet-kpi[b-7vsdnxsv62] {
  height: 78px;
}
.asb-iskelet-grafik[b-7vsdnxsv62] {
  height: 420px;
  margin-top: 16px;
}

/* Beş mevcut gösterge için altıncı boş hücre oluşturma. */
.asb-sayfa[b-7vsdnxsv62] { min-width: 0; }
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .asb-sayfa[b-7vsdnxsv62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .asb-sayfa[b-7vsdnxsv62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:last-child { grid-column: 1 / -1; }
    .asb-sayfa[b-7vsdnxsv62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(4) { border-bottom: 1px solid var(--anv-hat-ince); }
}

@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .asb-sayfa[b-7vsdnxsv62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .asb-sayfa[b-7vsdnxsv62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card { grid-column: span 2; }
    .asb-sayfa[b-7vsdnxsv62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-last-child(-n+2) { grid-column: span 3; }
    .asb-sayfa[b-7vsdnxsv62]  .au-page.analiz-vitrin.analiz-genel-vitrin .az-kpi-serit > .au-card:nth-child(3) { border-bottom: 1px solid var(--anv-hat-ince); }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/AnalizKutuphane.razor.rz.scp.css */
/* Kütüphane: bölümler ortak AnalizBolumSekmeleri ile üstten seçilir (sekme stilleri o bileşende). */
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/IceAktarmaBolumu.razor.rz.scp.css */
.kt2[b-yqna9zxr85] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.kt2-bas[b-yqna9zxr85] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.kt2-bas__metin[b-yqna9zxr85] {
    min-width: 0;
    flex: 1 1 320px;
}

.kt2-bas__metin .au-sub[b-yqna9zxr85] {
    margin: 0;
}

.kt2-sekmeler[b-yqna9zxr85] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 8px;
}

.kt2-sekme[b-yqna9zxr85] {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: var(--radius-pill);
    cursor: pointer;
}

.kt2-sekme:hover[b-yqna9zxr85] {
    background: var(--glass-hover);
    color: var(--fg);
}

.kt2-sekme:focus-visible[b-yqna9zxr85] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2-sekme--secili[b-yqna9zxr85] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
    color: var(--fg);
}

.kt2-panel[b-yqna9zxr85] {
    min-width: 0;
    display: grid;
    gap: 14px;
}

.kt2[b-yqna9zxr85]  .kt2-arac {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px 14px;
}

.kt2[b-yqna9zxr85]  .kt2-arac__sol {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    min-width: 0;
    flex: 1 1 280px;
}

.kt2[b-yqna9zxr85]  .kt2-arac__sag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.kt2[b-yqna9zxr85]  .kt2-arama {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 420px;
}

.kt2[b-yqna9zxr85]  .kt2-ozet {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kt2[b-yqna9zxr85]  .kt2-ozet strong {
    color: var(--fg);
}

.kt2[b-yqna9zxr85]  .kt2-not {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.kt2[b-yqna9zxr85]  .kt2-durum {
    margin: 0;
    padding: 14px;
    font-size: 14px;
    color: var(--fg-soft);
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-yqna9zxr85]  .kt2-hata {
    display: grid;
    gap: 8px;
    justify-items: start;
    margin: 0;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--red-600);
    background: color-mix(in srgb, var(--red-500) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-yqna9zxr85]  .kt2-uyari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--amber-600);
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--amber-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-yqna9zxr85]  .kt2-basari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--green-600);
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--green-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-yqna9zxr85]  .kt2-bos {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 18px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--fg-soft);
    font-size: 14px;
}

.kt2[b-yqna9zxr85]  .kt2-bos strong {
    color: var(--fg);
    font-size: 15px;
}

.kt2[b-yqna9zxr85]  .kt2-kutu {
    display: grid;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.kt2[b-yqna9zxr85]  .kt2-kutu--tehlike {
    border-color: color-mix(in srgb, var(--red-500) 45%, var(--line));
}

.kt2[b-yqna9zxr85]  .kt2-kutu__baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kt2[b-yqna9zxr85]  .kt2-kutu p {
    margin: 0;
}

.kt2[b-yqna9zxr85]  .kt2-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    align-items: start;
    min-width: 0;
}

.kt2[b-yqna9zxr85]  .kt2-eylemler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}

.kt2[b-yqna9zxr85]  .kt2-eylemler--sol {
    justify-content: flex-start;
}

.kt2[b-yqna9zxr85]  .kt2-onay {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    color: var(--fg);
    cursor: pointer;
}

.kt2[b-yqna9zxr85]  .kt2-onay input {
    margin-top: 3px;
    accent-color: var(--brand);
}

.kt2[b-yqna9zxr85]  .kt2-cip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 9px;
    border-radius: var(--radius-pill);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    background: var(--glass-hover);
    color: var(--fg-soft);
}

.kt2[b-yqna9zxr85]  .kt2-cip--ok {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

.kt2[b-yqna9zxr85]  .kt2-cip--uyari {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.kt2[b-yqna9zxr85]  .kt2-cip--hata {
    background: color-mix(in srgb, var(--red-500) 12%, transparent);
    color: var(--red-600);
}

.kt2[b-yqna9zxr85]  .kt2-cip--marka {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.kt2[b-yqna9zxr85]  .kt2-sayilar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.kt2[b-yqna9zxr85]  .kt2-sayilar li {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13px;
    color: var(--fg-soft);
    min-width: 0;
}

.kt2[b-yqna9zxr85]  .kt2-sayilar strong {
    font-size: 20px;
    color: var(--fg);
    line-height: 1.1;
}

.kt2[b-yqna9zxr85]  .kt2-tablo-kap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-yqna9zxr85]  .kt2-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.kt2[b-yqna9zxr85]  .kt2-tablo caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.kt2[b-yqna9zxr85]  .kt2-tablo th {
    text-align: left;
    font-weight: 600;
    font-size: 12.5px;
    color: var(--muted);
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    background: var(--glass);
    white-space: nowrap;
}

.kt2[b-yqna9zxr85]  .kt2-tablo td {
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    color: var(--fg);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.kt2[b-yqna9zxr85]  .kt2-tablo tbody tr:last-child td {
    border-bottom: 0;
}

.kt2[b-yqna9zxr85]  .kt2-tablo tbody tr:hover td {
    background: var(--glass-hover);
}

.kt2[b-yqna9zxr85]  .kt2-tablo .kt2-sayi {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kt2[b-yqna9zxr85]  .kt2-tablo .kt2-islem {
    text-align: right;
    white-space: nowrap;
}

.kt2[b-yqna9zxr85]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
    margin-left: 6px;
}

.kt2[b-yqna9zxr85]  .kt2-ad {
    font-weight: 600;
}

.kt2[b-yqna9zxr85]  .kt2-alt {
    display: block;
    font-size: 12px;
    color: var(--muted);
    font-weight: 400;
}

.kt2[b-yqna9zxr85]  .kt2-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
}

.kt2[b-yqna9zxr85]  .kt2-liste {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 3px;
    font-size: 13.5px;
    color: var(--fg);
}

.kt2[b-yqna9zxr85]  .kt2-acilir {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    background: var(--glass);
}

.kt2[b-yqna9zxr85]  .kt2-acilir > summary {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.kt2[b-yqna9zxr85]  .kt2-acilir > summary:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2[b-yqna9zxr85]  .kt2-acilir[open] > summary {
    margin-bottom: 8px;
}

.kt2[b-yqna9zxr85]  .kt2-geri {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--brand-strong);
    font: inherit;
    font-size: 13.5px;
    padding: 2px 0;
    cursor: pointer;
    justify-self: start;
}

.kt2[b-yqna9zxr85]  .kt2-geri:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .kt2[b-yqna9zxr85]  .kt2-tablo-kap {
        border: 0;
        overflow: visible;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo,
    .kt2[b-yqna9zxr85]  .kt2-tablo tbody,
    .kt2[b-yqna9zxr85]  .kt2-tablo tr,
    .kt2[b-yqna9zxr85]  .kt2-tablo td {
        display: block;
        width: 100%;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo tr {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        margin-bottom: 8px;
        padding: 6px 0;
        background: var(--glass);
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo td {
        border: 0;
        padding: 4px 12px;
        display: grid;
        grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
        gap: 8px;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo td::before {
        content: attr(data-label);
        font-size: 12px;
        color: var(--muted);
        font-weight: 600;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo td[data-label=""]::before {
        content: none;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo td[data-label=""] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo .kt2-sayi,
    .kt2[b-yqna9zxr85]  .kt2-tablo .kt2-islem {
        text-align: left;
        white-space: normal;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo .kt2-islem {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo .kt2-islem::before {
        content: none;
    }

    .kt2[b-yqna9zxr85]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
        margin-left: 0;
    }

    .kt2[b-yqna9zxr85]  .kt2-eylemler {
        justify-content: stretch;
    }

    .kt2[b-yqna9zxr85]  .kt2-eylemler .au-btn {
        flex: 1 1 auto;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/IceAktarmaDosyaSecici.razor.rz.scp.css */
.ids[b-377a1tvihg] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.ids-etiket[b-377a1tvihg] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg);
}

.ids-satir[b-377a1tvihg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ids-dugme[b-377a1tvihg] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    cursor: pointer;
}

.ids-dugme:focus-within[b-377a1tvihg] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ids-dugme--kapali[b-377a1tvihg] {
    opacity: .55;
    cursor: not-allowed;
}

.ids-dugme[b-377a1tvihg]  .ids-girdi {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
}

.ids-dugme[b-377a1tvihg]  .ids-girdi:disabled {
    cursor: not-allowed;
}

.ids-durum[b-377a1tvihg] {
    font-size: 13.5px;
    color: var(--fg-soft);
    min-width: 0;
    overflow-wrap: anywhere;
}

.ids-ipucu[b-377a1tvihg] {
    font-size: 12.5px;
    color: var(--muted);
}

.ids-hata[b-377a1tvihg] {
    font-size: 13px;
    color: var(--red-600);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/IceAktarmaExcel.razor.rz.scp.css */
.iex-sozlesme[b-236t9oktd9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
}

.iex-etki[b-236t9oktd9] {
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    background: color-mix(in srgb, var(--brand) 6%, transparent);
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/IceAktarmaIsler.razor.rz.scp.css */
.iai-dosya[b-4olzdbrk5w] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px 16px;
}

.iai-oturum[b-4olzdbrk5w] {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 12px;
    min-width: 0;
}

.iai-oturum legend[b-4olzdbrk5w] {
    padding: 0 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.iai-oturum__satir[b-4olzdbrk5w] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
}

.iai-oturum__ad[b-4olzdbrk5w] {
    margin: 0;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.iai-etki[b-4olzdbrk5w] {
    margin: 0;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    background: color-mix(in srgb, var(--brand) 6%, transparent);
    font-size: 14px;
}

@media (max-width: 700px) {
    .iai-oturum__satir[b-4olzdbrk5w] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/IceAktarmaSinifListesi.razor.rz.scp.css */
.isl-esleme[b-c6a5h8snij] {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 12px;
    min-width: 0;
}

.isl-esleme legend[b-c6a5h8snij] {
    padding: 0 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.isl-sayfa[b-c6a5h8snij] {
    max-width: 320px;
}

.isl-etki[b-c6a5h8snij] {
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    background: color-mix(in srgb, var(--brand) 6%, transparent);
    display: grid;
    gap: 6px;
    font-size: 14px;
}

.isl-etki p[b-c6a5h8snij] {
    margin: 0;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/KatalogAnahtarExcel.razor.rz.scp.css */
/* CEVAP ANAHTARI · EXCEL'DEN YÜKLE (2026-09-28, K). Renkler token; ortak kk-* sınıfları
   KatalogBolumu.razor.css'ten (`.kk ::deep`) gelir. Dar ekranda tablo kaymaz, satırlar yığılır. */
.kax[b-l1e3hrkk64] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    min-width: 0;
}

.kax-bas[b-l1e3hrkk64] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.kax-baslik[b-l1e3hrkk64] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.kax-harita[b-l1e3hrkk64],
.kax-onizleme[b-l1e3hrkk64] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.kax-ozet[b-l1e3hrkk64] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.kax-ozet strong[b-l1e3hrkk64] {
    color: var(--fg);
}

.kax-tablo-kap[b-l1e3hrkk64] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    max-width: 100%;
}

.kax-izgara[b-l1e3hrkk64] {
    max-height: 280px;
    overflow: auto;
}

.kax-tablo[b-l1e3hrkk64] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.kax-tablo th[b-l1e3hrkk64],
.kax-tablo td[b-l1e3hrkk64] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    color: var(--fg);
}

.kax-tablo th[b-l1e3hrkk64] {
    font-weight: 600;
    color: var(--muted);
    white-space: nowrap;
}

.kax-tablo th.kax-sayi[b-l1e3hrkk64],
.kax-tablo td.kax-sayi[b-l1e3hrkk64] {
    text-align: right;
    white-space: nowrap;
}

.kax-girdi[b-l1e3hrkk64] {
    width: 100%;
    min-width: 140px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: 13px;
    box-sizing: border-box;
}

.kax-girdi:focus-visible[b-l1e3hrkk64] {
    outline: 2px solid var(--brand);
    outline-offset: 1px;
}

.kax-ders[b-l1e3hrkk64] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    margin: 0 8px 4px 0;
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    background: var(--glass);
    font-size: 12.5px;
    color: var(--fg);
    white-space: nowrap;
}

.kax-aralik[b-l1e3hrkk64] {
    color: var(--muted);
    font-size: 12px;
}

.kax-dersler summary[b-l1e3hrkk64] {
    cursor: pointer;
    font-size: 13.5px;
    color: var(--brand-strong);
}

.kax-ders-izgara[b-l1e3hrkk64] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.kax-ders-satir[b-l1e3hrkk64] {
    display: grid;
    grid-template-columns: 64px 1fr;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.kax-ders-kaynak[b-l1e3hrkk64] {
    font-family: var(--font-mono, monospace);
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.kax-onay[b-l1e3hrkk64] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 13.5px;
    color: var(--fg);
}

@media (max-width: 640px) {
    .kax-tablo thead[b-l1e3hrkk64] {
        display: none;
    }

    .kax-onizleme .kax-tablo tr[b-l1e3hrkk64] {
        display: grid;
        gap: 4px;
        padding: 8px 0;
        border-bottom: 1px solid var(--line);
    }

    .kax-onizleme .kax-tablo td[b-l1e3hrkk64] {
        border: 0;
        padding: 2px 10px;
    }

    .kax-onizleme .kax-tablo td[b-l1e3hrkk64]::before {
        content: attr(data-etiket) " · ";
        color: var(--muted);
        font-size: 12px;
    }

    .kax-tablo td.kax-sayi[b-l1e3hrkk64] {
        text-align: left;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/KatalogBolumu.razor.rz.scp.css */
/* SINAV KATALOĞU — bölüm + bütün Katalog* alt bileşenleri (`::deep` ile bu bölümün
   kapsamında). Ortak dil: kk-* (rozet, çip, form, onay, boş durum). */

.kk[b-e9lr1ux3c4] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.kk-bas[b-e9lr1ux3c4] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px 24px;
}

.kk-bas__metin[b-e9lr1ux3c4] {
    flex: 1 1 420px;
    min-width: 0;
    max-width: 80ch;
}

.kk-bas__eylem[b-e9lr1ux3c4] {
    flex: 0 0 auto;
}

.kk-bas .au-sub[b-e9lr1ux3c4] {
    margin: 4px 0 0;
}

.kk[b-e9lr1ux3c4]  .kk-aciklama,
.kk[b-e9lr1ux3c4]  .kk-durum {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.kk[b-e9lr1ux3c4]  .kk-uyari {
    margin: 0;
    font-size: 13px;
    color: var(--amber-600);
}

.kk[b-e9lr1ux3c4]  .kk-hata {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
}

.kk[b-e9lr1ux3c4]  .kk-etki {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kk-gizli {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.kk[b-e9lr1ux3c4]  .kk-bant {
    margin: 0;
}

/* ── arama ── */
/* Arama kutusu, tür süzgeci ve sayım tek satırda; dar ekranda alt alta sarılır. */
.kk-arama[b-e9lr1ux3c4] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 16px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.kk-arama__kutu[b-e9lr1ux3c4] {
    flex: 1 1 320px;
    max-width: 560px;
    min-width: 0;
}

.kk-arama .kk-turler[b-e9lr1ux3c4] {
    padding-bottom: 9px;
}

.kk-arama__sayim[b-e9lr1ux3c4] {
    margin: 0 0 0 auto;
    padding-bottom: 11px;
    font-size: 13px;
    color: var(--fg-soft);
    white-space: nowrap;
}

.kk[b-e9lr1ux3c4]  .kk-turler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kk[b-e9lr1ux3c4]  .kk-cip {
    cursor: pointer;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 12.5px;
}

.kk[b-e9lr1ux3c4]  .kk-cip--secili {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
    color: var(--brand-strong);
}

.kk[b-e9lr1ux3c4]  .kk-cip:focus-visible,
.kk[b-e9lr1ux3c4]  .kk-ac:focus-visible,
.kk[b-e9lr1ux3c4]  .kn-oturum__ac:focus-visible,
.kk[b-e9lr1ux3c4]  .ka-oturum:focus-visible,
.kk[b-e9lr1ux3c4]  .kod-baglanti:focus-visible,
.kk[b-e9lr1ux3c4]  .kt-hucre:focus-visible,
.kk[b-e9lr1ux3c4]  .kk-metin:focus-visible,
.kk[b-e9lr1ux3c4]  summary:focus-visible,
.kk[b-e9lr1ux3c4]  .kt-tablo-kap:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kk[b-e9lr1ux3c4]  .kk-cip:disabled {
    cursor: not-allowed;
    opacity: .55;
}

/* ── rozetler (Sınavlar sayfasındaki katalog aramasıyla aynı anlam) ── */
.kk[b-e9lr1ux3c4]  .kk-rozet {
    display: inline-block;
    padding: 2px 9px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    color: var(--fg-soft);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.kk[b-e9lr1ux3c4]  .kk-rozet--hazir {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

.kk[b-e9lr1ux3c4]  .kk-rozet--kismen,
.kk[b-e9lr1ux3c4]  .kk-rozet--bekliyor {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.kk[b-e9lr1ux3c4]  .kk-rozet--red {
    background: color-mix(in srgb, var(--red-500) 12%, transparent);
    color: var(--red-600);
}

.kk[b-e9lr1ux3c4]  .kk-rozet--kurum {
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand-strong);
}

/* ── liste, form, onay, boş durum ── */
.kk[b-e9lr1ux3c4]  .kk-eylem,
.kk[b-e9lr1ux3c4]  .kk-form__eylem,
.kk[b-e9lr1ux3c4]  .kk-satir__eylem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.kk[b-e9lr1ux3c4]  .kk-bos {
    padding: 14px 16px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--fg-soft);
}

.kk[b-e9lr1ux3c4]  .kk-bos p {
    margin: 0 0 6px;
}

.kk[b-e9lr1ux3c4]  .kk-alt-baslik {
    margin: 6px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kk-sayi {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.kk[b-e9lr1ux3c4]  .kk-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kk-satir {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kk-satir__ad {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    flex: 1 1 220px;
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kk-satir__form {
    flex: 1 1 100%;
    display: grid;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kk-ac,
.kk[b-e9lr1ux3c4]  .kod-baglanti {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 700;
    color: var(--fg);
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kod-baglanti {
    font-weight: 600;
    color: var(--brand-strong);
    text-decoration: underline;
}

.kk[b-e9lr1ux3c4]  .kk-ac:hover {
    color: var(--brand-strong);
    text-decoration: underline;
}

.kk[b-e9lr1ux3c4]  .kk-form {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kk-form__baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kk-form__alanlar {
    border: 0;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kk-onay {
    flex: 1 1 100%;
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--amber-600) 35%, var(--line));
    background: var(--glass-strong);
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kk-metin {
    width: 100%;
    min-height: 120px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: 13.5px;
    resize: vertical;
    box-sizing: border-box;
}

/* ── arama sonuçları ── */
.kk[b-e9lr1ux3c4]  .ka,
.kk[b-e9lr1ux3c4]  .ka-denemeler {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.kk[b-e9lr1ux3c4]  .ka-yayinevi {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.kk[b-e9lr1ux3c4]  .ka-yayinevi__ust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.kk[b-e9lr1ux3c4]  .ka-yayinevi__ad {
    font-size: 15px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .ka-deneme {
    display: grid;
    gap: 6px;
}

.kk[b-e9lr1ux3c4]  .ka-deneme__ad {
    font-weight: 600;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .ka-bos {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
}

.kk[b-e9lr1ux3c4]  .ka-oturumlar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .ka-oturum {
    display: grid;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    color: var(--fg);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
}

.kk[b-e9lr1ux3c4]  .ka-oturum:hover:not(:disabled) {
    background: var(--glass-hover);
    border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
}

.kk[b-e9lr1ux3c4]  .ka-oturum__tur {
    font-weight: 700;
}

.kk[b-e9lr1ux3c4]  .ka-oturum__rozetler {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.kk[b-e9lr1ux3c4]  .ka-oturum__surum {
    font-size: 12px;
    color: var(--muted);
}

/* ── yayınevi ayrıntısı ── */
.kk[b-e9lr1ux3c4]  .kd {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kd-bas {
    display: grid;
    gap: 8px;
    justify-items: start;
}

.kk[b-e9lr1ux3c4]  .kd-bas__ad {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.kk[b-e9lr1ux3c4]  .kd-baslik {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kd-sekmeler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* ── denemeler ── */
.kk[b-e9lr1ux3c4]  .kn,
.kk[b-e9lr1ux3c4]  .kde,
.kk[b-e9lr1ux3c4]  .kz,
.kk[b-e9lr1ux3c4]  .ky {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kn-deneme {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kn-deneme__ust {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kn-deneme__ad {
    display: grid;
    gap: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kn-deneme__ad h4 {
    margin: 0;
    font-size: 15px;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kn-deneme__ad span {
    font-size: 12.5px;
    color: var(--muted);
}

.kk[b-e9lr1ux3c4]  .kn-oturumlar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.kk[b-e9lr1ux3c4]  .kn-oturum {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
}

.kk[b-e9lr1ux3c4]  .kn-oturum__ac {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--fg);
    text-align: left;
    cursor: pointer;
    min-width: 0;
    flex: 1 1 200px;
}

.kk[b-e9lr1ux3c4]  .kn-oturum__ac:hover .kn-oturum__ad {
    color: var(--brand-strong);
    text-decoration: underline;
}

.kk[b-e9lr1ux3c4]  .kn-oturum__tur {
    font-weight: 800;
}

.kk[b-e9lr1ux3c4]  .kn-oturum__ad {
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kn-oturum__rozetler {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* ── oturum ayrıntısı ── */
.kk[b-e9lr1ux3c4]  .ko-detay {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kod-kunye {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.kk[b-e9lr1ux3c4]  .kod-kunye__ust {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kod-baslik {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kod-rozetler,
.kk[b-e9lr1ux3c4]  .kod-eylemler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kk[b-e9lr1ux3c4]  .kod-alt {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kod-bilgi {
    display: grid;
    gap: 6px;
    margin: 0;
}

.kk[b-e9lr1ux3c4]  .kod-bilgi > div {
    display: grid;
    grid-template-columns: minmax(110px, 160px) minmax(0, 1fr);
    gap: 10px;
    font-size: 13px;
}

.kk[b-e9lr1ux3c4]  .kod-bilgi dt {
    color: var(--muted);
    font-weight: 600;
}

.kk[b-e9lr1ux3c4]  .kod-bilgi dd {
    margin: 0;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kod-bolum {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.kk[b-e9lr1ux3c4]  .kod-alt-baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kod-surumler,
.kk[b-e9lr1ux3c4]  .kod-taslaklar,
.kk[b-e9lr1ux3c4]  .kod-kullanim {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    font-size: 13px;
    color: var(--fg-soft);
}

.kk[b-e9lr1ux3c4]  .kod-surum {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.kk[b-e9lr1ux3c4]  .kod-surum--aktif {
    border-color: color-mix(in srgb, var(--green-600) 40%, var(--line));
}

.kk[b-e9lr1ux3c4]  .kod-kullanim li {
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kod-kullanim a {
    color: var(--brand-strong);
    font-weight: 600;
}

.kk[b-e9lr1ux3c4]  .kod-taslak-sonuc p {
    margin: 0 0 4px;
    font-size: 13px;
    color: var(--fg-soft);
}

/* ── anahtar tablosu ── */
.kk[b-e9lr1ux3c4]  .kt {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kt-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kt-baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kt-bolumler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kk[b-e9lr1ux3c4]  .kt-ozet,
.kk[b-e9lr1ux3c4]  .kt-kazanim {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.kk[b-e9lr1ux3c4]  .kt-fark {
    color: var(--amber-600);
    font-weight: 600;
}

.kk[b-e9lr1ux3c4]  .kt-hizli {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kt-tablo-kap {
    overflow-x: auto;
    min-width: 0;
    max-height: 560px;
    overflow-y: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.kk[b-e9lr1ux3c4]  .kt-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.kk[b-e9lr1ux3c4]  .kt-tablo th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--glass-strong);
    text-align: left;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
    white-space: nowrap;
    border-bottom: 1px solid var(--line);
}

.kk[b-e9lr1ux3c4]  .kt-tablo td {
    padding: 4px 6px;
    vertical-align: top;
    border-bottom: 1px solid var(--line);
}

.kk[b-e9lr1ux3c4]  .kt-hucre {
    width: 100%;
    min-width: 92px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: 13px;
    box-sizing: border-box;
}

.kk[b-e9lr1ux3c4]  .kt-hucre--no {
    min-width: 58px;
    max-width: 76px;
    font-variant-numeric: tabular-nums;
}

.kk[b-e9lr1ux3c4]  .kt-hucre--harf {
    min-width: 48px;
    max-width: 58px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.kk[b-e9lr1ux3c4]  .kt-hucre[readonly] {
    background: transparent;
    border-color: transparent;
}

.kk[b-e9lr1ux3c4]  .kt-hucre--hata {
    border-color: var(--red-500);
}

.kk[b-e9lr1ux3c4]  .kt-hata {
    display: block;
    max-width: 220px;
    margin-top: 3px;
    font-size: 11.5px;
    color: var(--red-600);
    white-space: normal;
}

.kk[b-e9lr1ux3c4]  .kt-islem {
    white-space: nowrap;
}

.kk[b-e9lr1ux3c4]  .kt-alt-eylem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.kk[b-e9lr1ux3c4]  .kt-uyarilar {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    color: var(--red-600);
}

.kk[b-e9lr1ux3c4]  .kt-iptal-secim {
    display: grid;
    gap: 6px;
    font-size: 13.5px;
    color: var(--fg);
}

/* ── ders eşlemeleri ── */
.kk[b-e9lr1ux3c4]  .kde-liste,
.kk[b-e9lr1ux3c4]  .kz-liste,
.kk[b-e9lr1ux3c4]  .kz-adaylar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kde-satir {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kde-satir--sari {
    border-color: color-mix(in srgb, var(--amber-600) 55%, var(--line));
    background: color-mix(in srgb, var(--amber-600) 6%, var(--glass));
}

.kk[b-e9lr1ux3c4]  .kde-satir__ad {
    display: grid;
    gap: 2px;
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kde-satir__ad span {
    font-size: 12.5px;
    color: var(--muted);
}

.kk[b-e9lr1ux3c4]  .kde-seciciler {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);
    gap: 10px;
}

.kk[b-e9lr1ux3c4]  .kde-ekle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
    max-width: 560px;
}

/* ── kazanımlar ── */
.kk[b-e9lr1ux3c4]  .kz-ust {
    max-width: 420px;
}

.kk[b-e9lr1ux3c4]  .kz-ozet {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kz-satir {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kz-satir__ust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.kk[b-e9lr1ux3c4]  .kz-kod {
    font-weight: 800;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kz-aciklama,
.kk[b-e9lr1ux3c4]  .kz-oneri,
.kk[b-e9lr1ux3c4]  .kz-gerekce {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kz-gerekce {
    color: var(--muted);
    font-size: 12.5px;
}

.kk[b-e9lr1ux3c4]  .kz-arama {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
}

.kk[b-e9lr1ux3c4]  .kz-arama__alanlar {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .kz-adaylar li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kz-yukle summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--fg);
}

.kk[b-e9lr1ux3c4]  .kz-yukle[open] > summary {
    margin-bottom: 10px;
}

.kk[b-e9lr1ux3c4]  .ky-etiket {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-soft);
}

.kk[b-e9lr1ux3c4]  .ky-sayfa {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.kk[b-e9lr1ux3c4]  .ky-sutunlar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 8px;
}

.kk[b-e9lr1ux3c4]  .ky-sorunlar {
    margin: 6px 0 0;
    padding-left: 18px;
}

@media (max-width: 640px) {
    .kk[b-e9lr1ux3c4]  .kde-seciciler,
    .kk[b-e9lr1ux3c4]  .kde-ekle,
    .kk[b-e9lr1ux3c4]  .kt-hizli,
    .kk[b-e9lr1ux3c4]  .kz-arama__alanlar,
    .kk[b-e9lr1ux3c4]  .kod-bilgi > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .kk[b-e9lr1ux3c4]  .kod-bilgi > div {
        gap: 2px;
    }

    /* Anahtar tablosu dar ekranda KART YIĞINI: her soru bir kart, hücreler etiketli. */
    .kk[b-e9lr1ux3c4]  .kt-tablo-kap {
        overflow-x: hidden;
        border: 0;
    }

    .kk[b-e9lr1ux3c4]  .kt-tablo,
    .kk[b-e9lr1ux3c4]  .kt-tablo tbody,
    .kk[b-e9lr1ux3c4]  .kt-tablo tr {
        display: block;
        width: 100%;
    }

    .kk[b-e9lr1ux3c4]  .kt-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .kk[b-e9lr1ux3c4]  .kt-tablo tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px 10px;
        padding: 10px;
        margin-bottom: 8px;
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        background: var(--glass);
    }

    .kk[b-e9lr1ux3c4]  .kt-tablo td {
        display: block;
        padding: 0;
        border: 0;
        min-width: 0;
    }

    .kk[b-e9lr1ux3c4]  .kt-tablo td[data-etiket]::before {
        content: attr(data-etiket);
        display: block;
        margin-bottom: 2px;
        font-size: 11.5px;
        font-weight: 700;
        color: var(--muted);
    }

    .kk[b-e9lr1ux3c4]  .kt-hucre,
    .kk[b-e9lr1ux3c4]  .kt-hucre--no,
    .kk[b-e9lr1ux3c4]  .kt-hucre--harf {
        min-width: 0;
        max-width: none;
    }

    .kk[b-e9lr1ux3c4]  .kt-islem {
        grid-column: 1 / -1;
        white-space: normal;
    }
}

/* U12 — kayıtlı oturuma taslak test ataması. */
.kk[b-e9lr1ux3c4]  .kod-taslak-ata {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    min-width: 0;
}

.kk[b-e9lr1ux3c4]  .kod-taslak-ata__form {
    display: grid;
    gap: 8px;
    min-width: 0;
}

/* ── yayınevi kartları (2026-09-28): tam genişlikte boş satırlar yerine ızgara ── */
.kk[b-e9lr1ux3c4]  .kk-kartlar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
}

.kk[b-e9lr1ux3c4]  .kk-kart {
    position: relative;
    display: flex;
    align-items: stretch;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    transition: border-color .15s, background .15s;
}

.kk[b-e9lr1ux3c4]  .kk-kart:hover {
    border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
    background: var(--glass-hover);
}

.kk[b-e9lr1ux3c4]  .kk-kart__ac {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    min-width: 0;
    padding: 12px 14px;
    border: 0;
    background: none;
    font: inherit;
    color: var(--fg);
    text-align: left;
    cursor: pointer;
    border-radius: var(--radius-sm);
}

.kk[b-e9lr1ux3c4]  .kk-kart__ac:focus-visible,
.kk[b-e9lr1ux3c4]  .kk-simge:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kk[b-e9lr1ux3c4]  .kk-kart__ad {
    grid-column: 1;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.kk[b-e9lr1ux3c4]  .kk-kart__ok {
    grid-column: 2;
    color: var(--muted);
}

.kk[b-e9lr1ux3c4]  .kk-kart:hover .kk-kart__ok {
    color: var(--brand-strong);
}

.kk[b-e9lr1ux3c4]  .kk-kart__eylem {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 6px 0 0;
}

.kk[b-e9lr1ux3c4]  .kk-simge {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--muted);
    cursor: pointer;
}

.kk[b-e9lr1ux3c4]  .kk-simge:hover {
    border-color: var(--line);
    color: var(--brand-strong);
    background: var(--glass-strong);
}

.kk[b-e9lr1ux3c4]  .kk-simge--tehlike:hover {
    color: var(--red-600);
}

.kk[b-e9lr1ux3c4]  .kk-simge:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.kk[b-e9lr1ux3c4]  .kk-onay-govde {
    display: grid;
    gap: 8px;
}

@media (max-width: 640px) {
    .kk-arama__sayim[b-e9lr1ux3c4] {
        margin-left: 0;
        white-space: normal;
    }
}

/* Anahtar tablosu · soru başına sınıf dersi seçicisi (2026-09-28) */
.kk[b-e9lr1ux3c4]  .kt-hucre--secim {
    min-width: 12rem;
    padding-right: 28px;
    cursor: pointer;
}

.kk[b-e9lr1ux3c4]  .kt-ders-metin {
    font-size: 13px;
    color: var(--fg-soft);
}

/* U2: benzer ad uyarısında bilinçli onay ve boş aramada var olan yayınevi önerileri. */
.kk[b-e9lr1ux3c4]  .kk-onay {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 8px;
    font-size: 13.5px;
    color: var(--fg);
    cursor: pointer;
}

.kk[b-e9lr1ux3c4]  .kk-benzerler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/KatalogKazanimlar.razor.rz.scp.css */
/* YAYINEVİ › KAZANIMLAR — sınav başına kazanım eşleşme durumu (U13). */

.kzs[b-7tj6x7irjl] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.kzs-ozet[b-7tj6x7irjl] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kzs-liste[b-7tj6x7irjl] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.kzs-satir[b-7tj6x7irjl] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr) auto;
    align-items: center;
    gap: 6px 12px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.kzs-satir__ad[b-7tj6x7irjl] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.kzs-ad[b-7tj6x7irjl],
.kzs-secili__ad[b-7tj6x7irjl] {
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kzs-dim[b-7tj6x7irjl] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.kzs-satir__durum[b-7tj6x7irjl] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kzs-secili[b-7tj6x7irjl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.kzs-sayfalar[b-7tj6x7irjl] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 720px) {
    .kzs-satir[b-7tj6x7irjl] {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .kzs-satir > .au-btn[b-7tj6x7irjl] {
        justify-self: start;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/KatalogOkumaSablonu.razor.rz.scp.css */
/* OKUMA ŞABLONU BAĞI (2026-09-28, K). Renkler token; kk-* / kod-* sınıfları KatalogBolumu'ndan. */
.kos-txt[b-9xs41fbl22] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.kos-liste[b-9xs41fbl22] {
    border: 0;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    min-width: 0;
}

.kos-aday[b-9xs41fbl22] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    cursor: pointer;
    min-width: 0;
}

.kos-aday:hover[b-9xs41fbl22] {
    background: var(--glass-hover);
}

.kos-aday--uyumlu[b-9xs41fbl22] {
    border-color: color-mix(in srgb, var(--green-600) 45%, var(--line));
}

.kos-aday__metin[b-9xs41fbl22] {
    display: grid;
    gap: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--fg);
    font-size: 13.5px;
}

.kos-uyum[b-9xs41fbl22] {
    font-size: 12.5px;
    color: var(--amber-600);
}

.kos-uyum--iyi[b-9xs41fbl22] {
    color: var(--green-600);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/KatalogOnayiBolumu.razor.rz.scp.css */
.ko[b-3qv4cux5no] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ko-bas .au-sub[b-3qv4cux5no] {
    margin: 0;
}

.ko-suzgec[b-3qv4cux5no] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ko-cip[b-3qv4cux5no] {
    cursor: pointer;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 12.5px;
}

.ko-cip--secili[b-3qv4cux5no] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
    color: var(--brand-strong);
}

.ko-cip:focus-visible[b-3qv4cux5no] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ko-durum[b-3qv4cux5no],
.ko-bos[b-3qv4cux5no],
.ko-sonuc[b-3qv4cux5no] {
    margin: 0;
    color: var(--fg-soft);
    font-size: 13.5px;
}

.ko-liste[b-3qv4cux5no] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.ko-kayit[b-3qv4cux5no] {
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.ko-kayit__ust[b-3qv4cux5no] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 12px;
}

.ko-kayit__ad[b-3qv4cux5no] {
    display: grid;
    gap: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.ko-kayit__ad strong[b-3qv4cux5no] {
    color: var(--fg);
}

.ko-kayit__ad span[b-3qv4cux5no] {
    color: var(--fg-soft);
}

.ko-kayit__rozetler[b-3qv4cux5no] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
}

.ko-rozet[b-3qv4cux5no] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    color: var(--fg-soft);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.ko-kayit__alt[b-3qv4cux5no] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ko-uyari[b-3qv4cux5no] {
    margin: 0;
    font-size: 13px;
    color: var(--amber-600);
}

.ko-kayit__eylem[b-3qv4cux5no],
.ko-karar__eylem[b-3qv4cux5no] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ko-karar[b-3qv4cux5no] {
    display: grid;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    background: var(--glass-strong);
}

.ko-etki[b-3qv4cux5no] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/KatalogSurumKullanim.razor.rz.scp.css */
/* Sürümler ve kullanım (madde 7). Ortak sınıflar (kod-surum, kk-etki, kk-rozet…)
   KatalogBolumu.razor.css'teki ::deep kurallarından gelir; burada yalnız yeni parçalar. */

.ksk-ozet[b-8v27riy7vn] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg);
}

.ksk-baslik[b-8v27riy7vn] {
    margin: 6px 0 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--fg-soft);
}

.ksk-surum[b-8v27riy7vn] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ksk-surum__alt[b-8v27riy7vn] {
    font-size: 12px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ksk-surum__eylem[b-8v27riy7vn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ksk-kurumlar[b-8v27riy7vn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    font-size: 13px;
    color: var(--fg-soft);
}

.ksk-kurumlar > li[b-8v27riy7vn] {
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    overflow-wrap: anywhere;
}

.ksk-kurumlar summary[b-8v27riy7vn] {
    cursor: pointer;
    font-weight: 600;
    color: var(--fg);
}

.ksk-kurumlar[b-8v27riy7vn]  .kod-kullanim,
.ksk-kurumlar .kod-kullanim[b-8v27riy7vn] {
    margin-top: 6px;
}

[b-8v27riy7vn] .ksk-fark {
    flex-basis: 100%;
    display: grid;
    gap: 6px;
    padding: 8px 10px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13px;
    color: var(--fg-soft);
}

[b-8v27riy7vn] .ksk-fark__secim {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-8v27riy7vn] .ksk-fark__secim > * {
    flex: 1 1 140px;
    min-width: 0;
}

[b-8v27riy7vn] .ksk-fark__ozet {
    margin: 0;
    color: var(--fg);
}

[b-8v27riy7vn] .ksk-fark__test summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--fg);
}

[b-8v27riy7vn] .ksk-fark__tablo {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4px;
    table-layout: fixed;
}

[b-8v27riy7vn] .ksk-fark__tablo th,
[b-8v27riy7vn] .ksk-fark__tablo td {
    padding: 4px 6px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

[b-8v27riy7vn] .ksk-fark__tablo th[scope="col"]:first-child,
[b-8v27riy7vn] .ksk-fark__tablo th[scope="row"] {
    width: 56px;
}

[b-8v27riy7vn] .ksk-fark__soru--eklendi td {
    color: var(--green-600);
}

[b-8v27riy7vn] .ksk-fark__soru--cikarildi td {
    color: var(--red-600);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/KazanimEslesmeOzeti.razor.rz.scp.css */
/* KAZANIMLAR — anahtardan kazanım eşleştirme bloğu (U13). Kütüphane'nin kk-* diliyle
   aynı görünür; kendi kapsamlı sınıflarıyla, çünkü katalog dışında da kullanılır. */

.ke[b-3snwhpw8db] {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.ke-bas[b-3snwhpw8db] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.ke-baslik[b-3snwhpw8db] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.ke-ozet[b-3snwhpw8db] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ke-durum[b-3snwhpw8db],
.ke-not[b-3snwhpw8db] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ke-not[b-3snwhpw8db] {
    font-size: 12.5px;
    color: var(--muted);
}

/* B: kazanımsız sınav nötr bir durumdur — renk (sarı/kırmızı) taşımaz, düz metin kalınlığıyla söylenir. */
.ke-durum--notr[b-3snwhpw8db] {
    color: var(--fg);
    font-weight: 600;
}

.ke-not a[b-3snwhpw8db] {
    color: var(--brand-strong);
    font-weight: 600;
}

.ke-eylemler[b-3snwhpw8db] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.ke-eylemler:empty[b-3snwhpw8db] {
    display: none;
}

/* ── rozetler (Kütüphane'deki kk-rozet ile aynı anlam) ── */
.ke-rozet[b-3snwhpw8db] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    color: var(--fg-soft);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.ke-rozet--hazir[b-3snwhpw8db] {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

.ke-rozet--bekliyor[b-3snwhpw8db] {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.ke-rozet--red[b-3snwhpw8db] {
    background: color-mix(in srgb, var(--red-500) 12%, transparent);
    color: var(--red-600);
}

/* KZ: başka sınıftan (geniş aramadan) gelen öneri — uyarı değil bilgi; uzun ders adında satır kırılır. */
.ke-rozet--genis[b-3snwhpw8db] {
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand-strong);
    white-space: normal;
    overflow-wrap: anywhere;
}

/* ── liste ── */
.ke-liste[b-3snwhpw8db] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.ke-suzgec[b-3snwhpw8db] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ke-cip[b-3snwhpw8db] {
    cursor: pointer;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 12.5px;
}

.ke-cip--secili[b-3snwhpw8db] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
    color: var(--brand-strong);
}

.ke-cip:focus-visible[b-3snwhpw8db] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ke-satirlar[b-3snwhpw8db],
.ke-satir[b-3snwhpw8db] {
    display: grid;
    gap: 4px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    min-width: 0;
}

.ke-satir__ust[b-3snwhpw8db] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
}

.ke-kod[b-3snwhpw8db] {
    font-weight: 800;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ke-dim[b-3snwhpw8db] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ke-metin[b-3snwhpw8db] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ke-metin--soluk[b-3snwhpw8db] {
    font-size: 12.5px;
    color: var(--muted);
}

.ke-sayfalar[b-3snwhpw8db] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ke-sayfa[b-3snwhpw8db] {
    font-size: 13px;
    color: var(--fg-soft);
}

/* ── başka kazanım seç ── */
.ke-arama[b-3snwhpw8db] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

@media (max-width: 640px) {
    .ke[b-3snwhpw8db] {
        padding: 10px;
    }
}

/* H6 · öğrencilerin sınıfı sorusu (hedef ders bulunamayınca) */
.ke-sinif[b-3snwhpw8db] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--amber-600) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
}

.ke-sinif__metin[b-3snwhpw8db] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg);
}

.ke-sinif__secim[b-3snwhpw8db] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}


/* ── toplu onay / geniş arama şeridi ── */
.ke-toplu[b-3snwhpw8db] {
    display: grid;
    gap: 6px;
    padding: 8px 10px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-hover);
    min-width: 0;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OkumaSablonDetayi.razor.rz.scp.css */
.osd header p[b-6h5jwfxmb8] {
    margin: 2px 0 0;
}

.osd-girdi[b-6h5jwfxmb8] {
    width: 88px;
    box-sizing: border-box;
    padding: 5px 8px;
    font: inherit;
    font-size: 13.5px;
    font-variant-numeric: tabular-nums;
    text-align: right;
    color: var(--fg);
    background: var(--glass);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.osd-girdi--ad[b-6h5jwfxmb8] {
    width: 100%;
    max-width: 240px;
    text-align: left;
}

.osd-girdi:focus-visible[b-6h5jwfxmb8] {
    outline: 2px solid var(--brand);
    outline-offset: 1px;
}

.osd-girdi:disabled[b-6h5jwfxmb8] {
    opacity: .55;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OkumaSablonEslemeleri.razor.rz.scp.css */
.ose-liste[b-bcelsla71d] {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    display: grid;
    gap: 8px;
}

.ose-oge[b-bcelsla71d] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px 12px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OkumaSablonlariBolumu.razor.rz.scp.css */
.kt2[b-pxlr7rp5yv] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.kt2-bas[b-pxlr7rp5yv] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.kt2-bas__metin[b-pxlr7rp5yv] {
    min-width: 0;
    flex: 1 1 320px;
}

.kt2-bas__metin .au-sub[b-pxlr7rp5yv] {
    margin: 0;
}

.kt2-sekmeler[b-pxlr7rp5yv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 8px;
}

.kt2-sekme[b-pxlr7rp5yv] {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: var(--radius-pill);
    cursor: pointer;
}

.kt2-sekme:hover[b-pxlr7rp5yv] {
    background: var(--glass-hover);
    color: var(--fg);
}

.kt2-sekme:focus-visible[b-pxlr7rp5yv] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2-sekme--secili[b-pxlr7rp5yv] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
    color: var(--fg);
}

.kt2-panel[b-pxlr7rp5yv] {
    min-width: 0;
    display: grid;
    gap: 14px;
}

.kt2[b-pxlr7rp5yv]  .kt2-arac {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px 14px;
}

.kt2[b-pxlr7rp5yv]  .kt2-arac__sol {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    min-width: 0;
    flex: 1 1 280px;
}

.kt2[b-pxlr7rp5yv]  .kt2-arac__sag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.kt2[b-pxlr7rp5yv]  .kt2-arama {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 420px;
}

.kt2[b-pxlr7rp5yv]  .kt2-ozet {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kt2[b-pxlr7rp5yv]  .kt2-ozet strong {
    color: var(--fg);
}

.kt2[b-pxlr7rp5yv]  .kt2-not {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.kt2[b-pxlr7rp5yv]  .kt2-durum {
    margin: 0;
    padding: 14px;
    font-size: 14px;
    color: var(--fg-soft);
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-pxlr7rp5yv]  .kt2-hata {
    display: grid;
    gap: 8px;
    justify-items: start;
    margin: 0;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--red-600);
    background: color-mix(in srgb, var(--red-500) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-pxlr7rp5yv]  .kt2-uyari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--amber-600);
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--amber-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-pxlr7rp5yv]  .kt2-basari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--green-600);
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--green-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-pxlr7rp5yv]  .kt2-bos {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 18px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--fg-soft);
    font-size: 14px;
}

.kt2[b-pxlr7rp5yv]  .kt2-bos strong {
    color: var(--fg);
    font-size: 15px;
}

.kt2[b-pxlr7rp5yv]  .kt2-kutu {
    display: grid;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.kt2[b-pxlr7rp5yv]  .kt2-kutu--tehlike {
    border-color: color-mix(in srgb, var(--red-500) 45%, var(--line));
}

.kt2[b-pxlr7rp5yv]  .kt2-kutu__baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kt2[b-pxlr7rp5yv]  .kt2-kutu p {
    margin: 0;
}

.kt2[b-pxlr7rp5yv]  .kt2-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    align-items: start;
    min-width: 0;
}

.kt2[b-pxlr7rp5yv]  .kt2-eylemler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}

.kt2[b-pxlr7rp5yv]  .kt2-eylemler--sol {
    justify-content: flex-start;
}

.kt2[b-pxlr7rp5yv]  .kt2-onay {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    color: var(--fg);
    cursor: pointer;
}

.kt2[b-pxlr7rp5yv]  .kt2-onay input {
    margin-top: 3px;
    accent-color: var(--brand);
}

.kt2[b-pxlr7rp5yv]  .kt2-cip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 9px;
    border-radius: var(--radius-pill);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    background: var(--glass-hover);
    color: var(--fg-soft);
}

.kt2[b-pxlr7rp5yv]  .kt2-cip--ok {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

.kt2[b-pxlr7rp5yv]  .kt2-cip--uyari {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.kt2[b-pxlr7rp5yv]  .kt2-cip--hata {
    background: color-mix(in srgb, var(--red-500) 12%, transparent);
    color: var(--red-600);
}

.kt2[b-pxlr7rp5yv]  .kt2-cip--marka {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.kt2[b-pxlr7rp5yv]  .kt2-sayilar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.kt2[b-pxlr7rp5yv]  .kt2-sayilar li {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13px;
    color: var(--fg-soft);
    min-width: 0;
}

.kt2[b-pxlr7rp5yv]  .kt2-sayilar strong {
    font-size: 20px;
    color: var(--fg);
    line-height: 1.1;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo-kap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo th {
    text-align: left;
    font-weight: 600;
    font-size: 12.5px;
    color: var(--muted);
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    background: var(--glass);
    white-space: nowrap;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo td {
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    color: var(--fg);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo tbody tr:last-child td {
    border-bottom: 0;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo tbody tr:hover td {
    background: var(--glass-hover);
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-sayi {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-islem {
    text-align: right;
    white-space: nowrap;
}

.kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
    margin-left: 6px;
}

.kt2[b-pxlr7rp5yv]  .kt2-ad {
    font-weight: 600;
}

.kt2[b-pxlr7rp5yv]  .kt2-alt {
    display: block;
    font-size: 12px;
    color: var(--muted);
    font-weight: 400;
}

.kt2[b-pxlr7rp5yv]  .kt2-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
}

.kt2[b-pxlr7rp5yv]  .kt2-liste {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 3px;
    font-size: 13.5px;
    color: var(--fg);
}

.kt2[b-pxlr7rp5yv]  .kt2-acilir {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    background: var(--glass);
}

.kt2[b-pxlr7rp5yv]  .kt2-acilir > summary {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.kt2[b-pxlr7rp5yv]  .kt2-acilir > summary:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2[b-pxlr7rp5yv]  .kt2-acilir[open] > summary {
    margin-bottom: 8px;
}

.kt2[b-pxlr7rp5yv]  .kt2-geri {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--brand-strong);
    font: inherit;
    font-size: 13.5px;
    padding: 2px 0;
    cursor: pointer;
    justify-self: start;
}

.kt2[b-pxlr7rp5yv]  .kt2-geri:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .kt2[b-pxlr7rp5yv]  .kt2-tablo-kap {
        border: 0;
        overflow: visible;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo,
    .kt2[b-pxlr7rp5yv]  .kt2-tablo tbody,
    .kt2[b-pxlr7rp5yv]  .kt2-tablo tr,
    .kt2[b-pxlr7rp5yv]  .kt2-tablo td {
        display: block;
        width: 100%;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo tr {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        margin-bottom: 8px;
        padding: 6px 0;
        background: var(--glass);
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo td {
        border: 0;
        padding: 4px 12px;
        display: grid;
        grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
        gap: 8px;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo td::before {
        content: attr(data-label);
        font-size: 12px;
        color: var(--muted);
        font-weight: 600;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo td[data-label=""]::before {
        content: none;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo td[data-label=""] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* WF-FE4: hücrede birden çok öğe varsa (ad + .kt2-alt gibi) ikincisi etiket sütununa
       kaymasın; hepsi değer sütununda alt alta dursun. */
    .kt2[b-pxlr7rp5yv]  .kt2-tablo td:not([data-label=""]) > *:not(:first-child) {
        grid-column: 2;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-sayi,
    .kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-islem {
        text-align: left;
        white-space: normal;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-islem {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-islem::before {
        content: none;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
        margin-left: 0;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-eylemler {
        justify-content: stretch;
    }

    .kt2[b-pxlr7rp5yv]  .kt2-eylemler .au-btn {
        flex: 1 1 auto;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OkumaSablonListesi.razor.rz.scp.css */
/* Okuma şablonları listesi — yayınevine göre gruplar (U4). Yalnız token renkleri. */
.osl-grup[b-erspcater2] {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.osl-grup--son[b-erspcater2] {
    border-color: color-mix(in srgb, var(--brand) 35%, var(--line));
}

.osl-grup__baslik[b-erspcater2] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.osl-grup__bas[b-erspcater2] {
    appearance: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    width: 100%;
    min-width: 0;
    padding: 4px 2px;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    color: var(--fg);
    cursor: pointer;
}

.osl-grup__bas:hover .osl-grup__ad[b-erspcater2] {
    color: var(--brand-strong);
}

.osl-grup__bas:focus-visible[b-erspcater2] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.osl-grup__ok[b-erspcater2] {
    flex: 0 0 auto;
    color: var(--muted);
    transition: transform .15s var(--ease-smooth);
}

.osl-grup__ok--acik[b-erspcater2] {
    transform: rotate(90deg);
}

.osl-grup__ad[b-erspcater2] {
    font-size: 14px;
    font-weight: 700;
    min-width: 0;
    overflow-wrap: anywhere;
}

.osl-grup__alt[b-erspcater2] {
    font-size: 12.5px;
    font-weight: 400;
    color: var(--muted);
}

@media (prefers-reduced-motion: reduce) {
    .osl-grup__ok[b-erspcater2] {
        transition: none;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OkumaSablonOptikFormlar.razor.rz.scp.css */
.osof-kartlar[b-9sd4hb7pl5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
}

.osof-kart[b-9sd4hb7pl5] {
    display: grid;
    gap: 6px;
    align-content: start;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.osof-kart--diger[b-9sd4hb7pl5] {
    border-style: dashed;
}

.osof-kart__ad[b-9sd4hb7pl5] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    overflow-wrap: anywhere;
}

.osof-kart__duzen[b-9sd4hb7pl5] {
    margin: 0;
    font-size: 12.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.osof-onizleme[b-9sd4hb7pl5] {
    width: 100%;
    max-height: 260px;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong, var(--glass));
}

.osof-okul[b-9sd4hb7pl5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.osof-okul li[b-9sd4hb7pl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OkumaSablonOrnekSatir.razor.rz.scp.css */
.oss[b-plhyp7dzk3] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.oss-etiket[b-plhyp7dzk3] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg);
    margin-bottom: 4px;
}

.oss-metin[b-plhyp7dzk3] {
    width: 100%;
    box-sizing: border-box;
    min-height: 88px;
    padding: 8px 10px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    color: var(--fg);
    background: var(--glass);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    resize: vertical;
    white-space: pre;
    overflow-x: auto;
}

.oss-metin:focus-visible[b-plhyp7dzk3] {
    outline: 2px solid var(--brand);
    outline-offset: 1px;
}

.oss-cetvel-kap[b-plhyp7dzk3] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    padding: 6px 10px;
}

.oss-cetvel[b-plhyp7dzk3],
.oss-satir[b-plhyp7dzk3] {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    line-height: 1.5;
    white-space: pre;
}

.oss-cetvel[b-plhyp7dzk3] {
    color: var(--muted);
}

.oss-satir[b-plhyp7dzk3] {
    color: var(--fg);
}

.oss-renk-0[b-plhyp7dzk3] {
    background: color-mix(in srgb, var(--brand) 26%, transparent);
}

.oss-renk-1[b-plhyp7dzk3] {
    background: color-mix(in srgb, var(--green-600) 24%, transparent);
}

.oss-renk-2[b-plhyp7dzk3] {
    background: color-mix(in srgb, var(--amber-600) 26%, transparent);
}

.oss-renk-3[b-plhyp7dzk3] {
    background: color-mix(in srgb, var(--red-500) 20%, transparent);
}

.oss-lejant[b-plhyp7dzk3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    font-size: 12.5px;
    color: var(--fg-soft);
}

.oss-lejant li[b-plhyp7dzk3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.oss-kare[b-plhyp7dzk3] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    display: inline-block;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OkumaSablonOzelForm.razor.rz.scp.css */
.osz-parca[b-rdp89h4mul] {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 10px;
    min-width: 0;
}

.osz-parca legend[b-rdp89h4mul] {
    padding: 0 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.osz-katman[b-rdp89h4mul] {
    position: relative;
    width: 100%;
    max-width: 520px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--glass);
}

.osz-img[b-rdp89h4mul],
.osz-svg[b-rdp89h4mul] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.osz-img[b-rdp89h4mul] {
    object-fit: contain;
}

.osz-blok[b-rdp89h4mul] {
    fill: transparent;
    stroke-width: 3;
}

.osz-blok--answer[b-rdp89h4mul] {
    stroke: var(--brand);
    fill: color-mix(in srgb, var(--brand) 14%, transparent);
}

.osz-blok--id[b-rdp89h4mul] {
    stroke: var(--green-600);
    fill: color-mix(in srgb, var(--green-600) 14%, transparent);
}

.osz-bloklar[b-rdp89h4mul] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.osz-blok-satir[b-rdp89h4mul] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.osz-roller[b-rdp89h4mul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.osz-okunan[b-rdp89h4mul] {
    display: grid;
    gap: 8px;
}

.osz-okunan p[b-rdp89h4mul] {
    margin: 4px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.osz-cevap[b-rdp89h4mul] {
    white-space: nowrap;
}

.osz-cevap--dikkat[b-rdp89h4mul] {
    color: var(--amber-600);
    font-weight: 700;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/OmrIncelemeBolumu.razor.rz.scp.css */
.kt2[b-mslaqwbnd2] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.kt2-bas[b-mslaqwbnd2] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.kt2-bas__metin[b-mslaqwbnd2] {
    min-width: 0;
    flex: 1 1 320px;
}

.kt2-bas__metin .au-sub[b-mslaqwbnd2] {
    margin: 0;
}

.kt2-sekmeler[b-mslaqwbnd2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 8px;
}

.kt2-sekme[b-mslaqwbnd2] {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: var(--radius-pill);
    cursor: pointer;
}

.kt2-sekme:hover[b-mslaqwbnd2] {
    background: var(--glass-hover);
    color: var(--fg);
}

.kt2-sekme:focus-visible[b-mslaqwbnd2] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2-sekme--secili[b-mslaqwbnd2] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
    color: var(--fg);
}

.kt2-panel[b-mslaqwbnd2] {
    min-width: 0;
    display: grid;
    gap: 14px;
}

.kt2[b-mslaqwbnd2]  .kt2-arac {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px 14px;
}

.kt2[b-mslaqwbnd2]  .kt2-arac__sol {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    min-width: 0;
    flex: 1 1 280px;
}

.kt2[b-mslaqwbnd2]  .kt2-arac__sag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.kt2[b-mslaqwbnd2]  .kt2-arama {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 420px;
}

.kt2[b-mslaqwbnd2]  .kt2-ozet {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kt2[b-mslaqwbnd2]  .kt2-ozet strong {
    color: var(--fg);
}

.kt2[b-mslaqwbnd2]  .kt2-not {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.kt2[b-mslaqwbnd2]  .kt2-durum {
    margin: 0;
    padding: 14px;
    font-size: 14px;
    color: var(--fg-soft);
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-mslaqwbnd2]  .kt2-hata {
    display: grid;
    gap: 8px;
    justify-items: start;
    margin: 0;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--red-600);
    background: color-mix(in srgb, var(--red-500) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-mslaqwbnd2]  .kt2-uyari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--amber-600);
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--amber-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-mslaqwbnd2]  .kt2-basari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--green-600);
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--green-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-mslaqwbnd2]  .kt2-bos {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 18px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--fg-soft);
    font-size: 14px;
}

.kt2[b-mslaqwbnd2]  .kt2-bos strong {
    color: var(--fg);
    font-size: 15px;
}

.kt2[b-mslaqwbnd2]  .kt2-kutu {
    display: grid;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.kt2[b-mslaqwbnd2]  .kt2-kutu--tehlike {
    border-color: color-mix(in srgb, var(--red-500) 45%, var(--line));
}

.kt2[b-mslaqwbnd2]  .kt2-kutu__baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kt2[b-mslaqwbnd2]  .kt2-kutu p {
    margin: 0;
}

.kt2[b-mslaqwbnd2]  .kt2-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    align-items: start;
    min-width: 0;
}

.kt2[b-mslaqwbnd2]  .kt2-eylemler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}

.kt2[b-mslaqwbnd2]  .kt2-eylemler--sol {
    justify-content: flex-start;
}

.kt2[b-mslaqwbnd2]  .kt2-onay {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    color: var(--fg);
    cursor: pointer;
}

.kt2[b-mslaqwbnd2]  .kt2-onay input {
    margin-top: 3px;
    accent-color: var(--brand);
}

.kt2[b-mslaqwbnd2]  .kt2-cip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 9px;
    border-radius: var(--radius-pill);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    background: var(--glass-hover);
    color: var(--fg-soft);
}

.kt2[b-mslaqwbnd2]  .kt2-cip--ok {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

.kt2[b-mslaqwbnd2]  .kt2-cip--uyari {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.kt2[b-mslaqwbnd2]  .kt2-cip--hata {
    background: color-mix(in srgb, var(--red-500) 12%, transparent);
    color: var(--red-600);
}

.kt2[b-mslaqwbnd2]  .kt2-cip--marka {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.kt2[b-mslaqwbnd2]  .kt2-sayilar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.kt2[b-mslaqwbnd2]  .kt2-sayilar li {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13px;
    color: var(--fg-soft);
    min-width: 0;
}

.kt2[b-mslaqwbnd2]  .kt2-sayilar strong {
    font-size: 20px;
    color: var(--fg);
    line-height: 1.1;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo-kap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-mslaqwbnd2]  .kt2-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo th {
    text-align: left;
    font-weight: 600;
    font-size: 12.5px;
    color: var(--muted);
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    background: var(--glass);
    white-space: nowrap;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo td {
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    color: var(--fg);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo tbody tr:last-child td {
    border-bottom: 0;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo tbody tr:hover td {
    background: var(--glass-hover);
}

.kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-sayi {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-islem {
    text-align: right;
    white-space: nowrap;
}

.kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
    margin-left: 6px;
}

.kt2[b-mslaqwbnd2]  .kt2-ad {
    font-weight: 600;
}

.kt2[b-mslaqwbnd2]  .kt2-alt {
    display: block;
    font-size: 12px;
    color: var(--muted);
    font-weight: 400;
}

.kt2[b-mslaqwbnd2]  .kt2-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
}

.kt2[b-mslaqwbnd2]  .kt2-liste {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 3px;
    font-size: 13.5px;
    color: var(--fg);
}

.kt2[b-mslaqwbnd2]  .kt2-acilir {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    background: var(--glass);
}

.kt2[b-mslaqwbnd2]  .kt2-acilir > summary {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.kt2[b-mslaqwbnd2]  .kt2-acilir > summary:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2[b-mslaqwbnd2]  .kt2-acilir[open] > summary {
    margin-bottom: 8px;
}

.kt2[b-mslaqwbnd2]  .kt2-geri {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--brand-strong);
    font: inherit;
    font-size: 13.5px;
    padding: 2px 0;
    cursor: pointer;
    justify-self: start;
}

.kt2[b-mslaqwbnd2]  .kt2-geri:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .kt2[b-mslaqwbnd2]  .kt2-tablo-kap {
        border: 0;
        overflow: visible;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo,
    .kt2[b-mslaqwbnd2]  .kt2-tablo tbody,
    .kt2[b-mslaqwbnd2]  .kt2-tablo tr,
    .kt2[b-mslaqwbnd2]  .kt2-tablo td {
        display: block;
        width: 100%;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo tr {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        margin-bottom: 8px;
        padding: 6px 0;
        background: var(--glass);
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo td {
        border: 0;
        padding: 4px 12px;
        display: grid;
        grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
        gap: 8px;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo td::before {
        content: attr(data-label);
        font-size: 12px;
        color: var(--muted);
        font-weight: 600;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo td[data-label=""]::before {
        content: none;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo td[data-label=""] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* WF-FE4: hücrede birden çok öğe varsa (ad + .kt2-alt gibi) ikincisi etiket sütununa
       kaymasın; hepsi değer sütununda alt alta dursun. */
    .kt2[b-mslaqwbnd2]  .kt2-tablo td:not([data-label=""]) > *:not(:first-child) {
        grid-column: 2;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-sayi,
    .kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-islem {
        text-align: left;
        white-space: normal;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-islem {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-islem::before {
        content: none;
    }

    .kt2[b-mslaqwbnd2]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
        margin-left: 0;
    }

    .kt2[b-mslaqwbnd2]  .kt2-eylemler {
        justify-content: stretch;
    }

    .kt2[b-mslaqwbnd2]  .kt2-eylemler .au-btn {
        flex: 1 1 auto;
    }
}

.kt2[b-mslaqwbnd2]  .omr-yakin {
    color: var(--amber-600);
    font-weight: 600;
}

.omr-kvkk[b-mslaqwbnd2] {
    padding: 10px 12px;
    border-left: 3px solid var(--brand);
    background: var(--glass);
    border-radius: var(--radius-sm);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/PuanTurleriBolumu.razor.rz.scp.css */
/* PUAN TÜRLERİ — bölüm + alt bileşenler (PuanTanimFormu `pf-`, PuanKapsamTablosu `pk-`).
   Alt bileşen öğeleri bu bölümün kapsamında `::deep` ile biçimlenir. */

.pt[b-4wmhwa499y] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.pt-bas .au-sub[b-4wmhwa499y] {
    margin: 0;
}

.pt-eylem[b-4wmhwa499y] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pt-durum[b-4wmhwa499y],
.pt-sonuc[b-4wmhwa499y],
.pt-aciklama[b-4wmhwa499y] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.pt-bos[b-4wmhwa499y] {
    padding: 14px 16px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--fg-soft);
}

.pt-bos p[b-4wmhwa499y] {
    margin: 0 0 6px;
}

.pt-alt-baslik[b-4wmhwa499y] {
    margin: 6px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.pt-sayi[b-4wmhwa499y] {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.pt-test[b-4wmhwa499y] {
    margin: 4px 0 0;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.pt-liste[b-4wmhwa499y] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.pt-satir[b-4wmhwa499y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.pt-satir__ad[b-4wmhwa499y] {
    display: grid;
    gap: 2px;
    min-width: 0;
    flex: 1 1 220px;
    overflow-wrap: anywhere;
}

.pt-satir__ad strong[b-4wmhwa499y] {
    color: var(--fg);
}

.pt-satir__ad span[b-4wmhwa499y] {
    font-size: 12.5px;
    color: var(--muted);
}

.pt-satir__eylem[b-4wmhwa499y],
.pt-onay__eylem[b-4wmhwa499y] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pt-onay[b-4wmhwa499y] {
    flex: 1 1 100%;
    display: grid;
    gap: 8px;
}

.pt-onay p[b-4wmhwa499y] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}

.pt-onay .pt-hata[b-4wmhwa499y] {
    color: var(--red-600);
}

.pt-kapsam[b-4wmhwa499y] {
    border-top: 1px solid var(--line);
    padding-top: 14px;
    min-width: 0;
}

/* ── Puan türü formu ── */
.pt[b-4wmhwa499y]  .pf {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    min-width: 0;
}

.pt[b-4wmhwa499y]  .pf-baslik,
.pt[b-4wmhwa499y]  .pf-alt-baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.pt[b-4wmhwa499y]  .pf-alt-baslik {
    font-size: 14px;
}

.pt[b-4wmhwa499y]  .pf-alanlar {
    border: 0;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    min-width: 0;
}

.pt[b-4wmhwa499y]  .pf-gizli,
.pt[b-4wmhwa499y]  .pk-gizli {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.pt[b-4wmhwa499y]  .pf-bilgi,
.pt[b-4wmhwa499y]  .pf-durum,
.pt[b-4wmhwa499y]  .pf-engel {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.pt[b-4wmhwa499y]  .pf-engel {
    color: var(--amber-600);
}

.pt[b-4wmhwa499y]  .pf-dersler {
    display: grid;
    gap: 8px;
}

.pt[b-4wmhwa499y]  .pf-satirlar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.pt[b-4wmhwa499y]  .pf-satir {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(90px, 130px) auto;
    align-items: end;
    gap: 8px;
}

.pt[b-4wmhwa499y]  .pf-eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ── Kapsam tablosu ── */
.pt[b-4wmhwa499y]  .pk {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.pt[b-4wmhwa499y]  .pk-baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.pt[b-4wmhwa499y]  .pk-alt-baslik {
    margin: 6px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.pt[b-4wmhwa499y]  .pk-aciklama,
.pt[b-4wmhwa499y]  .pk-durum,
.pt[b-4wmhwa499y]  .pk-program {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.pt[b-4wmhwa499y]  .pk-bant {
    margin: 0;
}

.pt[b-4wmhwa499y]  .pk-turler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pt[b-4wmhwa499y]  .pk-cip {
    cursor: pointer;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 12.5px;
}

.pt[b-4wmhwa499y]  .pk-cip--secili {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
    color: var(--brand-strong);
}

.pt[b-4wmhwa499y]  .pk-cip:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.pt[b-4wmhwa499y]  .pk-tablo-kap {
    overflow-x: auto;
    min-width: 0;
}

.pt[b-4wmhwa499y]  .pk-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.pt[b-4wmhwa499y]  .pk-tablo th,
.pt[b-4wmhwa499y]  .pk-tablo td {
    text-align: left;
    vertical-align: top;
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    overflow-wrap: anywhere;
}

.pt[b-4wmhwa499y]  .pk-tablo th {
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
}

.pt[b-4wmhwa499y]  .pk-ders {
    font-weight: 600;
    color: var(--fg);
}

.pt[b-4wmhwa499y]  .pk-not,
.pt[b-4wmhwa499y]  .pk-sonuk {
    display: block;
    font-size: 12px;
    color: var(--muted);
}

.pt[b-4wmhwa499y]  .pk-kapsam {
    font-weight: 700;
    color: var(--fg);
    font-variant-numeric: tabular-nums;
}

.pt[b-4wmhwa499y]  .pk-rozet {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    color: var(--fg-soft);
    font-size: 11.5px;
    font-weight: 600;
}

.pt[b-4wmhwa499y]  .pk-rozet--kurum {
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand-strong);
}

@media (max-width: 640px) {
    .pt[b-4wmhwa499y]  .pf-satir {
        grid-template-columns: minmax(0, 1fr);
    }

    .pt[b-4wmhwa499y]  .pk-tablo,
    .pt[b-4wmhwa499y]  .pk-tablo tbody,
    .pt[b-4wmhwa499y]  .pk-tablo tr,
    .pt[b-4wmhwa499y]  .pk-tablo td {
        display: block;
        width: 100%;
    }

    .pt[b-4wmhwa499y]  .pk-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .pt[b-4wmhwa499y]  .pk-tablo tr {
        padding: 8px 0;
        border-bottom: 1px solid var(--line);
    }

    .pt[b-4wmhwa499y]  .pk-tablo td {
        border: 0;
        padding: 3px 0;
    }

    .pt[b-4wmhwa499y]  .pk-tablo td::before {
        content: attr(data-etiket);
        display: block;
        font-size: 11.5px;
        font-weight: 700;
        color: var(--muted);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/SalonDuzenleyici.razor.rz.scp.css */
.sal-duzen[b-e955kj67o6] {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 10px;
    min-width: 0;
}

.sal-duzen legend[b-e955kj67o6] {
    padding: 0 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/SalonlarBolumu.razor.rz.scp.css */
.kt2[b-inhtqtmd9j] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.kt2-bas[b-inhtqtmd9j] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.kt2-bas__metin[b-inhtqtmd9j] {
    min-width: 0;
    flex: 1 1 320px;
}

.kt2-bas__metin .au-sub[b-inhtqtmd9j] {
    margin: 0;
}

.kt2-sekmeler[b-inhtqtmd9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 8px;
}

.kt2-sekme[b-inhtqtmd9j] {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: var(--fg-soft);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: var(--radius-pill);
    cursor: pointer;
}

.kt2-sekme:hover[b-inhtqtmd9j] {
    background: var(--glass-hover);
    color: var(--fg);
}

.kt2-sekme:focus-visible[b-inhtqtmd9j] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2-sekme--secili[b-inhtqtmd9j] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
    color: var(--fg);
}

.kt2-panel[b-inhtqtmd9j] {
    min-width: 0;
    display: grid;
    gap: 14px;
}

.kt2[b-inhtqtmd9j]  .kt2-arac {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px 14px;
}

.kt2[b-inhtqtmd9j]  .kt2-arac__sol {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    min-width: 0;
    flex: 1 1 280px;
}

.kt2[b-inhtqtmd9j]  .kt2-arac__sag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.kt2[b-inhtqtmd9j]  .kt2-arama {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 420px;
}

.kt2[b-inhtqtmd9j]  .kt2-ozet {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kt2[b-inhtqtmd9j]  .kt2-ozet strong {
    color: var(--fg);
}

.kt2[b-inhtqtmd9j]  .kt2-not {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.kt2[b-inhtqtmd9j]  .kt2-durum {
    margin: 0;
    padding: 14px;
    font-size: 14px;
    color: var(--fg-soft);
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-inhtqtmd9j]  .kt2-hata {
    display: grid;
    gap: 8px;
    justify-items: start;
    margin: 0;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--red-600);
    background: color-mix(in srgb, var(--red-500) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-inhtqtmd9j]  .kt2-uyari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--amber-600);
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--amber-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-inhtqtmd9j]  .kt2-basari {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--green-600);
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--green-600) 25%, transparent);
    overflow-wrap: anywhere;
}

.kt2[b-inhtqtmd9j]  .kt2-bos {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 18px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--fg-soft);
    font-size: 14px;
}

.kt2[b-inhtqtmd9j]  .kt2-bos strong {
    color: var(--fg);
    font-size: 15px;
}

.kt2[b-inhtqtmd9j]  .kt2-kutu {
    display: grid;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.kt2[b-inhtqtmd9j]  .kt2-kutu--tehlike {
    border-color: color-mix(in srgb, var(--red-500) 45%, var(--line));
}

.kt2[b-inhtqtmd9j]  .kt2-kutu__baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kt2[b-inhtqtmd9j]  .kt2-kutu p {
    margin: 0;
}

.kt2[b-inhtqtmd9j]  .kt2-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    align-items: start;
    min-width: 0;
}

.kt2[b-inhtqtmd9j]  .kt2-eylemler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}

.kt2[b-inhtqtmd9j]  .kt2-eylemler--sol {
    justify-content: flex-start;
}

.kt2[b-inhtqtmd9j]  .kt2-onay {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    color: var(--fg);
    cursor: pointer;
}

.kt2[b-inhtqtmd9j]  .kt2-onay input {
    margin-top: 3px;
    accent-color: var(--brand);
}

.kt2[b-inhtqtmd9j]  .kt2-cip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 9px;
    border-radius: var(--radius-pill);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    background: var(--glass-hover);
    color: var(--fg-soft);
}

.kt2[b-inhtqtmd9j]  .kt2-cip--ok {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

.kt2[b-inhtqtmd9j]  .kt2-cip--uyari {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.kt2[b-inhtqtmd9j]  .kt2-cip--hata {
    background: color-mix(in srgb, var(--red-500) 12%, transparent);
    color: var(--red-600);
}

.kt2[b-inhtqtmd9j]  .kt2-cip--marka {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.kt2[b-inhtqtmd9j]  .kt2-sayilar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.kt2[b-inhtqtmd9j]  .kt2-sayilar li {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13px;
    color: var(--fg-soft);
    min-width: 0;
}

.kt2[b-inhtqtmd9j]  .kt2-sayilar strong {
    font-size: 20px;
    color: var(--fg);
    line-height: 1.1;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo-kap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.kt2[b-inhtqtmd9j]  .kt2-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo th {
    text-align: left;
    font-weight: 600;
    font-size: 12.5px;
    color: var(--muted);
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    background: var(--glass);
    white-space: nowrap;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo td {
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    color: var(--fg);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo tbody tr:last-child td {
    border-bottom: 0;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo tbody tr:hover td {
    background: var(--glass-hover);
}

.kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-sayi {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-islem {
    text-align: right;
    white-space: nowrap;
}

.kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
    margin-left: 6px;
}

.kt2[b-inhtqtmd9j]  .kt2-ad {
    font-weight: 600;
}

.kt2[b-inhtqtmd9j]  .kt2-alt {
    display: block;
    font-size: 12px;
    color: var(--muted);
    font-weight: 400;
}

.kt2[b-inhtqtmd9j]  .kt2-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
}

.kt2[b-inhtqtmd9j]  .kt2-liste {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 3px;
    font-size: 13.5px;
    color: var(--fg);
}

.kt2[b-inhtqtmd9j]  .kt2-acilir {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    background: var(--glass);
}

.kt2[b-inhtqtmd9j]  .kt2-acilir > summary {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.kt2[b-inhtqtmd9j]  .kt2-acilir > summary:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt2[b-inhtqtmd9j]  .kt2-acilir[open] > summary {
    margin-bottom: 8px;
}

.kt2[b-inhtqtmd9j]  .kt2-geri {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--brand-strong);
    font: inherit;
    font-size: 13.5px;
    padding: 2px 0;
    cursor: pointer;
    justify-self: start;
}

.kt2[b-inhtqtmd9j]  .kt2-geri:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .kt2[b-inhtqtmd9j]  .kt2-tablo-kap {
        border: 0;
        overflow: visible;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo,
    .kt2[b-inhtqtmd9j]  .kt2-tablo tbody,
    .kt2[b-inhtqtmd9j]  .kt2-tablo tr,
    .kt2[b-inhtqtmd9j]  .kt2-tablo td {
        display: block;
        width: 100%;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo tr {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        margin-bottom: 8px;
        padding: 6px 0;
        background: var(--glass);
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo td {
        border: 0;
        padding: 4px 12px;
        display: grid;
        grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
        gap: 8px;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo td::before {
        content: attr(data-label);
        font-size: 12px;
        color: var(--muted);
        font-weight: 600;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo td[data-label=""]::before {
        content: none;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo td[data-label=""] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-sayi,
    .kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-islem {
        text-align: left;
        white-space: normal;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-islem {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-islem::before {
        content: none;
    }

    .kt2[b-inhtqtmd9j]  .kt2-tablo .kt2-islem .au-btn + .au-btn {
        margin-left: 0;
    }

    .kt2[b-inhtqtmd9j]  .kt2-eylemler {
        justify-content: stretch;
    }

    .kt2[b-inhtqtmd9j]  .kt2-eylemler .au-btn {
        flex: 1 1 auto;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/SalonOturmaDuzeni.razor.rz.scp.css */
.sod[b-qj8q1acv8u] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.sod-ayar[b-qj8q1acv8u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    align-items: start;
}

.sod-ozet[b-qj8q1acv8u] {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
}

.sod-ozet strong[b-qj8q1acv8u] {
    color: var(--fg);
    font-size: 15px;
}

.sod-uyari[b-qj8q1acv8u] {
    margin: 0;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    color: var(--amber-600);
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--amber-600) 25%, transparent);
}

.sod-harita[b-qj8q1acv8u] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sod-grup[b-qj8q1acv8u] {
    flex: 1 1 120px;
    min-width: 0;
    max-width: 200px;
    display: grid;
    gap: 6px;
    align-content: start;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.sod-grup--kursu[b-qj8q1acv8u] {
    border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
}

.sod-grup__bas[b-qj8q1acv8u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    justify-content: space-between;
}

.sod-grup__ad[b-qj8q1acv8u] {
    font-weight: 600;
    font-size: 13px;
    color: var(--fg);
}

.sod-kursu[b-qj8q1acv8u] {
    font-size: 11px;
    padding: 1px 8px;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.sod-sayac[b-qj8q1acv8u] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sod-sayac__deger[b-qj8q1acv8u] {
    font-size: 13px;
    color: var(--fg-soft);
    min-width: 48px;
    text-align: center;
}

.sod-siralar[b-qj8q1acv8u] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 3px;
}

.sod-sira[b-qj8q1acv8u] {
    display: flex;
    gap: 3px;
}

.sod-koltuk[b-qj8q1acv8u] {
    flex: 1 1 0;
    height: 8px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--brand) 35%, var(--line));
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/SalonSubeDuzeni.razor.rz.scp.css */
.sub-secim[b-pdspsyo3v0] {
    max-width: 420px;
    min-width: 0;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/TaslakDersAtama.razor.rz.scp.css */
/* DERSLERİ KENDİLİĞİNDEN ATA — önizle → onayla. Yalnız token; ham renk yok. */

.tda[b-gddtvlh01n] {
    display: grid;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.tda--kompakt[b-gddtvlh01n] {
    padding: 12px;
}

.tda-bas[b-gddtvlh01n] {
    display: grid;
    gap: 4px;
}

.tda-baslik[b-gddtvlh01n] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.tda-aciklama[b-gddtvlh01n],
.tda-not[b-gddtvlh01n],
.tda-durum[b-gddtvlh01n],
.tda-engel[b-gddtvlh01n] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.tda-not--uyari[b-gddtvlh01n] {
    color: var(--amber-600);
}

.tda-form[b-gddtvlh01n] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
    align-items: end;
}

.tda-siniflar[b-gddtvlh01n] {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.tda-siniflar legend[b-gddtvlh01n] {
    padding: 0;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-soft);
}

.tda-cipler[b-gddtvlh01n] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tda-cip[b-gddtvlh01n] {
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: 13.5px;
    cursor: pointer;
    transition: background .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
}

.tda-cip:hover:not(:disabled)[b-gddtvlh01n] {
    background: var(--glass-hover);
}

.tda-cip:focus-visible[b-gddtvlh01n] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.tda-cip--secili[b-gddtvlh01n] {
    border-color: var(--brand);
    background: var(--brand);
    color: var(--on-brand);
}

.tda-cip:disabled[b-gddtvlh01n] {
    cursor: not-allowed;
    opacity: .6;
}

.tda-program[b-gddtvlh01n] {
    display: grid;
    gap: 8px;
}

.tda-eylem[b-gddtvlh01n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

.tda-onizleme[b-gddtvlh01n] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.tda-ozet[b-gddtvlh01n] {
    margin: 0;
    font-size: 14px;
    color: var(--fg);
}

.tda-bolumler[b-gddtvlh01n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.tda-bolum[b-gddtvlh01n] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    min-width: 0;
}

.tda-bolum--degisecek[b-gddtvlh01n],
.tda-bolum--yeni[b-gddtvlh01n] {
    border-color: var(--brand);
}

.tda-bolum__ust[b-gddtvlh01n] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.tda-rozet[b-gddtvlh01n] {
    padding: 1px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    font-size: 12px;
    color: var(--fg-soft);
}

.tda-rozet--degisecek[b-gddtvlh01n],
.tda-rozet--yeni[b-gddtvlh01n] {
    border-color: var(--brand);
    color: var(--brand-strong);
}

.tda-rozet--eslesmedi[b-gddtvlh01n] {
    border-color: var(--amber-600);
    color: var(--amber-600);
}

.tda-sayi[b-gddtvlh01n] {
    font-size: 13.5px;
    color: var(--fg-soft);
}

.tda-karsilastir[b-gddtvlh01n] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

.tda-sutun[b-gddtvlh01n] {
    display: grid;
    gap: 4px;
    align-content: start;
    min-width: 0;
}

.tda-sutun__bas[b-gddtvlh01n] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--muted);
}

.tda-dersler[b-gddtvlh01n],
.tda-eksikler[b-gddtvlh01n] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 4px;
    font-size: 13.5px;
    color: var(--fg);
}

.tda-ders[b-gddtvlh01n] {
    font-weight: 600;
}

.tda-konu[b-gddtvlh01n] {
    display: block;
    font-size: 12.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.tda-secmeli[b-gddtvlh01n] {
    margin: 0;
    padding: 8px 10px;
    border-left: 3px solid var(--brand);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13.5px;
    color: var(--fg);
}

@media (max-width: 600px) {
    .tda-form[b-gddtvlh01n] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Kutuphane/Bolumler/TaslakTestlerBolumu.razor.rz.scp.css */
/* TASLAK TESTLER — bölüm + alt bileşenler (TaslakTestDetay `td-`, TaslakNetKurali `tn-`). */

.tt[b-wncd52z0kg] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.tt-bas .au-sub[b-wncd52z0kg] {
    margin: 0;
}

.tt-geri[b-wncd52z0kg] {
    justify-self: start;
}

.tt-eylem[b-wncd52z0kg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
}

.tt-durum[b-wncd52z0kg],
.tt-sonuc[b-wncd52z0kg] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.tt-bos[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-bos {
    padding: 14px 16px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--fg-soft);
}

.tt-bos p[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-bos p {
    margin: 0 0 6px;
}

.tt-bos p:last-child[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-bos p:last-child {
    margin-bottom: 0;
}

.tt-liste[b-wncd52z0kg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.tt-satir[b-wncd52z0kg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.tt-satir--pasif[b-wncd52z0kg] {
    opacity: .78;
}

.tt-satir__ad[b-wncd52z0kg] {
    display: grid;
    gap: 2px;
    flex: 1 1 240px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.tt-satir__ad span[b-wncd52z0kg] {
    font-size: 12.5px;
    color: var(--muted);
}

.tt-ac[b-wncd52z0kg] {
    justify-self: start;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 700;
    color: var(--fg);
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.tt-ac:hover[b-wncd52z0kg] {
    color: var(--brand-strong);
    text-decoration: underline;
}

.tt-ac:focus-visible[b-wncd52z0kg],
.tt-gelismis summary:focus-visible[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-gelismis summary:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.tt-rozet[b-wncd52z0kg] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    color: var(--fg-soft);
    font-size: 12px;
    font-weight: 600;
}

.tt-satir__eylem[b-wncd52z0kg],
.tt-onay__eylem[b-wncd52z0kg],
.tt-form__eylem[b-wncd52z0kg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tt-onay[b-wncd52z0kg] {
    flex: 1 1 100%;
    display: grid;
    gap: 8px;
}

.tt-onay p[b-wncd52z0kg] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}

.tt-onay .tt-hata[b-wncd52z0kg] {
    color: var(--red-600);
    font-weight: 500;
}

.tt-form[b-wncd52z0kg] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
}

.tt-form__baslik[b-wncd52z0kg] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.tt-form__alanlar[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-form__alanlar {
    border: 0;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    min-width: 0;
}

.tt-gizli[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-gizli {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.tt-gelismis summary[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-gelismis summary {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-soft);
}

.tt-engel[b-wncd52z0kg],
.tt[b-wncd52z0kg]  .td-engel,
.tt[b-wncd52z0kg]  .tn-engel {
    margin: 0;
    font-size: 13px;
    color: var(--amber-600);
}

/* ── Ayrıntı ── */
.tt[b-wncd52z0kg]  .td {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.tt[b-wncd52z0kg]  .td-baslik {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.tt[b-wncd52z0kg]  .td-ozet,
.tt[b-wncd52z0kg]  .td-durum,
.tt[b-wncd52z0kg]  .td-aciklama {
    margin: 2px 0 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.tt[b-wncd52z0kg]  .td-denge {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.tt[b-wncd52z0kg]  .td-denge--fark {
    color: var(--amber-600);
}

.tt[b-wncd52z0kg]  .td-bolumler,
.tt[b-wncd52z0kg]  .td-satirlar,
.tt[b-wncd52z0kg]  .tn-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.tt[b-wncd52z0kg]  .td-bolum {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.tt[b-wncd52z0kg]  .td-bolum__ust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
}

.tt[b-wncd52z0kg]  .td-bolum__ad {
    display: grid;
    gap: 2px;
    flex: 1 1 240px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.tt[b-wncd52z0kg]  .td-bolum__ad span {
    font-size: 12.5px;
    color: var(--muted);
}

.tt[b-wncd52z0kg]  .td-bolum__eylem,
.tt[b-wncd52z0kg]  .td-onay__eylem,
.tt[b-wncd52z0kg]  .td-form__eylem,
.tt[b-wncd52z0kg]  .td-eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tt[b-wncd52z0kg]  .td-onay {
    display: grid;
    gap: 8px;
}

.tt[b-wncd52z0kg]  .td-onay p {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}

.tt[b-wncd52z0kg]  .td-onay .td-hata {
    color: var(--red-600);
    font-weight: 500;
}

.tt[b-wncd52z0kg]  .td-form {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    min-width: 0;
}

.tt[b-wncd52z0kg]  .td-satir {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(80px, 110px) auto;
    align-items: end;
    gap: 8px;
}

/* ── Yanlış-doğru kuralı ── */
.tt[b-wncd52z0kg]  .tn {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-top: 1px solid var(--line);
    min-width: 0;
}

.tt[b-wncd52z0kg]  .tn-baslik {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.tt[b-wncd52z0kg]  .tn-aciklama,
.tt[b-wncd52z0kg]  .tn-durum,
.tt[b-wncd52z0kg]  .tn-etki {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.tt[b-wncd52z0kg]  .tn-etki {
    font-weight: 600;
    color: var(--fg);
}

.tt[b-wncd52z0kg]  .tn-secenek {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    align-items: end;
    gap: 8px 12px;
}

.tt[b-wncd52z0kg]  .tn-satir {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tt[b-wncd52z0kg]  .tn-satir .tn-secenek {
    flex: 1 1 100%;
}

.tt[b-wncd52z0kg]  .tn-ad {
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .tt[b-wncd52z0kg]  .td-satir {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* U12 — standart taslaklar (TYT/AYT/LGS). */
.tt-standart[b-wncd52z0kg] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    min-width: 0;
}

.tt-standart__baslik[b-wncd52z0kg] {
    margin: 0;
    font-size: 15px;
    color: var(--fg);
}

.tt-standart__liste[b-wncd52z0kg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.tt-standart__satir[b-wncd52z0kg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-width: 0;
}

.tt-standart__tur[b-wncd52z0kg] {
    font-weight: 700;
    min-width: 3.5em;
    color: var(--fg);
}

.tt-standart__durum[b-wncd52z0kg] {
    flex: 1 1 12em;
    min-width: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

/* ── Seçmeli blok + standart sapması + kendiliğinden ders ataması (2026-09-28) ── */
.tt[b-wncd52z0kg]  .td-ata {
    justify-self: start;
    margin-top: 6px;
}

.tt[b-wncd52z0kg]  .td-secmeli {
    margin: 0;
    padding: 6px 10px;
    border-left: 3px solid var(--brand);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.tt[b-wncd52z0kg]  .td-sapma {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px 14px;
}

.tt[b-wncd52z0kg]  .td-sapma > div {
    flex: 1 1 18em;
    min-width: 0;
    overflow-wrap: anywhere;
}

.tt[b-wncd52z0kg]  .td-sapma__liste {
    margin: 4px 0 0;
    padding-left: 18px;
    font-size: 13px;
}

.tt-standart__durum--fark[b-wncd52z0kg] {
    color: var(--amber-600);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizAralikSuzgec.razor.rz.scp.css */
/* Başarı aralığı süzgeci — histogram + çift tutamak.
   İki `input[type=range]` üst üste bindirilir: ray ve dolgu kendi
   elemanlarımızdır, tarayıcının ray/dolgusu şeffaflaştırılır. */
.aas[b-zhihdr7hh9] { display: flex; flex-direction: column; gap: 6px; min-width: 230px; }

.aas__bas[b-zhihdr7hh9] { display: flex; align-items: baseline; gap: 8px; font-size: .78rem; }
.aas__etiket[b-zhihdr7hh9] { color: var(--muted); }
.aas__deger[b-zhihdr7hh9] { font-weight: 650; color: var(--fg); font-variant-numeric: tabular-nums; }
.aas__kapsam[b-zhihdr7hh9] { font-weight: 400; color: var(--muted); }
.aas__sifirla[b-zhihdr7hh9] {
    margin-left: auto; padding: 0; border: none; background: none;
    color: var(--accent-metin); font-size: .75rem; cursor: pointer;
}
.aas__sifirla:hover[b-zhihdr7hh9] { text-decoration: underline; }

.aas__gorsel[b-zhihdr7hh9] { position: relative; height: 42px; }

.aas__histogram[b-zhihdr7hh9] { position: absolute; inset: 0 0 14px; width: 100%; height: 28px; }
.aas__cubuk[b-zhihdr7hh9] { fill: var(--line); }
/* Seçili banda düşen kovalar vurgulanır: tutamağı çekerken hangi kaydın
   kapsama girdiği ANINDA görünür. */
.aas__cubuk--icinde[b-zhihdr7hh9] { fill: color-mix(in srgb, var(--accent) 55%, transparent); }

.aas__ray[b-zhihdr7hh9] {
    position: absolute; left: 0; right: 0; bottom: 8px; height: 4px;
    border-radius: 999px; background: var(--line);
}
.aas__dolu[b-zhihdr7hh9] { position: absolute; top: 0; bottom: 0; border-radius: 999px; background: var(--accent); }

.aas__tutamak[b-zhihdr7hh9] {
    position: absolute; left: 0; right: 0; bottom: 0; width: 100%;
    margin: 0; height: 20px; background: none; pointer-events: none;
    -webkit-appearance: none; appearance: none;
}
/* Tutamağın odak halkası bu dosyanın ALTINDA (bkz. `:focus-visible::-…-thumb`).
   Buradaki `outline: none` onu kaldırmıyor: kap yerine THUMB'a veriliyor,
   çünkü üst üste iki tutamak var ve halka "hangisindeyim"i yanıtlamalı. */
.aas__tutamak:focus[b-zhihdr7hh9] { outline: none; }

.aas__tutamak[b-zhihdr7hh9]::-webkit-slider-thumb {
    -webkit-appearance: none; pointer-events: auto;
    width: 15px; height: 15px; border-radius: 50%;
    background: var(--glass); border: 2px solid var(--accent);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25); cursor: pointer;
}
.aas__tutamak[b-zhihdr7hh9]::-moz-range-thumb {
    pointer-events: auto;
    width: 15px; height: 15px; border-radius: 50%;
    background: var(--glass); border: 2px solid var(--accent);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25); cursor: pointer;
}
.aas__tutamak[b-zhihdr7hh9]::-webkit-slider-runnable-track { background: none; }
.aas__tutamak[b-zhihdr7hh9]::-moz-range-track { background: none; }
.aas__tutamak:focus-visible[b-zhihdr7hh9]::-webkit-slider-thumb { outline: 2px solid var(--brand); outline-offset: 2px; }
.aas__tutamak:focus-visible[b-zhihdr7hh9]::-moz-range-thumb { outline: 2px solid var(--brand); outline-offset: 2px; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizBolum.razor.rz.scp.css */
.azb-baslik-aciklamali[b-4lescnst08] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 6px;
    row-gap: 4px;
    min-width: 0;
}

.azb-baslik-aciklamali h3[b-4lescnst08] { max-width: calc(100% - 32px); }

.azb-baslik-aciklamali .azb-alt[b-4lescnst08] { flex-basis: 100%; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizBolumIpucu.razor.rz.scp.css */
/* Sayfa rehberindeki soru işaretiyle aynı görünüm. */
.abi-dugme[b-8yd2qmc9t3] {
    position: relative;
    flex: 0 0 26px;
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    min-height: 26px;
    padding: 0;
    border: 1px solid var(--marka-600);
    border-radius: 50%;
    background: var(--marka-600);
    color: var(--on-brand);
    font: 700 .84rem/1 var(--font-body);
    cursor: pointer;
    box-shadow: 0 6px 14px -8px rgba(32, 49, 136, .9);
}
.abi-dugme:hover[b-8yd2qmc9t3] { background: var(--marka-500); border-color: var(--marka-500); }
.abi-dugme:focus-visible[b-8yd2qmc9t3] { outline: 2px solid var(--marka-500); outline-offset: 3px; }

.abi-balon[b-8yd2qmc9t3] {
    position: fixed;
    inset: auto;
    box-sizing: border-box;
    width: min(320px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: auto;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 3px 10px 10px 10px;
    background: var(--yuzey);
    color: var(--fg);
    font: 400 .875rem/1.6 var(--font-body);
    text-align: left;
    box-shadow: var(--panel-golge);
}

@media (pointer: coarse) {
    .abi-dugme[b-8yd2qmc9t3]::after {
        content: "";
        position: absolute;
        inset: -9px;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizBolumSekmeleri.razor.rz.scp.css */
/* Ortak filtre ve KPI'ların altında yalnız etkin analiz bölümü gösterilir. */
.abs-sekmeler[b-5xamesa7lk] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    margin-bottom: 16px;
    min-width: 0;
    background: var(--anv-kart-zemin);
    border: 1px solid var(--anv-hat);
    border-radius: 3px 10px 10px 10px;
}
.abs-sekme[b-5xamesa7lk] {
    --abs-sekme-vurgu: var(--agv-kpi-etiket-1);
    flex: 1 0 auto;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--anv-ikincil);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}
/* Aynı referans paleti, yalnız hedefte bulunan bölüm sayısına uygulanır. */
.abs-sekme:nth-child(2)[b-5xamesa7lk] { --abs-sekme-vurgu: var(--agv-kpi-etiket-2); }
.abs-sekme:nth-child(3)[b-5xamesa7lk] { --abs-sekme-vurgu: var(--agv-kpi-etiket-3); }
.abs-sekme:nth-child(4)[b-5xamesa7lk] { --abs-sekme-vurgu: var(--agv-kpi-etiket-4); }
.abs-sekme:nth-child(5)[b-5xamesa7lk] { --abs-sekme-vurgu: var(--agv-kpi-etiket-5); }
.abs-sekme:nth-child(n+6)[b-5xamesa7lk] { --abs-sekme-vurgu: var(--agv-kpi-etiket-6); }

.abs-sekmeler .abs-sekme:hover[b-5xamesa7lk] {
    background: color-mix(in srgb, var(--abs-sekme-vurgu) 14%, var(--yuzey));
    color: var(--abs-sekme-vurgu);
}
.abs-sekmeler .abs-sekme[aria-selected="true"][b-5xamesa7lk] { background: var(--abs-sekme-vurgu); color: var(--yuzey); }
.abs-sekme:focus-visible[b-5xamesa7lk], .abs-panel:focus-visible[b-5xamesa7lk] {
    outline: 2px solid var(--abs-sekme-vurgu, var(--agv-kpi-etiket-1));
    outline-offset: 2px;
}
.abs-panel[b-5xamesa7lk] { min-width: 0; }
.abs-panel[b-5xamesa7lk]  .at-kap { max-height: min(540px, 60dvh); overflow: auto; }
/* Cihazın genel table kaydırıcısı burada ikinci bir kaydırma alanı kurmamalı:
   yatay ve dikey hareket aynı kapta kalır, thead dikey kaydırmada sabitlenir. */
.abs-panel[b-5xamesa7lk]  .at-tablo { display: table; overflow: visible; max-width: none; }
.abs-panel[b-5xamesa7lk]  .at-tablo thead { position: sticky; top: 0; z-index: 4; }
.abs-panel[b-5xamesa7lk]  .at-tablo:has(thead .at-sabit) thead { background: var(--at-bas-rampa); }
.abs-panel[b-5xamesa7lk]  .at-tablo thead .at-sabit { background: var(--at-bas-zemin); }
.abs-panel[b-5xamesa7lk]  .at-tablo .at-sabit-1 { left: var(--abs-sabit-1-sol, 64px); }
.abs-panel[b-5xamesa7lk]  .at-tablo .at-sabit-2 { left: var(--abs-sabit-2-sol, 200px); }

@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .abs-sekmeler[b-5xamesa7lk] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .abs-sekme[b-5xamesa7lk] { flex: 0 0 auto; min-height: 44px; }
    .abs-panel[b-5xamesa7lk]  .at-tablo thead .at-cihaz-sabit { background: var(--at-bas-zemin); }
    .abs-panel[b-5xamesa7lk]  .at-tablo .at-cihaz-sabit-1 { left: var(--abs-sabit-1-sol, 64px); }
    .abs-panel[b-5xamesa7lk]  .at-tablo .at-cihaz-sabit-2 { left: var(--abs-sabit-2-sol, 200px); }
}

/* FE4: bilinmeyen bölüm uyarısı. */
.abs-uyari[b-5xamesa7lk] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; }
/* Dar ekranda kayan şeridin sağ kenarı soluklaşır: devamında sekme olduğu görülür. */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .abs-sekmeler[b-5xamesa7lk] {
        padding-right: 28px;
        scroll-padding-inline: 28px;
        -webkit-mask-image: linear-gradient(to right, var(--fg) calc(100% - 28px), transparent);
        mask-image: linear-gradient(to right, var(--fg) calc(100% - 28px), transparent);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizBolumSeridi.razor.rz.scp.css */
.ubb[b-gofupk4kui] {
    --ubb-metin: var(--ust-metin-soluk-uzeri);
    --ubb-metin-secili: var(--ust-metin);
    --ubb-metin-secili-koyu: var(--marka-600);
    --ubb-metin-secili-vurgu: var(--marka-700);
    --ubb-zemin-uzeri: color-mix(in srgb, var(--ust-metin) 14%, transparent);
    --ubb-zemin-secili: var(--ust-dolu);
    --ubb-zemin-secili-uzeri: var(--ust-metin-soluk);
    --ubb-cizgi-secili: var(--turkuaz-500);
    --ubb-bant: var(--ust-cam);
    --ubb-ayrac: var(--ust-ayrac);
    --ubb-egim: 15px;
    --ubb-egim-aci: -15deg;
    --ubb-yan: 23px;
    --ubb-ara: 9px;
    --ubb-alt-cizgi: 3px;

    display: none;
    align-items: center;
    align-self: stretch;
    height: 100%;
    min-width: 0;
    margin-left: 4px;
    flex: 0 1 auto;
}

.ubb__oge[b-gofupk4kui] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ubb-ara);
    flex: 0 1 auto;
    min-width: 0;
    height: 100%;
    padding: 0 var(--ubb-yan);
    margin-left: calc(var(--ubb-egim) * -1);
    border: 0;
    border-radius: 0;
    background: transparent;
    clip-path: polygon(
        var(--ubb-egim) 0,
        100% 0,
        calc(100% - var(--ubb-egim)) 100%,
        0 100%
    );
    color: var(--ubb-metin);
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s var(--ease-smooth), color .2s var(--ease-smooth);
}

.ubb__oge:first-child[b-gofupk4kui] {
    margin-left: 0;
}

.ubb__oge + .ubb__oge[b-gofupk4kui]::before {
    content: "";
    position: absolute;
    left: calc(var(--ubb-egim) / 2 + 1px);
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--ubb-ayrac);
    transform: skewX(var(--ubb-egim-aci));
}

.ubb__oge[b-gofupk4kui]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--ubb-alt-cizgi);
    background: transparent;
    transition: background .2s var(--ease-smooth);
}

.ubb__ikon[b-gofupk4kui] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.ubb__ikon svg[b-gofupk4kui] {
    width: 17px;
    height: 17px;
}

.ubb__ad[b-gofupk4kui] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-display);
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: -.006em;
    line-height: 1.2;
}

.ubb__oge:hover[b-gofupk4kui] {
    background: var(--ubb-zemin-uzeri);
    color: var(--ubb-metin-secili);
}

.ubb__oge:focus-visible[b-gofupk4kui] {
    outline: 2px solid var(--ubb-cizgi-secili);
    outline-offset: -3px;
}

.ubb__oge--secili[b-gofupk4kui] {
    background: var(--ubb-zemin-secili);
    color: var(--ubb-metin-secili-koyu);
}

.ubb__oge--secili:hover[b-gofupk4kui] {
    background: var(--ubb-zemin-secili-uzeri);
    color: var(--ubb-metin-secili-vurgu);
}

.ubb__oge--secili .ubb__ad[b-gofupk4kui] {
    font-weight: 700;
}

.ubb__oge--secili[b-gofupk4kui]::after {
    background: var(--ubb-cizgi-secili);
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine),
       (min-width: 720px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ubb[b-gofupk4kui] {
        display: flex;
        margin-left: calc(var(--ust-aralik, 18px) * -1 + 3px);
        background: var(--ubb-bant);
        clip-path: polygon(
            var(--ubb-egim) 0,
            100% 0,
            calc(100% - var(--ubb-egim)) 100%,
            0 100%
        );
    }
}

@media (min-width: 720px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) {
    .ubb[b-gofupk4kui] {
        --ubb-yan: 20px;
        --ubb-ara: 7px;
    }

    .ubb__oge:not(.ubb__oge--secili) .ubb__ad[b-gofupk4kui] {
        max-width: 0;
        margin: 0;
        opacity: 0;
        pointer-events: none;
    }

    .ubb__oge:not(.ubb__oge--secili)[b-gofupk4kui] {
        gap: 0;
    }
}

@media (forced-colors: active) {
    .ubb[b-gofupk4kui] {
        background: Canvas;
    }

    .ubb__oge + .ubb__oge[b-gofupk4kui]::before {
        background: CanvasText;
    }

    .ubb__oge[b-gofupk4kui] {
        color: CanvasText;
    }

    .ubb__oge:hover[b-gofupk4kui] {
        background: Highlight;
        color: HighlightText;
    }

    .ubb__oge--secili[b-gofupk4kui],
    .ubb__oge--secili:hover[b-gofupk4kui] {
        background: CanvasText;
        color: Canvas;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ubb__oge[b-gofupk4kui],
    .ubb__oge[b-gofupk4kui]::after {
        transition: none;
    }
}

@media (min-width: 720px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ubb[b-gofupk4kui] { margin-left: -15px; flex: 0 0 auto; }
    .ubb__oge[b-gofupk4kui] { min-height: 44px; min-width: 44px; flex: 0 0 auto; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizBosSatir.razor.rz.scp.css */
/* `AnalizTablo`nun boş durumuyla AYNI dil: aynı ◇ işareti, aynı sönük ton. */
.abs[b-kiqlmkyna0] { padding: 18px 12px; text-align: center; }
.abs__ana[b-kiqlmkyna0] { display: block; color: var(--fg-soft); font-size: .88rem; }
.abs__yonerge[b-kiqlmkyna0] { display: block; margin-top: 4px; color: var(--muted); font-size: .8rem; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizFiltre.razor.rz.scp.css */
.af-cubuk[b-h30ejrz30h] { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; margin-bottom: 14px; }
.af-alan[b-h30ejrz30h] { display: flex; flex-direction: column; gap: 6px; font-size: .8125rem; color: var(--fg-soft); }
/* .af-sec analiz.css'te: ChildContent ve sayfa dialogları da aynı alan
   sözleşmesini kullanır. Scoped selector ebeveyn markup'ına ulaşmaz. */
.af-seg[b-h30ejrz30h] { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; }
/* Pill dili: seçili/seçili değil arasında BOYUT ve FONT AĞIRLIĞI değişmez —
   yalnız dolgu, renk ve aktif nokta değişir. Nokta her durumda yer kaplar
   (etkin değilken saydam), böylece seçim değişince şerit yeniden akmaz. */
.af-seg__b[b-h30ejrz30h] { background: none; border: none; min-height: 40px; padding: 8px 12px; font-size: .875rem; font-weight: 500; color: var(--fg-soft); cursor: pointer; }
.af-seg__b--aktif[b-h30ejrz30h] { background: var(--brand); color: var(--on-brand); }
.af-uyari[b-h30ejrz30h] { font-size: .78rem; color: var(--analiz-dikkat-metin); align-self: center; }

/* UYGULANMIŞ SÜZGEÇ ŞERİDİ.
   Pill dili çubuğunkiyle aynı: nokta her durumda yer kaplar, boyut ve font
   ağırlığı seçimle DEĞİŞMEZ. Şerit yalnız süzgeç varken çizilir — boşken yer
   kaplamaz, çünkü altındaki içerik zaten çubuğun kendisiyle ayrılmış durumda. */
.af-pil-serit[b-h30ejrz30h] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: -6px 0 14px; }
.af-pil-baslik[b-h30ejrz30h] { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .3px; }
.af-pil[b-h30ejrz30h] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 10px; border: 1px solid var(--brand); border-radius: 999px;
    background: var(--brand); color: var(--on-brand);
    font-size: .75rem; font-weight: 500; cursor: pointer;
}
.af-pil__nokta[b-h30ejrz30h] { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.af-pil__x[b-h30ejrz30h] { opacity: .75; font-size: .7rem; }
.af-pil:hover .af-pil__x[b-h30ejrz30h] { opacity: 1; }
/* "Tümünü temizle" bir süzgeç değil eylemdir — nötr durur, pill'lerle yarışmaz. */
.af-pil--temiz[b-h30ejrz30h] { background: transparent; color: var(--muted); border-color: var(--line); }
.af-pil--temiz:hover[b-h30ejrz30h] { color: var(--fg); border-color: var(--fg); }

@media (max-width: 640px) {
    /* Dar ekranda çubuk 8 denetimle 8 satıra sarıyordu; alanlar tam genişlik
       alıp okunur kalsın diye tek sütuna iner. */
    .af-cubuk[b-h30ejrz30h] { gap: 8px; }
    .af-alan[b-h30ejrz30h] { flex: 1 1 100%; }
}

/* Toplu kip eylem çifti — çubuğun sonunda, denetimlerle aynı hizada. */
.af-toplu[b-h30ejrz30h] { display: flex; align-items: flex-end; gap: 6px; }
/* Bekleyen yokken düğmeler pasif ama YER KAPLAR — beliren bir eylem çifti
   altındaki içeriği zıplatırdı (bileşenin pill dili bunu yasaklıyor). */
.af-uygula[b-h30ejrz30h] { min-width: 108px; }

/* Alanlar tablette/masaüstünde daima görünür; katlama yalnız TELEFON. */
.af-katla[b-h30ejrz30h] { display: none; }
@media (max-width: 640px) {
    .af-katla[b-h30ejrz30h] {
        display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
        padding: 0 12px; border: 1px solid var(--hat-girdi); border-radius: var(--kose-dugme);
        background: var(--yuzey); color: var(--marka-600); font: 600 13px var(--font-body); cursor: pointer;
    }
    .af-katla:focus-visible[b-h30ejrz30h] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
    .af-katla__sayi[b-h30ejrz30h] { min-width: 20px; border-radius: 10px; background: var(--marka-600); color: var(--on-brand); padding: 2px 5px; font-size: 11px; }
    .af-cubuk.af-cubuk--kapali[b-h30ejrz30h], .af-katla[aria-expanded="false"] ~ .af-pil-serit[b-h30ejrz30h] { display: none; }
    .af-cubuk.af-cubuk--acik[b-h30ejrz30h] { margin-top: 10px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizGrafik.razor.rz.scp.css */
.ag-kap[b-zl94c7hhsh] { width: 100%; position: relative; }
.ag-tuval[b-zl94c7hhsh] { width: 100%; height: 100%; min-width: 0; }
.ag-kap.kisa[b-zl94c7hhsh] { height: 240px; }
.ag-kap.orta[b-zl94c7hhsh] { height: 320px; }
.ag-kap.uzun[b-zl94c7hhsh] { height: 420px; }
.ag-bos[b-zl94c7hhsh] { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); font-size: .9rem; }

/* Büyütme — aynı örnek, yalnız kapsayıcı büyür (bkz. AnalizGrafik.razor). */
.ag-kap--buyuk[b-zl94c7hhsh] {
    position: fixed; inset: 4vh 4vw; z-index: 61;
    height: auto !important;
    padding: 44px 16px 16px;
    border-radius: 16px; border: 1px solid var(--line);
    background: var(--glass);
    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .45);
}
.ag-perde[b-zl94c7hhsh] {
    position: fixed; inset: 0; z-index: 60;
    background: color-mix(in srgb, var(--fg) 22%, transparent);
}
.ag-buyut[b-zl94c7hhsh] {
    position: absolute; top: 4px; right: 4px; z-index: 2;
    display: grid; place-items: center; width: 44px; height: 44px;
    border: 1px solid transparent; border-radius: 8px;
    background: none; color: var(--muted); cursor: pointer;
    opacity: 0; transition: opacity .15s, color .15s, border-color .15s;
}
.ag-kap:hover .ag-buyut[b-zl94c7hhsh],
.ag-buyut:focus-visible[b-zl94c7hhsh],
.ag-kap--buyuk .ag-buyut[b-zl94c7hhsh] { opacity: 1; }
.ag-buyut:hover[b-zl94c7hhsh] { color: var(--brand-strong); border-color: var(--line); background: var(--glass-strong); }

/* Boş durum: ana satır + neden satırı. Neden küçük ve soluk — asıl mesajı
   bastırmaz ama "bozuk mu?" sorusunu ekranı terk etmeden yanıtlar. */
.ag-bos[b-zl94c7hhsh] { display: flex; flex-direction: column; align-items: center; gap: .3rem; text-align: center; padding: 0 1rem; }
.ag-bos__ana[b-zl94c7hhsh] { font-size: .9rem; }
.ag-bos__neden[b-zl94c7hhsh] { font-size: .76rem; opacity: .7; max-width: 34rem; line-height: 1.35; }
.ag-bos__eylem[b-zl94c7hhsh] { margin-top: .45rem; }
.ag-gizli-ozet[b-zl94c7hhsh] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .ag-buyut[b-zl94c7hhsh] { transition: none; }
}

@media (max-width: 640px) {
    .ag-kap.kisa[b-zl94c7hhsh] { height: 220px; }
    .ag-kap.orta[b-zl94c7hhsh] { height: 260px; }
    .ag-kap.uzun[b-zl94c7hhsh] { height: 300px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizHataSeridi.razor.rz.scp.css */
/* Şerit tek satırda: mesaj solda, çıkış yolu sağda. Düğme mesajın altına
   kaçarsa okunma sırası bozulur — önce ne olduğu, sonra ne yapılacağı. */
.ahs-serit[b-mfjxjd14jj] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ahs-metin[b-mfjxjd14jj] { flex: 1 1 auto; min-width: 0; }

/* Düğme tehlike şeridinin İÇİNDE; kendi rengini şeritten alır ki uyarı tonu
   bölünmesin. Dolgu yerine kenarlık: eylem ikincil, mesaj birincil. */
.ahs-yenile[b-mfjxjd14jj] {
    flex: 0 0 auto;
    padding: 4px 12px;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font-size: .78rem;
    font-weight: 500;
    cursor: pointer;
}

.ahs-yenile:hover:not(:disabled)[b-mfjxjd14jj] { background: rgb(0 0 0 / .08); }
.ahs-yenile:disabled[b-mfjxjd14jj] { opacity: .6; cursor: default; }

/* Klavyeyle gezerken odak görünür olmalı — şerit zaten kırmızı, odak halkası
   ondan ayrışsın diye dış çizgi kullanılıyor. */
.ahs-yenile:focus-visible[b-mfjxjd14jj] { outline: 2px solid currentColor; outline-offset: 2px; }

/* ZENGİN İÇERİK (ChildContent): başlık + açıklama/liste. Birkaç satırlık
   içerikte düğme ortalanırsa metinden kopuk durur; üst hizaya alınır. */
.ahs-serit:has(> div.ahs-metin)[b-mfjxjd14jj] { align-items: flex-start; }

.ahs-baslik[b-mfjxjd14jj] { display: block; font-weight: 600; }

/* Ek eylemler yeniden denemenin yanında durur; dar ekranda alta sarar. */
.ahs-eylemler[b-mfjxjd14jj] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizKatmanNav.razor.rz.scp.css */
.akn[b-trqp7pu3d7] {
    position: sticky;
    top: var(--topbar-h);
    z-index: 40;
    margin-inline: calc(-1 * var(--az-yan, clamp(24px, 4.5vw, 72px)));
    margin-top: var(--akn-ust-cekme, calc(-1 * clamp(30px, 5vw, 56px)));
    padding-top: 6px;
    margin-bottom: var(--akn-alt-bosluk);
    /* Cam tonu opak sayfa zemini üzerinde korunur; kaydırılan içeriği her
       karede yeniden örnekleyen backdrop blur bu sabit şeritte gerekmez. */
    background: linear-gradient(var(--glass-strong), var(--glass-strong)), var(--page-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.akn__satir[b-trqp7pu3d7] {
    position: relative;
    border-bottom: 1px solid var(--line);
}

.akn__kaydir[b-trqp7pu3d7] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding-inline: var(--akn-yan-dolgu, calc(clamp(24px, 4.5vw, 72px) + 8px));
}

.akn__kaydir[b-trqp7pu3d7]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.akn__ib[b-trqp7pu3d7],
.akn__sk[b-trqp7pu3d7] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    color: var(--muted);
    font-family: inherit;
    border-radius: var(--radius-pill, 999px);
    transition: background .16s ease, color .16s ease;
    -webkit-tap-highlight-color: transparent;
}

.akn__ib:focus-visible[b-trqp7pu3d7],
.akn__sk:focus-visible[b-trqp7pu3d7] {
    outline: 2px solid var(--brand);
    outline-offset: -3px;
}

.akn__ib[b-trqp7pu3d7] {
    gap: 0;
    min-height: 56px;
    min-width: 54px;
    justify-content: center;
    padding: 0 .875rem;
    line-height: 1.2;
    margin-block: 3px;
    font-size: .9375rem;
}

.akn__ikon[b-trqp7pu3d7] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.akn__ikon svg[b-trqp7pu3d7] {
    display: block;
    width: 23px;
    height: 23px;
}

.akn__ib-ad[b-trqp7pu3d7] {
    font-weight: 700;
    letter-spacing: -.012em;
    max-width: 0;
    margin-left: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-width .22s ease, margin-left .22s ease, opacity .14s ease;
}

.akn__ib--secili .akn__ib-ad[b-trqp7pu3d7] {
    max-width: 16rem;
    margin-left: 9px;
    opacity: 1;
}

.akn__sk[b-trqp7pu3d7] {
    min-height: 44px;
    padding: 0 .875rem;
    margin-block: 4px;
    font-size: .9375rem;
    font-weight: 500;
    letter-spacing: -.005em;
    line-height: 1.2;
}

.akn__ib:hover[b-trqp7pu3d7],
.akn__sk:hover[b-trqp7pu3d7] {
    background: color-mix(in srgb, var(--brand) 6%, transparent);
    color: var(--fg);
}

.akn__ib--secili[b-trqp7pu3d7],
.akn__ib--secili:hover[b-trqp7pu3d7],
.akn__sk--secili[b-trqp7pu3d7],
.akn__sk--secili:hover[b-trqp7pu3d7] {
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand-strong);
}

.akn__sk--secili[b-trqp7pu3d7],
.akn__sk--secili:hover[b-trqp7pu3d7] {
    font-weight: 700;
}

.akn__satir[b-trqp7pu3d7]::after,
.akn__satir[b-trqp7pu3d7]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1px;
    width: 32px;
    pointer-events: none;
    z-index: 1;
}

.akn__satir[b-trqp7pu3d7]::after {
    right: 0;
    background: linear-gradient(90deg, transparent 0%, var(--glass-strong) 88%);
}

.akn__satir[b-trqp7pu3d7]::before {
    left: 0;
    background: linear-gradient(270deg, transparent 0%, var(--glass-strong) 88%);
    opacity: 0;
    transition: opacity .16s ease;
}

.akn__satir--kaydirildi[b-trqp7pu3d7]::before { opacity: 1; }

.akn__kaydir[b-trqp7pu3d7]::after {
    content: "";
    flex: 0 0 40px;
}

@media (max-width: 640px) {
    .akn__ib[b-trqp7pu3d7] {
        min-height: 52px;
        padding: 0 .75rem;
    }

    .akn__sk[b-trqp7pu3d7] {
        padding: 0 .75rem;
    }

    .akn__ib--secili .akn__ib-ad[b-trqp7pu3d7] {
        max-width: 11rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .akn__ib[b-trqp7pu3d7],
    .akn__sk[b-trqp7pu3d7],
    .akn__ib-ad[b-trqp7pu3d7] {
        transition: none;
    }
}

.akn[b-trqp7pu3d7] {
    padding-top: 0;
    --akn-hiza: max(var(--akn-yan-dolgu), calc((100% - var(--az-sayfa-max, 1600px)) / 2 + var(--az-sayfa-ic, 8px)));
    --akn-ib-dolgu: 12px;
    --akn-sk-dolgu: 12px;
    --akn-alt-cizgi: 2px;
}

.akn__satir--ikon[b-trqp7pu3d7] {
    background: transparent;
    border-bottom-color: var(--akn-cizgi);
}

.akn__satir--ikon[b-trqp7pu3d7]::after {
    background: linear-gradient(90deg, transparent 0%, var(--glass-strong) 88%);
}

.akn__satir--ikon[b-trqp7pu3d7]::before {
    background: linear-gradient(270deg, transparent 0%, var(--glass-strong) 88%);
}

.akn__satir--ikon .akn__kaydir[b-trqp7pu3d7] {
    align-items: center;
    gap: 2px;
    padding-inline: var(--akn-hiza, var(--akn-yan-dolgu));
}

.akn__satir--ikon .akn__ib[b-trqp7pu3d7] {
    position: relative;
    min-height: 40px;
    min-width: 0;
    padding: 0 var(--akn-ib-dolgu);
    margin-block: 0;
    border-radius: 0;
    color: var(--fg-soft);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.006em;
}

.akn__satir--ikon .akn__ikon svg[b-trqp7pu3d7] {
    width: 17px;
    height: 17px;
}

.akn__satir--ikon .akn__ib .akn__ib-ad[b-trqp7pu3d7] {
    max-width: 16rem;
    margin-left: 8px;
    opacity: 1;
}

.akn__satir--ikon .akn__ib:hover[b-trqp7pu3d7] {
    background: transparent;
    color: var(--fg);
}

.akn__satir--ikon .akn__ib--secili[b-trqp7pu3d7],
.akn__satir--ikon .akn__ib--secili:hover[b-trqp7pu3d7] {
    background: transparent;
    color: var(--brand-strong);
    font-weight: 700;
}

.akn__satir--ikon .akn__ib[b-trqp7pu3d7]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--akn-ray-sonuk);
    transition: background .24s var(--ease-smooth);
}

.akn__satir--ikon .akn__ib:hover[b-trqp7pu3d7]::before,
.akn__satir--ikon .akn__ib--secili[b-trqp7pu3d7]::before {
    background: var(--akn-ray-uzeri);
}

.akn__satir--ikon .akn__ib[b-trqp7pu3d7]::after {
    content: "";
    position: absolute;
    left: var(--akn-ib-dolgu);
    right: var(--akn-ib-dolgu);
    bottom: 0;
    height: var(--akn-alt-cizgi);
    border-radius: 0;
    background: var(--brand-strong);
    opacity: 0;
    transition: opacity .24s var(--ease-smooth), height .24s var(--ease-smooth);
}

.akn__satir--ikon .akn__ib--secili[b-trqp7pu3d7]::after,
.akn__satir--ikon .akn__ib--secili:hover[b-trqp7pu3d7]::after {
    height: var(--akn-alt-cizgi);
    opacity: 1;
}

.akn__satir--sekme[b-trqp7pu3d7] {
    border-bottom-color: var(--line);
}

.akn__satir--sekme .akn__kaydir[b-trqp7pu3d7] {
    position: relative;
    align-items: stretch;
    gap: 2px;
    padding-top: 0;
    padding-inline: var(--akn-hiza, var(--akn-yan-dolgu));
}

.akn__satir--sekme .akn__kaydir[b-trqp7pu3d7]::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(var(--akn-kagit-x, 0px) + var(--akn-sk-cizgi-ic, var(--akn-sk-dolgu)));
    width: calc(var(--akn-kagit-en, 0px) - 2 * var(--akn-sk-cizgi-ic, var(--akn-sk-dolgu)));
    height: var(--akn-alt-cizgi);
    border-radius: 0;
    background: var(--akn-sk-cizgi-renk, var(--brand-strong));
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: left .3s var(--akn-kagit-akis), width .3s var(--akn-kagit-akis);
}

.akn__satir--sekme .akn__kaydir--kagitli[b-trqp7pu3d7]::before { opacity: 1; }

.akn__satir--sekme .akn__kaydir--yerlesiyor[b-trqp7pu3d7]::before { transition: none; }

.akn__satir--sekme .akn__sk[b-trqp7pu3d7] {
    position: relative;
    z-index: 1;
    min-height: var(--akn-sekme-h, 40px);
    padding: 0 var(--akn-sk-dolgu);
    margin-block: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--fg-soft);
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.01em;
    transition: background .24s var(--ease-smooth), color .24s var(--ease-smooth);
}

.akn__satir--sekme .akn__sk[b-trqp7pu3d7]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--akn-ray-sonuk);
    transition: background .24s var(--ease-smooth);
}

.akn__satir--sekme .akn__sk:hover[b-trqp7pu3d7] {
    background: transparent;
    color: var(--fg);
}

.akn__satir--sekme .akn__sk:hover[b-trqp7pu3d7]::before {
    background: var(--akn-ray-uzeri);
}

.akn__satir--sekme .akn__sk--secili[b-trqp7pu3d7],
.akn__satir--sekme .akn__sk--secili:hover[b-trqp7pu3d7] {
    position: relative;
    background: transparent;
    color: var(--brand-strong);
    font-weight: 700;
}

.akn__satir--sekme .akn__sk--secili[b-trqp7pu3d7]::after {
    content: "";
    position: absolute;
    left: var(--akn-sk-cizgi-ic, var(--akn-sk-dolgu));
    right: var(--akn-sk-cizgi-ic, var(--akn-sk-dolgu));
    bottom: 0;
    height: var(--akn-alt-cizgi);
    border-radius: 0;
    background: var(--akn-sk-cizgi-renk, var(--brand-strong));
    z-index: 2;
}

.akn__satir--sekme .akn__kaydir--kagitli .akn__sk--secili[b-trqp7pu3d7]::after { display: none; }

@media (max-width: 640px) {
    .akn[b-trqp7pu3d7] {
        --akn-ib-dolgu: 9px;
        --akn-sk-dolgu: 11px;
    }

    .akn__satir--ikon .akn__ib[b-trqp7pu3d7] {
        min-height: 38px;
        padding: 0 var(--akn-ib-dolgu);
    }

    .akn__satir--ikon .akn__ib:not(.akn__ib--secili) .akn__ib-ad[b-trqp7pu3d7] {
        max-width: 0;
        margin-left: 0;
        opacity: 0;
    }

    .akn__satir--sekme .akn__kaydir[b-trqp7pu3d7] {
        padding-top: 0;
    }

    .akn__satir--sekme .akn__sk[b-trqp7pu3d7] {
        padding: 0 var(--akn-sk-dolgu);
        font-size: 13px;
    }
}

@media (hover: none) and (pointer: coarse) {
    .akn__satir--ikon .akn__ib[b-trqp7pu3d7] {
        min-height: 44px;
    }

    .akn__satir--sekme .akn__kaydir[b-trqp7pu3d7] {
        --akn-sekme-h: 44px;
    }

    .akn__satir--sekme .akn__sk[b-trqp7pu3d7] {
        min-height: var(--akn-sekme-h, 44px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .akn__satir--sekme .akn__sk[b-trqp7pu3d7],
    .akn__satir--sekme .akn__sk[b-trqp7pu3d7]::before,
    .akn__satir--sekme .akn__kaydir[b-trqp7pu3d7]::before,
    .akn__satir--sekme .akn__kaydir[b-trqp7pu3d7]::after,
    .akn__satir--ikon .akn__ib[b-trqp7pu3d7]::before,
    .akn__satir--ikon .akn__ib[b-trqp7pu3d7]::after {
        transition: none;
    }
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine),
       (min-width: 720px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .akn__satir--ikon[b-trqp7pu3d7] {
        display: none;
    }
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine),
       (min-width: 720px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse),
       (max-width: 719px) {
    .akn__satir--sekme[b-trqp7pu3d7] {
        --akn-sk-dolgu: 14px;
        --akn-alt-cizgi: 3px;
        --akn-sk-cizgi-ic: 0px;
        --akn-sk-cizgi-renk: var(--basari);
        --akn-kat-zemin: var(--marka-500);
        --akn-kat-metin: color-mix(in srgb, var(--on-brand) 72%, transparent);
        --akn-kat-metin-uzeri: var(--on-brand);
        --akn-kat-dolgu-uzeri: color-mix(in srgb, var(--on-brand) 6%, transparent);
        --akn-oyuk-zemin: var(--marka-600);
        --akn-oyuk-metin: color-mix(in srgb, var(--on-brand) 74%, transparent);
        --akn-oyuk-metin-uzeri: var(--on-brand);
        --akn-oyuk-dolgu-uzeri: color-mix(in srgb, var(--on-brand) 8%, transparent);
        --akn-oyuk-secili: color-mix(in srgb, var(--on-brand) 20%, transparent);
        --akn-oyuk-govde-golge: inset 0 2px 6px color-mix(in srgb, var(--fg) 34%, transparent);
        --akn-oyuk-kenar-golge: inset 1px 0 0 color-mix(in srgb, var(--fg) 28%, transparent),
                                inset -1px 0 0 color-mix(in srgb, var(--fg) 28%, transparent);
        border-bottom: 0;
        background: var(--akn-kat-zemin);
    }

    .akn__satir--sekme[b-trqp7pu3d7]::after {
        background: linear-gradient(90deg, transparent 0%, var(--akn-kat-zemin) 88%);
    }

    .akn__satir--sekme[b-trqp7pu3d7]::before {
        background: linear-gradient(270deg, transparent 0%, var(--akn-kat-zemin) 88%);
    }

    .akn__satir--sekme .akn__kaydir[b-trqp7pu3d7] {
        padding-left: var(--akn-sekme-sol, var(--akn-hiza, var(--akn-yan-dolgu)));
    }

    .akn__satir--sekme .akn__sk[b-trqp7pu3d7] {
        color: var(--akn-kat-metin);
    }

    .akn__satir--sekme .akn__sk:hover[b-trqp7pu3d7] {
        background: var(--akn-kat-dolgu-uzeri);
        color: var(--akn-kat-metin-uzeri);
    }

    .akn__satir--sekme .akn__sk:focus-visible[b-trqp7pu3d7] {
        outline-color: var(--akn-kat-metin-uzeri);
    }

    .akn__satir--sekme .akn__sk--secili[b-trqp7pu3d7],
    .akn__satir--sekme .akn__sk--secili:hover[b-trqp7pu3d7] {
        background: transparent;
        color: var(--akn-kat-metin-uzeri);
    }
}

.akn__satir--sekme .akn__sk--asama[b-trqp7pu3d7] {
    margin-left: 10px;
    border-left: 1px solid var(--akn-asama-ayrac, color-mix(in srgb, var(--fg) 18%, transparent));
    border-image: linear-gradient(transparent 28%, var(--akn-asama-ayrac, color-mix(in srgb, var(--fg) 18%, transparent)) 28% 72%, transparent 72%) 1;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine),
       (min-width: 720px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse),
       (max-width: 719px) {
    .akn__satir--sekme[b-trqp7pu3d7] {
        --akn-asama-ayrac: color-mix(in srgb, var(--on-brand) 30%, transparent);
    }
}

.akn--tek .akn__satir--sekme[b-trqp7pu3d7] {
    display: none;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine),
       (min-width: 720px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .akn--tek[b-trqp7pu3d7] {
        display: none;
    }
}

/* Dar gezinmede bölüm seçici ve sayfayla kayan alt sayfalar. */
.akn-bolum__btn[b-trqp7pu3d7], .akn-bolum__sayfa[b-trqp7pu3d7], .akn-bolum__perde[b-trqp7pu3d7], .akn-oyuk[b-trqp7pu3d7] { display: none; }
@media (max-width: 719px) {
    .akn__satir--ikon[b-trqp7pu3d7] { display: none; }
    .akn__satir--sekme[b-trqp7pu3d7], .akn--tek .akn__satir--sekme[b-trqp7pu3d7] { display: flex; height: 44px; }
    .akn__satir--sekme .akn__kaydir[b-trqp7pu3d7] { flex: 1; min-width: 0; padding-inline: 0; }
    .akn__satir--sekme .akn__sk[b-trqp7pu3d7] { min-height: 44px; font-size: 14px; }
    .akn--tek .akn__satir--sekme .akn__kaydir[b-trqp7pu3d7] { display: none; }
    .akn__satir--sekme[b-trqp7pu3d7]::before { left: var(--akn-bolum-en, 0px); }
    .akn:has(+ .akn-oyuk)[b-trqp7pu3d7] { margin-bottom: 0; }
    .akn-bolum__btn[b-trqp7pu3d7] {
        display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px;
        max-width: 55%; height: 44px; padding: 0 12px; border: 0;
        border-right: 1px solid color-mix(in srgb, var(--on-brand) 30%, transparent);
        background: var(--marka-500); color: var(--on-brand);
        font: 700 14px var(--font-display); cursor: pointer; position: relative; z-index: 3;
    }
    .akn-bolum__ad[b-trqp7pu3d7] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .akn-bolum__ikon[b-trqp7pu3d7] { display: inline-flex; flex: 0 0 auto; }
    .akn-bolum__ikon svg[b-trqp7pu3d7] { width: 17px; height: 17px; }
    .akn-bolum__btn:focus-visible[b-trqp7pu3d7] { outline: 2px solid var(--on-brand); outline-offset: -3px; }
    .akn-oyuk[b-trqp7pu3d7] {
        display: block; height: 44px; min-width: 0;
        margin-inline: calc(-1 * var(--az-yan, clamp(24px, 4.5vw, 72px)));
        margin-bottom: var(--akn-alt-bosluk);
        background: var(--marka-600);
        --akn-oyuk-govde-golge: inset 0 2px 6px color-mix(in srgb, var(--fg) 34%, transparent);
        box-shadow: var(--akn-oyuk-govde-golge);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizKpi.razor.rz.scp.css */
/* KPI kartı — mock kpi(baslik, deger, alt) karşılığı.

   Kartların İÇERİĞİ tepeden hizalanır ve alt satır kartı büyütmez: bazı
   kartlarda `Alt` var bazılarında yok; hizalama içerik yüksekliğine
   bırakılırsa şerit basamaklanır (2026-08-22 ekran denetimi). */
.ak-kpi[b-d8azsti2mx] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    padding: 16px;
    min-width: 0;
    height: 100%;                 /* ızgara satırını tam doldur */
}
.ak-kpi--vurgu[b-d8azsti2mx] { background: linear-gradient(135deg, var(--glass), var(--glass-strong)); }
.ak-kpi__b[b-d8azsti2mx] {
    font-size: .8125rem;
    color: var(--fg-soft);
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.ak-kpi__d[b-d8azsti2mx] {
    font-size: 1.45rem;
    font-weight: 680;
    color: var(--fg);
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
    /* DEĞER de sarmalı: bileşen kodları ("SDB2.3.SB3.G6") boşluksuz ve uzun,
       1.45rem punto ile kartı taşırıyordu (2026-08-22 ekran görüntüsü).
       Alt metinde bu zaten vardı, değerde unutulmuş. */
    overflow-wrap: anywhere;
}
/* Uzun alt metin ("sırası yükselen · öğrencilerin %13'i") kartı genişletip
   şeridi taşırmasın; sarsın. */
.ak-kpi__alt[b-d8azsti2mx] {
    font-size: .8125rem;
    color: var(--fg-soft);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* Tıklanabilir alt satır — düz metinden ayırt edilebilmeli ama KPI'ı
   gürültüye boğmamalı: renk + üzerine gelince altı çizili. */
.ak-kpi__alt--baglanti[b-d8azsti2mx] {
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
    color: var(--brand-strong);
    cursor: pointer;
    font: inherit;
    font-size: .8125rem;
    min-height: 24px;
}
.ak-kpi__alt--baglanti:hover[b-d8azsti2mx] { text-decoration: underline; }
.ak-kpi__alt--baglanti:focus-visible[b-d8azsti2mx] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: 3px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizModNav.razor.rz.scp.css */
/* Akademik, Beceri ve Alan alt sayfaları aynı lacivert şeridi kullanır.
   Görünüm üst kapsayıcıya bağlı değildir; satır içi ölçüler analiz-mod-satiri.css'tedir. */
.amn[b-8ijvxbxhbm] {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--marka-600);
    box-shadow: none;
}

.amn__kaydir[b-8ijvxbxhbm] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
    height: 44px;
    padding-inline: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.amn__kaydir[b-8ijvxbxhbm]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.amn__sekme[b-8ijvxbxhbm] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .4rem;
    min-height: 44px;
    padding: 0 10px;
    border-radius: 7px;
    background: transparent;
    color: color-mix(in srgb, var(--on-brand) 74%, transparent);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.005em;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease;
}

.amn__sekme:hover[b-8ijvxbxhbm] {
    background: color-mix(in srgb, var(--on-brand) 8%, transparent);
    color: var(--on-brand);
}

.amn__sekme--aktif[b-8ijvxbxhbm],
.amn__sekme--aktif:hover[b-8ijvxbxhbm] {
    background: color-mix(in srgb, var(--on-brand) 20%, transparent);
    color: var(--on-brand);
    font-weight: 600;
    box-shadow: none;
}

.amn__sekme:focus-visible[b-8ijvxbxhbm] {
    outline: 2px solid var(--on-brand);
    outline-offset: -2px;
}

/* Sağlık noktası başarıyı değil veri varlığını gösterir; bilinmiyorsa yeri korunur. */
.amn__nokta[b-8ijvxbxhbm] {
    display: inline-block;
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: transparent;
}
.amn__nokta--dolu[b-8ijvxbxhbm] { background: currentColor; opacity: .5; }
.amn__nokta--bos[b-8ijvxbxhbm] { background: currentColor; opacity: .16; }

.au-gizli[b-8ijvxbxhbm] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .amn__sekme[b-8ijvxbxhbm] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizPanelHost.razor.rz.scp.css */
/* Perde artık gerçek <button> (erişilebilirlik) — tarayıcı buton görünümü sıfırlanır. */
/* ÜSTBARIN ALTINDAN BAŞLAR. Perde de panel de tepeden başlayınca panelin
   başlık şeridi — KAPATMA DÜĞMESİYLE BİRLİKTE — üstbarın altında kalıyordu
   (2026-08-23 ekran görüntüsü: iki pencere açık, ikisinin de ✕'i görünmüyor).
   Üstbarı örtmek ayrıca gezinmeyi de kapatıyordu. */
.ap-perde[b-570j8k29e6] {
  position: fixed;
  inset: var(--topbar-h, 70px) 0 0 0;
  background: var(--scrim);
  backdrop-filter: blur(1.5px);
  z-index: 60;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
/* PENCERE ŞERİDİ — birden çok panel yan yana (2026-08-22 kullanıcı isteği:
   "pencere olarak gözükmesi çok iyi"). Sağdan başlar, sola doğru dizilir;
   sığmazsa yatay kaydırılır (satır atlamaz, çünkü paneller tam yükseklik). */
.ap-pencereler[b-570j8k29e6] {
  position: fixed;
  top: var(--topbar-h, 70px);
  right: 0;
  bottom: 0;
  z-index: 61;
  display: flex;
  flex-direction: row-reverse;   /* en yeni pencere en sağda */
  align-items: stretch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.ap-pencereler--arka[b-570j8k29e6] {
  z-index: 59;
}

.ap-pencereler--arka .ap-panel[b-570j8k29e6] {
  filter: brightness(0.97);
}

.ap-panel[b-570j8k29e6] {
  position: relative;
  flex: 0 0 auto;
  width: min(620px, 88vw);
  background: var(--page-bg);
  border-left: 1px solid var(--line);
  box-shadow: var(--glass-shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: ap-kay-b-570j8k29e6 0.18s ease-out;
}

/* Odaktaki pencere belirgin; diğerleri açık kalır ama geri planda durur.
   Soluklaştırma HAFİF: veri okunabilir kalmalı, karşılaştırma bunun için. */
.ap-panel--odak[b-570j8k29e6] { box-shadow: var(--glass-shadow), -6px 0 0 -3px var(--brand); }
.ap-panel:not(.ap-panel--odak)[b-570j8k29e6] { opacity: .93; }

/* Tek pencere varken eski geniş görünüm korunur. */
.ap-pencereler:has(> .ap-panel:only-child) .ap-panel[b-570j8k29e6] { width: min(980px, 94vw); }

@media (max-width: 900px) {
  /* Dar ekranda yan yana anlamsız: yalnız odaktaki gösterilir. */
  .ap-panel:not(.ap-panel--odak)[b-570j8k29e6] { display: none; }
  .ap-panel--odak[b-570j8k29e6] { width: 94vw; }
}
@keyframes ap-kay-b-570j8k29e6 {
  from {
    transform: translateX(24px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.ap-bas[b-570j8k29e6] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
}
.ap-baslik[b-570j8k29e6] {
  margin: 0;
  font-size: 1.05rem;
  color: var(--fg);
}
.ap-alt[b-570j8k29e6] {
  margin: 2px 0 0;
  font-size: 0.85rem;
  color: var(--muted);
}
.ap-kapat[b-570j8k29e6] {
  background: none;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--muted);
  padding: 4px 9px;
}
.ap-govde[b-570j8k29e6] {
  overflow-y: auto;
  /* Panel dar (620 px); grafik ve geniş tablo sığmayabilir. `.ap-panel`
     `overflow:hidden` olduğu için sığmayan içerik KIRPILIYOR ve kullanıcı
     ona hiçbir şekilde ulaşamıyordu (2026-08-22 ekran görüntüsü: sağdaki
     KPI kartı ve grafiğin sağ yarısı yok). Kırpmak yerine kaydırılsın. */
  overflow-x: auto;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizPanelModal.razor.rz.scp.css */
/* AN-02'nin isteğe bağlı modal katmanı; mevcut çoklu pencere geometrisi korunur. */
.ap-modal[b-wymnybt80b] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--fg);
    overflow: hidden;
}
.ap-modal[b-wymnybt80b]::backdrop { background: var(--scrim); }
.ap-modal[b-wymnybt80b]  .ap-perde { inset: 0; background: transparent; }
.ap-modal[b-wymnybt80b]  .ap-bas { flex-shrink: 0; }
.ap-modal[b-wymnybt80b]  .ap-govde { min-height: 0; overscroll-behavior: contain; }
.ap-modal[b-wymnybt80b]  .ap-kapat { min-width: 44px; min-height: 44px; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizPencere.razor.rz.scp.css */
/* Ortak popup pencere — token'lar; taşı penceresiyle (YerlesimTasiPaneli) aynı görsel dil. */
.apc[b-864z219edp]::backdrop {
    background: var(--scrim);
    backdrop-filter: blur(3px);
}

.apc[b-864z219edp] {
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 10px;
    padding: 18px;
    color: var(--fg);
    /* Cam yüzey yarı saydam: arka plandaki liste metni pencere gövdesinden okunuyordu.
       Tasarım dilinin cam deseni (auth.css kartı) gibi arkayı bulanıklaştırırız. */
    background: var(--glass-hover);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--glass-shadow);
    z-index: 91;
}

.apc--genis[b-864z219edp] {
    width: min(920px, calc(100vw - 32px));
}

.apc:not([open])[b-864z219edp] {
    display: none;
}

.apc__bas[b-864z219edp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.apc__baslik[b-864z219edp] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.apc__baslik:focus-visible[b-864z219edp],
.apc__kapat:focus-visible[b-864z219edp] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.apc__kapat[b-864z219edp] {
    display: inline-grid;
    place-items: center;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill, 999px);
    background: transparent;
    color: var(--fg-soft);
    cursor: pointer;
}

.apc__kapat:hover[b-864z219edp] {
    background: var(--glass-hover);
}

.apc__aciklama[b-864z219edp] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.apc__govde[b-864z219edp] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.apc__eylem[b-864z219edp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--line);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizRehber.razor.rz.scp.css */
/* Spotlight rehberi — boşluk analizi D6.
   Perde TEK bir kutu-gölgesiyle delinir: ikinci bir katman ya da clip-path
   gerekmediği için hedefin üstünde hiçbir şey çizilmez, tıklama da geçmez. */
.ar-perde[b-bqrrp9r7f2] { position: fixed; inset: 0; z-index: 90; background: transparent; }

/* Karartma tek bir kutu-gölgesiyle üretilir: hedefin kutusu delik kalır.
   pointer-events yok — altındaki içerik görünür ve rehber kapanınca hemen
   tıklanabilir; karartmaya tıklamayı .ar-perde yakalar. */
.ar-isik[b-bqrrp9r7f2] {
    position: fixed; z-index: 91; pointer-events: none;
    transition: top .18s var(--ease-smooth), left .18s var(--ease-smooth),
                width .18s var(--ease-smooth), height .18s var(--ease-smooth);
}
.ar-isik[b-bqrrp9r7f2]::before, .ar-isik[b-bqrrp9r7f2]::after {
    content: ""; position: absolute; inset: -6px; border-radius: 12px;
}
.ar-isik[b-bqrrp9r7f2]::before {
    border: 3px solid var(--brand);
    box-shadow: inset 0 0 0 2px var(--yuzey);
    -webkit-mask:
        linear-gradient(var(--brand) 0 0) 0 0 / 18px 18px no-repeat,
        linear-gradient(var(--brand) 0 0) 100% 0 / 18px 18px no-repeat,
        linear-gradient(var(--brand) 0 0) 0 100% / 18px 18px no-repeat,
        linear-gradient(var(--brand) 0 0) 100% 100% / 18px 18px no-repeat;
    mask:
        linear-gradient(var(--brand) 0 0) 0 0 / 18px 18px no-repeat,
        linear-gradient(var(--brand) 0 0) 100% 0 / 18px 18px no-repeat,
        linear-gradient(var(--brand) 0 0) 0 100% / 18px 18px no-repeat,
        linear-gradient(var(--brand) 0 0) 100% 100% / 18px 18px no-repeat;
}
.ar-isik[b-bqrrp9r7f2]::after {
    border: 2px solid var(--accent);
    box-shadow: 0 0 0 1.5px var(--yuzey), inset 0 0 0 1.5px var(--yuzey);
    animation: ar-nabiz-b-bqrrp9r7f2 3.4s var(--ease-smooth) infinite;
}
@keyframes ar-nabiz-b-bqrrp9r7f2 {
    0%   { transform: scale(1);    opacity: .9; }
    55%  { transform: scale(1.14); opacity: 0; }
    100% { transform: scale(1.14); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .ar-isik[b-bqrrp9r7f2]::after { animation: none; opacity: .45; }
}

.ar-balon[b-bqrrp9r7f2] {
    position: fixed; z-index: 92; width: min(320px, calc(100vw - 24px));
    top: min(calc(var(--ar-ust) + 14px), calc(100vh - 248px));
    left: clamp(12px, var(--ar-sol), calc(100vw - 332px));
    padding: 14px; border: 1px solid var(--line); border-radius: 12px;
    background: var(--yuzey);
    box-shadow: 0 24px 54px -20px rgba(2, 6, 23, .62);
}
.ar-balon__sayac[b-bqrrp9r7f2] { margin: 0 0 2px; font-size: .68rem; color: var(--muted); font-variant-numeric: tabular-nums; }
/* CİHAZ (YENI-DIL §1.1): rehber sayacı en az 11 px (§6.2). */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ar-balon__sayac[b-bqrrp9r7f2] { font-size: max(11px, .68rem); }
}
.ar-balon__baslik[b-bqrrp9r7f2] { margin: 0 0 6px; font-size: .92rem; font-weight: 700; color: var(--fg); }
.ar-balon__metin[b-bqrrp9r7f2] { margin: 0 0 12px; font-size: .78rem; line-height: 1.55; color: var(--fg-soft); }
.ar-balon__dip[b-bqrrp9r7f2] { display: flex; gap: 8px; justify-content: flex-end; }

.ar-ac[b-bqrrp9r7f2] {
    flex: 0 0 auto;
    display: inline-grid; place-items: center;
    width: 26px; height: 26px; border-radius: 50%;
    border: 1px solid var(--marka-600); background: var(--marka-600); color: var(--on-brand);
    font-size: .84rem; font-weight: 700; line-height: 1; cursor: pointer;
    box-shadow: 0 6px 14px -8px rgba(32, 49, 136, .9);
}
.ar-ac:hover[b-bqrrp9r7f2] { background: var(--marka-500); border-color: var(--marka-500); }
@media (pointer: coarse) {
    .ar-ac[b-bqrrp9r7f2] { position: relative; }
    .ar-ac[b-bqrrp9r7f2]::after {
        content: ""; position: absolute; left: 50%; top: 50%;
        transform: translate(-50%, -50%); width: 44px; height: 44px;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizSepet.razor.rz.scp.css */
/* Öğrenci sepeti — kenar rayı + boşluklu yan kart (2026-09-17).
   Kullanıcının onayladığı "Boşluklu yan kart" tasarımı.

   Ray BOŞKEN hiç çizilmez, panel AÇIKKEN de durmaz (bkz. AnalizSepet.razor):
   açık panelin kenarında ikinci bir "aç" düğmesi kapatma eylemiyle karışırdı.

   İKİNCİ TUR (2026-09-17, uygulamada bakıldıktan sonra): "ortada değil en
   yukarı başlık kısımlarının orada yer alsın ... iç tasarımı renk olarak
   bizim tasarımımıza uymamış ... mavilik yoğun olmasın, genel sayfa
   tasarımına uydur".
   - Ray KPI şeridinin hizasından (tavan + 180 px) SAYFA BAŞLIĞININ hizasına
     çıktı; panel de aynı çizgiden açılır.
   - "Çizgili beyaz"ın turkuaz rozeti ve nane düğmesi sayfanın hiçbir yerinde
     yoktu. Yerine analiz vitrininin (analiz-vitrin.css) kendi dili geldi:
     sol üst köşesi kesik kart ve düğme, üstte marka şeridi (lacivert →
     turkuaz → yeşil), başlık önünde üçgen işaret, Exo 2 başlık, nötr sayaç.
   - Kartta lacivert DOLGU yalnız asıl eylemde (başlıktaki "İndir" düğmesiyle
     aynı). Zemin beyaz; perde paylaşılan nötr `--scrim` — eski lacivert perde
     açılınca bütün sayfayı maviye boyuyordu.

   ÜÇÜNCÜ TUR (2026-09-17): "sağdan sola alalım". Ray ve kart SOLA geçti.
   Geniş ekranda mod sayfalarının solunda lacivert menü (`.amn`) var: ray
   menünün kenarına yaslanır, kart içerik sütununun sol kenarından (başlık
   kartıyla aynı köşeden) açılır, menünün üstüne binmez. TELEFONDA ray SAĞDA
   kalır: orada geri düğmesi, "İndir" ve alan etiketleri ekranın sol iç
   kenarından başlıyor, soldaki ray onları örtüyordu (390 px'te ölçüldü); sağda
   başlığın yanı boş.

   DÖRDÜNCÜ TUR (2026-09-17): "belirgin bir renk mi kullansak, beyazı
   kullanıcılar seçemeyebilir". Beyaz ray başlık kartının bir parçası gibi
   okunuyordu; ray dolgu renge geçti (önce petrol denendi).

   ALTINCI TUR (2026-09-17): renk seçenekleri (petrol, koyu yeşil,
   petrol→yeşil, beyaz + çerçeve, turkuaz,
   lacivert) gerçek sayfa üstünde karşılaştırıldı; kullanıcı 6'yı seçti: ray
   LACİVERT, asıl eylemle aynı token. Masaüstünde lacivert menüye yaslıyken
   onunla aynı renkte olduğu vitrinde görülerek seçildi.

   `--anv-*`/`--agv-*` token'ları `.au-page.analiz-vitrin`e kapsamlı; sepet
   sayfanın DIŞINDA çizildiği için (AnalizSayfa.razor) onlara erişemez. Aynı
   değerler global token'lardan kurulur — hex yazılmaz. */

.as-rozet[b-np23vm4jb4], .as-perde[b-np23vm4jb4], .as-panel[b-np23vm4jb4] {
    --as-kabuk: var(--yuzey);
    --as-dip: var(--yuzey-alt);
    --as-hat: var(--yuzey-cizgi);
    --as-hat-koyu: var(--yuzey-cizgi-koyu);
    --as-hat-ince: color-mix(in srgb, var(--yuzey-cizgi) 65%, var(--yuzey));
    --as-hat-uzeri: color-mix(in srgb, var(--marka-500) 40%, var(--yuzey-cizgi-koyu));
    --as-baslik: var(--marka-700);
    --as-metin: var(--fg);
    --as-soluk: var(--muted);
    --as-uzeri: color-mix(in srgb, var(--fg) 3%, var(--yuzey));
    --as-notr: color-mix(in srgb, var(--fg) 6%, var(--yuzey));
    /* Vitrinin `--anv-serit` / `--anv-uc` karşılığı. */
    --as-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
    --as-uc: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
    --as-dolu: var(--marka-600);
    --as-dolu-uzeri: var(--marka-500);
    --as-dolu-metin: var(--on-brand);
    /* Ray dolgusu: asıl eylemle ve başlıktaki "İndir"le aynı lacivert (vitrin
       seçimi 6). Beyaz yazı 11,3:1. */
    --as-ray: var(--as-dolu);
    --as-ray-uzeri: var(--as-dolu-uzeri);
    --as-ray-metin: var(--as-dolu-metin);
    --as-odak: var(--marka-500);
    --as-tehlike: var(--danger-metin);
    --as-tehlike-zemin: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
    --as-tehlike-cizgi: color-mix(in srgb, var(--danger-metin) 28%, var(--yuzey));
    --as-golge: 0 1px 0 color-mix(in srgb, var(--fg) 4%, transparent),
                0 28px 56px -28px color-mix(in srgb, var(--fg) 42%, transparent);
    /* Kesik köşe: sayfadaki kartların ve düğmelerin imzası (`3px 9px 9px 9px`). */
    --as-kose: 3px;
    /* Ray ve panelin tavanı = sayfa başlık kartının üst kenarı: üst bar +
       katman şeridi + gövde boşluğu. Şerit yüksekliği ve gövde boşluğu yalnız
       geniş/işaretçili ekranda tanımlı (analiz.css :root, 40 + 24 px); başka
       yerde iki satırlık şeridin yedek değeri geçerli — `--amn-yigin` ile
       aynı hesap. Telefon/tablet tavanı cihaz.css'te ayrıca yazılı. */
    --as-ust: calc(var(--topbar-h, 60px) + var(--akn-yigin, 84px) + var(--amn-govde-ust, 16px));
    /* Rayın yaslandığı sol çizgi: sol menü yoksa ekranın kenarı. */
    --as-sol: 0px;
    --as-kenar-bosluk: 22px;
}

/* Sol menü ızgarası analiz.css'te AYNI medya koşuluyla kurulur; koşul orada
   değişirse burası da değişmeli, yoksa ray menünün üstüne biner. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    body:has(.au-page.az-sayfa > .amn) .as-rozet[b-np23vm4jb4],
    body:has(.au-page.az-sayfa > .amn) .as-panel[b-np23vm4jb4] {
        --as-sol: var(--amn-kolon, 236px);
        --as-kenar-bosluk: var(--amn-kolon-ara, 24px);
    }
}

/* ── Ray: panel kapalıyken sol kenarda, başlık hizasında dikey sekme ─── */
.as-rozet[b-np23vm4jb4] {
    position: fixed; left: var(--as-sol); top: var(--as-ust); z-index: 55;
    display: inline-flex; align-items: center; gap: 10px;
    writing-mode: vertical-rl;
    padding: 16px 10px 12px;
    border: 0;
    border-radius: 0 var(--as-kose) 14px 0;
    background: var(--as-ray); color: var(--as-ray-metin);
    font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .12em;
    box-shadow: 10px 0 24px -14px color-mix(in srgb, var(--marka-700) 55%, transparent);
    cursor: pointer;
    transition: padding .16s var(--ease-smooth), background .16s var(--ease-smooth);
}
/* Üzerine gelince sekme kenardan birkaç piksel dışarı çıkar. */
.as-rozet:hover[b-np23vm4jb4] { padding-right: 13px; background: var(--as-ray-uzeri); }
.as-rozet:focus-visible[b-np23vm4jb4] { outline: 2px solid var(--as-ray); outline-offset: 2px; }
.as-rozet__ad[b-np23vm4jb4] { text-transform: uppercase; }
/* Sayı dikey yazıya dönmez — rakamı yan yatırmak okunmazdı. */
.as-rozet__sayi[b-np23vm4jb4], .as-rozet__diger[b-np23vm4jb4] { writing-mode: horizontal-tb; letter-spacing: 0; }
.as-rozet__sayi[b-np23vm4jb4] {
    display: inline-grid; place-items: center;
    min-width: 22px; height: 22px; padding: 0 6px;
    border-radius: var(--as-kose) 8px 8px 8px;
    background: var(--yuzey); color: var(--as-ray);
    font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums;
}
/* Rayda "başka sepetlerde de var" işareti. */
.as-rozet__diger[b-np23vm4jb4] { font-size: 10.5px; font-weight: 700; color: var(--as-ray-metin); }

/* ── Perde + yan kart ─────────────────────────────────────────────────── */
.as-perde[b-np23vm4jb4] {
    position: fixed; inset: 0; z-index: 56;
    background: var(--scrim);
}

/* Kenara yapışmaz: yandan ve alttan boşluk bırakan, tam boy yüzen kart.
   Köşeler ve üst şerit sayfadaki bölüm kartıyla (`.azb`) aynı. */
.as-panel[b-np23vm4jb4] {
    position: fixed; z-index: 57;
    top: var(--as-ust); left: calc(var(--as-sol) + var(--as-kenar-bosluk)); bottom: var(--as-kenar-bosluk);
    width: min(392px, calc(100vw - var(--as-sol) - 2 * var(--as-kenar-bosluk)));
    display: flex; flex-direction: column; overflow: hidden;
    border: 1px solid var(--as-hat);
    border-radius: var(--as-kose) var(--as-kose) 22px 22px;
    background: var(--as-kabuk);
    box-shadow: var(--as-golge);
}
.as-panel[b-np23vm4jb4]::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; z-index: 2;
    background: var(--as-serit);
}

.as-panel__bas[b-np23vm4jb4] {
    flex: 0 0 auto; display: flex; align-items: center; gap: 10px;
    padding: 19px 16px 14px 20px;
    border-bottom: 1px solid var(--as-hat-ince);
}
/* Sepet sekmeleri başlığın hemen altındaysa çizgiyi sekmeler çeker. */
.as-panel__bas:has(+ .as-sepetler)[b-np23vm4jb4] { border-bottom: 0; padding-bottom: 6px; }
.as-panel__baslik[b-np23vm4jb4] {
    display: inline-flex; align-items: center;
    font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -.012em;
    color: var(--as-baslik);
}
/* Bölüm kartı başlıklarındaki üçgen işaret. */
.as-panel__baslik[b-np23vm4jb4]::before {
    content: ""; flex: 0 0 auto; width: 13px; height: 13px; margin-right: 9px;
    background: var(--as-uc); clip-path: polygon(0 0, 100% 0, 0 100%);
}
.as-panel__sayi[b-np23vm4jb4] {
    display: inline-grid; place-items: center;
    min-width: 24px; height: 22px; padding: 0 7px; margin-right: auto;
    border-radius: var(--as-kose) 8px 8px 8px;
    background: var(--as-notr); color: var(--as-baslik);
    font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.as-kapat[b-np23vm4jb4] {
    display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0;
    border: 1px solid var(--as-hat-koyu); border-radius: var(--as-kose) 9px 9px 9px;
    background: var(--as-kabuk); color: var(--as-baslik); cursor: pointer;
}
.as-kapat:hover[b-np23vm4jb4] { border-color: var(--as-hat-uzeri); background: var(--as-uzeri); }
.as-kapat:focus-visible[b-np23vm4jb4] { outline: 2px solid var(--as-odak); outline-offset: 2px; }

/* ── Çoklu isimli sepet (#78) ──────────────────────────────────────────
   Sekmeler panelin başında: hangi sepette olduğun, ne yaptığından önce
   görünmeli. Seçim marka şeridinden alt çizgi — dolgu değil. Sayı adın
   yanında durur ki boş sepet ayırt edilsin. */
.as-sepetler[b-np23vm4jb4] {
    flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 0 6px;
    padding: 0 16px 0 14px; border-bottom: 1px solid var(--as-hat-ince);
}
.as-sepet[b-np23vm4jb4] {
    position: relative; display: inline-flex; align-items: center; gap: 7px;
    height: 38px; padding: 0 6px;
    border: 0; background: transparent; cursor: pointer;
    font: inherit; font-size: 12.5px; font-weight: 600; color: var(--as-soluk);
}
.as-sepet:hover[b-np23vm4jb4] { color: var(--as-baslik); }
.as-sepet:focus-visible[b-np23vm4jb4] { outline: 2px solid var(--as-odak); outline-offset: -2px; border-radius: var(--as-kose) 8px 8px 8px; }
.as-sepet--aktif[b-np23vm4jb4] { color: var(--as-baslik); }
.as-sepet--aktif[b-np23vm4jb4]::after {
    content: ""; position: absolute; left: 6px; right: 6px; bottom: -1px; height: 3px;
    border-radius: 3px 3px 0 0; background: var(--as-serit);
}
.as-sepet__n[b-np23vm4jb4] {
    display: inline-grid; place-items: center;
    min-width: 20px; height: 18px; padding: 0 5px;
    border-radius: var(--as-kose) 7px 7px 7px;
    background: var(--as-notr); color: var(--as-soluk);
    font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.as-sepet--aktif .as-sepet__n[b-np23vm4jb4] { background: color-mix(in srgb, var(--fg) 10%, var(--yuzey)); color: var(--as-baslik); }

.as-yeni[b-np23vm4jb4] { flex: 0 0 auto; display: flex; gap: 6px; align-items: center; padding: 12px 16px 0 20px; }
.as-yeni .au-input[b-np23vm4jb4] {
    flex: 1 1 auto; min-width: 0; height: 34px;
    border: 1px solid var(--as-hat-koyu); border-radius: var(--as-kose) 9px 9px 9px;
    background: var(--as-kabuk);
}
.as-yeni .au-btn[b-np23vm4jb4] {
    height: 34px; padding: 0 12px;
    border: 1px solid var(--as-hat-koyu); border-radius: var(--as-kose) 9px 9px 9px;
    background: var(--as-kabuk); color: var(--as-baslik);
}
.as-yeni .au-btn:not(.au-btn--ghost)[b-np23vm4jb4] { border-color: var(--as-dolu); background: var(--as-dolu); color: var(--as-dolu-metin); }

/* Girdi hatası tonunda: "bir şey bozuldu" değil, "bu ad olmaz". */
.as-sepet-hata[b-np23vm4jb4] { flex: 0 0 auto; margin: 8px 16px 0 20px; font-size: 12px; color: var(--analiz-dikkat-metin); }

/* ── Liste ───────────────────────────────────────────────────────────── */
.as-panel__govde[b-np23vm4jb4] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 0 8px; scrollbar-width: thin; }
.as-satir[b-np23vm4jb4] { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 14px 6px 20px; font-size: 13.5px; }
.as-satir + .as-satir[b-np23vm4jb4] { border-top: 1px solid var(--as-hat-ince); }
.as-satir:hover[b-np23vm4jb4] { background: var(--as-uzeri); }
.as-satir__ad[b-np23vm4jb4] {
    flex: 1 1 auto; min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-weight: 500; color: var(--as-metin);
}
.as-satir__meta[b-np23vm4jb4] {
    flex: 0 1 auto; min-width: 0; max-width: 45%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 12px; color: var(--as-soluk); font-variant-numeric: tabular-nums;
}
.as-satir__sil[b-np23vm4jb4] {
    display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0;
    border: 1px solid var(--as-hat-ince); border-radius: var(--as-kose) 8px 8px 8px;
    background: var(--as-kabuk); color: var(--as-soluk); cursor: pointer;
}
.as-satir__sil:hover[b-np23vm4jb4] { border-color: var(--as-tehlike-cizgi); background: var(--as-tehlike-zemin); color: var(--as-tehlike); }
.as-satir__sil:focus-visible[b-np23vm4jb4] { outline: 2px solid var(--as-odak); outline-offset: 2px; }

/* Satır içi taşıma seçici — dar, adın yanında, sil düğmesinden önce. */
.as-satir__tasi[b-np23vm4jb4] { flex: 0 0 auto; max-width: 96px; }
.as-satir__tasi[b-np23vm4jb4]  .app-input {
    font: inherit; font-size: 12px; width: 100%;
    height: 28px; min-height: 0; padding: 0 22px 0 8px;
    border: 1px solid var(--as-hat); border-radius: var(--as-kose) 8px 8px 8px;
    background: var(--as-kabuk); color: var(--as-soluk);
}
.as-satir__tasi[b-np23vm4jb4]  .app-select__caret { right: 5px; }

/* ── Dip: eylemler ───────────────────────────────────────────────────── */
/* Çoklu sepetin dört düğmesi tek satıra sığacak kadar sıkı: 378 px'lik tablet
   kartında (340 px iç) 12 px dolgu + 8 px aralıkla 349 px tutuyor, "Sepeti
   boşalt" tek başına alt satıra düşüp yıkıcı çifti bölüyordu (ölçüldü). */
.as-panel__dip[b-np23vm4jb4] {
    flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px;
    padding: 14px 16px 16px 20px;
    border-top: 1px solid var(--as-hat); background: var(--as-dip);
}
.as-panel__dip .au-btn[b-np23vm4jb4] {
    display: inline-flex; align-items: center; justify-content: center;
    height: 34px; padding: 0 10px;
    border: 1px solid var(--as-hat-koyu); border-radius: var(--as-kose) 9px 9px 9px;
    background: var(--as-kabuk); color: var(--as-baslik);
    font-size: 12.5px; font-weight: 600; white-space: nowrap; flex-shrink: 0;
}
.as-panel__dip .au-btn:hover:not(:disabled)[b-np23vm4jb4] { border-color: var(--as-hat-uzeri); background: var(--as-uzeri); color: var(--as-baslik); }
.as-panel__dip .au-btn:focus-visible[b-np23vm4jb4] { outline: 2px solid var(--as-odak); outline-offset: 2px; }
/* Yıkıcı eylemler iyi huylulardan AYRIŞIR (vitrin borcu D3) ve satırın sağına
   yaslanır: "↓ CSV" ile "Sepeti boşalt" yan yana aynı görünmez. */
.as-panel__dip .as-dugme--yikici[b-np23vm4jb4] { border-color: var(--as-tehlike-cizgi); color: var(--as-tehlike); }
.as-panel__dip .as-dugme--yikici:hover:not(:disabled)[b-np23vm4jb4] { border-color: var(--as-tehlike); background: var(--as-tehlike-zemin); color: var(--as-tehlike); }
.as-panel__dip .au-btn:not(.as-dugme--yikici) + .as-dugme--yikici[b-np23vm4jb4] { margin-left: auto; }
/* Asıl eylem son satırı tek başına kaplar — sepetin "şimdi ne yapayım"
   cevabı. Sayfa başlığındaki "İndir" ile aynı lacivert. */
.as-panel__dip .as-dugme--asil[b-np23vm4jb4] {
    flex: 1 0 100%; height: 40px;
    border-color: var(--as-dolu); background: var(--as-dolu); color: var(--as-dolu-metin);
    font-size: 13.5px;
}
.as-panel__dip .as-dugme--asil:hover:not(:disabled)[b-np23vm4jb4] { border-color: var(--as-dolu-uzeri); background: var(--as-dolu-uzeri); color: var(--as-dolu-metin); }

/* ── Hareket (2026-09-17, beşinci tur: "açılış animasyonu ekleyelim") ────
   Dil sayfadaki panellerle aynı: kısa, `--ease-smooth`, küçük kayma + solma
   (AnalizPanelHost `ap-kay`, SayfaPanelHost `sp-ac`).
   - Kart rayın tarafından, rayın köşesinden büyüyerek gelir. Kabuk 90 ms'de
     opaklaşır, içindekiler ondan SONRA 20 ms arayla sırayla belirir
     (6. satırdan sonrası birlikte): kabuk yarı saydamken yazı başlasaydı
     arkadaki sayfa yazısıyla üst üste okunurdu (ara karelerde görüldü).
   - Ray kenarın ALTINDAN çıkar: kayma kadar kırpılır, menünün üstünde
     görünmez. Kart kapanınca da yerine böyle döner.
   - Kapanış hareketsiz: Blazor kartı DOM'dan hemen kaldırır, CSS'in
     canlandıracağı bir çıkış anı yok.
   `prefers-reduced-motion` aurora.css'te genel olarak sıfırlanır. */
.as-rozet[b-np23vm4jb4] { animation: as-ray-soldan-b-np23vm4jb4 .3s var(--ease-smooth) 60ms backwards; }
.as-perde[b-np23vm4jb4] { animation: as-belir-b-np23vm4jb4 .2s var(--ease-smooth) both; }
/* Solma kaymadan AYRI ve kısa (gerekçe yukarıda). */
.as-panel[b-np23vm4jb4] {
    transform-origin: left top;
    animation: as-kart-soldan-b-np23vm4jb4 .26s var(--ease-smooth) both, as-belir-b-np23vm4jb4 .09s linear both;
}
.as-panel__bas[b-np23vm4jb4], .as-sepetler[b-np23vm4jb4], .as-yeni[b-np23vm4jb4], .as-sepet-hata[b-np23vm4jb4], .as-satir[b-np23vm4jb4], .as-panel__dip[b-np23vm4jb4] {
    animation: as-ic-belir-b-np23vm4jb4 .2s var(--ease-smooth) 90ms both;
}
.as-satir[b-np23vm4jb4] { animation-delay: 100ms; }
.as-satir:nth-child(2)[b-np23vm4jb4] { animation-delay: 120ms; }
.as-satir:nth-child(3)[b-np23vm4jb4] { animation-delay: 140ms; }
.as-satir:nth-child(4)[b-np23vm4jb4] { animation-delay: 160ms; }
.as-satir:nth-child(5)[b-np23vm4jb4] { animation-delay: 180ms; }
.as-satir:nth-child(n+6)[b-np23vm4jb4] { animation-delay: 200ms; }
.as-panel__dip[b-np23vm4jb4] { animation-delay: 150ms; }

@keyframes as-ray-soldan-b-np23vm4jb4 {
    from { transform: translateX(-100%); clip-path: inset(0 0 0 100%); }
    to { transform: none; clip-path: inset(0); }
}
@keyframes as-ray-sagdan-b-np23vm4jb4 {
    from { transform: translateX(100%); clip-path: inset(0 100% 0 0); }
    to { transform: none; clip-path: inset(0); }
}
@keyframes as-belir-b-np23vm4jb4 {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes as-kart-soldan-b-np23vm4jb4 {
    from { transform: translateX(-24px) scale(.98); }
    to { transform: none; }
}
@keyframes as-kart-sagdan-b-np23vm4jb4 {
    from { transform: translateX(24px) scale(.98); }
    to { transform: none; }
}
@keyframes as-ic-belir-b-np23vm4jb4 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

/* ── Telefon bandı (cihaz.css "1 · TELEFON BANDI" ile aynı koşul) ──────── */
@media (max-width: 640px) {
    /* Ray sağa döner (gerekçe dosya başında); kartın tarafı cihaz.css'te.
       Hareket de aynalanır: ray sağ kenardan çıkar, kart sağdan gelir. */
    .as-rozet[b-np23vm4jb4] {
        left: auto; right: 0;
        border-radius: var(--as-kose) 0 0 14px;
        box-shadow: -10px 0 24px -14px color-mix(in srgb, var(--marka-700) 55%, transparent);
        animation: as-ray-sagdan-b-np23vm4jb4 .3s var(--ease-smooth) 60ms backwards;
    }
    .as-panel[b-np23vm4jb4] {
        transform-origin: right top;
        animation: as-kart-sagdan-b-np23vm4jb4 .26s var(--ease-smooth) both, as-belir-b-np23vm4jb4 .09s linear both;
    }

    .as-panel__dip[b-np23vm4jb4] { padding: 12px 14px 14px 16px; }
    .as-panel__dip .au-btn[b-np23vm4jb4] { padding: 0 8px; }
}
/* 360-389 px telefonlarda kart 304-333 px iç genişliğe iner. */
@media (max-width: 389px) {
    .as-panel__dip[b-np23vm4jb4] { column-gap: 5px; }
    .as-panel__dip .au-btn[b-np23vm4jb4] { padding: 0 7px; font-size: 12px; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizSeviyeAyari.razor.rz.scp.css */
/* Seviye eşiği ayarı — filtre çubuğunda küçük bir düğme + açılır panel. */
.ase[b-0c3ovbitae] { position: relative; display: inline-flex; }

.ase__ac[b-0c3ovbitae] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 11px; border: 1px solid var(--line); border-radius: 999px;
    background: var(--glass); color: var(--muted);
    font-size: .78rem; cursor: pointer;
    transition: border-color .15s, color .15s;
}
.ase__ac:hover[b-0c3ovbitae] { border-color: var(--brand); color: var(--brand-strong); }
/* Varsayılandan sapıldığında düğme "özel ayar var" der — kullanıcı neden
   başkasının ekranından farklı gördüğünü anlasın. */
.ase__ac--ozel[b-0c3ovbitae] { border-color: var(--accent); color: var(--accent-metin); }
.ase__rozet[b-0c3ovbitae] { font-weight: 700; font-variant-numeric: tabular-nums; }

.ase__perde[b-0c3ovbitae] { position: fixed; inset: 0; z-index: 58; }
.ase__panel[b-0c3ovbitae] {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 59;
    width: min(320px, calc(100vw - 32px));
    display: flex; flex-direction: column; gap: 10px;
    padding: 14px; border: 1px solid var(--line); border-radius: 12px;
    background: var(--glass);
    box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .4);
    max-height: var(--acilir-en-cok-yukseklik, none);
    overflow-y: auto;
    overscroll-behavior: contain;
}
.ase__panel.acilir--yukari[b-0c3ovbitae] { top: auto; bottom: calc(100% + 8px); }
.ase__aciklama[b-0c3ovbitae] { margin: 0; font-size: .76rem; line-height: 1.5; color: var(--muted); }

.ase__onizleme[b-0c3ovbitae] { display: flex; height: 10px; border-radius: 999px; overflow: hidden; }
.ase__dilim[b-0c3ovbitae] { display: block; }
.ase__dilim--dikkat[b-0c3ovbitae] { background: var(--analiz-dikkat, #d97706); }
.ase__dilim--orta[b-0c3ovbitae] { background: var(--analiz-orta, #8b5cf6); }
.ase__dilim--iyi[b-0c3ovbitae] { background: var(--analiz-iyi, #0891b2); }
.ase__olcek[b-0c3ovbitae] {
    display: flex; justify-content: space-between;
    font-size: .7rem; color: var(--muted); font-variant-numeric: tabular-nums;
}

.ase__alan[b-0c3ovbitae] { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; align-items: center; font-size: .78rem; color: var(--fg-soft); }
.ase__alan input[b-0c3ovbitae] { grid-column: 1 / -1; width: 100%; accent-color: var(--accent); }
.ase__alan b[b-0c3ovbitae] { font-variant-numeric: tabular-nums; color: var(--fg); }

.ase__dip[b-0c3ovbitae] { display: flex; justify-content: space-between; gap: 8px; }

/* Yardımcı panel başlığı yalnız telefon alt sayfasında görünür. */
.yardimci-sheet-baslik[b-0c3ovbitae] { display: none; }

/* AN-09 opt-in: aynı ayar formu, native dialog içinde. */
.ase.ase--modal[b-0c3ovbitae]  .ase__panel.ase__panel--modal {
    position: fixed; inset: 50% auto auto 50%; transform: translate(-50%, -50%);
    width: min(440px, calc(100vw - 32px)); max-width: none;
    max-height: calc(100dvh - 32px); margin: 0; padding: 16px;
    border: 1px solid var(--hat-kart); border-radius: var(--kose-kart);
    background: var(--yuzey); color: var(--metin-murekkep); animation: none;
    box-sizing: border-box; overflow-y: auto;
}
.ase.ase--modal[b-0c3ovbitae]  .ase__panel--modal::before { display: none; }
.ase.ase--modal[b-0c3ovbitae]  .yardimci-sheet-baslik {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    position: sticky; top: -16px; z-index: 1; padding-block: 8px;
    background: var(--yuzey); color: var(--marka-700); font-size: 15px;
}
.ase.ase--modal[b-0c3ovbitae]  .ustbar-sheet-kapat { min-width: 44px; min-height: 44px; }
.ase.ase--modal[b-0c3ovbitae]  .yardimci-sheet-baslik > span { display: inline; font-weight: 700; }
.ase.ase--modal[b-0c3ovbitae]  .ase__dip {
    position: sticky; bottom: -16px; padding-block: 8px;
    flex-wrap: wrap; background: var(--yuzey);
}
.ase.ase--modal[b-0c3ovbitae]  .ase__aciklama,
.ase.ase--modal[b-0c3ovbitae]  .ase__alan,
.ase.ase--modal[b-0c3ovbitae]  .ase__olcek { font-size: 12px; }
.ase.ase--modal[b-0c3ovbitae]  .ase__dip .au-btn { min-height: 44px; }
.ase.ase--modal[b-0c3ovbitae]  .ase__dip .au-btn:not(.au-btn--ghost) { background: var(--marka-700); color: var(--on-brand); border-color: var(--marka-700); }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizSuzgecPili.razor.rz.scp.css */
/* Şerit seçim olmasa da yer kaplar: pill belirdiğinde aşağıdaki tablo
   zıplamaz. Yükseklik pill'in kendi yüksekliğine sabitlenir. */
.asp-serit[b-q30tk88az5] {
    display: flex;
    align-items: center;
    min-height: 30px;
    margin: 6px 0 8px;
}

.asp-ipucu[b-q30tk88az5] { font-size: .78rem; color: var(--muted); }

/* Pill dili AnalizFiltre ile aynı: nokta her durumda yer kaplar, boyut
   ve font ağırlığı seçimle DEĞİŞMEZ. */
.asp-pill[b-q30tk88az5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border: 1px solid var(--brand);
    border-radius: 999px;
    background: var(--brand);
    color: var(--on-brand);
    font-size: .78rem;
    font-weight: 500;
    cursor: pointer;
}

.asp-pill__nokta[b-q30tk88az5] {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.asp-pill__x[b-q30tk88az5] { opacity: .75; font-size: .72rem; }
.asp-pill:hover .asp-pill__x[b-q30tk88az5] { opacity: 1; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizTablo.razor.rz.scp.css */
.at-kap[b-i3uaam31ch] {
  overflow-x: auto;
  --at-bas-zemin: var(--marka-500);
  --at-bas-rampa: var(--marka-rampa-serit);
  --at-bas-metin: var(--on-brand);
  --at-cift-satir: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  --at-hat-ince: color-mix(in srgb, var(--marka-500) 12%, transparent);
}

/* SANALLAŞTIRILMIŞ TABLO — kendi kaydırma kabı.
   `Virtualize` DOM'u sınırlamak için YÜKSEKLİĞİ SINIRLI bir kaydırma atası
   ister. Böyle bir ata yoksa kaydırma kökü BELGENİN KENDİSİ olur: sayfa tüm
   satırlar kadar uzar, görünen pencere devasa büyür ve tarayıcı fiilen her
   satırı çizer. Kullanıcı 2026-08-22: "bütün öğrenciler ekranda yazı olarak,
   pagination yok" — tam sayfa ekran görüntüsü 15 MB çıkıyordu.
   Kap sınırlanınca hem DOM hem sayfa yüksekliği sabit kalır. */
.at-kap--sanal[b-i3uaam31ch] {
  max-height: 70vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
/* Başlık kaydırırken görünür kalsın — 500 satırlık listede sütun adını
   kaybetmek tabloyu okunmaz yapar. */
.at-kap--sanal thead th[b-i3uaam31ch] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: transparent;
}
.at-tablo[b-i3uaam31ch] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.at-tablo th[b-i3uaam31ch],
.at-tablo td[b-i3uaam31ch] {
  padding: 8px 13px;
  text-align: left;
  color: var(--fg);
  white-space: nowrap;
}
.at-tablo thead[b-i3uaam31ch] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--at-bas-rampa);
  border-radius: 2px 12px 0 0;
}
.at-tablo th[b-i3uaam31ch] {
  position: sticky;
  top: 0;
  background: transparent;
  color: var(--at-bas-metin);
  font-weight: 700;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  border-bottom: none;
}
.at-tablo:has(thead .at-sabit) thead[b-i3uaam31ch] { background: var(--at-bas-zemin); }
.at-tablo th:first-child[b-i3uaam31ch] { border-top-left-radius: 2px; }
.at-tablo th:last-child[b-i3uaam31ch] { border-top-right-radius: 12px; }

.at-tablo td[b-i3uaam31ch] {
  border-top: 1px solid var(--at-hat-ince);
  font-variant-numeric: tabular-nums;
}
.at-tablo tbody tr:nth-child(even)[b-i3uaam31ch] { background: var(--at-cift-satir); }

.at-tablo th .at-ipucu__ac[b-i3uaam31ch] { color: inherit; margin-inline: -12px; }
.at-tablo th .at-ipucu__ikon[b-i3uaam31ch] { border-color: color-mix(in srgb, var(--on-brand) 55%, transparent); }
.at-tablo th .at-ipucu__ac:hover[b-i3uaam31ch],
.at-tablo th .at-ipucu__ac[aria-expanded="true"][b-i3uaam31ch] { color: var(--at-bas-metin); }
.at-tablo th .at-ipucu__ac:hover .at-ipucu__ikon[b-i3uaam31ch],
.at-tablo th .at-ipucu__ac[aria-expanded="true"] .at-ipucu__ikon[b-i3uaam31ch] { border-color: var(--on-brand); }
.at-tablo th .at-ipucu__balon[b-i3uaam31ch] {
  background: var(--yuzey);
  color: var(--fg-soft);
}
@media (hover: none) and (pointer: coarse) {
  body.edulive-cihaz .at-tablo th .at-ipucu__ac[b-i3uaam31ch] { margin-inline: -4px; }
}
.at-tablo th .at-sirala-btn:focus-visible[b-i3uaam31ch] { outline-color: var(--on-brand); }
.at-sirala[b-i3uaam31ch] {
  cursor: pointer;
  user-select: none;
}
/* Sıralama düğmesi başlık görünümünü aynen sürdürür — erişilebilirlik için gerçek <button>. */
.at-sirala-btn[b-i3uaam31ch] {
  all: unset;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}
.at-sirala-btn:focus-visible[b-i3uaam31ch] {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: 4px;
}
.at-sag[b-i3uaam31ch] {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}
.at-tablo td.at-isi[b-i3uaam31ch] {
  background: var(--at-isi-renk, transparent);
  font-weight: 700;
  color: var(--fg);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--yuzey) 55%, transparent);
}
.at-tablo tbody tr:nth-child(even) td.at-isi[b-i3uaam31ch],
.at-tablo tbody tr.at-tikla:hover td.at-isi[b-i3uaam31ch] {
  background: var(--at-isi-renk, transparent);
}
.at-tikla[b-i3uaam31ch] {
  cursor: pointer;
}
.at-tablo tbody tr.at-tikla:hover[b-i3uaam31ch],
.at-tablo tbody tr.at-tikla:hover .at-sabit[b-i3uaam31ch] {
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  box-shadow: inset 3px 0 0 var(--at-bas-zemin);
}
.at-bos[b-i3uaam31ch] {
  text-align: center;
  color: var(--muted);
  padding: 18px !important;
}
.at-dip[b-i3uaam31ch] {
  font-size: 0.78rem;
  color: var(--muted);
  padding: 8px 12px;
}
.at-rozet[b-i3uaam31ch] {
  display: inline-block;
  border-radius: 999px;
  padding: 1px 8px;
  font-size: 0.75rem;
  font-weight: 600;
}
/* `--analiz-*-metin` KART zeminine göre hesaplanmıştı; rozetin kendi renkli
   zemininde 4,25 / 4,29 kalıyordu (ölçüm 2026-08-23). Rozete özel koyu eş. */
.at-rozet--iyi[b-i3uaam31ch] {
  background: var(--analiz-iyi-acik);
  color: var(--analiz-iyi-rozet-metin);
}
.at-rozet--dikkat[b-i3uaam31ch] {
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-rozet-metin);
}
.at-rozet--notr[b-i3uaam31ch] {
  background: var(--glass);
  color: var(--muted);
}

/* --- Kolon ipucu (ⓘ) — boşluk analizi D3 -------------------------------
   Balon MUTLAK konumlu: açılıp kapanması kolon genişliğini değiştirmez,
   dolayısıyla tablo yeniden akmaz (layout shift yok). */
.at-ipucu[b-i3uaam31ch] { position: relative; display: inline-block; margin-left: 4px; vertical-align: middle; }

.at-ipucu__ac[b-i3uaam31ch] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; padding: 0;
    border: 0; border-radius: 50%;
    background: transparent; color: var(--muted);
    cursor: help;
}
.at-ipucu__ikon[b-i3uaam31ch] {
    display: inline-grid; place-items: center;
    width: 16px; height: 16px;
    border: 1px solid var(--line); border-radius: 50%;
    font-size: .62rem; font-weight: 700; font-style: italic; line-height: 1;
}
.at-ipucu__ac:hover[b-i3uaam31ch], .at-ipucu__ac[aria-expanded="true"][b-i3uaam31ch] { color: var(--brand-strong); }
.at-ipucu__ac:hover .at-ipucu__ikon[b-i3uaam31ch],
.at-ipucu__ac[aria-expanded="true"] .at-ipucu__ikon[b-i3uaam31ch] { border-color: var(--brand); }
.at-ipucu__ac:focus-visible[b-i3uaam31ch] { outline: 2px solid var(--brand); outline-offset: -3px; }

.at-ipucu__balon[b-i3uaam31ch] {
    position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%);
    z-index: 40; width: max-content; max-width: 260px;
    padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px;
    background: var(--glass); color: var(--fg-soft);
    font-size: .74rem; font-weight: 400; line-height: 1.45; white-space: normal;
    text-align: left; text-transform: none; letter-spacing: 0;
    box-shadow: 0 12px 28px -14px rgba(0, 0, 0, .45);
}
/* Kenardaki kolonlarda balon ekrandan taşmasın. */
.at-tablo th:first-child .at-ipucu__balon[b-i3uaam31ch] { left: 0; transform: none; }
.at-tablo th:last-child .at-ipucu__balon[b-i3uaam31ch] { left: auto; right: 0; transform: none; }

/* Boş durum — grafikteki ile aynı dil. */
.at-bos[b-i3uaam31ch] { text-align: center; padding: 1rem .75rem; }
.at-bos__ana[b-i3uaam31ch] { display: block; font-size: .9rem; }
.at-bos__neden[b-i3uaam31ch] { display: block; font-size: .76rem; opacity: .7; margin-top: .25rem; line-height: 1.35; }

/* Tablo başlığı yalnız ekran okuyucuya: görsel başlık zaten bölüm kartında. */
.at-gizli-baslik[b-i3uaam31ch] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Sütun anahtarı — tablo başlığının sağ üstünde, akışı bozmadan. */
.at-sutunlar[b-i3uaam31ch] { display: flex; justify-content: flex-end; margin-bottom: 6px; }
.at-sutunlar__ac[b-i3uaam31ch] {
    background: none; border: 1px solid var(--line); border-radius: var(--radius-pill);
    min-height: 40px; padding: 7px 12px; font-size: 11.5px; font-weight: 600;
    color: var(--muted); cursor: pointer;
}
.at-sutunlar__ac:hover[b-i3uaam31ch] { color: var(--fg); border-color: var(--brand); }

/* ── Dondurulmuş sütunlar (parite #69) — YALNIZ SabitKolon > 0 iken ─────
   Çok sütunlu matriste sağa kaydırırken öğrenci adı ekrandan çıkarsa hangi
   satırın kime ait olduğu kaybolur. En fazla üç sütun sabitlenir; dördüncüsü
   ekranın yarısını yer ve kaydırılacak alan kalmaz. */
.at-tablo .at-sabit[b-i3uaam31ch] {
    position: sticky;
    background: var(--yuzey);
    z-index: 2;
}
.at-tablo thead .at-sabit[b-i3uaam31ch] { background: var(--at-bas-zemin); }
.at-tablo tbody tr:nth-child(even) .at-sabit[b-i3uaam31ch] { background: var(--at-cift-satir); }
.at-tablo thead .at-sabit[b-i3uaam31ch] { z-index: 3; }

.at-tablo .at-sabit-0[b-i3uaam31ch] { left: 0; }
.at-tablo .at-sabit-1[b-i3uaam31ch] { left: 64px; }
.at-tablo .at-sabit-2[b-i3uaam31ch] { left: 200px; }

/* Sabit blokun bittiği yeri göster: kaydırılan sütunlarla karışmasın. */
.at-tablo .at-sabit-0:last-of-type[b-i3uaam31ch],
.at-tablo .at-sabit-1:last-of-type[b-i3uaam31ch],
.at-tablo .at-sabit-2[b-i3uaam31ch] { box-shadow: 1px 0 0 var(--line); }
.at-bos__eylem[b-i3uaam31ch] { display: block; margin-top: .5rem; }

/* Aynı sabit sütun davranışı; masaüstü görünümünü değiştirmez. */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .at-tablo .at-cihaz-sabit[b-i3uaam31ch] { position: sticky; background: var(--yuzey); z-index: 2; }
    .at-tablo thead .at-cihaz-sabit[b-i3uaam31ch] { background: var(--at-bas-zemin); z-index: 3; }
    .at-tablo tbody tr:nth-child(even) .at-cihaz-sabit[b-i3uaam31ch] { background: var(--at-cift-satir); }
    .at-tablo .at-cihaz-sabit-0[b-i3uaam31ch] { left: 0; }
    .at-tablo:has(.at-cihaz-sabit-1) .at-cihaz-sabit-0[b-i3uaam31ch] { width: 64px; min-width: 64px; max-width: 64px; box-sizing: border-box; }
    .at-tablo .at-cihaz-sabit-1[b-i3uaam31ch] { left: 64px; }
    .at-tablo .at-cihaz-sabit-2[b-i3uaam31ch] { left: 200px; }
    .at-tablo .at-cihaz-sabit:not(:has(+ .at-cihaz-sabit))[b-i3uaam31ch] { box-shadow: 5px 0 7px -5px var(--scrim); }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/AnalizUyarilar.razor.rz.scp.css */
.au-uyarilar[b-b6s2ica2ab] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.au-uyari[b-b6s2ica2ab] { border-radius: var(--radius-sm); padding: 8px 12px; font-size: .85rem; border: 1px solid var(--line); color: var(--fg); }
.au-uyari--bilgi[b-b6s2ica2ab] { background: var(--glass); }
.au-uyari strong[b-b6s2ica2ab] { margin-right: 6px; font-size: .75rem; letter-spacing: .3px; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/KaydedilmemisOnay.razor.rz.scp.css */
.kdo[b-o8bylo5rri] { margin: 8px 0; }
.kdo-govde[b-o8bylo5rri] { display: grid; gap: 8px; min-width: 0; }
.kdo-metin[b-o8bylo5rri] { margin: 0; }
.kdo-eylem[b-o8bylo5rri] { display: flex; flex-wrap: wrap; gap: 10px; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/MufredatKazanimSecimi.razor.rz.scp.css */
/* U7 (2026-09-28) — müfredattan kazanım seçimi: telefon genişliğinde tek sütun, taşma yok. */

.mks[b-lvyl24g2hb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.mks-not[b-lvyl24g2hb] {
  margin: 0;
  font-size: 13px;
  color: var(--fg-soft);
}

.mks-secilen[b-lvyl24g2hb] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.mks-secilen__etiket[b-lvyl24g2hb] {
  font-weight: 700;
  color: var(--fg-soft);
}

.mks-secilen__metin[b-lvyl24g2hb] {
  color: var(--fg);
}

.mks-kod[b-lvyl24g2hb] {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 12px;
  color: var(--muted);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/OgrenciSecici.razor.rz.scp.css */
/* Öğrenci seçici. Renk/kenar değerleri UYDURULMAZ: modülün kendi token'ları
   kullanılır (--line/--glass/--muted/--fg/--brand/--analiz-dikkat-*), çünkü
   tanımsız bir değişkene yedeksiz başvurmak bildirimin TAMAMINI düşürür. */

.os[b-xnrail0oge] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }

.os-etiket[b-xnrail0oge] { font-size: .78rem; color: var(--muted); }
.os-dim[b-xnrail0oge] { color: var(--muted); font-size: .75rem; }
.os-bos[b-xnrail0oge] { margin: 0; font-size: .8rem; color: var(--muted); }
.os-hata[b-xnrail0oge] { margin: 0; font-size: .8rem; color: var(--danger-metin); }

/* --------------------------------------------------------------- adaylar
   Aday bir DEĞER değil bir TEKLİFTİR; kesikli kenarlık bunu renkten bağımsız
   söyler (renk körlüğü kararı: renk tek sinyal olamaz). Seçilebilir olduğu
   için düğmedir — tıklanabilir görünen ama düğme olmayan öğe, klavye
   kullanıcısına hiç ulaşmaz. */
.os-adaylar[b-xnrail0oge] { display: flex; flex-direction: column; gap: 4px; }
.os-cipler[b-xnrail0oge] { display: flex; gap: 5px; flex-wrap: wrap; }
.os-cip[b-xnrail0oge] {
    display: inline-flex;
    gap: 6px;
    align-items: baseline;
    padding: 3px 10px;
    border: 1px dashed var(--analiz-dikkat);
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--fg);
    font: inherit;
    font-size: .8rem;
    cursor: pointer;
}
.os-cip:hover[b-xnrail0oge] { border-style: solid; background: var(--glass); }
.os-cip:focus-visible[b-xnrail0oge] { outline: 2px solid var(--brand); outline-offset: 2px; }

/* ----------------------------------------------------------------- arama */
.os-alan[b-xnrail0oge] { display: flex; flex-direction: column; gap: 4px; font-size: .82rem; color: var(--muted); }

/* `.au-input` dolgu/yükseklik değerleri analiz.css'in (0,3,2) özgüllüklü
   girdi kuralıyla belirlenir; buraya yazılan padding/min-height SESSİZCE
   etkisiz kalır. Bu yüzden burada yalnız genişlik verilir. */
.os-girdi[b-xnrail0oge] { width: 100%; min-width: 0; }

/* ----------------------------------------------------------------- liste
   Kaydırılabilir ve SINIRLI: 300 kişilik bir liste paneli ele geçirirdi.
   Satırlar düğmedir (klavye) ve tam genişliktedir (tıklama hedefi büyük). */
.os-liste[b-xnrail0oge] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    max-height: 220px;
    overflow-y: auto;
}
.os-satir[b-xnrail0oge] {
    display: flex;
    gap: 8px;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    padding: 5px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: .82rem;
    cursor: pointer;
}
.os-satir:hover[b-xnrail0oge] { border-color: var(--brand); }
.os-satir:focus-visible[b-xnrail0oge] { outline: 2px solid var(--brand); outline-offset: 2px; }

/* Okul genelinden gelen satır GÖRSEL OLARAK AYRIŞIR: bu öğrenciler dersin
   listesinde yoktur ve seçilmeleri ayrı bir karardır. Kenarlık kalınlığı
   ikinci sinyaldir — yalnız renge dayanmaz. */
.os-satir--uzak[b-xnrail0oge] { border-left-width: 3px; border-left-color: var(--analiz-dikkat); }

.os-uzak[b-xnrail0oge] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.os-uyari[b-xnrail0oge] {
    margin: 0;
    font-size: .78rem;
    padding: 6px 8px;
    border: 1px solid var(--analiz-dikkat);
    border-radius: var(--radius-sm);
    background: var(--analiz-dikkat-acik);
    /* Açık amber zemin için ÖLÇÜLMÜŞ metin eşi (4,55:1). `--analiz-dikkat-metin`
       kart zeminine göre ölçülüdür ve burada 4,29:1'e düşer (AA altı). */
    color: var(--analiz-dikkat-rozet-metin);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/OptikOverlay.razor.rz.scp.css */
/* Kâğıt üzerine işaret katmanı.

   HİZALAMA ÜÇLÜSÜNÜN CSS AYAĞI. `aspect-ratio` markup'ta satır içi verilir
   (kanonik boyut sunucudan gelir); burada kalan iki parça:
     · `object-fit: contain` — görüntü kabın içinde ORANI KORUYARAK oturur
     · SVG tam kabı kaplar ve `preserveAspectRatio` ile aynı kutuya oturur
   Üçü birden olmazsa halkalar kabarcıkların yanına düşer ve kusur "biraz
   kaymış" gibi görünür — yani kimse bildirmez. */

.oo[b-nzrg5hw1at] {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    overflow: hidden;
}

.oo-img[b-nzrg5hw1at] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* ⚠️ EXIF DÖNDÜRMESİ KAPATILIR — bu satır olmadan telefon fotoğrafında
       işaretler 90° kayar.

       Kanıt zinciri (koddan okundu, 2026-09-11):
         · `to_archive_jpeg` → `_image_to_jpeg_bytes` ORİJİNAL baytları AYNEN
           döndürür (`_original_bytes`), yani EXIF arşivde HAYATTADIR.
         · Motor `_bytes_to_pil` ile açar ve `ImageOps.exif_transpose`
           ÇAĞIRMAZ — ham piksel yönüyle çalışır ve kendi döndürmesini QR'dan
           karar verir.
         · Tarayıcı ise `<img>` çizerken EXIF'i VARSAYILAN OLARAK uygular
           (`image-orientation: from-image`).
       Sonuç: tarayıcı E kadar, biz R kadar döndürürüz; işaretler R'ye göre
       hesaplandığı için toplam E+R olur. Motorun görmediği dönüşü ekranın da
       görmemesi gerekir.

       YALNIZ bu görüntüde kapatılır: overlay çizilmeyen sade fotoğrafta
       (`.atk-gorsel__img`) EXIF'e uymak doğrudur — orada işaret yok ve
       kullanıcı kâğıdı telefonun kastettiği yönde görmeli. */
    image-orientation: none;
}

.oo-svg[b-nzrg5hw1at] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    /* Katman tıklamaları YUTMAZ: altındaki görüntü hâlâ büyütme düğmesinin
       içindedir ve tıklanabilir kalmalıdır. */
    pointer-events: none;
}

.oo-yok[b-nzrg5hw1at] { margin: 0; font-size: .82rem; color: var(--muted); }

/* -------------------------------------------------------- işaretler
   RENK TEK İŞARET DEĞİLDİR. Her tür ayrı bir ŞEKİL de taşır; renk ayırt
   edemeyen operatör dolu daire / kalın halka+çarpı / kesikli halka farkını
   görür. Dökümde durum ayrıca KELİMEYLE yazılıdır (üçüncü kanal).

   `--cevap-*` ailesi 3:1 grafik eşiği için ölçüldü (aurora.css künyesi);
   METİN olarak kullanılmaz. */

.oi circle[b-nzrg5hw1at] { fill: none; stroke-width: 4; vector-effect: non-scaling-stroke; }
.oi path[b-nzrg5hw1at] { fill: none; stroke-width: 4; stroke-linecap: round; vector-effect: non-scaling-stroke; }
/* Belirsizin merkez noktası — dördüncü şekil.
   Dolgu DOĞRUDAN yazılır, `currentColor` ile taşınmaz: `color:` bildirmek
   içerideki her metni de boyar ve projenin metin-kontrastı kuralını
   (AnalizRenkKontrastiTests) ihlal eder. Kural haklı — `--cevap-*` ailesi
   3:1 grafik eşiği için ölçüldü, 4,5 metin eşiği için değil. */
.oi .oi-nokta[b-nzrg5hw1at] { stroke: none; }

/* DOĞRU — dolu daire. Dolgu yarı saydam: altındaki kabarcık görünmeye devam
   etsin, operatör ekranın kâğıdı ÖRTMEDİĞİNİ görebilsin. */
.oi--dogru circle[b-nzrg5hw1at] {
    stroke: var(--cevap-dogru);
    fill: color-mix(in srgb, var(--cevap-dogru) 28%, transparent);
}

/* YANLIŞ — kalın halka + çarpı. En görünür olması gereken işaret budur. */
.oi--yanlis circle[b-nzrg5hw1at] { stroke: var(--cevap-yanlis); stroke-width: 5; }
.oi--yanlis path[b-nzrg5hw1at] { stroke: var(--cevap-yanlis); }

/* OLMASI GEREKEN — KESİKLİ halka. Kesiklilik "burada bir işaret YOK, olması
   gerekiyordu" der; dolu bir halka onu öğrencinin işareti sanmaya davet eder. */
.oi--anahtar circle[b-nzrg5hw1at] {
    stroke: var(--cevap-anahtar);
    stroke-dasharray: 6 5;
}

/* BELİRSİZ — noktalı halka + merkez noktası. Dikkat ekseninden gelir: bu bir puan
   kararı değil, bir DOĞRULAMA talebidir. */
.oi--belirsiz circle[b-nzrg5hw1at] { stroke: var(--analiz-dikkat); stroke-dasharray: 3 3; }
.oi--belirsiz .oi-nokta[b-nzrg5hw1at] { fill: var(--analiz-dikkat); stroke: none; }

/* Hareket duyarlılığı: bu katmanda animasyon YOK, ama ileride eklenirse
   buradan kapanır (analiz.css:69-73 deseniyle aynı). */
@media (prefers-reduced-motion: reduce) {
    .oi circle[b-nzrg5hw1at], .oi path[b-nzrg5hw1at] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/Paneller/KazanimPaneli.razor.rz.scp.css */

/* ── Öğrenci durumu kovaları (#73) ─────────────────────────────────────
   Sayı ÖNCE, ad sonra: kullanıcı "kaç kişi" sorusunu sorar, "hangi kova"yı
   zaten arıyordur. Tıklanınca tablo o kovaya süzülür. */
.kzp-durum-serit[b-1ccl3a4721] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }

.kzp-durum[b-1ccl3a4721] {
    flex: 1 1 84px; min-width: 84px;
    display: flex; flex-direction: column; gap: 2px;
    padding: 8px 10px; border-radius: 10px; cursor: pointer;
    border: 1px solid var(--line); background: var(--glass);
    text-align: left; font: inherit; color: inherit;
}

.kzp-durum:hover[b-1ccl3a4721] { border-color: var(--brand); }
.kzp-durum--secili[b-1ccl3a4721] { border-color: var(--brand); background: var(--glass-strong); }

.kzp-durum__n[b-1ccl3a4721] { font-size: 1.15rem; font-weight: 650; line-height: 1.1; }
.kzp-durum__ad[b-1ccl3a4721] { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .3px; }

/* Sol kenar şeridi kovanın anlamını taşır; METİN rengi değişmez (kontrast). */
.kzp-durum--dogru[b-1ccl3a4721] { border-left: 3px solid var(--analiz-iyi); }
.kzp-durum--yanlis[b-1ccl3a4721] { border-left: 3px solid var(--danger); }
.kzp-durum--bos[b-1ccl3a4721] { border-left: 3px solid var(--analiz-dikkat); }
.kzp-durum--veri_yok[b-1ccl3a4721] { border-left: 3px solid var(--muted); }

/* ── Ustalık bantları (#116) ───────────────────────────────────────────
   İki şerit üst üste duruyor ve İKİ AYRI SORUYU yanıtlıyor; sorunun kendisi
   şeridin üstünde yazılı, yoksa okuyan ikisini tek ölçütün iki görünümü
   sanar. */
.kzp-soru[b-1ccl3a4721] { margin: 12px 0 6px; font-size: .82rem; color: var(--muted); }
.kzp-soru:first-child[b-1ccl3a4721] { margin-top: 0; }

/* AĞIRLIK SIRASI RENKTE DE OKUNUR: edinemeyen bandı ekranın en güçlü uyarı
   rengini alır. "Ölçüm yetersiz" başarı ekseninin HİÇBİR rengini almaz —
   hüküm verilememesi bir başarı derecesi değildir. */
.kzp-ust--kazandi[b-1ccl3a4721] { border-left: 3px solid var(--analiz-iyi); }
.kzp-ust--kismen[b-1ccl3a4721] { border-left: 3px solid var(--analiz-orta); }
.kzp-ust--kazanmadi[b-1ccl3a4721] { border-left: 3px solid var(--analiz-dikkat); }
.kzp-ust--yetersiz_veri[b-1ccl3a4721] { border-left: 3px solid var(--muted); }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/Paneller/MaddePaneli.razor.rz.scp.css */
/* Madde paneli — şık bazlı üst/alt tablosu. */
.mp-ustalt[b-7pf9d3emqs] { width: 100%; border-collapse: collapse; font-size: .85rem; }
.mp-ustalt th[b-7pf9d3emqs], .mp-ustalt td[b-7pf9d3emqs] {
    padding: .3rem .5rem; text-align: left;
    border-bottom: 1px solid var(--line);
}
.mp-ustalt th[b-7pf9d3emqs] { font-weight: 600; opacity: .75; }
.mp-ustalt td[b-7pf9d3emqs] { font-variant-numeric: tabular-nums; }

.mp-satir--dogru[b-7pf9d3emqs] { font-weight: 600; }
/* Ters çalışan çeldirici: üst grup alt gruptan daha çok seçmiş. */
.mp-satir--ters td:last-child[b-7pf9d3emqs] { color: var(--danger-metin); font-weight: 600; }
.mp-satir--dogru.mp-satir--ters td:last-child[b-7pf9d3emqs] { color: inherit; font-weight: 600; }
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/PuanOlcekleriBilgisi.razor.rz.scp.css */
.pob[b-c5klik62if] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.pob-sira[b-c5klik62if] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.pob-ozet[b-c5klik62if] {
    cursor: pointer;
    width: fit-content;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg);
}

.pob-liste[b-c5klik62if] {
    margin: 6px 0 0;
    display: grid;
    gap: 6px;
}

.pob-satir[b-c5klik62if] {
    display: grid;
    gap: 2px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    min-width: 0;
}

.pob-satir--esas[b-c5klik62if] {
    border-color: color-mix(in srgb, var(--blue-600) 45%, var(--line));
}

.pob-satir dt[b-c5klik62if] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
}

.pob-satir dd[b-c5klik62if] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.pob-ad[b-c5klik62if] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg);
}

.pob-olcek[b-c5klik62if] {
    font-size: 12px;
    color: var(--muted);
}

.pob-rozet[b-c5klik62if] {
    font-size: 11px;
}

.pob-not[b-c5klik62if] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/RaporDurumuSeridi.razor.rz.scp.css */
.rds[b-m58afadmnt] {
    --rds-renk: var(--muted);
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--rds-renk) 35%, var(--line));
    border-left-width: 4px;
    border-left-color: var(--rds-renk);
    border-radius: 8px;
    background: color-mix(in srgb, var(--rds-renk) 6%, transparent);
}

.rds--guncel[b-m58afadmnt] { --rds-renk: var(--green-600); }
.rds--suruyor[b-m58afadmnt] { --rds-renk: var(--blue-600); }
.rds--bekliyor[b-m58afadmnt] { --rds-renk: var(--amber-600); }
.rds--hata[b-m58afadmnt] { --rds-renk: var(--red-600); }

.rds-bas[b-m58afadmnt] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.rds-isaret[b-m58afadmnt] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--rds-renk);
}

.rds-baslik[b-m58afadmnt] {
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.rds-not[b-m58afadmnt] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.rds-etki[b-m58afadmnt] {
    color: var(--fg-soft);
}

.rds-eylemler[b-m58afadmnt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-top: 4px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/SepetDugmesi.razor.rz.scp.css */
/* Satır içi sepet düğmesi — tablo hücresinde yer kaplamadan durur. */
.sdg[b-kebvst9zr4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--glass);
    color: var(--muted);
    cursor: pointer;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}

.sdg:hover[b-kebvst9zr4] {
    border-color: var(--brand);
    color: var(--brand-strong);
}

.sdg:focus-visible[b-kebvst9zr4] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

/* Sepette olan öğrenci: satırı taramadan ayırt edilebilsin. */
.sdg--dolu[b-kebvst9zr4] {
    background: var(--glass-strong);
    border-color: var(--brand);
    color: var(--brand-strong);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Ortak/WF_FE2_SonucluSinavYok.razor.rz.scp.css */
/* `AnalizBosSatir` ile aynı dil: sönük ton, ortalı, kısa yönerge. */
.sy[b-1knujdotua] { padding: 2rem 1.4rem; text-align: center; color: var(--fg-soft); }
.sy__ana[b-1knujdotua] { margin: 0 0 .4rem; font-weight: 600; color: var(--fg); }
.sy__alt[b-1knujdotua] { margin: 0 auto .9rem; max-width: 52ch; font-size: .86rem; color: var(--muted); }
.sy__eylem[b-1knujdotua] { display: inline-flex; }
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/AnalizSinavArsivi.razor.rz.scp.css */
/* Arşivdeki sınavlar — yalnız token. */
.sa-govde[b-3gonukwlaq] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.sa-bildirim[b-3gonukwlaq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.sa-bildirim p[b-3gonukwlaq] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 600;
}

.sa-liste[b-3gonukwlaq] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.sa-bos[b-3gonukwlaq] {
    margin: 0;
    color: var(--muted);
}

.sa-satirlar[b-3gonukwlaq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
}

.sa-satir[b-3gonukwlaq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
    padding: 10px 0;
    border-top: 1px solid var(--line);
}

.sa-satir:first-child[b-3gonukwlaq] {
    border-top: 0;
}

.sa-satir__kimlik[b-3gonukwlaq] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.sa-satir__ad[b-3gonukwlaq] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.sa-satir__alt[b-3gonukwlaq] {
    color: var(--muted);
    font-size: 13px;
}

.sa-sayfalama[b-3gonukwlaq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 560px) {
    .sa-satir > .au-btn[b-3gonukwlaq] {
        flex: 1 1 auto;
        justify-content: center;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/AnalizSinavlar.razor.rz.scp.css */
.sn[b-qxgtjb0o11] {
    display: grid;
    gap: 16px;
}

.sn-bas[b-qxgtjb0o11] {
    margin-bottom: 0;
}

.sn-gizli[b-qxgtjb0o11] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* ── Liste ── */
.sn-liste[b-qxgtjb0o11] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.sn-liste__ust[b-qxgtjb0o11] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
}

.sn-liste__ust .au-card__baslik[b-qxgtjb0o11] {
    margin: 0;
    margin-right: auto;
}

.sn-suzgec[b-qxgtjb0o11] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.sn-suzgec__cip[b-qxgtjb0o11] {
    cursor: pointer;
    border: 1px solid var(--line);
    background: transparent;
    font: inherit;
    font-size: 12.5px;
}

.sn-suzgec__cip--secili[b-qxgtjb0o11] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
    color: var(--brand-strong);
    font-weight: 600;
}

.sn-suzgec__sayi[b-qxgtjb0o11] {
    color: var(--muted);
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
}

.sn-ara[b-qxgtjb0o11] {
    flex: 1 1 220px;
    max-width: 320px;
    min-width: 0;
}

/* Dönem · sınıf · tür süzgeçleri: başlığın altında kendi satırı; telefonda alt alta sarılır. */
.sn-suzgec-secim[b-qxgtjb0o11] {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    min-width: 0;
}

.sn-suzgec-secim__alan[b-qxgtjb0o11] {
    flex: 1 1 160px;
    max-width: 240px;
    min-width: 0;
}

.sn-bos[b-qxgtjb0o11] {
    margin: 0;
    padding: 18px 4px;
    color: var(--fg-soft);
}

.sn-bos p[b-qxgtjb0o11] {
    margin: 0 0 4px;
}

.sn-tablo-sarma[b-qxgtjb0o11] {
    overflow-x: auto;
}

.sn-tablo[b-qxgtjb0o11] {
    width: 100%;
}

.sn-tablo th[b-qxgtjb0o11] {
    text-align: left;
}

.sn-tablo tbody tr + tr td[b-qxgtjb0o11] {
    border-top: 1px solid var(--line);
}

.sn-satir__ad[b-qxgtjb0o11] {
    display: block;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.sn-satir__alt[b-qxgtjb0o11] {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.sn-satir--yarim .sn-satir__ad[b-qxgtjb0o11]::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--amber-600);
    margin-right: 7px;
    vertical-align: middle;
}

.sn-satir__eylem[b-qxgtjb0o11] {
    text-align: right;
    white-space: nowrap;
}

.sn-rozet[b-qxgtjb0o11] {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 9px;
    border-radius: var(--radius-pill, 999px);
    background: var(--n-100, var(--glass-hover));
    color: var(--fg-soft);
    white-space: nowrap;
}

.sn-rozet--yarim[b-qxgtjb0o11],
.sn-rozet--kontrol_bekliyor[b-qxgtjb0o11] {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.sn-rozet--sonuclar_hazir[b-qxgtjb0o11] {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

.sn-rozet--planlaniyor[b-qxgtjb0o11],
.sn-rozet--sinav_gunu_bekleniyor[b-qxgtjb0o11],
.sn-rozet--cevap_bekleniyor[b-qxgtjb0o11] {
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand-strong);
}

.sn-liste-ozet[b-qxgtjb0o11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13.5px;
    color: var(--fg-soft);
}

/* ── Açık oturum ── */
.sn-oturum[b-qxgtjb0o11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
}

.sn-oturum__bas[b-qxgtjb0o11] {
    position: sticky;
    top: var(--topbar-h, 64px);
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md, 14px);
    background: var(--glass-strong, var(--glass));
    backdrop-filter: blur(10px);
}

.sn-oturum__ad[b-qxgtjb0o11] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 19px;
    font-weight: 800;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.sn-oturum__alt[b-qxgtjb0o11] {
    margin: 2px 0 0;
    font-size: 13px;
    color: var(--fg-soft);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.sn-serit[b-qxgtjb0o11] {
    min-width: 0;
}

.sn-serit ol[b-qxgtjb0o11] {
    /* Konumlu kap: içteki ekran okuyucu metinleri (position:absolute) kaydırma
       kabının dışındaki yapışkan başlığa göre konumlanıp sayfayı taşırmasın. */
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.sn-serit__oge[b-qxgtjb0o11] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px 5px 5px;
    border-radius: var(--radius-pill, 999px);
    border: 1px solid var(--line);
    background: transparent;
    font: inherit;
    font-size: 12.5px;
    color: var(--fg-soft);
    cursor: pointer;
    white-space: nowrap;
}

.sn-serit__oge:focus-visible[b-qxgtjb0o11] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.sn-serit__no[b-qxgtjb0o11] {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    background: var(--n-100, var(--glass-hover));
}

.sn-serit__oge--tamam[b-qxgtjb0o11] {
    color: var(--green-600);
}

.sn-serit__oge--tamam .sn-serit__no[b-qxgtjb0o11] {
    background: color-mix(in srgb, var(--green-600) 16%, transparent);
}

.sn-serit__oge--sirada[b-qxgtjb0o11] {
    border-color: var(--brand);
    color: var(--fg);
    font-weight: 600;
}

.sn-serit__oge--sirada .sn-serit__no[b-qxgtjb0o11] {
    background: var(--brand);
    color: var(--on-brand);
}

.sn-serit__oge--kilitli[b-qxgtjb0o11] {
    color: var(--muted);
    border-style: dashed;
}

.sn-serit__not[b-qxgtjb0o11] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.sn-bolumler[b-qxgtjb0o11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
}

@media (max-width: 760px) {
    .sn-tablo thead[b-qxgtjb0o11] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .sn-tablo[b-qxgtjb0o11],
    .sn-tablo tbody[b-qxgtjb0o11],
    .sn-tablo tr[b-qxgtjb0o11],
    .sn-tablo td[b-qxgtjb0o11] {
        display: block;
        width: 100%;
    }

    .sn-tablo tr[b-qxgtjb0o11] {
        border-bottom: 1px solid var(--line);
        padding: 10px 0;
    }

    .sn-tablo td[b-qxgtjb0o11] {
        border: 0;
        padding: 3px 0;
    }

    .sn-tablo td[data-etiket][b-qxgtjb0o11]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 11.5px;
        color: var(--muted);
    }

    .sn-satir__eylem[b-qxgtjb0o11] {
        text-align: left;
    }

    .sn-oturum__bas[b-qxgtjb0o11] {
        position: static;
    }

    .sn-ara[b-qxgtjb0o11] {
        max-width: none;
    }

    .sn-suzgec-secim__alan[b-qxgtjb0o11] {
        max-width: none;
    }
}

.sn[b-qxgtjb0o11] {
    margin-top: 18px;
}

/* WCAG 2.2 · 2.4.11 (odak örtülmez): yapışkan oturum başlığı klavyeyle odaklanan
   öğeyi örtmesin — tarayıcı odağı görünür alana kaydırırken başlık payını bırakır. */
.sn-bolumler[b-qxgtjb0o11]  :is(a, button, input, select, textarea, summary, [tabindex]) {
    scroll-margin-top: 190px;
    scroll-margin-bottom: 24px;
}

/* Telefon: şerit yerine tek satır adım bilgisi (kullanıcı denemesi #15). */
.sn-serit__kisa[b-qxgtjb0o11] {
    display: none;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg);
}

@media (max-width: 640px) {
    .sn-serit__kisa[b-qxgtjb0o11] {
        display: block;
    }

    .sn-serit[b-qxgtjb0o11] {
        display: none;
    }
}

/* "Sadece okuma" "salt okunur" diye okunmasın (kullanıcı denemesi #8). */
.sn-ek[b-qxgtjb0o11] {
    color: var(--muted);
}

/* Tek adım görünümü: oturum başlığında ad + "Listeye dön" aynı satırda (dikey yer kazanımı). */
.sn-oturum__ust[b-qxgtjb0o11] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.sn-oturum__ust .sn-oturum__kimlik[b-qxgtjb0o11] {
    min-width: 0;
}

.sn-adim-gezinme[b-qxgtjb0o11] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
}

.sn-adim-gezinme__ileri[b-qxgtjb0o11] {
    margin-left: auto;
}

.sn-sayfalama[b-qxgtjb0o11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    font-size: 13px;
    color: var(--fg-soft);
}

.sn-sayfalama__not[b-qxgtjb0o11] {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.sn-pencere__satir[b-qxgtjb0o11] {
    margin: 0 0 8px;
    font-size: 14px;
    color: var(--fg-soft);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/BelgelerBolumu.razor.rz.scp.css */
/* Belgeler ve optikler — bölüm gövdesi. Renkler yalnız token. */
.bb[b-9ema4yys42] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.bb[b-9ema4yys42]  .au-banner {
    margin-bottom: 0;
}

.bb-surum[b-9ema4yys42] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.bb-parca[b-9ema4yys42] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.bb-parca__satir[b-9ema4yys42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.bb-parca__baslik[b-9ema4yys42] {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--fg);
}

.bb-not[b-9ema4yys42] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.bb-liste[b-9ema4yys42],
.bb-salonlar[b-9ema4yys42] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.bb-belge[b-9ema4yys42] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 6px 12px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.bb-belge__metin[b-9ema4yys42] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bb-belge__ad[b-9ema4yys42] {
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.bb-belge__aciklama[b-9ema4yys42] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.bb[b-9ema4yys42]  .bb-bicim {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 7px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    font-size: 11px;
    font-weight: 600;
    color: var(--fg-soft);
    vertical-align: middle;
}

.bb[b-9ema4yys42]  .bb-hata {
    font-size: 12.5px;
    color: var(--red-600);
    overflow-wrap: anywhere;
}

.bb-durum[b-9ema4yys42] {
    font-size: 12px;
    white-space: nowrap;
    color: var(--muted);
}

.bb-durum--guncel[b-9ema4yys42] {
    color: var(--green-600);
    font-weight: 600;
}

.bb-durum--eski[b-9ema4yys42] {
    color: var(--amber-600);
    font-weight: 600;
    white-space: normal;
}

.bb-salon[b-9ema4yys42] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.bb-salon__bas[b-9ema4yys42] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.bb-salon__ad[b-9ema4yys42] {
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.bb-salon__sayi[b-9ema4yys42] {
    font-size: 12.5px;
    color: var(--muted);
}

.bb-salon__belgeler[b-9ema4yys42] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.bb-salon__belge[b-9ema4yys42] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.bb-bitir[b-9ema4yys42] {
    display: grid;
    gap: 10px;
    justify-items: start;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

.bb-bitir__ozet[b-9ema4yys42] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

@media (max-width: 640px) {
    .bb-belge[b-9ema4yys42] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .bb-belge__metin[b-9ema4yys42] {
        grid-column: 1 / -1;
    }
}

/* FE6: kitapçık tamlığı eksik ders listesi */
.bb-eksik[b-9ema4yys42] {
    margin: 6px 0;
    padding-left: 18px;
    font-size: 13px;
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/BelgelerDiger.razor.rz.scp.css */
.bdg[b-7wy4u0c0gv] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.bdg[b-7wy4u0c0gv]  .au-banner {
    margin-bottom: 0;
}

.bdg__oge[b-7wy4u0c0gv] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.bdg__baslik[b-7wy4u0c0gv] {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
}

.bdg__aciklama[b-7wy4u0c0gv] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.bdg__alanlar[b-7wy4u0c0gv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 8px 12px;
    align-items: end;
}

.bdg__indir[b-7wy4u0c0gv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.bdg__ogrenciler[b-7wy4u0c0gv] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
}

.bdg__ogrenci[b-7wy4u0c0gv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 10px;
    padding: 6px 0;
    border-bottom: 1px solid var(--line);
    overflow-wrap: anywhere;
}

.bdg__alt[b-7wy4u0c0gv] {
    font-size: 12px;
    color: var(--muted);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/CevaplarBolumu.razor.rz.scp.css */
.cvb[b-tvobgpxd11] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.cvb-kisim[b-tvobgpxd11] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.cvb-kisim__baslik[b-tvobgpxd11] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.cvb-aciklama[b-tvobgpxd11],
.cvb-not[b-tvobgpxd11] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.cvb-not[b-tvobgpxd11] {
    color: var(--muted);
}

/* `::deep`: hata şeritleri ortak `AnalizHataSeridi` bileşeniyle çizilir; kapsamlı
   kural bileşenin kök ögesine ancak böyle ulaşır. */
.cvb[b-tvobgpxd11]  .cvb-banner {
    margin: 0;
}

.cvb-durum[b-tvobgpxd11] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.cvb-durum__cark[b-tvobgpxd11] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--brand) 30%, transparent);
    border-top-color: var(--brand);
    animation: cvb-don-b-tvobgpxd11 0.9s linear infinite;
}

@keyframes cvb-don-b-tvobgpxd11 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cvb-durum__cark[b-tvobgpxd11] {
        animation: none;
    }
}

.cvb-dosyalar[b-tvobgpxd11] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.cvb-dosya[b-tvobgpxd11] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.cvb-dosya__ad[b-tvobgpxd11] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
    min-width: 0;
}

.cvb-dosya__alt[b-tvobgpxd11] {
    font-size: 12.5px;
    color: var(--muted);
}

.cvb-dosya__cikar[b-tvobgpxd11] {
    margin-left: auto;
}

.cvb-onay[b-tvobgpxd11] {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--amber-600) 40%, var(--line));
    border-radius: var(--radius-sm, 8px);
    background: color-mix(in srgb, var(--amber-600) 7%, transparent);
}

.cvb-onay p[b-tvobgpxd11] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.cvb-liste[b-tvobgpxd11] {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.cvb-liste--uyari[b-tvobgpxd11] {
    color: var(--amber-600);
    margin: 0;
}

.cvb-tarama[b-tvobgpxd11] {
    display: grid;
    gap: 8px;
    justify-items: start;
}

.cvb-adaylar[b-tvobgpxd11] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.cvb-aday[b-tvobgpxd11] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.cvb-aday--secili[b-tvobgpxd11] {
    border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
    background: color-mix(in srgb, var(--brand) 6%, transparent);
}

.cvb-aday__ad[b-tvobgpxd11] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.cvb-aday__puan[b-tvobgpxd11] {
    font-size: 12.5px;
    color: var(--fg-soft);
    font-variant-numeric: tabular-nums;
}

.cvb-aday__neden[b-tvobgpxd11] {
    flex-basis: 100%;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.cvb-aday__rozet[b-tvobgpxd11] {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    color: var(--brand-strong);
}

.cvb-sayilar[b-tvobgpxd11] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    gap: 8px;
}

.cvb-sayi[b-tvobgpxd11] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    padding: 8px 12px;
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.cvb-sayi dt[b-tvobgpxd11] {
    font-size: 12px;
    color: var(--muted);
}

.cvb-sayi dd[b-tvobgpxd11] {
    margin: 2px 0 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--fg);
    font-variant-numeric: tabular-nums;
}

.cvb-sayi--dikkat[b-tvobgpxd11] {
    border-color: color-mix(in srgb, var(--amber-600) 45%, var(--line));
}

.cvb-sayi--dikkat dd[b-tvobgpxd11] {
    color: var(--amber-600);
}

.cvb-denklem[b-tvobgpxd11] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.cvb-eylemler[b-tvobgpxd11] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 480px) {
    .cvb-eylemler .au-btn[b-tvobgpxd11] {
        flex: 1 1 100%;
        justify-content: center;
    }
}

/* Öğrenci eşleşmesi yok (KADRO_BOS): ne oldu + olasılıklar + ne yapılacak. */
.cvb-kadro[b-tvobgpxd11] {
    display: grid;
    gap: 6px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.cvb-kadro p[b-tvobgpxd11] {
    margin: 0;
}

.cvb-adimlar[b-tvobgpxd11] {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 10px;
}

.cvb-adimlar li[b-tvobgpxd11] {
    display: grid;
    gap: 6px;
    justify-items: start;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/CevaplarSatirOnizleme.razor.rz.scp.css */
.cso[b-b4jsk45e2v] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.cso-lejant[b-b4jsk45e2v] {
    display: grid;
    gap: 6px;
    font-size: 12.5px;
    color: var(--fg-soft);
    min-width: 0;
}

.cso-lejant__grup[b-b4jsk45e2v] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    min-width: 0;
}

.cso-lejant__baslik[b-b4jsk45e2v] {
    font-weight: 600;
    color: var(--fg);
}

.cso-lejant__liste[b-b4jsk45e2v] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    min-width: 0;
}

.cso-lejant__oge[b-b4jsk45e2v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.cso-lejant__renk[b-b4jsk45e2v] {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    border: 1px solid var(--line);
}

/* Satırlar yalnız KENDİ kutusunda kayar (sabit genişlikli optik satırı 200+
   karakterdir); sayfa yatay kaymaz. Odaklanabilir: klavyeyle kaydırılır.
   container-type: satır özeti kutunun GÖRÜNEN genişliğinde kalsın diye. */
.cso-satirlar[b-b4jsk45e2v] {
    overflow-x: auto;
    container-type: inline-size;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass-strong, var(--glass));
    padding: 6px 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    line-height: 1.7;
}

.cso-satirlar:focus-visible[b-b4jsk45e2v] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.cso-satir[b-b4jsk45e2v] {
    display: grid;
    width: max-content;
    min-width: 100%;
    padding: 2px 10px;
}

.cso-satir + .cso-satir[b-b4jsk45e2v] {
    border-top: 1px dashed color-mix(in srgb, var(--line) 70%, transparent);
}

.cso-satir__cizgi[b-b4jsk45e2v] {
    display: flex;
    gap: 10px;
    white-space: pre;
}

.cso-satir__no[b-b4jsk45e2v] {
    flex: 0 0 auto;
    color: var(--muted);
    user-select: none;
    min-width: 1.5em;
    text-align: right;
}

/* Satır özeti: kutu yana kaydırılsa da solda görünür kalır ve kutunun
   görünen genişliğinde kırılır (360px telefonda da okunur). */
.cso-ozet[b-b4jsk45e2v] {
    position: sticky;
    left: 10px;
    margin: 0 0 2px;
    padding-left: calc(1.5em + 10px);
    max-width: calc(100cqw - 20px);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    white-space: normal;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.5;
    color: var(--fg-soft);
    font-variant-numeric: tabular-nums;
}

.cso-ozet__test[b-b4jsk45e2v] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.cso-ozet__test--bos[b-b4jsk45e2v] {
    color: var(--amber-600);
    font-weight: 600;
}

.cso-ozet__renk[b-b4jsk45e2v] {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.cso-ozet__ayrac[b-b4jsk45e2v] {
    color: var(--muted);
}

.cso-bos[b-b4jsk45e2v] {
    color: var(--muted);
}

.cso-a[b-b4jsk45e2v] {
    border-radius: 3px;
}

/* ── Kimlik alanları: mavi · yeşil · gri · turuncu (zemin) ─────────── */

.cso-a--okul[b-b4jsk45e2v] {
    background: color-mix(in srgb, var(--brand) 18%, transparent);
    color: var(--brand-strong);
}

.cso-a--ad[b-b4jsk45e2v] {
    background: color-mix(in srgb, var(--green-600) 16%, transparent);
    color: var(--green-600);
}

.cso-a--tc[b-b4jsk45e2v] {
    background: color-mix(in srgb, var(--muted) 18%, transparent);
    color: var(--fg-soft);
}

.cso-a--kitapcik[b-b4jsk45e2v] {
    background: color-mix(in srgb, var(--amber-600) 22%, transparent);
    color: var(--amber-600);
    font-weight: 700;
}

/* ── Test blokları: mor · pembe · turuncu-kırmızı · camgöbeği · kırmızı ───
   Kimlik renklerinden (brand, green, muted, amber) AYRI token'lar; cevap
   blokları ayrıca alt çizgi taşır, böylece renk tek başına ayırt edici değildir.
   Sıra satırdaki sıradır; komşu iki test hiçbir zaman aynı renkte olmaz. */

.cso-a--t0[b-b4jsk45e2v],
.cso-a--t1[b-b4jsk45e2v],
.cso-a--t2[b-b4jsk45e2v],
.cso-a--t3[b-b4jsk45e2v],
.cso-a--t4[b-b4jsk45e2v] {
    color: var(--fg);
}

.cso-satir .cso-a--t0[b-b4jsk45e2v],
.cso-satir .cso-a--t1[b-b4jsk45e2v],
.cso-satir .cso-a--t2[b-b4jsk45e2v],
.cso-satir .cso-a--t3[b-b4jsk45e2v],
.cso-satir .cso-a--t4[b-b4jsk45e2v] {
    box-shadow: inset 0 -2px 0 var(--cso-test);
}

.cso-a--t0[b-b4jsk45e2v] {
    --cso-test: var(--purple-600);
    background: color-mix(in srgb, var(--purple-600) 16%, transparent);
}

.cso-a--t1[b-b4jsk45e2v] {
    --cso-test: var(--pink-600);
    background: color-mix(in srgb, var(--pink-600) 15%, transparent);
}

.cso-a--t2[b-b4jsk45e2v] {
    --cso-test: var(--orange-600);
    background: color-mix(in srgb, var(--orange-600) 15%, transparent);
}

.cso-a--t3[b-b4jsk45e2v] {
    --cso-test: var(--cyan-600);
    background: color-mix(in srgb, var(--cyan-600) 16%, transparent);
}

.cso-a--t4[b-b4jsk45e2v] {
    --cso-test: var(--red-600);
    background: color-mix(in srgb, var(--red-600) 13%, transparent);
}

.cso-lejant__renk--test[b-b4jsk45e2v],
.cso-ozet__renk.cso-a--t0[b-b4jsk45e2v],
.cso-ozet__renk.cso-a--t1[b-b4jsk45e2v],
.cso-ozet__renk.cso-a--t2[b-b4jsk45e2v],
.cso-ozet__renk.cso-a--t3[b-b4jsk45e2v],
.cso-ozet__renk.cso-a--t4[b-b4jsk45e2v] {
    background: var(--cso-test);
    border-color: var(--cso-test);
}

.cso-not[b-b4jsk45e2v] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/CevaplarTarama.razor.rz.scp.css */
.cvt[b-mz5tmj0o6m] {
    display: grid;
    gap: 12px;
    padding: 12px 14px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.cvt-aciklama[b-mz5tmj0o6m],
.cvt-not[b-mz5tmj0o6m],
.cvt-durum[b-mz5tmj0o6m],
.cvt-etki[b-mz5tmj0o6m],
.cvt-denklem[b-mz5tmj0o6m] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.cvt-not[b-mz5tmj0o6m] {
    color: var(--muted);
}

.cvt-etki[b-mz5tmj0o6m],
.cvt-denklem[b-mz5tmj0o6m] {
    color: var(--fg);
}

.cvt-hata[b-mz5tmj0o6m] {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    overflow-wrap: anywhere;
}

.cvt-banner[b-mz5tmj0o6m] {
    margin: 0;
}

.cvt-kisim[b-mz5tmj0o6m] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.cvt-baslik[b-mz5tmj0o6m] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--fg);
}

.cvt-secici[b-mz5tmj0o6m] {
    max-width: 380px;
    min-width: 0;
}

.cvt-hazir[b-mz5tmj0o6m] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    font-size: 13px;
    color: var(--green-600);
    overflow-wrap: anywhere;
}

.cvt-anahtar[b-mz5tmj0o6m] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass);
    min-width: 0;
}

.cvt-eylemler[b-mz5tmj0o6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.cvt-kagitlar[b-mz5tmj0o6m] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.cvt-kagit[b-mz5tmj0o6m] {
    display: grid;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-left-width: 4px;
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.cvt-kagit--hazir[b-mz5tmj0o6m] {
    border-left-color: var(--brand);
}

.cvt-kagit--karar[b-mz5tmj0o6m] {
    border-left-color: var(--amber-600);
}

.cvt-kagit--hata[b-mz5tmj0o6m] {
    border-left-color: var(--red-500);
}

.cvt-kagit--yazildi[b-mz5tmj0o6m] {
    border-left-color: var(--green-600);
}

.cvt-kagit__bas[b-mz5tmj0o6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: center;
    min-width: 0;
}

.cvt-kagit__ad[b-mz5tmj0o6m] {
    font-weight: 600;
    color: var(--fg);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cvt-kagit__ogrenci[b-mz5tmj0o6m],
.cvt-kagit__durum[b-mz5tmj0o6m] {
    font-size: 12.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.cvt-kagit__eylem[b-mz5tmj0o6m] {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cvt-kagit__not[b-mz5tmj0o6m] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.cvt-bekleyen[b-mz5tmj0o6m] {
    padding: 8px 10px;
    border: 1px solid var(--amber-600);
    border-radius: var(--radius-sm, 8px);
}

.cvt-liste ul[b-mz5tmj0o6m] {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.cvt-liste summary[b-mz5tmj0o6m] {
    cursor: pointer;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.cvt-bagla[b-mz5tmj0o6m] {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding-top: 8px;
}

.cvt-bagla > *[b-mz5tmj0o6m] {
    max-width: 100%;
}

/* Tarama rehberi (Tur 7): dosya seçme alanının hemen üstünde, kısa maddeler. */
.cvt-rehber[b-mz5tmj0o6m] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass-strong, var(--glass));
    padding: 8px 12px;
    font-size: 13px;
    color: var(--fg-soft);
    min-width: 0;
}

.cvt-rehber summary[b-mz5tmj0o6m] {
    cursor: pointer;
    font-weight: 600;
    color: var(--fg);
}

.cvt-rehber summary:focus-visible[b-mz5tmj0o6m] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm, 8px);
}

.cvt-rehber ol[b-mz5tmj0o6m] {
    margin: 8px 0 2px;
    padding-left: 20px;
    display: grid;
    gap: 6px;
    overflow-wrap: anywhere;
}

.cvt-rehber strong[b-mz5tmj0o6m] {
    color: var(--fg);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/CevaplarTaramaGecmis.razor.rz.scp.css */
.ctg[b-nof3vsf6oi] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.ctg-not[b-nof3vsf6oi],
.ctg-bilgi[b-nof3vsf6oi] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ctg-hata[b-nof3vsf6oi] {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    overflow-wrap: anywhere;
}

.ctg-liste[b-nof3vsf6oi] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.ctg-satir[b-nof3vsf6oi] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    padding: 8px 10px;
    display: grid;
    gap: 8px;
    min-width: 0;
}

.ctg-satir--acik[b-nof3vsf6oi] {
    border-color: var(--brand);
}

.ctg-satir__bas[b-nof3vsf6oi] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: center;
}

.ctg-satir__ad[b-nof3vsf6oi] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
    min-width: 0;
}

.ctg-satir__alt[b-nof3vsf6oi] {
    font-size: 12.5px;
    color: var(--muted);
}

.ctg-satir__eylem[b-nof3vsf6oi] {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ctg-onay[b-nof3vsf6oi] {
    display: grid;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--red-500);
    border-radius: var(--radius-sm, 8px);
    font-size: 13px;
}

.ctg-onay p[b-nof3vsf6oi] {
    margin: 0;
    overflow-wrap: anywhere;
}

.ctg-eylemler[b-nof3vsf6oi] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ctg-kunye[b-nof3vsf6oi] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 6px;
}

.ctg-kunye dt[b-nof3vsf6oi] {
    font-size: 12px;
    color: var(--muted);
}

.ctg-kunye dd[b-nof3vsf6oi] {
    margin: 2px 0 0;
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ctg-gorsel[b-nof3vsf6oi] {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/CevaplarTaramaKagit.razor.rz.scp.css */
.ctk[b-qbfd47oa8h] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.ctk-png[b-qbfd47oa8h] {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
}

.ctk-lejant[b-qbfd47oa8h],
.ctk-not[b-qbfd47oa8h] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ctk-hata[b-qbfd47oa8h] {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
    overflow-wrap: anywhere;
}

.ctk-eylemler[b-qbfd47oa8h] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.ctk-dokum summary[b-qbfd47oa8h] {
    cursor: pointer;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ctk-grup[b-qbfd47oa8h] {
    margin: 8px 0 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-soft);
}

.ctk-sorular[b-qbfd47oa8h] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 4px;
}

.ctk-soru[b-qbfd47oa8h] {
    display: flex;
    gap: 4px;
    align-items: baseline;
    padding: 3px 6px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}

.ctk-soru__no[b-qbfd47oa8h] {
    color: var(--muted);
}

.ctk-soru--dogru[b-qbfd47oa8h] {
    border-color: var(--green-600);
}

.ctk-soru--yanlis[b-qbfd47oa8h] {
    border-color: var(--red-500);
}

.ctk-soru--dikkat[b-qbfd47oa8h] {
    border-color: var(--amber-600);
    border-style: dashed;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/DersEslemesiBolumu.razor.rz.scp.css */
/* Ders eşlemesi — yalnız token renkleri. Telefonda tablo kart yığınına döner. */
.de-durum[b-tbhu1x756e],
.de-ipucu[b-tbhu1x756e],
.de-not[b-tbhu1x756e] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.de-ipucu[b-tbhu1x756e] {
    color: var(--muted);
}

.de-not--uyari[b-tbhu1x756e] {
    color: var(--amber-600);
    font-weight: 600;
}

.de-banner[b-tbhu1x756e] {
    margin: 0;
    align-items: center;
    flex-wrap: wrap;
}

.de-gerekce[b-tbhu1x756e] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.de-kendi[b-tbhu1x756e] {
    margin: 0;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
    color: var(--fg);
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.de-ust[b-tbhu1x756e] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.de-program[b-tbhu1x756e] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    font-size: 14px;
    color: var(--fg);
}

.de-program__etiket[b-tbhu1x756e] {
    color: var(--fg-soft);
}

.de-program__not[b-tbhu1x756e],
.de-tur[b-tbhu1x756e] {
    font-size: 13px;
    color: var(--muted);
    margin: 0;
}

/* U7: kapsamın kaynağı — tek cümle + Kütüphane bağlantısı (+ okunamadıysa yeniden oku). */
.de-kapsam[b-tbhu1x756e] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    font-size: 13px;
    color: var(--fg-soft);
    min-width: 0;
}

.de-kapsam > span[b-tbhu1x756e] {
    overflow-wrap: anywhere;
    min-width: 0;
}

.de-kapsam--kurum > span[b-tbhu1x756e] {
    color: var(--fg);
}

.de-kapsam__bag[b-tbhu1x756e] {
    color: var(--brand-strong);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    border-radius: var(--radius-sm);
}

.de-kapsam__bag:focus-visible[b-tbhu1x756e] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

/* U7: satırda güncel kapsamın önerisi (kayıtlı seçimden farklıysa). */
.de-kapsam-oneri[b-tbhu1x756e] {
    margin-top: 6px;
    padding: 6px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    border-radius: var(--radius-sm);
    border: 1px dashed var(--line);
    background: var(--glass);
    min-width: 0;
}

.de-kapsam-oneri > .de-not[b-tbhu1x756e] {
    flex: 1 1 14rem;
    min-width: 0;
}

.de-program-secim[b-tbhu1x756e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.de-secenek[b-tbhu1x756e] {
    font: inherit;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg);
    cursor: pointer;
}

.de-secenek--secili[b-tbhu1x756e] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand-strong);
    font-weight: 600;
}

.de-secenek:focus-visible[b-tbhu1x756e],
.de-cip__cikar:focus-visible[b-tbhu1x756e],
.de-ekle-dugme:focus-visible[b-tbhu1x756e] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.de-tablo-sarma[b-tbhu1x756e] {
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.de-tablo[b-tbhu1x756e] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.de-tablo th[b-tbhu1x756e] {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
}

.de-tablo td[b-tbhu1x756e] {
    padding: 10px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.de-tablo tbody tr:last-child td[b-tbhu1x756e] {
    border-bottom: 0;
}

.de-satir--uyari td[b-tbhu1x756e] {
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
}

.de-hucre-test[b-tbhu1x756e] {
    min-width: 140px;
}

.de-hucre-ders[b-tbhu1x756e] {
    min-width: 170px;
    max-width: 240px;
}

.de-hucre-icerik[b-tbhu1x756e] {
    min-width: 220px;
}

.de-test[b-tbhu1x756e] {
    font-weight: 600;
}

.de-rozet[b-tbhu1x756e] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: var(--radius-pill);
    font-size: 11.5px;
    color: var(--fg-soft);
    border: 1px solid var(--line);
}

.de-cipler[b-tbhu1x756e] {
    list-style: none;
    margin: 0 0 4px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.de-cip[b-tbhu1x756e] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 3px 4px 3px 10px;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--brand) 10%, transparent);
    color: var(--brand-strong);
    font-size: 12.5px;
    font-weight: 600;
}

.de-cip--uyari[b-tbhu1x756e] {
    background: color-mix(in srgb, var(--amber-600) 16%, transparent);
    color: var(--amber-600);
}

.de-cip__ad[b-tbhu1x756e] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.de-cip__cikar[b-tbhu1x756e] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.de-cip__cikar:hover[b-tbhu1x756e] {
    background: var(--glass-hover);
}

.de-ekle[b-tbhu1x756e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 6px;
}

.de-ekle > :first-child[b-tbhu1x756e] {
    flex: 1 1 200px;
    min-width: 0;
}

.de-ekle-dugme[b-tbhu1x756e] {
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    margin-top: 4px;
    padding: 4px 8px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--brand-strong);
    cursor: pointer;
}

.de-kaynak[b-tbhu1x756e] {
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.de-kaynak--bekliyor[b-tbhu1x756e] {
    color: var(--amber-600);
    font-weight: 700;
}

.de-oneri[b-tbhu1x756e] {
    align-items: center;
}

/* U1: sorulardan öneriler — başlık, gerekçe, güven etiketi, toplu kabul onayı. */
.de-oneriler[b-tbhu1x756e] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.de-oneriler__baslik[b-tbhu1x756e] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2px 8px;
    font-size: 13.5px;
    color: var(--fg);
}

.de-oneriler__baslik > span[b-tbhu1x756e] {
    color: var(--fg-soft);
}

.de-oneri__metin[b-tbhu1x756e] {
    display: grid;
    gap: 2px;
    flex: 1 1 240px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.de-oneri__gerekce[b-tbhu1x756e] {
    font-size: 12.5px;
    color: var(--fg-soft);
}

.de-oneri__guven[b-tbhu1x756e] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: var(--radius-pill);
    font-size: 11.5px;
    color: var(--amber-600);
    border: 1px solid var(--line);
    white-space: nowrap;
}

.de-oneri__guven--guclu[b-tbhu1x756e] {
    color: var(--green-600);
}

.de-toplu[b-tbhu1x756e] {
    display: grid;
    gap: 6px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
}

.de-toplu-dugme[b-tbhu1x756e] {
    justify-self: start;
}

.de-oneri-notlari[b-tbhu1x756e] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
}

.de-eylem[b-tbhu1x756e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.de-neden[b-tbhu1x756e] {
    font-size: 13px;
    color: var(--amber-600);
}

@media (max-width: 720px) {
    .de-tablo-sarma[b-tbhu1x756e] {
        border: 0;
        overflow: visible;
    }

    .de-tablo thead[b-tbhu1x756e] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .de-tablo[b-tbhu1x756e],
    .de-tablo tbody[b-tbhu1x756e],
    .de-tablo tr[b-tbhu1x756e],
    .de-tablo td[b-tbhu1x756e] {
        display: block;
        width: 100%;
    }

    .de-tablo tr[b-tbhu1x756e] {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        margin-bottom: 10px;
        overflow: hidden;
    }

    .de-tablo td[b-tbhu1x756e] {
        border-bottom: 0;
        padding: 6px 12px;
        max-width: none;
        min-width: 0;
    }

    .de-tablo td[b-tbhu1x756e]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 11.5px;
        font-weight: 600;
        color: var(--muted);
        margin-bottom: 2px;
    }
}

/* U12 — taslak görünümünde katlanmış ikincil yol (satır satır tablo). */
.de-elle-ac[b-tbhu1x756e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.de-elle[b-tbhu1x756e],
.de-duz[b-tbhu1x756e] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.de-elle[b-tbhu1x756e] {
    padding-top: 12px;
    border-top: 1px dashed var(--line);
}

/* K22 — künyedeki sınıfların programları farklı: soru, varsayılan seçim yok. */
.de-program-soru[b-tbhu1x756e] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--amber-600);
    border-radius: var(--radius-sm);
    min-width: 0;
}

.de-program-soru__metin[b-tbhu1x756e] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/DersEslemesiTaslak.razor.rz.scp.css */
/* Taslak test (U12) — yalnız token renkleri. Tek ekran: seçili taslak, kısa eşleme
   tablosu, tek birincil eylem. Telefonda tablo kart yığınına döner. */
.dt[b-gu5jzlzdir] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.dt-durum[b-gu5jzlzdir],
.dt-ipucu[b-gu5jzlzdir],
.dt-not[b-gu5jzlzdir] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.dt-ipucu[b-gu5jzlzdir] {
    color: var(--muted);
}

.dt-not--uyari[b-gu5jzlzdir] {
    color: var(--amber-600);
    font-weight: 600;
}

.dt-secili[b-gu5jzlzdir] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.dt-ad[b-gu5jzlzdir] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    font-size: 15px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.dt-etiket[b-gu5jzlzdir] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--muted);
}

.dt-bagli[b-gu5jzlzdir] {
    margin: 0;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
    color: var(--fg);
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.dt-tablo-sarma[b-gu5jzlzdir] {
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.dt-tablo[b-gu5jzlzdir] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.dt-tablo th[b-gu5jzlzdir] {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
}

.dt-tablo td[b-gu5jzlzdir] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.dt-tablo tbody tr:last-child td[b-gu5jzlzdir] {
    border-bottom: 0;
}

.dt-satir--uyari td[b-gu5jzlzdir] {
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
}

.dt-test[b-gu5jzlzdir],
.dt-ders[b-gu5jzlzdir] {
    font-weight: 600;
}

.dt-alt[b-gu5jzlzdir] {
    display: block;
    font-size: 12.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.dt-bekliyor[b-gu5jzlzdir] {
    color: var(--amber-600);
    font-weight: 700;
}

.dt-dersler[b-gu5jzlzdir] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.dt-eylem[b-gu5jzlzdir] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.dt-banner[b-gu5jzlzdir] {
    margin: 0;
}

.dt-sonuc[b-gu5jzlzdir] {
    display: grid;
    gap: 6px;
}

.dt-sonuc__bas[b-gu5jzlzdir] {
    margin: 0;
    font-size: 14px;
    color: var(--fg);
}

.dt-diger[b-gu5jzlzdir] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    min-width: 0;
}

.dt-liste[b-gu5jzlzdir] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    max-height: 280px;
    overflow-y: auto;
}

.dt-liste__oge[b-gu5jzlzdir] {
    width: 100%;
    display: grid;
    gap: 2px;
    text-align: left;
    font: inherit;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    cursor: pointer;
}

.dt-liste__oge:hover:not(:disabled)[b-gu5jzlzdir] {
    background: var(--glass-hover);
}

.dt-liste__oge:focus-visible[b-gu5jzlzdir] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.dt-liste__oge--secili[b-gu5jzlzdir] {
    border-color: var(--brand);
    cursor: default;
}

.dt-liste__ad[b-gu5jzlzdir] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .dt-tablo-sarma[b-gu5jzlzdir] {
        border: 0;
        overflow: visible;
    }

    .dt-tablo thead[b-gu5jzlzdir] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .dt-tablo[b-gu5jzlzdir],
    .dt-tablo tbody[b-gu5jzlzdir],
    .dt-tablo tr[b-gu5jzlzdir],
    .dt-tablo td[b-gu5jzlzdir] {
        display: block;
        width: 100%;
    }

    .dt-tablo tr[b-gu5jzlzdir] {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        margin-bottom: 10px;
        overflow: hidden;
    }

    .dt-tablo td[b-gu5jzlzdir] {
        border-bottom: 0;
        padding: 6px 12px;
    }

    .dt-tablo td[b-gu5jzlzdir]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 11.5px;
        font-weight: 600;
        color: var(--muted);
        margin-bottom: 2px;
    }
}

/* K22 — "Hangi programın konuları?" (varsayılan seçim yok). */
.dt-program[b-gu5jzlzdir] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--amber-600);
    border-radius: var(--radius-sm);
    min-width: 0;
}

.dt-secenek[b-gu5jzlzdir] {
    font: inherit;
    font-size: 13.5px;
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: var(--glass);
    color: var(--fg);
    cursor: pointer;
}

.dt-secenek:hover:not(:disabled)[b-gu5jzlzdir] {
    background: var(--glass-hover);
}

.dt-secenek:focus-visible[b-gu5jzlzdir] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.dt-secenek--secili[b-gu5jzlzdir] {
    border-color: var(--brand);
    background: var(--glass-strong);
    font-weight: 600;
}

/* Seçmeli blok (Din YA DA ilave Felsefe) — testin satırında açıkça (2026-09-28). */
.dt-secmeli[b-gu5jzlzdir] {
    display: block;
    margin-top: 4px;
    padding: 4px 8px;
    border-left: 3px solid var(--brand);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 12.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KatilimcilarBolumu.razor.rz.scp.css */
/* Katılımcılar — yalnız token renkleri. */
.kt-durum[b-xaurjm7o8c],
.kt-not[b-xaurjm7o8c],
.kt-ipucu[b-xaurjm7o8c] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kt-ipucu[b-xaurjm7o8c] {
    color: var(--muted);
}

.kt-banner[b-xaurjm7o8c] {
    margin: 0;
    align-items: center;
    flex-wrap: wrap;
}

.kt-grup[b-xaurjm7o8c] {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    display: grid;
    gap: 8px;
}

.kt-grup__baslik[b-xaurjm7o8c] {
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--fg);
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.kt-grup__sayi[b-xaurjm7o8c] {
    font-weight: 500;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.kt-grup__hepsi[b-xaurjm7o8c] {
    justify-self: start;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    padding: 2px 0;
    border: 0;
    background: transparent;
    color: var(--brand-strong);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kt-cipler[b-xaurjm7o8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.kt-cip[b-xaurjm7o8c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    max-width: 100%;
    padding: 4px 6px 4px 12px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg);
    cursor: pointer;
}

.kt-cip--kucuk[b-xaurjm7o8c] {
    min-height: 30px;
    padding: 2px 12px;
    font-size: 12.5px;
}

.kt-cip--secili[b-xaurjm7o8c] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.kt-cip:disabled[b-xaurjm7o8c] {
    cursor: default;
}

.kt-cip:focus-visible[b-xaurjm7o8c],
.kt-grup__hepsi:focus-visible[b-xaurjm7o8c] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kt-cip__ad[b-xaurjm7o8c] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.kt-cip__sayi[b-xaurjm7o8c] {
    min-width: 26px;
    padding: 1px 7px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    color: var(--fg-soft);
    font-size: 12px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.kt-diger[b-xaurjm7o8c] {
    justify-self: start;
}

.kt-beklenen[b-xaurjm7o8c] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    font-size: 15px;
    color: var(--fg);
}

.kt-beklenen__alt[b-xaurjm7o8c] {
    font-size: 12.5px;
    color: var(--muted);
}

.kt-istisna[b-xaurjm7o8c] {
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    background: var(--glass);
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kt-istisna__ozet[b-xaurjm7o8c] {
    margin: 0;
}

.kt-istisna__ayrinti[b-xaurjm7o8c] {
    margin-top: 6px;
}

.kt-istisna__ayrinti summary[b-xaurjm7o8c] {
    cursor: pointer;
    color: var(--brand-strong);
    font-weight: 600;
}

.kt-istisna__ayrinti summary:focus-visible[b-xaurjm7o8c] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.kt-istisna__baslik[b-xaurjm7o8c] {
    margin: 0 0 4px;
    font-weight: 700;
}

.kt-istisna ul[b-xaurjm7o8c] {
    margin: 0;
    padding-left: 18px;
}

.kt-onay[b-xaurjm7o8c] {
    display: grid;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--amber-600) 45%, var(--line));
    background: color-mix(in srgb, var(--amber-600) 8%, transparent);
}

.kt-onay__metin[b-xaurjm7o8c] {
    margin: 0;
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kt-onay__eylem[b-xaurjm7o8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kt-eylem[b-xaurjm7o8c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.kt-neden[b-xaurjm7o8c] {
    font-size: 13px;
    color: var(--muted);
}

/* Ön koşul: kurumda öğrenci yok (U2). Boş durum üçlüsü: neden · beklenen · eylem. */
.kt-bos[b-xaurjm7o8c] {
    margin: 0;
    display: grid;
    gap: 6px;
    min-width: 0;
}

.kt-bos__baslik[b-xaurjm7o8c],
.kt-bos__metin[b-xaurjm7o8c] {
    margin: 0;
    overflow-wrap: anywhere;
}

.kt-subesiz[b-xaurjm7o8c] {
    display: grid;
    gap: 8px;
    justify-items: start;
    min-width: 0;
}

.kt-yukle[b-xaurjm7o8c] {
    max-width: 100%;
    white-space: normal;
    text-align: center;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KatilimcilarOgrenciSecimi.razor.rz.scp.css */
/* Katılımcılar — öğrenci bazlı seçim (planlama). Yalnız token renkleri. */
.ko[b-kyd42powxs] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ko-bolum[b-kyd42powxs] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    min-width: 0;
}

.ko-baslik[b-kyd42powxs] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.ko-sayi[b-kyd42powxs] {
    font-weight: 500;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.ko-ipucu[b-kyd42powxs],
.ko-durum[b-kyd42powxs] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ko-ipucu[b-kyd42powxs] {
    color: var(--muted);
}

.ko-hata[b-kyd42powxs] {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
}

.ko-hata-liste[b-kyd42powxs] {
    margin: 0;
    padding-left: 18px;
    font-size: 12.5px;
    color: var(--red-600);
}

.ko-banner[b-kyd42powxs] {
    margin: 0;
    align-items: center;
    flex-wrap: wrap;
}

.ko-ara[b-kyd42powxs] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
}

.ko-ara > *[b-kyd42powxs] {
    flex: 1 1 200px;
    min-width: 0;
}

.ko-ara__dugme[b-kyd42powxs] {
    flex: 0 0 auto;
}

.ko-liste[b-kyd42powxs] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
    max-height: 320px;
    overflow-y: auto;
}

.ko-satir[b-kyd42powxs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    padding: 6px 8px;
    border-radius: var(--radius-sm);
}

.ko-satir:hover[b-kyd42powxs] {
    background: var(--glass-hover);
}

.ko-satir__ad[b-kyd42powxs] {
    font-weight: 600;
    color: var(--fg);
    min-width: 0;
    overflow-wrap: anywhere;
}

.ko-satir__alt[b-kyd42powxs] {
    font-size: 12.5px;
    color: var(--muted);
    margin-right: auto;
}

.ko-satir__not[b-kyd42powxs] {
    font-size: 12px;
    color: var(--fg-soft);
}

.ko-misafir[b-kyd42powxs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.ko-dosya[b-kyd42powxs] {
    justify-self: start;
    cursor: pointer;
}

.ko-dosya:focus-within[b-kyd42powxs] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ko-dosya--kapali[b-kyd42powxs] {
    opacity: .6;
    pointer-events: none;
}

.ko-excel[b-kyd42powxs] {
    display: grid;
    gap: 6px;
    font-size: 13px;
}

.ko-excel__ozet[b-kyd42powxs] {
    margin: 0;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ko-eylem[b-kyd42powxs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KatilimcilarTestKitlesi.razor.rz.scp.css */
/* Kim hangi teste giriyor — yalnız token renkleri. Telefonda matris kart yığınına döner. */
.tk[b-t0268wxp9k] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.tk-baslik[b-t0268wxp9k] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.tk-ozet[b-t0268wxp9k] {
    margin: 0;
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

.tk-durum[b-t0268wxp9k],
.tk-not[b-t0268wxp9k],
.tk-ipucu[b-t0268wxp9k],
.tk-uyari-metin[b-t0268wxp9k] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.tk-ipucu[b-t0268wxp9k] {
    color: var(--muted);
}

.tk-uyari-metin[b-t0268wxp9k] {
    color: var(--amber-600);
    font-weight: 600;
}

.tk-bas-dugme[b-t0268wxp9k] {
    justify-self: start;
}

.tk-gizli[b-t0268wxp9k] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ─── Öneriler ─── */
.tk-oneri[b-t0268wxp9k] {
    display: grid;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    background: color-mix(in srgb, var(--brand) 6%, transparent);
}

.tk-oneri__baslik[b-t0268wxp9k] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--fg);
}

.tk-oneri__liste[b-t0268wxp9k] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
}

.tk-oneri__satir[b-t0268wxp9k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-width: 0;
}

.tk-oneri__metin[b-t0268wxp9k] {
    flex: 1 1 260px;
    min-width: 0;
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

/* ─── Katılımcı olmayanlar ─── */
.tk-uyari[b-t0268wxp9k] {
    margin: 0;
    display: grid;
    gap: 8px;
    justify-items: start;
}

.tk-uyari__metin[b-t0268wxp9k] {
    margin: 0;
    font-size: 13px;
    overflow-wrap: anywhere;
}

/* ─── Test listesi ─── */
.tk-testler[b-t0268wxp9k] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
}

.tk-test[b-t0268wxp9k] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 12px;
    min-width: 0;
    padding: 6px 0;
    border-bottom: 1px solid var(--line);
    font-size: 13px;
}

.tk-test__ad[b-t0268wxp9k] {
    font-weight: 700;
    color: var(--fg);
    min-width: 0;
    overflow-wrap: anywhere;
}

.tk-test__sayi[b-t0268wxp9k] {
    color: var(--fg-soft);
    font-variant-numeric: tabular-nums;
}

.tk-test__not[b-t0268wxp9k] {
    flex-basis: 100%;
    color: var(--amber-600);
    font-size: 12.5px;
}

.tk-test__eylem[b-t0268wxp9k] {
    margin-left: auto;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px 14px;
}

.tk-link[b-t0268wxp9k] {
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    padding: 2px 0;
    border: 0;
    background: transparent;
    color: var(--brand-strong);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.tk-link--tehlike[b-t0268wxp9k] {
    color: var(--red-600);
}

.tk-link:disabled[b-t0268wxp9k] {
    cursor: default;
    opacity: .55;
}

/* ─── Boşaltma onayı ─── */
.tk-onay[b-t0268wxp9k] {
    display: grid;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--red-500) 40%, var(--line));
    background: color-mix(in srgb, var(--red-500) 6%, transparent);
}

.tk-onay__metin[b-t0268wxp9k] {
    margin: 0;
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.tk-onay__eylem[b-t0268wxp9k] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ─── Matris ─── */
.tk-sar[b-t0268wxp9k] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.tk-tablo[b-t0268wxp9k] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.tk-tablo th[b-t0268wxp9k],
.tk-tablo td[b-t0268wxp9k] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

.tk-tablo thead th[b-t0268wxp9k] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--fg-soft);
    background: var(--glass);
    min-width: 96px;
    overflow-wrap: anywhere;
}

.tk-sube[b-t0268wxp9k] {
    display: grid;
    gap: 2px;
    justify-items: start;
    min-width: 140px;
    font-weight: 400;
}

.tk-sube__ad[b-t0268wxp9k] {
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.tk-sube__alt[b-t0268wxp9k] {
    font-size: 12px;
    color: var(--muted);
}

.tk-hucre[b-t0268wxp9k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    min-width: 84px;
    padding: 4px 10px;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg-soft);
    cursor: pointer;
    font-variant-numeric: tabular-nums;
}

.tk-hucre--tam[b-t0268wxp9k] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.tk-hucre--kismi[b-t0268wxp9k] {
    border-color: var(--amber-600);
    border-style: dashed;
    color: var(--fg);
}

.tk-hucre--bos[b-t0268wxp9k] {
    cursor: default;
    color: var(--muted);
}

.tk-hucre:disabled[b-t0268wxp9k] {
    cursor: default;
}

.tk-detay td[b-t0268wxp9k] {
    background: var(--glass);
}

/* ─── Öğrenci listesi ─── */
.tk-ogrenciler[b-t0268wxp9k] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
}

.tk-ogr[b-t0268wxp9k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-width: 0;
    padding: 6px 0;
    border-bottom: 1px solid var(--line);
}

.tk-ogr:last-child[b-t0268wxp9k] {
    border-bottom: 0;
}

.tk-ogr__kimlik[b-t0268wxp9k] {
    display: grid;
    min-width: 0;
    flex: 1 1 180px;
}

.tk-ogr__ad[b-t0268wxp9k] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.tk-ogr__alt[b-t0268wxp9k] {
    font-size: 12px;
    color: var(--muted);
}

.tk-ogr__alan[b-t0268wxp9k] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    color: var(--fg-soft);
}

.tk-ogr__alan--yok[b-t0268wxp9k] {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--fg);
}

.tk-ogr__sec[b-t0268wxp9k] {
    flex: 0 1 190px;
    min-width: 150px;
}

.tk-cipler[b-t0268wxp9k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.tk-cip[b-t0268wxp9k] {
    min-height: 30px;
    max-width: 100%;
    padding: 2px 12px;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg-soft);
    cursor: pointer;
    overflow-wrap: anywhere;
    text-align: left;
}

.tk-cip--secili[b-t0268wxp9k] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    color: var(--brand-strong);
}

.tk-cip:disabled[b-t0268wxp9k] {
    cursor: default;
}

.tk-link:focus-visible[b-t0268wxp9k],
.tk-hucre:focus-visible[b-t0268wxp9k],
.tk-cip:focus-visible[b-t0268wxp9k] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .tk[b-t0268wxp9k] {
        padding: 10px;
    }

    .tk-sar[b-t0268wxp9k] {
        border: 0;
        overflow: visible;
    }

    .tk-tablo thead[b-t0268wxp9k] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .tk-tablo[b-t0268wxp9k],
    .tk-tablo tbody[b-t0268wxp9k],
    .tk-tablo tr[b-t0268wxp9k],
    .tk-tablo th[b-t0268wxp9k],
    .tk-tablo td[b-t0268wxp9k] {
        display: block;
        width: 100%;
    }

    .tk-tablo tr[b-t0268wxp9k] {
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        margin-bottom: 10px;
        overflow: hidden;
    }

    .tk-tablo th[b-t0268wxp9k],
    .tk-tablo td[b-t0268wxp9k] {
        border-bottom: 0;
        padding: 6px 12px;
        min-width: 0;
    }

    .tk-tablo td[data-etiket][b-t0268wxp9k]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 11.5px;
        font-weight: 600;
        color: var(--muted);
        margin-bottom: 2px;
    }

    .tk-test__eylem[b-t0268wxp9k] {
        margin-left: 0;
    }

    .tk-ogr__sec[b-t0268wxp9k] {
        flex: 1 1 100%;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KatkiSinaviBolumu.razor.rz.scp.css */
.kst[b-ak41mde2u3] {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    justify-items: start;
}

.kst > *[b-ak41mde2u3] {
    max-width: 100%;
}

.kst-baslik[b-ak41mde2u3] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.kst-satir[b-ak41mde2u3] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.kst-etiket[b-ak41mde2u3] {
    color: var(--fg-soft);
}

.kst-not[b-ak41mde2u3],
.kst-uyari[b-ak41mde2u3] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kst-uyari[b-ak41mde2u3] {
    color: var(--red-600);
}

.kst-sec[b-ak41mde2u3] {
    display: grid;
    gap: 8px;
    width: 100%;
    max-width: 520px;
}

.kst-eylemler[b-ak41mde2u3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KontrolAnahtarKuskusu.razor.rz.scp.css */
.kak[b-d5ngjmobvp] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.kak-banner[b-d5ngjmobvp] {
    margin: 0;
}

.kak-not[b-d5ngjmobvp] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.kak-liste[b-d5ngjmobvp] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.kak-soru[b-d5ngjmobvp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--amber-600);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.kak-soru__ad[b-d5ngjmobvp] {
    font-weight: 600;
    color: var(--fg);
}

.kak-soru__neden[b-d5ngjmobvp] {
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
    flex: 1 1 240px;
    min-width: 0;
}

.kak-soru__not[b-d5ngjmobvp] {
    flex-basis: 100%;
    font-size: 12.5px;
    color: var(--amber-600);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KontrolBolumu.razor.rz.scp.css */
.kob[b-31s858wmow] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

/* `::deep`: hata şeridi ortak `AnalizHataSeridi` bileşeniyle çizilir. */
.kob[b-31s858wmow]  .kob-banner {
    margin: 0;
}

.kob-durum[b-31s858wmow],
.kob-not[b-31s858wmow] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kob-not[b-31s858wmow] {
    color: var(--muted);
}

.kob-bos[b-31s858wmow] {
    display: grid;
    gap: 10px;
    justify-items: start;
}

.kob-bos p[b-31s858wmow] {
    margin: 0;
    color: var(--fg-soft);
}

.kob-ozet[b-31s858wmow] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.kob-ozet:focus-visible[b-31s858wmow] {
    outline: 2px solid var(--brand);
    outline-offset: 4px;
    border-radius: var(--radius-sm, 8px);
}

.kob-baslik[b-31s858wmow] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.kob-sayac[b-31s858wmow] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

.kob-sayac--bekliyor[b-31s858wmow] {
    color: var(--amber-600);
}

.kob-sayac--tamam[b-31s858wmow] {
    color: var(--green-600);
}

.kob-sayilar[b-31s858wmow] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    gap: 8px;
}

.kob-sayilar > div[b-31s858wmow] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    padding: 6px 10px;
    min-width: 0;
}

.kob-sayilar dt[b-31s858wmow] {
    font-size: 12px;
    color: var(--muted);
}

.kob-sayilar dd[b-31s858wmow] {
    margin: 2px 0 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--fg);
    font-variant-numeric: tabular-nums;
}

.kob-dagilim[b-31s858wmow] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--fg-soft);
}

.kob-cip[b-31s858wmow] {
    display: inline-block;
    padding: 1px 9px;
    border-radius: var(--radius-pill, 999px);
    border: 1px solid var(--line);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.kob-liste[b-31s858wmow] {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.kob-katlanir summary[b-31s858wmow] {
    cursor: pointer;
    font-size: 13px;
    color: var(--fg-soft);
}

.kob-grup[b-31s858wmow] {
    display: grid;
    gap: 8px;
    min-width: 0;
    scroll-margin-top: calc(var(--topbar-h, 64px) + 16px);
}

.kob-grup__bas[b-31s858wmow] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

.kob-grup__bas .kob-baslik[b-31s858wmow] {
    margin-right: auto;
}

.kob-grup__sayi[b-31s858wmow] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 8px;
    border-radius: var(--radius-pill, 999px);
    background: var(--n-100, var(--glass-hover));
    font-size: 12px;
    color: var(--fg-soft);
}

.kob-sorunlar[b-31s858wmow] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.kob-sorun[b-31s858wmow] {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.kob-sorun--bekliyor[b-31s858wmow] {
    border-left: 3px solid var(--amber-600);
}

.kob-sorun--karar[b-31s858wmow] {
    border-left: 3px solid var(--green-600);
    background: color-mix(in srgb, var(--green-600) 4%, transparent);
}

.kob-sorun__bas[b-31s858wmow] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    align-items: baseline;
}

.kob-sorun__baslik[b-31s858wmow] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
    min-width: 0;
}

.kob-sorun__durum[b-31s858wmow] {
    font-size: 12px;
    color: var(--muted);
}

.kob-sorun__aciklama[b-31s858wmow],
.kob-sorun__oneri[b-31s858wmow],
.kob-sorun__karar[b-31s858wmow] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.kob-sorun__oneri[b-31s858wmow] {
    color: var(--brand-strong);
}

.kob-sorun__karar[b-31s858wmow] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    color: var(--green-600);
    font-weight: 600;
}

.kob-sorun__eylemler[b-31s858wmow] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kob-eylemler[b-31s858wmow] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* ── U6: çözülenler anahtarı, son karar, öneri işareti, yapışkan eylem çubuğu ── */
.kob-sayac__alt[b-31s858wmow] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-soft);
}

.kob-arac[b-31s858wmow] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.kob-son[b-31s858wmow] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--green-600);
    border-radius: var(--radius-sm, 8px);
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
    min-width: 0;
}

.kob-son > span[b-31s858wmow] {
    min-width: 0;
}

.kob-secenek--onerilen[b-31s858wmow] {
    border-color: var(--brand);
    color: var(--brand-strong);
    font-weight: 600;
}

.kob-oneri-etiket[b-31s858wmow] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 7px;
    border-radius: var(--radius-pill, 999px);
    border: 1px solid var(--brand);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--brand-strong);
}

.kob-eylemler--yapiskan[b-31s858wmow] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass-strong, var(--glass));
    backdrop-filter: blur(10px);
}

.kob-kalan[b-31s858wmow] {
    font-size: 14px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.kob-kalan--bekliyor[b-31s858wmow] {
    color: var(--amber-600);
}

.kob-kalan--tamam[b-31s858wmow] {
    color: var(--green-600);
}

.kob-birincil--bekliyor[b-31s858wmow] {
    opacity: 0.6;
}

.kob-neden[b-31s858wmow] {
    flex: 1 1 220px;
    min-width: 0;
}

@media (max-width: 480px) {
    .kob-sorun__eylemler .au-btn[b-31s858wmow],
    .kob-eylemler .au-btn[b-31s858wmow] {
        flex: 1 1 100%;
        justify-content: center;
        white-space: normal;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KontrolElleDuzeltme.razor.rz.scp.css */
.ked[b-vfmr09xjjc] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.ked-hata[b-vfmr09xjjc],
.ked-bilgi[b-vfmr09xjjc],
.ked-not[b-vfmr09xjjc] {
    margin: 0;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.ked-hata[b-vfmr09xjjc] {
    color: var(--red-600);
}

.ked-bilgi[b-vfmr09xjjc] {
    color: var(--green-600);
}

.ked-not[b-vfmr09xjjc] {
    color: var(--muted);
}

.ked-secim[b-vfmr09xjjc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.ked-ogrenciler[b-vfmr09xjjc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 6px;
}

.ked-ogrenci[b-vfmr09xjjc] {
    width: 100%;
    display: grid;
    gap: 2px;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass-strong, var(--glass));
    color: var(--fg);
    font: inherit;
    cursor: pointer;
}

.ked-ogrenci:hover[b-vfmr09xjjc] {
    background: var(--glass-hover);
}

.ked-ogrenci:focus-visible[b-vfmr09xjjc] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ked-ogrenci__ad[b-vfmr09xjjc] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ked-ogrenci__alt[b-vfmr09xjjc] {
    font-size: 12.5px;
    color: var(--muted);
}

.ked-ogrenci-panel[b-vfmr09xjjc] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ked-ogrenci-panel--kagitli[b-vfmr09xjjc] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.ked-duzen[b-vfmr09xjjc] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.ked-kimlik[b-vfmr09xjjc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.ked-kimlik strong[b-vfmr09xjjc] {
    color: var(--fg);
}

.ked-kayit[b-vfmr09xjjc] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.ked-kayit[b-vfmr09xjjc]  .app-input {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.08em;
}

.ked-eylemler[b-vfmr09xjjc],
.ked-kitapcik[b-vfmr09xjjc] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 8px;
}

.ked-sayilar[b-vfmr09xjjc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
}

.ked-maddeler[b-vfmr09xjjc] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.ked-maddeler legend[b-vfmr09xjjc] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--fg);
}

.ked-katilim summary[b-vfmr09xjjc] {
    cursor: pointer;
    font-size: 13px;
    color: var(--fg-soft);
}

.ked-katilim[b-vfmr09xjjc] {
    display: grid;
    gap: 8px;
}

.ked-kagit[b-vfmr09xjjc] {
    min-width: 0;
}

.ked-kagit__gorsel[b-vfmr09xjjc] {
    width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
}

@media (max-width: 900px) {
    .ked-ogrenci-panel--kagitli[b-vfmr09xjjc] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KontrolElleGiris.razor.rz.scp.css */
.keg[b-rsr7d6b93o] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.keg-not[b-rsr7d6b93o],
.keg-etki[b-rsr7d6b93o],
.keg-sonuc[b-rsr7d6b93o] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.keg-sonuc[b-rsr7d6b93o] {
    color: var(--green-600);
}

.keg-hata[b-rsr7d6b93o] {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    overflow-wrap: anywhere;
}

.keg-secim[b-rsr7d6b93o] {
    margin: 0;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    overflow-wrap: anywhere;
}

.keg-arama[b-rsr7d6b93o] {
    max-width: 420px;
}

.keg-ogrenciler[b-rsr7d6b93o] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 6px;
}

.keg-ogrenci[b-rsr7d6b93o] {
    width: 100%;
    display: grid;
    gap: 2px;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass);
    color: var(--fg);
    cursor: pointer;
    font: inherit;
}

.keg-ogrenci:hover:not(:disabled)[b-rsr7d6b93o] {
    background: var(--glass-hover);
}

.keg-ogrenci:focus-visible[b-rsr7d6b93o] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.keg-ogrenci__ad[b-rsr7d6b93o] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.keg-ogrenci__alt[b-rsr7d6b93o] {
    font-size: 12.5px;
    color: var(--muted);
}

.keg-form[b-rsr7d6b93o] {
    display: grid;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line);
}

.keg-alan[b-rsr7d6b93o] {
    max-width: 360px;
    min-width: 0;
}

.keg-alan--genis[b-rsr7d6b93o] {
    max-width: 100%;
}

.keg-alan--genis[b-rsr7d6b93o]  .app-input {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .08em;
}

.keg-sayac[b-rsr7d6b93o] {
    margin: 4px 0 0;
    font-size: 12.5px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.keg-sayac--uyari[b-rsr7d6b93o] {
    color: var(--amber-600);
}

.keg-eylemler[b-rsr7d6b93o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KontrolOgrenciArama.razor.rz.scp.css */
.koa[b-k92j0cseym] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.koa-ust[b-k92j0cseym] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 14px;
    align-items: end;
}

.koa-kutu[b-k92j0cseym] {
    min-width: 0;
}

.koa-eylemler[b-k92j0cseym] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.koa-not[b-k92j0cseym],
.koa-hata[b-k92j0cseym] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.koa-hata[b-k92j0cseym] {
    color: var(--red-600);
}

.koa-sonuclar[b-k92j0cseym] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
}

.koa-sonuc[b-k92j0cseym] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    padding: 6px 8px;
    border-radius: var(--radius-sm, 8px);
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.koa-sonuc__ad[b-k92j0cseym] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.koa-sonuc__alt[b-k92j0cseym] {
    font-size: 12.5px;
    color: var(--muted);
    margin-right: auto;
}

.koa-misafir[b-k92j0cseym] {
    display: grid;
    gap: 6px;
    justify-items: start;
    padding-top: 6px;
    border-top: 1px solid var(--line);
}

@media (max-width: 640px) {
    .koa-ust[b-k92j0cseym] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KontrolTarama.razor.rz.scp.css */
.ktt[b-ll54ievisa] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.ktt-not[b-ll54ievisa],
.ktt-etki[b-ll54ievisa] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ktt-hata[b-ll54ievisa] {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
    overflow-wrap: anywhere;
}

.ktt-kagitlar[b-ll54ievisa] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.ktt-kagit[b-ll54ievisa] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--amber-600);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.ktt-kagit--hazir[b-ll54ievisa] {
    border-color: var(--green-600);
}

.ktt-kagit__bas[b-ll54ievisa] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: baseline;
}

.ktt-kagit__ad[b-ll54ievisa] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
    min-width: 0;
}

.ktt-kagit__alt[b-ll54ievisa] {
    font-size: 12.5px;
    color: var(--muted);
}

.ktt-kagit__durum[b-ll54ievisa] {
    margin-left: auto;
    font-size: 12.5px;
    color: var(--fg-soft);
}

.ktt-eylemler[b-ll54ievisa],
.ktt-secenekler[b-ll54ievisa] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.ktt-karar[b-ll54ievisa] {
    display: grid;
    gap: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--line);
}

.ktt-karar__baslik[b-ll54ievisa] {
    margin: 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-soft);
}

.ktt-secim[b-ll54ievisa] {
    margin: 0;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.ktt-dugme--secili[b-ll54ievisa] {
    background: var(--brand);
    color: var(--on-brand);
    border-color: var(--brand);
}

.ktt-onayla[b-ll54ievisa] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 13px;
}

.ktt-isaretler[b-ll54ievisa] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.ktt-isaret[b-ll54ievisa] {
    display: grid;
    gap: 4px;
}

.ktt-isaret__cumle[b-ll54ievisa] {
    margin: 0;
    font-size: 13px;
    color: var(--fg);
}

.ktt-oneri[b-ll54ievisa] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
}

.ktt-onay[b-ll54ievisa] {
    display: grid;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--red-500);
    border-radius: var(--radius-sm, 8px);
    font-size: 13px;
}

.ktt-onay p[b-ll54ievisa] {
    margin: 0;
    overflow-wrap: anywhere;
}

.ktt-gorsel[b-ll54ievisa] {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
}

.ktt-iz summary[b-ll54ievisa] {
    cursor: pointer;
    font-size: 13px;
    color: var(--fg-soft);
}

.ktt-iz ul[b-ll54ievisa] {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 12.5px;
    overflow-wrap: anywhere;
}

.ktt-iz__zaman[b-ll54ievisa] {
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/KunyeBolumu.razor.rz.scp.css */
/* Künye bölümü — yalnız token. */
.kb[b-l0mg319l9w] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.kb-dl[b-l0mg319l9w] {
    display: grid;
    gap: 6px;
    margin: 0;
    font-size: 14px;
}

.kb-dl > div[b-l0mg319l9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.kb-dl dt[b-l0mg319l9w],
.kb-etiket[b-l0mg319l9w] {
    color: var(--muted);
    font-weight: 600;
    min-width: 96px;
}

.kb-dl dd[b-l0mg319l9w] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.kb-iki[b-l0mg319l9w] {
    align-items: start;
}

.kb-donem[b-l0mg319l9w] {
    margin: 0;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.kb-not[b-l0mg319l9w] {
    margin: 0;
    color: var(--fg-soft);
    font-size: 13.5px;
}

.kb-kalin[b-l0mg319l9w] {
    margin: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.kb-eylemler[b-l0mg319l9w] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.kb-diger[b-l0mg319l9w] {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px dashed var(--line);
}

.kb-alt-baslik[b-l0mg319l9w] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.kb-diger__dugmeler[b-l0mg319l9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kb-sil[b-l0mg319l9w] {
    color: var(--red-600);
}

.kb-onay[b-l0mg319l9w] {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

@media (max-width: 560px) {
    .kb-eylemler > .au-btn[b-l0mg319l9w] {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* FE6: arşiv bandı ve dönem düzeltme */
.kb-arsiv[b-l0mg319l9w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    margin-bottom: 0;
}

.kb-donem-duzelt[b-l0mg319l9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/OkumaSablonuBolumu.razor.rz.scp.css */
/* Okuma şablonu — yalnız token renkleri. */
.os-durum[b-yahcbdpz21],
.os-ipucu[b-yahcbdpz21],
.os-not[b-yahcbdpz21] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.os-ipucu[b-yahcbdpz21] {
    color: var(--muted);
}

.os-banner[b-yahcbdpz21] {
    margin: 0;
    align-items: center;
    flex-wrap: wrap;
}

.os-yollar[b-yahcbdpz21] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
}

.os-yol[b-yahcbdpz21] {
    display: grid;
    gap: 3px;
    text-align: left;
    font: inherit;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg);
    cursor: pointer;
    min-width: 0;
    transition: border-color .15s var(--ease-smooth), background .15s var(--ease-smooth);
}

.os-yol:hover:not(:disabled)[b-yahcbdpz21] {
    background: var(--glass-hover);
}

.os-yol--secili[b-yahcbdpz21] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 10%, transparent);
}

.os-yol:disabled[b-yahcbdpz21] {
    cursor: default;
    opacity: .75;
}

.os-yol:focus-visible[b-yahcbdpz21],
.os-sablon:focus-visible[b-yahcbdpz21],
.os-dosya:focus-within[b-yahcbdpz21] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.os-yol__baslik[b-yahcbdpz21] {
    font-weight: 700;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.os-yol__aciklama[b-yahcbdpz21] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.os-panel[b-yahcbdpz21] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.os-suzgec[b-yahcbdpz21] {
    max-width: 420px;
}

.os-liste[b-yahcbdpz21] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    max-height: 360px;
    overflow-y: auto;
}

.os-sablon[b-yahcbdpz21] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    text-align: left;
    font: inherit;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg);
    cursor: pointer;
}

.os-sablon--secili[b-yahcbdpz21] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 10%, transparent);
}

.os-sablon:hover:not(:disabled)[b-yahcbdpz21] {
    background: var(--glass-hover);
}

.os-sablon:disabled[b-yahcbdpz21] {
    cursor: default;
}

/* Seçim göstergesi: satırın seçilebilir olduğu ve hangisinin seçili olduğu görünür (#12). */
.os-radyo[b-yahcbdpz21] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--muted);
    background: transparent;
    display: inline-grid;
    place-items: center;
}

.os-sablon--secili .os-radyo[b-yahcbdpz21] {
    border-color: var(--brand);
}

.os-sablon--secili .os-radyo[b-yahcbdpz21]::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--brand);
}

.os-sablon__govde[b-yahcbdpz21] {
    flex: 1 1 220px;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 10px;
}

.os-sablon__ad[b-yahcbdpz21] {
    font-weight: 700;
    overflow-wrap: anywhere;
    min-width: 0;
}

.os-sablon__alt[b-yahcbdpz21] {
    font-size: 12.5px;
    color: var(--fg-soft);
}

.os-rozet[b-yahcbdpz21] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--green-600);
}

.os-fmt[b-yahcbdpz21] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
}

.os-fmt > :first-child[b-yahcbdpz21] {
    flex: 1 1 240px;
    min-width: 0;
}

.os-dosya[b-yahcbdpz21] {
    position: relative;
    cursor: pointer;
}

.os-dosya--kapali[b-yahcbdpz21] {
    opacity: .6;
    pointer-events: none;
}

.os-uyari-liste[b-yahcbdpz21] {
    margin: 0;
    padding-left: 18px;
}

.os-eylem[b-yahcbdpz21] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.os-neden[b-yahcbdpz21] {
    font-size: 13px;
    color: var(--muted);
}

.os-ara[b-yahcbdpz21] {
    max-width: 420px;
}

.os-neden--uyari[b-yahcbdpz21] {
    color: var(--amber-600);
}

.os-dosya-adi[b-yahcbdpz21] {
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
    min-width: 0;
}

.os-liste--aday[b-yahcbdpz21] {
    max-height: none;
}

.os-puan[b-yahcbdpz21] {
    flex: 0 0 auto;
    font-size: 12.5px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    border: 1px solid currentColor;
}

.os-puan--iyi[b-yahcbdpz21] {
    color: var(--green-600);
}

.os-puan--orta[b-yahcbdpz21] {
    color: var(--amber-600);
}

.os-puan--dusuk[b-yahcbdpz21] {
    color: var(--red-600);
}

.os-gerekce[b-yahcbdpz21] {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    background: var(--glass);
    min-width: 0;
}

.os-gerekce__baslik[b-yahcbdpz21] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

/* Örnek satırların cevap sütunu kırılmaz (nowrap); dar ekranda tablo kendi
   kabında kayar, sayfa yatay kaymaz. Tablo tasarım sisteminin `au-result-table`
   sınıfıyla çizilir (`au-table` ortak CSS'te tanımlı değildi, tablo stilsizdi). */
.os-ornek[b-yahcbdpz21] {
    max-width: 100%;
    overflow-x: auto;
}

.os-ornek__cevap[b-yahcbdpz21] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: nowrap;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SinavBolumu.razor.rz.scp.css */
/* Mod ve sınav bölümü — yalnız token. */
.sb[b-svs5plwsju] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.sb-kunye[b-svs5plwsju] {
    display: grid;
    gap: 6px;
    margin: 0;
    font-size: 14px;
}

.sb-kunye > div[b-svs5plwsju] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
}

.sb-kunye dt[b-svs5plwsju] {
    color: var(--muted);
    min-width: 72px;
    font-weight: 600;
}

.sb-kunye dd[b-svs5plwsju] {
    margin: 0;
    color: var(--fg);
    min-width: 0;
    overflow-wrap: anywhere;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.sb-ek[b-svs5plwsju] {
    color: var(--muted);
    font-size: 13px;
}

.sb-not[b-svs5plwsju] {
    margin: 0;
    color: var(--fg-soft);
    font-size: 13.5px;
}

.sb-kalin[b-svs5plwsju] {
    margin: 0;
    font-weight: 600;
}

.sb-eylemler[b-svs5plwsju] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.sb-eylemler--sol[b-svs5plwsju] {
    justify-content: flex-start;
    margin-top: 8px;
}

.sb-oner[b-svs5plwsju] {
    display: grid;
    gap: 6px;
    justify-items: start;
}

.sb-sonra-bolumu[b-svs5plwsju] {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding-top: 12px;
    border-top: 1px dashed var(--line);
}

.sb-sonra-bolumu > :first-child[b-svs5plwsju],
.sb-alt-baslik[b-svs5plwsju] {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--fg);
}

.sb-sonra-bolumu[b-svs5plwsju]  .adz {
    width: 100%;
}

/* Mod etiketinin altındaki açıklama kendi satırına iner. */
.sb-mod-aciklama[b-svs5plwsju] {
    flex-basis: 100%;
    font-size: 12.5px;
    color: var(--muted);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SinavKazanimAdimi.razor.rz.scp.css */
/* KAZANIMLAR satırı (B). Kazanımsız ya da kapalı hâl NÖTRDÜR: renk (sarı/kırmızı) ve bant yok,
   düz metin; eşleştirme açıkken Kütüphane'deki ortak blok (KazanimEslesmeOzeti) çizilir. */

.skz[b-9ieczo6bc5] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.skz-notr[b-9ieczo6bc5] {
    margin: 0;
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.skz-not[b-9ieczo6bc5] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.skz-eylem[b-9ieczo6bc5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    min-width: 0;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SinavYapisi.razor.rz.scp.css */
/* Sınavın yapısı ve soruları (ajan B2) — yalnız token. Alt sekmelerin (SinavYapisi*)
   ortak sınıfları burada `::deep` ile stillenir; her alt bileşen ayrı kopya taşımaz. */

.sy[b-vrhbrvjs9i] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding-top: 12px;
    border-top: 1px dashed var(--line);
}

.sy-ac[b-vrhbrvjs9i] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .2s var(--ease-smooth);
}

.sy-ac:hover[b-vrhbrvjs9i] {
    background: var(--glass-hover);
}

.sy-ac:focus-visible[b-vrhbrvjs9i] {
    outline: 2px solid var(--brand-strong);
    outline-offset: 2px;
}

.sy-ac__ok[b-vrhbrvjs9i] {
    display: inline-flex;
    margin-top: 2px;
    color: var(--muted);
    transition: transform .2s var(--ease-smooth);
}

.sy-ac__ok--acik[b-vrhbrvjs9i] {
    transform: rotate(90deg);
}

.sy-ac__metin[b-vrhbrvjs9i] {
    display: grid;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}

.sy-ac__baslik[b-vrhbrvjs9i] {
    font-size: 14.5px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.sy-ac__ozet[b-vrhbrvjs9i] {
    font-size: 13.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.sy-ac__eylem[b-vrhbrvjs9i] {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 600;
    color: var(--brand-strong);
}

.sy-govde[b-vrhbrvjs9i] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.sy-sekmeler[b-vrhbrvjs9i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.sy-sekme[b-vrhbrvjs9i] {
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: 13.5px;
    cursor: pointer;
}

.sy-sekme:hover[b-vrhbrvjs9i] {
    background: var(--glass-hover);
}

.sy-sekme:focus-visible[b-vrhbrvjs9i] {
    outline: 2px solid var(--brand-strong);
    outline-offset: 2px;
}

.sy-sekme--secili[b-vrhbrvjs9i] {
    background: var(--brand-strong);
    border-color: var(--brand-strong);
    color: var(--on-brand);
    font-weight: 600;
}

/* ── alt sekmelerin ortak sınıfları ─────────────────────────────── */

.sy[b-vrhbrvjs9i]  .sy-not,
.sy-not[b-vrhbrvjs9i] {
    margin: 0;
    color: var(--fg-soft);
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-ipucu {
    margin: 0;
    color: var(--muted);
    font-size: 12.5px;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-durum,
.sy-durum[b-vrhbrvjs9i] {
    margin: 0;
    color: var(--muted);
    font-size: 13.5px;
}

.sy[b-vrhbrvjs9i]  .sy-kilit-notu {
    margin: 0;
    padding: 8px 10px;
    border-left: 3px solid var(--amber-600);
    border-radius: var(--radius-sm);
    background: var(--glass);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-satir {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    min-width: 0;
}

.sy[b-vrhbrvjs9i]  .sy-dugmeler,
.sy[b-vrhbrvjs9i]  .sy-eylemler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.sy[b-vrhbrvjs9i]  .sy-alt-baslik {
    margin: 4px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-kalin {
    margin: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-ad {
    display: block;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-ek {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-eksik {
    display: block;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--analiz-dikkat-metin);
}

.sy[b-vrhbrvjs9i]  .sy-kod {
    display: inline-block;
    margin-left: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    color: var(--muted);
}

.sy[b-vrhbrvjs9i]  .sy-kazanim-metni {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-basari {
    margin: 0;
    color: var(--basari-metin);
    font-size: 13.5px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-uyari-metni {
    margin: 0;
    color: var(--danger-metin);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-gizli {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* tablolar (`au-table` ortak CSS'te tanımlı değil) */
.sy[b-vrhbrvjs9i]  .sy-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.sy[b-vrhbrvjs9i]  .sy-tablo th,
.sy[b-vrhbrvjs9i]  .sy-tablo td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

.sy[b-vrhbrvjs9i]  .sy-tablo thead th {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--muted);
}

.sy[b-vrhbrvjs9i]  .sy-sayi {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.sy[b-vrhbrvjs9i]  .sy-sil {
    color: var(--danger-metin);
}

/* formlar ve paneller */
.sy[b-vrhbrvjs9i]  .sy-form,
.sy[b-vrhbrvjs9i]  .sy-panel,
.sy[b-vrhbrvjs9i]  .sy-onizleme {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.sy[b-vrhbrvjs9i]  .sy-eylem-satiri {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sy[b-vrhbrvjs9i]  .sy-kazanim,
.sy[b-vrhbrvjs9i]  .sy-arama,
.sy[b-vrhbrvjs9i]  .sy-yukle {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.sy[b-vrhbrvjs9i]  .sy-sonuclar {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 320px;
    overflow-y: auto;
}

.sy[b-vrhbrvjs9i]  .sy-sonuc {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    color: var(--fg);
    font: inherit;
    font-size: 13.5px;
    text-align: left;
    cursor: pointer;
}

.sy[b-vrhbrvjs9i]  .sy-sonuc:hover {
    background: var(--glass-hover);
}

.sy[b-vrhbrvjs9i]  .sy-sonuc:focus-visible {
    outline: 2px solid var(--brand-strong);
    outline-offset: 1px;
}

.sy[b-vrhbrvjs9i]  .sy-sonuc--secili {
    border-color: var(--brand-strong);
    box-shadow: inset 3px 0 0 var(--brand-strong);
}

.sy[b-vrhbrvjs9i]  .sy-sonuc__metin {
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-kisi-listesi,
.sy[b-vrhbrvjs9i]  .sy-kitapcik-listesi,
.sy[b-vrhbrvjs9i]  .sy-eksikler {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sy[b-vrhbrvjs9i]  .sy-kisi,
.sy[b-vrhbrvjs9i]  .sy-kitapcik,
.sy[b-vrhbrvjs9i]  .sy-eksik-satiri {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-width: 0;
    padding: 6px 0;
    border-bottom: 1px solid var(--line);
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-kitapcik .sy-ad {
    min-width: 120px;
}

.sy[b-vrhbrvjs9i]  .sy-kitapcik .sy-eylemler {
    margin-left: auto;
}

.sy[b-vrhbrvjs9i]  .sy-kunye {
    display: grid;
    gap: 6px;
    margin: 0;
    font-size: 14px;
}

.sy[b-vrhbrvjs9i]  .sy-kunye > div {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.sy[b-vrhbrvjs9i]  .sy-kunye dt {
    min-width: 90px;
    color: var(--muted);
    font-weight: 600;
}

.sy[b-vrhbrvjs9i]  .sy-kunye dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-onay-kutusu {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-hatalar {
    font-size: 13px;
}

.sy[b-vrhbrvjs9i]  .sy-hatalar summary {
    cursor: pointer;
    font-weight: 600;
}

.sy[b-vrhbrvjs9i]  .sy-hatalar summary:focus-visible {
    outline: 2px solid var(--brand-strong);
    outline-offset: 2px;
}

.sy[b-vrhbrvjs9i]  .sy-hatalar ul {
    margin: 6px 0 0;
    padding-left: 18px;
}

/* sıra eşlemesi ızgarası */
.sy[b-vrhbrvjs9i]  .sy-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 8px;
}

.sy[b-vrhbrvjs9i]  .sy-hucre {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.sy[b-vrhbrvjs9i]  .sy-hucre__etiket {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-soft);
}

.sy[b-vrhbrvjs9i]  .sy-hucre__girdi {
    width: 100%;
    min-width: 0;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
    color: var(--fg);
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.sy[b-vrhbrvjs9i]  .sy-hucre__girdi:focus-visible {
    outline: 2px solid var(--brand-strong);
    outline-offset: 1px;
}

.sy[b-vrhbrvjs9i]  .sy-hucre--hata .sy-hucre__girdi {
    border-color: var(--red-600);
}

.sy[b-vrhbrvjs9i]  .sy-hucre__hata {
    font-size: 12px;
    color: var(--danger-metin);
    overflow-wrap: anywhere;
}

/* satır içi onay */
.sy[b-vrhbrvjs9i]  .sy-onay {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--amber-600);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
}

.sy[b-vrhbrvjs9i]  .sy-onay--tehlike {
    border-left-color: var(--red-600);
}

.sy[b-vrhbrvjs9i]  .sy-onay__baslik {
    margin: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-onay__cumle {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.sy[b-vrhbrvjs9i]  .sy-onay__eylem {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
}

/* telefon: tablolar kart yığınına döner, düğmeler tam genişlik */
@media (max-width: 560px) {
    .sy[b-vrhbrvjs9i]  .sy-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .sy[b-vrhbrvjs9i]  .sy-tablo tr {
        display: grid;
        gap: 4px;
        padding: 10px 0;
        border-bottom: 1px solid var(--line);
    }

    .sy[b-vrhbrvjs9i]  .sy-tablo td {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 8px;
        padding: 0 !important;
        border: 0 !important;
        text-align: left !important;
    }

    .sy[b-vrhbrvjs9i]  .sy-tablo td[data-etiket]::before {
        content: attr(data-etiket);
        min-width: 96px;
        color: var(--muted);
        font-size: 12.5px;
        font-weight: 600;
    }

    .sy[b-vrhbrvjs9i]  .sy-eylem-satiri > .au-btn,
    .sy[b-vrhbrvjs9i]  .sy-onay__eylem > .au-btn {
        flex: 1 1 auto;
        justify-content: center;
    }

    .sy[b-vrhbrvjs9i]  .sy-kitapcik .sy-eylemler {
        margin-left: 0;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SonucBolumu.razor.rz.scp.css */
.snb[b-nwzngh1oqk] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.snb-kisim[b-nwzngh1oqk] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.snb-baslik[b-nwzngh1oqk] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

/* `::deep`: hata şeridi ortak `AnalizHataSeridi` bileşeniyle çizilir. */
.snb[b-nwzngh1oqk]  .snb-banner {
    margin: 0;
}

.snb-durum[b-nwzngh1oqk],
.snb-not[b-nwzngh1oqk] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.snb-durum[b-nwzngh1oqk] {
    color: var(--fg-soft);
}

.snb-etki[b-nwzngh1oqk] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.snb-yayin[b-nwzngh1oqk] {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.snb-onay[b-nwzngh1oqk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
    cursor: pointer;
}

.snb-onay input[b-nwzngh1oqk] {
    width: 18px;
    height: 18px;
    flex: none;
    accent-color: var(--brand);
}

.snb-onay input:focus-visible[b-nwzngh1oqk] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.snb-eylemler[b-nwzngh1oqk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Tek eylem: yayım sayfasına geçiş. */
.snb-yayim-eylem[b-nwzngh1oqk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    background: var(--glass);
}

.snb-yayim-eylem .snb-not[b-nwzngh1oqk] {
    flex: 1 1 260px;
    color: var(--fg-soft);
}

/* Ayrıntı: yerleşik <details>; klavyeyle açılır, açılmadan içerik yer kaplamaz. */
.snb-ayrintilar[b-nwzngh1oqk] {
    gap: 8px;
}

.snb-ayrinti[b-nwzngh1oqk] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.snb-ayrinti__bas[b-nwzngh1oqk] {
    display: grid;
    gap: 2px;
    padding: 10px 14px;
    cursor: pointer;
    border-radius: var(--radius-sm, 8px);
    list-style-position: inside;
}

.snb-ayrinti__bas:hover[b-nwzngh1oqk] {
    background: var(--glass-hover, var(--glass));
}

.snb-ayrinti__bas:focus-visible[b-nwzngh1oqk] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.snb-ayrinti__ad[b-nwzngh1oqk] {
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.snb-ayrinti__ne[b-nwzngh1oqk] {
    font-size: 12px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.snb-ayrinti__govde[b-nwzngh1oqk] {
    padding: 4px 14px 14px;
    display: grid;
    gap: 10px;
    min-width: 0;
}

.snb-ayrinti-baglanti[b-nwzngh1oqk] {
    margin: 0;
    padding: 8px 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    font-size: 14px;
}

.snb-ayrinti-baglanti a[b-nwzngh1oqk] {
    color: var(--brand-strong);
    font-weight: 600;
}

.snb-ayrinti-baglanti a:focus-visible[b-nwzngh1oqk] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.snb-duzeltme[b-nwzngh1oqk] {
    list-style: none;
    margin: 0;
}

.snb-duzeltme li[b-nwzngh1oqk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
}

@media (max-width: 640px) {
    .snb-eylemler .au-btn[b-nwzngh1oqk],
    .snb-yayim-eylem .au-btn[b-nwzngh1oqk] {
        flex: 1 1 100%;
        justify-content: center;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SonucKarneler.razor.rz.scp.css */
.skr[b-lw4zpbjok8] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.skr-not[b-lw4zpbjok8],
.skr-etki[b-lw4zpbjok8],
.skr-sonuc[b-lw4zpbjok8] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.skr-sonuc[b-lw4zpbjok8] {
    color: var(--green-600);
}

.skr-hata[b-lw4zpbjok8] {
    margin: 0;
    font-size: 13px;
    color: var(--red-600);
    overflow-wrap: anywhere;
}

.skr-secimler[b-lw4zpbjok8] {
    display: grid;
    gap: 10px;
}

.skr-secici[b-lw4zpbjok8] {
    max-width: 360px;
    min-width: 0;
}

.skr-eylemler[b-lw4zpbjok8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.skr-grup-etiketi[b-lw4zpbjok8] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-soft);
    min-width: 128px;
}

.skr-subeler[b-lw4zpbjok8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.skr-sube[b-lw4zpbjok8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
}

.skr-sube__ad[b-lw4zpbjok8] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
    min-width: 0;
}

.skr-sube__sayi[b-lw4zpbjok8] {
    font-size: 12.5px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.skr-sube__eylem[b-lw4zpbjok8] {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SonucNotListesi.razor.rz.scp.css */
.snl[b-9tqba5hf9j] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.snl-not[b-9tqba5hf9j],
.snl-hata[b-9tqba5hf9j] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.snl-hata[b-9tqba5hf9j] {
    color: var(--red-600);
}

.snl-liste[b-9tqba5hf9j] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.snl-ders[b-9tqba5hf9j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    min-width: 0;
}

.snl-ders__ad[b-9tqba5hf9j] {
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
    min-width: 0;
}

.snl-ders__eylem[b-9tqba5hf9j] {
    display: inline-flex;
    gap: 6px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SonucOzet.razor.rz.scp.css */
.soz[b-0fpvah97fz] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.soz-baslik[b-0fpvah97fz] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
}

.soz-alt[b-0fpvah97fz] {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.soz-serit[b-0fpvah97fz] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.soz-yayim[b-0fpvah97fz] {
    font-weight: 600;
}

.soz-yayim--acik[b-0fpvah97fz] {
    color: var(--green-600);
    border-color: color-mix(in srgb, var(--green-600) 45%, var(--line));
}

.soz-not[b-0fpvah97fz] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.soz-banner[b-0fpvah97fz] {
    margin: 0;
}

.soz-islenmemis[b-0fpvah97fz] {
    display: grid;
    gap: 4px;
}

.soz-sayilar[b-0fpvah97fz] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
}

.soz-sayilar > div[b-0fpvah97fz] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
    padding: 8px 12px;
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.soz-sayilar dt[b-0fpvah97fz] {
    font-size: 12px;
    color: var(--muted);
}

.soz-sayilar dd[b-0fpvah97fz] {
    margin: 2px 0 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--fg);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.soz-tablo-sarma[b-0fpvah97fz] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
}

.soz-tablo-sarma:focus-visible[b-0fpvah97fz] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.soz-tablo[b-0fpvah97fz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.soz-tablo th[b-0fpvah97fz],
.soz-tablo td[b-0fpvah97fz] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    color: var(--fg);
}

.soz-tablo thead th[b-0fpvah97fz] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.soz-tablo .soz-satir-basi[b-0fpvah97fz] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.soz-tablo th.soz-sag[b-0fpvah97fz],
.soz-tablo td.soz-sag[b-0fpvah97fz] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.soz-tablo tfoot th[b-0fpvah97fz],
.soz-tablo tfoot td[b-0fpvah97fz] {
    border-bottom: 0;
}

.soz-satir--soluk th[b-0fpvah97fz],
.soz-satir--soluk td[b-0fpvah97fz] {
    color: var(--muted);
}

.soz-eksik[b-0fpvah97fz] {
    color: var(--muted);
    font-size: 12px;
}

.soz-durum[b-0fpvah97fz] {
    margin: 0;
    display: grid;
    gap: 6px;
}

.soz-durum > div[b-0fpvah97fz] {
    display: grid;
    grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
    gap: 4px 12px;
    font-size: 13px;
}

.soz-durum dt[b-0fpvah97fz] {
    color: var(--muted);
    font-weight: 600;
}

.soz-durum dd[b-0fpvah97fz] {
    margin: 0;
    color: var(--fg);
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .soz-durum > div[b-0fpvah97fz] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.soz-birim[b-0fpvah97fz] {
    font-weight: 400;
    color: var(--muted);
    white-space: nowrap;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SonucPuanlar.razor.rz.scp.css */
.spu[b-s80x6p1xjj] {
    display: grid;
    gap: 10px;
    min-width: 0;
    justify-items: start;
}

.spu > *[b-s80x6p1xjj] {
    max-width: 100%;
}

.spu-not[b-s80x6p1xjj],
.spu-hata[b-s80x6p1xjj] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.spu-hata[b-s80x6p1xjj] {
    color: var(--red-600);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.spu-turler[b-s80x6p1xjj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.spu-tur[b-s80x6p1xjj] {
    border: 1px solid var(--line);
    background: transparent;
    color: var(--fg);
    font: inherit;
    font-size: 13px;
    padding: 5px 12px;
    border-radius: var(--radius-pill, 999px);
    cursor: pointer;
}

.spu-tur:focus-visible[b-s80x6p1xjj] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.spu-tur--secili[b-s80x6p1xjj] {
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
    color: var(--brand-strong);
    font-weight: 600;
}

.spu-tur__birincil[b-s80x6p1xjj] {
    margin-left: 6px;
    font-size: 11px;
    color: var(--muted);
}

.spu-tablo-sarma[b-s80x6p1xjj] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm, 8px);
}

.spu-tablo-sarma:focus-visible[b-s80x6p1xjj] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.spu-tablo[b-s80x6p1xjj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.spu-tablo th[b-s80x6p1xjj],
.spu-tablo td[b-s80x6p1xjj] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    color: var(--fg);
}

.spu-tablo th[b-s80x6p1xjj] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    white-space: nowrap;
}

.spu-tablo td[b-s80x6p1xjj] {
    overflow-wrap: anywhere;
}

.spu-tablo th.spu-sag[b-s80x6p1xjj],
.spu-tablo td.spu-sag[b-s80x6p1xjj] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.spu-eksik[b-s80x6p1xjj] {
    color: var(--amber-600);
    font-size: 12px;
}

.spu-esas[b-s80x6p1xjj] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.spu-birlikte[b-s80x6p1xjj] {
    display: grid;
    gap: 4px;
    width: 100%;
}

.spu-ortalamalar[b-s80x6p1xjj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    font-size: 13px;
    color: var(--fg);
}

.spu-ortalamalar__ad[b-s80x6p1xjj] {
    color: var(--muted);
}

.spu-ortalamalar strong[b-s80x6p1xjj] {
    font-variant-numeric: tabular-nums;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/SoruKitapcigiDosyalari.razor.rz.scp.css */
.sk[b-he515q5k8l] {
    margin: 12px 0;
    padding-top: 8px;
    border-top: 1px solid var(--line);
}

.sk-baslik[b-he515q5k8l] {
    margin: 0 0 6px;
    font-size: 0.95rem;
    color: var(--fg);
}

.sk-not[b-he515q5k8l] {
    margin: 0 0 6px;
    color: var(--muted);
    font-size: 0.875rem;
}

.sk-liste[b-he515q5k8l] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sk-belge[b-he515q5k8l] {
    min-width: 0;
}

.sk-hata[b-he515q5k8l] {
    margin: 6px 0 0;
    color: var(--danger-metin);
    font-size: 0.875rem;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimBolumu.razor.rz.scp.css */
/* Salonlar ve yerleşim — bölüm gövdesi. Renkler yalnız token. */
.yb[b-jgqbvuz1xe] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.yb[b-jgqbvuz1xe]  .au-banner {
    margin-bottom: 0;
}

.yb-durum[b-jgqbvuz1xe] {
    margin: 0;
    color: var(--muted);
}

/* ── Kapasite çubuğu ── */
.yb-kapasite[b-jgqbvuz1xe] {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.yb-kapasite--eksik[b-jgqbvuz1xe] {
    border-color: color-mix(in srgb, var(--red-500) 40%, var(--line));
    background: color-mix(in srgb, var(--red-500) 6%, var(--glass));
}

.yb-kapasite__metin[b-jgqbvuz1xe] {
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yb-kapasite--eksik .yb-kapasite__metin strong[b-jgqbvuz1xe] {
    color: var(--red-600);
}

.yb-kapasite__not[b-jgqbvuz1xe] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
}

.yb-kapasite__cubuk[b-jgqbvuz1xe] {
    height: 8px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    overflow: hidden;
}

.yb-kapasite__dolu[b-jgqbvuz1xe] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--brand);
    transition: width .2s var(--ease-smooth);
}

.yb-kapasite--eksik .yb-kapasite__dolu[b-jgqbvuz1xe] {
    background: var(--red-500);
}

/* ── Parçalar ── */
.yb-parca[b-jgqbvuz1xe] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.yb-parca__bas[b-jgqbvuz1xe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.yb-parca__baslik[b-jgqbvuz1xe] {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--fg);
}

.yb-istege[b-jgqbvuz1xe] {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--muted);
}

.yb-salon-ozet[b-jgqbvuz1xe] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.yb-salon-ozet__oge[b-jgqbvuz1xe] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 6px;
    max-width: 100%;
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: var(--glass);
    font-size: 13px;
}

.yb-salon-ozet__oge--eksik[b-jgqbvuz1xe] {
    border-color: color-mix(in srgb, var(--amber-500) 55%, var(--line));
}

.yb-salon-ozet__ad[b-jgqbvuz1xe] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yb-salon-ozet__sayi[b-jgqbvuz1xe] {
    color: var(--muted);
}

.yb-ipucu[b-jgqbvuz1xe],
.yb-eylem__not[b-jgqbvuz1xe],
.yb-bitir__not[b-jgqbvuz1xe] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.yb-bilgi[b-jgqbvuz1xe] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--green-600);
    overflow-wrap: anywhere;
}

/* Kalıcı canlı bölge: boşken yer kaplamaz ama erişilebilirlik ağacında kalır
   (display:none olsaydı sonradan yazılan duyuru güvenle okunmazdı). */
.yb-bilgi:empty[b-jgqbvuz1xe] {
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
}

.yb-kapasite__eylem[b-jgqbvuz1xe] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.yb-duzen-dugmeleri[b-jgqbvuz1xe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.yb-duzen-secenekleri[b-jgqbvuz1xe] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 4px;
    font-size: 12.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yb-duzen-secenekleri strong[b-jgqbvuz1xe] {
    color: var(--fg);
}

.yb-onay__salonlar[b-jgqbvuz1xe] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yb-onay__salon[b-jgqbvuz1xe] {
    font-weight: 600;
    color: var(--fg);
}

/* ── Eylem / onay ── */
.yb-eylem[b-jgqbvuz1xe] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.yb-satir-eylem[b-jgqbvuz1xe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.yb-satir-eylem--ayrik[b-jgqbvuz1xe] {
    justify-content: space-between;
    margin-top: 0;
}

.yb-onay[b-jgqbvuz1xe] {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--amber-500) 45%, var(--line));
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--amber-500) 8%, var(--glass));
}

.yb-onay:focus-visible[b-jgqbvuz1xe] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.yb-onay__baslik[b-jgqbvuz1xe] {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
}

.yb-onay__metin[b-jgqbvuz1xe] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yb-geri[b-jgqbvuz1xe] {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* ── Sonuç ── */
.yb-sonuc-ozet[b-jgqbvuz1xe] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yb-kalan__liste[b-jgqbvuz1xe] {
    margin: 6px 0 0;
    padding-left: 18px;
}

.yb-kalan__alt[b-jgqbvuz1xe] {
    margin: 8px 0 0;
    font-weight: 600;
}

.yb-kartlar[b-jgqbvuz1xe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 12px;
    min-width: 0;
}

.yb-kartlar > .au-banner[b-jgqbvuz1xe] {
    grid-column: 1 / -1;
}

.yb-gecmis[b-jgqbvuz1xe] {
    display: grid;
    gap: 8px;
}

.yb-bitir[b-jgqbvuz1xe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimGecmisi.razor.rz.scp.css */
.ygc[b-p8f0idn142] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.ygc[b-p8f0idn142]  .au-banner {
    margin-bottom: 0;
}

.ygc__bos[b-p8f0idn142] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
}

.ygc__liste[b-p8f0idn142] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.ygc__oge[b-p8f0idn142] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.ygc__metin[b-p8f0idn142] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    min-width: 0;
}

.ygc__tarih[b-p8f0idn142] {
    font-weight: 600;
    color: var(--fg);
}

.ygc__alt[b-p8f0idn142],
.ygc__denetim[b-p8f0idn142] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ygc__denetim[b-p8f0idn142] {
    width: 100%;
    color: var(--fg-soft);
}

.ygc__eylem[b-p8f0idn142] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimGozetmen.razor.rz.scp.css */
.ygz[b-826378rz4n] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.ygz[b-826378rz4n]  .au-banner {
    margin-bottom: 0;
}

.ygz__ozet[b-826378rz4n],
.ygz__not[b-826378rz4n] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.ygz__salonlar[b-826378rz4n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.ygz__salon[b-826378rz4n] {
    display: grid;
    grid-template-columns: minmax(0, 180px) 1fr;
    gap: 4px 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--line);
}

.ygz__salon-ad[b-826378rz4n] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ygz__yok[b-826378rz4n] {
    font-size: 13px;
    color: var(--muted);
}

.ygz__gorevler[b-826378rz4n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
}

.ygz__gorev[b-826378rz4n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ygz__uyari[b-826378rz4n] {
    font-size: 12px;
    color: var(--amber-600);
}

.ygz__ekle[b-826378rz4n] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
}

.ygz__ekle-bas[b-826378rz4n] {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
}

.ygz__alanlar[b-826378rz4n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: 10px;
}

.ygz__bulunan[b-826378rz4n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ygz__kisi[b-826378rz4n] {
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.ygz__kisi:hover[b-826378rz4n] {
    background: var(--glass-hover);
}

.ygz__kisi:focus-visible[b-826378rz4n] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ygz__secilen[b-826378rz4n] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

@media (max-width: 560px) {
    .ygz__salon[b-826378rz4n] {
        grid-template-columns: 1fr;
    }
}

/* FE6 (P09-7): görev kaldırma onayı */
.ygz__onay[b-826378rz4n] {
    flex-basis: 100%;
    display: grid;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.ygz__onay-metin[b-826378rz4n] {
    margin: 0;
    font-size: 13px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ygz__onay-eylem[b-826378rz4n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimKurallari.razor.rz.scp.css */
.ykr[b-c4iws87jmi] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.ykr__onayar[b-c4iws87jmi] {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.ykr__legend[b-c4iws87jmi] {
    padding: 0;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-soft);
}

.ykr__kartlar[b-c4iws87jmi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));
    gap: 8px;
}

.ykr__kart[b-c4iws87jmi] {
    position: relative;
    display: grid;
    gap: 4px;
    padding: 10px 12px 10px 36px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    cursor: pointer;
    min-width: 0;
    transition: border-color .15s var(--ease-smooth), background .15s var(--ease-smooth);
}

.ykr__kart:hover[b-c4iws87jmi] {
    background: var(--glass-hover);
}

.ykr__kart--secili[b-c4iws87jmi] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, var(--glass));
}

.ykr__kart:has(.ykr__radyo:focus-visible)[b-c4iws87jmi] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ykr__radyo[b-c4iws87jmi] {
    position: absolute;
    left: 12px;
    top: 13px;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--brand);
}

.ykr__kart-bas[b-c4iws87jmi] {
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ykr__kart-metin[b-c4iws87jmi] {
    font-size: 12.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ykr__detay[b-c4iws87jmi] {
    display: grid;
    gap: 10px;
    justify-items: start;
}

.ykr__detay-alanlar[b-c4iws87jmi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 10px;
    width: 100%;
}

.ykr__ek[b-c4iws87jmi] {
    display: grid;
    gap: 2px;
}

.ykr__not[b-c4iws87jmi] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimSalonFormu.razor.rz.scp.css */
.ysf[b-g9aek8pxnv] {
    display: grid;
    gap: 10px;
    width: 100%;
    padding: 12px;
    border-radius: var(--radius-sm);
    background: var(--glass-strong, var(--glass));
    border: 1px solid var(--line);
    min-width: 0;
}

.ysf[b-g9aek8pxnv]  .au-banner {
    margin-bottom: 0;
}

.ysf__baslik[b-g9aek8pxnv] {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ysf__alanlar[b-g9aek8pxnv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
    gap: 10px;
}

.ysf__ozet[b-g9aek8pxnv] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.ysf__eylem[b-g9aek8pxnv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimSalonKarti.razor.rz.scp.css */
.ysk[b-mfq4s6pt35] {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
    align-content: start;
}

.ysk__bas[b-mfq4s6pt35] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.ysk__ad[b-mfq4s6pt35] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ysk__doluluk[b-mfq4s6pt35] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ysk__cubuk[b-mfq4s6pt35] {
    height: 6px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    overflow: hidden;
}

.ysk__dolu[b-mfq4s6pt35] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--brand);
}

.ysk__bos[b-mfq4s6pt35],
.ysk__satir[b-mfq4s6pt35] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ysk__etiket[b-mfq4s6pt35] {
    margin-right: 6px;
    font-weight: 600;
    color: var(--muted);
}

.ysk__ac[b-mfq4s6pt35] {
    justify-self: start;
}

.ysk__liste[b-mfq4s6pt35] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
    max-height: 420px;
    overflow-y: auto;
}

.ysk__ogr[b-mfq4s6pt35] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 4px 8px;
    padding: 6px 4px;
    border-bottom: 1px solid var(--line);
}

.ysk__ogr:last-child[b-mfq4s6pt35] {
    border-bottom: 0;
}

.ysk__no[b-mfq4s6pt35] {
    min-width: 28px;
    padding: 2px 6px;
    border-radius: var(--radius-pill);
    background: var(--glass-hover);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: var(--fg-soft);
}

.ysk__kim[b-mfq4s6pt35] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ysk__adsoyad[b-mfq4s6pt35] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ysk__bilgi[b-mfq4s6pt35] {
    font-size: 12px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ysk__elle[b-mfq4s6pt35] {
    justify-self: start;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimSalonSecimi.razor.rz.scp.css */
.yss[b-56av9wh8y7] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.yss[b-56av9wh8y7]  .au-banner {
    margin-bottom: 0;
}

.yss__ara[b-56av9wh8y7] {
    max-width: 360px;
}

.yss__bos[b-56av9wh8y7],
.yss__ipucu[b-56av9wh8y7] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
}

.yss__grup[b-56av9wh8y7] {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.yss__grup-bas[b-56av9wh8y7] {
    padding: 0;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--fg-soft);
}

.yss__grup-sayi[b-56av9wh8y7] {
    margin-left: 4px;
    font-weight: 500;
    color: var(--muted);
}

.yss__liste[b-56av9wh8y7] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
    gap: 8px;
}

.yss__oge[b-56av9wh8y7] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.yss__oge--secili[b-56av9wh8y7] {
    border-color: color-mix(in srgb, var(--brand) 55%, var(--line));
    background: color-mix(in srgb, var(--brand) 7%, var(--glass));
}

.yss__oge--eksik[b-56av9wh8y7] {
    opacity: .75;
}

.yss__oge--derslik[b-56av9wh8y7] {
    flex-wrap: wrap;
    justify-content: space-between;
    grid-column: 1 / -1;
}

.yss__kutu[b-56av9wh8y7] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    accent-color: var(--brand);
}

.yss__kutu:focus-visible[b-56av9wh8y7] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.yss__etiket[b-56av9wh8y7] {
    display: grid;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
    cursor: pointer;
}

.yss__ad[b-56av9wh8y7] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yss__alt[b-56av9wh8y7] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.yss__ekle-panel[b-56av9wh8y7] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
}

.yss__ekle-bas[b-56av9wh8y7] {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
}

.yss__alt-serit[b-56av9wh8y7] {
    display: grid;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.yss__ozet[b-56av9wh8y7] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.yss__eylem[b-56av9wh8y7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimSinifDerslik.razor.rz.scp.css */
.ysd[b-jcriagwpul] {
    display: grid;
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--brand) 5%, var(--glass));
    min-width: 0;
}

.ysd[b-jcriagwpul]  .au-banner {
    margin-bottom: 0;
}

.ysd--oneri[b-jcriagwpul] {
    border-color: var(--line);
    background: var(--glass);
}

.ysd__baslik[b-jcriagwpul] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

.ysd__metin[b-jcriagwpul] {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ysd__not[b-jcriagwpul],
.ysd__sonuc[b-jcriagwpul] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ysd__sonuc[b-jcriagwpul] {
    color: var(--fg-soft);
    font-weight: 600;
}

.ysd__liste-ac summary[b-jcriagwpul] {
    cursor: pointer;
    font-size: 13px;
    color: var(--fg-soft);
}

.ysd__kisa-liste[b-jcriagwpul],
.ysd__hatalar[b-jcriagwpul] {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 13px;
    color: var(--muted);
    max-height: 220px;
    overflow-y: auto;
}

.ysd__hatalar[b-jcriagwpul] {
    margin: 0;
}

.ysd__eylem[b-jcriagwpul] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.ysd__oneriler[b-jcriagwpul] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 8px;
    max-height: 420px;
    overflow-y: auto;
}

.ysd__oneri[b-jcriagwpul] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.ysd__oneri--secili[b-jcriagwpul] {
    border-color: color-mix(in srgb, var(--brand) 55%, var(--line));
    background: color-mix(in srgb, var(--brand) 7%, var(--glass));
}

.ysd__kutu[b-jcriagwpul] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex: none;
}

.ysd__etiket[b-jcriagwpul] {
    display: grid;
    gap: 2px;
    min-width: 0;
    cursor: pointer;
}

.ysd__ad[b-jcriagwpul] {
    font-weight: 600;
    color: var(--fg);
}

.ysd__alt[b-jcriagwpul] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/Bolumler/YerlesimTasiPaneli.razor.rz.scp.css */
/* "Taşı…" penceresi — native <dialog> (top layer). Renkler yalnız token.
   Ortalama inset + margin:auto ile (dialog:modal UA kuralıyla uyumlu); 360px'te
   yan boşluk 16px, yükseklik ekranı aşarsa pencere kendi içinde kayar. */
.ytp[b-h0ill0w52m]::backdrop {
    background: var(--scrim);
}

.ytp[b-h0ill0w52m] {
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    overflow: auto;
    display: grid;
    gap: 12px;
    align-content: start;
    padding: 18px;
    color: var(--fg);
    background: var(--glass-strong);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--glass-shadow);
    z-index: 91;
    box-sizing: border-box;
    min-width: 0;
}

.ytp:not([open])[b-h0ill0w52m] {
    display: none;
}

.ytp[b-h0ill0w52m]  .au-banner {
    margin-bottom: 0;
}

.ytp__baslik[b-h0ill0w52m] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ytp__baslik:focus-visible[b-h0ill0w52m] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.ytp__simdi[b-h0ill0w52m] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ytp__yerler[b-h0ill0w52m] {
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    gap: 6px;
    min-width: 0;
}

.ytp__legend[b-h0ill0w52m] {
    padding: 0;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 700;
    color: var(--fg);
}

.ytp__grup[b-h0ill0w52m] {
    margin: 4px 0 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.ytp__liste[b-h0ill0w52m] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
    max-height: 280px;
    overflow-y: auto;
    min-width: 0;
}

.ytp__oge[b-h0ill0w52m] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.ytp__oge--secili[b-h0ill0w52m] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, var(--glass));
}

.ytp__oge--mevcut[b-h0ill0w52m] {
    opacity: .7;
}

.ytp__oge:focus-within[b-h0ill0w52m] {
    outline: 2px solid var(--brand);
    outline-offset: 1px;
}

.ytp__secenek[b-h0ill0w52m] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 8px;
    padding: 8px 10px;
    min-height: 44px;
    box-sizing: border-box;
    cursor: pointer;
}

.ytp__secenek input[b-h0ill0w52m] {
    margin: 3px 0 0;
    accent-color: var(--brand);
}

.ytp__secenek-metin[b-h0ill0w52m] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ytp__secenek-bas[b-h0ill0w52m] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ytp__secenek-alt[b-h0ill0w52m] {
    font-size: 12px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ytp__etki[b-h0ill0w52m] {
    margin: 0;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    background: var(--glass-hover);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ytp__not[b-h0ill0w52m] {
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ytp__eylem[b-h0ill0w52m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/KurumIlerlemesi.razor.rz.scp.css */
.kil[b-i5in1ofz8k] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    padding: 10px 14px;
}

.kil__baslik[b-i5in1ofz8k] {
    cursor: pointer;
    font-weight: 600;
    color: var(--fg);
}

.kil__baslik:focus-visible[b-i5in1ofz8k] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.kil__alt[b-i5in1ofz8k] {
    font-weight: 400;
    font-size: 12.5px;
    color: var(--muted);
    margin-left: 6px;
}

.kil__govde[b-i5in1ofz8k] {
    margin-top: 10px;
    display: grid;
    gap: 8px;
}

.kil__ozet[b-i5in1ofz8k] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
}

.kil__sarma[b-i5in1ofz8k] {
    overflow-x: auto;
}

.kil__tablo[b-i5in1ofz8k] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.kil__tablo th[b-i5in1ofz8k],
.kil__tablo td[b-i5in1ofz8k] {
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid var(--line);
}

.kil__tablo th[b-i5in1ofz8k] {
    color: var(--muted);
    font-weight: 600;
}

.kil__not[b-i5in1ofz8k] {
    display: block;
    font-size: 12px;
    color: var(--muted);
}

.kil__gizli[b-i5in1ofz8k] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

@media (max-width: 640px) {
    .kil__tablo thead[b-i5in1ofz8k] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .kil__tablo[b-i5in1ofz8k],
    .kil__tablo tbody[b-i5in1ofz8k],
    .kil__tablo tr[b-i5in1ofz8k],
    .kil__tablo td[b-i5in1ofz8k] {
        display: block;
    }

    .kil__tablo td[data-etiket][b-i5in1ofz8k]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 11.5px;
        color: var(--muted);
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/AnahtarDuzeltmePaneli.razor.rz.scp.css */
/* Anahtar düzeltme / soru iptali — yalnız token. */
.adz[b-hj64lb404d] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.adz-ust[b-hj64lb404d] {
    align-items: start;
}

.adz-durum[b-hj64lb404d] {
    margin: 0;
    color: var(--fg-soft);
    font-size: 14px;
}

.adz-soru[b-hj64lb404d] {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.adz-soru__bas[b-hj64lb404d] {
    margin: 0;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.adz-harf[b-hj64lb404d] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 15px;
}

.adz-diger[b-hj64lb404d] {
    color: var(--muted);
    font-size: 13px;
    margin-left: 4px;
}

.adz-secim[b-hj64lb404d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.adz-secili[b-hj64lb404d] {
    border-color: var(--brand) !important;
    color: var(--brand-strong) !important;
    background: color-mix(in srgb, var(--brand) 10%, var(--glass)) !important;
}

.adz-kural[b-hj64lb404d] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 8px 12px 10px;
    margin: 0;
    display: grid;
    gap: 6px;
}

.adz-kural legend[b-hj64lb404d] {
    font-weight: 700;
    font-size: 13.5px;
    padding: 0 4px;
}

.adz-kural__satir[b-hj64lb404d] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    cursor: pointer;
}

.adz-kural__satir input[b-hj64lb404d] {
    margin-top: 3px;
    flex: 0 0 auto;
}

.adz-ipucu[b-hj64lb404d] {
    display: block;
    color: var(--muted);
    font-size: 12.5px;
}

.adz-etki__cumle[b-hj64lb404d] {
    margin: 0;
    font-weight: 600;
}

.adz-ornek[b-hj64lb404d] {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 13px;
}

.adz-uyari[b-hj64lb404d] {
    margin: 0;
    color: var(--amber-600);
    font-size: 13.5px;
    font-weight: 600;
}

.adz-eylemler[b-hj64lb404d] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.adz button:focus-visible[b-hj64lb404d],
.adz input:focus-visible[b-hj64lb404d] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

@media (max-width: 560px) {
    .adz-eylemler > .au-btn[b-hj64lb404d] {
        flex: 1 1 auto;
        justify-content: center;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/AnahtarOnizlemesi.razor.rz.scp.css */
.aoz-sarma[b-bqodwhp1lc] {
    margin-top: 4px;
}

.aoz-tablo[b-bqodwhp1lc] {
    width: 100%;
}

.aoz-tablo th[b-bqodwhp1lc],
.aoz-tablo td[b-bqodwhp1lc] {
    text-align: left;
    vertical-align: top;
}

.aoz-sayi[b-bqodwhp1lc] {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.aoz-ders[b-bqodwhp1lc] {
    display: block;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.aoz-ayrinti[b-bqodwhp1lc] {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.aoz-bos[b-bqodwhp1lc] {
    margin: 4px 0 0;
    color: var(--fg-soft);
    font-size: 14px;
}

.aoz-bilgi[b-bqodwhp1lc] {
    display: grid;
    gap: 6px;
    margin: 12px 0 0;
    font-size: 14px;
}

.aoz-bilgi > div[b-bqodwhp1lc] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.aoz-bilgi dt[b-bqodwhp1lc] {
    color: var(--muted);
    min-width: 120px;
}

.aoz-bilgi dd[b-bqodwhp1lc] {
    margin: 0;
    color: var(--fg);
    min-width: 0;
    overflow-wrap: anywhere;
}

.aoz-dizi[b-bqodwhp1lc] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 700;
    letter-spacing: .04em;
}

.aoz-ipucu[b-bqodwhp1lc] {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
}

.aoz-gizli[b-bqodwhp1lc] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 560px) {
    .aoz-tablo thead[b-bqodwhp1lc] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .aoz-tablo tr[b-bqodwhp1lc] {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 4px 12px;
        padding: 8px 0;
        border-bottom: 1px solid var(--line);
    }

    .aoz-tablo td[b-bqodwhp1lc],
    .aoz-tablo th[b-bqodwhp1lc] {
        padding: 0 !important;
        border: 0 !important;
    }

    .aoz-bilgi dt[b-bqodwhp1lc] {
        min-width: 0;
        width: 100%;
    }
}

/* `au-table` ortak CSS'te tanımlı değil: tablo burada kapsamlı stillenir. */
.aoz-tablo[b-bqodwhp1lc] {
    border-collapse: collapse;
    font-size: 14px;
}

.aoz-tablo th[b-bqodwhp1lc],
.aoz-tablo td[b-bqodwhp1lc] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
}

.aoz-tablo thead th[b-bqodwhp1lc] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--muted);
    text-transform: none;
}

.aoz-tablo tfoot th[b-bqodwhp1lc],
.aoz-tablo tfoot td[b-bqodwhp1lc] {
    border-bottom: 0;
    color: var(--fg);
}

.aoz-ozet[b-bqodwhp1lc] {
    margin: 4px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg);
}

.aoz-not[b-bqodwhp1lc] {
    margin: 6px 0 0;
    font-size: 12.5px;
    color: var(--muted);
}

/* ─── U11: ders bağı sütunları (sonuçların yazılacağı ders · konular) ─── */
.aoz-bag[b-bqodwhp1lc],
.aoz-konu[b-bqodwhp1lc] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.aoz-bag-ad[b-bqodwhp1lc] {
    font-weight: 600;
    color: var(--fg);
}

.aoz-bag-sinav[b-bqodwhp1lc] {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
}

.aoz-bag-kendi[b-bqodwhp1lc],
.aoz-bag-bekle[b-bqodwhp1lc] {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
}

.aoz-bag-git[b-bqodwhp1lc] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 13.5px;
    color: var(--brand-strong);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    text-align: left;
}

.aoz-bag-git:hover[b-bqodwhp1lc] {
    text-decoration-thickness: 2px;
}

.aoz-bag-git:focus-visible[b-bqodwhp1lc] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.aoz-bag-notu .aoz-bag-git[b-bqodwhp1lc] {
    margin-left: 6px;
    font-size: 12.5px;
}

/* Test satırındaki dersler: üst satır ile alt satırlar arasında çizgi yok. */
.aoz-tablo--bag .aoz-satir--coklu > .aoz-bag[b-bqodwhp1lc],
.aoz-tablo--bag .aoz-satir--coklu > .aoz-konu[b-bqodwhp1lc],
.aoz-tablo--bag .aoz-alt:not(.aoz-alt--son) > td[b-bqodwhp1lc] {
    border-bottom-style: dashed;
}

/* Beş sütun dar kartta sıkışır: bağlı tablo daha geniş eşikte kart yığınına döner. */
@media (max-width: 720px) {
    .aoz-tablo--bag thead[b-bqodwhp1lc] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .aoz-tablo--bag tr[b-bqodwhp1lc] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 4px 12px;
        padding: 8px 0;
        border-bottom: 1px solid var(--line);
    }

    .aoz-tablo--bag tr.aoz-satir--coklu[b-bqodwhp1lc],
    .aoz-tablo--bag tr.aoz-alt:not(.aoz-alt--son)[b-bqodwhp1lc] {
        border-bottom: 0;
        padding-bottom: 2px;
    }

    .aoz-tablo--bag tr.aoz-alt[b-bqodwhp1lc] {
        padding-top: 2px;
    }

    .aoz-tablo--bag td[b-bqodwhp1lc],
    .aoz-tablo--bag th[b-bqodwhp1lc] {
        padding: 0 !important;
        border: 0 !important;
    }

    .aoz-tablo--bag .aoz-bag[b-bqodwhp1lc],
    .aoz-tablo--bag .aoz-konu[b-bqodwhp1lc] {
        grid-column: 1 / -1;
    }

    .aoz-tablo--bag .aoz-bag[b-bqodwhp1lc]::before,
    .aoz-tablo--bag .aoz-konu[b-bqodwhp1lc]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 12px;
        color: var(--muted);
    }

    .aoz-tablo--bag .aoz-alt .aoz-bag[b-bqodwhp1lc] {
        padding-left: 12px !important;
    }

    .aoz-tablo--bag .aoz-bos-hucre[b-bqodwhp1lc] {
        display: none;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/AnahtarTamamlamaPaneli.razor.rz.scp.css */
/* Anahtar tamamlama — yalnız token. */
.atp[b-2ohc66okk3] {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-sm);
    background: var(--glass);
    min-width: 0;
}

.atp-soru[b-2ohc66okk3] {
    margin: 0;
    font-size: 14px;
    color: var(--fg);
}

.atp-not[b-2ohc66okk3] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.atp-yol[b-2ohc66okk3] {
    min-width: 0;
}

.atp-eksik[b-2ohc66okk3] {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--amber-600) 40%, var(--line));
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--amber-500) 8%, var(--glass));
    font-size: 13.5px;
    color: var(--fg);
}

.atp-eksik__metin[b-2ohc66okk3] {
    margin: 0;
    font-weight: 600;
}

.atp-sorunlar[b-2ohc66okk3] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
    overflow-wrap: anywhere;
}

.atp-eylemler[b-2ohc66okk3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

@media (max-width: 560px) {
    .atp-eylemler > .au-btn[b-2ohc66okk3] {
        flex: 1 1 auto;
        justify-content: center;
    }
}

.atp-gizli[b-2ohc66okk3] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/ElleAnahtarGirisi.razor.rz.scp.css */
/* Cevap anahtarını yazarak girme. Renkler yalnız token; 360px'te tek sütun,
   önizleme grupları sarılır (yatay kaydırma yok). */
.eag[b-ipjk4ejc7x] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.eag-kurallar[b-ipjk4ejc7x] {
    margin: 0;
    padding: 10px 12px 10px 28px;
    display: grid;
    gap: 4px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--fg-soft);
    background: var(--glass);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.eag-sablon[b-ipjk4ejc7x],
.eag-not[b-ipjk4ejc7x] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.eag-sablon[b-ipjk4ejc7x] {
    color: var(--fg-soft);
}

.eag-uyusmaz[b-ipjk4ejc7x] {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--amber-600) 40%, var(--line));
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--amber-500) 8%, var(--glass));
}

.eag-test[b-ipjk4ejc7x] {
    display: grid;
    gap: 10px;
    min-width: 0;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.eag-test__baslik[b-ipjk4ejc7x] {
    padding: 0 6px;
    font-weight: 700;
    font-size: 14.5px;
    color: var(--fg);
    max-width: 100%;
    overflow-wrap: anywhere;
}

.eag-test__yapi[b-ipjk4ejc7x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px auto;
    gap: 10px;
    align-items: end;
    min-width: 0;
}

.eag-test__ad[b-ipjk4ejc7x],
.eag-test__sayi[b-ipjk4ejc7x] {
    min-width: 0;
}

.eag-test__kaldir[b-ipjk4ejc7x] {
    margin-bottom: 4px;
}

/* Yazı alanı: cevaplar eşit genişlikte harflerle okunur. AppField'ın ortak girdi
   kuralından özgül olmak için iki sınıf. */
.eag .eag-metin[b-ipjk4ejc7x] {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.eag .eag-metin[b-ipjk4ejc7x]::placeholder {
    text-transform: none;
    letter-spacing: normal;
}

.eag-sayac[b-ipjk4ejc7x] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.eag-sayac--tamam[b-ipjk4ejc7x] {
    color: var(--green-600);
}

.eag-sayac--sorun[b-ipjk4ejc7x] {
    color: var(--red-600);
}

.eag-sorunlar[b-ipjk4ejc7x] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.eag-sorun[b-ipjk4ejc7x] {
    color: var(--red-600);
}

.eag-bilgi[b-ipjk4ejc7x] {
    color: var(--muted);
}

/* 5'li önizleme: optik formdaki blok ritmi. */
.eag-onizleme[b-ipjk4ejc7x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.eag-grup[b-ipjk4ejc7x] {
    display: grid;
    gap: 2px;
    padding: 4px 6px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
}

.eag-grup__no[b-ipjk4ejc7x] {
    font-size: 11px;
    color: var(--muted);
}

.eag-grup__harfler[b-ipjk4ejc7x] {
    display: flex;
    gap: 2px;
}

.eag-hucre[b-ipjk4ejc7x] {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 22px;
    border-radius: 4px;
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
    font-weight: 700;
    font-size: 13px;
    color: var(--fg);
}

.eag-hucre--bos[b-ipjk4ejc7x] {
    color: var(--muted);
    font-weight: 400;
}

.eag-hucre--sorun[b-ipjk4ejc7x] {
    color: var(--red-600);
    background: color-mix(in srgb, var(--red-500) 16%, transparent);
    outline: 1px solid var(--red-500);
}

.eag-hucre--fark[b-ipjk4ejc7x] {
    color: var(--fg);
    background: color-mix(in srgb, var(--amber-500) 28%, transparent);
    outline: 1px solid var(--amber-600);
}

/* Yapı sınavdan geldiyse (anahtar tamamlama): yalnız soru sayısı alanı. */
.eag-test__yapi--sabit[b-ipjk4ejc7x] {
    grid-template-columns: 140px;
}

.eag-not--uyari[b-ipjk4ejc7x] {
    color: var(--fg-soft);
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--amber-600) 40%, var(--line));
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--amber-500) 8%, var(--glass));
}

/* ── Seçerek giriş: optik form ritmi (5'li gruplar), soru başına radyo grubu ── */
.eag-secim[b-ipjk4ejc7x] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
}

.eag-secim__grup[b-ipjk4ejc7x] {
    display: grid;
    gap: 2px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong);
}

.eag-secim__grupno[b-ipjk4ejc7x] {
    font-size: 11px;
    color: var(--muted);
}

.eag-soru[b-ipjk4ejc7x] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 1px 2px;
    border-radius: 6px;
}

.eag-soru__no[b-ipjk4ejc7x] {
    width: 26px;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    color: var(--fg-soft);
    font-variant-numeric: tabular-nums;
}

.eag-soru--bos .eag-soru__no[b-ipjk4ejc7x] {
    color: var(--muted);
}

.eag-soru--sorun[b-ipjk4ejc7x] {
    background: color-mix(in srgb, var(--red-500) 12%, transparent);
    outline: 1px solid var(--red-500);
}

.eag-soru--fark[b-ipjk4ejc7x] {
    background: color-mix(in srgb, var(--amber-500) 22%, transparent);
    outline: 1px solid var(--amber-600);
}

.eag-sik[b-ipjk4ejc7x] {
    position: relative;
    display: inline-grid;
    cursor: pointer;
}

/* Yerel radyo düğmesi görünmez ama odaklanabilir ve tıklanabilir kalır (etiket üstünden). */
.eag-sik__girdi[b-ipjk4ejc7x] {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.eag-sik__balon[b-ipjk4ejc7x] {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1.5px solid var(--line);
    background: var(--glass);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
    font-size: 12px;
    font-weight: 700;
    color: var(--fg-soft);
    transition: background .12s var(--ease-smooth), border-color .12s var(--ease-smooth), color .12s var(--ease-smooth);
}

.eag-sik:hover .eag-sik__balon[b-ipjk4ejc7x] {
    border-color: var(--brand);
}

.eag-sik__girdi:checked + .eag-sik__balon[b-ipjk4ejc7x] {
    background: var(--brand);
    border-color: var(--brand);
    color: var(--on-brand);
}

.eag-sik__girdi:focus-visible + .eag-sik__balon[b-ipjk4ejc7x] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.eag-alt[b-ipjk4ejc7x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.eag-toplam[b-ipjk4ejc7x] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    /* Telefonda ad tam satır (uzun test adı kesilmesin); soru sayısı ve "Kaldır" alt satırda. */
    .eag-test__yapi[b-ipjk4ejc7x] {
        grid-template-columns: 120px minmax(0, 1fr);
    }

    .eag-test__ad[b-ipjk4ejc7x] {
        grid-column: 1 / -1;
    }

    .eag-test__kaldir[b-ipjk4ejc7x] {
        justify-self: start;
    }

    .eag-test[b-ipjk4ejc7x] {
        padding: 10px;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/OnayEylemleri.razor.rz.scp.css */
.onay-eylem[b-b1qzmfvwwf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

@media (max-width: 560px) {
    .onay-eylem > .au-btn[b-b1qzmfvwwf] {
        flex: 1 1 auto;
        justify-content: center;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/OturumEkleAkisi.razor.rz.scp.css */
/* Oturum ekleme akışı — yalnız token (ham renk yok). Alt bileşenler bu kartın
   içinde çizildiği için kurallar ::deep ile iner. 360px'te tek sütun, yatay kaydırma yok. */

.oe[b-fjtb7e2s9c] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.oe__bas[b-fjtb7e2s9c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.oe__baslik[b-fjtb7e2s9c] {
    margin-bottom: 4px;
}

.oe-adim[b-fjtb7e2s9c] {
    display: grid;
    gap: 10px;
    padding: 14px 0 0;
    border-top: 1px solid var(--line);
    min-width: 0;
}

.oe-adim__baslik[b-fjtb7e2s9c] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    color: var(--fg);
}

/* Adım işareti (AdimIsareti bileşeni — alt bileşen olduğu için ::deep). */
.oe[b-fjtb7e2s9c]  .oe-adim__no {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--glass-hover);
    color: var(--fg-soft);
    flex: 0 0 auto;
}

.oe[b-fjtb7e2s9c]  .oe-adim__nokta {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid currentColor;
}

.oe[b-fjtb7e2s9c]  .oe-adim__no--acik {
    background: var(--brand);
    color: var(--on-brand);
}

.oe[b-fjtb7e2s9c]  .oe-adim__no--acik .oe-adim__nokta {
    background: currentColor;
}

.oe[b-fjtb7e2s9c]  .oe-adim__no--bitti {
    background: color-mix(in srgb, var(--green-600) 16%, transparent);
    color: var(--green-600);
}

.oe-ilerleme[b-fjtb7e2s9c] {
    margin: 0 0 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    font-size: 13px;
}

.oe-ilerleme__etiket[b-fjtb7e2s9c] {
    font-weight: 700;
    color: var(--brand-strong);
}

.oe-ilerleme__ad[b-fjtb7e2s9c] {
    color: var(--fg-soft);
}

.oe-kucuk[b-fjtb7e2s9c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding-left: 34px;
}

.oe-kucuk__deger[b-fjtb7e2s9c] {
    color: var(--fg-soft);
    font-size: 14px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.oe-soru[b-fjtb7e2s9c] {
    margin: 0;
    color: var(--fg-soft);
    font-size: 14px;
}

.oe-sekme[b-fjtb7e2s9c] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: var(--glass);
    justify-self: start;
    max-width: 100%;
    flex-wrap: wrap;
}

.oe-sekme__dugme[b-fjtb7e2s9c] {
    border: 0;
    background: transparent;
    color: var(--fg-soft);
    font-weight: 600;
    font-size: 13.5px;
    padding: 7px 14px;
    border-radius: var(--radius-pill);
    cursor: pointer;
}

.oe-sekme__dugme--secili[b-fjtb7e2s9c] {
    background: var(--brand);
    color: var(--on-brand);
}

.oe-sekme__dugme:focus-visible[b-fjtb7e2s9c],
.oe[b-fjtb7e2s9c]  button:focus-visible,
.oe[b-fjtb7e2s9c]  input:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

/* ── Mod kartları ─────────────────────────────────────────── */
.oe[b-fjtb7e2s9c]  .oe-mod {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.oe[b-fjtb7e2s9c]  .oe-mod__kart {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-align: left;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md, 14px);
    background: var(--glass);
    color: var(--fg);
    cursor: pointer;
    min-width: 0;
    transition: border-color .15s var(--ease-smooth), background .15s var(--ease-smooth);
}

.oe[b-fjtb7e2s9c]  .oe-mod__kart:hover {
    background: var(--glass-hover);
}

.oe[b-fjtb7e2s9c]  .oe-mod__kart--secili {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, var(--glass));
}

.oe[b-fjtb7e2s9c]  .oe-mod__isaret {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand-strong);
}

.oe[b-fjtb7e2s9c]  .oe-mod__metin {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-mod__baslik {
    font-weight: 700;
    font-size: 15px;
}

.oe[b-fjtb7e2s9c]  .oe-mod__aciklama {
    font-size: 13px;
    color: var(--fg-soft);
    line-height: 1.45;
}

.oe[b-fjtb7e2s9c]  .oe-mod__kisa {
    font-size: 12px;
    color: var(--muted);
}

/* ── Arama ────────────────────────────────────────────────── */
.oe[b-fjtb7e2s9c]  .oe-ara {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-ara__ust {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 180px);
    gap: 12px;
    align-items: start;
}

.oe[b-fjtb7e2s9c]  .oe-ara__etiket {
    font-size: 13px;
    color: var(--muted);
    font-weight: 600;
}

.oe[b-fjtb7e2s9c]  .oe-ara__yayinevleri,
.oe[b-fjtb7e2s9c]  .oe-kendi__yeni {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.oe[b-fjtb7e2s9c]  .oe-cipler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-cip {
    border: 1px solid transparent;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oe[b-fjtb7e2s9c]  .oe-cip--secili {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 18%, transparent);
    color: var(--brand-strong);
}

.oe[b-fjtb7e2s9c]  .oe-sonuc {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-yay-liste,
.oe[b-fjtb7e2s9c]  .oe-den-liste,
.oe[b-fjtb7e2s9c]  .oe-kayitli,
.oe[b-fjtb7e2s9c]  .oe-oneri-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
    min-width: 0;
}

/* ── Arama sonuçları: deneme kartı + tıklanabilir oturum kartları ─────── */
.oe[b-fjtb7e2s9c]  .oe-den {
    border: 1px solid var(--line);
    border-radius: var(--radius-md, 14px);
    padding: 12px 14px;
    background: var(--glass);
    min-width: 0;
    display: grid;
    gap: 10px;
}

.oe[b-fjtb7e2s9c]  .oe-den__bas {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-den__ad {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-den__ek {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-otr-liste {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: 10px;
}

/* Kartın TAMAMI bir düğme: kenarlık, gölge ve "Seç ›" ile tıklanabilir olduğu görünür. */
.oe[b-fjtb7e2s9c]  .oe-otr {
    display: grid;
    gap: 6px;
    align-content: start;
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    border: 1.5px solid var(--line);
    background: var(--glass-strong, var(--glass));
    color: var(--fg);
    font: inherit;
    font-size: 13.5px;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--fg) 8%, transparent);
    transition: border-color .15s var(--ease-smooth, ease), background .15s var(--ease-smooth, ease), transform .15s var(--ease-smooth, ease);
}

.oe[b-fjtb7e2s9c]  .oe-otr:hover {
    border-color: var(--brand);
    background: var(--glass-hover);
}

.oe[b-fjtb7e2s9c]  .oe-otr:active {
    transform: translateY(1px);
}

.oe[b-fjtb7e2s9c]  .oe-otr--yok {
    border-style: dashed;
    color: var(--fg-soft);
    background: transparent;
    box-shadow: none;
}

.oe[b-fjtb7e2s9c]  .oe-otr--tutmadi {
    border-color: color-mix(in srgb, var(--amber-600) 55%, var(--line));
}

.oe[b-fjtb7e2s9c]  .oe-otr__ust {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 10px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-otr__tur {
    font-weight: 700;
    font-size: 15px;
}

.oe[b-fjtb7e2s9c]  .oe-otr__bilgi {
    color: var(--fg-soft);
    font-size: 13px;
}

.oe[b-fjtb7e2s9c]  .oe-otr__sec {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-weight: 700;
    font-size: 13px;
    color: var(--brand-strong);
}

.oe[b-fjtb7e2s9c]  .oe-otr__durum {
    color: var(--muted);
    font-size: 12.5px;
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-otr__rozetler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.oe[b-fjtb7e2s9c]  .oe-rozet {
    font-size: 11.5px;
}

.oe[b-fjtb7e2s9c]  .oe-rozet--bekliyor,
.oe[b-fjtb7e2s9c]  .oe-rozet--uyari {
    background: color-mix(in srgb, var(--amber-600) 14%, transparent);
    color: var(--amber-600);
}

.oe[b-fjtb7e2s9c]  .oe-rozet--iyi {
    background: color-mix(in srgb, var(--green-600) 14%, transparent);
    color: var(--green-600);
}

/* ── "Listede yok" paneli (bulunamayınca birincil yol) ──────────────── */
.oe[b-fjtb7e2s9c]  .oe-yok {
    display: grid;
    gap: 8px;
    padding: 14px 16px;
    border: 1.5px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-md, 14px);
    background: color-mix(in srgb, var(--brand) 5%, var(--glass));
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-yok__baslik {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-yok__metin,
.oe[b-fjtb7e2s9c]  .oe-yok__alt {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
}

.oe[b-fjtb7e2s9c]  .oe-yok__alt {
    font-weight: 600;
    color: var(--fg);
}

.oe[b-fjtb7e2s9c]  .oe-yok__liste {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 4px;
    font-size: 14px;
    color: var(--fg-soft);
}

.oe[b-fjtb7e2s9c]  .oe-yok a {
    color: var(--brand-strong);
    font-weight: 600;
}

.oe[b-fjtb7e2s9c]  .oe-ara__cevap {
    border-radius: var(--radius-sm);
    outline: none;
}

.oe[b-fjtb7e2s9c]  .oe-ara__cevap--vurgu {
    padding: 10px 12px;
    background: color-mix(in srgb, var(--brand) 6%, transparent);
    box-shadow: 0 0 0 2px var(--brand);
}

.oe[b-fjtb7e2s9c]  .oe-ara__cevap:focus-visible {
    box-shadow: 0 0 0 2px var(--brand);
}

/* ── İlk cevap doğrulaması (seçilen oturum) ─────────────────────────── */
.oe[b-fjtb7e2s9c]  .oe-dogrula {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border: 1.5px solid color-mix(in srgb, var(--brand) 35%, var(--line));
    border-radius: var(--radius-md, 14px);
    background: color-mix(in srgb, var(--brand) 5%, var(--glass));
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-dogrula__soru {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    color: var(--fg);
}

.oe[b-fjtb7e2s9c]  .oe-dogrula__dizi {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 6px;
    max-width: 520px;
}

.oe[b-fjtb7e2s9c]  .oe-dogrula__hucre {
    display: grid;
    justify-items: center;
    gap: 2px;
    padding: 6px 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-dogrula__no {
    font-size: 11.5px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.oe[b-fjtb7e2s9c]  .oe-dogrula__harf {
    font-size: 18px;
    font-weight: 700;
    color: var(--fg);
}

.oe[b-fjtb7e2s9c]  .oe-dogrula__not {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
}

.oe[b-fjtb7e2s9c]  .oe-dogrula__not--iyi {
    color: var(--green-600);
    font-weight: 600;
}

.oe[b-fjtb7e2s9c]  .oe-listede-yok {
    margin: 4px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: var(--fg-soft);
    font-size: 14px;
}

/* ── Ortak form parçaları ─────────────────────────────────── */
.oe[b-fjtb7e2s9c]  .oe-form,
.oe[b-fjtb7e2s9c]  .oe-ozet,
.oe[b-fjtb7e2s9c]  .oe-kendi {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-form__iki {
    align-items: start;
}

.oe[b-fjtb7e2s9c]  .oe-durum {
    margin: 0;
    color: var(--fg-soft);
    font-size: 14px;
}

.oe[b-fjtb7e2s9c]  .oe-not {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.oe[b-fjtb7e2s9c]  .oe-eksik {
    margin: 0;
    color: var(--red-600);
    font-size: 13.5px;
    font-weight: 600;
}

.oe[b-fjtb7e2s9c]  .oe-eylemler {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.oe[b-fjtb7e2s9c]  .oe-eylemler--sol {
    justify-content: flex-start;
    margin-top: 8px;
}

.oe-sonra[b-fjtb7e2s9c],
.oe[b-fjtb7e2s9c]  .oe-sonra {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
}

.oe-sonra__etiket[b-fjtb7e2s9c],
.oe[b-fjtb7e2s9c]  .oe-sonra__etiket {
    font-weight: 600;
    color: var(--fg-soft);
}

.oe[b-fjtb7e2s9c]  .oe-secili-satir {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.oe[b-fjtb7e2s9c]  .oe-secili-satir__etiket {
    color: var(--muted);
    font-size: 13px;
}

.oe[b-fjtb7e2s9c]  .oe-secili-satir__deger {
    font-weight: 600;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-oneri {
    width: 100%;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    padding: 8px 12px;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-oneri:hover {
    background: var(--glass-hover);
}

.oe[b-fjtb7e2s9c]  .oe-oneri--ekle {
    border-style: dashed;
    color: var(--brand-strong);
    font-weight: 600;
}

.oe[b-fjtb7e2s9c]  .oe-oneri__ek {
    color: var(--muted);
    font-size: 12px;
    margin-left: 6px;
}

.oe[b-fjtb7e2s9c]  .oe-oneri-liste {
    gap: 6px;
    margin-top: 6px;
}

.oe[b-fjtb7e2s9c]  .oe-onay {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    cursor: pointer;
}

.oe[b-fjtb7e2s9c]  .oe-onay input {
    margin-top: 3px;
    flex: 0 0 auto;
}

.oe[b-fjtb7e2s9c]  .oe-onay--satir {
    align-items: center;
}

.oe[b-fjtb7e2s9c]  .oe-onay--satir input {
    margin-top: 0;
}

.oe[b-fjtb7e2s9c]  .oe-onay__ipucu {
    display: block;
    color: var(--muted);
    font-size: 12.5px;
}

.oe[b-fjtb7e2s9c]  .oe-onay--satir .oe-onay__ipucu {
    display: inline;
    margin-left: 4px;
}

.oe[b-fjtb7e2s9c]  .oe-dosya-ozet {
    margin: 0;
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-sorunlar {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 13px;
}

.oe[b-fjtb7e2s9c]  .oe-ozet__bas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.oe[b-fjtb7e2s9c]  .oe-ozet__baslik {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.oe[b-fjtb7e2s9c]  .oe-ayt {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 10px 14px 12px;
    margin: 0;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-ayt legend {
    font-weight: 700;
    font-size: 14px;
    padding: 0 4px;
}

.oe[b-fjtb7e2s9c]  .oe-ayt__testler {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 6px 14px;
    margin-bottom: 6px;
}

.oe[b-fjtb7e2s9c]  .oe-kayitli__satir {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 6px 12px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.oe[b-fjtb7e2s9c]  .oe-kayitli__ad {
    font-weight: 600;
    overflow-wrap: anywhere;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-kayitli__bilgi {
    color: var(--muted);
    font-size: 13px;
}

.oe[b-fjtb7e2s9c]  .oe-bos-tablo input.oe-bos-girdi {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    padding: 7px 10px;
    font: inherit;
}

.oe[b-fjtb7e2s9c]  .oe-bos-tablo input.oe-bos-girdi--sayi {
    max-width: 110px;
}

.oe[b-fjtb7e2s9c]  .oe-bos-tablo td {
    vertical-align: top;
}

.oe[b-fjtb7e2s9c]  .oe-bos-sil {
    text-align: right;
}

.oe[b-fjtb7e2s9c]  .oe-donem {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    font-size: 14px;
    color: var(--fg);
}

.oe[b-fjtb7e2s9c]  .oe-donem__etiket {
    color: var(--muted);
    font-weight: 600;
}

.oe[b-fjtb7e2s9c]  .oe-donem__ek {
    font-size: 12.5px;
    color: var(--muted);
}

.oe[b-fjtb7e2s9c]  .oe-oneri-dugme {
    justify-self: start;
    max-width: 100%;
    white-space: normal;
    text-align: left;
}

.oe[b-fjtb7e2s9c]  .oe-hata__metin {
    margin: 0;
    font-weight: 600;
}

.oe[b-fjtb7e2s9c]  .oe-hata__ayrinti {
    margin: 4px 0 0;
    font-size: 13px;
}

.oe[b-fjtb7e2s9c]  .oe-gizli {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 560px) {
    .oe__bas[b-fjtb7e2s9c] {
        flex-direction: column;
    }

    .oe[b-fjtb7e2s9c]  .oe-dogrula__dizi {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .oe-kucuk[b-fjtb7e2s9c] {
        padding-left: 0;
    }

    .oe[b-fjtb7e2s9c]  .oe-ara__ust {
        grid-template-columns: minmax(0, 1fr);
    }

    .oe[b-fjtb7e2s9c]  .oe-kayitli__satir {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .oe[b-fjtb7e2s9c]  .oe-kayitli__bilgi {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .oe[b-fjtb7e2s9c]  .oe-bos-tablo thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .oe[b-fjtb7e2s9c]  .oe-bos-tablo tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px 10px;
        padding: 8px 0;
        border-bottom: 1px solid var(--line);
    }

    .oe[b-fjtb7e2s9c]  .oe-bos-tablo td,
    .oe[b-fjtb7e2s9c]  .oe-bos-tablo th {
        padding: 0 !important;
        border: 0 !important;
    }

    .oe[b-fjtb7e2s9c]  .oe-bos-tablo td:first-child {
        grid-column: 1 / -1;
    }

    .oe[b-fjtb7e2s9c]  .oe-eylemler {
        justify-content: stretch;
    }

    .oe[b-fjtb7e2s9c]  .oe-eylemler > .au-btn {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* `au-table` ortak CSS'te tanımlı değil: boş yapı tablosu burada stillenir. */
.oe[b-fjtb7e2s9c]  .oe-bos-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.oe[b-fjtb7e2s9c]  .oe-bos-tablo th,
.oe[b-fjtb7e2s9c]  .oe-bos-tablo td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.oe[b-fjtb7e2s9c]  .oe-bos-tablo thead th {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--muted);
}

.oe[b-fjtb7e2s9c]  .oe-bos-tablo tfoot th,
.oe[b-fjtb7e2s9c]  .oe-bos-tablo tfoot td {
    border-bottom: 0;
}

/* ── Listede yok: anahtarın nasıl verileceği (U9) ─────────── */
.oe[b-fjtb7e2s9c]  .oe-anahtar-yolu {
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    gap: 8px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-anahtar-yolu__soru {
    padding: 0;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 14.5px;
    color: var(--fg);
}

.oe[b-fjtb7e2s9c]  .oe-eksik__metin {
    margin: 0;
}

.oe[b-fjtb7e2s9c]  .oe-eksik .oe-sorunlar {
    font-weight: 400;
}

/* ── U2: dönem süzgeci notu · benzer yayınevi uyarısı · taslak geri yükleme · ders seçici ── */
.oe[b-fjtb7e2s9c]  .oe-donem-notu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.oe[b-fjtb7e2s9c]  .oe-oneri-uyari {
    color: var(--amber-600);
    font-size: 13px;
    padding: 2px 2px 0;
}

.oe[b-fjtb7e2s9c]  .oe-taslak,
.oe[b-fjtb7e2s9c]  .oe-uyari {
    margin: 0 0 12px;
}

.oe[b-fjtb7e2s9c]  .oe-bos-sinif {
    max-width: 280px;
}

.oe[b-fjtb7e2s9c]  .oe-bos-ders {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-bos-ders__ad {
    font-weight: 600;
    overflow-wrap: anywhere;
    min-width: 0;
}

.oe[b-fjtb7e2s9c]  .oe-bos-adaylar {
    margin-top: 6px;
    gap: 4px;
    max-height: 264px;
    overflow-y: auto;
}

.oe[b-fjtb7e2s9c]  .oe-bos-adaylar .oe-oneri {
    padding: 6px 10px;
    font-size: 13.5px;
}

.oe[b-fjtb7e2s9c]  .oe-bos-listede-yok {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/OturumEkleHatirlatici.razor.rz.scp.css */
/* U2: yarım kalan oturum ekleme hatırlatıcısı (Sınavlar listesinin üstünde). */
.oe-hatirlatici[b-l0c915ql0j] {
    margin: 0 0 12px;
}

.oe-hatirlatici__baslik[b-l0c915ql0j] {
    margin: 0;
    font-weight: 700;
    color: var(--fg);
}

.oe-hatirlatici__metin[b-l0c915ql0j] {
    margin: 2px 0 8px;
    color: var(--fg-soft);
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.oe-hatirlatici__eylemler[b-l0c915ql0j] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/OturumEkle/SoruBankasiSecici.razor.rz.scp.css */
.sbs-baslik[b-23lrrf99rk] {
    margin: 0 0 8px;
    font-size: 1rem;
    color: var(--fg);
}

.sbs-uyari[b-23lrrf99rk] {
    margin-bottom: 8px;
}

.sbs-tablo[b-23lrrf99rk] {
    width: 100%;
    border-collapse: collapse;
    margin: 8px 0;
    font-size: 0.875rem;
    table-layout: auto;
}

.sbs-tablo th[b-23lrrf99rk],
.sbs-tablo td[b-23lrrf99rk] {
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid var(--line);
    color: var(--fg);
    overflow-wrap: anywhere;
}

.sbs-tablo thead th[b-23lrrf99rk] {
    color: var(--muted);
    font-weight: 600;
}

.sbs-cevap[b-23lrrf99rk] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: 0.04em;
}

@media (max-width: 640px) {
    .sbs-tablo thead[b-23lrrf99rk] {
        display: none;
    }

    .sbs-tablo tr[b-23lrrf99rk] {
        display: block;
        padding: 6px 0;
        border-bottom: 1px solid var(--line);
    }

    .sbs-tablo th[b-23lrrf99rk],
    .sbs-tablo td[b-23lrrf99rk] {
        display: block;
        border: 0;
        padding: 2px 0;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Sinavlar/SinavBolumKart.razor.rz.scp.css */
.sbk[b-g09g4i76j2] {
    position: relative;
    border: 1px solid var(--line);
    border-radius: var(--radius-md, 14px);
    background: var(--glass);
    padding: 14px 18px;
    scroll-margin-top: calc(var(--topbar-h, 64px) + 16px);
    transition: border-color .15s var(--ease-smooth), box-shadow .15s var(--ease-smooth);
}

.sbk--sirada[b-g09g4i76j2],
.sbk--acik[b-g09g4i76j2] {
    border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
    box-shadow: var(--glass-shadow);
    background: var(--glass-strong, var(--glass));
}

.sbk--kilitli[b-g09g4i76j2] {
    background: transparent;
    border-style: dashed;
}

.sbk__bas[b-g09g4i76j2] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.sbk__isaret[b-g09g4i76j2] {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 13px;
    background: var(--n-100, var(--glass-hover));
    color: var(--fg-soft);
    margin-top: 1px;
}

.sbk--tamam .sbk__isaret[b-g09g4i76j2] {
    background: color-mix(in srgb, var(--green-600) 16%, transparent);
    color: var(--green-600);
}

.sbk--sirada .sbk__isaret[b-g09g4i76j2] {
    background: var(--brand);
    color: var(--on-brand);
}

.sbk__metin[b-g09g4i76j2] {
    flex: 1 1 auto;
    min-width: 0;
}

.sbk__baslik[b-g09g4i76j2] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.sbk--kilitli .sbk__baslik[b-g09g4i76j2] {
    color: var(--fg-soft);
}

.sbk__durum-etiketi[b-g09g4i76j2] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.sbk--tamam .sbk__durum-etiketi[b-g09g4i76j2] {
    color: var(--green-600);
}

.sbk__ozet[b-g09g4i76j2],
.sbk__soru[b-g09g4i76j2],
.sbk__kilit[b-g09g4i76j2] {
    margin: 3px 0 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.sbk__soru[b-g09g4i76j2] {
    color: var(--fg);
}

.sbk__kilit[b-g09g4i76j2] {
    color: var(--muted);
}

.sbk__govde[b-g09g4i76j2] {
    margin-top: 14px;
    padding-left: 40px;
    display: grid;
    gap: 14px;
    min-width: 0;
}

.sbk__sonra[b-g09g4i76j2] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
}

.sbk__sonra-etiket[b-g09g4i76j2] {
    font-weight: 600;
    color: var(--fg-soft);
}

.sbk__uyari[b-g09g4i76j2] {
    margin: 0;
}

@media (max-width: 640px) {
    .sbk[b-g09g4i76j2] {
        padding: 12px;
    }

    .sbk__govde[b-g09g4i76j2] {
        padding-left: 0;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Yayim/AnalizYayim.razor.rz.scp.css */
.yy[b-jfnagk9zdt] {
    display: grid;
    gap: 16px;
    min-width: 0;
    margin-top: 18px;
}

.yy-secici[b-jfnagk9zdt] {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--glass);
}

.yy-secici__baslik[b-jfnagk9zdt] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
}

.yy-secici__alanlar[b-jfnagk9zdt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: end;
}

.yy-secici__secim:only-child[b-jfnagk9zdt] {
    grid-column: 1 / -1;
}

.yy-durum[b-jfnagk9zdt] {
    margin: 0;
    color: var(--fg-soft);
    font-size: 14px;
}

.yy-not[b-jfnagk9zdt] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.yy-satir[b-jfnagk9zdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.yy-bos[b-jfnagk9zdt] {
    display: grid;
    gap: 6px;
    justify-items: start;
}

.yy-bos p[b-jfnagk9zdt] {
    margin: 0;
}

.yy-kunye[b-jfnagk9zdt] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 14px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yy-hesap[b-jfnagk9zdt] {
    margin: 0;
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yy-durumlar[b-jfnagk9zdt] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.yy-rozet[b-jfnagk9zdt] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: var(--radius-pill);
    font-size: 12.5px;
    font-weight: 600;
    border: 1px solid var(--line);
    background: var(--glass-hover);
    color: var(--fg-soft);
    white-space: nowrap;
}

.yy-rozet--yayimlandi[b-jfnagk9zdt] {
    color: var(--green-600);
    border-color: color-mix(in srgb, var(--green-600) 40%, var(--line));
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
}

.yy-rozet--hazir[b-jfnagk9zdt] {
    color: var(--brand-strong);
    border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
    background: color-mix(in srgb, var(--brand) 10%, transparent);
}

.yy-rozet--geri[b-jfnagk9zdt] {
    color: var(--amber-600);
    border-color: color-mix(in srgb, var(--amber-600) 40%, var(--line));
    background: color-mix(in srgb, var(--amber-600) 10%, transparent);
}

.yy-baslangic[b-jfnagk9zdt] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.yy-baslangic__metin[b-jfnagk9zdt] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yy-baslangic__alt[b-jfnagk9zdt] {
    margin: 4px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-soft);
}

.yy-hizli[b-jfnagk9zdt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.yy-hizli > li[b-jfnagk9zdt] {
    min-width: 0;
}

.yy-hizli__dugme[b-jfnagk9zdt] {
    display: grid;
    gap: 2px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    cursor: pointer;
    transition: background-color .15s var(--ease-smooth), border-color .15s var(--ease-smooth);
}

.yy-hizli__dugme:hover[b-jfnagk9zdt] {
    background: var(--glass-hover);
    border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
}

.yy-hizli__dugme:focus-visible[b-jfnagk9zdt] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.yy-hizli__ad[b-jfnagk9zdt] {
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.yy-hizli__alt[b-jfnagk9zdt] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.yy-bolumler[b-jfnagk9zdt] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

@media (max-width: 640px) {
    .yy-secici__alanlar[b-jfnagk9zdt] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .yy-secici[b-jfnagk9zdt] {
        padding: 12px;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Yayim/Bolumler/ItirazlarBolumu.razor.rz.scp.css */
.yi-bos[b-n4wyo1akey],
.yi-durum[b-n4wyo1akey],
.yi-not[b-n4wyo1akey],
.yi-p[b-n4wyo1akey] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yi-not[b-n4wyo1akey] {
    font-size: 13px;
    color: var(--muted);
}

.yi-hata[b-n4wyo1akey] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--red-600);
}

.yi-gizli[b-n4wyo1akey] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.yi-h3[b-n4wyo1akey] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yi-h3:focus-visible[b-n4wyo1akey] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.yi-h4[b-n4wyo1akey] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.yi-h5[b-n4wyo1akey] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg);
}

.yi-satir[b-n4wyo1akey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.yi-suzgec[b-n4wyo1akey],
.yi-sablonlar[b-n4wyo1akey] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.yi-cip[b-n4wyo1akey] {
    cursor: pointer;
    min-height: 32px;
    text-align: left;
    white-space: normal;
}

.yi-cip--secili[b-n4wyo1akey] {
    background: var(--brand);
    color: var(--on-brand);
    border-color: var(--brand);
}

.yi-cip__sayi[b-n4wyo1akey] {
    font-weight: 700;
    margin-left: 4px;
}

/* Liste + yan panel: geniş ekranda yan yana, dar ekranda panel listenin altında. */
.yi-calisma[b-n4wyo1akey] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}



.yi-liste[b-n4wyo1akey] {
    min-width: 0;
}

.yi-bos-kutu[b-n4wyo1akey] {
    display: grid;
    gap: 6px;
    justify-items: start;
    padding: 12px 0;
}

.yi-bos-kutu p[b-n4wyo1akey] {
    margin: 0;
}

/* Tablolar kendi kapsamında stillenir (ortak au-table tanımlı değil). */
.yi-tablo-sar[b-n4wyo1akey] {
    min-width: 0;
    overflow-x: auto;
}

.yi-tablo[b-n4wyo1akey] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.yi-tablo th[b-n4wyo1akey],
.yi-tablo td[b-n4wyo1akey] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    color: var(--fg);
}

.yi-tablo thead th[b-n4wyo1akey] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    white-space: nowrap;
}

.yi-tablo tbody tr:hover > td[b-n4wyo1akey] {
    background: var(--glass-hover);
}

.yi-kategori[b-n4wyo1akey] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.yi-kategori + .yi-kategori[b-n4wyo1akey] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

.yi-kategori__baslik[b-n4wyo1akey] {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--fg);
    display: flex;
    gap: 8px;
    align-items: baseline;
    flex-wrap: wrap;
}

.yi-kategori__sayi[b-n4wyo1akey] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--muted);
}

.yi-gruplar[b-n4wyo1akey] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.yi-grup[b-n4wyo1akey] {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    text-align: left;
    font: inherit;
    color: var(--fg);
    cursor: pointer;
    min-height: 44px;
}

.yi-grup:hover[b-n4wyo1akey] {
    background: var(--glass-hover);
}

.yi-grup:focus-visible[b-n4wyo1akey] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.yi-grup--secili[b-n4wyo1akey] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 10%, transparent);
}

.yi-grup__baslik[b-n4wyo1akey] {
    font-weight: 600;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.yi-grup__alt[b-n4wyo1akey] {
    font-size: 12.5px;
    color: var(--muted);
}

.yi-satir-oge--secili > td[b-n4wyo1akey] {
    background: color-mix(in srgb, var(--brand) 10%, transparent);
}

.yi-ac[b-n4wyo1akey] {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: var(--brand-strong);
    cursor: pointer;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 2px;
    min-height: 24px;
}

.yi-ac:focus-visible[b-n4wyo1akey] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.yi-alt[b-n4wyo1akey] {
    display: block;
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.yi-rozet[b-n4wyo1akey] {
    display: inline-flex;
    padding: 1px 9px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--fg-soft);
}

.yi-rozet--0[b-n4wyo1akey] {
    color: var(--amber-600);
    border-color: color-mix(in srgb, var(--amber-600) 40%, var(--line));
}

.yi-rozet--1[b-n4wyo1akey] {
    color: var(--green-600);
    border-color: color-mix(in srgb, var(--green-600) 40%, var(--line));
}

.yi-panel[b-n4wyo1akey] {
    display: grid;
    gap: 14px;
    padding: 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--line));
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.yi-panel__bas[b-n4wyo1akey] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.yi-panel__kimlik[b-n4wyo1akey] {
    min-width: 0;
}

.yi-kunye[b-n4wyo1akey] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: 8px 14px;
}

.yi-kunye dt[b-n4wyo1akey] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.yi-kunye dd[b-n4wyo1akey] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yi-blok[b-n4wyo1akey] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.yi-mesaj[b-n4wyo1akey] {
    margin: 0;
    padding: 8px 10px;
    border-left: 3px solid var(--line);
    background: var(--glass-hover);
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--fg);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.yi-kanit[b-n4wyo1akey] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 14px;
}

.yi-kagit__resim[b-n4wyo1akey] {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.yi-izgara[b-n4wyo1akey] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
    gap: 4px;
}

.yi-hucre[b-n4wyo1akey] {
    display: grid;
    justify-items: center;
    padding: 3px 2px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    font-size: 12px;
    line-height: 1.25;
    color: var(--fg);
}

.yi-hucre__no[b-n4wyo1akey] {
    font-size: 10.5px;
    color: var(--muted);
}

.yi-hucre__okunan[b-n4wyo1akey] {
    font-weight: 700;
}

.yi-hucre__anahtar[b-n4wyo1akey] {
    color: var(--fg-soft);
}

.yi-hucre--dogru[b-n4wyo1akey] {
    border-color: color-mix(in srgb, var(--green-600) 50%, var(--line));
    background: color-mix(in srgb, var(--green-600) 10%, transparent);
}

.yi-hucre--yanlis[b-n4wyo1akey] {
    border-color: color-mix(in srgb, var(--red-500) 50%, var(--line));
    background: color-mix(in srgb, var(--red-500) 10%, transparent);
}

.yi-hucre--bos[b-n4wyo1akey],
.yi-hucre--yok[b-n4wyo1akey] {
    background: var(--glass-hover);
}

.yi-hucre--vurgu[b-n4wyo1akey] {
    outline: 2px solid var(--brand);
    outline-offset: 1px;
}

.yi-hucre--degisti .yi-hucre__okunan[b-n4wyo1akey] {
    color: var(--brand-strong);
    text-decoration: underline;
}

.yi-lejant[b-n4wyo1akey] {
    margin: 0;
    font-size: 12px;
    color: var(--muted);
}

.yi-secenekler[b-n4wyo1akey] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 8px;
}

.yi-secenek[b-n4wyo1akey] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 10px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    cursor: pointer;
    font-size: 13.5px;
    color: var(--fg);
}

.yi-secenek input[b-n4wyo1akey] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.yi-secenek--secili[b-n4wyo1akey] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, transparent);
}

.yi-duzelt[b-n4wyo1akey] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
}

.yi-duzelt__alanlar[b-n4wyo1akey] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
}

.yi-degisim[b-n4wyo1akey] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 4px;
    font-size: 13.5px;
}

.yi-degisim li[b-n4wyo1akey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.yi-metin[b-n4wyo1akey] {
    width: 100%;
    min-height: 72px;
    resize: vertical;
    font: inherit;
}

.yi-kutu[b-n4wyo1akey] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 13.5px;
    color: var(--fg);
}

.yi-kutu input[b-n4wyo1akey] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.yi-kutu--uyari[b-n4wyo1akey] {
    color: var(--amber-600);
    font-weight: 600;
}

.yi-etki[b-n4wyo1akey] {
    display: grid;
    gap: 6px;
    justify-items: start;
}

.yi-etki__liste[b-n4wyo1akey] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
    font-size: 13.5px;
    color: var(--fg);
}

.yi-eylemler[b-n4wyo1akey] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.yi-sonuc[b-n4wyo1akey] {
    margin: 0;
}

.yi-gecis summary[b-n4wyo1akey] {
    cursor: pointer;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--fg);
}

.yi-gecis__liste[b-n4wyo1akey] {
    margin: 6px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
    font-size: 13px;
    color: var(--fg-soft);
}

.yi-gecis__zaman[b-n4wyo1akey] {
    color: var(--fg);
}

@media (min-width: 1280px) {
    .yi-calisma--panel[b-n4wyo1akey] {
        grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    }

    /* Panel açıkken liste dar sütuna iner: satırlar kart yığınına döner,
       kolonlar sıkışıp kesilmez. */
    .yi-calisma--panel .yi-tablo thead[b-n4wyo1akey] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .yi-calisma--panel .yi-tablo[b-n4wyo1akey],
    .yi-calisma--panel .yi-tablo tbody[b-n4wyo1akey],
    .yi-calisma--panel .yi-tablo tr[b-n4wyo1akey],
    .yi-calisma--panel .yi-tablo td[b-n4wyo1akey] {
        display: block;
        width: 100%;
    }

    .yi-calisma--panel .yi-tablo tr[b-n4wyo1akey] {
        border-bottom: 1px solid var(--line);
        padding: 8px 0;
    }

    .yi-calisma--panel .yi-tablo td[b-n4wyo1akey] {
        border-bottom: 0;
        padding: 2px 0;
    }

    .yi-calisma--panel .yi-tablo td[data-etiket="Tür"][b-n4wyo1akey],
    .yi-calisma--panel .yi-tablo td[data-etiket="Açılış"][b-n4wyo1akey] {
        font-size: 12.5px;
        color: var(--muted);
    }

    .yi-calisma--panel .yi-panel[b-n4wyo1akey] {
        position: sticky;
        top: calc(var(--topbar-h, 64px) + 12px);
        max-height: calc(100vh - var(--topbar-h, 64px) - 24px);
        overflow-y: auto;
    }
}

@media (max-width: 640px) {
    .yi-tablo thead[b-n4wyo1akey] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .yi-tablo[b-n4wyo1akey],
    .yi-tablo tbody[b-n4wyo1akey],
    .yi-tablo tr[b-n4wyo1akey],
    .yi-tablo td[b-n4wyo1akey] {
        display: block;
        width: 100%;
    }

    .yi-tablo tr[b-n4wyo1akey] {
        border-bottom: 1px solid var(--line);
        padding: 8px 0;
    }

    .yi-tablo td[b-n4wyo1akey] {
        border-bottom: 0;
        padding: 3px 0;
    }

    .yi-tablo td[data-etiket][b-n4wyo1akey]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: var(--muted);
    }

    .yi-duzelt__alanlar[b-n4wyo1akey] {
        grid-template-columns: minmax(0, 1fr);
    }

    .yi-panel[b-n4wyo1akey] {
        padding: 10px;
    }
}

/* U5: yönetici adına itiraz düğmesi, önizleme sonucu, önceki bildirimler */
.yi-arac[b-n4wyo1akey] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
}

.yi-etki__sonuc[b-n4wyo1akey] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.yi-etki__degismez[b-n4wyo1akey] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg);
}

.yi-onceki[b-n4wyo1akey] {
    display: grid;
    gap: 4px;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    border: 1px dashed var(--line);
    min-width: 0;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Yayim/Bolumler/PaylasimlarBolumu.razor.rz.scp.css */
.yp-bos[b-bi9pazms6j],
.yp-durum[b-bi9pazms6j],
.yp-not[b-bi9pazms6j],
.yp-mesaj-satir[b-bi9pazms6j] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yp-not[b-bi9pazms6j] {
    font-size: 13px;
    color: var(--muted);
}

.yp-hata[b-bi9pazms6j] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--red-600);
}

.yp-mesaj[b-bi9pazms6j],
.yp-guvence[b-bi9pazms6j] {
    margin: 0;
}

.yp-h3[b-bi9pazms6j] {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--fg);
}

.yp-h4[b-bi9pazms6j] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--fg);
}

.yp-gizli[b-bi9pazms6j] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.yp-satir-hizali[b-bi9pazms6j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.yp-yeni[b-bi9pazms6j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--green-600) 45%, var(--line));
    background: color-mix(in srgb, var(--green-600) 8%, transparent);
    font-size: 13.5px;
    color: var(--fg);
    min-width: 0;
}

.yp-adres[b-bi9pazms6j] {
    font-size: 12.5px;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    background: var(--glass-hover);
    color: var(--fg);
    overflow-wrap: anywhere;
    word-break: break-all;
    min-width: 0;
}

.yp-form[b-bi9pazms6j],
.yp-onay[b-bi9pazms6j] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--line));
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.yp-onay p[b-bi9pazms6j] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg);
}

.yp-form__alanlar[b-bi9pazms6j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 12px;
    align-items: start;
}

.yp-secim[b-bi9pazms6j] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.yp-secim__cip[b-bi9pazms6j] {
    cursor: pointer;
    min-height: 32px;
}

.yp-secim__cip--secili[b-bi9pazms6j] {
    background: var(--brand);
    color: var(--on-brand);
    border-color: var(--brand);
}

.yp-onizleme[b-bi9pazms6j] {
    display: grid;
    gap: 8px;
    justify-items: start;
    min-width: 0;
}

.yp-onizleme > *[b-bi9pazms6j] {
    max-width: 100%;
}

.yp-eylemler[b-bi9pazms6j] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.yp-tablo[b-bi9pazms6j] {
    width: 100%;
}

.yp-ad[b-bi9pazms6j] {
    display: block;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yp-alt[b-bi9pazms6j] {
    display: block;
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.yp-satir--kapali .yp-ad[b-bi9pazms6j] {
    color: var(--fg-soft);
}

.yp-eylem[b-bi9pazms6j] {
    text-align: right;
    white-space: nowrap;
}

.yp-rozet[b-bi9pazms6j] {
    display: inline-flex;
    padding: 1px 9px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.yp-rozet--acik[b-bi9pazms6j] {
    color: var(--green-600);
    border-color: color-mix(in srgb, var(--green-600) 40%, var(--line));
}

.yp-rozet--kapali[b-bi9pazms6j] {
    color: var(--fg-soft);
}

.yp-rozet--doldu[b-bi9pazms6j] {
    color: var(--amber-600);
    border-color: color-mix(in srgb, var(--amber-600) 40%, var(--line));
}

.yp-ayrinti-satir > td[b-bi9pazms6j] {
    background: var(--glass-hover);
}

.yp-ayrinti[b-bi9pazms6j] {
    display: grid;
    gap: 12px;
    padding: 6px 2px;
    min-width: 0;
    white-space: normal;
}

.yp-ayrinti__satir[b-bi9pazms6j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.yp-ayrinti__sure[b-bi9pazms6j] {
    max-width: 280px;
}

.yp-etiket[b-bi9pazms6j] {
    font-weight: 600;
    font-size: 13px;
    color: var(--fg-soft);
}

.yp-duzeltme[b-bi9pazms6j] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.yp-duzeltme p[b-bi9pazms6j] {
    margin: 0;
}

.yp-sil[b-bi9pazms6j] {
    color: var(--red-600);
}

.yp-uyeler[b-bi9pazms6j] {
    display: grid;
    gap: 8px;
    max-width: 560px;
}

.yp-uye-liste[b-bi9pazms6j] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
}

.yp-uye[b-bi9pazms6j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.yp-gecmis summary[b-bi9pazms6j] {
    cursor: pointer;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--fg);
}

.yp-olaylar[b-bi9pazms6j] {
    margin: 6px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
    font-size: 13px;
    color: var(--fg-soft);
}

.yp-olay__zaman[b-bi9pazms6j] {
    color: var(--fg);
}

.yp-web[b-bi9pazms6j] {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

/* 360px: tablo satırları kart yığınına döner, yatay kaydırma yok. */


/* Tablolar kendi kapsamında stillenir (ortak au-table tanımlı değil). */
.yp-tablo-sar[b-bi9pazms6j] {
    min-width: 0;
    overflow-x: auto;
}

.yp-tablo[b-bi9pazms6j] {
    border-collapse: collapse;
    font-size: 13.5px;
}

.yp-tablo th[b-bi9pazms6j],
.yp-tablo td[b-bi9pazms6j] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    color: var(--fg);
}

.yp-tablo thead th[b-bi9pazms6j] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    white-space: nowrap;
}

.yp-suresiz[b-bi9pazms6j] {
    color: var(--amber-600);
    font-weight: 600;
}

.yp-guvence__baslik[b-bi9pazms6j] {
    margin: 0 0 4px;
}

.yp-guvence__liste[b-bi9pazms6j] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 2px;
}

@media (max-width: 640px) {
    .yp-tablo thead[b-bi9pazms6j] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .yp-tablo[b-bi9pazms6j],
    .yp-tablo tbody[b-bi9pazms6j],
    .yp-tablo tr[b-bi9pazms6j],
    .yp-tablo td[b-bi9pazms6j] {
        display: block;
        width: 100%;
    }

    .yp-tablo tr[b-bi9pazms6j] {
        border-bottom: 1px solid var(--line);
        padding: 8px 0;
    }

    .yp-tablo td[b-bi9pazms6j] {
        border-bottom: 0;
        padding: 3px 0;
    }

    .yp-tablo td[data-etiket][b-bi9pazms6j]::before {
        content: attr(data-etiket);
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: var(--muted);
    }

    .yp-eylem[b-bi9pazms6j] {
        text-align: left;
    }
}
/* _content/EduLive.Web/Components/Pages/Analysis/Yayim/Bolumler/SoruItiraziPaneli.razor.rz.scp.css */
.ys[b-0lh555fzhm] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ys-bas[b-0lh555fzhm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.ys-kimlik[b-0lh555fzhm] {
    min-width: 0;
}

.ys-h3[b-0lh555fzhm] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ys-h3:focus-visible[b-0lh555fzhm] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.ys-h4[b-0lh555fzhm] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.ys-h5[b-0lh555fzhm] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg);
    padding: 0;
}

.ys-alt[b-0lh555fzhm],
.ys-not[b-0lh555fzhm],
.ys-durum[b-0lh555fzhm] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.ys-durum[b-0lh555fzhm] {
    color: var(--fg-soft);
}

.ys-bilgi[b-0lh555fzhm] {
    margin: 0;
    padding: 8px 10px;
    border-left: 3px solid var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, transparent);
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--fg);
}

.ys-hata[b-0lh555fzhm] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--red-600);
}

.ys-mesaj[b-0lh555fzhm] {
    margin: 0;
}

.ys-blok[b-0lh555fzhm] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.ys-iki[b-0lh555fzhm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
    gap: 10px;
    align-items: end;
    max-width: 420px;
}

.ys-anahtar[b-0lh555fzhm] {
    margin: 0;
    font-size: 14px;
    color: var(--fg);
}

.ys-itirazlar summary[b-0lh555fzhm] {
    cursor: pointer;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--fg);
}

.ys-liste[b-0lh555fzhm] {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
}

.ys-liste li[b-0lh555fzhm] {
    display: grid;
    gap: 2px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.ys-liste__kim[b-0lh555fzhm] {
    font-weight: 600;
    color: var(--fg);
}

.ys-liste__mesaj[b-0lh555fzhm] {
    color: var(--fg-soft);
    white-space: pre-wrap;
}

.ys-secenekler[b-0lh555fzhm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 8px;
}

.ys-secenek[b-0lh555fzhm] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 10px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    cursor: pointer;
    font-size: 13.5px;
    color: var(--fg);
}

.ys-secenek input[b-0lh555fzhm],
.ys-kutu input[b-0lh555fzhm] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.ys-secenek--secili[b-0lh555fzhm] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, transparent);
}

.ys-alt-secim[b-0lh555fzhm] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 10px 12px;
    margin: 0;
    display: grid;
    gap: 6px;
}

.ys-kutu[b-0lh555fzhm] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 13.5px;
    color: var(--fg);
}

.ys-kutu--uyari[b-0lh555fzhm] {
    color: var(--amber-600);
    font-weight: 600;
}

.ys-etki[b-0lh555fzhm] {
    display: grid;
    gap: 6px;
    justify-items: start;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--amber-600) 40%, var(--line));
    border-radius: var(--radius-sm);
}

.ys-etki__giris[b-0lh555fzhm] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}

.ys-etki__liste[b-0lh555fzhm] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 3px;
    font-size: 13.5px;
    color: var(--fg);
}

.ys-metin[b-0lh555fzhm] {
    width: 100%;
    min-height: 72px;
    resize: vertical;
    font: inherit;
}

.ys-manuel[b-0lh555fzhm] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.ys-manuel p[b-0lh555fzhm] {
    margin: 0;
}

.ys-eylemler[b-0lh555fzhm] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* U5: soru iptali puanlamaya yansımadığı için seçenek kapalı; nedeni okunur kalır */
.ys-secenek--kapali[b-0lh555fzhm] {
    cursor: not-allowed;
    color: var(--fg-soft);
    border-style: dashed;
    background: transparent;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Yayim/Bolumler/YayimBolumu.razor.rz.scp.css */
.yb-bos[b-lqdz6k4881],
.yb-durum[b-lqdz6k4881],
.yb-aciklama[b-lqdz6k4881],
.yb-not[b-lqdz6k4881] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yb-aciklama[b-lqdz6k4881] {
    color: var(--fg);
}

.yb-not[b-lqdz6k4881] {
    color: var(--muted);
    font-size: 13px;
}

.yb-mesaj[b-lqdz6k4881] {
    margin: 0;
}

.yb-h3[b-lqdz6k4881] {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--fg);
}

.yb-h4[b-lqdz6k4881] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg);
    padding: 0;
}

/* Durum şeridi: 360px'te alt alta sarar, yatay kaydırma yok. */
.yb-serit[b-lqdz6k4881] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.yb-serit__oge[b-lqdz6k4881] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    font-size: 13px;
    color: var(--muted);
    background: transparent;
    min-width: 0;
}

.yb-serit__oge--gecti[b-lqdz6k4881] {
    color: var(--fg-soft);
    border-style: solid;
}

.yb-serit__oge--simdi[b-lqdz6k4881] {
    color: var(--on-brand);
    background: var(--brand);
    border-color: var(--brand);
    font-weight: 700;
}

.yb-serit__oge--sonra[b-lqdz6k4881] {
    border-style: dashed;
}

.yb-serit__not[b-lqdz6k4881] {
    font-size: 11.5px;
    font-weight: 500;
    color: inherit;
    opacity: .85;
}

.yb-panel[b-lqdz6k4881] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--line));
    background: var(--glass-strong, var(--glass));
    min-width: 0;
}

.yb-panel--uyari[b-lqdz6k4881] {
    border-color: color-mix(in srgb, var(--amber-600) 50%, var(--line));
}

.yb-panel__giris[b-lqdz6k4881] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
}

.yb-panel__eylem[b-lqdz6k4881] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.yb-etki[b-lqdz6k4881],
.yb-denetim[b-lqdz6k4881] {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 4px;
    font-size: 13.5px;
    color: var(--fg);
}

.yb-etki--uyari[b-lqdz6k4881],
.yb-denetim--uyari[b-lqdz6k4881] {
    color: var(--amber-600);
    font-weight: 600;
}

.yb-denetim--tamam[b-lqdz6k4881] {
    color: var(--fg-soft);
}

.yb-duyuru[b-lqdz6k4881] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 10px 12px;
    margin: 0;
    display: grid;
    gap: 8px;
    min-width: 0;
}

.yb-kanallar[b-lqdz6k4881] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.yb-kanal[b-lqdz6k4881] {
    cursor: pointer;
    min-height: 32px;
}

.yb-kanal--secili[b-lqdz6k4881] {
    background: var(--brand);
    color: var(--on-brand);
    border-color: var(--brand);
}

.yb-kutu[b-lqdz6k4881] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13.5px;
    color: var(--fg);
}

.yb-kutu input[b-lqdz6k4881] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.yb-metin[b-lqdz6k4881] {
    width: 100%;
    min-height: 64px;
    resize: vertical;
    font: inherit;
}

.yb-iki[b-lqdz6k4881] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 14px;
}

.yb-blok[b-lqdz6k4881] {
    display: grid;
    gap: 8px;
    align-content: start;
    min-width: 0;
}

.yb-kim[b-lqdz6k4881] {
    margin: 0;
    display: grid;
    gap: 6px;
}

.yb-kim > div[b-lqdz6k4881] {
    display: grid;
    grid-template-columns: minmax(0, 11em) minmax(0, 1fr);
    gap: 8px;
    font-size: 13.5px;
}

.yb-kim dt[b-lqdz6k4881] {
    font-weight: 600;
    color: var(--fg-soft);
}

.yb-kim dd[b-lqdz6k4881] {
    margin: 0;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yb-onaylar[b-lqdz6k4881] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.yb-onay[b-lqdz6k4881] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 13.5px;
}

.yb-onay__ders[b-lqdz6k4881] {
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yb-onay__durum--onayladi[b-lqdz6k4881] {
    color: var(--green-600);
}

.yb-onay__durum--aciklama[b-lqdz6k4881] {
    color: var(--amber-600);
}

.yb-onay__not[b-lqdz6k4881] {
    flex-basis: 100%;
    color: var(--fg-soft);
}

.yb-onay__eylem[b-lqdz6k4881] {
    flex-basis: 100%;
    display: grid;
    gap: 8px;
}

.yb-ikincil[b-lqdz6k4881] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .yb-kim > div[b-lqdz6k4881] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }
}

.yb-rozet[b-lqdz6k4881] {
    display: inline-flex;
    align-items: center;
    padding: 1px 9px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--line);
    font-size: 12px;
    font-weight: 600;
    color: var(--fg-soft);
    white-space: nowrap;
}

.yb-gizli[b-lqdz6k4881] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.yb-alt-blok[b-lqdz6k4881] {
    display: grid;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
    min-width: 0;
}

.yb-guvence[b-lqdz6k4881] {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 3px;
    font-size: 13.5px;
    color: var(--fg);
}

.yb-form[b-lqdz6k4881] {
    display: grid;
    gap: 10px;
    max-width: 520px;
}

.yb-not-uyari[b-lqdz6k4881] {
    margin: 0;
    font-size: 13px;
}

.yb-ornek[b-lqdz6k4881] {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass-hover);
    min-width: 0;
}

.yb-ornek__baslik[b-lqdz6k4881] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
}

.yb-ornek__satir[b-lqdz6k4881] {
    margin: 0;
    font-size: 13.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

/* Tablolar kendi kapsamında stillenir (ortak au-table tanımlı değil). */
.yb-tablo[b-lqdz6k4881] {
    width: 100%;
    max-width: 520px;
    border-collapse: collapse;
    font-size: 13.5px;
}

.yb-tablo th[b-lqdz6k4881],
.yb-tablo td[b-lqdz6k4881] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: middle;
    color: var(--fg);
}

.yb-tablo thead th[b-lqdz6k4881] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.yb-tablo tbody th[b-lqdz6k4881] {
    font-weight: 600;
    white-space: nowrap;
}

.yb-dagilim__cubuk-hucre[b-lqdz6k4881] {
    width: 60%;
}

.yb-dagilim__cubuk[b-lqdz6k4881] {
    display: block;
    height: 10px;
    width: var(--oran, 0%);
    min-width: 2px;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--brand) 70%, transparent);
}

.yb-alici[b-lqdz6k4881] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    overflow-wrap: anywhere;
}

.yb-notlar[b-lqdz6k4881] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
}

.yb-notlar__oge[b-lqdz6k4881] {
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yb-notlar__bas[b-lqdz6k4881] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-soft);
}

.yb-notlar__gerekce[b-lqdz6k4881] {
    color: var(--fg-soft);
}

/* U5: şeridin sunucu aşamalarına göre ek hâlleri */
/* Geri çekildi: "şu an" hâli ama marka rengi yerine uyarı tonu (metin koyu, zemin açık). */
.yb-serit__oge--geri[b-lqdz6k4881] {
    color: var(--fg);
    background: color-mix(in srgb, var(--amber-600) 16%, transparent);
    border-color: var(--amber-600);
}

.yb-serit__oge--atlandi[b-lqdz6k4881] {
    color: var(--muted);
    border-style: dotted;
}

.yb-serit__oge--kapali[b-lqdz6k4881] {
    color: var(--muted);
    border-style: dashed;
    opacity: .75;
}

.yb-saklanmiyor[b-lqdz6k4881] {
    margin: 0;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Yayim/Bolumler/YoneticiItirazFormu.razor.rz.scp.css */
/* Yönetici adına itiraz formu (U5). Renk yalnız token; 360 px'te tek sütun. */
.yf[b-znvwy0n8rz] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.yf-bas[b-znvwy0n8rz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.yf-bas > div[b-znvwy0n8rz] {
    min-width: 0;
}

.yf-h3[b-znvwy0n8rz] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.yf-h3:focus-visible[b-znvwy0n8rz] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.yf-h4[b-znvwy0n8rz] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fg);
}

.yf-h5[b-znvwy0n8rz] {
    margin: 0 0 4px;
    padding: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg);
}

.yf-alt[b-znvwy0n8rz],
.yf-not[b-znvwy0n8rz],
.yf-durum[b-znvwy0n8rz] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.yf-durum[b-znvwy0n8rz] {
    color: var(--fg-soft);
}

.yf-hata[b-znvwy0n8rz] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--red-600);
    overflow-wrap: anywhere;
}

.yf-blok[b-znvwy0n8rz] {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.yf-secili[b-znvwy0n8rz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--line));
    background: color-mix(in srgb, var(--brand) 8%, transparent);
    font-size: 13.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
    min-width: 0;
}

.yf-sonuclar[b-znvwy0n8rz] {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 280px;
    overflow-y: auto;
}

.yf-sonuc[b-znvwy0n8rz] {
    display: grid;
    gap: 2px;
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    cursor: pointer;
}

.yf-sonuc:hover[b-znvwy0n8rz] {
    background: var(--glass-hover);
}

.yf-sonuc:focus-visible[b-znvwy0n8rz] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

.yf-sonuc__ad[b-znvwy0n8rz] {
    font-size: 13.5px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.yf-sonuc__alt[b-znvwy0n8rz] {
    font-size: 12.5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.yf-turler[b-znvwy0n8rz] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.yf-tur[b-znvwy0n8rz] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    cursor: pointer;
    font-size: 13.5px;
    color: var(--fg);
    min-width: 0;
    overflow-wrap: anywhere;
}

.yf-tur input[b-znvwy0n8rz] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.yf-tur--secili[b-znvwy0n8rz] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, transparent);
}

.yf-iki[b-znvwy0n8rz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
    gap: 8px 12px;
    min-width: 0;
}

.yf-metin[b-znvwy0n8rz] {
    width: 100%;
    min-height: 72px;
    resize: vertical;
    font: inherit;
}

.yf-eylemler[b-znvwy0n8rz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/EduLive.Web/Components/Pages/Analysis/Yayim/YayimKart.razor.rz.scp.css */
.yk[b-moine0n88e] {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--glass);
    padding: 16px 18px;
    display: grid;
    gap: 14px;
    min-width: 0;
    scroll-margin-top: calc(var(--topbar-h, 64px) + 16px);
}

.yk__bas[b-moine0n88e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.yk__metin[b-moine0n88e] {
    flex: 1 1 260px;
    min-width: 0;
}

.yk__baslik[b-moine0n88e] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--fg);
}

.yk__ozet[b-moine0n88e],
.yk__soru[b-moine0n88e] {
    margin: 4px 0 0;
    font-size: 13.5px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
}

.yk__soru[b-moine0n88e] {
    color: var(--fg);
}

.yk__eylem[b-moine0n88e] {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.yk__govde[b-moine0n88e] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.yk__sonra[b-moine0n88e] {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
}

.yk__sonra-etiket[b-moine0n88e] {
    font-weight: 600;
    color: var(--fg-soft);
}

@media (max-width: 640px) {
    .yk[b-moine0n88e] {
        padding: 12px;
    }

    .yk__eylem[b-moine0n88e] {
        width: 100%;
    }
}
/* _content/EduLive.Web/Components/Pages/Atelier/Kie/KieAdminHub.razor.rz.scp.css */
/* KIE Yönetimi hub'ı — Akademik Analiz kapak/yüzey ölçüleri, yalnız bu ekran.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (metinler birebir). */

.au-page.kh-sayfa[b-ule39t40s7] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık solda, ana eylem sağda ── */
.kh-kapak[b-ule39t40s7] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: center;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kh-kapak .au-breadcrumb--dugme[b-ule39t40s7] {
    grid-area: geri;
    margin: 0;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.kh-baslik[b-ule39t40s7] { grid-area: baslik; min-width: 0; }

.kh-kapak .au-title[b-ule39t40s7] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.kh-alt[b-ule39t40s7] {
    margin: 6px 0 0;
    color: var(--n-500);
    font-size: 12.5px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.kh-eylem[b-ule39t40s7] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-self: end;
}

.kh-kapak .au-btn[b-ule39t40s7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.kh-kapak .au-btn:hover[b-ule39t40s7] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kh-kapak .au-btn--primary[b-ule39t40s7] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.kh-kapak .au-btn--primary:hover[b-ule39t40s7] { background: var(--marka-500); border-color: var(--marka-500); }

.kh-kapak :is(.au-btn, .au-breadcrumb--dugme):focus-visible[b-ule39t40s7] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* ── İşlem ızgarası: beyaz yüzey + marka şeridi (cam dolgu yerine) ── */
.kh-sayfa[b-ule39t40s7]  .hub-grid { gap: 16px; }

.kh-sayfa[b-ule39t40s7]  .hub-card {
    min-height: 0;
    gap: 6px;
    padding: 22px 18px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--metin-murekkep);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kh-sayfa[b-ule39t40s7]  .hub-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kh-sayfa[b-ule39t40s7]  .hub-card__glow { display: none; }

.kh-sayfa[b-ule39t40s7]  .hub-card__title {
    display: flex;
    align-items: center;
    gap: 9px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.kh-sayfa[b-ule39t40s7]  .hub-card__title::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kh-sayfa[b-ule39t40s7]  .hub-card__desc {
    color: var(--metin-ikincil);
    font-size: 12.8px;
    line-height: 1.5;
}

.kh-sayfa[b-ule39t40s7]  .hub-card:hover {
    transform: none;
    border-color: var(--marka-400);
    background: var(--yuzey);
}

.kh-sayfa[b-ule39t40s7]  .hub-card:hover .hub-card__desc { color: var(--metin-ikincil); }

.kh-sayfa[b-ule39t40s7]  .hub-card:focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
    transform: none;
}

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .kh-kapak[b-ule39t40s7] {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        padding: 16px;
    }
    .kh-kapak .au-breadcrumb--dugme[b-ule39t40s7] { width: 44px; height: 44px; }
    .kh-kapak .au-btn[b-ule39t40s7] { min-height: 44px; }
}

/* TELEFON */
@media (max-width: 640px) {
    .kh-kapak[b-ule39t40s7] {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem";
        padding: 12px;
        gap: 10px;
    }
    .kh-kapak .au-breadcrumb--dugme[b-ule39t40s7] { width: 44px; height: 44px; }
    .kh-kapak .au-title[b-ule39t40s7] { font-size: var(--yazi-kapak, 20px); }
    .kh-alt[b-ule39t40s7] { font-size: var(--yazi-kucuk, 12px); }
    .kh-eylem[b-ule39t40s7] { justify-self: stretch; }
    .kh-eylem .au-btn[b-ule39t40s7] { flex: 1; justify-content: center; min-height: 44px; }
    .kh-sayfa[b-ule39t40s7]  .hub-card { padding: 20px 14px 16px; }
    .kh-sayfa[b-ule39t40s7]  .hub-card__title { font-size: var(--yazi-bolum, 14px); }
}

@media (prefers-reduced-motion: reduce) {
    .kh-sayfa[b-ule39t40s7]  .hub-card { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Atelier/Kie/KieModelDetay.razor.rz.scp.css */
/* KIE model detayı — Akademik Analiz kapak/sekme/kart ölçüleri ve görünür popup, yalnız bu ekran.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Sekme vurguları global marka rampasından gelir: --agv-* token'ları yalnız .analiz-genel-vitrin
   kapsamında tanımlıdır, bu ekran onları miras ALMAZ — yeni palet de uydurulmaz.
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (metinler birebir). */

.au-page.kd-sayfa[b-poye8axawe] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.kd-kapak[b-poye8axawe] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
        "geri baslik eylem"
        ".    not    not";
    align-items: center;
    gap: 10px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kd-kapak .au-breadcrumb--dugme[b-poye8axawe] {
    grid-area: geri;
    margin: 0;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.kd-baslik[b-poye8axawe] { grid-area: baslik; min-width: 0; }

.kd-kapak .au-title[b-poye8axawe] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.kd-alt[b-poye8axawe] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.5; }

.kd-rozetler[b-poye8axawe] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }

.kd-eylem[b-poye8axawe] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-self: end;
}

.kd-not[b-poye8axawe] { grid-area: not; margin: 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

.kd-kapak .au-btn[b-poye8axawe],
.kd-bos .au-btn[b-poye8axawe],
.kd-test-yinele[b-poye8axawe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
    cursor: pointer;
}

.kd-kapak .au-btn:hover:not(:disabled)[b-poye8axawe],
.kd-bos .au-btn:hover[b-poye8axawe] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kd-kapak .au-btn--primary[b-poye8axawe],
.kd-bos .au-btn--primary[b-poye8axawe],
.kd-test-yinele.au-btn--primary[b-poye8axawe] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.kd-kapak .au-btn--primary:hover:not(:disabled)[b-poye8axawe],
.kd-bos .au-btn--primary:hover[b-poye8axawe],
.kd-test-yinele:hover:not(:disabled)[b-poye8axawe] { background: var(--marka-500); border-color: var(--marka-500); }

.kd-kapak .au-btn--danger[b-poye8axawe] { background: var(--red-600); border-color: var(--red-600); color: var(--on-brand); }
.kd-kapak .au-btn--danger:hover:not(:disabled)[b-poye8axawe] { background: var(--red-500); border-color: var(--red-500); }
.kd-kapak .au-btn:disabled[b-poye8axawe],
.kd-test-yinele:disabled[b-poye8axawe] { opacity: .55; cursor: not-allowed; }

.kd-kapak :is(.au-btn, .au-breadcrumb--dugme):focus-visible[b-poye8axawe],
.kd-bos .au-btn:focus-visible[b-poye8axawe],
.kd-test-yinele:focus-visible[b-poye8axawe] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.kd-cip-uyari[b-poye8axawe] {
    background: color-mix(in srgb, var(--marka-rampa-uc) 14%, transparent);
    color: var(--marka-rampa-uc);
}

.kd-uyari[b-poye8axawe] { margin-bottom: 16px; font-size: 13px; overflow-wrap: anywhere; }

/* Son test bölümündeki "tekrar çalıştır" — kapak eylemiyle aynı taban çizgisi. */
.kd-kart .kd-uyari[b-poye8axawe] { margin-top: 16px; }
.kd-test-yinele[b-poye8axawe] { margin-top: 4px; }

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px iç boşluk, 4 px aralık ── */
.kd-sekmeler[b-poye8axawe] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-width: 0;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 10px 10px 10px;
    background: var(--yuzey);
}

.kd-sekmeler button[b-poye8axawe] {
    --kd-vurgu: var(--marka-600);
    flex: 1 0 auto;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

/* Lacivert → petrol dağılımı: marka rampasının kendi durakları. */
.kd-sekmeler button:nth-child(2)[b-poye8axawe] { --kd-vurgu: var(--marka-rampa-orta); }
.kd-sekmeler button:nth-child(3)[b-poye8axawe] { --kd-vurgu: var(--marka-rampa-uc); }

.kd-sekmeler button:hover[b-poye8axawe] {
    background: color-mix(in srgb, var(--kd-vurgu) 14%, var(--yuzey));
    color: var(--kd-vurgu);
}

.kd-sekmeler button[aria-selected="true"][b-poye8axawe] {
    background: var(--kd-vurgu);
    color: var(--on-brand);
}

.kd-sekmeler button:focus-visible[b-poye8axawe] {
    outline: 2px solid var(--kd-vurgu);
    outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.kd-kart[b-poye8axawe] {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kd-kart[b-poye8axawe]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kd-kart:focus-visible[b-poye8axawe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.kd-bolum-baslik[b-poye8axawe] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.kd-bolum-baslik[b-poye8axawe]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kd-soluk[b-poye8axawe] { margin: 0 0 12px; color: var(--n-500); font-size: 12.5px; line-height: 1.6; }

/* ── Künye listesi ── */
.kd-kunye[b-poye8axawe] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.kd-kunye > div[b-poye8axawe] {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.kd-kunye > div:nth-child(odd)[b-poye8axawe] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kd-kunye dt[b-poye8axawe] { color: var(--n-500); }
.kd-kunye dd[b-poye8axawe] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.kd-kunye code[b-poye8axawe] { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }
.kd-kunye a[b-poye8axawe] { color: var(--marka-600); }
.kd-kunye a:focus-visible[b-poye8axawe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.kd-sema-kap[b-poye8axawe] { max-height: min(540px, 60dvh); overflow: auto; overscroll-behavior: contain; min-width: 0; }

/* ── Ham çıktı / açıklama kutuları ── */
.kd-ham[b-poye8axawe] { margin-top: 12px; border: 1px solid var(--hat-kart); border-radius: var(--kose-dugme); }
.kd-ham > summary[b-poye8axawe] {
    padding: 10px 12px;
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}
.kd-ham > summary:focus-visible[b-poye8axawe] { outline: 2px solid var(--marka-600); outline-offset: -2px; }
.kd-ham > *:not(summary)[b-poye8axawe] { padding: 0 12px 12px; }
.kd-ham pre[b-poye8axawe] {
    margin: 0;
    max-height: 320px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 12px;
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    color: var(--metin-ikincil);
    font-size: 12px;
    line-height: 1.5;
}

.kd-bos[b-poye8axawe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.kd-bos p[b-poye8axawe] { margin: 0; line-height: 1.6; }

.kd-sayfa[b-poye8axawe]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: none;
}

/* ── Görünür popup: başlık ve eylemler sabit, yalnız gövde kayar ── */
.kd-popup[b-poye8axawe] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.kd-popup--dar[b-poye8axawe] { width: min(520px, calc(100vw - 48px)); }
.kd-popup[open][b-poye8axawe] { display: flex; flex-direction: column; }
.kd-popup[b-poye8axawe]::backdrop { background: var(--scrim); }

.kd-popup-bas[b-poye8axawe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.kd-popup-bas h2[b-poye8axawe] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.kd-popup-bas h2:focus[b-poye8axawe] { outline: none; }

.kd-kapat[b-poye8axawe] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 24px;
    line-height: 1;
    box-shadow: none;
}

.kd-popup-govde[b-poye8axawe] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
    font-size: 13px;
    line-height: 1.6;
}

.kd-popup-govde > p[b-poye8axawe] { margin: 0 0 12px; overflow-wrap: anywhere; }
.kd-popup-govde .au-banner[b-poye8axawe] { margin-bottom: 12px; font-size: 13px; overflow-wrap: anywhere; }

.kd-sabit-alanlar[b-poye8axawe] { margin-bottom: 8px; }

.kd-form[b-poye8axawe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px 20px;
    align-items: start;
}

.kd-aktif[b-poye8axawe],
.kd-sema-duzen[b-poye8axawe] { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--hat-kart); }

.kd-popup-eylem[b-poye8axawe] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.kd-popup-eylem .au-btn[b-poye8axawe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.kd-popup-eylem .au-btn--primary[b-poye8axawe] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.kd-popup-eylem .au-btn--primary:hover:not(:disabled)[b-poye8axawe] { background: var(--marka-500); border-color: var(--marka-500); }
.kd-popup-eylem .au-btn--danger[b-poye8axawe] { background: var(--red-600); border-color: var(--red-600); color: var(--on-brand); }
.kd-popup-eylem .au-btn--danger:hover:not(:disabled)[b-poye8axawe] { background: var(--red-500); border-color: var(--red-500); }
.kd-popup-eylem .au-btn:disabled[b-poye8axawe] { opacity: .65; cursor: wait; }

.kd-popup :is(.au-btn, .kd-kapat):focus-visible[b-poye8axawe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Popup içindeki girdi kontrolleri referans ölçüleriyle */
.kd-popup[b-poye8axawe]  .app-field { min-width: 0; }
.kd-popup[b-poye8axawe]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }
.kd-popup[b-poye8axawe]  .app-input {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}
.kd-popup[b-poye8axawe]  textarea.app-input { height: auto; min-height: 150px; padding: 12px; line-height: 1.5; }
.kd-popup[b-poye8axawe]  .app-field__hint { color: var(--n-500); font-size: 12px; line-height: 1.5; }
.kd-popup[b-poye8axawe]  .app-field__error { font-size: 12px; }
.kd-popup[b-poye8axawe]  .app-json__btn {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}
.kd-popup[b-poye8axawe]  .app-toggle.is-on .app-toggle__track { background: var(--marka-600); }
.kd-popup[b-poye8axawe]  .app-toggle__label { font-size: 13px; color: var(--metin-ikincil); }
.kd-popup[b-poye8axawe]  :is(.app-input, .app-json__btn, .app-toggle, .app-select-wrap button):focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .kd-kapak[b-poye8axawe] {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        padding: 16px;
    }
    .kd-kapak .au-breadcrumb--dugme[b-poye8axawe] { width: 44px; height: 44px; }
    .kd-kapak .au-btn[b-poye8axawe] { min-height: 44px; }
    .kd-sekmeler[b-poye8axawe] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .kd-sekmeler button[b-poye8axawe] { flex: 0 0 auto; min-height: 44px; }
    .kd-popup[b-poye8axawe]  .app-input { height: 44px; min-height: 44px; }
    .kd-popup[b-poye8axawe]  textarea.app-input { height: auto; min-height: 170px; }
    .kd-popup[b-poye8axawe]  :is(.app-json__btn, .app-toggle) { min-height: 44px; }
    .kd-popup-eylem .au-btn[b-poye8axawe] { min-height: 44px; }
    .kd-test-yinele[b-poye8axawe] { min-height: 44px; }
}

@media (pointer: coarse) {
    .kd-popup[b-poye8axawe]  .app-input { font-size: max(16px, 1rem); }
}

/* TELEFON */
@media (max-width: 640px) {
    .kd-kapak[b-poye8axawe] {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "eylem eylem"
            "not not";
        padding: 12px;
        gap: 10px;
    }
    .kd-kapak .au-breadcrumb--dugme[b-poye8axawe] { width: 44px; height: 44px; }
    .kd-kapak .au-title[b-poye8axawe] { font-size: var(--yazi-kapak, 20px); }
    .kd-alt[b-poye8axawe] { font-size: var(--yazi-kucuk, 12px); }
    .kd-eylem[b-poye8axawe] { justify-self: stretch; }
    .kd-eylem .au-btn[b-poye8axawe] { flex: 1 1 auto; min-height: 44px; }
    .kd-sekmeler[b-poye8axawe] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .kd-sekmeler button[b-poye8axawe] { flex: 0 0 auto; min-height: 44px; }
    .kd-kart[b-poye8axawe] { padding: 16px 12px; }
    .kd-bolum-baslik[b-poye8axawe] { font-size: var(--yazi-bolum, 14px); }
    .kd-kunye > div[b-poye8axawe] { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
    .kd-popup[b-poye8axawe],
    .kd-popup--dar[b-poye8axawe] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .kd-popup-bas[b-poye8axawe],
    .kd-popup-govde[b-poye8axawe],
    .kd-popup-eylem[b-poye8axawe] { padding: 12px; }
    .kd-form[b-poye8axawe] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .kd-popup-eylem .au-btn[b-poye8axawe] { flex: 1 1 auto; min-height: 44px; }
    .kd-bos .au-btn[b-poye8axawe] { width: 100%; min-height: 44px; }
    .kd-test-yinele[b-poye8axawe] { width: 100%; min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Atelier/Kie/KieModelOlustur.razor.rz.scp.css */
/* Yeni KIE modeli — Akademik Analiz kapak/kart/girdi ölçüleri, yalnız bu ekran.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (metinler birebir). */

.au-page.ko-sayfa[b-vc4mq20szi] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık solda, ana eylemler sağda ── */
.ko-kapak[b-vc4mq20szi] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: center;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ko-kapak .au-breadcrumb--dugme[b-vc4mq20szi] {
    grid-area: geri;
    margin: 0;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.ko-baslik[b-vc4mq20szi] { grid-area: baslik; min-width: 0; }

.ko-kapak .au-title[b-vc4mq20szi] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ko-alt[b-vc4mq20szi] {
    margin: 6px 0 0;
    color: var(--n-500);
    font-size: 12.5px;
    line-height: 1.5;
}

.ko-eylem[b-vc4mq20szi] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-self: end;
}

.ko-kapak .au-btn[b-vc4mq20szi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ko-kapak .au-btn:hover:not(:disabled)[b-vc4mq20szi] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ko-kapak .au-btn--primary[b-vc4mq20szi] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ko-kapak .au-btn--primary:hover:not(:disabled)[b-vc4mq20szi] { background: var(--marka-500); border-color: var(--marka-500); }
.ko-kapak .au-btn:disabled[b-vc4mq20szi] { opacity: .65; cursor: wait; }

.ko-kapak :is(.au-btn, .au-breadcrumb--dugme):focus-visible[b-vc4mq20szi] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.ko-uyari[b-vc4mq20szi] { margin-bottom: 16px; font-size: 13px; overflow-wrap: anywhere; }

/* ── Bölüm kartları ── */
.ko-kart[b-vc4mq20szi] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ko-kart[b-vc4mq20szi]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ko-bolum-baslik[b-vc4mq20szi] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.ko-bolum-baslik[b-vc4mq20szi]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ko-izgara[b-vc4mq20szi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px 24px;
    align-items: start;
}

.ko-aktif[b-vc4mq20szi] { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--hat-kart); }

/* ── Girdi kontrolleri: referans ölçüleri ── */
.ko-kart[b-vc4mq20szi]  .app-field { min-width: 0; }

.ko-kart[b-vc4mq20szi]  .app-field__label {
    font-size: 11px;
    font-weight: 700;
    color: var(--metin-ikincil);
}

.ko-kart[b-vc4mq20szi]  .app-input {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}

.ko-kart[b-vc4mq20szi]  textarea.app-input {
    height: auto;
    min-height: 160px;
    padding: 12px;
    line-height: 1.5;
}

.ko-kart[b-vc4mq20szi]  .app-field__hint { color: var(--n-500); font-size: 12px; line-height: 1.5; }
.ko-kart[b-vc4mq20szi]  .app-field__error { font-size: 12px; }

.ko-kart[b-vc4mq20szi]  .app-json__btn {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ko-kart[b-vc4mq20szi]  .app-toggle.is-on .app-toggle__track { background: var(--marka-600); }
.ko-kart[b-vc4mq20szi]  .app-toggle__label { font-size: 13px; color: var(--metin-ikincil); }

.ko-kart[b-vc4mq20szi]  :is(.app-input, .app-json__btn, .app-toggle, .app-select-wrap button):focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ko-kapak[b-vc4mq20szi] {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        padding: 16px;
    }
    .ko-kapak .au-breadcrumb--dugme[b-vc4mq20szi] { width: 44px; height: 44px; }
    .ko-kapak .au-btn[b-vc4mq20szi] { min-height: 44px; }
    .ko-kart[b-vc4mq20szi]  .app-input { height: 44px; min-height: 44px; }
    .ko-kart[b-vc4mq20szi]  textarea.app-input { height: auto; min-height: 180px; }
    .ko-kart[b-vc4mq20szi]  :is(.app-json__btn, .app-toggle) { min-height: 44px; }
}

@media (pointer: coarse) {
    .ko-kart[b-vc4mq20szi]  .app-input { font-size: max(16px, 1rem); }
}

/* TELEFON */
@media (max-width: 640px) {
    .ko-kapak[b-vc4mq20szi] {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas: "geri baslik" "eylem eylem";
        padding: 12px;
        gap: 10px;
    }
    .ko-kapak .au-breadcrumb--dugme[b-vc4mq20szi] { width: 44px; height: 44px; }
    .ko-kapak .au-title[b-vc4mq20szi] { font-size: var(--yazi-kapak, 20px); }
    .ko-alt[b-vc4mq20szi] { font-size: var(--yazi-kucuk, 12px); }
    .ko-eylem[b-vc4mq20szi] { justify-self: stretch; }
    .ko-eylem .au-btn[b-vc4mq20szi] { flex: 1; min-height: 44px; }
    .ko-kart[b-vc4mq20szi] { padding: 16px 12px; }
    .ko-bolum-baslik[b-vc4mq20szi] { font-size: var(--yazi-bolum, 14px); }
    .ko-izgara[b-vc4mq20szi] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
/* _content/EduLive.Web/Components/Pages/Atelier/Kie/KieModelRegistry.razor.rz.scp.css */
/* KIE model kayıtları — Akademik Analiz kapak/tablo ölçüleri, yalnız bu ekran.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Tablo başlığı --marka-rampa-serit (mavi → petrol), gövde beyaz, başlık dikey kaydırmada sabit.
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (metinler birebir). */

.au-page.kr-sayfa[b-uop8tn632y] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.kr-kapak[b-uop8tn632y] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
        "geri baslik eylem"
        "suzgec suzgec suzgec";
    align-items: center;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kr-kapak .au-breadcrumb--dugme[b-uop8tn632y] {
    grid-area: geri;
    margin: 0;
    width: 30px;
    height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.kr-baslik[b-uop8tn632y] { grid-area: baslik; min-width: 0; }

.kr-kapak .au-title[b-uop8tn632y] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.kr-alt[b-uop8tn632y] {
    margin: 6px 0 0;
    color: var(--n-500);
    font-size: 12.5px;
    line-height: 1.5;
}

.kr-suzgec[b-uop8tn632y] {
    grid-area: suzgec;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.kr-suzgec[b-uop8tn632y]  .app-field { flex: 0 1 176px; min-width: 0; max-width: 210px; }

.kr-suzgec[b-uop8tn632y]  .app-field__label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ikincil);
}

/* `.app-field` ara sınıfı özgüllüğü (0,3,0)'dan (0,4,0)'a çıkarır: AppField'ın
   paylaşılan 46px varsayılanı paket sırasında sonda geldiği için beraberlikte
   kazanıyordu; sayfa ölçüsü (34px) böylece ölü kuraldan çıkar. */
.kr-suzgec[b-uop8tn632y]  .app-field .app-input {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
}

.kr-eylem[b-uop8tn632y] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-self: end;
}

.kr-kapak .au-btn[b-uop8tn632y],
.kr-bos .au-btn[b-uop8tn632y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.kr-kapak .au-btn:hover:not(:disabled)[b-uop8tn632y],
.kr-bos .au-btn:hover[b-uop8tn632y] {
    transform: none;
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kr-kapak .au-btn--primary[b-uop8tn632y],
.kr-bos .au-btn--primary[b-uop8tn632y] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.kr-kapak .au-btn--primary:hover[b-uop8tn632y],
.kr-bos .au-btn--primary:hover[b-uop8tn632y] { background: var(--marka-500); border-color: var(--marka-500); }

.kr-sifirla:disabled[b-uop8tn632y] { opacity: .5; cursor: default; }

.kr-kapak :is(.au-btn, .au-breadcrumb--dugme):focus-visible[b-uop8tn632y],
.kr-bos .au-btn:focus-visible[b-uop8tn632y] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* Odak halkası da aynı özgüllük seviyesinde kalmalı (yukarıdaki kuralla eş). */
.kr-suzgec[b-uop8tn632y]  .app-field .app-input:focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* ── Liste kartı ── */
.kr-kart[b-uop8tn632y] {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kr-kart[b-uop8tn632y]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kr-bolum-baslik[b-uop8tn632y] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.kr-bolum-baslik[b-uop8tn632y]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo: sınırlı alanda kayar, başlık sabit, mavi–petrol geçiş ── */
.kr-kart[b-uop8tn632y]  .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
}

.kr-kart[b-uop8tn632y]  .grid-table {
    font-size: 13px;
    color: var(--metin-murekkep);
    background: var(--yuzey);
}

.kr-kart[b-uop8tn632y]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
}

.kr-kart[b-uop8tn632y]  .grid-table thead th {
    background: transparent;
    border-bottom: 0;
    color: var(--on-brand);
}

.kr-kart[b-uop8tn632y]  .grid-th-label {
    display: block;
    padding: 10px 13px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--on-brand);
}

.kr-kart[b-uop8tn632y]  .grid-table tbody td {
    padding: 10px 13px;
    /* İnce ayraç: kart sınırının seyreltilmiş hâli (ham renk yerine token türevi). */
    border-bottom: 1px solid color-mix(in srgb, var(--hat-kart) 65%, transparent);
    vertical-align: top;
}

.kr-kart[b-uop8tn632y]  .grid-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.kr-kart[b-uop8tn632y]  .grid-table tbody tr:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kr-kart[b-uop8tn632y]  .grid-table tbody tr.is-clickable:focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: -2px;
}

/* İlk anlamlı sütun yatay kaydırmada yapışık kalır (sabit sütunun opak zemini şart). */
.kr-kart[b-uop8tn632y]  .grid-table thead th:first-child,
.kr-kart[b-uop8tn632y]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

/* Sabit sütunun opak zemini ŞART; rengi rampanın 0 % durağıdır (--marka-500).
   --marka-600 rampada hiç geçmez → başlıkta gözle görülür bir düz lacivert blok üretirdi. */
.kr-kart[b-uop8tn632y]  .grid-table thead th:first-child { z-index: 4; background: var(--marka-500); }
.kr-kart[b-uop8tn632y]  .grid-table tbody tr td:first-child { background: var(--yuzey); }
.kr-kart[b-uop8tn632y]  .grid-table tbody tr:nth-child(even) td:first-child { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kr-kart[b-uop8tn632y]  .grid-table tbody tr:hover td:first-child {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kr-model[b-uop8tn632y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.kr-model strong[b-uop8tn632y] { font-weight: 600; overflow-wrap: anywhere; }

.kr-anahtar[b-uop8tn632y] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--metin-ipucu);
    overflow-wrap: anywhere;
    unicode-bidi: isolate;
}

.kr-soluk[b-uop8tn632y] { color: var(--metin-ikincil); }
.kr-sayi[b-uop8tn632y] { font-variant-numeric: tabular-nums; color: var(--metin-ikincil); white-space: nowrap; }

.kr-durum[b-uop8tn632y] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.kr-cip-uyari[b-uop8tn632y] {
    background: color-mix(in srgb, var(--marka-rampa-uc) 14%, transparent);
    color: var(--marka-rampa-uc);
}

/* ── Sayfalama ── */
.kr-kart[b-uop8tn632y]  .grid-pager { margin-top: 12px; }
.kr-kart[b-uop8tn632y]  .grid-pager__info { color: var(--metin-ikincil); font-size: 12.5px; }
.kr-kart[b-uop8tn632y]  .grid-pager__btn {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}
.kr-kart[b-uop8tn632y]  .grid-pager__btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Durumlar ── */
.kr-kart[b-uop8tn632y]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    box-shadow: none;
}

.kr-bos[b-uop8tn632y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.kr-bos p[b-uop8tn632y] { margin: 0; line-height: 1.6; }

/* MASAÜSTÜ (geniş): başlık solda, süzgeç + eylem sağda tek satır.
   Referans bu düzeni ≥1540 px + hover:hover + pointer:fine koşuluna bağlar
   (akademik-analiz.md "Başlıkta genişlik…"): dokunmatik geniş ekranda 30 px'lik
   geri düğmesi ve 34 px'lik kontroller dokunma hedefinin altına düşerdi. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .kr-kapak[b-uop8tn632y] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik suzgec eylem";
    }
    /* `end` hizalaması kabı shrink-to-fit ölçtürür; sarmalı süzgeçte Chromium
       max-content'i çocukların flex tabanını (0 1 176px) saymadan hesaplar, kap
       daralır ve alanlar alt alta yığılır. Kap sütunu kaplar, içerik sağa yaslanır. */
    .kr-suzgec[b-uop8tn632y] { justify-self: stretch; justify-content: flex-end; }
}

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .kr-kapak[b-uop8tn632y] {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        padding: 16px;
    }
    .kr-kapak .au-breadcrumb--dugme[b-uop8tn632y] { width: 44px; height: 44px; }
    .kr-kapak .au-btn[b-uop8tn632y] { min-height: 44px; }
    /* Medya sorgusu özgüllük eklemez; tablet ölçüsü de `.app-field` ile (0,4,0). */
    .kr-suzgec[b-uop8tn632y]  .app-field .app-input { height: 44px; min-height: 44px; }
}

@media (pointer: coarse) {
    /* Dokunmatikte 16px altı yazı iOS'ta odakta sayfayı yakınlaştırır; bu kural da
       aynı özgüllüğe çıkarılmazsa AppField'ın 14.5px'i kazanır. */
    .kr-suzgec[b-uop8tn632y]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* TELEFON */
@media (max-width: 640px) {
    .kr-kapak[b-uop8tn632y] {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "suzgec suzgec"
            "eylem eylem";
        padding: 12px;
        gap: 10px;
    }
    .kr-kapak .au-breadcrumb--dugme[b-uop8tn632y] { width: 44px; height: 44px; }
    .kr-kapak .au-title[b-uop8tn632y] { font-size: var(--yazi-kapak, 20px); }
    .kr-alt[b-uop8tn632y] { font-size: var(--yazi-kucuk, 12px); }
    .kr-suzgec[b-uop8tn632y] { flex-direction: column; align-items: stretch; gap: 10px; }
    .kr-suzgec[b-uop8tn632y]  .app-field { flex: 1 1 auto; max-width: none; }
    .kr-sifirla[b-uop8tn632y] { width: 100%; min-height: 44px; }
    .kr-eylem[b-uop8tn632y] { justify-self: stretch; }
    .kr-eylem .au-btn[b-uop8tn632y] { flex: 1; min-height: 44px; }
    .kr-kart[b-uop8tn632y] { padding: 16px 12px; }
    .kr-bolum-baslik[b-uop8tn632y] { font-size: var(--yazi-bolum, 14px); }
    .kr-kart[b-uop8tn632y]  .grid-table { font-size: var(--yazi-govde, 13px); }
    .kr-kart[b-uop8tn632y]  .grid-table tbody td { padding: 10px; }
    .kr-bos .au-btn[b-uop8tn632y] { width: 100%; min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Atelier/Kie/KieSmokeGate.razor.rz.scp.css */
/* Smoke durumu — Akademik Analiz kapak/üst bilgi/sekme/tablo/popup ölçüleri, sayfa kapsamında.
   Renkler yalnız mevcut global token'lardan (yeni hex YOK). */

.au-page.kie-vitrin[b-y96mnqkhhe] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.kie-kapak[b-y96mnqkhhe] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kie-kapak[b-y96mnqkhhe]  .au-breadcrumb {
  grid-area: geri;
  align-self: start;
  margin-top: 2px;
}

.kie-kapak__metin[b-y96mnqkhhe] {
  grid-area: baslik;
  min-width: 0;
}

.kie-kapak .au-title[b-y96mnqkhhe] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.kie-kapak__alt[b-y96mnqkhhe] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.kie-kapak__suzgec[b-y96mnqkhhe] {
  grid-area: suzgec;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Süzgeç alanları AppSelect/AppTextField içinde; kapsayıcının kapsam kimliği
   alt bileşenin köküne yazılmaz — genişlik kuralı ::deep ile `.app-field`e bağlanır. */
.kie-kapak__suzgec[b-y96mnqkhhe]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.kie-kapak__eylem[b-y96mnqkhhe] {
  grid-area: eylem;
  display: flex;
  gap: 8px;
}

.kie-kapak[b-y96mnqkhhe]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* `.app-field ::deep .app-input` (AppField.razor.css) de (0,3,0) özgüllüğünde ve
   pakette sonra geldiği için beraberliği kazanıyordu; `.app-field` eklenerek
   (0,4,0)'a çıkılır ve kapak ölçüsü (34px, dar padding) uygulanır. */
.kie-kapak[b-y96mnqkhhe]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 38px 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* Taban kuralla aynı özgüllük ailesinde kalsın diye `.app-field` eklendi. */
.kie-kapak[b-y96mnqkhhe]  .app-field .app-input:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

/* ── Düğmeler ── */
.kie-btn-birincil[b-y96mnqkhhe] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.kie-btn-birincil:hover:not(:disabled)[b-y96mnqkhhe] {
  border-color: var(--marka-500);
  background: var(--marka-500);
  transform: none;
}

.kie-btn-ince[b-y96mnqkhhe] {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.kie-btn-ince:hover:not(:disabled)[b-y96mnqkhhe] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
  transform: none;
}

.kie-vitrin :is(.au-btn, .kie-sekme, .kie-popup__kapat):focus-visible[b-y96mnqkhhe] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* AppField'ın `outline: none` kuralı aynı (0,3,0) beraberliğinde öne geçtiği için
   odak halkası çizilmiyordu; `.app-field` ile özgüllük yükseltildi. */
.kie-vitrin[b-y96mnqkhhe]  .app-field .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Uyarı şeridi ── */
.kie-uyari[b-y96mnqkhhe] {
  margin-bottom: 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
}

/* ── Üst bilgi şeridi: tek birleşik yüzey, renkli bantlar ── */
.kie-kpi-serit[b-y96mnqkhhe] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.kie-kpi[b-y96mnqkhhe] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
  min-width: 0;
}

.kie-kpi:last-child[b-y96mnqkhhe] {
  border-right: 0;
}

.kie-kpi__bant[b-y96mnqkhhe] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Lacivert → petrol sırası; renkler gezinme vurgusudur, başarı/hata anlamı taşımaz. */
.kie-kpi--1 .kie-kpi__bant[b-y96mnqkhhe] {
  background: var(--marka-600);
}

.kie-kpi--2 .kie-kpi__bant[b-y96mnqkhhe] {
  background: var(--marka-rampa-orta);
}

.kie-kpi--3 .kie-kpi__bant[b-y96mnqkhhe] {
  background: var(--marka-rampa-uc);
}

.kie-kpi--4 .kie-kpi__bant[b-y96mnqkhhe] {
  background: color-mix(in srgb, var(--marka-rampa-uc), var(--turkuaz-500));
}

.kie-kpi__deger[b-y96mnqkhhe] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.kie-kpi__alt[b-y96mnqkhhe] {
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm sekmeleri ── */
.kie-sekmeler[b-y96mnqkhhe] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.kie-sekme[b-y96mnqkhhe] {
  --kie-sekme-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Sıra: Tüm modeller (lacivert) → Dikkat isteyenler (petrol). Renkler gezinme
   vurgusudur; "dikkat" sekmesine ayrıca hata anlamı yüklenmez. */
.kie-sekme:nth-child(2)[b-y96mnqkhhe] {
  --kie-sekme-vurgu: var(--marka-rampa-uc);
}

.kie-sekme:hover[b-y96mnqkhhe] {
  background: color-mix(in srgb, var(--kie-sekme-vurgu) 14%, var(--yuzey));
  color: var(--kie-sekme-vurgu);
}

.kie-sekme[aria-selected="true"][b-y96mnqkhhe] {
  background: var(--kie-sekme-vurgu);
  color: var(--on-brand);
}

.kie-sekme__sayi[b-y96mnqkhhe] {
  padding: 1px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.kie-sekme[aria-selected="true"] .kie-sekme__sayi[b-y96mnqkhhe] {
  background: color-mix(in srgb, var(--on-brand) 24%, transparent);
}

/* ── Bölüm kartı ── */
.kie-bolum[b-y96mnqkhhe] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kie-bolum[b-y96mnqkhhe]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kie-bolum:focus-visible[b-y96mnqkhhe] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.kie-bolum__baslik[b-y96mnqkhhe] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.kie-bolum__baslik[b-y96mnqkhhe]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kie-bolum__not[b-y96mnqkhhe] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── Tablo ── */
.kie-tablo-kap[b-y96mnqkhhe] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.kie-tablo[b-y96mnqkhhe] {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.kie-tablo thead[b-y96mnqkhhe] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--marka-rampa-serit);
}

.kie-tablo thead th[b-y96mnqkhhe] {
  padding: 14px 16px;
  background: transparent;
  border: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.kie-tablo tbody td[b-y96mnqkhhe] {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--hat-kart);
  vertical-align: top;
}

.kie-tablo tbody tr:nth-child(even)[b-y96mnqkhhe] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kie-tablo tbody tr:hover[b-y96mnqkhhe] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kie-tablo__ana[b-y96mnqkhhe] {
  overflow-wrap: anywhere;
}

.kie-kod[b-y96mnqkhhe] {
  margin-top: 2px;
  font-size: 11.5px;
  color: var(--metin-ipucu);
  overflow-wrap: anywhere;
}

.kie-soluk[b-y96mnqkhhe] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.kie-rozet[b-y96mnqkhhe] {
  margin-left: 6px;
}

.kie-islem[b-y96mnqkhhe] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* ── Boş durum ── */
.kie-bos[b-y96mnqkhhe] {
  display: grid;
  justify-items: start;
  gap: 8px;
  padding: 22px 18px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

.kie-bos__ana[b-y96mnqkhhe] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 600 14px/1.5 var(--font-body);
}

.kie-bos__alt[b-y96mnqkhhe] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Görünür popup (native dialog) ── */
.kie-popup[b-y96mnqkhhe] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  height: fit-content;
  min-height: 0;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.kie-popup[open][b-y96mnqkhhe] {
  display: flex;
  flex-direction: column;
}

.kie-popup[b-y96mnqkhhe]::backdrop {
  background: var(--scrim);
}

.kie-popup__baslik[b-y96mnqkhhe] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kie-popup__baslik[b-y96mnqkhhe]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kie-popup__baslik h2[b-y96mnqkhhe] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.kie-popup__baslik h2:focus[b-y96mnqkhhe] {
  outline: none;
  box-shadow: none;
}

.kie-popup__baslik p[b-y96mnqkhhe] {
  margin: 6px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.kie-popup__kapat[b-y96mnqkhhe] {
  flex: 0 0 34px;
  width: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 22px;
  line-height: 1;
}

.kie-popup__govde[b-y96mnqkhhe] {
  flex: 0 1 auto;
  min-height: 0;
  min-width: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kie-popup__eylemler[b-y96mnqkhhe] {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* ── Bilgi listesi ── */
.kie-bilgi[b-y96mnqkhhe] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
}

.kie-bilgi > div[b-y96mnqkhhe] {
  min-width: 0;
}

.kie-bilgi__genis[b-y96mnqkhhe] {
  grid-column: 1 / -1;
}

.kie-bilgi dt[b-y96mnqkhhe] {
  margin: 0 0 3px;
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.kie-bilgi dd[b-y96mnqkhhe] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.kie-bilgi a[b-y96mnqkhhe] {
  color: var(--marka-600);
}

/* ── MASAÜSTÜ ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kie-kapak[b-y96mnqkhhe] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalayan flex satırının
     max-content'i çocukların `flex: 0 1 176px` tabanını saymaz → kap daralır ve
     süzgeçler alt alta yığılır. Kap gerilir, içerik sağa yaslanır. */
  .kie-kapak__suzgec[b-y96mnqkhhe] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── TABLET ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kie-kapak[b-y96mnqkhhe] {
    padding: 16px;
  }

  .kie-kapak__suzgec[b-y96mnqkhhe] {
    flex-wrap: wrap;
  }

  .kie-kapak__suzgec[b-y96mnqkhhe]  .app-field {
    flex: 1 1 176px;
    max-width: none;
  }

  .kie-kapak .kie-btn-birincil[b-y96mnqkhhe] {
    min-height: 44px;
  }

  /* Tablet dokunma hedefi de aynı beraberlik yüzünden ölüydü; `.app-field` eklendi. */
  .kie-kapak[b-y96mnqkhhe]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .kie-btn-ince[b-y96mnqkhhe] {
    min-height: 44px;
  }

  .kie-popup__kapat[b-y96mnqkhhe] {
    flex-basis: 44px;
    width: 44px;
    min-height: 44px;
  }

  /* Sekmeler tek yatay kaydırılabilir şerit. */
  .kie-sekmeler[b-y96mnqkhhe] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .kie-sekme[b-y96mnqkhhe] {
    min-height: 44px;
  }

  .kie-kpi-serit[b-y96mnqkhhe] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kie-kpi:nth-child(2)[b-y96mnqkhhe] {
    border-right: 0;
  }

  .kie-kpi:nth-child(1)[b-y96mnqkhhe],
  .kie-kpi:nth-child(2)[b-y96mnqkhhe] {
    border-bottom: 1px solid var(--hat-kart);
  }
}

@media (pointer: coarse) {
  /* iOS'ta odakta yakınlaştırmayı önleyen 16px kuralı da ezilmişti; `.app-field` eklendi. */
  .kie-kapak[b-y96mnqkhhe]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }

  .kie-kapak[b-y96mnqkhhe]  .app-sel__opt {
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kie-kapak[b-y96mnqkhhe] {
    padding: 12px;
  }

  .kie-kapak .au-title[b-y96mnqkhhe] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kie-kapak__suzgec[b-y96mnqkhhe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .kie-kapak__suzgec[b-y96mnqkhhe]  .app-field {
    max-width: none;
  }

  .kie-kapak__eylem > .kie-btn-birincil[b-y96mnqkhhe] {
    width: 100%;
    justify-content: center;
  }

  .kie-kapak[b-y96mnqkhhe]  .app-field__label {
    font-size: var(--yazi-etiket, 11px);
    letter-spacing: 0.08em;
  }

  .kie-kpi-serit[b-y96mnqkhhe] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kie-kpi[b-y96mnqkhhe] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .kie-kpi:last-child[b-y96mnqkhhe] {
    border-bottom: 0;
  }

  .kie-kpi__deger[b-y96mnqkhhe] {
    font-size: var(--yazi-kpi, 20px);
  }

  .kie-bolum[b-y96mnqkhhe] {
    padding: 16px 12px;
  }

  .kie-bolum__baslik[b-y96mnqkhhe] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Telefonda ilk anlamlı sütun (model adı) yapışık kalır. */
  .kie-tablo thead th:first-child[b-y96mnqkhhe],
  .kie-tablo tbody td:first-child[b-y96mnqkhhe] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .kie-tablo thead th:first-child[b-y96mnqkhhe] {
    z-index: 2;
    background: var(--marka-500);
  }

  .kie-popup[b-y96mnqkhhe] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kie-popup__baslik[b-y96mnqkhhe] {
    padding: 18px 16px 14px;
  }

  .kie-popup__baslik h2[b-y96mnqkhhe] {
    font-size: 18px;
  }

  .kie-popup__govde[b-y96mnqkhhe] {
    padding: 16px;
  }

  .kie-popup__eylemler[b-y96mnqkhhe] {
    padding: 12px 16px;
  }

  .kie-bilgi[b-y96mnqkhhe] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/Atelier/Kie/KieStuckJobs.razor.rz.scp.css */
/* Takılan işler — Akademik Analiz kapak/tablo/popup ölçüleri, sayfa kapsamında.
   Renkler yalnız mevcut global token'lardan (yeni hex YOK). --anv-*/--agv-* token'ları
   analiz vitrinine özeldir[b-b5dwuq49w4], burada miras alınmaz; genel karşılıkları kullanılır. */

.au-page.kie-vitrin[b-b5dwuq49w4] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtre + ana eylem tek beyaz yüzeyde ── */
.kie-kapak[b-b5dwuq49w4] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kie-kapak[b-b5dwuq49w4]  .au-breadcrumb {
  grid-area: geri;
  align-self: start;
  margin-top: 2px;
}

.kie-kapak__metin[b-b5dwuq49w4] {
  grid-area: baslik;
  min-width: 0;
}

.kie-kapak .au-title[b-b5dwuq49w4] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.kie-kapak__alt[b-b5dwuq49w4] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.kie-kapak__suzgec[b-b5dwuq49w4] {
  grid-area: suzgec;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Filtre alanları AppSelect/AppTextField içinde; kapsayıcının kapsam kimliği
   alt bileşenin köküne yazılmaz — genişlik kuralı ::deep ile `.app-field`e bağlanır. */
.kie-kapak__suzgec[b-b5dwuq49w4]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.kie-kapak__eylem[b-b5dwuq49w4] {
  grid-area: eylem;
  display: flex;
  gap: 8px;
}

/* Kapaktaki alan etiketleri ve girdileri referans ölçüsünde. */
.kie-kapak[b-b5dwuq49w4]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* `.app-field` ara sınıfı özgüllüğü (0,4,0)'a çıkarır; paylaşılan
   AppField.razor.css'in (0,3,0) 46px kuralı olmasa bu blok ölü kalırdı. */
.kie-kapak[b-b5dwuq49w4]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 38px 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* Üstteki blokla aynı özgüllük kademesinde kalsın. */
.kie-kapak[b-b5dwuq49w4]  .app-field .app-input:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

/* ── Düğmeler ── */
.kie-btn-birincil[b-b5dwuq49w4] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kie-btn-birincil:hover:not(:disabled)[b-b5dwuq49w4] {
  border-color: var(--marka-500);
  background: var(--marka-500);
  transform: none;
}

.kie-btn-ince[b-b5dwuq49w4] {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kie-btn-ince:hover:not(:disabled)[b-b5dwuq49w4] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
  transform: none;
}

.kie-btn-yikici[b-b5dwuq49w4] {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--red-600);
  border-radius: var(--kose-dugme);
  background: var(--red-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kie-btn-yikici:hover:not(:disabled)[b-b5dwuq49w4] {
  border-color: var(--red-500);
  background: var(--red-500);
  transform: none;
}

.kie-vitrin :is(.au-btn, .kie-popup__kapat):focus-visible[b-b5dwuq49w4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* Kural ikiye bölündü: girdi odak halkası `.app-field` ile (0,5,0)'a çıkarılıp
   AppField'ın aynı özgüllükteki kuralını yener; sayfalayıcı düğmesi `.app-field`
   içinde olmadığı için kendi seçicisinde aynen kalır. */
.kie-vitrin[b-b5dwuq49w4]  .app-field .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

.kie-vitrin[b-b5dwuq49w4]  .grid-pager__btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Uyarı şeridi ── */
.kie-uyari[b-b5dwuq49w4] {
  margin-bottom: 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
}

/* ── Bölüm kartı ── */
.kie-bolum[b-b5dwuq49w4] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kie-bolum[b-b5dwuq49w4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kie-bolum__baslik[b-b5dwuq49w4] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.kie-bolum__baslik[b-b5dwuq49w4]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kie-bolum__not[b-b5dwuq49w4] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── Tablo: mavi–petrol başlık şeridi, beyaz gövde, sınırlı alanda kaydırma ── */
.kie-bolum[b-b5dwuq49w4]  .ds-panel {
  background: var(--yuzey);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.kie-bolum[b-b5dwuq49w4]  .ds-title {
  font-size: 15px;
  color: var(--metin-ikincil);
}

.kie-bolum[b-b5dwuq49w4]  .ds-desc {
  font-size: 13px;
  color: var(--n-500);
}

.kie-bolum[b-b5dwuq49w4]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
  box-shadow: none;
}

.kie-bolum[b-b5dwuq49w4]  .grid-table {
  min-width: 960px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.kie-bolum[b-b5dwuq49w4]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--marka-rampa-serit);
}

.kie-bolum[b-b5dwuq49w4]  .grid-table thead th {
  background: transparent;
  border: 0;
}

.kie-bolum[b-b5dwuq49w4]  .grid-th-label {
  display: inline-block;
  padding: 14px 16px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.kie-bolum[b-b5dwuq49w4]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--hat-kart);
  vertical-align: top;
}

.kie-bolum[b-b5dwuq49w4]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kie-bolum[b-b5dwuq49w4]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kie-bolum[b-b5dwuq49w4]  .grid-pager {
  margin-top: 12px;
}

.kie-bolum[b-b5dwuq49w4]  .grid-pager__btn {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

/* ── Hücre içi parçalar ── */
.kie-kod[b-b5dwuq49w4] {
  margin-top: 2px;
  font-size: 11.5px;
  color: var(--metin-ipucu);
  overflow-wrap: anywhere;
}

.kie-soluk[b-b5dwuq49w4] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.kie-rozet[b-b5dwuq49w4] {
  margin-left: 6px;
}

.kie-islem[b-b5dwuq49w4] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* ── Boş durum ── */
.kie-bos[b-b5dwuq49w4] {
  display: grid;
  justify-items: start;
  gap: 8px;
  padding: 22px 18px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

.kie-bos__ana[b-b5dwuq49w4] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 600 14px/1.5 var(--font-body);
}

.kie-bos__alt[b-b5dwuq49w4] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Görünür popup (native dialog) ── */
.kie-popup[b-b5dwuq49w4] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  height: fit-content;
  min-height: 0;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.kie-popup[open][b-b5dwuq49w4] {
  display: flex;
  flex-direction: column;
}

.kie-popup[b-b5dwuq49w4]::backdrop {
  background: var(--scrim);
}

.kie-popup__baslik[b-b5dwuq49w4] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kie-popup__baslik[b-b5dwuq49w4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kie-popup__baslik h2[b-b5dwuq49w4] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

/* Başlık yalnız açılış odağıdır; görünür odak işareti düğmelere aittir. */
.kie-popup__baslik h2:focus[b-b5dwuq49w4] {
  outline: none;
  box-shadow: none;
}

.kie-popup__baslik p[b-b5dwuq49w4] {
  margin: 6px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.kie-popup__kapat[b-b5dwuq49w4] {
  flex: 0 0 34px;
  width: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 22px;
  line-height: 1;
}

.kie-popup__govde[b-b5dwuq49w4] {
  flex: 0 1 auto;
  min-height: 0;
  min-width: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kie-popup__eylemler[b-b5dwuq49w4] {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kie-popup__hata[b-b5dwuq49w4] {
  margin: 0 0 16px;
  padding: 12px;
  color: var(--danger-metin);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
}

.kie-popup__metin[b-b5dwuq49w4] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.kie-popup__metin--bilgi[b-b5dwuq49w4] {
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.kie-popup__metin--uyari[b-b5dwuq49w4] {
  padding: 10px 12px;
  color: var(--danger-metin);
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
}

/* ── Bilgi listesi ── */
.kie-bilgi[b-b5dwuq49w4] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
}

.kie-bilgi > div[b-b5dwuq49w4] {
  min-width: 0;
}

.kie-bilgi__genis[b-b5dwuq49w4] {
  grid-column: 1 / -1;
}

.kie-bilgi dt[b-b5dwuq49w4] {
  margin: 0 0 3px;
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.kie-bilgi dd[b-b5dwuq49w4] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.kie-bilgi__hata[b-b5dwuq49w4] {
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 12.5px;
}

/* ── MASAÜSTÜ: başlık solda, süzgeç + eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kie-kapak[b-b5dwuq49w4] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* Kap sütunu doldurur, alanlar satır içinde sağa yaslanır. `justify-self: end`
     kabı shrink-to-fit ölçtürdüğü için alan tabanları (flex-basis 176px) sayılmaz,
     süzgeçler alt alta yığılıp kapağı uzatırdı. */
  .kie-kapak__suzgec[b-b5dwuq49w4] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── TABLET (ve dar masaüstü dokunmatik) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kie-kapak[b-b5dwuq49w4] {
    padding: 16px;
  }

  .kie-kapak__suzgec[b-b5dwuq49w4] {
    flex-wrap: wrap;
  }

  .kie-kapak__suzgec[b-b5dwuq49w4]  .app-field {
    flex: 1 1 176px;
    max-width: none;
  }

  .kie-kapak .kie-btn-birincil[b-b5dwuq49w4] {
    min-height: 44px;
  }

  /* Taban blokla aynı özgüllük kademesi; yoksa tablet yüksekliği uygulanmaz. */
  .kie-kapak[b-b5dwuq49w4]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .kie-btn-ince[b-b5dwuq49w4] {
    min-height: 44px;
  }

  .kie-popup__kapat[b-b5dwuq49w4] {
    flex-basis: 44px;
    width: 44px;
    min-height: 44px;
  }

  .kie-bolum[b-b5dwuq49w4]  .grid-pager__btn {
    width: 44px;
    height: 44px;
  }
}

/* Dokunmatikte girdi en az 16 px (tarayıcı yakınlaştırmasını engeller). */
@media (pointer: coarse) {
  /* Taban blokla aynı özgüllük kademesi; yoksa dokunmatik punto uygulanmaz. */
  .kie-kapak[b-b5dwuq49w4]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }

  .kie-kapak[b-b5dwuq49w4]  .app-sel__opt {
    min-height: 44px;
  }

  .kie-popup[b-b5dwuq49w4]  .app-input {
    font-size: max(16px, 1rem);
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kie-kapak[b-b5dwuq49w4] {
    padding: 12px;
  }

  .kie-kapak .au-title[b-b5dwuq49w4] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kie-kapak__suzgec[b-b5dwuq49w4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .kie-kapak__suzgec[b-b5dwuq49w4]  .app-field {
    max-width: none;
  }

  .kie-kapak__eylem > .kie-btn-birincil[b-b5dwuq49w4] {
    width: 100%;
    justify-content: center;
  }

  .kie-kapak[b-b5dwuq49w4]  .app-field__label {
    font-size: var(--yazi-etiket, 11px);
    letter-spacing: 0.08em;
  }

  .kie-bolum[b-b5dwuq49w4] {
    padding: 16px 12px;
  }

  .kie-bolum__baslik[b-b5dwuq49w4] {
    font-size: var(--yazi-bolum, 14px);
  }

  .kie-popup[b-b5dwuq49w4] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kie-popup__baslik[b-b5dwuq49w4] {
    padding: 18px 16px 14px;
  }

  .kie-popup__baslik h2[b-b5dwuq49w4] {
    font-size: 18px;
  }

  .kie-popup__govde[b-b5dwuq49w4] {
    padding: 16px;
  }

  .kie-popup__eylemler[b-b5dwuq49w4] {
    padding: 12px 16px;
  }

  .kie-bilgi[b-b5dwuq49w4] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/Atelier/Kie/KieWebhooks.razor.rz.scp.css */
/* Webhook anahtarları — Akademik Analiz kapak/üst bilgi/tablo/popup ölçüleri, sayfa kapsamında.
   Renkler yalnız mevcut global token'lardan (yeni hex YOK). */

.au-page.kie-vitrin[b-6xp8hsshsx] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.kie-kapak[b-6xp8hsshsx] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kie-kapak[b-6xp8hsshsx]  .au-breadcrumb {
  grid-area: geri;
  align-self: start;
  margin-top: 2px;
}

.kie-kapak__metin[b-6xp8hsshsx] {
  grid-area: baslik;
  min-width: 0;
}

.kie-kapak .au-title[b-6xp8hsshsx] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.kie-kapak__alt[b-6xp8hsshsx] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.kie-kapak__suzgec[b-6xp8hsshsx] {
  grid-area: suzgec;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Süzgeç alanları AppSelect/AppTextField içinde; kapsayıcının kapsam kimliği
   alt bileşenin köküne yazılmaz — genişlik kuralı ::deep ile `.app-field`e bağlanır. */
.kie-kapak__suzgec[b-6xp8hsshsx]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.kie-kapak__eylem[b-6xp8hsshsx] {
  grid-area: eylem;
  display: flex;
  gap: 8px;
}

.kie-kapak[b-6xp8hsshsx]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Paylaşılan `.app-field ::deep .app-input` kuralı da (0,3,0) ve pakette sonra
   geldiği için sayfa kuralını eziyordu; `.app-field` ile özgüllük (0,4,0)'a çıkar. */
.kie-kapak[b-6xp8hsshsx]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 38px 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* Hover da aynı özgüllük yarışında; taban kuralla aynı seçici zinciri kullanılır. */
.kie-kapak[b-6xp8hsshsx]  .app-field .app-input:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

/* ── Düğmeler ── */
.kie-btn-birincil[b-6xp8hsshsx] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kie-btn-birincil:hover:not(:disabled)[b-6xp8hsshsx] {
  border-color: var(--marka-500);
  background: var(--marka-500);
  transform: none;
}

.kie-btn-ince[b-6xp8hsshsx] {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kie-btn-ince:hover:not(:disabled)[b-6xp8hsshsx] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
  transform: none;
}

.kie-btn-yikici[b-6xp8hsshsx] {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--red-600);
  border-radius: var(--kose-dugme);
  background: var(--red-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kie-btn-yikici:hover:not(:disabled)[b-6xp8hsshsx] {
  border-color: var(--red-500);
  background: var(--red-500);
  transform: none;
}

.kie-vitrin :is(.au-btn, .kie-popup__kapat):focus-visible[b-6xp8hsshsx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* Odak halkası da paylaşılan kuralın gölgesinde kalmasın diye `.app-field` eklendi. */
.kie-vitrin[b-6xp8hsshsx]  .app-field .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Uyarı şeridi ── */
.kie-uyari[b-6xp8hsshsx] {
  margin-bottom: 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
}

/* ── Üst bilgi şeridi: tek birleşik yüzey, renkli bantlar ── */
.kie-kpi-serit[b-6xp8hsshsx] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.kie-kpi[b-6xp8hsshsx] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
  min-width: 0;
}

.kie-kpi:last-child[b-6xp8hsshsx] {
  border-right: 0;
}

.kie-kpi__bant[b-6xp8hsshsx] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.kie-kpi--1 .kie-kpi__bant[b-6xp8hsshsx] {
  background: var(--marka-600);
}

.kie-kpi--2 .kie-kpi__bant[b-6xp8hsshsx] {
  background: var(--marka-rampa-orta);
}

.kie-kpi--3 .kie-kpi__bant[b-6xp8hsshsx] {
  background: var(--marka-rampa-uc);
}

.kie-kpi__deger[b-6xp8hsshsx] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.kie-kpi__alt[b-6xp8hsshsx] {
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm kartı ── */
.kie-bolum[b-6xp8hsshsx] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kie-bolum[b-6xp8hsshsx]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kie-bolum__baslik[b-6xp8hsshsx] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.kie-bolum__baslik[b-6xp8hsshsx]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kie-bolum__not[b-6xp8hsshsx] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── Tablo: mavi–petrol başlık şeridi, sabit başlık, sınırlı alanda kaydırma ── */
.kie-tablo-kap[b-6xp8hsshsx] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.kie-tablo[b-6xp8hsshsx] {
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.kie-tablo thead[b-6xp8hsshsx] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--marka-rampa-serit);
}

.kie-tablo thead th[b-6xp8hsshsx] {
  padding: 14px 16px;
  background: transparent;
  border: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.kie-tablo tbody td[b-6xp8hsshsx] {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--hat-kart);
  vertical-align: top;
}

.kie-tablo tbody tr:nth-child(even)[b-6xp8hsshsx] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kie-tablo tbody tr:hover[b-6xp8hsshsx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kie-tablo__ana[b-6xp8hsshsx] {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.kie-soluk[b-6xp8hsshsx] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.kie-rozet[b-6xp8hsshsx] {
  margin-left: 6px;
}

.kie-islem[b-6xp8hsshsx] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* ── Boş durum ── */
.kie-bos[b-6xp8hsshsx] {
  display: grid;
  justify-items: start;
  gap: 8px;
  padding: 22px 18px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

.kie-bos__ana[b-6xp8hsshsx] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 600 14px/1.5 var(--font-body);
}

.kie-bos__alt[b-6xp8hsshsx] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Görünür popup (native dialog) ── */
.kie-popup[b-6xp8hsshsx] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  height: fit-content;
  min-height: 0;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.kie-popup[open][b-6xp8hsshsx] {
  display: flex;
  flex-direction: column;
}

.kie-popup[b-6xp8hsshsx]::backdrop {
  background: var(--scrim);
}

.kie-popup__baslik[b-6xp8hsshsx] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kie-popup__baslik[b-6xp8hsshsx]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kie-popup__baslik h2[b-6xp8hsshsx] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.kie-popup__baslik h2:focus[b-6xp8hsshsx] {
  outline: none;
  box-shadow: none;
}

.kie-popup__baslik p[b-6xp8hsshsx] {
  margin: 6px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.kie-popup__kapat[b-6xp8hsshsx] {
  flex: 0 0 34px;
  width: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 22px;
  line-height: 1;
}

.kie-popup__govde[b-6xp8hsshsx] {
  flex: 0 1 auto;
  min-height: 0;
  min-width: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kie-popup__eylemler[b-6xp8hsshsx] {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kie-popup__hata[b-6xp8hsshsx] {
  margin: 0 0 16px;
  padding: 12px;
  color: var(--danger-metin);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
}

.kie-popup__metin[b-6xp8hsshsx] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.kie-popup__metin--uyari[b-6xp8hsshsx] {
  padding: 10px 12px;
  color: var(--danger-metin);
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
}

/* Tek-seferlik anahtar paneli pencerenin gövdesine yerleşir, kırpılmaz. */
.kie-popup[b-6xp8hsshsx]  .srp {
  margin: 0;
}

.kie-popup[b-6xp8hsshsx]  .srp__value {
  overflow-wrap: anywhere;
}

/* ── Bilgi listesi ── */
.kie-bilgi[b-6xp8hsshsx] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
}

.kie-bilgi > div[b-6xp8hsshsx] {
  min-width: 0;
}

.kie-bilgi__genis[b-6xp8hsshsx] {
  grid-column: 1 / -1;
}

.kie-bilgi dt[b-6xp8hsshsx] {
  margin: 0 0 3px;
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.kie-bilgi dd[b-6xp8hsshsx] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ: başlık solda, süzgeç + eylem sağda ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kie-kapak[b-6xp8hsshsx] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `end` hizası kabı shrink-to-fit ölçtürür; esnek alanların `flex: 0 1 176px`
     tabanı max-content'e sayılmaz → kap daralır, alanlar alt alta yığılır.
     Kap sütunu doldurur; sağa yaslama flex satırında yapılır. */
  .kie-kapak__suzgec[b-6xp8hsshsx] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── TABLET ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kie-kapak[b-6xp8hsshsx] {
    padding: 16px;
  }

  .kie-kapak__suzgec[b-6xp8hsshsx] {
    flex-wrap: wrap;
  }

  .kie-kapak__suzgec[b-6xp8hsshsx]  .app-field {
    flex: 1 1 176px;
    max-width: none;
  }

  .kie-kapak .kie-btn-birincil[b-6xp8hsshsx] {
    min-height: 44px;
  }

  /* Tablet dokunma hedefi de aynı özgüllük düzeltmesine ihtiyaç duyuyor. */
  .kie-kapak[b-6xp8hsshsx]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .kie-btn-ince[b-6xp8hsshsx] {
    min-height: 44px;
  }

  .kie-popup__kapat[b-6xp8hsshsx] {
    flex-basis: 44px;
    width: 44px;
    min-height: 44px;
  }

  .kie-kpi-serit[b-6xp8hsshsx] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kie-kpi:nth-child(2)[b-6xp8hsshsx] {
    border-right: 0;
  }

  .kie-kpi:nth-child(3)[b-6xp8hsshsx] {
    grid-column: 1 / -1;
    border-top: 1px solid var(--hat-kart);
  }
}

@media (pointer: coarse) {
  /* iOS'ta odakta yakınlaştırmayı önleyen 16px kuralı da eziliyordu. */
  .kie-kapak[b-6xp8hsshsx]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }

  .kie-kapak[b-6xp8hsshsx]  .app-sel__opt {
    min-height: 44px;
  }

  .kie-popup[b-6xp8hsshsx]  .app-input {
    font-size: max(16px, 1rem);
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kie-kapak[b-6xp8hsshsx] {
    padding: 12px;
  }

  .kie-kapak .au-title[b-6xp8hsshsx] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kie-kapak__suzgec[b-6xp8hsshsx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .kie-kapak__suzgec[b-6xp8hsshsx]  .app-field {
    max-width: none;
  }

  .kie-kapak__eylem > .kie-btn-birincil[b-6xp8hsshsx] {
    width: 100%;
    justify-content: center;
  }

  .kie-kapak[b-6xp8hsshsx]  .app-field__label {
    font-size: var(--yazi-etiket, 11px);
    letter-spacing: 0.08em;
  }

  .kie-kpi-serit[b-6xp8hsshsx] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kie-kpi[b-6xp8hsshsx] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .kie-kpi:last-child[b-6xp8hsshsx] {
    border-bottom: 0;
  }

  .kie-kpi__deger[b-6xp8hsshsx] {
    font-size: var(--yazi-kpi, 20px);
  }

  .kie-bolum[b-6xp8hsshsx] {
    padding: 16px 12px;
  }

  .kie-bolum__baslik[b-6xp8hsshsx] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Telefonda ilk anlamlı sütun (anahtar) yapışık kalır. */
  .kie-tablo thead th:first-child[b-6xp8hsshsx],
  .kie-tablo tbody td:first-child[b-6xp8hsshsx] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .kie-tablo thead th:first-child[b-6xp8hsshsx] {
    z-index: 2;
    background: var(--marka-500);
  }

  .kie-popup[b-6xp8hsshsx] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kie-popup__baslik[b-6xp8hsshsx] {
    padding: 18px 16px 14px;
  }

  .kie-popup__baslik h2[b-6xp8hsshsx] {
    font-size: 18px;
  }

  .kie-popup__govde[b-6xp8hsshsx] {
    padding: 16px;
  }

  .kie-popup__eylemler[b-6xp8hsshsx] {
    padding: 12px 16px;
  }

  .kie-bilgi[b-6xp8hsshsx] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/Bbt/BbtMiniTakvim.razor.rz.scp.css */
/* Kompakt içerik takvimi widget'ı — SAĞ ALT köşe (bayi modunda sol alt: BbtSorular.razor.css
   `.bbt-stage.kartvizit-var ::deep .bbt-mtk`).
   Eskiden sağ ortaydı; oradan alındı çünkü sayfa çevirme oku (.bbt-nav--next) de `top: 50%`
   ile AYNI dikey bantta duruyor ve gün hücrelerinin sol sütununu kesiyordu — ölçüm
   (1512×785): ok x1226-1285 y343-402, widget x1254-1488 y275-510 → ayın 1/7/8'i
   görünmüyordu (2026-07-30 kullanıcı raporu). Geometrik ayrım mümkün değil: dar
   masaüstünde takvim kitabın sağ kenarını ~100px örtüyor, ok da kitabın kenarında →
   çözüm widget'ı okun dikey bandından çıkarmak.
   Havuz kategorik renk paleti (BbtTakvim ile aynı; scoped CSS izole olduğundan burada da
   tanımlanır — marka değil veri-görselleştirme paleti). JS poolColorById → var(--bbt-tkv-pool-N). */
.bbt-mtk[b-zddn303bg8] {
  --bbt-tkv-pool-0: #2563eb;
  --bbt-tkv-pool-1: #7c3aed;
  --bbt-tkv-pool-2: #d97706;
  --bbt-tkv-pool-3: #0891b2;
  --bbt-tkv-pool-4: #db2777;
  --bbt-tkv-pool-5: #65a30d;
  --bbt-tkv-pool-6: #ea580c;
  --bbt-tkv-pool-7: #4f46e5;
  position: absolute;
  /* Alt köşe boşluğu .bbt-kartvizit ve .bbt-whatsapp ile AYNI token → üç alt widget tek
     hizada. Widget'ın alt ~15px'i .bbt-caption şeridinin boş sağ ucuna biner; WhatsApp
     bugün de aynısını yapıyor (şerit z:3, widget z:5). */
  right: clamp(0.75rem, 2vw, 1.5rem);
  bottom: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 5;
  /* `top` BİR DAHA YAZILMAZ: absolute kutuya top+bottom birlikte verilirse yükseklik
     `auto` kalmaz, aradaki boşluğu doldurur — ölçüm: 6 satırlı ay 265px yerine 369px
     oluyor ve translateY(-50%) ile y208-577'ye kayıp okun bandına GERİ DÜŞÜYOR.
     Yükseklik içerikten gelir: 5 satırlı ay 234px, 6 satırlı ay 265px (234px genişlikte). */
  width: min(234px, 42vw);
  /* Konum statik; animasyona giren tek şey menü açılınca yapılan silinme
     (BbtSorular.razor.css `.bbt-stage.menu-acik ::deep .bbt-mtk`). `visibility` ayrıca
     yazılır: opacity tek başına elemanı erişilebilirlik ağacında bırakır. */
  transition:
    opacity 0.2s var(--ease-smooth),
    visibility 0.2s var(--ease-smooth);
  padding: 0.7rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow);
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-head {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  padding: 0.3rem 0.35rem;
  margin-bottom: 0.5rem;
  border: 0;
  background: transparent;
  color: var(--fg);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-head:hover {
  background: var(--glass-hover);
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-ikon {
  display: flex;
  color: var(--brand);
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-baslik {
  flex: 1;
  text-align: left;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.84rem;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-buyut {
  display: flex;
  color: var(--muted);
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-aylar {
  display: flex;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-ay {
  flex: 1;
  padding: 0.22rem 0;
  border: 0;
  background: var(--glass);
  color: var(--muted);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 0.66rem;
  font-weight: 600;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-ay:hover {
  background: var(--glass-hover);
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-ay.aktif {
  background: var(--brand);
  color: var(--on-brand);
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-cell {
  aspect-ratio: 1;
  border-radius: 4px;
  background: var(--n-100);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.62rem;
  font-weight: 600;
  color: var(--muted);
  user-select: none;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-cell.bos {
  background: transparent;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-cell.dolu {
  cursor: pointer;
  color: var(--on-brand);
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-cell.bugun {
  outline: 2px solid var(--brand);
  outline-offset: -1px;
}

.bbt-mtk[b-zddn303bg8]  .bbt-mtk-yukleniyor {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--muted);
  padding: 1rem 0;
  font-size: 0.85rem;
}

/* 721-900px (küçük laptop / iPad portre): 234px genişlikte widget'ın sol kenarı kitap
   modundaki zoom araç çubuğunun sağ ucuna biniyor — 768px'te ölçüldü: widget x519,
   çubuk sağ kenarı x525 (6px örtüşme; PDF modunun 4 düğmeli çubuğu 242px olduğu için
   yalnız kitap modunda görülür). 200px'te 28px açıklık kalıyor. */
@media (max-width: 900px) {
  .bbt-mtk[b-zddn303bg8] {
    width: 200px;
  }
}

/* Kısa ekran (yatay telefon 932×430, kısa masaüstü penceresi): genişlik 720'den büyük
   olduğu için widget görünür kalıyor, ama alta yapışınca okun dikey bandını yeniden
   yutuyor — 430px'te 53×53 okun TAMAMI widget'ın içinde kalıyor. Çakışmasızlık koşulu
   H − boşluk − widget > (H − şerit)/2 + ok/2 → H > ~611px. Bu yüksekliğin altında kitap
   önceliklidir; takvime menüdeki İçerik Takvimi butonundan erişilir. */
@media (max-height: 620px) {
  .bbt-mtk[b-zddn303bg8] {
    display: none;
  }
}

/* Mobil / dar ekran: widget gizlenir (kitap önemli); takvime menüdeki butondan erişilir. */
@media (max-width: 720px) {
  .bbt-mtk[b-zddn303bg8] {
    display: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Bbt/BbtRaporlar.razor.rz.scp.css */
/* BBT Kitap (flipbook) — Aurora token'ları (hardcoded renk yok).
   Tam ekran sahne: arka planda sınıf görseli, üstünde açık kitap. EmptyLayout'un
   .auth-shell grid-center'ı position:fixed ile devre dışı bırakılır. */

.bbt-stage[b-xphhg9s0lb] {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  /* ── Ölçek kancası ──────────────────────────────────────────────────────────
     Bu sayfadaki rem'ler tarayıcının 16px'ine kilitli olduğundan ikincil bileşenler
     (oklar, araç çubuğu, büyüteç, alt şerit) 2560px ekranda 1366px'teki boyutlarında
     kalıyordu. --bbt-u tek "ölçeklenen birim"; bu bileşenler onun katı olarak yazılır.
     html{font-size} DEĞİŞTİRİLMEZ (tüm uygulamayı etkiler; aurora.css zaten px kullanır).
     720px → ~16.9px · 1440px → ~19.4px · 2560px → 24px (tavan) — ölçülü, absürt değil. */
  --bbt-u: clamp(16px, 0.9rem + 0.35vw, 24px);
}

/* Arka plan: sınıf ortamı görseli + okunabilirlik için hafif karartma */
.bbt-bg[b-xphhg9s0lb] {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("/img/bbt-sinif-arkaplan.png") center / cover no-repeat;
}

.bbt-bg[b-xphhg9s0lb]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--scrim);
}

/* Üst seçim çubuğu (cam panel) */
/* Sol üst: k12 logosu (cam kutu) */
.bbt-logo[b-xphhg9s0lb] {
  position: absolute;
  top: clamp(0.75rem, 2vw, 1.25rem);
  left: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  display: flex;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: var(--radius-sm);
  box-shadow: var(--glass-shadow);
}

.bbt-logo img[b-xphhg9s0lb] {
  height: clamp(24px, 3.2vw, 32px);
  width: auto;
  display: block;
}

/* Sağ üst: hamburger buton */
.bbt-menu-btn[b-xphhg9s0lb] {
  position: absolute;
  top: clamp(0.75rem, 2vw, 1.25rem);
  right: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 7;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--brand);
  color: var(--on-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--glass-shadow);
  transition:
    transform 0.15s var(--ease-bounce),
    background 0.15s ease;
}

.bbt-menu-btn:hover[b-xphhg9s0lb],
.bbt-menu-btn.acik[b-xphhg9s0lb] {
  background: var(--brand-strong);
  transform: scale(1.05);
}

/* Açılır seçim paneli (sağ üstten, hamburger'ın altında) */
.bbt-menu-panel[b-xphhg9s0lb] {
  position: absolute;
  top: clamp(0.75rem, 2vw, 1.25rem);
  right: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  width: min(272px, 84vw);
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
  padding-top: 3.6rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow);
  transform-origin: top right;
  transition:
    opacity 0.2s ease,
    transform 0.2s var(--ease-bounce);
  /* Satır listeleri (Ders/Rapor, 2026-09-02) paneli uzatıyor: rapor modunda
     baş + kademe + 3 tür kartı + 5 rapor satırı + görünüm ≈ 700px'i geçebiliyor.
     Kısa ekranda taşmak yerine panel kendi içinde kayar (mobil bloktaki emsal). */
  max-height: calc(100vh - 2 * clamp(0.75rem, 2vw, 1.25rem));
  max-height: calc(100dvh - 2 * clamp(0.75rem, 2vw, 1.25rem));
  overflow-y: auto;
  overscroll-behavior: contain;
}

.bbt-menu-panel:not(.acik)[b-xphhg9s0lb] {
  opacity: 0;
  transform: scale(0.92) translateY(-8px);
  pointer-events: none;
}

.bbt-menu-panel.acik[b-xphhg9s0lb] {
  opacity: 1;
  transform: none;
}

/* Menü kapatma katmanı — görünmez, yalnız dokunuş yakalar (scrim yok → görsel
   değişiklik sıfır). z:5 arka planı + kitap alanını örter; logo/kartvizit/WhatsApp (6)
   ve hamburger (7) üstte kalır. Bayi adı da z:5 ama DOM'da backdrop'tan SONRA geldiği
   için tıklanabilir kalır. (Mini takvim menü açıkken zaten gizli — aşağıya bakınız.)
   Kitap alanının kendi z-index'i YOK (bkz. .bbt-book-area) → içindeki oklar/araçlar
   normalde 5-6 bandında; menü açıkken `.bbt-stage.menu-acik` kuralı onları 4'e indirip
   bu katmanın altında bırakır. */
.bbt-menu-backdrop[b-xphhg9s0lb] {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: transparent;
}

/* Bayi modunda sağ alt köşeyi satış danışmanı kartviziti tutuyor → mini takvim sol alta
   aynalanır. Sol alt bayi modunda YAPISAL olarak boştur: .bbt-whatsapp yalnız K12 modunda,
   kartvizit yalnız bayi modunda render edilir (BbtSorular.razor) → ikisi birbirini dışlar.
   Kartvizitin üstüne yığmak çözüm DEĞİLDİ: yüksekliği bayi kaydının EkstraAlanlar sayısına
   göre 97-340px+ arası değişiyor, uzun kartvizitte takvim okun bandına geri düşüyordu.
   Sınıf, kartvizitin @if koşuluyla TEK ifadeden (KartvizitVar) geliyor — `key` geçerli ama
   API hata verirse kartvizit yok, sağ alt boş, ayna da yapılmaz. */
.bbt-stage.kartvizit-var[b-xphhg9s0lb]  .bbt-mtk {
  /* `right: auto` ZORUNLU: yalnız `left` verilirse kutu aşırı-kısıtlı (over-constrained)
     olur ve RTL yönünde (repo ar-SA hedefliyor) `left` yok sayılıp widget sağda kalır. */
  right: auto;
  left: clamp(0.75rem, 2vw, 1.5rem);
}

/* Menü paneli açıkken mini takvim çekilir (2026-07-30 kullanıcı kararı). Sağ sütunda
   ikisine birden yer YOK: panel 556 + widget 265 + boşluklar = 893px > 785px ekran; bu
   yüzden eski kural (menüyü ~35rem varsayıp widget'ı altına indirmek) hiçbir zaman
   tutmuyordu — ölçüm 1512×785'te 31px, alta yapıştıktan sonra 80px örtüşme gösterdi.
   Kaydırmak da çözüm değil: panelin soluna sığmıyor (1280'de araç çubuğu ile panel
   arasındaki koridor 192px, widget 234px) ve tek boş hedef olan karşı köşe kısa ekranda
   sol okla çakışıyor. Silinmek tek deterministik davranış ve işlev kaybı yok: aynı takvim
   panelin kendi "İçerik Takvimi" butonundan açılıyor, üstelik büyük takvim açılınca menü
   zaten kapanıyor (TakvimAcAyla → _menuAcik = false).
   `pointer-events` de kapatılır: 0.2s'lik solma sırasında widget hâlâ görünürken tıklama
   onu değil, altındaki kapatma katmanını bulmalı (backdrop z:5, widget DOM'da ondan sonra
   geldiği için eşit katmanda widget kazanırdı). */
.bbt-stage.menu-acik[b-xphhg9s0lb]  .bbt-mtk {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bbt-menu-panel__head[b-xphhg9s0lb] {
  display: flex;
  flex-direction: column;
}

.bbt-eyebrow[b-xphhg9s0lb] {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--accent);
}

.bbt-wordmark[b-xphhg9s0lb] {
  font-family: var(--font-display);
  font-size: clamp(0.92rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--fg);
  line-height: 1.15;
}

.bbt-toggle-field[b-xphhg9s0lb] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.bbt-toggle-label[b-xphhg9s0lb] {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--muted);
}

.bbt-toggle-group[b-xphhg9s0lb] {
  display: inline-flex;
  gap: 0.4rem;
}

/* ── Satır listesi seçici (Ders / Rapor) — 2026-09-02 ─────────────────────────
   AppSelect'in absolute açılır paneli cam menünün radius/overflow kırpmasına
   takılıyor ve "Ders seçiniz" placeholder satırı listeyi kirletiyordu. Seçenekler
   artık panel akışının İÇİNDE düz liste: kırpılma imkânsız, tek dokunuş. */
.bbt-secim-liste[b-xphhg9s0lb] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bbt-secim-opt[b-xphhg9s0lb] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  min-height: 38px;
  padding: 0 0.65rem;
  border: 0;
  border-radius: 10px;
  background: none;
  font-family: var(--font-body);
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--fg-soft);
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
}

.bbt-secim-opt:hover:not(.secili)[b-xphhg9s0lb] {
  background: color-mix(in srgb, var(--marka-500) 7%, transparent);
}

.bbt-secim-opt.secili[b-xphhg9s0lb] {
  color: var(--brand-strong);
  font-weight: 600;
  background: color-mix(in srgb, var(--marka-500) 11%, transparent);
}

/* Tik işareti yalnız seçilide görünür; genişlik sabit → etiketler hizalı kalır. */
.bbt-secim-tik[b-xphhg9s0lb] {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--brand);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.bbt-secim-opt.secili .bbt-secim-tik[b-xphhg9s0lb] {
  opacity: 1;
}

/* Kitap alanı.
   z-index BİLİNÇLİ OLARAK YOK: buraya bir z-index yazmak stacking context yaratıyor ve
   içindeki sayfa okları (z:6) ile durum katmanları dışarıya karşı bu değere hapsoluyordu
   → mini takvim (z:5) ve menü paneli (z:6) sağ/sol oku her koşulda örtüyordu (kullanıcı
   raporu: "sağa ok görünmüyor"). z-index olmadan da doğru sırada kalır: DOM'da .bbt-bg
   (z:0) sonrasında geldiği için kitap arka planın üstünde. */
.bbt-book-area[b-xphhg9s0lb] {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 3vw, 2.5rem);
  min-height: 0;
  overflow: hidden;

  /* ── Kitap genişliği: TEK kaynak ────────────────────────────────────────────
     Üç sınırın en küçüğü:
       1) 94vw               → yatay taşma yok
       2) 2 × sayfa tavanı   → canvas upscale yok (bulanıklık yok)
       3) 2 × kullanılabilir yükseklik / sayfa oranı
                             → spread dikeyde taşmaz. StPageFlip bunu KENDİ yapamaz:
                               getBlockHeight() wrapper'ın padding-% yüksekliğini,
                               yani kendi genişliğini okur — viewport'u hiç görmez.
     --bbt-alan-h ve --bbt-oran'ı JS yazar (olcumKur / renderFlipbook). JS gelmeden
     önce fallback'ler devrede → JS'siz ilk boyada da makul kitap. */
  --bbt-sayfa-max: 1100px; /* = BbtSorular.razor.js RENDER_W */
  --bbt-kitap-w: min(
    94vw,
    calc(2 * var(--bbt-sayfa-max)),
    calc(2 * var(--bbt-alan-h, 78vh) / var(--bbt-oran, 1.414))
  );
}

/* PDF modu dikey listedir (spread yok, yükseklik scroll'la çözülür) → yalnız
   genişlik tavanı geçerli; yükseklik terimi uygulanmaz. */
.bbt-book-area.pdf-modu[b-xphhg9s0lb] {
  --bbt-kitap-w: min(94vw, var(--bbt-sayfa-max));
}

.bbt-book[b-xphhg9s0lb] {
  width: var(--bbt-kitap-w);
  max-height: 100%;
}

/* StPageFlip'in kurulduğu taze iç konteyner (JS her render'da oluşturur).
   .bbt-book zoom sarmalayıcısı; inner gerçek genişliği taşır (stretch buna uyar). */
.bbt-book[b-xphhg9s0lb]  .bbt-book-inner {
  width: 100%;
}

/* StPageFlip vendor'ı .stf__parent'a `touch-action: pan-y` DAYATIR — üstelik bunu
   yalnız css/page-flip.css'ten değil, page-flip.browser.js içinde gömülü bir <style>
   bloğunu runtime'da document.head'e enjekte ederek de yapar. Bu yüzden CSS dosyasını
   düzeltmek YETMEZ (vendor dosyaya da dokunulmaz — upgrade'i kırar). Çözüm scope'lu
   seçici: derlenmiş hali `.bbt-book[b-xxx] .stf__parent` (0,3,0) > enjekte edilen
   `.stf__parent` (0,1,0) → !important gerekmeden kazanır.
   `manipulation` = her iki eksende pan + pinch-zoom serbest. */
.bbt-book[b-xphhg9s0lb]  .stf__parent {
  touch-action: manipulation;
}

/* PDF modunda İÇERİĞE (.bbt-pdf-liste) `touch-action: pan-y pinch-zoom` yazılmıştı; bu
   KALDIRILDI ve yerine hiçbir kısıt konmuyor (varsayılan `auto` = tüm jestler serbest).
   Gerekçe: kaydırılabilir kutu .bbt-book'un kendisidir (overflow'u renderPdf/setZoom
   yazar) ama touch-action dokunulan elemandan yukarı doğru KESİŞİMLE hesaplanır — kısıt
   içerikte durduğu ve pan-x içermediği için, parmak PDF'in üzerindeyken hem bu kutunun
   yatay kaydırması hem pinch sonrası yatay viewport pan'ı kilitleniyordu: büyütülen
   sayfada sağa/sola gidilemiyordu. StPageFlip kısıtı yalnız kitap modunda gerekli ve o
   zaten .stf__parent üzerinde (yukarıda). */

/* PDF görüntüle modu — dikey sayfa listesi (StPageFlip yok, sade kaydırma) */
.bbt-book[b-xphhg9s0lb]  .bbt-pdf-liste {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  width: 100%;
  padding: 0.25rem 0;
}

.bbt-book[b-xphhg9s0lb]  .bbt-pdf-sayfa {
  width: 100%;
  /* Sayfa tavanı rasterize genişliğiyle aynı (JS RENDER_W) — üstünde upscale/bulanıklık. */
  max-width: var(--bbt-sayfa-max, 1100px);
  background: var(--on-brand);
  box-shadow: var(--glass-shadow);
}

.bbt-book[b-xphhg9s0lb]  .bbt-pdf-sayfa canvas {
  display: block;
  width: 100%;
  height: auto;
}

/* StPageFlip'in JS ile eklediği sayfa + canvas (scope attribute almaz → ::deep) */
.bbt-book[b-xphhg9s0lb]  .page {
  background: var(--on-brand);
  overflow: hidden;
  /* Cilt (spine) gölgesi YAPRAĞIN kendisinde — iki sayfa ortada birleşince belirginleşir,
     PDF'e gerçek kitap hissi verir. Sabit değil: sayfa çevrilince gölge yaprakla hareket
     eder (eski sabit .bbt-book-area::after çevirme sırasında yerinde kalıp bozuyordu). */
  box-shadow: inset 0 0 30px -10px var(--scrim);
}

.bbt-book[b-xphhg9s0lb]  .bbt-page-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Sayfa geçiş okları */
.bbt-nav[b-xphhg9s0lb] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* Durum katmanları (.bbt-overlay, z:5, inset:0) yükleme sırasında okun üstünü kaplıyor →
     ok onların üzerinde kalmalı. Bu değer 195-199'da anlatılan "sağa ok görünmüyor"
     regresyonunun düzeltmesidir; gereksiz görünse de DÜŞÜRÜLMEMELİ. (Mini takvim artık
     alt köşede, okun bandı dışında — eski "aynı dikey bant" gerekçesi geçerli değil.) */
  z-index: 6;
  /* --bbt-u ile ölçeklenir: 1366px'te ~52px (eski sabit), 2560px'te ~72px. */
  width: calc(var(--bbt-u) * 3);
  height: calc(var(--bbt-u) * 3);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--glass-strong);
  color: var(--fg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition:
    transform 0.15s var(--ease-bounce),
    background 0.15s ease;
}

.bbt-nav:hover[b-xphhg9s0lb] {
  background: var(--glass-hover);
  transform: translateY(-50%) scale(1.08);
}

/* Menü AÇIKKEN kitap alanının katmanları kapatma katmanının (.bbt-menu-backdrop, z:5)
   altına iner. Böylece .bbt-book-area'nın stacking context'i kaldırıldıktan sonra da
   menü davranışı birebir korunur:
     · panel (z:6 / mobil 8) okları örter — oklar panelin üstüne çıkmaz,
     · bu katmanlara dokunmak menüyü kapatır ("dışına dokununca kapanır" şartı).
   4 seçildi: backdrop'ın (5) altında ama belge adının (.bbt-caption, 3) üstünde.
   Görsel değişiklik SIFIR — backdrop şeffaf, oklar/araçlar görünmeye devam eder. */
.bbt-stage.menu-acik .bbt-nav[b-xphhg9s0lb],
.bbt-stage.menu-acik .bbt-araclar[b-xphhg9s0lb],
.bbt-stage.menu-acik .bbt-overlay[b-xphhg9s0lb] {
  z-index: 4;
}

/* Oklar kitabın kenarından ~58px dışta. Genişlik artık --bbt-kitap-w'den okunur →
   kitap büyüyünce oklar da onunla açılır (eski min(47vw,600px) 1200px tavanına elle
   bağlıydı). Dar ekranda calc negatife düşer → max() kenara sabitler. */
.bbt-nav--prev[b-xphhg9s0lb] {
  left: max(0.4rem, calc(50% - var(--bbt-kitap-w) / 2 - 58px));
}

.bbt-nav--next[b-xphhg9s0lb] {
  right: max(0.4rem, calc(50% - var(--bbt-kitap-w) / 2 - 58px));
}

/* Durum katmanları (boş / yükleniyor / hata) — kitap alanının üstünde ortalı */
.bbt-overlay[b-xphhg9s0lb] {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  text-align: center;
  color: var(--on-brand);
  padding: 2rem;
  pointer-events: none;
}

.bbt-overlay p[b-xphhg9s0lb] {
  margin: 0;
  max-width: 30ch;
  font-size: 1.05rem;
}

.bbt-empty__icon[b-xphhg9s0lb] {
  opacity: 0.85;
}

.bbt-hata[b-xphhg9s0lb] {
  color: var(--on-brand);
  font-weight: 600;
}

/* Spinner */
.bbt-spin[b-xphhg9s0lb] {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  border: 3px solid var(--glass);
  border-top-color: var(--on-brand);
  animation: bbt-spin-b-xphhg9s0lb 0.8s linear infinite;
}

@keyframes bbt-spin-b-xphhg9s0lb {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbt-spin[b-xphhg9s0lb] {
    animation-duration: 2s;
  }
}

/* Alt bilgi şeridi (seçili belge adı) */
.bbt-caption[b-xphhg9s0lb] {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 0.55rem 1rem;
  color: var(--on-brand);
  background: var(--scrim);
  font-weight: 600;
  font-size: 0.9rem;
}

/* Satıcı bayi adı — üstte ortada (testin üstünde) */
.bbt-bayi-adi[b-xphhg9s0lb] {
  position: absolute;
  top: clamp(0.3rem, 1.2vw, 0.65rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  max-width: min(52vw, 520px);
  padding: 0.5rem 1.1rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: var(--radius-pill);
  box-shadow: var(--glass-shadow);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(0.82rem, 1.8vw, 1.05rem);
  color: var(--fg);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Satış danışmanı kartviziti — sağ altta, DOĞRUDAN açık (ikon/toggle yok) */
.bbt-kartvizit[b-xphhg9s0lb] {
  position: absolute;
  right: clamp(0.75rem, 2vw, 1.5rem);
  bottom: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  width: min(288px, 80vw);
  padding: 0.9rem 1.1rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow);
}

.bbt-kartvizit__eyebrow[b-xphhg9s0lb] {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--accent);
}

.bbt-kartvizit__ad[b-xphhg9s0lb] {
  font-weight: 700;
  color: var(--fg);
  font-size: 0.98rem;
  margin-bottom: 0.15rem;
}

.bbt-kartvizit__alan[b-xphhg9s0lb] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.82rem;
}

.bbt-kartvizit__etiket[b-xphhg9s0lb] {
  color: var(--muted);
  flex-shrink: 0;
}

.bbt-kartvizit__deger[b-xphhg9s0lb] {
  color: var(--fg);
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}

.bbt-kartvizit__link[b-xphhg9s0lb] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.2rem;
  color: var(--brand);
  font-weight: 600;
  font-size: 0.86rem;
  text-decoration: none;
  word-break: break-all;
}

.bbt-kartvizit__link:hover[b-xphhg9s0lb] {
  text-decoration: underline;
}

/* Key'siz giriş — erişim şifresi ekranı (EmptyLayout .auth-shell içinde) */
.bbt-giris[b-xphhg9s0lb] {
  align-self: start;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: clamp(2rem, 10vh, 6rem) auto;
  padding: 0 1rem;
}

.bbt-giris__card[b-xphhg9s0lb] {
  width: min(400px, 92vw);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--glass-shadow);
  text-align: center;
}

.bbt-giris__logo[b-xphhg9s0lb] {
  align-self: center;
  height: 52px;
  width: auto;
  margin-bottom: 0.25rem;
}

.bbt-giris__baslik[b-xphhg9s0lb] {
  font-family: var(--font-display);
  font-size: 1.4rem;
  color: var(--fg);
  margin: 0;
}

.bbt-giris__alt[b-xphhg9s0lb] {
  color: var(--muted);
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}

.bbt-giris__btn[b-xphhg9s0lb] {
  width: 100%;
  margin-top: 0.4rem;
  justify-content: center;
}

/* Zoom + büyüteç araç çubuğu — kitap alanı altında ortalı */
.bbt-araclar[b-xphhg9s0lb] {
  position: absolute;
  bottom: clamp(0.5rem, 2vw, 1rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: 0.3rem;
  padding: 0.3rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-pill);
  box-shadow: var(--glass-shadow);
}

.bbt-arac[b-xphhg9s0lb] {
  border: 0;
  background: transparent;
  color: var(--fg);
  font-weight: 600;
  /* --bbt-u ile ölçeklenir; mobilde dokunma hedefi de büyür (min-height). */
  font-size: calc(var(--bbt-u) * 0.72);
  padding: calc(var(--bbt-u) * 0.34) calc(var(--bbt-u) * 0.62);
  min-height: calc(var(--bbt-u) * 2.1);
  border-radius: var(--radius-pill);
  cursor: pointer;
  display: flex;
  align-items: center;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.bbt-arac:hover[b-xphhg9s0lb] {
  background: var(--glass-hover);
}

.bbt-arac.aktif[b-xphhg9s0lb] {
  background: var(--brand);
  color: var(--on-brand);
}

.bbt-arac--buyutec[b-xphhg9s0lb] {
  padding: 0.35rem 0.5rem;
}

/* Büyüteç loupe — mouse'u takip eden KARE pencere (soruyu gösterir; JS konumlar) */
.bbt-loupe[b-xphhg9s0lb] {
  position: fixed;
  z-index: 100000;
  /* 1366px'te ~464px (eski 480 sabitine yakın), 2560px'te ~648px. Canvas'ın iç
     çözünürlüğü buyutecKur içinde bu ölçüye göre ayarlanır (upscale/bulanıklık yok). */
  width: calc(var(--bbt-u) * 27);
  height: calc(var(--bbt-u) * 27);
  border-radius: var(--radius);
  overflow: hidden;
  border: 3px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: var(--on-brand);
}

.bbt-loupe canvas[b-xphhg9s0lb] {
  display: block;
  width: 100%;
  height: 100%;
}

/* Boş tamamlama sayfası (tek sayıda PDF sayfasında düz beyaz) */
.bbt-book[b-xphhg9s0lb]  .page--bos {
  background: var(--on-brand);
}

/* Mobil / dar ekran */
@media (max-width: 720px) {
  .bbt-menu-panel[b-xphhg9s0lb] {
    width: min(300px, 84vw);
  }
  .bbt-nav[b-xphhg9s0lb] {
    width: 44px;
    height: 44px;
  }
  .bbt-book-area[b-xphhg9s0lb] {
    /* Dar ekranda yükseklik terimi devre dışı — sayfa genişliği önceliklidir. */
    --bbt-kitap-w: 96vw;
  }

  /* ── Menü alta iner (yalnız mobil) ─────────────────────────────────────────
     Hamburger, zoom araç çubuğunun (%100…%175) SAĞINDA ve onunla aynı yatay
     bantta durur; panel de butonun üstünden yukarı doğru açılır. Masaüstünde
     hiçbir şey değişmez — bu blok dışındaki kurallara dokunulmadı. (Mini takvim bu
     genişlikte zaten display:none, bkz. BbtMiniTakvim.razor.css.)
     Bant hesabı: alt bilgi şeridi yüksekliği + araç çubuğunun kendi alt boşluğu.
     Şerit yüksekliği .bbt-caption'ın kendi kutusundan gelir (padding .55rem×2 +
     .9rem satır ≈ 2.45rem) — sabit tutuluyor ki şerit seçimle belirip kaybolurken
     buton yerinden zıplamasın. max() tabanı iPhone home-indicator bandını korur. */
  .bbt-stage[b-xphhg9s0lb] {
    --bbt-menu-alt: max(calc(2.45rem + clamp(0.5rem, 2vw, 1rem)), 3rem);
  }

  .bbt-menu-btn[b-xphhg9s0lb] {
    top: auto;
    bottom: var(--bbt-menu-alt);
  }

  .bbt-menu-panel[b-xphhg9s0lb] {
    top: auto;
    bottom: calc(var(--bbt-menu-alt) + 42px + 0.6rem); /* butonun hemen üstü */
    transform-origin: bottom right;
    /* Üstteki 3.6rem buton boşluğu artık gereksiz (buton panelin dışında, altında) */
    padding-top: 0.9rem;
    /* Kartvizit ve WhatsApp da z:6 ve DOM'da panelden SONRA geliyor → eşit katmanda
       paneli örterlerdi; mobilde panel onların üstüne alınır (backdrop 5, buton 7). */
    z-index: 8;
    /* Panel ~535px; yatay telefonda sığmaz ve .bbt-stage overflow:hidden olduğu için
       kırpılır → kendi içinde kaydırılabilir olmalı. Çift satır KASITLI: dvh
       desteklemeyen tarayıcı ilkini, destekleyen ikincisini kullanır (aynı fallback
       masaüstü .bbt-menu-panel tabanında da var, 2026-09-02). Alt konum tabanlı
       max-height masaüstündeki üst-tabanlı değeri EZMELİ — bu blok kaynakta sonra
       geldiği için eşit özgüllükte kazanır. */
    max-height: calc(100vh - var(--bbt-menu-alt) - 42px - 2.4rem);
    max-height: calc(100dvh - var(--bbt-menu-alt) - 42px - 2.4rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  /* Kapalı durumda aşağıya doğru kaçsın (üst konumdaki -8px'in tersi) */
  .bbt-menu-panel:not(.acik)[b-xphhg9s0lb] {
    transform: scale(0.92) translateY(8px);
  }
}

/* Yatay mobil: üst öğeler ve oklar küçülür, kitap yüksekliği sınırlanır */
@media (max-height: 520px) and (orientation: landscape) {
  .bbt-logo img[b-xphhg9s0lb] {
    height: 24px;
  }
  .bbt-menu-btn[b-xphhg9s0lb] {
    width: 40px;
    height: 40px;
  }
  .bbt-caption[b-xphhg9s0lb] {
    padding: 0.35rem 1rem;
    font-size: 0.8rem;
  }
}

/* WhatsApp iletişim hattı — sol alt (yalnız K12 modu). Yeşil, WhatsApp'ın kendi marka
   rengidir (tema token'ı değil — dış servis kimliği, pool paleti gibi yerinde sabit). */
.bbt-whatsapp[b-xphhg9s0lb] {
  --wa: #25d366;
  --wa-strong: #1eb455;
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.5rem);
  bottom: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.9rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-pill);
  box-shadow: var(--glass-shadow);
  text-decoration: none;
  color: var(--fg);
  transition:
    transform 0.15s var(--ease-bounce),
    background 0.15s ease;
}

.bbt-whatsapp:hover[b-xphhg9s0lb] {
  background: var(--glass-hover);
  transform: scale(1.03);
}

.bbt-whatsapp__ikon[b-xphhg9s0lb] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--wa);
  color: #fff;
  flex-shrink: 0;
}

.bbt-whatsapp:hover .bbt-whatsapp__ikon[b-xphhg9s0lb] {
  background: var(--wa-strong);
}

.bbt-whatsapp__metin[b-xphhg9s0lb] {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.bbt-whatsapp__etiket[b-xphhg9s0lb] {
  font-size: 0.66rem;
  font-weight: 600;
  color: var(--muted);
}

.bbt-whatsapp__no[b-xphhg9s0lb] {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.92rem;
  white-space: nowrap;
}

/* Dar ekranda araç çubuğuyla (alt-orta zoom) çakışmasın: metin gizlenir, yuvarlak ikon kalır */
@media (max-width: 720px) {
  .bbt-whatsapp[b-xphhg9s0lb] {
    padding: 0.35rem;
    border-radius: 50%;
  }
  .bbt-whatsapp__metin[b-xphhg9s0lb] {
    display: none;
  }
}

/* Kartviziti açan buton + kapatma — yalnız mobilde görünür (masaüstünde direkt açık) */
.bbt-kartvizit-btn[b-xphhg9s0lb],
.bbt-kartvizit__kapat[b-xphhg9s0lb] {
  display: none;
}

@media (max-width: 720px) {
  .bbt-bayi-adi[b-xphhg9s0lb] {
    max-width: min(60vw, 320px);
  }

  /* Kartvizit mobilde alt sheet: sağ-alt ikon buton ile açılır/kapanır */
  .bbt-kartvizit-btn[b-xphhg9s0lb] {
    display: flex;
    position: absolute;
    /* Menü butonu artık sağ alt bantta (araç çubuğunun sağında) durduğundan bu ikon
       SOL alta alınır — bayi modunda sol alt boştur (WhatsApp yalnız K12 modunda
       görünür), dolayısıyla iki yuvarlak buton üst üste binmez. */
    left: clamp(0.6rem, 3vw, 1rem);
    bottom: clamp(0.6rem, 3vw, 1rem);
    z-index: 6;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--brand);
    color: var(--on-brand);
    box-shadow: var(--glass-shadow);
    cursor: pointer;
  }
  .bbt-kartvizit-btn.acik[b-xphhg9s0lb] {
    display: none; /* panel açıkken ikon gizli */
  }
  .bbt-kartvizit[b-xphhg9s0lb] {
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    transform: translateY(115%);
    transition: transform 0.25s var(--ease-smooth);
  }
  .bbt-kartvizit.acik[b-xphhg9s0lb] {
    transform: translateY(0);
  }
  .bbt-kartvizit__kapat[b-xphhg9s0lb] {
    display: flex;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--glass);
    color: var(--fg);
    cursor: pointer;
  }
}

/* ── BbtRaporlar eki (BbtSorular.razor.css'e göre eklenen TEK bölüm) ─────────
   Üstteki kurallar orijinalin birebir kopyasıdır — oraya fix gelirse buraya da
   uygulanmalı. Bu bölüm: mod dialogu, menüdeki Mod Değiştir butonu, panel içi
   kart ızgarası daraltması ve masaüstünde uzun rapor menüsüne kaydırma. */

/* Giriş mod dialogu — .bbt-tkv-overlay reçetesi; takvimin (100010) ÜSTÜNDE. */
.bbt-mod-overlay[b-xphhg9s0lb] {
  position: fixed;
  inset: 0;
  z-index: 100020;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--scrim);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: var(--bbt-u, 20px);
}

.bbt-mod-modal[b-xphhg9s0lb] {
  width: min(560px, 94vw);
  max-height: 92vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: calc(var(--bbt-u, 20px) * 0.7);
  padding: calc(var(--bbt-u, 20px) * 1.2);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--glass-shadow);
  outline: none;
}

.bbt-mod-baslik[b-xphhg9s0lb] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--fg);
}

/* Dialog kartları: iki geniş kart yan yana; mobilde alt alta. */
.bbt-mod-modal[b-xphhg9s0lb]  .tcg {
  grid-template-columns: 1fr 1fr;
}

.bbt-mod-modal[b-xphhg9s0lb]  .tcg__card {
  min-height: calc(var(--bbt-u, 20px) * 5);
  padding: var(--bbt-u, 20px);
}

.bbt-mod-vazgec[b-xphhg9s0lb] {
  align-self: flex-end;
}

/* Menüdeki Mod Değiştir butonu + aktif mod rozeti. */
.bbt-mod-degistir[b-xphhg9s0lb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}

.bbt-mod-rozet[b-xphhg9s0lb] {
  padding: 0.1rem 0.55rem;
  border-radius: var(--radius-pill);
  background: var(--brand);
  color: var(--on-brand);
  font-size: 0.72rem;
  font-weight: 700;
}

/* Panel dar (272px) → rapor türü kartları tek sütun ve sıkı. */
.bbt-menu-panel[b-xphhg9s0lb]  .tcg {
  grid-template-columns: 1fr;
  gap: 0.4rem;
}

.bbt-menu-panel[b-xphhg9s0lb]  .tcg__card {
  padding: 0.55rem 0.7rem;
}

/* Rapor menüsü uzun — masaüstünde panel kendi içinde kaysın. ≤720px bloğunun
   kendi max-height (dvh fallback'li) kuralını ezmemek için min-width şart. */
@media (min-width: 721px) {
  .bbt-menu-panel[b-xphhg9s0lb] {
    max-height: calc(100vh - 2 * clamp(0.75rem, 2vw, 1.25rem));
    overflow-y: auto;
  }
}

@media (max-width: 720px) {
  .bbt-mod-modal[b-xphhg9s0lb]  .tcg {
    grid-template-columns: 1fr;
  }
}

/* [BbtRaporlar sapması #4] Mobilde (≤980px) StPageFlip TEK sayfa (portrait) modundadır →
   kitap genişliğinin yükseklik sınırı spread'in "2 ×" çarpanı OLMADAN uygulanmalı;
   yoksa yatay telefonda sayfa dikeyde taşıp kırpılıyor, zoom çubuğu içeriğin üstüne
   biniyordu. :not(.pdf-modu): PDF modu dikey listedir, yükseklik terimi uygulanmaz. */
@media (max-width: 980px) {
  .bbt-book-area:not(.pdf-modu)[b-xphhg9s0lb] {
    --bbt-kitap-w: min(
      94vw,
      var(--bbt-sayfa-max, 1100px),
      calc(var(--bbt-alan-h, 78vh) / var(--bbt-oran, 1.414))
    );
  }
}
/* _content/EduLive.Web/Components/Pages/Bbt/BbtSorular.razor.rz.scp.css */
/* BBT Kitap (flipbook) — Aurora token'ları (hardcoded renk yok).
   Tam ekran sahne: arka planda sınıf görseli, üstünde açık kitap. EmptyLayout'un
   .auth-shell grid-center'ı position:fixed ile devre dışı bırakılır. */

.bbt-stage[b-gf0va4jmb0] {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  /* ── Ölçek kancası ──────────────────────────────────────────────────────────
     Bu sayfadaki rem'ler tarayıcının 16px'ine kilitli olduğundan ikincil bileşenler
     (oklar, araç çubuğu, büyüteç, alt şerit) 2560px ekranda 1366px'teki boyutlarında
     kalıyordu. --bbt-u tek "ölçeklenen birim"; bu bileşenler onun katı olarak yazılır.
     html{font-size} DEĞİŞTİRİLMEZ (tüm uygulamayı etkiler; aurora.css zaten px kullanır).
     720px → ~16.9px · 1440px → ~19.4px · 2560px → 24px (tavan) — ölçülü, absürt değil. */
  --bbt-u: clamp(16px, 0.9rem + 0.35vw, 24px);
}

/* Arka plan: sınıf ortamı görseli + okunabilirlik için hafif karartma */
.bbt-bg[b-gf0va4jmb0] {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("/img/bbt-sinif-arkaplan.png") center / cover no-repeat;
}

.bbt-bg[b-gf0va4jmb0]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--scrim);
}

/* Üst seçim çubuğu (cam panel) */
/* Sol üst: k12 logosu (cam kutu) */
.bbt-logo[b-gf0va4jmb0] {
  position: absolute;
  top: clamp(0.75rem, 2vw, 1.25rem);
  left: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  display: flex;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: var(--radius-sm);
  box-shadow: var(--glass-shadow);
}

.bbt-logo img[b-gf0va4jmb0] {
  height: clamp(24px, 3.2vw, 32px);
  width: auto;
  display: block;
}

/* Sağ üst: hamburger buton */
.bbt-menu-btn[b-gf0va4jmb0] {
  position: absolute;
  top: clamp(0.75rem, 2vw, 1.25rem);
  right: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 7;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--brand);
  color: var(--on-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--glass-shadow);
  transition:
    transform 0.15s var(--ease-bounce),
    background 0.15s ease;
}

.bbt-menu-btn:hover[b-gf0va4jmb0],
.bbt-menu-btn.acik[b-gf0va4jmb0] {
  background: var(--brand-strong);
  transform: scale(1.05);
}

/* Açılır seçim paneli (sağ üstten, hamburger'ın altında) */
.bbt-menu-panel[b-gf0va4jmb0] {
  position: absolute;
  top: clamp(0.75rem, 2vw, 1.25rem);
  right: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  width: min(272px, 84vw);
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
  padding-top: 3.6rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow);
  transform-origin: top right;
  transition:
    opacity 0.2s ease,
    transform 0.2s var(--ease-bounce);
}

.bbt-menu-panel:not(.acik)[b-gf0va4jmb0] {
  opacity: 0;
  transform: scale(0.92) translateY(-8px);
  pointer-events: none;
}

.bbt-menu-panel.acik[b-gf0va4jmb0] {
  opacity: 1;
  transform: none;
}

/* Menü kapatma katmanı — görünmez, yalnız dokunuş yakalar (scrim yok → görsel
   değişiklik sıfır). z:5 arka planı + kitap alanını örter; logo/kartvizit/WhatsApp (6)
   ve hamburger (7) üstte kalır. Bayi adı da z:5 ama DOM'da backdrop'tan SONRA geldiği
   için tıklanabilir kalır. (Mini takvim menü açıkken zaten gizli — aşağıya bakınız.)
   Kitap alanının kendi z-index'i YOK (bkz. .bbt-book-area) → içindeki oklar/araçlar
   normalde 5-6 bandında; menü açıkken `.bbt-stage.menu-acik` kuralı onları 4'e indirip
   bu katmanın altında bırakır. */
.bbt-menu-backdrop[b-gf0va4jmb0] {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: transparent;
}

/* Bayi modunda sağ alt köşeyi satış danışmanı kartviziti tutuyor → mini takvim sol alta
   aynalanır. Sol alt bayi modunda YAPISAL olarak boştur: .bbt-whatsapp yalnız K12 modunda,
   kartvizit yalnız bayi modunda render edilir (BbtSorular.razor) → ikisi birbirini dışlar.
   Kartvizitin üstüne yığmak çözüm DEĞİLDİ: yüksekliği bayi kaydının EkstraAlanlar sayısına
   göre 97-340px+ arası değişiyor, uzun kartvizitte takvim okun bandına geri düşüyordu.
   Sınıf, kartvizitin @if koşuluyla TEK ifadeden (KartvizitVar) geliyor — `key` geçerli ama
   API hata verirse kartvizit yok, sağ alt boş, ayna da yapılmaz. */
.bbt-stage.kartvizit-var[b-gf0va4jmb0]  .bbt-mtk {
  /* `right: auto` ZORUNLU: yalnız `left` verilirse kutu aşırı-kısıtlı (over-constrained)
     olur ve RTL yönünde (repo ar-SA hedefliyor) `left` yok sayılıp widget sağda kalır. */
  right: auto;
  left: clamp(0.75rem, 2vw, 1.5rem);
}

/* Menü paneli açıkken mini takvim çekilir (2026-07-30 kullanıcı kararı). Sağ sütunda
   ikisine birden yer YOK: panel 556 + widget 265 + boşluklar = 893px > 785px ekran; bu
   yüzden eski kural (menüyü ~35rem varsayıp widget'ı altına indirmek) hiçbir zaman
   tutmuyordu — ölçüm 1512×785'te 31px, alta yapıştıktan sonra 80px örtüşme gösterdi.
   Kaydırmak da çözüm değil: panelin soluna sığmıyor (1280'de araç çubuğu ile panel
   arasındaki koridor 192px, widget 234px) ve tek boş hedef olan karşı köşe kısa ekranda
   sol okla çakışıyor. Silinmek tek deterministik davranış ve işlev kaybı yok: aynı takvim
   panelin kendi "İçerik Takvimi" butonundan açılıyor, üstelik büyük takvim açılınca menü
   zaten kapanıyor (TakvimAcAyla → _menuAcik = false).
   `pointer-events` de kapatılır: 0.2s'lik solma sırasında widget hâlâ görünürken tıklama
   onu değil, altındaki kapatma katmanını bulmalı (backdrop z:5, widget DOM'da ondan sonra
   geldiği için eşit katmanda widget kazanırdı). */
.bbt-stage.menu-acik[b-gf0va4jmb0]  .bbt-mtk {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bbt-menu-panel__head[b-gf0va4jmb0] {
  display: flex;
  flex-direction: column;
}

.bbt-eyebrow[b-gf0va4jmb0] {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--accent);
}

.bbt-wordmark[b-gf0va4jmb0] {
  font-family: var(--font-display);
  font-size: clamp(0.92rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--fg);
  line-height: 1.15;
}

.bbt-toggle-field[b-gf0va4jmb0] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.bbt-toggle-label[b-gf0va4jmb0] {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--muted);
}

.bbt-toggle-group[b-gf0va4jmb0] {
  display: inline-flex;
  gap: 0.4rem;
}

/* Kitap alanı.
   z-index BİLİNÇLİ OLARAK YOK: buraya bir z-index yazmak stacking context yaratıyor ve
   içindeki sayfa okları (z:6) ile durum katmanları dışarıya karşı bu değere hapsoluyordu
   → mini takvim (z:5) ve menü paneli (z:6) sağ/sol oku her koşulda örtüyordu (kullanıcı
   raporu: "sağa ok görünmüyor"). z-index olmadan da doğru sırada kalır: DOM'da .bbt-bg
   (z:0) sonrasında geldiği için kitap arka planın üstünde. */
.bbt-book-area[b-gf0va4jmb0] {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 3vw, 2.5rem);
  min-height: 0;
  overflow: hidden;

  /* ── Kitap genişliği: TEK kaynak ────────────────────────────────────────────
     Üç sınırın en küçüğü:
       1) 94vw               → yatay taşma yok
       2) 2 × sayfa tavanı   → canvas upscale yok (bulanıklık yok)
       3) 2 × kullanılabilir yükseklik / sayfa oranı
                             → spread dikeyde taşmaz. StPageFlip bunu KENDİ yapamaz:
                               getBlockHeight() wrapper'ın padding-% yüksekliğini,
                               yani kendi genişliğini okur — viewport'u hiç görmez.
     --bbt-alan-h ve --bbt-oran'ı JS yazar (olcumKur / renderFlipbook). JS gelmeden
     önce fallback'ler devrede → JS'siz ilk boyada da makul kitap. */
  --bbt-sayfa-max: 1100px; /* = BbtSorular.razor.js RENDER_W */
  --bbt-kitap-w: min(
    94vw,
    calc(2 * var(--bbt-sayfa-max)),
    calc(2 * var(--bbt-alan-h, 78vh) / var(--bbt-oran, 1.414))
  );
}

/* PDF modu dikey listedir (spread yok, yükseklik scroll'la çözülür) → yalnız
   genişlik tavanı geçerli; yükseklik terimi uygulanmaz. */
.bbt-book-area.pdf-modu[b-gf0va4jmb0] {
  --bbt-kitap-w: min(94vw, var(--bbt-sayfa-max));
}

.bbt-book[b-gf0va4jmb0] {
  width: var(--bbt-kitap-w);
  max-height: 100%;
}

/* StPageFlip'in kurulduğu taze iç konteyner (JS her render'da oluşturur).
   .bbt-book zoom sarmalayıcısı; inner gerçek genişliği taşır (stretch buna uyar). */
.bbt-book[b-gf0va4jmb0]  .bbt-book-inner {
  width: 100%;
}

/* StPageFlip vendor'ı .stf__parent'a `touch-action: pan-y` DAYATIR — üstelik bunu
   yalnız css/page-flip.css'ten değil, page-flip.browser.js içinde gömülü bir <style>
   bloğunu runtime'da document.head'e enjekte ederek de yapar. Bu yüzden CSS dosyasını
   düzeltmek YETMEZ (vendor dosyaya da dokunulmaz — upgrade'i kırar). Çözüm scope'lu
   seçici: derlenmiş hali `.bbt-book[b-xxx] .stf__parent` (0,3,0) > enjekte edilen
   `.stf__parent` (0,1,0) → !important gerekmeden kazanır.
   `manipulation` = her iki eksende pan + pinch-zoom serbest. */
.bbt-book[b-gf0va4jmb0]  .stf__parent {
  touch-action: manipulation;
}

/* PDF modunda İÇERİĞE (.bbt-pdf-liste) `touch-action: pan-y pinch-zoom` yazılmıştı; bu
   KALDIRILDI ve yerine hiçbir kısıt konmuyor (varsayılan `auto` = tüm jestler serbest).
   Gerekçe: kaydırılabilir kutu .bbt-book'un kendisidir (overflow'u renderPdf/setZoom
   yazar) ama touch-action dokunulan elemandan yukarı doğru KESİŞİMLE hesaplanır — kısıt
   içerikte durduğu ve pan-x içermediği için, parmak PDF'in üzerindeyken hem bu kutunun
   yatay kaydırması hem pinch sonrası yatay viewport pan'ı kilitleniyordu: büyütülen
   sayfada sağa/sola gidilemiyordu. StPageFlip kısıtı yalnız kitap modunda gerekli ve o
   zaten .stf__parent üzerinde (yukarıda). */

/* PDF görüntüle modu — dikey sayfa listesi (StPageFlip yok, sade kaydırma) */
.bbt-book[b-gf0va4jmb0]  .bbt-pdf-liste {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  width: 100%;
  padding: 0.25rem 0;
}

.bbt-book[b-gf0va4jmb0]  .bbt-pdf-sayfa {
  width: 100%;
  /* Sayfa tavanı rasterize genişliğiyle aynı (JS RENDER_W) — üstünde upscale/bulanıklık. */
  max-width: var(--bbt-sayfa-max, 1100px);
  background: var(--on-brand);
  box-shadow: var(--glass-shadow);
}

.bbt-book[b-gf0va4jmb0]  .bbt-pdf-sayfa canvas {
  display: block;
  width: 100%;
  height: auto;
}

/* StPageFlip'in JS ile eklediği sayfa + canvas (scope attribute almaz → ::deep) */
.bbt-book[b-gf0va4jmb0]  .page {
  background: var(--on-brand);
  overflow: hidden;
  /* Cilt (spine) gölgesi YAPRAĞIN kendisinde — iki sayfa ortada birleşince belirginleşir,
     PDF'e gerçek kitap hissi verir. Sabit değil: sayfa çevrilince gölge yaprakla hareket
     eder (eski sabit .bbt-book-area::after çevirme sırasında yerinde kalıp bozuyordu). */
  box-shadow: inset 0 0 30px -10px var(--scrim);
}

.bbt-book[b-gf0va4jmb0]  .bbt-page-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Sayfa geçiş okları */
.bbt-nav[b-gf0va4jmb0] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* Durum katmanları (.bbt-overlay, z:5, inset:0) yükleme sırasında okun üstünü kaplıyor →
     ok onların üzerinde kalmalı. Bu değer 195-199'da anlatılan "sağa ok görünmüyor"
     regresyonunun düzeltmesidir; gereksiz görünse de DÜŞÜRÜLMEMELİ. (Mini takvim artık
     alt köşede, okun bandı dışında — eski "aynı dikey bant" gerekçesi geçerli değil.) */
  z-index: 6;
  /* --bbt-u ile ölçeklenir: 1366px'te ~52px (eski sabit), 2560px'te ~72px. */
  width: calc(var(--bbt-u) * 3);
  height: calc(var(--bbt-u) * 3);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--glass-strong);
  color: var(--fg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition:
    transform 0.15s var(--ease-bounce),
    background 0.15s ease;
}

.bbt-nav:hover[b-gf0va4jmb0] {
  background: var(--glass-hover);
  transform: translateY(-50%) scale(1.08);
}

/* Menü AÇIKKEN kitap alanının katmanları kapatma katmanının (.bbt-menu-backdrop, z:5)
   altına iner. Böylece .bbt-book-area'nın stacking context'i kaldırıldıktan sonra da
   menü davranışı birebir korunur:
     · panel (z:6 / mobil 8) okları örter — oklar panelin üstüne çıkmaz,
     · bu katmanlara dokunmak menüyü kapatır ("dışına dokununca kapanır" şartı).
   4 seçildi: backdrop'ın (5) altında ama belge adının (.bbt-caption, 3) üstünde.
   Görsel değişiklik SIFIR — backdrop şeffaf, oklar/araçlar görünmeye devam eder. */
.bbt-stage.menu-acik .bbt-nav[b-gf0va4jmb0],
.bbt-stage.menu-acik .bbt-araclar[b-gf0va4jmb0],
.bbt-stage.menu-acik .bbt-overlay[b-gf0va4jmb0] {
  z-index: 4;
}

/* Oklar kitabın kenarından ~58px dışta. Genişlik artık --bbt-kitap-w'den okunur →
   kitap büyüyünce oklar da onunla açılır (eski min(47vw,600px) 1200px tavanına elle
   bağlıydı). Dar ekranda calc negatife düşer → max() kenara sabitler. */
.bbt-nav--prev[b-gf0va4jmb0] {
  left: max(0.4rem, calc(50% - var(--bbt-kitap-w) / 2 - 58px));
}

.bbt-nav--next[b-gf0va4jmb0] {
  right: max(0.4rem, calc(50% - var(--bbt-kitap-w) / 2 - 58px));
}

/* Durum katmanları (boş / yükleniyor / hata) — kitap alanının üstünde ortalı */
.bbt-overlay[b-gf0va4jmb0] {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  text-align: center;
  color: var(--on-brand);
  padding: 2rem;
  pointer-events: none;
}

.bbt-overlay p[b-gf0va4jmb0] {
  margin: 0;
  max-width: 30ch;
  font-size: 1.05rem;
}

.bbt-empty__icon[b-gf0va4jmb0] {
  opacity: 0.85;
}

.bbt-hata[b-gf0va4jmb0] {
  color: var(--on-brand);
  font-weight: 600;
}

/* Spinner */
.bbt-spin[b-gf0va4jmb0] {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  border: 3px solid var(--glass);
  border-top-color: var(--on-brand);
  animation: bbt-spin-b-gf0va4jmb0 0.8s linear infinite;
}

@keyframes bbt-spin-b-gf0va4jmb0 {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbt-spin[b-gf0va4jmb0] {
    animation-duration: 2s;
  }
}

/* Alt bilgi şeridi (seçili belge adı) */
.bbt-caption[b-gf0va4jmb0] {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 0.55rem 1rem;
  color: var(--on-brand);
  background: var(--scrim);
  font-weight: 600;
  font-size: 0.9rem;
}

/* Satıcı bayi adı — üstte ortada (testin üstünde) */
.bbt-bayi-adi[b-gf0va4jmb0] {
  position: absolute;
  top: clamp(0.3rem, 1.2vw, 0.65rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  max-width: min(52vw, 520px);
  padding: 0.5rem 1.1rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: var(--radius-pill);
  box-shadow: var(--glass-shadow);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(0.82rem, 1.8vw, 1.05rem);
  color: var(--fg);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Satış danışmanı kartviziti — sağ altta, DOĞRUDAN açık (ikon/toggle yok) */
.bbt-kartvizit[b-gf0va4jmb0] {
  position: absolute;
  right: clamp(0.75rem, 2vw, 1.5rem);
  bottom: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  width: min(288px, 80vw);
  padding: 0.9rem 1.1rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow);
}

.bbt-kartvizit__eyebrow[b-gf0va4jmb0] {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--accent);
}

.bbt-kartvizit__ad[b-gf0va4jmb0] {
  font-weight: 700;
  color: var(--fg);
  font-size: 0.98rem;
  margin-bottom: 0.15rem;
}

.bbt-kartvizit__alan[b-gf0va4jmb0] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.82rem;
}

.bbt-kartvizit__etiket[b-gf0va4jmb0] {
  color: var(--muted);
  flex-shrink: 0;
}

.bbt-kartvizit__deger[b-gf0va4jmb0] {
  color: var(--fg);
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}

.bbt-kartvizit__link[b-gf0va4jmb0] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.2rem;
  color: var(--brand);
  font-weight: 600;
  font-size: 0.86rem;
  text-decoration: none;
  word-break: break-all;
}

.bbt-kartvizit__link:hover[b-gf0va4jmb0] {
  text-decoration: underline;
}

/* Key'siz giriş — erişim şifresi ekranı (EmptyLayout .auth-shell içinde) */
.bbt-giris[b-gf0va4jmb0] {
  align-self: start;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: clamp(2rem, 10vh, 6rem) auto;
  padding: 0 1rem;
}

.bbt-giris__card[b-gf0va4jmb0] {
  width: min(400px, 92vw);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--glass-shadow);
  text-align: center;
}

.bbt-giris__logo[b-gf0va4jmb0] {
  align-self: center;
  height: 52px;
  width: auto;
  margin-bottom: 0.25rem;
}

.bbt-giris__baslik[b-gf0va4jmb0] {
  font-family: var(--font-display);
  font-size: 1.4rem;
  color: var(--fg);
  margin: 0;
}

.bbt-giris__alt[b-gf0va4jmb0] {
  color: var(--muted);
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}

.bbt-giris__btn[b-gf0va4jmb0] {
  width: 100%;
  margin-top: 0.4rem;
  justify-content: center;
}

/* Zoom + büyüteç araç çubuğu — kitap alanı altında ortalı */
.bbt-araclar[b-gf0va4jmb0] {
  position: absolute;
  bottom: clamp(0.5rem, 2vw, 1rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: 0.3rem;
  padding: 0.3rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-pill);
  box-shadow: var(--glass-shadow);
}

.bbt-arac[b-gf0va4jmb0] {
  border: 0;
  background: transparent;
  color: var(--fg);
  font-weight: 600;
  /* --bbt-u ile ölçeklenir; mobilde dokunma hedefi de büyür (min-height). */
  font-size: calc(var(--bbt-u) * 0.72);
  padding: calc(var(--bbt-u) * 0.34) calc(var(--bbt-u) * 0.62);
  min-height: calc(var(--bbt-u) * 2.1);
  border-radius: var(--radius-pill);
  cursor: pointer;
  display: flex;
  align-items: center;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.bbt-arac:hover[b-gf0va4jmb0] {
  background: var(--glass-hover);
}

.bbt-arac.aktif[b-gf0va4jmb0] {
  background: var(--brand);
  color: var(--on-brand);
}

.bbt-arac--buyutec[b-gf0va4jmb0] {
  padding: 0.35rem 0.5rem;
}

/* Büyüteç loupe — mouse'u takip eden KARE pencere (soruyu gösterir; JS konumlar) */
.bbt-loupe[b-gf0va4jmb0] {
  position: fixed;
  z-index: 100000;
  /* 1366px'te ~464px (eski 480 sabitine yakın), 2560px'te ~648px. Canvas'ın iç
     çözünürlüğü buyutecKur içinde bu ölçüye göre ayarlanır (upscale/bulanıklık yok). */
  width: calc(var(--bbt-u) * 27);
  height: calc(var(--bbt-u) * 27);
  border-radius: var(--radius);
  overflow: hidden;
  border: 3px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: var(--on-brand);
}

.bbt-loupe canvas[b-gf0va4jmb0] {
  display: block;
  width: 100%;
  height: 100%;
}

/* Boş tamamlama sayfası (tek sayıda PDF sayfasında düz beyaz) */
.bbt-book[b-gf0va4jmb0]  .page--bos {
  background: var(--on-brand);
}

/* Mobil / dar ekran */
@media (max-width: 720px) {
  .bbt-menu-panel[b-gf0va4jmb0] {
    width: min(300px, 84vw);
  }
  .bbt-nav[b-gf0va4jmb0] {
    width: 44px;
    height: 44px;
  }
  .bbt-book-area[b-gf0va4jmb0] {
    /* Dar ekranda yükseklik terimi devre dışı — sayfa genişliği önceliklidir. */
    --bbt-kitap-w: 96vw;
  }

  /* ── Menü alta iner (yalnız mobil) ─────────────────────────────────────────
     Hamburger, zoom araç çubuğunun (%100…%175) SAĞINDA ve onunla aynı yatay
     bantta durur; panel de butonun üstünden yukarı doğru açılır. Masaüstünde
     hiçbir şey değişmez — bu blok dışındaki kurallara dokunulmadı. (Mini takvim bu
     genişlikte zaten display:none, bkz. BbtMiniTakvim.razor.css.)
     Bant hesabı: alt bilgi şeridi yüksekliği + araç çubuğunun kendi alt boşluğu.
     Şerit yüksekliği .bbt-caption'ın kendi kutusundan gelir (padding .55rem×2 +
     .9rem satır ≈ 2.45rem) — sabit tutuluyor ki şerit seçimle belirip kaybolurken
     buton yerinden zıplamasın. max() tabanı iPhone home-indicator bandını korur. */
  .bbt-stage[b-gf0va4jmb0] {
    --bbt-menu-alt: max(calc(2.45rem + clamp(0.5rem, 2vw, 1rem)), 3rem);
  }

  .bbt-menu-btn[b-gf0va4jmb0] {
    top: auto;
    bottom: var(--bbt-menu-alt);
  }

  .bbt-menu-panel[b-gf0va4jmb0] {
    top: auto;
    bottom: calc(var(--bbt-menu-alt) + 42px + 0.6rem); /* butonun hemen üstü */
    transform-origin: bottom right;
    /* Üstteki 3.6rem buton boşluğu artık gereksiz (buton panelin dışında, altında) */
    padding-top: 0.9rem;
    /* Kartvizit ve WhatsApp da z:6 ve DOM'da panelden SONRA geliyor → eşit katmanda
       paneli örterlerdi; mobilde panel onların üstüne alınır (backdrop 5, buton 7). */
    z-index: 8;
    /* Panel ~535px; yatay telefonda sığmaz ve .bbt-stage overflow:hidden olduğu için
       kırpılır → kendi içinde kaydırılabilir olmalı. Çift satır KASITLI: dvh
       desteklemeyen tarayıcı ilkini, destekleyen ikincisini kullanır (dosyadaki tek
       dvh fallback'i burasıdır). */
    max-height: calc(100vh - var(--bbt-menu-alt) - 42px - 2.4rem);
    max-height: calc(100dvh - var(--bbt-menu-alt) - 42px - 2.4rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  /* Kapalı durumda aşağıya doğru kaçsın (üst konumdaki -8px'in tersi) */
  .bbt-menu-panel:not(.acik)[b-gf0va4jmb0] {
    transform: scale(0.92) translateY(8px);
  }
}

/* Yatay mobil: üst öğeler ve oklar küçülür, kitap yüksekliği sınırlanır */
@media (max-height: 520px) and (orientation: landscape) {
  .bbt-logo img[b-gf0va4jmb0] {
    height: 24px;
  }
  .bbt-menu-btn[b-gf0va4jmb0] {
    width: 40px;
    height: 40px;
  }
  .bbt-caption[b-gf0va4jmb0] {
    padding: 0.35rem 1rem;
    font-size: 0.8rem;
  }
}

/* WhatsApp iletişim hattı — sol alt (yalnız K12 modu). Yeşil, WhatsApp'ın kendi marka
   rengidir (tema token'ı değil — dış servis kimliği, pool paleti gibi yerinde sabit). */
.bbt-whatsapp[b-gf0va4jmb0] {
  --wa: #25d366;
  --wa-strong: #1eb455;
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.5rem);
  bottom: clamp(0.75rem, 2vw, 1.5rem);
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.9rem;
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-pill);
  box-shadow: var(--glass-shadow);
  text-decoration: none;
  color: var(--fg);
  transition:
    transform 0.15s var(--ease-bounce),
    background 0.15s ease;
}

.bbt-whatsapp:hover[b-gf0va4jmb0] {
  background: var(--glass-hover);
  transform: scale(1.03);
}

.bbt-whatsapp__ikon[b-gf0va4jmb0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--wa);
  color: #fff;
  flex-shrink: 0;
}

.bbt-whatsapp:hover .bbt-whatsapp__ikon[b-gf0va4jmb0] {
  background: var(--wa-strong);
}

.bbt-whatsapp__metin[b-gf0va4jmb0] {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.bbt-whatsapp__etiket[b-gf0va4jmb0] {
  font-size: 0.66rem;
  font-weight: 600;
  color: var(--muted);
}

.bbt-whatsapp__no[b-gf0va4jmb0] {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.92rem;
  white-space: nowrap;
}

/* Dar ekranda araç çubuğuyla (alt-orta zoom) çakışmasın: metin gizlenir, yuvarlak ikon kalır */
@media (max-width: 720px) {
  .bbt-whatsapp[b-gf0va4jmb0] {
    padding: 0.35rem;
    border-radius: 50%;
  }
  .bbt-whatsapp__metin[b-gf0va4jmb0] {
    display: none;
  }
}

/* Kartviziti açan buton + kapatma — yalnız mobilde görünür (masaüstünde direkt açık) */
.bbt-kartvizit-btn[b-gf0va4jmb0],
.bbt-kartvizit__kapat[b-gf0va4jmb0] {
  display: none;
}

@media (max-width: 720px) {
  .bbt-bayi-adi[b-gf0va4jmb0] {
    max-width: min(60vw, 320px);
  }

  /* Kartvizit mobilde alt sheet: sağ-alt ikon buton ile açılır/kapanır */
  .bbt-kartvizit-btn[b-gf0va4jmb0] {
    display: flex;
    position: absolute;
    /* Menü butonu artık sağ alt bantta (araç çubuğunun sağında) durduğundan bu ikon
       SOL alta alınır — bayi modunda sol alt boştur (WhatsApp yalnız K12 modunda
       görünür), dolayısıyla iki yuvarlak buton üst üste binmez. */
    left: clamp(0.6rem, 3vw, 1rem);
    bottom: clamp(0.6rem, 3vw, 1rem);
    z-index: 6;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--brand);
    color: var(--on-brand);
    box-shadow: var(--glass-shadow);
    cursor: pointer;
  }
  .bbt-kartvizit-btn.acik[b-gf0va4jmb0] {
    display: none; /* panel açıkken ikon gizli */
  }
  .bbt-kartvizit[b-gf0va4jmb0] {
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    transform: translateY(115%);
    transition: transform 0.25s var(--ease-smooth);
  }
  .bbt-kartvizit.acik[b-gf0va4jmb0] {
    transform: translateY(0);
  }
  .bbt-kartvizit__kapat[b-gf0va4jmb0] {
    display: flex;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--glass);
    color: var(--fg);
    cursor: pointer;
  }
}
/* _content/EduLive.Web/Components/Pages/Bbt/BbtTakvim.razor.rz.scp.css */
/* BBT İçerik Takvimi popup — Aurora token'ları (hardcoded renk yok).
   Grid/chip/detay JS ile eklenir (scope attribute almaz) → ::deep. */

.bbt-tkv-overlay[b-8w6p22q7cn] {
  /* Havuz kategorik renk paleti (marka rengi DEĞİL — havuzları ayırt etmek için veri
     görselleştirme paleti; sorudenetimi POOL_PALETTE ile aynı). JS poolColorById → index. */
  --bbt-tkv-pool-0: #2563eb;
  --bbt-tkv-pool-1: #7c3aed;
  --bbt-tkv-pool-2: #d97706;
  --bbt-tkv-pool-3: #0891b2;
  --bbt-tkv-pool-4: #db2777;
  --bbt-tkv-pool-5: #65a30d;
  --bbt-tkv-pool-6: #ea580c;
  --bbt-tkv-pool-7: #4f46e5;
  position: fixed;
  inset: 0;
  z-index: 100010;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.5rem, 3vw, 2rem);
  background: var(--scrim);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.bbt-tkv-modal[b-8w6p22q7cn] {
  position: relative;
  width: min(920px, 96vw);
  max-height: 92vh;
  overflow: auto;
  padding: clamp(1rem, 2.5vw, 1.75rem);
  background: var(--glass-strong);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  backdrop-filter: blur(28px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--glass-shadow);
}

.bbt-tkv-x[b-8w6p22q7cn] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--glass);
  color: var(--fg);
  cursor: pointer;
  transition: background 0.15s ease;
}

.bbt-tkv-x:hover[b-8w6p22q7cn] {
  background: var(--glass-hover);
}

/* --- Başlık + ay navigasyonu (JS-eklenen) --- */
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-right: 2.5rem;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-title {
  display: flex;
  flex-direction: column;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-eyebrow {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--accent);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-baslik {
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 2.5vw, 1.4rem);
  font-weight: 700;
  color: var(--fg);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-nav {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-navbtn,
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-bugun {
  border: 1px solid var(--glass-border);
  background: var(--glass);
  color: var(--fg);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  transition: background 0.15s ease;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-navbtn {
  width: 34px;
  height: 34px;
  font-size: 1.1rem;
  line-height: 1;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-bugun {
  height: 34px;
  padding: 0 0.75rem;
  font-size: 0.8rem;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-navbtn:hover,
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-bugun:hover {
  background: var(--glass-hover);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-aylabel {
  min-width: 9.5rem;
  text-align: center;
  font-weight: 700;
  color: var(--fg);
  font-size: 0.95rem;
}

/* --- Chip sınıf sayısı rozeti (grupta >1 sınıf varsa) --- */
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-count {
  margin-left: auto;
  flex-shrink: 0;
  padding: 0 0.35rem;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--chip) 32%, transparent);
  font-size: 0.66rem;
  font-weight: 700;
}

/* --- Pop-up sınıf seçici butonları --- */
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-sinif-secim {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.5rem 0 0.85rem;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-sinif-btn {
  padding: 0.3rem 0.65rem;
  border: 1px solid var(--glass-border);
  background: var(--glass);
  color: var(--fg);
  border-radius: var(--radius-pill);
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 600;
  transition: background 0.15s ease;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-sinif-btn:hover {
  background: var(--glass-hover);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-sinif-btn.aktif {
  background: var(--brand);
  color: var(--on-brand);
  border-color: var(--brand);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-sinif-icerik {
  min-height: 3rem;
}

/* --- Haftanın günleri + grid --- */
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-weekdays,
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-weekdays {
  margin-bottom: 4px;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-wd {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--muted);
  padding: 0.25rem 0;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-cell {
  position: relative;
  min-height: clamp(70px, 12vh, 104px);
  padding: 0.3rem;
  background: var(--n-100);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-cell.bos {
  background: transparent;
  border-color: transparent;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-cell.today {
  border-color: var(--brand);
  box-shadow: inset 0 0 0 1px var(--brand);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-dnum {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 0.2rem;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-cell.today .bbt-tkv-dnum {
  color: var(--brand);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-chips {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-chip {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  width: 100%;
  padding: 0.18rem 0.35rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--chip) 16%, transparent);
  color: var(--fg);
  cursor: pointer;
  text-align: left;
  font-size: 0.72rem;
  transition: background 0.15s ease;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-chip:hover {
  background: color-mix(in srgb, var(--chip) 28%, transparent);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-chip.done {
  opacity: 0.55;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-dot {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--chip);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-ctwrap {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  line-height: 1.15;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-ct {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Soru havuzu adı — grup adının altında küçük etiket */
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-havuz {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.62rem;
  font-weight: 600;
  opacity: 0.75;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-bos,
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-loading {
  padding: 1.5rem;
  text-align: center;
  color: var(--muted);
  font-size: 0.9rem;
}

/* --- Salt-okuma detay popup --- */
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-detay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--scrim);
  border-radius: var(--radius-xl);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-detay-kart {
  position: relative;
  width: min(380px, 92%);
  padding: 1.25rem;
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-detay-x {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: var(--glass);
  color: var(--fg);
  cursor: pointer;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-deyebrow {
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--accent);
  text-transform: uppercase;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-dtitle {
  margin: 0.2rem 0 0.5rem;
  font-size: 1.05rem;
  color: var(--fg);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-dmeta {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
  font-size: 0.8rem;
  color: var(--muted);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-dstatus {
  padding: 0.05rem 0.5rem;
  border-radius: var(--radius-pill);
  background: var(--glass);
  color: var(--fg);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-ditems {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-ditem {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: var(--n-100);
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
  color: var(--fg);
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-dcount {
  color: var(--muted);
  flex-shrink: 0;
}

.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-dbos,
.bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-detay-hata {
  color: var(--muted);
  text-align: center;
}

@media (max-width: 640px) {
  .bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-cell {
    min-height: 58px;
  }
  .bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-ct {
    display: none; /* mobilde yalnız renk noktası — tıklayınca detay */
  }
  .bbt-tkv-icerik[b-8w6p22q7cn]  .bbt-tkv-chip {
    justify-content: center;
    padding: 0.25rem;
  }
}
/* _content/EduLive.Web/Components/Pages/Bbt/BdtAsistanWidget.razor.rz.scp.css */
/* BdtAsistanWidget — sağ alt köşe chat widget'ı (Aurora cam dili).
   Ölçüler/hareket 2026-08-24 widget UI araştırma spesifikasyonundan:
   FAB 60px (mobil 56), köşe boşluğu sayfayla aynı clamp, panel 400×620
   (min(620px, 100dvh-120px)), açılış 300ms decelerate / kapanış 180ms accelerate,
   masaüstü non-modal, <768px tam ekran. Kontrast: --glass-strong alfa 0.85 —
   arkada koyu PDF sayfası olsa bile efektif zemin açık kalır (worst-case kuralı). */

.bkw[b-gnhh7krui0] {
    --bkw-bosluk: clamp(0.75rem, 2vw, 1.5rem);
    --bkw-fab: 60px;
    --bkw-ease-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
    --bkw-ease-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
}

/* ── Launcher (FAB) ─────────────────────────────────────────────────────── */

.bkw-fab[b-gnhh7krui0] {
    position: fixed;
    right: var(--bkw-bosluk);
    bottom: var(--bkw-bosluk);
    z-index: 40;
    width: var(--bkw-fab);
    height: var(--bkw-fab);
    border-radius: var(--radius-pill);
    border: 1px solid var(--glass-border);
    background: var(--brand);
    color: var(--on-brand);
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 1px 6px var(--scrim), var(--glass-shadow);
    animation: bkw-fab-in-b-gnhh7krui0 400ms var(--bkw-ease-enter) 900ms both;
    transition: transform 150ms var(--ease-smooth), box-shadow 200ms var(--ease-smooth);
}

.bkw-fab:hover[b-gnhh7krui0] { transform: scale(1.06); }
.bkw-fab:active[b-gnhh7krui0] { transform: scale(0.94); }
.bkw-fab:focus-visible[b-gnhh7krui0] { outline: 2px solid var(--fg); outline-offset: 2px; }

@keyframes bkw-fab-in-b-gnhh7krui0 {
    from { opacity: 0; transform: translateY(12px) scale(0.9); }
    to { opacity: 1; transform: none; }
}

/* Sohbet ↔ X çapraz geçişi — buton unmount EDİLMEZ (flicker anti-pattern'i). */
.bkw-fab__ic[b-gnhh7krui0] { grid-area: 1 / 1; transition: opacity 250ms var(--ease-smooth), transform 250ms var(--ease-smooth); }
.bkw-fab__ic--kapat[b-gnhh7krui0] { opacity: 0; transform: rotate(-90deg) scale(0.7); }
.bkw[data-acik="true"] .bkw-fab__ic--sohbet[b-gnhh7krui0] { opacity: 0; transform: rotate(90deg) scale(0.7); }
.bkw[data-acik="true"] .bkw-fab__ic--kapat[b-gnhh7krui0] { opacity: 1; transform: none; }

/* ── Teaser balonu ──────────────────────────────────────────────────────── */

.bkw-teaser[b-gnhh7krui0] {
    position: fixed;
    right: var(--bkw-bosluk);
    bottom: calc(var(--bkw-bosluk) + var(--bkw-fab) + 12px);
    z-index: 40;
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: min(300px, calc(100vw - 2 * var(--bkw-bosluk)));
    padding: 4px 6px 4px 14px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass-strong);
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    box-shadow: var(--glass-shadow);
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity 300ms var(--bkw-ease-enter), transform 300ms var(--bkw-ease-enter);
}

.bkw-teaser--gorunur[b-gnhh7krui0] { opacity: 1; transform: none; pointer-events: auto; }

.bkw-teaser__metin[b-gnhh7krui0] {
    border: 0;
    background: none;
    color: var(--fg);
    font: inherit;
    font-size: 0.85rem;
    line-height: 1.4;
    text-align: left;
    padding: 6px 0;
    cursor: pointer;
}

.bkw-teaser__kapat[b-gnhh7krui0] {
    flex: none;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: var(--radius-pill);
    background: none;
    color: var(--muted);
    font-size: 0.8rem;
    cursor: pointer;
}
.bkw-teaser__kapat:hover[b-gnhh7krui0] { color: var(--fg); }

/* ── Panel ──────────────────────────────────────────────────────────────── */

/* Büyük modda arka planı karartan perde — panelin altında (45 < 50). */
.bkw-scrim[b-gnhh7krui0] {
    position: fixed;
    inset: 0;
    z-index: 45;
    background: var(--scrim);
    opacity: 0;
    pointer-events: none;
    transition: opacity 320ms var(--bkw-ease-enter);
}
.bkw-scrim--gorunur[b-gnhh7krui0] { opacity: 1; pointer-events: auto; }

.bkw-panel[b-gnhh7krui0] {
    /* Boyut/konum tek yerden: --pw/--ph. Genis mod yalnız bu değişkenleri ve
       right/bottom'ı değiştirir; width/height/right/bottom geçişli olduğundan
       büyüme de küçülme de AYNI animasyonla akar (kullanıcı isteği 2026-08-24). */
    --pw: min(400px, calc(100vw - 2 * var(--bkw-bosluk)));
    --ph: min(620px, calc(100dvh - 120px));
    position: fixed;
    right: var(--bkw-bosluk);
    bottom: calc(var(--bkw-bosluk) + var(--bkw-fab) + 12px);
    z-index: 50;
    width: var(--pw);
    height: var(--ph);
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-strong);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    box-shadow: 0 24px 64px var(--scrim), var(--glass-shadow);
    overflow: hidden;
    transform-origin: bottom right;
    /* `visibility` de geçişe DAHİL: kapalı panel DOM'da kalır (kapat = küçült,
       geçmiş + taslak korunur) ama yalnız `opacity: 0` klavyeyi durdurmaz —
       Tab, görünmeyen panelin kompozerine ve düğmelerine giriyordu. */
    visibility: visible;
    transition: opacity 300ms var(--bkw-ease-enter), transform 300ms var(--bkw-ease-enter),
                width 320ms var(--bkw-ease-enter), height 320ms var(--bkw-ease-enter),
                right 320ms var(--bkw-ease-enter), bottom 320ms var(--bkw-ease-enter),
                visibility 0s linear 0s;
}

/* Büyük mod: ekran ortasında pop-up. Konum right/bottom'dan hesaplanır ki
   köşe hâli ile aynı özellikler animasyonlansın (top/left'e geçiş animasyonu keser). */
.bkw-panel--genis[b-gnhh7krui0] {
    --pw: min(760px, calc(100vw - 3rem));
    --ph: min(720px, calc(100dvh - 4rem));
    right: calc((100vw - var(--pw)) / 2);
    bottom: calc((100dvh - var(--ph)) / 2);
}

/* Kapalı panel: görünmez VE erişilmez. `pointer-events: none` yalnız fareyi
   durdurur; `visibility: hidden` klavyeyi de durdurur (odaklanabilir öğeler
   Tab sırasından çıkar). Gecikme kapanış animasyonunu korur: 180 ms boyunca
   panel hâlâ görünür ve solar, sonra gizlenir. Geçmiş DOM'da KALIR — kapat
   yalnız küçültmedir (BdtAsistanWidgetTests.Kapatinca_panel_kucultulur_dom_da_kalir). */
.bkw-panel[data-state="closed"][b-gnhh7krui0] {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
    pointer-events: none;
    visibility: hidden;
    transition: opacity 180ms var(--bkw-ease-exit), transform 180ms var(--bkw-ease-exit),
                width 180ms var(--bkw-ease-exit), height 180ms var(--bkw-ease-exit),
                right 180ms var(--bkw-ease-exit), bottom 180ms var(--bkw-ease-exit),
                visibility 0s linear 180ms;
}

/* Açılışta gecikme YOK: panel anında görünür olur, opaklık/ölçek animasyonlanır. */
.bkw-panel[data-state="open"][b-gnhh7krui0] { opacity: 1; transform: none; visibility: visible; }

/* ── Header ─────────────────────────────────────────────────────────────── */

.bkw-ust[b-gnhh7krui0] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 60px;
    padding: 0 8px 0 14px;
    border-bottom: 1px solid var(--glass-border);
}

.bkw-avatar[b-gnhh7krui0] {
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-pill);
    display: grid;
    place-items: center;
    background: var(--brand);
    color: var(--on-brand);
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
}

.bkw-ust__metin[b-gnhh7krui0] { min-width: 0; display: flex; flex-direction: column; }

.bkw-ust__ad[b-gnhh7krui0] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--fg);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.bkw-ikon[b-gnhh7krui0] {
    border: 0;
    background: none;
    color: var(--muted);
    cursor: pointer;
    border-radius: var(--radius-pill);
    display: grid;
    place-items: center;
}
.bkw-ikon:hover[b-gnhh7krui0] { color: var(--fg); background: var(--glass); }
.bkw-ikon:focus-visible[b-gnhh7krui0] { outline: 2px solid var(--brand); outline-offset: 2px; }

.bkw-ust__genis[b-gnhh7krui0] { margin-left: auto; width: 40px; height: 40px; }
.bkw-ust__kapat[b-gnhh7krui0] { width: 40px; height: 40px; }

/* ── Mesaj akışı ────────────────────────────────────────────────────────── */

.bkw-akis[b-gnhh7krui0] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    overscroll-behavior: contain;
}

.bkw-akis:focus-visible[b-gnhh7krui0] { outline: 2px solid var(--brand); outline-offset: -2px; }

.bkw-akis__ic[b-gnhh7krui0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px 16px 18px;
}

.bkw-mesaj[b-gnhh7krui0] { display: flex; }
.bkw-mesaj--user[b-gnhh7krui0] { justify-content: flex-end; }

.bkw-balon[b-gnhh7krui0] {
    max-width: 85%;
    padding: 10px 14px;
    border-radius: 16px 16px 4px 16px;
    background: color-mix(in srgb, var(--brand) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand) 30%, transparent);
    color: var(--fg);
    font-size: 0.9rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

/* Asistan yanıtı "ghost": dar panelde balon-içinde-balon okumak yorucu —
   tam satır genişliği, arka plansız (araştırma §3). */
.bkw-govde[b-gnhh7krui0] { min-width: 0; width: 100%; font-size: 0.9rem; line-height: 1.55; color: var(--fg); }

.bkw-md[b-gnhh7krui0] { min-height: 0; }
.bkw-md[b-gnhh7krui0]  p { margin: 0 0 0.6em; }
.bkw-md[b-gnhh7krui0]  p:last-child { margin-bottom: 0; }
.bkw-md[b-gnhh7krui0]  ul, .bkw-md[b-gnhh7krui0]  ol { margin: 0 0 0.6em; padding-left: 1.2em; }
.bkw-md[b-gnhh7krui0]  code {
    font-size: 0.82em;
    background: var(--glass);
    border-radius: 6px;
    padding: 0.1em 0.35em;
    word-break: break-word;
}
.bkw-md[b-gnhh7krui0]  pre { overflow-x: auto; background: var(--glass); border-radius: 10px; padding: 10px; }
/* Tablo kendi kaydırıcısında — panel gövdesi ASLA yatay kaymaz. */
.bkw-md[b-gnhh7krui0]  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.bkw-md[b-gnhh7krui0]  th, .bkw-md[b-gnhh7krui0]  td {
    border: 1px solid var(--line);
    padding: 4px 8px;
    white-space: nowrap;
}
/* Ödünç markdown motoru kod/ad işaretleri üretir (aa-varlik) — ziyaretçi yüzeyinde
   gidilecek ekran yok: düz metne indirgenir. Motor bu yüzeyde EDİLGEN kipte
   çalışır (`<span>` üretir, düğme değil) — görünmez Tab durakları kalmasın
   (2026-09-01). Kural yine de her iki etikete uygulanır: eski/önbelleklenmiş
   çıktıda düğme kalmış olabilir. */
.bkw-md[b-gnhh7krui0]  .aa-varlik {
    all: unset;
    color: inherit;
    pointer-events: none;
}

.bkw-grafik-kart[b-gnhh7krui0] {
    margin: 8px 0;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    background: var(--glass);
    padding: 8px;
}
.bkw-grafik[b-gnhh7krui0] { width: 100%; height: 220px; }
/* Büyük modda grafiklere nefes: uzun etiketli yatay barlar 220px'te eziliyor
   (canlı ekran görüntüsü 2026-08-24). ECharts, grafikCiz'in ResizeObserver'ı
   sayesinde boyut değişince kendini yeniden çizer. */
.bkw-panel--genis .bkw-grafik[b-gnhh7krui0] { height: 300px; }

.bkw-imlec[b-gnhh7krui0] {
    display: inline-block;
    width: 7px;
    height: 1em;
    margin-left: 2px;
    vertical-align: text-bottom;
    background: var(--brand);
    animation: bkw-imlec-b-gnhh7krui0 1s steps(2) infinite;
}
@keyframes bkw-imlec-b-gnhh7krui0 { 50% { opacity: 0; } }

.bkw-not[b-gnhh7krui0] { display: block; margin-top: 6px; font-size: 0.72rem; color: var(--muted); }
.bkw-not--hata[b-gnhh7krui0] { color: color-mix(in srgb, var(--brand) 20%, var(--fg)); }

/* Durum satırı (typing) */
.bkw-durum-satiri[b-gnhh7krui0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: var(--muted);
}
.bkw-noktalar[b-gnhh7krui0] { display: inline-flex; gap: 3px; }
.bkw-noktalar i[b-gnhh7krui0] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--muted);
    animation: bkw-nokta-b-gnhh7krui0 1.4s infinite;
}
.bkw-noktalar i:nth-child(2)[b-gnhh7krui0] { animation-delay: 0.2s; }
.bkw-noktalar i:nth-child(3)[b-gnhh7krui0] { animation-delay: 0.4s; }
@keyframes bkw-nokta-b-gnhh7krui0 { 0%, 60%, 100% { transform: none; } 30% { transform: translateY(-3px); } }

/* Sistem satırları (limit/geri sayım/bağlantı) — toast DEĞİL, akışın içinde kalıcı. */
.bkw-sistem[b-gnhh7krui0] {
    align-self: center;
    max-width: 100%;
    text-align: center;
    font-size: 0.78rem;
    color: var(--muted);
    background: var(--glass);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-pill);
    padding: 6px 14px;
}
.bkw-sistem--hata[b-gnhh7krui0] { color: var(--fg); }

.bkw-baglanti-dugme[b-gnhh7krui0] {
    border: 0;
    background: none;
    color: var(--brand);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    padding: 0 4px;
}

/* "En alta in" pili — görünürlüğü JS sınıfıyla (aa-dibe--gorunur) yönetilir. */
.bkw-dibe[b-gnhh7krui0] {
    position: sticky;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--glass-border);
    background: var(--glass-strong);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--fg);
    font-size: 0.78rem;
    cursor: pointer;
    box-shadow: var(--glass-shadow);
}
.bkw-dibe.aa-dibe--gorunur[b-gnhh7krui0] { display: inline-flex; }

/* ── Boş durum / karşılama ──────────────────────────────────────────────── */

.bkw-bos[b-gnhh7krui0] { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 18px 4px 6px; }

.bkw-bos__avatar[b-gnhh7krui0] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-pill);
    display: grid;
    place-items: center;
    background: var(--brand);
    color: var(--on-brand);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 0.85rem;
    margin-bottom: 10px;
}

.bkw-bos__baslik[b-gnhh7krui0] { margin: 0 0 6px; font-family: var(--font-display); font-size: 1rem; color: var(--fg); }
.bkw-bos__metin[b-gnhh7krui0] { margin: 0 0 14px; font-size: 0.84rem; line-height: 1.5; color: var(--muted); }

.bkw-oneriler[b-gnhh7krui0] { display: flex; flex-direction: column; gap: 8px; width: 100%; }

.bkw-oneri[b-gnhh7krui0] {
    min-width: 0;
    padding: 9px 14px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass);
    color: var(--fg);
    font: inherit;
    font-size: 0.84rem;
    text-align: left;
    cursor: pointer;
    transition: background 150ms var(--ease-smooth), border-color 150ms var(--ease-smooth);
}
.bkw-oneri:hover[b-gnhh7krui0] { background: var(--glass-strong); border-color: var(--brand); }
.bkw-oneri:focus-visible[b-gnhh7krui0] { outline: 2px solid var(--brand); outline-offset: 2px; }

/* Tahmini devam soruları — son yanıtın altında hap (pill) butonlar */
.bkw-devam[b-gnhh7krui0] { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 6px; }
.bkw-oneri--devam[b-gnhh7krui0] {
    width: auto;
    padding: 6px 12px;
    border-radius: var(--radius-pill, 999px);
    border-color: var(--brand);
    font-size: 0.8rem;
    text-align: center;
}

/* ── Soru kartı ─────────────────────────────────────────────────────────── */

.bkw-soru[b-gnhh7krui0] { flex: none; padding: 10px 16px 0; }
.bkw-soru__metin[b-gnhh7krui0] { margin: 0 0 8px; font-size: 0.84rem; color: var(--fg); }
.bkw-soru__secenekler[b-gnhh7krui0] { display: flex; flex-wrap: wrap; gap: 6px; }
.bkw-soru__secenekler .bkw-oneri[b-gnhh7krui0] { flex: none; padding: 6px 12px; border-radius: var(--radius-pill); }

/* ── Kompozer ───────────────────────────────────────────────────────────── */

.bkw-kompozer[b-gnhh7krui0] {
    flex: none;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin: 10px 12px 0 16px;
    padding: 6px 6px 6px 12px;
    border: 1px solid var(--glass-border);
    border-radius: 14px;
    background: var(--glass);
}
.bkw-kompozer:focus-within[b-gnhh7krui0] { border-color: var(--brand); }

.bkw-girdi[b-gnhh7krui0] {
    flex: 1;
    min-width: 0;
    max-height: 132px;
    resize: none;
    border: 0;
    background: none;
    color: var(--fg);
    font: inherit;
    font-size: 0.9rem;
    line-height: 1.45;
    padding: 6px 0;
    overflow-y: auto;
}
.bkw-girdi:focus[b-gnhh7krui0] { outline: none; }
.bkw-girdi[b-gnhh7krui0]::placeholder { color: var(--muted); }

.bkw-kompozer__sag[b-gnhh7krui0] { display: flex; align-items: center; gap: 6px; }

.bkw-sayac[b-gnhh7krui0] { font-size: 0.7rem; color: var(--muted); }
.bkw-sayac--uyari[b-gnhh7krui0] { color: var(--fg); font-weight: 600; }

.bkw-gonder[b-gnhh7krui0] {
    flex: none;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--radius-pill);
    display: grid;
    place-items: center;
    background: var(--brand);
    color: var(--on-brand);
    cursor: pointer;
    transition: opacity 150ms var(--ease-smooth), transform 150ms var(--ease-smooth);
}
.bkw-gonder:hover[b-gnhh7krui0] { transform: scale(1.05); }
.bkw-gonder[aria-disabled="true"][b-gnhh7krui0] { opacity: 0.4; cursor: default; transform: none; }
.bkw-gonder:focus-visible[b-gnhh7krui0] { outline: 2px solid var(--fg); outline-offset: 2px; }
.bkw-gonder--durdur[b-gnhh7krui0] { background: var(--fg); }

.bkw-dipnot[b-gnhh7krui0] {
    flex: none;
    margin: 6px 16px 10px;
    text-align: center;
    font-size: 0.68rem;
    color: var(--muted);
}

/* Ekran okuyucu durum bölgesi — görsel olarak gizli. */
.gizli-erisilebilir[b-gnhh7krui0] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ── Mobil: tam ekran (bottom-sheet DEĞİL — uzun içerik) ────────────────── */

@media (max-width: 767px) {
    .bkw[b-gnhh7krui0] { --bkw-fab: 56px; }

    /* Panel zaten tam ekran — büyütme düğmesi ve perde anlamsız. */
    .bkw-ust__genis[b-gnhh7krui0], .bkw-scrim[b-gnhh7krui0] { display: none; }

    .bkw-panel[b-gnhh7krui0] {
        inset: 0;
        width: 100%;
        height: 100dvh;
        border-radius: 0;
        border: 0;
        transform-origin: bottom center;
        backdrop-filter: blur(8px) saturate(140%);
        -webkit-backdrop-filter: blur(8px) saturate(140%);
    }
    .bkw-panel[data-state="closed"][b-gnhh7krui0] { transform: translateY(16px); }

    .bkw-ust[b-gnhh7krui0] { height: 56px; padding-top: env(safe-area-inset-top); }
    .bkw-kompozer[b-gnhh7krui0] { margin-bottom: 0; }
    .bkw-dipnot[b-gnhh7krui0] { margin-bottom: calc(10px + env(safe-area-inset-bottom)); }

    /* Panel açıkken FAB ve teaser tam ekranın altında kalmasın. */
    .bkw[data-acik="true"] .bkw-fab[b-gnhh7krui0],
    .bkw[data-acik="true"] .bkw-teaser[b-gnhh7krui0] { visibility: hidden; }
}

@supports not (height: 100dvh) {
    @media (max-width: 767px) { .bkw-panel[b-gnhh7krui0] { height: 100vh; } }
}

/* ── Hareket azaltma ────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    .bkw-fab[b-gnhh7krui0] { animation: none; }
    .bkw-fab[b-gnhh7krui0], .bkw-fab__ic[b-gnhh7krui0], .bkw-panel[b-gnhh7krui0], .bkw-teaser[b-gnhh7krui0], .bkw-oneri[b-gnhh7krui0], .bkw-gonder[b-gnhh7krui0], .bkw-scrim[b-gnhh7krui0] {
        transition-duration: 120ms;
    }
    .bkw-panel[b-gnhh7krui0], .bkw-panel[data-state="closed"][b-gnhh7krui0] { transform: none; }
    .bkw-imlec[b-gnhh7krui0], .bkw-noktalar i[b-gnhh7krui0] { animation: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Activities/ActivitiesList.razor.rz.scp.css */
/* Etkinlikler — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüler: Pages/Analysis/AnalizGenel.razor.css + wwwroot/css/analiz-vitrin.css;
   uygulanmış kardeş örnekler: Academic/Terms/TermsList.razor.css, wwwroot/css/org-birimleri-vitrin.css.
   Yeni hex YOK, !important YOK, sahte spacer YOK. Çocuk bileşen içleri (DersSecici/AppField,
   DataStates, ContentPager) ::deep ile hedeflenir. */

.au-page.el-vitrin[b-hdmzud9sw4] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.el-kapak[b-hdmzud9sw4] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.el-kapak[b-hdmzud9sw4]  .el-geri {
  grid-area: geri;
  align-self: center;
}

.el-kapak__baslik[b-hdmzud9sw4] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.el-kapak__baslik .au-title[b-hdmzud9sw4] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.el-kapak__filtre[b-hdmzud9sw4] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  /* İpucu metni akıştan çıkarıldığı için (bkz. .app-field__hint) şeridin
     altında kendine yer kalmalı; yoksa kapak sınırını taşar. */
  padding-bottom: 22px;
}

.el-kapak__eylem[b-hdmzud9sw4] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

/* DersSecici: kademe çipi + arama + seçici tek satırda; kapakta ikinci kart üretmez. */
.el-kapak__filtre[b-hdmzud9sw4]  .ds {
  display: flex;
  /* DersSecici kendi sheet'inde `flex-direction: column`; bu blok yönü
     bildirmediği için kap SÜTUN kalıyor, `flex: 0 1 210px` flex-basis'i
     yüksekliğe uygulayıp alanları şişiriyordu. Yön açıkça bildirilir. */
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.el-kapak__filtre[b-hdmzud9sw4]  .app-field {
  /* Akıştan çıkarılan ipucu bu sarmalayıcıya göre konumlanır. */
  position: relative;
  flex: 0 1 210px;
  min-width: 0;
  max-width: 260px;
}

.el-kapak[b-hdmzud9sw4]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.el-kapak[b-hdmzud9sw4]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* İpucu akışta kalırsa .app-field'in alt kenarını aşağı çeker; .ds satırı
   `align-items: flex-end` olduğu için etiketsiz arama kutusu ipucu hizasına
   iniyor, Ders açılırı yukarıda kalıyordu. Akıştan çıkarılır. */
.el-kapak[b-hdmzud9sw4]  .app-field__hint {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  margin-top: 3px;
  width: max-content;
  max-width: 260px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.3;
}

.el-kapak[b-hdmzud9sw4]  .ds__search-input {
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.el-vitrin .au-btn[b-hdmzud9sw4],
.el-vitrin[b-hdmzud9sw4]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.el-vitrin .au-btn:hover:not(:disabled)[b-hdmzud9sw4],
.el-vitrin[b-hdmzud9sw4]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.el-vitrin .au-btn--primary[b-hdmzud9sw4],
.el-vitrin[b-hdmzud9sw4]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.el-vitrin .au-btn--primary:hover:not(:disabled)[b-hdmzud9sw4],
.el-vitrin[b-hdmzud9sw4]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.el-vitrin .au-btn--sm[b-hdmzud9sw4],
.el-vitrin[b-hdmzud9sw4]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.el-vitrin .au-btn:focus-visible[b-hdmzud9sw4],
.el-vitrin[b-hdmzud9sw4]  :is(.au-btn, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Koşu şeridi ──────────────────────────────────────────────────────── */
.el-bant[b-hdmzud9sw4] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

/* ── Liste bölümü kartı ───────────────────────────────────────────────── */
.el-bolum[b-hdmzud9sw4] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.el-bolum[b-hdmzud9sw4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.el-bolum__bas[b-hdmzud9sw4] {
  margin-bottom: 12px;
}

.el-bolum__ad[b-hdmzud9sw4] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.el-bolum__ad[b-hdmzud9sw4]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.el-bolum__ipucu[b-hdmzud9sw4] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Boş durum ────────────────────────────────────────────────────────── */
.el-bos[b-hdmzud9sw4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.el-bos p[b-hdmzud9sw4] {
  margin: 0;
  line-height: 1.6;
}

/* DataStates'in kendi iskelet/hata paneli bölüm kartının içinde sadeleşir. */
.el-bolum[b-hdmzud9sw4]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* ── Tablo ────────────────────────────────────────────────────────────── */
.el-tablo[b-hdmzud9sw4] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI: cihaz.css telefon bandında sarmalayıcısız
   tablolar için genel `table { display:block; overflow-x:auto }` siperi yazar; tablo kendi
   kabında kaydığı için o siper burada sticky thead'i bozar ve ikinci kaydırıcı açar. */
.el-table[b-hdmzud9sw4] {
  display: table;
  width: 100%;
  min-width: 980px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.el-table thead[b-hdmzud9sw4] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.el-table th[b-hdmzud9sw4] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.el-table td[b-hdmzud9sw4] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--yuzey-cizgi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.el-table tbody tr:nth-child(even) td[b-hdmzud9sw4] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.el-table tbody tr:hover td[b-hdmzud9sw4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.el-table :is(th, td):last-child[b-hdmzud9sw4] {
  width: 1%;
}

.al-row[b-hdmzud9sw4] {
  cursor: pointer;
}

.al-row:focus-visible[b-hdmzud9sw4] {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.al-link[b-hdmzud9sw4] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.al-link:hover[b-hdmzud9sw4] {
  text-decoration: underline;
}

.el-rozet[b-hdmzud9sw4] {
  margin-inline-start: 6px;
  padding: 1px 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 6px;
  background: var(--yuzey-alt);
  color: var(--n-500);
  font-size: 11px;
  vertical-align: middle;
}

.el-sayi[b-hdmzud9sw4] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.el-satir-eylem[b-hdmzud9sw4] {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
}

.el-gizli[b-hdmzud9sw4] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}

.el-bolum[b-hdmzud9sw4]  .cpg {
  margin-top: 12px;
  color: var(--n-500);
  font-size: 12px;
}

/* ── Künye popup ──────────────────────────────────────────────────────── */
.el-popup[b-hdmzud9sw4] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.el-popup[open][b-hdmzud9sw4] {
  display: flex;
  flex-direction: column;
}

.el-popup[b-hdmzud9sw4]::backdrop {
  background: var(--scrim);
}

.el-popup__bas[b-hdmzud9sw4] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.el-popup__bas h2[b-hdmzud9sw4] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.el-popup__bas h2:focus[b-hdmzud9sw4] {
  outline: none;
}

.el-popup__kapat[b-hdmzud9sw4] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.el-popup__govde[b-hdmzud9sw4] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.el-bilgi[b-hdmzud9sw4] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.el-bilgi > div[b-hdmzud9sw4] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 1.5fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.el-bilgi > div:nth-child(odd)[b-hdmzud9sw4] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.el-bilgi dt[b-hdmzud9sw4] {
  color: var(--n-500);
}

.el-bilgi dd[b-hdmzud9sw4] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.el-popup__eylem[b-hdmzud9sw4] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .el-kapak[b-hdmzud9sw4] {
    display: grid;
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    gap: 14px 12px;
    align-items: center;
  }

  .el-kapak__eylem[b-hdmzud9sw4] {
    justify-self: end;
  }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .el-kapak[b-hdmzud9sw4] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* justify-self:end süzgeci shrink-to-fit ölçtürür; wrap kabın max-content'i
     çocukların flex-basis'ini saymadığı için alanlar alt alta yığılıyordu.
     Kap track'i doldurur, sağa yaslama iç flex satırında (.ds) yapılır. */
  .el-kapak__filtre[b-hdmzud9sw4] {
    justify-self: stretch;
  }

  .el-kapak__filtre[b-hdmzud9sw4]  .ds {
    flex: 1 1 auto;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .el-vitrin .au-btn[b-hdmzud9sw4],
  .el-vitrin[b-hdmzud9sw4]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .el-kapak[b-hdmzud9sw4]  .app-field .app-input,
  .el-kapak[b-hdmzud9sw4]  .ds__search-input {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Etkinlik adı) yatay kaydırmada yapışık kalır. */
  .el-table :is(th, td):first-child[b-hdmzud9sw4] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .el-table th:first-child[b-hdmzud9sw4] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (hover: none) and (pointer: coarse) {
  .el-kapak[b-hdmzud9sw4]  .app-field .app-input,
  .el-kapak[b-hdmzud9sw4]  .ds__search-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .el-kapak[b-hdmzud9sw4] {
    padding: 12px;
  }

  .el-kapak__baslik .au-title[b-hdmzud9sw4] {
    font-size: var(--yazi-kapak, 20px);
  }

  .el-kapak__filtre[b-hdmzud9sw4] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    /* Telefonda ipucu akışa geri döndüğü için ek alt boşluk gerekmez. */
    padding-bottom: 0;
  }

  .el-kapak__filtre[b-hdmzud9sw4]  .ds,
  .el-kapak__filtre[b-hdmzud9sw4]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  /* Dar ekranda süzgeç sütuna döner; hiza sorunu yok, ipucu akışta kalır. */
  .el-kapak__filtre[b-hdmzud9sw4]  .ds {
    flex-direction: column;
    align-items: stretch;
  }

  .el-kapak[b-hdmzud9sw4]  .app-field__hint {
    position: static;
    margin-top: 0;
    width: auto;
    max-width: none;
  }

  .el-kapak__eylem[b-hdmzud9sw4] {
    width: 100%;
  }

  .el-kapak__eylem .au-btn[b-hdmzud9sw4] {
    flex: 1 1 auto;
  }

  .el-bolum[b-hdmzud9sw4] {
    padding: 16px 12px;
  }

  .el-bolum__ad[b-hdmzud9sw4] {
    font-size: var(--yazi-bolum, 14px);
  }

  .el-tablo[b-hdmzud9sw4] {
    max-height: min(460px, 62dvh);
  }

  .el-table[b-hdmzud9sw4] {
    min-width: 820px;
  }

  .el-table :is(th, td)[b-hdmzud9sw4] {
    padding: 10px;
  }

  .el-popup[b-hdmzud9sw4] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .el-popup__bas[b-hdmzud9sw4],
  .el-popup__govde[b-hdmzud9sw4],
  .el-popup__eylem[b-hdmzud9sw4] {
    padding: 12px;
  }

  .el-popup__kapat[b-hdmzud9sw4] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .el-popup__eylem .au-btn[b-hdmzud9sw4] {
    flex: 1 1 auto;
  }

  .el-bilgi > div[b-hdmzud9sw4] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/Activities/ActivityDetail.razor.rz.scp.css */
/* Etkinlik detayı — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüler: Pages/Analysis/AnalizGenel.razor.css + Analysis/Ortak/AnalizBolumSekmeleri.razor.css;
   uygulanmış kardeş örnek: Academic/Terms/TermsList.razor.css.

   DÜZELTME (2026-09-20): `.ad-section__text`, `.ad-steps`, `.ad-step*` kuralları ÖLÜYDÜ.
   O öğeler @code içindeki RenderTreeBuilder ile üretiliyor; Blazor kapsam niteliğini
   yalnız .razor İŞARETLEMESİNDEKİ öğelere ekler, builder çıktısına eklemez → seçiciler
   hiç eşleşmiyordu. Artık işaretlemedeki `.ad-govde` üzerinden `::deep` ile hedefleniyor.

   Sekme vurgu tonları `--agv-kpi-etiket-*` DEĞİL: o token'lar yalnız `.analiz-genel-vitrin`
   kapsamında tanımlı. Aynı lacivert→petrol rampasının global token'ları kullanılır. */

.au-page.ad-vitrin[b-qktz2x6itd] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.ad-kapak[b-qktz2x6itd] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ad-kapak[b-qktz2x6itd]  .ad-geri {
  grid-area: geri;
  align-self: center;
}

.ad-kapak__baslik[b-qktz2x6itd] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.ad-kapak__baslik .au-title[b-qktz2x6itd] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}

.ad-kapak__baslik .au-sub[b-qktz2x6itd] {
  margin: 4px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.ad-kapak__eylem[b-qktz2x6itd] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.ad-vitrin .au-btn[b-qktz2x6itd],
.ad-vitrin[b-qktz2x6itd]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ad-vitrin .au-btn:hover:not(:disabled)[b-qktz2x6itd],
.ad-vitrin[b-qktz2x6itd]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.ad-vitrin .au-btn--primary[b-qktz2x6itd],
.ad-vitrin[b-qktz2x6itd]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ad-vitrin .au-btn--primary:hover:not(:disabled)[b-qktz2x6itd],
.ad-vitrin[b-qktz2x6itd]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ad-vitrin .au-btn:disabled[b-qktz2x6itd],
.ad-vitrin[b-qktz2x6itd]  .au-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.ad-vitrin .au-btn:focus-visible[b-qktz2x6itd],
.ad-vitrin[b-qktz2x6itd]  .au-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Şeritler ve rozetler ─────────────────────────────────────────────── */
.ad-bant[b-qktz2x6itd] {
  margin-bottom: 12px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

.ad-badges[b-qktz2x6itd] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}

/* ── Bölüm sekmeleri (AnalizBolumSekmeleri ölçüleri, sayfaya scoped) ──── */
.ad-sekmeler[b-qktz2x6itd] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.ad-sekme[b-qktz2x6itd] {
  --ad-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol: rampanın global token'ları (yeni palet üretilmez). */
.ad-sekme:nth-child(2)[b-qktz2x6itd] { --ad-sekme-vurgu: var(--marka-rampa-uc); }

.ad-sekmeler .ad-sekme:hover[b-qktz2x6itd] {
  background: color-mix(in srgb, var(--ad-sekme-vurgu) 14%, var(--yuzey));
  color: var(--ad-sekme-vurgu);
}

.ad-sekmeler .ad-sekme[aria-selected="true"][b-qktz2x6itd] {
  background: var(--ad-sekme-vurgu);
  color: var(--on-brand);
}

.ad-sekme:focus-visible[b-qktz2x6itd],
.ad-panel:focus-visible[b-qktz2x6itd] {
  outline: 2px solid var(--ad-sekme-vurgu, var(--marka-600));
  outline-offset: 2px;
}

.ad-panel[b-qktz2x6itd] {
  min-width: 0;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.ad-bolum[b-qktz2x6itd] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ad-bolum:last-child[b-qktz2x6itd] {
  margin-bottom: 0;
}

.ad-bolum[b-qktz2x6itd]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ad-bolum__ad[b-qktz2x6itd] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ad-bolum__ad[b-qktz2x6itd]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ad-bos-metin[b-qktz2x6itd] {
  margin: 0;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
}

.ad-bos[b-qktz2x6itd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.ad-bos p[b-qktz2x6itd] {
  margin: 0;
}

/* ── Künye listesi ────────────────────────────────────────────────────── */
.ad-bilgi[b-qktz2x6itd] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ad-bilgi > div[b-qktz2x6itd] {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, 1.6fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ad-bilgi > div:nth-child(odd)[b-qktz2x6itd] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ad-bilgi dt[b-qktz2x6itd] {
  color: var(--n-500);
}

.ad-bilgi dd[b-qktz2x6itd] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Akış gövdesi ─────────────────────────────────────────────────────── */
/* Uzun akış kendi alanında kayar; sayfanın tamamı taşmaz. */
.ad-govde[b-qktz2x6itd] {
  max-height: min(620px, 66dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding-inline-end: 4px;
}

.ad-section[b-qktz2x6itd] {
  margin-bottom: 16px;
}

.ad-section:last-child[b-qktz2x6itd] {
  margin-bottom: 0;
}

.ad-section__title[b-qktz2x6itd] {
  margin: 0 0 4px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

/* Sabit-kolon fallback gövdesi (düz metin, <p>) */
.ad-section__body[b-qktz2x6itd] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* section_header — akış içi görsel bölüm başlığı (işaretlemede) */
.ad-flow__header[b-qktz2x6itd] {
  margin: 22px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--hat-kart);
  color: var(--marka-600);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ad-flow__header:first-child[b-qktz2x6itd] {
  margin-top: 0;
}

/* Aşağısı RenderTreeBuilder çıktısıdır → kapsam niteliği taşımaz, ::deep zorunlu. */
.ad-govde[b-qktz2x6itd]  .ad-section__text {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.ad-govde[b-qktz2x6itd]  .ad-steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ad-govde[b-qktz2x6itd]  .ad-step {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey-alt);
}

.ad-govde[b-qktz2x6itd]  .ad-step__num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
}

.ad-govde[b-qktz2x6itd]  .ad-step__body {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

/* ── Görsel üretim popup ──────────────────────────────────────────────── */
.ad-popup[b-qktz2x6itd] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.ad-popup[open][b-qktz2x6itd] {
  display: flex;
  flex-direction: column;
}

.ad-popup[b-qktz2x6itd]::backdrop {
  background: var(--scrim);
}

.ad-popup__bas[b-qktz2x6itd] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ad-popup__bas h2[b-qktz2x6itd] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.ad-popup__bas h2:focus[b-qktz2x6itd] {
  outline: none;
}

.ad-popup__kapat[b-qktz2x6itd] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.ad-popup__govde[b-qktz2x6itd] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ad-kapak[b-qktz2x6itd] {
    display: grid;
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik ."
      "eylem eylem eylem";
    gap: 14px 12px;
    align-items: center;
  }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  /* Eylem izi `fr` OLAMAZ: esnek iz taban boyuna dondurulur, boş alanın
     tamamı `auto` başlık iznine gider. Uzun etkinlik adında eylem izi
     min-content altına inip 6 düğme başlığın üzerine taşıyordu; doğru
     kalıp başlık `1fr`, eylem `auto` (ContentStudioHub.razor.css emsali). */
  .ad-kapak[b-qktz2x6itd] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  /* Düğme şeridi yine de sararsa sarkan satır, sağa yaslı kabın içinde
     sola kaymasın. */
  .ad-kapak__eylem[b-qktz2x6itd] {
    justify-self: end;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ad-vitrin .au-btn[b-qktz2x6itd],
  .ad-vitrin[b-qktz2x6itd]  .au-btn {
    min-height: 44px;
  }

  .ad-sekmeler[b-qktz2x6itd] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .ad-sekme[b-qktz2x6itd] {
    flex: 0 0 auto;
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .ad-popup[b-qktz2x6itd]  :is(input, textarea, select) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ad-kapak[b-qktz2x6itd] {
    padding: 12px;
  }

  .ad-kapak__baslik .au-title[b-qktz2x6itd] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde tek satır; taşan kısım yatay kayar. */
  .ad-kapak__eylem[b-qktz2x6itd] {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  /* Dokunma hedefi 44 px'in ALTINA İNMEZ: burada 40 px yazılıydı ve cihaz bandındaki
     44 px kuralını telefonda eziyordu (denetim 2026-09-20). */
  .ad-kapak__eylem .au-btn[b-qktz2x6itd],
  .ad-kapak__eylem[b-qktz2x6itd]  .au-btn {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .ad-bolum[b-qktz2x6itd] {
    padding: 16px 12px;
  }

  .ad-bolum__ad[b-qktz2x6itd] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ad-govde[b-qktz2x6itd] {
    max-height: min(520px, 62dvh);
  }

  .ad-bilgi > div[b-qktz2x6itd] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .ad-popup[b-qktz2x6itd] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ad-popup__bas[b-qktz2x6itd],
  .ad-popup__govde[b-qktz2x6itd] {
    padding: 12px;
  }

  .ad-popup__kapat[b-qktz2x6itd] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/Activities/ActivityGenerate.razor.rz.scp.css */
/* Etkinlik üret — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüler: Pages/Analysis/AnalizGenel.razor.css + wwwroot/css/analiz-vitrin.css;
   uygulanmış kardeş örnek: Academic/Terms/TermsList.razor.css.
   Sihirbazın kendi adım şeridi bölüm sekmesi görevini görür; ayrıca sekme eklenmez. */

.au-page.ag-vitrin[b-jh5v77kpif] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.ag-kapak[b-jh5v77kpif] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ag-kapak[b-jh5v77kpif]  .ag-geri {
  grid-area: geri;
  align-self: center;
}

.ag-kapak__baslik[b-jh5v77kpif] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.ag-kapak__baslik .au-title[b-jh5v77kpif] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.ag-kapak__baslik .au-sub[b-jh5v77kpif] {
  margin: 4px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Şeritler ─────────────────────────────────────────────────────────── */
.ag-bant[b-jh5v77kpif] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

/* ── Sihirbaz kartı ───────────────────────────────────────────────────── */
.ag-bolum[b-jh5v77kpif] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ag-bolum[b-jh5v77kpif]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ag-bolum__ad[b-jh5v77kpif] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ag-bolum__ad[b-jh5v77kpif]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Sihirbaz iç kabuğu (AppWizard çocuk bileşendir → ::deep) ─────────── */
.ag-bolum[b-jh5v77kpif]  .wiz-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ag-bolum[b-jh5v77kpif]  .wiz-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.ag-bolum[b-jh5v77kpif]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ag-bolum[b-jh5v77kpif]  .wiz-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ag-bolum[b-jh5v77kpif]  .wiz-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.ag-vitrin[b-jh5v77kpif]  :is(.wiz-btn, .au-btn, .app-input, .tcg__card):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form alanları ────────────────────────────────────────────────────── */
.ag-izgara[b-jh5v77kpif] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px 16px;
  margin: 0;
}

.ag-grup[b-jh5v77kpif] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ag-vitrin[b-jh5v77kpif]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ag-vitrin[b-jh5v77kpif]  .app-field .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.ag-vitrin[b-jh5v77kpif]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* Tip/mod kartları: bölüm kartıyla aynı yüzey dili. */
.ag-vitrin[b-jh5v77kpif]  .tcg__card {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
}

.ag-vitrin[b-jh5v77kpif]  .tcg__card:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.ag-vitrin[b-jh5v77kpif]  .tcg__card.is-selected,
.ag-vitrin[b-jh5v77kpif]  .tcg__card[aria-pressed="true"] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* ── Gözden geçir özeti ───────────────────────────────────────────────── */
.ag-ozet[b-jh5v77kpif] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ag-ozet > div[b-jh5v77kpif] {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, 1.8fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ag-ozet > div:nth-child(odd)[b-jh5v77kpif] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ag-ozet dt[b-jh5v77kpif] {
  color: var(--n-500);
}

.ag-ozet dd[b-jh5v77kpif] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  font-weight: 600;
  text-align: end;
  overflow-wrap: anywhere;
}

.ag-ozet__not[b-jh5v77kpif] {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ag-kapak[b-jh5v77kpif] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik";
    gap: 14px 12px;
    align-items: center;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ag-bolum[b-jh5v77kpif]  .wiz-btn {
    min-height: 44px;
  }

  .ag-vitrin[b-jh5v77kpif]  .app-field .app-input {
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .ag-vitrin[b-jh5v77kpif]  .app-field :is(.app-input, input, textarea) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ag-kapak[b-jh5v77kpif] {
    padding: 12px;
  }

  .ag-kapak__baslik .au-title[b-jh5v77kpif] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ag-bolum[b-jh5v77kpif] {
    padding: 16px 12px;
  }

  .ag-bolum__ad[b-jh5v77kpif] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ag-izgara[b-jh5v77kpif] {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-ozet > div[b-jh5v77kpif] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .ag-bolum[b-jh5v77kpif]  .wiz-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/Activities/ActivitySunum.razor.rz.scp.css */
/* Akıllı tahta sunumu.
   Tipografi UZAKTAN OKUNURLUK için kurulmuştur: gövde 1.6rem tabanında, başlık 2.6rem,
   satır aralığı 1.6. Arka sıradaki öğrenci okuyacak — küçük punto burada bir hata değil,
   bir kusurdur.

   Kök `position: fixed` ile MainLayout'un üstüne serilir: sayfayı DEĞİŞTİRMEDEN tam ekran
   davranışı verir; Fullscreen API reddedilse bile sunum yine kaplayıcıdır. */

.sn-root[b-jyrgbongin] {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  background: var(--n-900);
  color: var(--n-100);
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.6;
  overflow: hidden;
}

.sn-root:focus[b-jyrgbongin] {
  outline: none;
}

.sn-root:focus-visible[b-jyrgbongin] {
  outline: 3px solid var(--indigo-400);
  outline-offset: -3px;
}

/* ── İlerleme çubuğu (ince, üstte) ── */
.sn-ilerleme[b-jyrgbongin] {
  flex: 0 0 auto;
  height: 5px;
  background: rgba(255, 255, 255, 0.1);
}

.sn-ilerleme__dolgu[b-jyrgbongin] {
  display: block;
  height: 100%;
  background: var(--cyan-500);
  transition: width 0.2s var(--ease-smooth);
}

/* ── Üst şerit ── */
.sn-ust[b-jyrgbongin] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sn-ust__kimlik[b-jyrgbongin] {
  display: flex;
  align-items: baseline;
  gap: 14px;
  min-width: 0;
}

.sn-ust__bolum[b-jyrgbongin] {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cyan-500);
  white-space: nowrap;
}

.sn-ust__ad[b-jyrgbongin] {
  font-size: 1.05rem;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sn-ust__aksiyon[b-jyrgbongin] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

/* Üst/alt şeritteki hayalet düğmeler koyu zeminde okunmalı. */
.sn-ust[b-jyrgbongin]  .au-btn--ghost,
.sn-alt[b-jyrgbongin]  .au-btn--ghost,
.sn-slayt[b-jyrgbongin]  .au-btn--ghost {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--n-100);
}

.sn-ust[b-jyrgbongin]  .au-btn--ghost:hover:not(:disabled),
.sn-alt[b-jyrgbongin]  .au-btn--ghost:hover:not(:disabled),
.sn-slayt[b-jyrgbongin]  .au-btn--ghost:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

/* ── Sahne: dikey ortalanır, taşarsa KENDİ İÇİNDE kayar ── */
.sn-sahne[b-jyrgbongin] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 32px;
}

.sn-slayt[b-jyrgbongin] {
  width: min(1400px, 100%);
  margin: auto;
}

.sn-bolumBasligi[b-jyrgbongin] {
  margin: 0 0 18px;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cyan-500);
}

.sn-bolumBasligi__ad[b-jyrgbongin] {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 600;
  color: var(--n-300);
}

.sn-baslik[b-jyrgbongin] {
  margin: 0 0 26px;
  font-family: var(--font-display);
  font-size: 2.6rem;
  line-height: 1.25;
  font-weight: 700;
}

.sn-gorsel[b-jyrgbongin] {
  margin: 0 0 28px;
  display: flex;
  justify-content: center;
}

/* MediaEmbed'in 520px tavanı slaytta çok küçük kalıyor — sahnenin büyük kısmını kaplasın. */
.sn-gorsel[b-jyrgbongin]  .me-img,
.sn-gorsel[b-jyrgbongin]  .me-video {
  max-height: 52vh;
  max-width: 100%;
  border-color: rgba(255, 255, 255, 0.18);
}

.sn-gorsel[b-jyrgbongin]  .me-caption {
  display: none; /* tahtada "yeni sekmede aç" bağlantısının işi yok */
}

.sn-govde p[b-jyrgbongin] {
  margin: 0 0 18px;
  font-size: 1.75rem;
  line-height: 1.65;
}

.sn-soru[b-jyrgbongin] {
  margin: 28px 0 0;
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight: 700;
}

.sn-cevapKap[b-jyrgbongin] {
  margin-top: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.sn-cevapAc[b-jyrgbongin] {
  font-size: 1.15rem;
  padding: 12px 26px;
}

.sn-cevap[b-jyrgbongin] {
  align-self: stretch;
  border-left: 6px solid var(--green-500);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: rgba(16, 185, 129, 0.14);
  padding: 20px 26px;
}

.sn-cevap__etiket[b-jyrgbongin] {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--green-500);
}

.sn-cevap__metin[b-jyrgbongin] {
  margin: 0 0 10px;
  font-size: 1.8rem;
  line-height: 1.6;
}

.sn-cevap__metin:last-child[b-jyrgbongin] {
  margin-bottom: 0;
}

/* ── Öğretmen notu: yansıtılmaz. Görsel olarak AÇIKÇA ayrı ve soluk. ── */
.sn-not[b-jyrgbongin] {
  margin-top: 34px;
  border: 2px dashed var(--amber-500);
  border-radius: var(--radius);
  background: rgba(245, 158, 11, 0.08);
  padding: 18px 24px;
  opacity: 0.72;
}

.sn-not__etiket[b-jyrgbongin] {
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--amber-500);
}

.sn-not__metin[b-jyrgbongin] {
  margin: 0 0 8px;
  font-size: 1.25rem;
  line-height: 1.55;
}

.sn-not__metin:last-child[b-jyrgbongin] {
  margin-bottom: 0;
}

/* ── Alt şerit ── */
.sn-alt[b-jyrgbongin] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  padding: 16px 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sn-gez[b-jyrgbongin] {
  font-size: 1.15rem;
  padding: 12px 26px;
}

.sn-sayac[b-jyrgbongin] {
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  min-width: 110px;
  text-align: center;
  opacity: 0.85;
}

/* ── Sunum olarak hazırlanmamış / bulunamadı ── */
.sn-uyari[b-jyrgbongin] {
  margin: auto;
  max-width: 640px;
  text-align: center;
  padding: 40px;
}

.sn-uyari__baslik[b-jyrgbongin] {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
}

.sn-uyari__metin[b-jyrgbongin] {
  margin: 0 0 26px;
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--n-300);
}

/* DataStates kendi kabını taşır; sunum kökünde ortalanmalı. */
.sn-root[b-jyrgbongin]  .data-states {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

@media (max-width: 900px) {
  .sn-root[b-jyrgbongin] {
    font-size: 1.3rem;
  }

  .sn-baslik[b-jyrgbongin] {
    font-size: 2rem;
  }

  .sn-govde p[b-jyrgbongin] {
    font-size: 1.4rem;
  }

  .sn-soru[b-jyrgbongin] {
    font-size: 1.6rem;
  }

  .sn-ust[b-jyrgbongin],
  .sn-alt[b-jyrgbongin],
  .sn-sahne[b-jyrgbongin] {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* Ders videosu bloğu (mig 027) — görselle aynı yerleşim mantığı. */
.sn-video[b-jyrgbongin] {
    width: 100%;
    display: flex;
    justify-content: center;
}
/* _content/EduLive.Web/Components/Pages/Content/Activities/EtkinlikDuzenle.razor.rz.scp.css */
/* Etkinliği düzenle — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüler: Pages/Analysis/AnalizGenel.razor.css + wwwroot/css/analiz-vitrin.css;
   uygulanmış kardeş örnekler: Academic/Terms/TermsList.razor.css, Admin/OrgUnits/OrgUnitEdit.
   Form sekmelere bölünmez (tek gönderim, tek doğrulama kümesi); az kaydırma içerik kartının
   kendi alanında kayması + yapışık eylem çubuğu ile sağlanır. */

.au-page.ed-vitrin[b-l8ys284wgy] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.ed-kapak[b-l8ys284wgy] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ed-kapak[b-l8ys284wgy]  .ed-geri {
  grid-area: geri;
  align-self: center;
}

.ed-kapak__baslik[b-l8ys284wgy] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.ed-kapak__baslik .au-title[b-l8ys284wgy] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.ed-kapak__baslik .au-sub[b-l8ys284wgy] {
  margin: 4px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.ed-vitrin .au-btn[b-l8ys284wgy],
.ed-vitrin[b-l8ys284wgy]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ed-vitrin .au-btn:hover:not(:disabled)[b-l8ys284wgy],
.ed-vitrin[b-l8ys284wgy]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.ed-vitrin .au-btn--primary[b-l8ys284wgy] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ed-vitrin .au-btn--primary:hover:not(:disabled)[b-l8ys284wgy] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ed-vitrin .au-btn:disabled[b-l8ys284wgy] {
  opacity: .6;
  cursor: not-allowed;
}

.ed-vitrin .au-btn:focus-visible[b-l8ys284wgy],
.ed-vitrin[b-l8ys284wgy]  :is(.au-btn, .app-input, textarea):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Şerit ────────────────────────────────────────────────────────────── */
.ed-bant[b-l8ys284wgy] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

/* ── Bölüm kartları ───────────────────────────────────────────────────── */
.ed-bolum[b-l8ys284wgy] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ed-bolum[b-l8ys284wgy]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ed-bolum__ad[b-l8ys284wgy] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ed-bolum__ad[b-l8ys284wgy]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ed-bos-metin[b-l8ys284wgy] {
  margin: 0;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
}

.ed-bos[b-l8ys284wgy] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.ed-bos p[b-l8ys284wgy] {
  margin: 0;
}

/* ── Form alanları ────────────────────────────────────────────────────── */
.ed-izgara[b-l8ys284wgy] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px 16px;
  margin: 0;
}

.ed-vitrin[b-l8ys284wgy]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ed-vitrin[b-l8ys284wgy]  .app-field .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.ed-vitrin[b-l8ys284wgy]  .app-field textarea.app-input {
  min-height: 0;
  padding: 10px 12px;
  line-height: 1.6;
}

.ed-vitrin[b-l8ys284wgy]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* Uzun içerik kendi alanında kayar; sayfanın tamamı taşmaz. */
.ed-govde[b-l8ys284wgy] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: min(620px, 64dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding-inline-end: 4px;
}

/* ── Eylem çubuğu (yapışık) ───────────────────────────────────────────── */
.ed-eylem[b-l8ys284wgy] {
  position: sticky;
  bottom: 0;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 12px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: 0 -8px 20px -18px color-mix(in srgb, var(--metin-murekkep) 60%, transparent);
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ed-kapak[b-l8ys284wgy] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik";
    gap: 14px 12px;
    align-items: center;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ed-vitrin .au-btn[b-l8ys284wgy],
  .ed-vitrin[b-l8ys284wgy]  .au-btn {
    min-height: 44px;
  }

  .ed-vitrin[b-l8ys284wgy]  .app-field .app-input {
    min-height: 44px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .ed-vitrin[b-l8ys284wgy]  .app-field :is(.app-input, textarea, input) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ed-kapak[b-l8ys284wgy] {
    padding: 12px;
  }

  .ed-kapak__baslik .au-title[b-l8ys284wgy] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ed-bolum[b-l8ys284wgy] {
    padding: 16px 12px;
  }

  .ed-bolum__ad[b-l8ys284wgy] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ed-izgara[b-l8ys284wgy] {
    grid-template-columns: minmax(0, 1fr);
  }

  .ed-govde[b-l8ys284wgy] {
    max-height: min(520px, 60dvh);
  }

  .ed-eylem[b-l8ys284wgy] {
    padding: 12px;
  }

  .ed-eylem .au-btn[b-l8ys284wgy] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/Cards/CardDetail.razor.rz.scp.css */
/* Hareketli kart detayı — Akademik Analiz görsel dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den; yalnız mevcut
   aurora token'ları. Paylaşılan wwwroot CSS'i değiştirilmedi → kurallar sayfa-scoped.
   ::deep gerekir: alt bileşenler (DataStates, MediaEmbed, SchemaDrivenView, IcerikGorselPanel)
   ve RenderFragment ile üretilen sahne listesi bu bileşenin kapsam kimliğini taşımaz. */

.kd-vitrin[b-h65taybj4g] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.kd-vitrin[b-h65taybj4g]  .kd-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kd-vitrin[b-h65taybj4g]  .au-breadcrumb { grid-area: geri; }
.kd-vitrin[b-h65taybj4g]  .kd-kapak__baslik { grid-area: baslik; min-width: 0; }
.kd-vitrin[b-h65taybj4g]  .kd-kapak__eylem { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.kd-vitrin[b-h65taybj4g]  .kd-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.kd-vitrin[b-h65taybj4g]  .kd-kapak__alt {
  margin: 3px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.4;
}

.kd-vitrin[b-h65taybj4g]  .kd-rozetler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }

.kd-vitrin[b-h65taybj4g]  .kd-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
}

.kd-vitrin[b-h65taybj4g]  .kd-rozet::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--metin-ipucu);
}

.kd-vitrin[b-h65taybj4g]  .kd-rozet.is-onayli::before { background: var(--turkuaz-500); }
/* Rozet metni anlam taşır → 11.5 px'te de AA sağlayan --metin-ikincil. */
.kd-vitrin[b-h65taybj4g]  .kd-rozet.is-pasif { color: var(--metin-ikincil); background: var(--yuzey); }

/* ── Düğme dili ── */
.kd-vitrin[b-h65taybj4g]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kd-vitrin[b-h65taybj4g]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kd-vitrin[b-h65taybj4g]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kd-vitrin[b-h65taybj4g]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kd-vitrin[b-h65taybj4g]  .kd-btn--yikici { color: var(--danger-metin); }
.kd-vitrin[b-h65taybj4g]  .kd-btn--yikici:hover:not(:disabled) {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
}

.kd-vitrin[b-h65taybj4g]  :is(.au-btn, .kd-sekme, .kd-panel, .kd-popup__kapat):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px iç boşluk, 4 px aralık ── */
.kd-vitrin[b-h65taybj4g]  .kd-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.kd-vitrin[b-h65taybj4g]  .kd-sekme {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

/* Vurgu tonları üst bilgi paletinden: İçerik lacivert, Künye petrol. */
.kd-vitrin[b-h65taybj4g]  .kd-sekme:nth-child(1) { --kd-vurgu: var(--marka-600); }
.kd-vitrin[b-h65taybj4g]  .kd-sekme:nth-child(2) { --kd-vurgu: var(--marka-rampa-uc); }

.kd-vitrin[b-h65taybj4g]  .kd-sekme:hover {
  background: color-mix(in srgb, var(--kd-vurgu) 14%, var(--yuzey));
  color: var(--kd-vurgu);
}

.kd-vitrin[b-h65taybj4g]  .kd-sekme[aria-selected="true"],
.kd-vitrin[b-h65taybj4g]  .kd-sekme[aria-selected="true"]:hover {
  background: var(--kd-vurgu);
  color: var(--on-brand);
}

.kd-vitrin[b-h65taybj4g]  .kd-sekme:focus-visible { outline: 2px solid var(--kd-vurgu); outline-offset: 2px; }
.kd-vitrin[b-h65taybj4g]  .kd-panel { outline-offset: 4px; }

/* ── Bölüm kartı ── */
.kd-vitrin[b-h65taybj4g]  .kd-bolum {
  position: relative;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kd-vitrin[b-h65taybj4g]  .kd-bolum::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.kd-vitrin[b-h65taybj4g]  .kd-bolum__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kd-vitrin[b-h65taybj4g]  .kd-bolum__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kd-vitrin[b-h65taybj4g]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.kd-vitrin[b-h65taybj4g]  .kd-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.kd-vitrin[b-h65taybj4g]  .kd-bos p { margin: 0; max-width: 46ch; line-height: 1.6; }

/* ── Künye listesi ── */
.kd-vitrin[b-h65taybj4g]  .kd-kunye { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.kd-vitrin[b-h65taybj4g]  .kd-kunye > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kd-vitrin[b-h65taybj4g]  .kd-kunye > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
/* Künye etiketi/değeri anlam taşır: --metin-ipucu (#8496ad, ~3:1) yerine AA sağlayan
   --metin-ikincil etikette, mürekkep değerde. --metin-ipucu tamamlayıcı metinde kalır. */
.kd-vitrin[b-h65taybj4g]  .kd-kunye dt { color: var(--metin-ikincil); }
.kd-vitrin[b-h65taybj4g]  .kd-kunye dd { min-width: 0; margin: 0; color: var(--metin-murekkep); text-align: end; overflow-wrap: anywhere; }

/* ── Bağlı kazanımlar ── */
.kd-vitrin[b-h65taybj4g]  .kd-kazanimlar {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.kd-vitrin[b-h65taybj4g]  .kd-kazanim {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-inline-start: 3px solid var(--marka-rampa-uc);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  font-size: 13px;
  line-height: 1.55;
}

.kd-vitrin[b-h65taybj4g]  .kd-kazanim__kod {
  flex: 0 0 auto;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
}

.kd-vitrin[b-h65taybj4g]  .kd-kazanim__ad { min-width: 0; color: var(--metin-murekkep); overflow-wrap: anywhere; }

/* ── Sahne listesi (RenderFragment ile üretilir → kapsam kimliği taşımaz) ── */
.kd-vitrin[b-h65taybj4g]  .kd-sahneler {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.kd-vitrin[b-h65taybj4g]  .kd-sahne {
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-inline-start: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kd-vitrin[b-h65taybj4g]  .kd-sahne__baslik {
  margin: 0 0 8px;
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -.01em;
  color: var(--marka-700);
}

/* ── Popup: başlık ve eylemler sabit, yalnız gövde kayar ── */
.kd-vitrin[b-h65taybj4g]  .kd-popup {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.kd-vitrin[b-h65taybj4g]  .kd-popup--genis { width: min(760px, calc(100vw - 48px)); }
.kd-vitrin[b-h65taybj4g]  .kd-popup[open] { display: flex; flex-direction: column; }
.kd-vitrin[b-h65taybj4g]  .kd-popup::backdrop { background: var(--scrim); }

.kd-vitrin[b-h65taybj4g]  .kd-popup__bas {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kd-vitrin[b-h65taybj4g]  .kd-popup__ad { min-width: 0; }

.kd-vitrin[b-h65taybj4g]  .kd-popup__ad h2 {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.kd-vitrin[b-h65taybj4g]  .kd-popup__ad h2:focus { outline: none; }
.kd-vitrin[b-h65taybj4g]  .kd-popup__ad p { margin: 3px 0 0; font-size: 12px; color: var(--metin-ipucu); overflow-wrap: anywhere; }

.kd-vitrin[b-h65taybj4g]  .kd-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.kd-vitrin[b-h65taybj4g]  .kd-popup__kapat:hover:not(:disabled) { background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey)); }
.kd-vitrin[b-h65taybj4g]  .kd-popup__kapat:disabled { opacity: .45; cursor: default; }

.kd-vitrin[b-h65taybj4g]  .kd-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kd-vitrin[b-h65taybj4g]  .kd-popup__aciklama {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.kd-vitrin[b-h65taybj4g]  .kd-popup__hata,
.kd-vitrin[b-h65taybj4g]  .kd-popup__uyari {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.kd-vitrin[b-h65taybj4g]  .kd-popup__uyari { margin: 12px 0 0; }

.kd-vitrin[b-h65taybj4g]  .kd-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: başlık solda, eylemler sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .kd-vitrin[b-h65taybj4g]  .kd-kapak {
    /* Başlık izine taban genişlik: taban 0 olduğunda `auto` eylem izi 7 düğmeyle
       max-content'e büyüyüp 1024-1300 px'te H1'i kelime ortasından kırıyordu. */
    grid-template-columns: 30px minmax(300px, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }
  .kd-vitrin[b-h65taybj4g]  .kd-kapak__eylem { justify-self: end; justify-content: flex-end; }
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kd-vitrin[b-h65taybj4g]  .kd-kapak { padding: 16px; }
  .kd-vitrin[b-h65taybj4g]  .au-btn { min-height: 44px; }
  .kd-vitrin[b-h65taybj4g]  .kd-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .kd-vitrin[b-h65taybj4g]  .kd-sekme { flex: 0 0 auto; min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kd-vitrin[b-h65taybj4g]  .kd-kapak { padding: 12px; }
  .kd-vitrin[b-h65taybj4g]  .kd-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .kd-vitrin[b-h65taybj4g]  .kd-kapak__eylem .au-btn { flex: 1 1 calc(50% - 4px); min-height: 44px; justify-content: center; }
  .kd-vitrin[b-h65taybj4g]  .kd-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .kd-vitrin[b-h65taybj4g]  .kd-sekme { flex: 0 0 auto; min-height: 44px; }
  .kd-vitrin[b-h65taybj4g]  .kd-bolum { padding: 16px 12px; }
  .kd-vitrin[b-h65taybj4g]  .kd-bolum__baslik { font-size: var(--yazi-bolum, 14px); }
  .kd-vitrin[b-h65taybj4g]  .kd-kunye > div { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; font-size: var(--yazi-govde, 13px); }
  .kd-vitrin[b-h65taybj4g]  .kd-popup,
  .kd-vitrin[b-h65taybj4g]  .kd-popup--genis { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .kd-vitrin[b-h65taybj4g]  .kd-popup__bas,
  .kd-vitrin[b-h65taybj4g]  .kd-popup__govde,
  .kd-vitrin[b-h65taybj4g]  .kd-popup__eylem { padding: 12px; }
  .kd-vitrin[b-h65taybj4g]  .kd-popup__eylem .au-btn { flex: 1 1 auto; min-height: 44px; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .kd-vitrin[b-h65taybj4g]  * { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Cards/CardDuzenle.razor.rz.scp.css */
/* Kartı düzenle — Akademik Analiz görsel dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den; yalnız mevcut
   aurora token'ları. Paylaşılan wwwroot CSS'i değiştirilmedi → kurallar sayfa-scoped.
   ::deep gerekir: DataStates, AppTextField ve SchemaDrivenEditor işaretlemesi bu bileşenin
   kapsam kimliğini taşımaz. */

.kz-vitrin[b-uh4g6h7cyl] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.kz-vitrin[b-uh4g6h7cyl]  .kz-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-kapak__baslik { min-width: 0; }

.kz-vitrin[b-uh4g6h7cyl]  .kz-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-kapak__alt {
  margin: 3px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── Düğme dili ── */
.kz-vitrin[b-uh4g6h7cyl]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kz-vitrin[b-uh4g6h7cyl]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kz-vitrin[b-uh4g6h7cyl]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kz-vitrin[b-uh4g6h7cyl]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kz-vitrin[b-uh4g6h7cyl]  :is(.au-btn, .kz-sekme, .kz-panel, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri ── */
.kz-vitrin[b-uh4g6h7cyl]  .kz-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

/* Vurgu tonları üst bilgi paletinin lacivert → petrol → yeşil dizilimi. */
.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme:nth-child(1) { --kz-vurgu: var(--marka-600); }
.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme:nth-child(2) { --kz-vurgu: var(--marka-rampa-orta); }
.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme:nth-child(3) { --kz-vurgu: var(--marka-rampa-uc); }
.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme:nth-child(4) { --kz-vurgu: color-mix(in srgb, var(--marka-rampa-uc) 50%, var(--basari)); }

.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme:hover:not(:disabled) {
  background: color-mix(in srgb, var(--kz-vurgu) 14%, var(--yuzey));
  color: var(--kz-vurgu);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme[aria-selected="true"],
.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme[aria-selected="true"]:hover {
  background: var(--kz-vurgu);
  color: var(--on-brand);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme:disabled { opacity: .55; cursor: default; }
.kz-vitrin[b-uh4g6h7cyl]  .kz-sekme:focus-visible { outline: 2px solid var(--kz-vurgu); outline-offset: 2px; }
.kz-vitrin[b-uh4g6h7cyl]  .kz-panel { outline-offset: 4px; }

/* ── Bölüm kartı ── */
.kz-vitrin[b-uh4g6h7cyl]  .kz-bolum {
  position: relative;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-bolum::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-bolum__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-bolum__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-bolum__alt {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-bolum__eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

.kz-vitrin[b-uh4g6h7cyl]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-bos p { margin: 0; line-height: 1.6; }

/* ── Form alanları ── */
.kz-vitrin[b-uh4g6h7cyl]  .au-form-grid { gap: 14px 12px; }

.kz-vitrin[b-uh4g6h7cyl]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.kz-vitrin[b-uh4g6h7cyl]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

.kz-vitrin[b-uh4g6h7cyl]  .app-field__hint { font-size: 11px; color: var(--metin-ipucu); }

/* ── Kaydetme çubuğu: sekmelerin dışında, her zaman görünür ── */
.kz-vitrin[b-uh4g6h7cyl]  .kz-kaydet {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: 0 -8px 24px -20px color-mix(in srgb, var(--metin-murekkep) 60%, transparent);
}

.kz-vitrin[b-uh4g6h7cyl]  .kz-kaydet__bilgi {
  flex: 1 1 200px;
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kz-vitrin[b-uh4g6h7cyl]  .kz-kapak { padding: 16px; }
  .kz-vitrin[b-uh4g6h7cyl]  .au-btn { min-height: 44px; }
  .kz-vitrin[b-uh4g6h7cyl]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-sekme { flex: 0 0 auto; min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kz-vitrin[b-uh4g6h7cyl]  .kz-kapak { padding: 12px; }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-sekmeler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-sekme { flex: 0 0 auto; min-height: 44px; }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-bolum { padding: 16px 12px; }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-bolum__baslik { font-size: var(--yazi-bolum, 14px); }
  .kz-vitrin[b-uh4g6h7cyl]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-kaydet { padding: 12px; }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-kaydet .au-btn { flex: 1 1 auto; min-height: 44px; justify-content: center; }
  .kz-vitrin[b-uh4g6h7cyl]  .kz-kaydet__bilgi { flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .kz-vitrin[b-uh4g6h7cyl]  * { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Cards/CardGenerate.razor.rz.scp.css */
/* Kart üretim sihirbazı — Akademik Analiz görsel dili (2026-09-20).
   FAZ 3.4Z Z3 adım-içi gruplama kuralları (.au-field-group / .au-group-title) KORUNDU;
   sihirbazın adım dizilimi değişmedi, bu yalnız görsel geçiştir.
   Yalnız mevcut aurora token'ları; paylaşılan wwwroot CSS'i değiştirilmedi.
   ::deep gerekir: AppWizard, AppTextField, AppSelect, TypeCardGrid, DersSecici ve
   KazanimSecici işaretlemesi bu bileşenin kapsam kimliğini taşımaz. */

.kg-vitrin[b-hds79ki1y9] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.kg-vitrin[b-hds79ki1y9]  .kg-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kg-vitrin[b-hds79ki1y9]  .kg-kapak__baslik { min-width: 0; }

.kg-vitrin[b-hds79ki1y9]  .kg-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.kg-vitrin[b-hds79ki1y9]  .kg-kapak__alt {
  margin: 3px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── Düğme dili ── */
.kg-vitrin[b-hds79ki1y9]  :is(.au-btn, .wiz-btn) {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kg-vitrin[b-hds79ki1y9]  :is(.au-btn, .wiz-btn):hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kg-vitrin[b-hds79ki1y9]  :is(.au-btn--primary, .wiz-btn--primary) {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kg-vitrin[b-hds79ki1y9]  :is(.au-btn--primary, .wiz-btn--primary):hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kg-vitrin[b-hds79ki1y9]  :is(.au-btn, .wiz-btn, .app-input, .app-select):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sihirbazın bölüm kartı ── */
.kg-vitrin[b-hds79ki1y9]  .kg-bolum {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kg-vitrin[b-hds79ki1y9]  .kg-bolum::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

/* ── Adım-içi gruplama (FAZ 3.4Z Z3 kuralının token'lanmış hâli) ── */
.kg-vitrin[b-hds79ki1y9]  .au-field-group { padding-block: 12px; }

.kg-vitrin[b-hds79ki1y9]  .au-field-group + .au-field-group {
  margin-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.kg-vitrin[b-hds79ki1y9]  .au-group-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kg-vitrin[b-hds79ki1y9]  .au-group-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Form alanları ── */
.kg-vitrin[b-hds79ki1y9]  .au-form-grid { gap: 14px 12px; }

.kg-vitrin[b-hds79ki1y9]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.kg-vitrin[b-hds79ki1y9]  :is(.app-input, .app-select) {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

.kg-vitrin[b-hds79ki1y9]  .app-field__hint { font-size: 11px; color: var(--metin-ipucu); }

/* ── Gözden geçir özeti ── */
.kg-vitrin[b-hds79ki1y9]  .au-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2px;
  margin: 0;
}

.kg-vitrin[b-hds79ki1y9]  .au-summary > span {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.kg-vitrin[b-hds79ki1y9]  .au-summary > span:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
/* Özet etiketi anlam taşır → --metin-ipucu (#8496ad, ~3:1) yerine AA sağlayan --metin-ikincil.
   --metin-ipucu yalnız alan ipuçlarında ve kapak alt yazısında kalır. */
.kg-vitrin[b-hds79ki1y9]  .au-summary b { color: var(--metin-ikincil); font-weight: 600; }

.kg-vitrin[b-hds79ki1y9]  .kg-bilgi {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-inline-start: 3px solid var(--marka-rampa-uc);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kg-vitrin[b-hds79ki1y9]  .kg-kapak { padding: 16px; }
  .kg-vitrin[b-hds79ki1y9]  :is(.au-btn, .wiz-btn) { min-height: 44px; }
  .kg-vitrin[b-hds79ki1y9]  :is(.app-input, .app-select) { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kg-vitrin[b-hds79ki1y9]  .kg-kapak { padding: 12px; }
  .kg-vitrin[b-hds79ki1y9]  .kg-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .kg-vitrin[b-hds79ki1y9]  .kg-bolum { padding: 16px 12px; }
  .kg-vitrin[b-hds79ki1y9]  .au-group-title { font-size: var(--yazi-bolum, 14px); }
  .kg-vitrin[b-hds79ki1y9]  :is(.app-input, .app-select) { min-height: 44px; font-size: max(16px, 1rem); }
  .kg-vitrin[b-hds79ki1y9]  :is(.au-btn, .wiz-btn) { min-height: 44px; justify-content: center; }
  .kg-vitrin[b-hds79ki1y9]  .au-summary { grid-template-columns: minmax(0, 1fr); }
  .kg-vitrin[b-hds79ki1y9]  .au-summary > span { padding: 10px 6px; font-size: var(--yazi-govde, 13px); }
}

@media (prefers-reduced-motion: reduce) {
  .kg-vitrin[b-hds79ki1y9]  * { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Cards/CardRevize.razor.rz.scp.css */
/* Kartı revize et — Akademik Analiz görsel dili (2026-09-20).
   Kısa, tek bölümlü ekran: kapak + tek bölüm kartı, sekme yok.
   Yalnız mevcut aurora token'ları; paylaşılan wwwroot CSS'i değiştirilmedi.
   ::deep gerekir: AppTextField işaretlemesi bu bileşenin kapsam kimliğini taşımaz. */

.kr-vitrin[b-qpc0b1htjk] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.kr-vitrin[b-qpc0b1htjk]  .kr-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kr-vitrin[b-qpc0b1htjk]  .kr-kapak__baslik { min-width: 0; }

.kr-vitrin[b-qpc0b1htjk]  .kr-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.kr-vitrin[b-qpc0b1htjk]  .kr-kapak__alt {
  margin: 3px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── Düğme dili ── */
.kr-vitrin[b-qpc0b1htjk]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kr-vitrin[b-qpc0b1htjk]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kr-vitrin[b-qpc0b1htjk]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kr-vitrin[b-qpc0b1htjk]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kr-vitrin[b-qpc0b1htjk]  :is(.au-btn, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.kr-vitrin[b-qpc0b1htjk]  .kr-bolum {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kr-vitrin[b-qpc0b1htjk]  .kr-bolum::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.kr-vitrin[b-qpc0b1htjk]  .kr-bolum__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kr-vitrin[b-qpc0b1htjk]  .kr-bolum__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kr-vitrin[b-qpc0b1htjk]  .kr-bilgi {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-inline-start: 3px solid var(--marka-rampa-uc);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.kr-vitrin[b-qpc0b1htjk]  .kr-eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Form alanı ── */
.kr-vitrin[b-qpc0b1htjk]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.kr-vitrin[b-qpc0b1htjk]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

.kr-vitrin[b-qpc0b1htjk]  .app-field__hint { font-size: 11px; color: var(--metin-ipucu); }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kr-vitrin[b-qpc0b1htjk]  .kr-kapak { padding: 16px; }
  .kr-vitrin[b-qpc0b1htjk]  .au-btn { min-height: 44px; }
  .kr-vitrin[b-qpc0b1htjk]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kr-vitrin[b-qpc0b1htjk]  .kr-kapak { padding: 12px; }
  .kr-vitrin[b-qpc0b1htjk]  .kr-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .kr-vitrin[b-qpc0b1htjk]  .kr-bolum { padding: 16px 12px; }
  .kr-vitrin[b-qpc0b1htjk]  .kr-bolum__baslik { font-size: var(--yazi-bolum, 14px); }
  .kr-vitrin[b-qpc0b1htjk]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .kr-vitrin[b-qpc0b1htjk]  .kr-eylem .au-btn { flex: 1 1 auto; min-height: 44px; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .kr-vitrin[b-qpc0b1htjk]  * { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Cards/CardsList.razor.rz.scp.css */
/* Hareketli kartlar listesi — Akademik Analiz görsel dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den; renkler yalnız
   mevcut aurora token'larından. Paylaşılan wwwroot CSS'i DEĞİŞTİRİLMEDİ → kurallar sayfa-scoped.
   ::deep kullanılır çünkü alt bileşenlerin (AppSelect/AppTextField/DataStates/ContentPager)
   işaretlemesi bu bileşenin kapsam kimliğini taşımaz. */

.kl-vitrin[b-n4wjekpuj0] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.kl-vitrin[b-n4wjekpuj0]  .kl-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kl-vitrin[b-n4wjekpuj0]  .au-breadcrumb { grid-area: geri; }
.kl-vitrin[b-n4wjekpuj0]  .kl-kapak__baslik { grid-area: baslik; min-width: 0; }
.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec { grid-area: suzgec; }
.kl-vitrin[b-n4wjekpuj0]  .kl-kapak__eylem { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.kl-vitrin[b-n4wjekpuj0]  .kl-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-kapak__alt {
  margin: 3px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.4;
}

/* Süzgeç kabı: ikinci bir kart üretmez — şeffaf, kenarlıksız. */
.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-field { flex: 0 1 200px; min-width: 0; margin: 0; }
.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-field:first-child { flex: 1 1 240px; max-width: 320px; }

.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-input,
.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-select {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-field__hint { font-size: 11px; color: var(--metin-ipucu); }

/* Kapak şeridinde akıştaki ipucu 'Ara' alanının kutusunu 7px gap + 11px*1.4 ≈ 22px
   uzatıyor; align-items:flex-end alt kenarları eşitlediği için etiket ve girdi
   komşularından o kadar yukarıda kalıyordu. Telefonda kolon düzenine düştüğü için
   ipucu orada kalır. Emsal: Baglantilar.razor.css:75. */
@media (min-width: 641px) {
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-field__hint { display: none; }
}

/* Süzgeç aç/kapa düğmesi yalnız telefonda görünür. */
.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec-ac { display: none; }

.kl-vitrin[b-n4wjekpuj0]  .kl-sifirla,
.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec-ac {
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-sifirla:hover:not(:disabled),
.kl-vitrin[b-n4wjekpuj0]  .kl-suzgec-ac:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-sifirla:disabled { opacity: .45; cursor: default; }

/* ── Ortak düğme dili ── */
.kl-vitrin[b-n4wjekpuj0]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kl-vitrin[b-n4wjekpuj0]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.kl-vitrin[b-n4wjekpuj0]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kl-vitrin[b-n4wjekpuj0]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-btn--yikici { color: var(--danger-metin); }
.kl-vitrin[b-n4wjekpuj0]  .kl-btn--yikici:hover:not(:disabled) {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
}

.kl-vitrin[b-n4wjekpuj0]  :is(.au-btn, .kl-sifirla, .kl-suzgec-ac, .kl-islem, .kl-baglanti, .kl-popup__kapat, .app-input, .app-select, .kl-tablo-kap):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.kl-vitrin[b-n4wjekpuj0]  .kl-bolum {
  position: relative;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-bolum::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-bolum__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-bolum__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Yüklü/hata/yetkisiz paneli de aynı yüzey dilini alır. */
.kl-vitrin[b-n4wjekpuj0]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-bos p { margin: 0; line-height: 1.6; }

/* ── Tablo: kendi sınırlı alanında kayar, başlık sabit ── */
.kl-vitrin[b-n4wjekpuj0]  .kl-tablo-kap {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-tablo {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-tablo thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  text-align: start;
  white-space: nowrap;
  border-bottom: 1px solid var(--hat-kart);
  /* Geçiş thead boyunca TEK parça çizilir: hücre arka planları şeffaf. */
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-tablo thead tr {
  background: var(--marka-rampa-serit);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody th,
.kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody td {
  padding: 10px 13px;
  text-align: start;
  font-weight: 400;
  vertical-align: middle;
  /* Referanstaki --anv-hat-ince yalnız .analiz-vitrin kapsamında tanımlı; aynı ince ayraç
     tonu ham renk yazmadan mevcut token'dan türetilir. */
  border-bottom: 1px solid color-mix(in srgb, var(--marka-700) 10%, transparent);
  background: var(--yuzey);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody tr:nth-child(even) th,
.kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody tr:hover th,
.kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.kl-vitrin[b-n4wjekpuj0]  .kl-satir.is-pasif { color: var(--metin-ipucu); }

.kl-vitrin[b-n4wjekpuj0]  .kl-sut-ad { min-width: 200px; }

.kl-vitrin[b-n4wjekpuj0]  .kl-baglanti {
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-baglanti:hover { text-decoration: underline; }

.kl-vitrin[b-n4wjekpuj0]  .kl-rozetler { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-inline-start: 6px; }

.kl-vitrin[b-n4wjekpuj0]  .kl-rozet {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--marka-700);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
}

/* Rozet metni anlam taşır (yardımcı ipucu değil) → --metin-ipucu (#8496ad, ~3:1) yerine
   10.5 px'te de AA sağlayan --metin-ikincil. */
.kl-vitrin[b-n4wjekpuj0]  .kl-rozet--pasif { color: var(--metin-ikincil); background: var(--yuzey); }

.kl-vitrin[b-n4wjekpuj0]  .kl-durum {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-durum::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--metin-ipucu);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-durum.is-onayli { color: var(--marka-700); }
.kl-vitrin[b-n4wjekpuj0]  .kl-durum.is-onayli::before { background: var(--turkuaz-500); }

.kl-vitrin[b-n4wjekpuj0]  .kl-sut-islem { width: 1%; white-space: nowrap; text-align: end; }

.kl-vitrin[b-n4wjekpuj0]  .kl-islem {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  cursor: pointer;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-islem:hover {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  border-color: var(--marka-400);
}

.kl-vitrin[b-n4wjekpuj0]  .cpg { margin-top: 12px; }

/* ── İşlem popup'ı: başlık ve eylemler sabit, yalnız gövde kayar ── */
.kl-vitrin[b-n4wjekpuj0]  .kl-popup {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-popup[open] { display: flex; flex-direction: column; }
.kl-vitrin[b-n4wjekpuj0]  .kl-popup::backdrop { background: var(--scrim); }

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__bas {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__ad { min-width: 0; }

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__ad h2 {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__ad h2:focus { outline: none; }
.kl-vitrin[b-n4wjekpuj0]  .kl-popup__ad p { margin: 3px 0 0; font-size: 12px; color: var(--metin-ipucu); }

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__kapat:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__kapat:disabled { opacity: .45; cursor: default; }

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__hata,
.kl-vitrin[b-n4wjekpuj0]  .kl-popup__uyari {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__uyari { margin: 12px 0 0; }

.kl-vitrin[b-n4wjekpuj0]  .kl-ozet { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.kl-vitrin[b-n4wjekpuj0]  .kl-ozet > div {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kl-vitrin[b-n4wjekpuj0]  .kl-ozet > div:nth-child(odd) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
/* Etiket/değer çifti okunabilir kalır: etiket --metin-ikincil (AA), değer mürekkep.
   --metin-ipucu yalnız gerçekten tamamlayıcı metinde (kapak alt yazısı, alan ipucu) kullanılır. */
.kl-vitrin[b-n4wjekpuj0]  .kl-ozet dt { color: var(--metin-ikincil); }
.kl-vitrin[b-n4wjekpuj0]  .kl-ozet dd { min-width: 0; margin: 0; color: var(--metin-murekkep); text-align: end; overflow-wrap: anywhere; }

.kl-vitrin[b-n4wjekpuj0]  .kl-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve ana eylem sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .kl-vitrin[b-n4wjekpuj0]  .kl-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }
  /* `justify-self: end` süzgeç kabını shrink-to-fit ölçtürüyordu: Chromium sarmalı
     flex kabın max-content'ini çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 200px`
     tabanını saymaz → kap daralır, alanlar alt alta yığılır, kapak uzardı. Kap hücreyi
     doldurur, içerik sağa yaslanır; dar ekranda sarma korunur. */
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec { justify-self: stretch; justify-content: flex-end; }
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kl-vitrin[b-n4wjekpuj0]  .kl-kapak { padding: 16px; }
  .kl-vitrin[b-n4wjekpuj0]  .au-btn,
  .kl-vitrin[b-n4wjekpuj0]  .kl-sifirla { min-height: 44px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-islem { width: 44px; height: 44px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-input,
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-select { min-height: 44px; height: 44px; font-size: max(16px, 1rem); }
  .kl-vitrin[b-n4wjekpuj0]  .kl-sut-ad { position: sticky; inset-inline-start: 0; z-index: 1; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-tablo thead .kl-sut-ad { z-index: 3; background: var(--marka-500); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kl-vitrin[b-n4wjekpuj0]  .kl-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "ac ac"
      "suzgec suzgec"
      "eylem eylem";
    padding: 12px;
  }
  .kl-vitrin[b-n4wjekpuj0]  .kl-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec-ac { grid-area: ac; display: inline-flex; justify-self: start; min-height: 44px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec { display: none; flex-direction: column; align-items: stretch; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec.is-acik { display: flex; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-field,
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-field:first-child { flex: 1 1 auto; max-width: none; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-input,
  .kl-vitrin[b-n4wjekpuj0]  .kl-suzgec .app-select { min-height: 44px; height: 44px; font-size: max(16px, 1rem); }
  .kl-vitrin[b-n4wjekpuj0]  .kl-sifirla { min-height: 44px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-kapak__eylem .au-btn { flex: 1; min-height: 44px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-bolum { padding: 16px 12px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-bolum__baslik { font-size: var(--yazi-bolum, 14px); }
  .kl-vitrin[b-n4wjekpuj0]  .kl-tablo { font-size: var(--yazi-govde, 13px); }
  .kl-vitrin[b-n4wjekpuj0]  .kl-tablo thead th,
  .kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody th,
  .kl-vitrin[b-n4wjekpuj0]  .kl-tablo tbody td { padding: 10px 8px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-sut-ad { position: sticky; inset-inline-start: 0; z-index: 1; min-width: 140px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-tablo thead .kl-sut-ad { z-index: 3; background: var(--marka-500); }
  .kl-vitrin[b-n4wjekpuj0]  .kl-islem { width: 44px; height: 44px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-popup { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .kl-vitrin[b-n4wjekpuj0]  .kl-popup__bas,
  .kl-vitrin[b-n4wjekpuj0]  .kl-popup__govde,
  .kl-vitrin[b-n4wjekpuj0]  .kl-popup__eylem { padding: 12px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-popup__eylem .au-btn { flex: 1 1 auto; min-height: 44px; }
  .kl-vitrin[b-n4wjekpuj0]  .kl-ozet > div { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .kl-vitrin[b-n4wjekpuj0]  * { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/ContentApprovals.razor.rz.scp.css */
/* İçerik onayları — Akademik Analiz kapak/kart/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır. */

.ic-vitrin[b-a0owynpmpj] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.ic-vitrin .ic-kapak[b-a0owynpmpj] {
  display: grid;
  /* Satırlar ADLI ALANLA değil otomatik yerleşimle kurulur: koşullu blok (eylem kümesi)
     basılmadığında boş bir ızgara satırı ve ölü 14 px satır aralığı kalmasın. */
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ic-vitrin .ic-kapak__geri[b-a0owynpmpj] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak__geri[b-a0owynpmpj]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-kapak__baslik[b-a0owynpmpj] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak .au-title[b-a0owynpmpj] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ic-vitrin .ic-kapak__alt[b-a0owynpmpj] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */
.ic-vitrin .ic-suzgec[b-a0owynpmpj] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.ic-vitrin .ic-suzgec > *[b-a0owynpmpj] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.ic-vitrin .ic-ara[b-a0owynpmpj] {
  flex: 0 1 240px;
  max-width: 300px;
}

.ic-vitrin .ic-suzgec[b-a0owynpmpj]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-suzgec[b-a0owynpmpj]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.ic-vitrin .ic-suzgec[b-a0owynpmpj]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.ic-vitrin .ic-kapak__eylem[b-a0owynpmpj] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ic-vitrin .ic-dugme[b-a0owynpmpj] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ic-vitrin .ic-dugme:hover:not(:disabled)[b-a0owynpmpj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ic-vitrin .ic-dugme--ana[b-a0owynpmpj] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-dugme--ana:hover:not(:disabled)[b-a0owynpmpj] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-dugme:disabled[b-a0owynpmpj] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ic-vitrin .ic-dugme:focus-visible[b-a0owynpmpj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi/uyarı şeritleri ── */
.ic-vitrin .ic-not[b-a0owynpmpj],
.ic-vitrin .ic-uyari[b-a0owynpmpj] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.ic-vitrin .ic-uyari[b-a0owynpmpj] {
  border-left-color: var(--danger);
  margin-bottom: 14px;
}

.ic-vitrin .ic-not svg[b-a0owynpmpj],
.ic-vitrin .ic-uyari svg[b-a0owynpmpj] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.ic-vitrin .ic-kart[b-a0owynpmpj] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ic-vitrin .ic-kart[b-a0owynpmpj]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ic-vitrin .ic-bolum__baslik[b-a0owynpmpj] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ic-vitrin .ic-bolum__baslik[b-a0owynpmpj]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ic-vitrin .ic-bos[b-a0owynpmpj] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ic-vitrin .ic-bos p[b-a0owynpmpj] {
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.ic-vitrin .ic-tablo-kap[b-a0owynpmpj] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.ic-vitrin .ic-tablo[b-a0owynpmpj] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.ic-vitrin .ic-tablo thead[b-a0owynpmpj] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.ic-vitrin .ic-tablo thead th[b-a0owynpmpj] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.ic-vitrin .ic-tablo tbody td[b-a0owynpmpj] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.ic-vitrin .ic-tablo tbody tr:nth-child(even) td[b-a0owynpmpj] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ic-vitrin .ic-tablo .ic-soluk[b-a0owynpmpj] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.ic-vitrin .ic-baglanti[b-a0owynpmpj] {
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-baglanti:hover[b-a0owynpmpj],
.ic-vitrin .ic-baglanti:focus-visible[b-a0owynpmpj] {
  text-decoration: underline;
}

.ic-vitrin .ic-eylem-hucre[b-a0owynpmpj] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

/* Satır eylemleri kapak düğmeleriyle aynı taban çizgisinde. */
.ic-vitrin .ic-satir-dugme[b-a0owynpmpj] {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  box-shadow: none;
}

.ic-vitrin .ic-satir-dugme:hover:not(:disabled)[b-a0owynpmpj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ic-vitrin .ic-satir-dugme.au-btn--primary[b-a0owynpmpj] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-satir-dugme.au-btn--primary:hover:not(:disabled)[b-a0owynpmpj] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-satir-dugme:focus-visible[b-a0owynpmpj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-sayfalama[b-a0owynpmpj] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.ic-vitrin .ic-gizli[b-a0owynpmpj] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.ic-vitrin .ic-popup[b-a0owynpmpj] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ic-vitrin .ic-popup[open][b-a0owynpmpj] {
  display: flex;
  flex-direction: column;
}

.ic-vitrin .ic-popup[b-a0owynpmpj]::backdrop {
  background: var(--scrim);
}

.ic-vitrin .ic-popup__bas[b-a0owynpmpj] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.ic-vitrin .ic-popup__bas > div[b-a0owynpmpj] {
  min-width: 0;
}

.ic-vitrin .ic-popup__bas h2[b-a0owynpmpj] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__bas h2:focus[b-a0owynpmpj] {
  outline: none;
}

.ic-vitrin .ic-popup__bas p[b-a0owynpmpj] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__kapat[b-a0owynpmpj] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.ic-vitrin .ic-popup__kapat:hover:not(:disabled)[b-a0owynpmpj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ic-vitrin .ic-popup__kapat:focus-visible[b-a0owynpmpj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-popup__govde[b-a0owynpmpj] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ic-vitrin .ic-popup__hata[b-a0owynpmpj] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
}

.ic-vitrin .ic-popup__aciklama[b-a0owynpmpj] {
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.ic-vitrin .ic-popup__eylem[b-a0owynpmpj] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ic-vitrin .ic-olgular[b-a0owynpmpj] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ic-vitrin .ic-olgular > div[b-a0owynpmpj] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ic-vitrin .ic-olgular > div:nth-child(odd)[b-a0owynpmpj] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ic-vitrin .ic-olgular dt[b-a0owynpmpj] {
  color: var(--metin-ipucu);
}

.ic-vitrin .ic-olgular dd[b-a0owynpmpj] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ic-vitrin .ic-kapak[b-a0owynpmpj] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .ic-vitrin .ic-kapak__geri[b-a0owynpmpj],
  .ic-vitrin .ic-kapak__baslik[b-a0owynpmpj],
  .ic-vitrin .ic-suzgec[b-a0owynpmpj],
  .ic-vitrin .ic-kapak__eylem[b-a0owynpmpj] {
    grid-row: 1;
  }

  .ic-vitrin .ic-suzgec[b-a0owynpmpj] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .ic-vitrin .ic-kapak__eylem[b-a0owynpmpj] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ic-vitrin .ic-kapak[b-a0owynpmpj] {
    padding: 16px;
  }

  .ic-vitrin .ic-dugme[b-a0owynpmpj],
  .ic-vitrin .ic-satir-dugme[b-a0owynpmpj] {
    min-height: 44px;
  }

  .ic-vitrin .ic-suzgec[b-a0owynpmpj]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .ic-vitrin .ic-tablo .ic-sut-1[b-a0owynpmpj] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .ic-vitrin .ic-tablo thead .ic-sut-1[b-a0owynpmpj] {
    z-index: 5;
    background: var(--marka-600);
  }

  .ic-vitrin .ic-tablo tbody tr:nth-child(even) .ic-sut-1[b-a0owynpmpj] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ic-vitrin .ic-kapak[b-a0owynpmpj] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .ic-vitrin .ic-kapak .au-title[b-a0owynpmpj] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ic-vitrin .ic-kapak__alt[b-a0owynpmpj],
  .ic-vitrin .ic-not[b-a0owynpmpj],
  .ic-vitrin .ic-uyari[b-a0owynpmpj] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .ic-vitrin .ic-suzgec[b-a0owynpmpj] {
    flex-direction: column;
    align-items: stretch;
  }

  .ic-vitrin .ic-suzgec > *[b-a0owynpmpj],
  .ic-vitrin .ic-ara[b-a0owynpmpj] {
    flex: 1 1 auto;
    max-width: none;
  }

  .ic-vitrin .ic-kapak__eylem[b-a0owynpmpj] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .ic-vitrin .ic-kapak__eylem .ic-dugme[b-a0owynpmpj] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .ic-vitrin .ic-kart[b-a0owynpmpj] {
    padding: 16px 12px;
  }

  .ic-vitrin .ic-bolum__baslik[b-a0owynpmpj] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ic-vitrin .ic-tablo tbody td[b-a0owynpmpj],
  .ic-vitrin .ic-tablo thead th[b-a0owynpmpj] {
    padding-inline: 8px;
  }

  .ic-vitrin .ic-eylem-hucre[b-a0owynpmpj] {
    flex-direction: column;
    align-items: stretch;
  }

  .ic-vitrin .ic-popup[b-a0owynpmpj] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ic-vitrin .ic-popup__bas[b-a0owynpmpj],
  .ic-vitrin .ic-popup__govde[b-a0owynpmpj],
  .ic-vitrin .ic-popup__eylem[b-a0owynpmpj] {
    padding: 12px;
  }

  .ic-vitrin .ic-popup__bas h2[b-a0owynpmpj] {
    font-size: 17px;
  }

  .ic-vitrin .ic-popup__eylem .ic-dugme[b-a0owynpmpj] {
    flex: 1 1 auto;
  }

  .ic-vitrin .ic-olgular > div[b-a0owynpmpj] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/ContentDefinitions.razor.rz.scp.css */
/* İçerik tanımları — Akademik Analiz görsel dili (IC-02, 2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 24/16/18 px dolgu + 23 px başlık, kart 18 px dolgu, tablo başlığı
   --marka-rampa-serit, girdi 34 px / --kose-dugme.
   Hardcoded renk YOK — yalnız var(--*). Sayfaya özgü (scoped); ortak CSS'e dokunulmadı. */

.au-page.cd-vitrin[b-edqhcf5lzb] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.cd-kapak[b-edqhcf5lzb] {
  display: grid;
  grid-template-columns: 30px minmax(0, auto) minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik suzgec eylem";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.cd-kapak__geri[b-edqhcf5lzb] { grid-area: geri; align-self: center; }
.cd-kapak__baslik-grup[b-edqhcf5lzb] { grid-area: baslik; min-width: 0; align-self: center; }

.cd-kapak__baslik[b-edqhcf5lzb] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.cd-kapak__alt[b-edqhcf5lzb] {
  margin: 3px 0 0;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium sarmalı flex kabın
   max-content'ini çocukların İÇERİK genişliğinden hesaplar, `.cd-alan`ın
   `flex: 0 1 176px` tabanını saymaz → kap daralır, süzgeçler alt alta yığılırdı.
   Kap izi tüm sütunu alır (stretch); sağa yaslama flex ekseninde yapılır. */
.cd-kapak__suzgec[b-edqhcf5lzb] {
  grid-area: suzgec;
  justify-self: stretch;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.cd-kapak__eylem[b-edqhcf5lzb] {
  grid-area: eylem;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

/* Süzgeç aç/kapa yalnız telefonda görünür (aşağıdaki TELEFON bandı açar). */
.cd-suzgec-ac[b-edqhcf5lzb] { display: none; }

.cd-alan[b-edqhcf5lzb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 0 1 176px;
  max-width: 210px;
}

.cd-alan--servis[b-edqhcf5lzb] { flex: 0 1 190px; max-width: 220px; }

.cd-alan__etiket[b-edqhcf5lzb] {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.cd-girdi[b-edqhcf5lzb] {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1.2 var(--font-body);
}

select.cd-girdi[b-edqhcf5lzb] { padding-inline-end: 28px; }

.cd-girdi:focus-visible[b-edqhcf5lzb] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* AppSelect'in AppField'dan gelen 46 px / 13 px cümle-düzeni varsayılanı, aynı
   süzgeç satırındaki ham `.cd-girdi` kardeşleriyle (34 px, VERSAL etiket) iki ayrı
   tasarım dili üretiyordu. Kapak ölçüsüne indirilir; özgüllük (0,4,0) AppField'ın
   (0,3,0) kuralını ezer. Emsal: ContentApprovals.razor.css `.ic-suzgec ::deep`. */
.cd-kapak__suzgec[b-edqhcf5lzb]  .app-field { gap: 4px; }

.cd-kapak__suzgec[b-edqhcf5lzb]  .app-field__label {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.cd-kapak__suzgec[b-edqhcf5lzb]  .app-field .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1.2 var(--font-body);
  box-shadow: none;
}

/* AppField'ın kendi odak kuralı da (0,4,0) — berabere kalıp kaynak sırasına
   düşerdi; odak izi komşu `.cd-girdi` ile aynı olsun diye açıkça yazılır. */
.cd-kapak__suzgec[b-edqhcf5lzb]  .app-field .app-input:focus,
.cd-kapak__suzgec[b-edqhcf5lzb]  .app-field .app-input:focus-visible {
  border-color: var(--marka-600);
  background: var(--yuzey);
  box-shadow: none;
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.cd-sifirla[b-edqhcf5lzb] { align-self: flex-end; }

/* ── Düğmeler ── */
.cd-btn[b-edqhcf5lzb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.cd-btn:hover:not(:disabled)[b-edqhcf5lzb] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.cd-btn:focus-visible[b-edqhcf5lzb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.cd-btn:disabled[b-edqhcf5lzb] { opacity: .55; cursor: not-allowed; }

.cd-btn--ana[b-edqhcf5lzb] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.cd-btn--ana:hover:not(:disabled)[b-edqhcf5lzb] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.cd-btn--tehlike[b-edqhcf5lzb] {
  color: var(--danger-metin);
  border-color: color-mix(in srgb, var(--danger) 35%, var(--hat-girdi));
}

.cd-btn--tehlike:hover:not(:disabled)[b-edqhcf5lzb] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.cd-btn--kucuk[b-edqhcf5lzb] { min-height: 29px; padding: 0 10px; font-size: 12px; }

/* ── Salt-okunur uyarı bandı ── */
.cd-uyari[b-edqhcf5lzb] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.cd-uyari svg[b-edqhcf5lzb] { flex: 0 0 16px; color: var(--marka-600); }

/* ── Bölüm sekmeleri (Akademik Analiz şeridi) ── */
.cd-sekmeler[b-edqhcf5lzb] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.cd-sekme[b-edqhcf5lzb] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.cd-sekme:hover:not(.is-secili)[b-edqhcf5lzb] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.cd-sekme.is-secili[b-edqhcf5lzb] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.cd-sekme:focus-visible[b-edqhcf5lzb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.cd-panel:focus-visible[b-edqhcf5lzb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Boş / süzgeç boş durumu ── */
.cd-bos[b-edqhcf5lzb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.cd-bos p[b-edqhcf5lzb] { margin: 0; line-height: 1.6; }

/* ── Tablo ── */
.cd-tablo-kap[b-edqhcf5lzb] {
  position: relative;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.cd-tablo[b-edqhcf5lzb] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.cd-gizli[b-edqhcf5lzb] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Geçiş thead boyunca TEK PARÇA çizilir; th arka planları şeffaf. */
.cd-tablo thead[b-edqhcf5lzb] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.cd-tablo thead th[b-edqhcf5lzb] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.cd-tablo tbody th[b-edqhcf5lzb],
.cd-tablo tbody td[b-edqhcf5lzb] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  text-align: start;
  vertical-align: top;
  font-weight: 400;
}

.cd-tablo tbody tr:nth-child(even) th[b-edqhcf5lzb],
.cd-tablo tbody tr:nth-child(even) td[b-edqhcf5lzb] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cd-tablo__ad[b-edqhcf5lzb] { min-width: 220px; }

.cd-ad[b-edqhcf5lzb] {
  display: block;
  padding: 0;
  border: 0;
  background: none;
  color: var(--marka-700);
  font: 600 13.5px/1.35 var(--font-body);
  text-align: start;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.cd-ad:hover[b-edqhcf5lzb] { text-decoration: underline; }
.cd-ad:focus-visible[b-edqhcf5lzb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.cd-ad__alt[b-edqhcf5lzb] {
  display: block;
  margin-top: 3px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.cd-tablo__yapi[b-edqhcf5lzb] { white-space: nowrap; color: var(--metin-ikincil); }
.cd-tablo__tarih[b-edqhcf5lzb] { white-space: nowrap; color: var(--metin-ikincil); font-variant-numeric: tabular-nums; }
.cd-bos-deger[b-edqhcf5lzb] { color: var(--metin-ipucu); }

.cd-eylemler[b-edqhcf5lzb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.cd-salt[b-edqhcf5lzb] {
  color: var(--metin-ipucu);
  font-size: 12px;
  white-space: nowrap;
}

/* ── Native pencere (form / AI / detay / silme) ── */
.cd-popup[b-edqhcf5lzb] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.cd-popup--orta[b-edqhcf5lzb] { width: min(620px, calc(100vw - 48px)); }
.cd-popup--dar[b-edqhcf5lzb] { width: min(460px, calc(100vw - 48px)); }

.cd-popup[open][b-edqhcf5lzb] { display: flex; flex-direction: column; }
.cd-popup[b-edqhcf5lzb]::backdrop { background: var(--scrim); }

.cd-popup__bas[b-edqhcf5lzb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.cd-popup__bas h2[b-edqhcf5lzb] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.cd-popup__bas h2:focus[b-edqhcf5lzb] { outline: none; }

.cd-popup__kapat[b-edqhcf5lzb] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.cd-popup__kapat:hover:not(:disabled)[b-edqhcf5lzb] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.cd-popup__kapat:focus-visible[b-edqhcf5lzb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.cd-popup__kapat:disabled[b-edqhcf5lzb] { opacity: .5; cursor: not-allowed; }

.cd-popup__govde[b-edqhcf5lzb] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.cd-popup__eylem[b-edqhcf5lzb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Pencere içindeki alanlar tam genişlik ister (kapak süzgeci daraltılmıştı). */
.cd-popup__govde .cd-alan[b-edqhcf5lzb] {
  flex: 1 1 auto;
  max-width: none;
  gap: 6px;
}

.cd-metin[b-edqhcf5lzb] {
  min-height: 64px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.5 var(--font-body);
  resize: vertical;
}

.cd-metin:focus-visible[b-edqhcf5lzb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.cd-mono[b-edqhcf5lzb] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.cd-ipucu[b-edqhcf5lzb] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.cd-ipucu-satir[b-edqhcf5lzb] { color: var(--metin-ipucu); font-size: 12px; }

.cd-hata[b-edqhcf5lzb] {
  margin: 0;
  color: var(--danger-metin);
  font-size: 12.5px;
}

/* Bölüm kurucu satırları */
.cd-bolum-satiri[b-edqhcf5lzb] {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) 160px auto auto;
  gap: 8px;
  align-items: center;
}

.cd-zorunlu[b-edqhcf5lzb] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  white-space: nowrap;
}

.cd-kaldir[b-edqhcf5lzb] {
  display: inline-flex;
  padding: 6px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ipucu);
  cursor: pointer;
}

.cd-kaldir:hover:not(:disabled)[b-edqhcf5lzb] {
  color: var(--danger-metin);
  background: color-mix(in srgb, var(--danger) 8%, transparent);
}

.cd-kaldir:focus-visible[b-edqhcf5lzb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* AI sonucu */
.cd-sonuc[b-edqhcf5lzb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.cd-sonuc__bas[b-edqhcf5lzb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.cd-sonuc__ad[b-edqhcf5lzb] { font-weight: 650; color: var(--marka-700); }

.cd-sonuc__blok[b-edqhcf5lzb] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.cd-sonuc__liste[b-edqhcf5lzb] {
  margin: 0;
  padding-inline-start: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12.5px;
}

/* Detay olguları */
.cd-detay__ozet[b-edqhcf5lzb] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.cd-detay__metin[b-edqhcf5lzb] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; white-space: pre-wrap; }

.cd-detay__baslik[b-edqhcf5lzb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 4px 0 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.cd-detay__baslik[b-edqhcf5lzb]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cd-olgular[b-edqhcf5lzb] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.cd-olgular > div[b-edqhcf5lzb] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.cd-olgular > div:nth-child(odd)[b-edqhcf5lzb] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.cd-olgular dt[b-edqhcf5lzb] { color: var(--metin-ipucu); }
.cd-olgular dd[b-edqhcf5lzb] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ══ TABLET ══ */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .cd-kapak[b-edqhcf5lzb] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "suzgec suzgec"
      "eylem eylem";
    padding: 16px;
  }

  /* Tablette süzgeç kendi satırını kaplar; masaüstündeki sağa yaslama burada
     geçerli değil — alanlar başlıkla aynı sol kenardan başlar. */
  .cd-kapak__suzgec[b-edqhcf5lzb] { justify-self: stretch; justify-content: flex-start; }
  .cd-btn[b-edqhcf5lzb], .cd-sekme[b-edqhcf5lzb], .cd-girdi[b-edqhcf5lzb] { min-height: 44px; }
  .cd-btn--kucuk[b-edqhcf5lzb] { min-height: 40px; }
  .cd-girdi[b-edqhcf5lzb], .cd-metin[b-edqhcf5lzb] { font-size: max(16px, 1rem); }
  /* Taban kuralda 34 px'e indirdik; dokunmatikte 44 px hedefi ve 16 px yazı
     boyutu (iOS odak zoom'unu önler) ham girdilerle paritede geri gelir. */
  .cd-kapak__suzgec[b-edqhcf5lzb]  .app-field .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .cd-tablo__ad[b-edqhcf5lzb] { position: sticky; left: 0; z-index: 1; }
  .cd-tablo tbody th.cd-tablo__ad[b-edqhcf5lzb] { background: var(--yuzey); }
  .cd-tablo tbody tr:nth-child(even) th.cd-tablo__ad[b-edqhcf5lzb] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .cd-tablo thead th.cd-tablo__ad[b-edqhcf5lzb] { z-index: 3; background: var(--marka-600); }
}

/* ══ TELEFON ══ */
@media (max-width: 640px) {
  .cd-kapak[b-edqhcf5lzb] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem"
      "suzgec suzgec";
    gap: 10px;
    padding: 12px;
  }

  .cd-kapak__baslik[b-edqhcf5lzb] { font-size: var(--yazi-kapak, 20px); }

  /* Süzgeçler katlanır; eylemler başlığın altında tek satır. */
  .cd-suzgec-ac[b-edqhcf5lzb] { display: inline-flex; }
  .cd-kapak__suzgec[b-edqhcf5lzb] { display: none; }
  .cd-kapak__suzgec.is-acik[b-edqhcf5lzb] { display: flex; flex-direction: column; align-items: stretch; }
  .cd-alan[b-edqhcf5lzb], .cd-alan--servis[b-edqhcf5lzb] { flex: 1 1 auto; max-width: none; }

  .cd-kapak__eylem[b-edqhcf5lzb] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  .cd-kapak__eylem .cd-btn[b-edqhcf5lzb] { flex: 0 0 auto; }
  .cd-btn[b-edqhcf5lzb], .cd-sekme[b-edqhcf5lzb], .cd-girdi[b-edqhcf5lzb], .cd-sifirla[b-edqhcf5lzb] { min-height: 44px; }
  .cd-btn--kucuk[b-edqhcf5lzb] { min-height: 40px; }
  .cd-girdi[b-edqhcf5lzb], .cd-metin[b-edqhcf5lzb] { font-size: max(16px, 1rem); }
  /* Telefonda da 44 px dokunma hedefi + 16 px yazı; taban 34 px kuralı ezilir. */
  .cd-kapak__suzgec[b-edqhcf5lzb]  .app-field .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .cd-sekmeler[b-edqhcf5lzb] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; }
  .cd-sekme[b-edqhcf5lzb] { flex: 0 0 auto; }

  .cd-tablo[b-edqhcf5lzb] { font-size: var(--yazi-govde, 13px); }
  .cd-tablo thead th[b-edqhcf5lzb], .cd-tablo tbody th[b-edqhcf5lzb], .cd-tablo tbody td[b-edqhcf5lzb] { padding: 10px 8px; }
  .cd-tablo__ad[b-edqhcf5lzb] { position: sticky; left: 0; z-index: 1; min-width: 160px; }
  .cd-tablo tbody th.cd-tablo__ad[b-edqhcf5lzb] { background: var(--yuzey); }
  .cd-tablo tbody tr:nth-child(even) th.cd-tablo__ad[b-edqhcf5lzb] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .cd-tablo thead th.cd-tablo__ad[b-edqhcf5lzb] { z-index: 3; background: var(--marka-600); }

  .cd-popup[b-edqhcf5lzb], .cd-popup--orta[b-edqhcf5lzb], .cd-popup--dar[b-edqhcf5lzb] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .cd-popup__bas[b-edqhcf5lzb], .cd-popup__govde[b-edqhcf5lzb], .cd-popup__eylem[b-edqhcf5lzb] { padding: 12px; }
  .cd-popup__eylem .cd-btn[b-edqhcf5lzb] { flex: 1 1 auto; }
  .cd-bolum-satiri[b-edqhcf5lzb] { grid-template-columns: 1fr; }
  .cd-detay__baslik[b-edqhcf5lzb] { font-size: var(--yazi-bolum, 14px); }
  .cd-olgular > div[b-edqhcf5lzb] { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Content/ContentRevisions.razor.rz.scp.css */
/* Sürüm geçmişi — Akademik Analiz kapak/kart/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır. */

.ic-vitrin[b-y4kwdk2jjr] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.ic-vitrin .ic-kapak[b-y4kwdk2jjr] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  /* Satırlar ADLI ALANLA değil otomatik yerleşimle kurulur: koşullu blok (eylem kümesi)
     basılmadığında boş bir ızgara satırı ve ölü 14 px satır aralığı kalmasın. */
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ic-vitrin .ic-kapak__geri[b-y4kwdk2jjr] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak__geri[b-y4kwdk2jjr]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-kapak__baslik[b-y4kwdk2jjr] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak .au-title[b-y4kwdk2jjr] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ic-vitrin .ic-kapak__alt[b-y4kwdk2jjr] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */

/* ── Kapak eylemleri ── */
.ic-vitrin .ic-kapak__eylem[b-y4kwdk2jjr] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ic-vitrin .ic-dugme[b-y4kwdk2jjr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ic-vitrin .ic-dugme:hover:not(:disabled)[b-y4kwdk2jjr] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ic-vitrin .ic-dugme--ana[b-y4kwdk2jjr] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-dugme--ana:hover:not(:disabled)[b-y4kwdk2jjr] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-dugme:disabled[b-y4kwdk2jjr] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ic-vitrin .ic-dugme:focus-visible[b-y4kwdk2jjr] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi/uyarı şeritleri ── */

/* ── Sözleşme boşluğu uyarı şeridi ── */
.ic-vitrin .ic-uyari[b-y4kwdk2jjr] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.ic-vitrin .ic-uyari svg[b-y4kwdk2jjr] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.ic-vitrin .ic-kart[b-y4kwdk2jjr] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ic-vitrin .ic-kart[b-y4kwdk2jjr]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ic-vitrin .ic-bolum__baslik[b-y4kwdk2jjr] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ic-vitrin .ic-bolum__baslik[b-y4kwdk2jjr]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ic-vitrin .ic-bos[b-y4kwdk2jjr] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ic-vitrin .ic-bos p[b-y4kwdk2jjr] {
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.ic-vitrin .ic-tablo-kap[b-y4kwdk2jjr] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.ic-vitrin .ic-tablo[b-y4kwdk2jjr] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.ic-vitrin .ic-tablo thead[b-y4kwdk2jjr] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.ic-vitrin .ic-tablo thead th[b-y4kwdk2jjr] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.ic-vitrin .ic-tablo tbody td[b-y4kwdk2jjr] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.ic-vitrin .ic-tablo tbody tr:nth-child(even) td[b-y4kwdk2jjr] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ic-vitrin .ic-tablo .ic-soluk[b-y4kwdk2jjr] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.ic-vitrin .ic-eylem-hucre[b-y4kwdk2jjr] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

/* Satır eylemleri kapak düğmeleriyle aynı taban çizgisinde. */
.ic-vitrin .ic-satir-dugme[b-y4kwdk2jjr] {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  box-shadow: none;
}

.ic-vitrin .ic-satir-dugme:hover:not(:disabled)[b-y4kwdk2jjr] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ic-vitrin .ic-satir-dugme.au-btn--primary[b-y4kwdk2jjr] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-satir-dugme.au-btn--primary:hover:not(:disabled)[b-y4kwdk2jjr] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-satir-dugme:focus-visible[b-y4kwdk2jjr] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-sayfalama[b-y4kwdk2jjr] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.ic-vitrin .ic-gizli[b-y4kwdk2jjr] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.ic-vitrin .ic-popup[b-y4kwdk2jjr] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ic-vitrin .ic-popup[open][b-y4kwdk2jjr] {
  display: flex;
  flex-direction: column;
}

.ic-vitrin .ic-popup[b-y4kwdk2jjr]::backdrop {
  background: var(--scrim);
}

.ic-vitrin .ic-popup__bas[b-y4kwdk2jjr] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.ic-vitrin .ic-popup__bas > div[b-y4kwdk2jjr] {
  min-width: 0;
}

.ic-vitrin .ic-popup__bas h2[b-y4kwdk2jjr] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__bas h2:focus[b-y4kwdk2jjr] {
  outline: none;
}

.ic-vitrin .ic-popup__bas p[b-y4kwdk2jjr] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__kapat[b-y4kwdk2jjr] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.ic-vitrin .ic-popup__kapat:hover:not(:disabled)[b-y4kwdk2jjr] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ic-vitrin .ic-popup__kapat:focus-visible[b-y4kwdk2jjr] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-popup__govde[b-y4kwdk2jjr] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ic-vitrin .ic-popup__hata[b-y4kwdk2jjr] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
}

.ic-vitrin .ic-popup__aciklama[b-y4kwdk2jjr] {
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.ic-vitrin .ic-popup__eylem[b-y4kwdk2jjr] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ic-vitrin .ic-kapak[b-y4kwdk2jjr] {
    /* Üçüncü sütun boş esnek aralıktır (bu sayfada süzgeç yok). */
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .ic-vitrin .ic-kapak__geri[b-y4kwdk2jjr],
  .ic-vitrin .ic-kapak__baslik[b-y4kwdk2jjr],
  .ic-vitrin .ic-kapak__eylem[b-y4kwdk2jjr] {
    grid-row: 1;
  }

  .ic-vitrin .ic-kapak__eylem[b-y4kwdk2jjr] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ic-vitrin .ic-kapak[b-y4kwdk2jjr] {
    padding: 16px;
  }

  .ic-vitrin .ic-dugme[b-y4kwdk2jjr],
  .ic-vitrin .ic-satir-dugme[b-y4kwdk2jjr] {
    min-height: 44px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .ic-vitrin .ic-tablo .ic-sut-1[b-y4kwdk2jjr] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .ic-vitrin .ic-tablo thead .ic-sut-1[b-y4kwdk2jjr] {
    z-index: 5;
    background: var(--marka-600);
  }

  .ic-vitrin .ic-tablo tbody tr:nth-child(even) .ic-sut-1[b-y4kwdk2jjr] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ic-vitrin .ic-kapak[b-y4kwdk2jjr] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .ic-vitrin .ic-kapak .au-title[b-y4kwdk2jjr] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ic-vitrin .ic-kapak__alt[b-y4kwdk2jjr],
  .ic-vitrin .ic-uyari[b-y4kwdk2jjr] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .ic-vitrin .ic-kapak__eylem[b-y4kwdk2jjr] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .ic-vitrin .ic-kapak__eylem .ic-dugme[b-y4kwdk2jjr] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .ic-vitrin .ic-kart[b-y4kwdk2jjr] {
    padding: 16px 12px;
  }

  .ic-vitrin .ic-bolum__baslik[b-y4kwdk2jjr] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ic-vitrin .ic-tablo tbody td[b-y4kwdk2jjr],
  .ic-vitrin .ic-tablo thead th[b-y4kwdk2jjr] {
    padding-inline: 8px;
  }

  .ic-vitrin .ic-eylem-hucre[b-y4kwdk2jjr] {
    flex-direction: column;
    align-items: stretch;
  }

  .ic-vitrin .ic-popup[b-y4kwdk2jjr] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ic-vitrin .ic-popup__bas[b-y4kwdk2jjr],
  .ic-vitrin .ic-popup__govde[b-y4kwdk2jjr],
  .ic-vitrin .ic-popup__eylem[b-y4kwdk2jjr] {
    padding: 12px;
  }

  .ic-vitrin .ic-popup__bas h2[b-y4kwdk2jjr] {
    font-size: 17px;
  }

  .ic-vitrin .ic-popup__eylem .ic-dugme[b-y4kwdk2jjr] {
    flex: 1 1 auto;
  }
}

/* ── Sürüm geçmişine özgü ── */
.ic-vitrin .cr-surum[b-y4kwdk2jjr] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.ic-vitrin .cr-gerekce[b-y4kwdk2jjr] {
  max-width: 340px;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* Sürüm içeriği penceresi uzun olabilir: gövde kendi içinde kayar, eylemler erişilebilir kalır.
   `.cr-vitrin` sayfa kökünün kendisidir (`.ic-vitrin` ile aynı öğe), alt seçici değil. */
.cr-vitrin .ic-popup[b-y4kwdk2jjr] {
  width: min(760px, calc(100vw - 48px));
}

/* Şema tabanlı sürüm gövdesi pencere içinde taşmaz (SchemaDrivenView alt bileşendir → ::deep). */
.cr-vitrin .ic-popup__govde[b-y4kwdk2jjr]  * {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .ic-vitrin .cr-gerekce[b-y4kwdk2jjr] {
    max-width: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/ContentStudioEmpty.razor.rz.scp.css */
/* İçerik Stüdyosu boş durumu — hub ile aynı kapak/bölüm ölçüleri (sayfa-scoped).
   Kart dili ortak `hub-vitrin.css`ten gelir; elle yazılmış `.cse-*` kart kuralları kaldırıldı. */

.ic-vitrin[b-do6uco63wr] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.ic-vitrin .ic-kapak[b-do6uco63wr] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ic-vitrin .ic-kapak__geri[b-do6uco63wr] {
  grid-area: geri;
  min-width: 0;
}

.ic-vitrin .ic-kapak__geri[b-do6uco63wr]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-kapak__baslik[b-do6uco63wr] {
  grid-area: baslik;
  min-width: 0;
}

.ic-vitrin .ic-kapak .au-title[b-do6uco63wr] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ic-vitrin .ic-kapak__alt[b-do6uco63wr] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ic-vitrin .ic-kapak__eylem[b-do6uco63wr] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

.ic-vitrin .ic-dugme[b-do6uco63wr] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ic-vitrin .ic-dugme:hover[b-do6uco63wr] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ic-vitrin .ic-dugme:focus-visible[b-do6uco63wr] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-bolum[b-do6uco63wr] {
  margin: 0 0 16px;
}

.ic-vitrin .ic-bolum__baslik[b-do6uco63wr] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ic-vitrin .ic-bolum__baslik[b-do6uco63wr]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ic-vitrin .ic-dipnot[b-do6uco63wr] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.ic-vitrin .ic-dipnot a[b-do6uco63wr] {
  color: var(--marka-600);
  font-weight: 600;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ic-vitrin .ic-kapak[b-do6uco63wr] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .ic-vitrin .ic-kapak__eylem[b-do6uco63wr] {
    justify-self: stretch;
  }

  .ic-vitrin .ic-dugme[b-do6uco63wr] {
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ic-vitrin .ic-kapak[b-do6uco63wr] {
    padding: 12px;
  }

  .ic-vitrin .ic-kapak .au-title[b-do6uco63wr] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ic-vitrin .ic-kapak__alt[b-do6uco63wr],
  .ic-vitrin .ic-dipnot[b-do6uco63wr] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .ic-vitrin .ic-kapak__eylem[b-do6uco63wr] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .ic-vitrin .ic-dugme[b-do6uco63wr] {
    flex: 0 0 auto;
    min-height: 40px;
  }

  .ic-vitrin .ic-bolum__baslik[b-do6uco63wr] {
    font-size: var(--yazi-bolum, 14px);
  }
}
/* _content/EduLive.Web/Components/Pages/Content/ContentStudioHub.razor.rz.scp.css */
/* İçerik Stüdyosu hub'ı — Akademik Analiz kapak/tipografi ölçüleri, sayfa-scoped.
   Kart dili ortak `hub-vitrin.css`ten gelir; burada yalnız kapak ve bölüm başlığı vardır.
   Eski `.csh-grid` / `.csh-card` kuralları ÖLÜ idi (razor HubGrid/HubCard kullanıyor) → silindi. */

.ic-vitrin[b-xauzjp65v5] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler aynı beyaz yüzeyde ── */
.ic-vitrin .ic-kapak[b-xauzjp65v5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ic-vitrin .ic-kapak__geri[b-xauzjp65v5] {
  grid-area: geri;
  min-width: 0;
}

.ic-vitrin .ic-kapak__geri[b-xauzjp65v5]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-kapak__baslik[b-xauzjp65v5] {
  grid-area: baslik;
  min-width: 0;
}

.ic-vitrin .ic-kapak .au-title[b-xauzjp65v5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ic-vitrin .ic-kapak__alt[b-xauzjp65v5] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ic-vitrin .ic-kapak__eylem[b-xauzjp65v5] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Kapak düğmeleri (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.ic-vitrin .ic-dugme[b-xauzjp65v5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ic-vitrin .ic-dugme:hover[b-xauzjp65v5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ic-vitrin .ic-dugme--ana[b-xauzjp65v5] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-dugme--ana:hover[b-xauzjp65v5] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-dugme:focus-visible[b-xauzjp65v5] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm başlığı: 15/700 + üçgen işaret ── */
.ic-vitrin .ic-bolum[b-xauzjp65v5] {
  margin: 0 0 16px;
}

.ic-vitrin .ic-bolum__baslik[b-xauzjp65v5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ic-vitrin .ic-bolum__baslik[b-xauzjp65v5]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── CİHAZ (telefon ∪ tablet): kapak iki satıra iner, eylemler başlığın altında ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ic-vitrin .ic-kapak[b-xauzjp65v5] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .ic-vitrin .ic-kapak__eylem[b-xauzjp65v5] {
    justify-self: stretch;
  }

  .ic-vitrin .ic-dugme[b-xauzjp65v5] {
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ic-vitrin .ic-kapak[b-xauzjp65v5] {
    padding: 12px;
  }

  .ic-vitrin .ic-kapak .au-title[b-xauzjp65v5] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ic-vitrin .ic-kapak__alt[b-xauzjp65v5] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler tek satır, içerik genişliğinde; ikiden fazlası yatay kayar (YENI-DIL §7). */
  .ic-vitrin .ic-kapak__eylem[b-xauzjp65v5] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .ic-vitrin .ic-dugme[b-xauzjp65v5] {
    flex: 0 0 auto;
    min-height: 40px;
  }

  .ic-vitrin .ic-bolum__baslik[b-xauzjp65v5] {
    font-size: var(--yazi-bolum, 14px);
  }
}
/* _content/EduLive.Web/Components/Pages/Content/JobDetail.razor.rz.scp.css */
/* İş detayı — Akademik Analiz kapak/kart/olgu/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır. */

.ic-vitrin[b-adhnagw3xd] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.ic-vitrin .ic-kapak[b-adhnagw3xd] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  /* Satırlar ADLI ALANLA değil otomatik yerleşimle kurulur: koşullu blok (eylem kümesi)
     basılmadığında boş bir ızgara satırı ve ölü 14 px satır aralığı kalmasın. */
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ic-vitrin .ic-kapak__geri[b-adhnagw3xd] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak__geri[b-adhnagw3xd]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-kapak__baslik[b-adhnagw3xd] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak .au-title[b-adhnagw3xd] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ic-vitrin .ic-kapak__alt[b-adhnagw3xd] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */

/* ── Kapak eylemleri ── */
.ic-vitrin .ic-kapak__eylem[b-adhnagw3xd] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ic-vitrin .ic-dugme[b-adhnagw3xd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ic-vitrin .ic-dugme:hover:not(:disabled)[b-adhnagw3xd] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ic-vitrin .ic-dugme--ana[b-adhnagw3xd] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-dugme--ana:hover:not(:disabled)[b-adhnagw3xd] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-dugme:disabled[b-adhnagw3xd] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ic-vitrin .ic-dugme:focus-visible[b-adhnagw3xd] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi/uyarı şeritleri ── */

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.ic-vitrin .ic-kart[b-adhnagw3xd] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ic-vitrin .ic-kart[b-adhnagw3xd]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ic-vitrin .ic-bolum__baslik[b-adhnagw3xd] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ic-vitrin .ic-bolum__baslik[b-adhnagw3xd]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ic-vitrin .ic-bos[b-adhnagw3xd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ic-vitrin .ic-bos p[b-adhnagw3xd] {
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */

/* Satır eylemleri kapak düğmeleriyle aynı taban çizgisinde. */

/* ── Görünür popup: native dialog top-layer ── */
.ic-vitrin .ic-popup[b-adhnagw3xd] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ic-vitrin .ic-popup[open][b-adhnagw3xd] {
  display: flex;
  flex-direction: column;
}

.ic-vitrin .ic-popup[b-adhnagw3xd]::backdrop {
  background: var(--scrim);
}

.ic-vitrin .ic-popup__bas[b-adhnagw3xd] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.ic-vitrin .ic-popup__bas > div[b-adhnagw3xd] {
  min-width: 0;
}

.ic-vitrin .ic-popup__bas h2[b-adhnagw3xd] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__bas h2:focus[b-adhnagw3xd] {
  outline: none;
}

.ic-vitrin .ic-popup__bas p[b-adhnagw3xd] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__kapat[b-adhnagw3xd] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.ic-vitrin .ic-popup__kapat:hover:not(:disabled)[b-adhnagw3xd] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ic-vitrin .ic-popup__kapat:focus-visible[b-adhnagw3xd] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-popup__govde[b-adhnagw3xd] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ic-vitrin .ic-popup__eylem[b-adhnagw3xd] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ic-vitrin .ic-olgular[b-adhnagw3xd] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ic-vitrin .ic-olgular > div[b-adhnagw3xd] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ic-vitrin .ic-olgular > div:nth-child(odd)[b-adhnagw3xd] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ic-vitrin .ic-olgular dt[b-adhnagw3xd] {
  color: var(--metin-ipucu);
}

.ic-vitrin .ic-olgular dd[b-adhnagw3xd] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ic-vitrin .ic-kapak[b-adhnagw3xd] {
    /* Üçüncü sütun boş esnek aralıktır (bu sayfada süzgeç yok). */
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .ic-vitrin .ic-kapak__geri[b-adhnagw3xd],
  .ic-vitrin .ic-kapak__baslik[b-adhnagw3xd],
  .ic-vitrin .ic-kapak__eylem[b-adhnagw3xd] {
    grid-row: 1;
  }

  .ic-vitrin .ic-kapak__eylem[b-adhnagw3xd] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ic-vitrin .ic-kapak[b-adhnagw3xd] {
    padding: 16px;
  }
  .ic-vitrin .ic-dugme[b-adhnagw3xd] {
    min-height: 44px;
  }


}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ic-vitrin .ic-kapak[b-adhnagw3xd] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .ic-vitrin .ic-kapak .au-title[b-adhnagw3xd] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ic-vitrin .ic-kapak__alt[b-adhnagw3xd] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .ic-vitrin .ic-kapak__eylem[b-adhnagw3xd] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .ic-vitrin .ic-kapak__eylem .ic-dugme[b-adhnagw3xd] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .ic-vitrin .ic-kart[b-adhnagw3xd] {
    padding: 16px 12px;
  }

  .ic-vitrin .ic-bolum__baslik[b-adhnagw3xd] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ic-vitrin .ic-popup[b-adhnagw3xd] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ic-vitrin .ic-popup__bas[b-adhnagw3xd],
  .ic-vitrin .ic-popup__govde[b-adhnagw3xd],
  .ic-vitrin .ic-popup__eylem[b-adhnagw3xd] {
    padding: 12px;
  }

  .ic-vitrin .ic-popup__bas h2[b-adhnagw3xd] {
    font-size: 17px;
  }

  .ic-vitrin .ic-popup__eylem .ic-dugme[b-adhnagw3xd] {
    flex: 1 1 auto;
  }

  .ic-vitrin .ic-olgular > div[b-adhnagw3xd] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

/* ── İş detayına özgü: durum rozeti, kimlik, hata metni, teknik dökümü ── */
.ic-vitrin .jd-durum[b-adhnagw3xd] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.ic-vitrin .jd-durum[b-adhnagw3xd]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.ic-vitrin .jd-durum.is-tamam[b-adhnagw3xd] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.ic-vitrin .jd-durum.is-isleniyor[b-adhnagw3xd] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.ic-vitrin .jd-durum.is-hata[b-adhnagw3xd] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.ic-vitrin .jd-kimlik[b-adhnagw3xd] {
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
}

.ic-vitrin .jd-hata-metin[b-adhnagw3xd] {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
}

.ic-vitrin .jd-hata-eylem[b-adhnagw3xd] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ic-vitrin .jd-teknik[b-adhnagw3xd] {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* Canlı izleme bileşeni kartın içinde taşmaz (JobMonitor alt bileşendir → ::deep). */
.ic-vitrin .ic-kart[b-adhnagw3xd]  .job-monitor {
  min-width: 0;
}

@media (max-width: 640px) {
  .ic-vitrin .jd-hata-eylem .ic-dugme[b-adhnagw3xd] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/JobsList.razor.rz.scp.css */
/* Üretim işleri — Akademik Analiz kapak/kart/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır. */

.ic-vitrin[b-c1kqpq8lpm] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.ic-vitrin .ic-kapak[b-c1kqpq8lpm] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ic-vitrin .ic-kapak__geri[b-c1kqpq8lpm] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak__geri[b-c1kqpq8lpm]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-kapak__baslik[b-c1kqpq8lpm] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.ic-vitrin .ic-kapak .au-title[b-c1kqpq8lpm] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ic-vitrin .ic-kapak__alt[b-c1kqpq8lpm] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */
.ic-vitrin .ic-suzgec[b-c1kqpq8lpm] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.ic-vitrin .ic-suzgec > *[b-c1kqpq8lpm] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.ic-vitrin .ic-suzgec[b-c1kqpq8lpm]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ic-vitrin .ic-suzgec[b-c1kqpq8lpm]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.ic-vitrin .ic-suzgec[b-c1kqpq8lpm]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.ic-vitrin .ic-kapak__eylem[b-c1kqpq8lpm] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ic-vitrin .ic-dugme[b-c1kqpq8lpm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ic-vitrin .ic-dugme:hover:not(:disabled)[b-c1kqpq8lpm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ic-vitrin .ic-dugme--ana[b-c1kqpq8lpm] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-dugme--ana:hover:not(:disabled)[b-c1kqpq8lpm] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-dugme:disabled[b-c1kqpq8lpm] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ic-vitrin .ic-dugme:focus-visible[b-c1kqpq8lpm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi/uyarı şeritleri ── */

/* ── Bilgi şeridi ── */
.ic-vitrin .ic-not[b-c1kqpq8lpm] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.ic-vitrin .ic-not svg[b-c1kqpq8lpm] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.ic-vitrin .ic-kart[b-c1kqpq8lpm] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ic-vitrin .ic-kart[b-c1kqpq8lpm]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ic-vitrin .ic-bolum__baslik[b-c1kqpq8lpm] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ic-vitrin .ic-bolum__baslik[b-c1kqpq8lpm]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ic-vitrin .ic-bos[b-c1kqpq8lpm] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ic-vitrin .ic-bos p[b-c1kqpq8lpm] {
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.ic-vitrin .ic-tablo-kap[b-c1kqpq8lpm] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.ic-vitrin .ic-tablo[b-c1kqpq8lpm] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.ic-vitrin .ic-tablo thead[b-c1kqpq8lpm] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.ic-vitrin .ic-tablo thead th[b-c1kqpq8lpm] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.ic-vitrin .ic-tablo tbody td[b-c1kqpq8lpm] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.ic-vitrin .ic-tablo tbody tr:nth-child(even) td[b-c1kqpq8lpm] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ic-vitrin .ic-tablo .ic-soluk[b-c1kqpq8lpm] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.ic-vitrin .ic-baglanti[b-c1kqpq8lpm] {
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-baglanti:hover[b-c1kqpq8lpm],
.ic-vitrin .ic-baglanti:focus-visible[b-c1kqpq8lpm] {
  text-decoration: underline;
}

.ic-vitrin .ic-eylem-hucre[b-c1kqpq8lpm] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

/* Satır eylemleri kapak düğmeleriyle aynı taban çizgisinde. */
.ic-vitrin .ic-satir-dugme[b-c1kqpq8lpm] {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  box-shadow: none;
}

.ic-vitrin .ic-satir-dugme:hover:not(:disabled)[b-c1kqpq8lpm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ic-vitrin .ic-satir-dugme.au-btn--primary[b-c1kqpq8lpm] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ic-vitrin .ic-satir-dugme.au-btn--primary:hover:not(:disabled)[b-c1kqpq8lpm] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ic-vitrin .ic-satir-dugme:focus-visible[b-c1kqpq8lpm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-sayfalama[b-c1kqpq8lpm] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.ic-vitrin .ic-gizli[b-c1kqpq8lpm] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.ic-vitrin .ic-popup[b-c1kqpq8lpm] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ic-vitrin .ic-popup[open][b-c1kqpq8lpm] {
  display: flex;
  flex-direction: column;
}

.ic-vitrin .ic-popup[b-c1kqpq8lpm]::backdrop {
  background: var(--scrim);
}

.ic-vitrin .ic-popup__bas[b-c1kqpq8lpm] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.ic-vitrin .ic-popup__bas > div[b-c1kqpq8lpm] {
  min-width: 0;
}

.ic-vitrin .ic-popup__bas h2[b-c1kqpq8lpm] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__bas h2:focus[b-c1kqpq8lpm] {
  outline: none;
}

.ic-vitrin .ic-popup__bas p[b-c1kqpq8lpm] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.ic-vitrin .ic-popup__kapat[b-c1kqpq8lpm] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.ic-vitrin .ic-popup__kapat:hover:not(:disabled)[b-c1kqpq8lpm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ic-vitrin .ic-popup__kapat:focus-visible[b-c1kqpq8lpm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ic-vitrin .ic-popup__govde[b-c1kqpq8lpm] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ic-vitrin .ic-popup__hata[b-c1kqpq8lpm] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
}

.ic-vitrin .ic-popup__eylem[b-c1kqpq8lpm] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ic-vitrin .ic-olgular[b-c1kqpq8lpm] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ic-vitrin .ic-olgular > div[b-c1kqpq8lpm] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ic-vitrin .ic-olgular > div:nth-child(odd)[b-c1kqpq8lpm] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ic-vitrin .ic-olgular dt[b-c1kqpq8lpm] {
  color: var(--metin-ipucu);
}

.ic-vitrin .ic-olgular dd[b-c1kqpq8lpm] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ic-vitrin .ic-kapak[b-c1kqpq8lpm] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .ic-vitrin .ic-kapak__geri[b-c1kqpq8lpm],
  .ic-vitrin .ic-kapak__baslik[b-c1kqpq8lpm],
  .ic-vitrin .ic-suzgec[b-c1kqpq8lpm],
  .ic-vitrin .ic-kapak__eylem[b-c1kqpq8lpm] {
    grid-row: 1;
  }

  .ic-vitrin .ic-suzgec[b-c1kqpq8lpm] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .ic-vitrin .ic-kapak__eylem[b-c1kqpq8lpm] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ic-vitrin .ic-kapak[b-c1kqpq8lpm] {
    padding: 16px;
  }

  .ic-vitrin .ic-dugme[b-c1kqpq8lpm],
  .ic-vitrin .ic-satir-dugme[b-c1kqpq8lpm] {
    min-height: 44px;
  }

  .ic-vitrin .ic-suzgec[b-c1kqpq8lpm]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .ic-vitrin .ic-tablo .ic-sut-1[b-c1kqpq8lpm] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .ic-vitrin .ic-tablo thead .ic-sut-1[b-c1kqpq8lpm] {
    z-index: 5;
    background: var(--marka-600);
  }

  .ic-vitrin .ic-tablo tbody tr:nth-child(even) .ic-sut-1[b-c1kqpq8lpm] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ic-vitrin .ic-kapak[b-c1kqpq8lpm] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .ic-vitrin .ic-kapak .au-title[b-c1kqpq8lpm] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ic-vitrin .ic-kapak__alt[b-c1kqpq8lpm],
  .ic-vitrin .ic-not[b-c1kqpq8lpm] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .ic-vitrin .ic-suzgec[b-c1kqpq8lpm] {
    flex-direction: column;
    align-items: stretch;
  }

  .ic-vitrin .ic-kapak__eylem[b-c1kqpq8lpm] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .ic-vitrin .ic-kapak__eylem .ic-dugme[b-c1kqpq8lpm] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .ic-vitrin .ic-kart[b-c1kqpq8lpm] {
    padding: 16px 12px;
  }

  .ic-vitrin .ic-bolum__baslik[b-c1kqpq8lpm] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ic-vitrin .ic-tablo tbody td[b-c1kqpq8lpm],
  .ic-vitrin .ic-tablo thead th[b-c1kqpq8lpm] {
    padding-inline: 8px;
  }

  .ic-vitrin .ic-eylem-hucre[b-c1kqpq8lpm] {
    flex-direction: column;
    align-items: stretch;
  }

  .ic-vitrin .ic-popup[b-c1kqpq8lpm] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ic-vitrin .ic-popup__bas[b-c1kqpq8lpm],
  .ic-vitrin .ic-popup__govde[b-c1kqpq8lpm],
  .ic-vitrin .ic-popup__eylem[b-c1kqpq8lpm] {
    padding: 12px;
  }

  .ic-vitrin .ic-popup__bas h2[b-c1kqpq8lpm] {
    font-size: 17px;
  }

  .ic-vitrin .ic-popup__eylem .ic-dugme[b-c1kqpq8lpm] {
    flex: 1 1 auto;
  }

  .ic-vitrin .ic-olgular > div[b-c1kqpq8lpm] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

/* ── Üretim işlerine özgü: tıklanabilir satır, durum rozeti, kimlik ── */
.ic-vitrin .jl-satir[b-c1kqpq8lpm] {
  cursor: pointer;
}

.ic-vitrin .jl-satir:hover td[b-c1kqpq8lpm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Satırın kendisi artık odaklanmıyor (role="button" + tabindex kaldırıldı); odak ilk hücredeki
   gerçek bağlantıda ve satır düğmelerinde. Odağın hangi işe ait olduğu satır tonuyla gösterilir. */
.ic-vitrin .jl-satir:focus-within td[b-c1kqpq8lpm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ic-vitrin .jl-kimlik[b-c1kqpq8lpm] {
  color: var(--marka-600);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.ic-vitrin .jl-tam-kimlik[b-c1kqpq8lpm] {
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
}

.ic-vitrin .jl-durum[b-c1kqpq8lpm] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.ic-vitrin .jl-durum[b-c1kqpq8lpm]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.ic-vitrin .jl-durum.is-tamam[b-c1kqpq8lpm] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.ic-vitrin .jl-durum.is-isleniyor[b-c1kqpq8lpm] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.ic-vitrin .jl-durum.is-hata[b-c1kqpq8lpm] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.ic-vitrin .jl-hata[b-c1kqpq8lpm] {
  display: inline-block;
  max-width: 320px;
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.45;
}

@media (max-width: 640px) {
  .ic-vitrin .jl-hata[b-c1kqpq8lpm] {
    max-width: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/DraftGenerate.razor.rz.scp.css */
/* Plan taslakları üret — Akademik Analiz görsel dili: 23 px kapak, bölüm kartı,
   sihirbaz adımlarında ortak alan ızgarası ve gözden geçirme künyesi.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md;
   cihaz bantları docs/mobil/YENI-DIL.md §1.1. Kapsam: scoped. */

.au-page.taslak-uret-vitrin[b-puu92dlsyw] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak ─────────────────────────────────────────────────────────── */
.taslak-uret-vitrin .dgen-kapak[b-puu92dlsyw] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.taslak-uret-vitrin .dgen-geri[b-puu92dlsyw] { grid-area: geri; }
.taslak-uret-vitrin .dgen-baslik[b-puu92dlsyw] { grid-area: baslik; min-width: 0; }

.taslak-uret-vitrin .dgen-baslik .au-title[b-puu92dlsyw] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.taslak-uret-vitrin .dgen-alt[b-puu92dlsyw] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.taslak-uret-vitrin .dgen-uyari[b-puu92dlsyw] { margin-bottom: 16px; }

/* ── Bölüm kartı ─────────────────────────────────────────────────────────── */
.taslak-uret-vitrin .dgen-kart[b-puu92dlsyw] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.taslak-uret-vitrin .dgen-kart[b-puu92dlsyw]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.taslak-uret-vitrin .dgen-bolum-baslik[b-puu92dlsyw] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.taslak-uret-vitrin .dgen-bolum-baslik[b-puu92dlsyw]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.taslak-uret-vitrin .dgen-alt-baslik[b-puu92dlsyw] {
  margin: 0 0 10px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.taslak-uret-vitrin .dgen-ipucu[b-puu92dlsyw] {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.55;
}

/* ── Sihirbaz adım içerikleri ────────────────────────────────────────────── */
.taslak-uret-vitrin .dgen-izgara[b-puu92dlsyw] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px 16px;
}

.taslak-uret-vitrin .dgen-grup + .dgen-grup[b-puu92dlsyw] {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Gözden geçirme künyesi ──────────────────────────────────────────────── */
.taslak-uret-vitrin .dgen-ozet[b-puu92dlsyw] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.taslak-uret-vitrin .dgen-ozet > div[b-puu92dlsyw] {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.taslak-uret-vitrin .dgen-ozet > div:nth-child(odd)[b-puu92dlsyw] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.taslak-uret-vitrin .dgen-ozet dt[b-puu92dlsyw] { color: var(--metin-ipucu); }

.taslak-uret-vitrin .dgen-ozet dd[b-puu92dlsyw] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Sihirbazın kendi düğmeleri kapak taban çizgisine gelir ──────────────── */
.taslak-uret-vitrin .au-btn[b-puu92dlsyw] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.taslak-uret-vitrin .au-btn:hover:not(:disabled)[b-puu92dlsyw] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.taslak-uret-vitrin .au-btn:disabled[b-puu92dlsyw] { opacity: .55; cursor: not-allowed; }

.taslak-uret-vitrin .au-btn--primary[b-puu92dlsyw] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.taslak-uret-vitrin .au-btn--primary:hover:not(:disabled)[b-puu92dlsyw] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.taslak-uret-vitrin .au-btn:focus-visible[b-puu92dlsyw] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .taslak-uret-vitrin .dgen-kapak[b-puu92dlsyw] { padding: 16px; }
  .taslak-uret-vitrin .au-btn[b-puu92dlsyw] { min-height: 44px; }
}

/* TELEFON — YENI-DIL §1.1 / §7 */
@media (max-width: 640px) {
  .taslak-uret-vitrin .dgen-kapak[b-puu92dlsyw] { padding: 12px; }
  .taslak-uret-vitrin .dgen-baslik .au-title[b-puu92dlsyw] { font-size: var(--yazi-kapak, 20px); }
  .taslak-uret-vitrin .dgen-bolum-baslik[b-puu92dlsyw] { font-size: var(--yazi-bolum, 14px); }
  .taslak-uret-vitrin .dgen-kart[b-puu92dlsyw] { padding: 16px 12px; }
  .taslak-uret-vitrin .dgen-izgara[b-puu92dlsyw] { grid-template-columns: minmax(0, 1fr); }
  .taslak-uret-vitrin .dgen-ozet > div[b-puu92dlsyw] {
    grid-template-columns: minmax(110px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
    font-size: var(--yazi-govde, 13px);
  }
}

/* Dokunmatikte girdi metni en az 16 px (YENI-DIL K4). Girdiler AppSelect / AppDatePicker /
   AppRichText / ComponentPicker alt bileşenlerinden gelir; bu sayfanın scope özniteliğini
   taşımazlar — `::deep` olmadan kural hiç uygulanmaz. */
@media (pointer: coarse) {
  .taslak-uret-vitrin[b-puu92dlsyw]  :is(input, textarea, select, .app-input) {
    font-size: max(16px, 1rem);
  }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/DraftGroup.razor.rz.scp.css */
/* Plan taslakları — Akademik Analiz görsel dili: 23 px kapak, bölüm kartı,
   taslak karşılaştırma ızgarası, görünür native popup (önizleme / seçim onayı).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md;
   cihaz bantları docs/mobil/YENI-DIL.md §1.1. Kapsam: scoped. */

.au-page.plan-taslaklari-vitrin[b-rk3mnw78l4] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak ─────────────────────────────────────────────────────────── */
.plan-taslaklari-vitrin .dg-kapak[b-rk3mnw78l4] {
  display: grid;
  grid-template-columns: 30px auto minmax(0, 1fr);
  grid-template-areas: "geri baslik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.plan-taslaklari-vitrin .dg-geri[b-rk3mnw78l4] { grid-area: geri; align-self: center; }
.plan-taslaklari-vitrin .dg-baslik[b-rk3mnw78l4] { grid-area: baslik; min-width: 0; }
.plan-taslaklari-vitrin .dg-eylem[b-rk3mnw78l4] { grid-area: eylem; }

.plan-taslaklari-vitrin .dg-baslik .au-title[b-rk3mnw78l4] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.plan-taslaklari-vitrin .dg-alt[b-rk3mnw78l4] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.plan-taslaklari-vitrin .dg-eylem[b-rk3mnw78l4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* ── Ortak düğme taban çizgisi ───────────────────────────────────────────── */
.plan-taslaklari-vitrin .au-btn[b-rk3mnw78l4] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.plan-taslaklari-vitrin .au-btn:hover:not(:disabled)[b-rk3mnw78l4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.plan-taslaklari-vitrin .au-btn:disabled[b-rk3mnw78l4] { opacity: .55; cursor: not-allowed; }

.plan-taslaklari-vitrin .au-btn--primary[b-rk3mnw78l4] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.plan-taslaklari-vitrin .au-btn--primary:hover:not(:disabled)[b-rk3mnw78l4] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.plan-taslaklari-vitrin .au-btn:focus-visible[b-rk3mnw78l4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ─────────────────────────────────────────────────────────── */
.plan-taslaklari-vitrin .dg-kart[b-rk3mnw78l4],
.plan-taslaklari-vitrin .dg-bos[b-rk3mnw78l4] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.plan-taslaklari-vitrin .dg-kart[b-rk3mnw78l4]::before,
.plan-taslaklari-vitrin .dg-bos[b-rk3mnw78l4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.plan-taslaklari-vitrin .dg-bos[b-rk3mnw78l4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.plan-taslaklari-vitrin .dg-bos p[b-rk3mnw78l4] { margin: 0; line-height: 1.6; }

.plan-taslaklari-vitrin .dg-bolum-baslik[b-rk3mnw78l4] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.plan-taslaklari-vitrin .dg-bolum-baslik[b-rk3mnw78l4]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.plan-taslaklari-vitrin .dg-ipucu[b-rk3mnw78l4] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.55;
}

/* ── Taslak karşılaştırma ızgarası ───────────────────────────────────────── */
.plan-taslaklari-vitrin .dg-izgara[b-rk3mnw78l4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.plan-taslaklari-vitrin .dg-taslak[b-rk3mnw78l4] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.plan-taslaklari-vitrin .dg-taslak.is-secili[b-rk3mnw78l4] {
  border-color: color-mix(in srgb, var(--marka-600) 45%, var(--hat-kart));
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.plan-taslaklari-vitrin .dg-taslak__ust[b-rk3mnw78l4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.plan-taslaklari-vitrin .dg-taslak__ad[b-rk3mnw78l4] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.plan-taslaklari-vitrin .dg-ozet[b-rk3mnw78l4] {
  flex: 1;
  margin: 10px 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.plan-taslaklari-vitrin .dg-taslak__eylem[b-rk3mnw78l4] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
}

/* ── Künye listesi ───────────────────────────────────────────────────────── */
.plan-taslaklari-vitrin .dg-kunye[b-rk3mnw78l4] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.plan-taslaklari-vitrin .dg-kunye > div[b-rk3mnw78l4] {
  display: grid;
  grid-template-columns: minmax(104px, 1fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 8px 10px;
  font-size: 12.5px;
}

.plan-taslaklari-vitrin .dg-kunye > div:nth-child(odd)[b-rk3mnw78l4] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.plan-taslaklari-vitrin .dg-kunye dt[b-rk3mnw78l4] { color: var(--metin-ipucu); }

.plan-taslaklari-vitrin .dg-kunye dd[b-rk3mnw78l4] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Görünür popup ───────────────────────────────────────────────────────── */
.plan-taslaklari-vitrin .dg-popup[b-rk3mnw78l4] {
  width: min(760px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.plan-taslaklari-vitrin .dg-popup[open][b-rk3mnw78l4] { display: flex; flex-direction: column; }
.plan-taslaklari-vitrin .dg-popup[b-rk3mnw78l4]::backdrop { background: var(--scrim); }

.plan-taslaklari-vitrin .dg-popup-bas[b-rk3mnw78l4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.plan-taslaklari-vitrin .dg-popup-bas h2[b-rk3mnw78l4] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.plan-taslaklari-vitrin .dg-popup-bas h2:focus[b-rk3mnw78l4] { outline: none; }

.plan-taslaklari-vitrin .dg-popup-kapat[b-rk3mnw78l4] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.plan-taslaklari-vitrin .dg-popup-govde[b-rk3mnw78l4] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.plan-taslaklari-vitrin .dg-popup-eylem[b-rk3mnw78l4] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.plan-taslaklari-vitrin .dg-onay[b-rk3mnw78l4] {
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

/* CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .plan-taslaklari-vitrin .dg-kapak[b-rk3mnw78l4] { padding: 16px; }
  .plan-taslaklari-vitrin .au-btn[b-rk3mnw78l4] { min-height: 44px; }
}

/* TELEFON — YENI-DIL §1.1 / §7 */
@media (max-width: 640px) {
  .plan-taslaklari-vitrin .dg-kapak[b-rk3mnw78l4] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 12px;
    row-gap: 12px;
  }
  .plan-taslaklari-vitrin .dg-baslik .au-title[b-rk3mnw78l4] { font-size: var(--yazi-kapak, 20px); }
  .plan-taslaklari-vitrin .dg-bolum-baslik[b-rk3mnw78l4] { font-size: var(--yazi-bolum, 14px); }
  .plan-taslaklari-vitrin .dg-eylem[b-rk3mnw78l4] { justify-content: stretch; }
  .plan-taslaklari-vitrin .dg-eylem .au-btn[b-rk3mnw78l4] { flex: 1 1 auto; }
  .plan-taslaklari-vitrin .dg-kart[b-rk3mnw78l4] { padding: 16px 12px; }
  .plan-taslaklari-vitrin .dg-izgara[b-rk3mnw78l4] { grid-template-columns: minmax(0, 1fr); }
  .plan-taslaklari-vitrin .dg-taslak__eylem .au-btn[b-rk3mnw78l4] { flex: 1 1 auto; }
  .plan-taslaklari-vitrin .dg-popup[b-rk3mnw78l4] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .plan-taslaklari-vitrin .dg-popup-bas[b-rk3mnw78l4],
  .plan-taslaklari-vitrin .dg-popup-govde[b-rk3mnw78l4],
  .plan-taslaklari-vitrin .dg-popup-eylem[b-rk3mnw78l4] { padding: 12px; }
  .plan-taslaklari-vitrin .dg-popup-eylem .au-btn[b-rk3mnw78l4] { flex: 1 1 auto; }
  .plan-taslaklari-vitrin .dg-kunye > div[b-rk3mnw78l4] {
    grid-template-columns: minmax(88px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 8px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/MasterPlanGenerate.razor.rz.scp.css */
/* Ana Plan Üret (/content-studio/plans/generate-master) — Akademik Analiz görsel dili,
   YALNIZ bu ekran. Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak başlığı, 24/16/18 px kapak dolgusu, 18 px bölüm kartı, 5 px marka şeridi,
   --marka-rampa-serit tablo başlığı). Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1
   metinleriyle birebir. Yeni hex YOK — yalnız aurora.css token'ları ve color-mix. */

.ana-plan-vitrin[b-attdt80qh5] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ───────────────────────────────────────────────────────────────── */
.ana-plan-vitrin .apu-kapak[b-attdt80qh5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ana-plan-vitrin .apu-kapak-metin[b-attdt80qh5] { min-width: 0; }

.ana-plan-vitrin .apu-kapak .au-title[b-attdt80qh5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ana-plan-vitrin .apu-alt[b-attdt80qh5] {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ipucu);
}

.ana-plan-vitrin .apu-kapak-ozet[b-attdt80qh5] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.ana-plan-vitrin .apu-rozet[b-attdt80qh5] {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ana-plan-vitrin .apu-kapak[b-attdt80qh5] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    column-gap: 12px;
  }

  .ana-plan-vitrin .apu-kapak-ozet[b-attdt80qh5] {
    grid-column: 3;
    grid-row: 1;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow: hidden;
  }
}

.ana-plan-vitrin[b-attdt80qh5]  .au-breadcrumb--dugme {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 30px;
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.ana-plan-vitrin[b-attdt80qh5]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Uyarı / hata bandı ──────────────────────────────────────────────────── */
.ana-plan-vitrin .au-banner[b-attdt80qh5] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.ana-plan-vitrin .au-banner svg[b-attdt80qh5] { flex: 0 0 auto; }
.ana-plan-vitrin .au-banner span[b-attdt80qh5] { min-width: 0; }

.ana-plan-vitrin .au-banner--info[b-attdt80qh5] {
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
}

.ana-plan-vitrin .au-banner--danger[b-attdt80qh5] {
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}

.ana-plan-vitrin .au-banner .apu-dugme--ince[b-attdt80qh5] { margin-left: auto; flex: 0 0 auto; }

/* ── Sihirbaz: adım göstergesi beyaz sekme şeridine dönüşür ──────────────── */
.ana-plan-vitrin[b-attdt80qh5]  .app-wizard {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

/* `flex-direction` AÇIKÇA yazılmalı: AppWizard.razor.css `.wiz-head`i `column` kuruyor
   ve burada yazılmazsa şerit yatay değil dikey diziliyor (2026-09-20 denetimi). */
.ana-plan-vitrin[b-attdt80qh5]  .wiz-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-steps {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-steps::before,
.ana-plan-vitrin[b-attdt80qh5]  .wiz-steps::after,
.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind:not(:first-child)::before {
  content: none;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind {
  --apu-sekme: var(--marka-600);
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.2 var(--font-body);
  text-align: start;
  white-space: nowrap;
}

/* Lacivert → petrol dağılımı; ara ton mevcut rampa token'larının eşit karışımıdır. */
.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind:nth-child(2) {
  --apu-sekme: color-mix(in srgb, var(--marka-600) 50%, var(--marka-rampa-orta));
}
.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind:nth-child(3) { --apu-sekme: var(--marka-rampa-orta); }
.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind:nth-child(4) { --apu-sekme: var(--marka-rampa-uc); }

.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind.is-done {
  color: var(--apu-sekme);
  background: color-mix(in srgb, var(--apu-sekme) 10%, var(--yuzey));
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind.is-active {
  background: var(--apu-sekme);
  color: var(--on-brand);
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind__num {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 7px 7px 7px;
  background: var(--yuzey);
  color: var(--metin-ipucu);
  font: 700 11px var(--font-display);
  transform: none;
  box-shadow: none;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind.is-done .wiz-step-ind__num {
  border-color: transparent;
  background: var(--apu-sekme);
  color: var(--on-brand);
}

/* `transform`/`box-shadow` burada da sıfırlanmalı: AppWizard'ın
   `.wiz-step-ind.is-active .wiz-step-ind__num` kuralı daha yüksek özgüllükte
   `scale(1.08)` + mavi parıltı uyguluyor (2026-09-20 denetimi). */
.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind.is-active .wiz-step-ind__num {
  border-color: color-mix(in srgb, var(--on-brand) 55%, transparent);
  background: transparent;
  color: var(--on-brand);
  transform: none;
  box-shadow: none;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind__label { font-weight: inherit; line-height: 1.2; }
.ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind.is-active .wiz-step-ind__label { font-weight: 700; }

.ana-plan-vitrin[b-attdt80qh5]  .wiz-progress,
.ana-plan-vitrin[b-attdt80qh5]  .wiz-progress__fill {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-title-row {
  flex: 0 0 auto;
  margin: 0;
  padding-inline: 6px;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-count {
  color: var(--metin-ipucu);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

/* ── Bölüm kartı ─────────────────────────────────────────────────────────── */
.ana-plan-vitrin[b-attdt80qh5]  .wiz-kart {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
  pointer-events: none;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-body { min-height: 0; padding-top: 4px; }

.ana-plan-vitrin[b-attdt80qh5]  .au-field-group { padding-block: 12px; }

.ana-plan-vitrin[b-attdt80qh5]  .au-field-group + .au-field-group {
  margin-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.ana-plan-vitrin .apu-bolum-bas[b-attdt80qh5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.ana-plan-vitrin .apu-bolum-baslik[b-attdt80qh5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.ana-plan-vitrin .apu-bolum-bas .apu-bolum-baslik[b-attdt80qh5] { margin-bottom: 0; }

.ana-plan-vitrin .apu-bolum-baslik[b-attdt80qh5]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ana-plan-vitrin .apu-ipucu[b-attdt80qh5],
.ana-plan-vitrin[b-attdt80qh5]  .au-dim,
.ana-plan-vitrin[b-attdt80qh5]  .app-hint {
  margin: 8px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

/* Dönem filtresi düştüğünde görünen uyarı (backend 422 donem_yil_uyusmuyor riski). */
.ana-plan-vitrin .apu-uyari[b-attdt80qh5] {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  line-height: 1.5;
}

.ana-plan-vitrin .apu-bos[b-attdt80qh5] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Form alanları ───────────────────────────────────────────────────────── */
.ana-plan-vitrin .au-form-grid[b-attdt80qh5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px 24px;
}

.ana-plan-vitrin[b-attdt80qh5]  .app-field { min-width: 0; }

.ana-plan-vitrin[b-attdt80qh5]  .app-field__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--metin-ikincil);
}

.ana-plan-vitrin[b-attdt80qh5]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.ana-plan-vitrin[b-attdt80qh5]  .app-field textarea.app-input {
  height: auto;
  min-height: 96px;
  padding: 10px 12px;
  line-height: 1.5;
}

.ana-plan-vitrin[b-attdt80qh5]  .app-field .app-input:focus-visible {
  border-color: var(--marka-500);
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ana-plan-vitrin[b-attdt80qh5]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; line-height: 1.4; }
.ana-plan-vitrin[b-attdt80qh5]  .app-field__error { color: var(--red-600); font-size: 12px; font-weight: 600; }

/* ── Düğmeler ────────────────────────────────────────────────────────────── */
.ana-plan-vitrin .apu-dugme[b-attdt80qh5],
.ana-plan-vitrin[b-attdt80qh5]  .wiz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transform: none;
}

.ana-plan-vitrin .apu-dugme:hover:not(:disabled)[b-attdt80qh5],
.ana-plan-vitrin[b-attdt80qh5]  .wiz-btn:not(:disabled):hover {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  box-shadow: none;
}

.ana-plan-vitrin .apu-dugme--birincil[b-attdt80qh5],
.ana-plan-vitrin[b-attdt80qh5]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ana-plan-vitrin .apu-dugme--birincil:hover:not(:disabled)[b-attdt80qh5],
.ana-plan-vitrin[b-attdt80qh5]  .wiz-btn--primary:not(:disabled):hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ana-plan-vitrin .apu-dugme--ince[b-attdt80qh5] { height: 28px; min-height: 28px; padding: 0 10px; font-size: 12px; }

.ana-plan-vitrin .apu-dugme:disabled[b-attdt80qh5],
.ana-plan-vitrin[b-attdt80qh5]  .wiz-btn:disabled { opacity: .55; cursor: not-allowed; }

.ana-plan-vitrin .apu-dugme:focus-visible[b-attdt80qh5],
.ana-plan-vitrin[b-attdt80qh5]  .wiz-btn:focus-visible,
.ana-plan-vitrin[b-attdt80qh5]  .au-breadcrumb--dugme:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.ana-plan-vitrin[b-attdt80qh5]  .wiz-error {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  font-weight: 600;
}

/* ── Özet tablosu ────────────────────────────────────────────────────────── */
.ana-plan-vitrin .apu-tablo-kap[b-attdt80qh5] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.ana-plan-vitrin .apu-tablo-kap:focus-visible[b-attdt80qh5] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ana-plan-vitrin .apu-tablo[b-attdt80qh5] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.ana-plan-vitrin .apu-tablo thead th[b-attdt80qh5] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.ana-plan-vitrin .apu-tablo tbody th[b-attdt80qh5],
.ana-plan-vitrin .apu-tablo tbody td[b-attdt80qh5] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  text-align: start;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.ana-plan-vitrin .apu-tablo tbody th[b-attdt80qh5] {
  width: 38%;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.ana-plan-vitrin .apu-tablo tbody tr:nth-child(even) th[b-attdt80qh5],
.ana-plan-vitrin .apu-tablo tbody tr:nth-child(even) td[b-attdt80qh5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ana-plan-vitrin .apu-gizli[b-attdt80qh5] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Görünür popup (native dialog) ───────────────────────────────────────── */
/* Arka plan kilidi için `html:has(...)` KURULAMAZ: scoped CSS kapsam niteliğini son
   birleşik seçiciye ekler (`html:has(…)[b-xxx]`) ve <html> o niteliği hiç taşımaz —
   kural ölü olur. `showModal()` zaten belgeyi inert yapıyor (OptikPopup deseni). */

.ana-plan-vitrin .apu-popup[b-attdt80qh5] {
  width: min(820px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ana-plan-vitrin .apu-popup[open][b-attdt80qh5] { display: flex; flex-direction: column; }
.ana-plan-vitrin .apu-popup[b-attdt80qh5]::backdrop { background: var(--scrim); }

.ana-plan-vitrin .apu-popup-bas[b-attdt80qh5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ana-plan-vitrin .apu-popup-bas h2[b-attdt80qh5] {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.ana-plan-vitrin .apu-kapat[b-attdt80qh5] {
  width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.ana-plan-vitrin .apu-popup-govde[b-attdt80qh5] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.ana-plan-vitrin .apu-popup-eylem[b-attdt80qh5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ana-plan-vitrin .apu-popup-eylem .apu-ipucu[b-attdt80qh5] { margin: 0; }

/* ── CİHAZ (YENI-DIL §1.1) ───────────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ana-plan-vitrin .apu-kapak[b-attdt80qh5] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
  .ana-plan-vitrin[b-attdt80qh5]  .au-breadcrumb--dugme { width: 44px; height: 44px; }
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-steps { flex-wrap: nowrap; overflow-x: auto; }

  .ana-plan-vitrin .apu-dugme[b-attdt80qh5],
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-btn,
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind,
  .ana-plan-vitrin .apu-rozet[b-attdt80qh5] { min-height: 44px; }

  .ana-plan-vitrin .apu-dugme--ince[b-attdt80qh5] { min-height: 36px; height: 36px; }

  /* Kapatma düğmesi dokunmada 44 × 44 px hedef (yalnız yükseklik yetmiyordu). */
  .ana-plan-vitrin .apu-kapat[b-attdt80qh5] { width: 44px; }

  .ana-plan-vitrin[b-attdt80qh5]  .app-field .app-input { height: 44px; min-height: 44px; }
  .ana-plan-vitrin[b-attdt80qh5]  .app-field textarea.app-input { height: auto; min-height: 120px; }

  .ana-plan-vitrin .apu-tablo tbody th[b-attdt80qh5] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .ana-plan-vitrin .apu-tablo tbody tr:nth-child(even) th[b-attdt80qh5] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

@media (pointer: coarse) {
  .ana-plan-vitrin[b-attdt80qh5]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TABLET (YENI-DIL §1.1) ──────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ana-plan-vitrin .au-form-grid[b-attdt80qh5] { gap: 16px 18px; }
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-kart { padding: 16px; }
}

/* ── TELEFON (YENI-DIL §1.1) ─────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ana-plan-vitrin .apu-kapak[b-attdt80qh5] { padding: 12px; gap: 8px; }
  .ana-plan-vitrin .apu-kapak .au-title[b-attdt80qh5] { font-size: var(--yazi-kapak, 20px); }
  .ana-plan-vitrin .apu-alt[b-attdt80qh5] { font-size: var(--yazi-kucuk, 12px); }
  .ana-plan-vitrin .apu-bolum-baslik[b-attdt80qh5] { font-size: var(--yazi-bolum, 14px); }

  .ana-plan-vitrin[b-attdt80qh5]  .wiz-kart { padding: 16px 12px; }
  .ana-plan-vitrin .au-form-grid[b-attdt80qh5] { grid-template-columns: minmax(0, 1fr); gap: 16px; }

  .ana-plan-vitrin[b-attdt80qh5]  .wiz-head { flex-wrap: wrap; }
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-steps { flex: 1 1 100%; }
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-title-row { flex: 1 1 100%; padding: 4px 6px 0; }

  .ana-plan-vitrin[b-attdt80qh5]  .wiz-foot .wiz-btn { flex: 1 1 0; min-width: 0; }

  .ana-plan-vitrin .apu-bolum-bas .apu-dugme[b-attdt80qh5] { width: 100%; }

  .ana-plan-vitrin .apu-popup[b-attdt80qh5] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ana-plan-vitrin .apu-popup-bas[b-attdt80qh5],
  .ana-plan-vitrin .apu-popup-govde[b-attdt80qh5],
  .ana-plan-vitrin .apu-popup-eylem[b-attdt80qh5] { padding: 12px; }

  .ana-plan-vitrin .apu-popup-eylem[b-attdt80qh5] { flex-wrap: wrap; }
  .ana-plan-vitrin .apu-popup-eylem .apu-dugme[b-attdt80qh5] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-btn,
  .ana-plan-vitrin[b-attdt80qh5]  .wiz-step-ind__num { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/PacingDashboard.razor.rz.scp.css */
/* Ders temposu — Akademik Analiz kapak/yüzey/tablo ölçüleri (sayfa-scoped).
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.pc-vitrin[b-xjs741lr0v] {
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.pc-kapak[b-xjs741lr0v] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri baslik"
        "suzgec suzgec";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pc-kapak__geri[b-xjs741lr0v] { grid-area: geri; min-width: 0; }
.pc-kapak__geri[b-xjs741lr0v]  .au-breadcrumb { margin-bottom: 0; }
.pc-kapak__baslik[b-xjs741lr0v] { grid-area: baslik; min-width: 0; display: flex; align-items: center; min-height: 34px; }
.pc-suzgec[b-xjs741lr0v] { grid-area: suzgec; }

.pc-kapak .au-title[b-xjs741lr0v] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.pc-suzgec[b-xjs741lr0v] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.pc-alan[b-xjs741lr0v] { flex: 0 1 176px; max-width: 210px; min-width: 0; }

.pc-suzgec[b-xjs741lr0v]  .app-field { gap: 4px; }

.pc-suzgec[b-xjs741lr0v]  .app-field__label {
    font: 700 10px/1.4 var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--metin-ikincil);
}

.pc-suzgec[b-xjs741lr0v]  .app-input {
    min-height: 34px;
    height: 34px;
    padding-inline: 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
}

.pc-suzgec[b-xjs741lr0v]  .app-select__caret { color: var(--metin-ikincil); }
.pc-suzgec[b-xjs741lr0v]  .app-select__value.is-empty { color: var(--metin-ipucu); }

.pc-vitrin .pc-sifirla[b-xjs741lr0v] {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

/* ── Düğmeler ── */
.pc-vitrin[b-xjs741lr0v]  .au-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.pc-vitrin[b-xjs741lr0v]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.pc-vitrin[b-xjs741lr0v]  .au-btn--primary {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.pc-vitrin[b-xjs741lr0v]  .au-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.pc-vitrin[b-xjs741lr0v]  .au-btn:disabled { opacity: .55; cursor: not-allowed; }
.pc-vitrin[b-xjs741lr0v]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.pc-kart[b-xjs741lr0v] {
    position: relative;
    min-width: 0;
    padding: 18px;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pc-kart[b-xjs741lr0v]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pc-kart__ust[b-xjs741lr0v] { margin-bottom: 12px; }

.pc-bolum-baslik[b-xjs741lr0v] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 3px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.pc-bolum-baslik[b-xjs741lr0v]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pc-ipucu[b-xjs741lr0v] { margin: 0; color: var(--n-500); font-size: 12px; }
.pc-uyari[b-xjs741lr0v] { margin-bottom: 14px; }
.pc-bos-suzgec[b-xjs741lr0v] { margin: 0; padding: 24px 4px; color: var(--metin-ikincil); font-size: 13px; text-align: center; }

/* ── Tempo kartları ── */
.pc-izgara[b-xjs741lr0v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}

.pc-oge[b-xjs741lr0v] {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.pc-oge__ust[b-xjs741lr0v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.pc-oge__ad[b-xjs741lr0v] {
    min-width: 0;
    margin: 0;
    font: 700 14px/1.35 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.pc-yuzde[b-xjs741lr0v] { display: flex; align-items: baseline; gap: 6px; margin: 0 0 8px; }

.pc-yuzde__deger[b-xjs741lr0v] {
    font: 700 27px/1 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--metin-murekkep);
}

.pc-yuzde__alt[b-xjs741lr0v] { color: var(--n-500); font-size: 11.5px; }

.pc-bar[b-xjs741lr0v] {
    height: 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
    overflow: hidden;
    margin-bottom: 12px;
}

.pc-bar__dolgu[b-xjs741lr0v] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 100%);
    transition: width .3s ease;
}

.pc-olgu[b-xjs741lr0v] { display: flex; flex-direction: column; gap: 2px; margin: 0 0 12px; }

.pc-olgu > div[b-xjs741lr0v] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 10px;
    align-items: baseline;
    padding: 7px 8px;
    font-size: 12.5px;
}

.pc-olgu > div:nth-child(odd)[b-xjs741lr0v] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.pc-olgu dt[b-xjs741lr0v] { margin: 0; color: var(--n-500); }
.pc-olgu dd[b-xjs741lr0v] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.pc-olgu--genis > div[b-xjs741lr0v] { grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr); font-size: 13px; padding: 10px; }

.pc-oge__eylem[b-xjs741lr0v] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Boş ve yükleniyor ── */
.pc-bos[b-xjs741lr0v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.pc-bos p[b-xjs741lr0v] { margin: 0; line-height: 1.6; }

.pc-oge--iskelet[b-xjs741lr0v] { display: grid; gap: 10px; }

.pc-iskelet[b-xjs741lr0v] {
    height: 14px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.pc-iskelet--baslik[b-xjs741lr0v] { height: 22px; width: 55%; }
.pc-iskelet--kisa[b-xjs741lr0v] { width: 45%; }

/* ── Ayrıntı popup'ı ── */
.pc-popup[b-xjs741lr0v] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.pc-popup[open][b-xjs741lr0v] { display: flex; flex-direction: column; }
.pc-popup[b-xjs741lr0v]::backdrop { background: var(--scrim); }

.pc-popup__ust[b-xjs741lr0v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.pc-popup__ust h2[b-xjs741lr0v] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.pc-popup__ust h2:focus[b-xjs741lr0v] { outline: none; }

.pc-vitrin .pc-popup__kapat[b-xjs741lr0v] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.pc-popup__govde[b-xjs741lr0v] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.pc-alt-baslik[b-xjs741lr0v] {
    margin: 18px 0 8px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.pc-popup__eylem[b-xjs741lr0v] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── Hafta tablosu: mavi–petrol başlık, kendi alanında kaydırma, sabit başlık ── */
.pc-tablo-kap[b-xjs741lr0v] {
    max-height: min(420px, 50dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
}

/* Ekran okuyucuya açık, görsel olarak gizli tablo başlığı. */
.pc-gizli[b-xjs741lr0v] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.pc-tablo[b-xjs741lr0v] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--yuzey);
}

.pc-tablo thead[b-xjs741lr0v] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--marka-rampa-serit);
}

.pc-tablo thead th[b-xjs741lr0v] {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    text-transform: uppercase;
    letter-spacing: .07em;
    text-align: start;
    white-space: nowrap;
}

.pc-tablo tbody td[b-xjs741lr0v] {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 70%, transparent);
    color: var(--metin-murekkep);
    font-size: 13px;
    vertical-align: middle;
}

.pc-tablo tbody tr:nth-child(even) td[b-xjs741lr0v] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.pc-sayi[b-xjs741lr0v] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pc-kol-hafta[b-xjs741lr0v] { width: 1%; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .pc-vitrin[b-xjs741lr0v]  .au-btn { min-height: 44px; }
    .pc-suzgec[b-xjs741lr0v]  .app-input { min-height: 44px; height: auto; font-size: max(16px, 1rem); }
    .pc-vitrin .pc-sifirla[b-xjs741lr0v] { min-height: 44px; }
    .pc-kapak[b-xjs741lr0v] { padding: 16px; }
    /* Yatay kaydırmada hafta sütunu yapışık kalır. */
    .pc-tablo .pc-kol-hafta[b-xjs741lr0v] {
        position: sticky;
        inset-inline-start: 0;
        z-index: 1;
        background: var(--yuzey);
    }
    .pc-tablo thead th.pc-kol-hafta[b-xjs741lr0v] { z-index: 3; background: var(--marka-rampa-serit); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .pc-kapak[b-xjs741lr0v] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik" "suzgec";
        padding: 12px;
    }
    .pc-kapak .au-title[b-xjs741lr0v] { font-size: var(--yazi-kapak, 20px); }
    .pc-alan[b-xjs741lr0v] { flex: 1 1 100%; max-width: none; }
    .pc-kart[b-xjs741lr0v] { padding: 16px 12px; }
    .pc-bolum-baslik[b-xjs741lr0v] { font-size: var(--yazi-bolum, 14px); }
    .pc-izgara[b-xjs741lr0v] { grid-template-columns: minmax(0, 1fr); }
    .pc-yuzde__deger[b-xjs741lr0v] { font-size: var(--yazi-kpi, 20px); }
    .pc-oge__eylem[b-xjs741lr0v]  .au-btn { flex: 1 1 auto; }
    .pc-popup[b-xjs741lr0v] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .pc-popup__ust[b-xjs741lr0v],
    .pc-popup__govde[b-xjs741lr0v],
    .pc-popup__eylem[b-xjs741lr0v] { padding: 12px; }
    .pc-popup__eylem[b-xjs741lr0v]  .au-btn { flex: 1 1 auto; }
    .pc-olgu > div[b-xjs741lr0v],
    .pc-olgu--genis > div[b-xjs741lr0v] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.5fr); gap: 8px; padding: 10px 6px; }
    .pc-tablo tbody td[b-xjs741lr0v],
    .pc-tablo thead th[b-xjs741lr0v] { padding: 10px; }
}

/* ── MASAÜSTÜ: geniş ekranda başlık solda, süzgeç sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .pc-kapak[b-xjs741lr0v] {
        grid-template-columns: 30px auto minmax(0, 1fr);
        grid-template-areas: "geri baslik suzgec";
    }
    /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
       çocukların İÇERİK genişliğinden hesaplanır (flex tabanı sayılmaz) → alanlar alt alta
       yığılıyordu. Kap gerilir, sağa yaslama flex ekseninde yapılır. */
    .pc-suzgec[b-xjs741lr0v] { justify-self: stretch; justify-content: flex-end; }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/PlanDetail.razor.rz.scp.css */
/* Plan detayı — Akademik Analiz kapak/yüzey/sekme ölçüleri (sayfa-scoped).
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.pd-vitrin[b-hjsn6tj2tb] {
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.pd-kapak[b-hjsn6tj2tb] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri baslik"
        "eylem eylem";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pd-kapak__geri[b-hjsn6tj2tb] { grid-area: geri; min-width: 0; align-self: start; padding-top: 4px; }
.pd-kapak__geri[b-hjsn6tj2tb]  .au-breadcrumb { margin-bottom: 0; }
.pd-kapak__baslik[b-hjsn6tj2tb] { grid-area: baslik; min-width: 0; }
.pd-eylem[b-hjsn6tj2tb] { grid-area: eylem; }

.pd-kapak .au-title[b-hjsn6tj2tb] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.pd-alt[b-hjsn6tj2tb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 6px 0 0;
}

.pd-tur[b-hjsn6tj2tb] { color: var(--n-500); font-size: 12.5px; }

.pd-eylem[b-hjsn6tj2tb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

/* ── Düğmeler ── */
.pd-vitrin[b-hjsn6tj2tb]  .au-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.pd-vitrin[b-hjsn6tj2tb]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.pd-vitrin[b-hjsn6tj2tb]  .au-btn--primary {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.pd-vitrin[b-hjsn6tj2tb]  .au-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.pd-vitrin[b-hjsn6tj2tb]  .au-btn:disabled { opacity: .55; cursor: not-allowed; }
.pd-vitrin[b-hjsn6tj2tb]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pd-uyari[b-hjsn6tj2tb] { margin-bottom: 14px; }

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px dolgu, 4 px aralık, içerikten 16 px ── */
.pd-sekmeler[b-hjsn6tj2tb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.pd-sekme[b-hjsn6tj2tb] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
}

.pd-sekme:hover:not(.is-secili)[b-hjsn6tj2tb] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-700);
}

.pd-sekme.is-secili[b-hjsn6tj2tb],
.pd-sekme.is-secili:hover[b-hjsn6tj2tb] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.pd-sekme:focus-visible[b-hjsn6tj2tb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pd-panel[b-hjsn6tj2tb] { min-width: 0; }
.pd-panel:focus-visible[b-hjsn6tj2tb] { outline: 2px solid var(--marka-600); outline-offset: 2px; border-radius: 3px; }

/* ── Bölüm kartı ── */
.pd-kart[b-hjsn6tj2tb] {
    position: relative;
    min-width: 0;
    padding: 18px;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pd-kart[b-hjsn6tj2tb]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pd-bolum-baslik[b-hjsn6tj2tb] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.pd-bolum-baslik[b-hjsn6tj2tb]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Künye ── */
.pd-olgu[b-hjsn6tj2tb] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.pd-olgu > div[b-hjsn6tj2tb] {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.pd-olgu > div:nth-child(odd)[b-hjsn6tj2tb] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.pd-olgu dt[b-hjsn6tj2tb] { margin: 0; color: var(--n-500); }
.pd-olgu dd[b-hjsn6tj2tb] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.pd-summary[b-hjsn6tj2tb] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.6;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.pd-not[b-hjsn6tj2tb] {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--hat-kart);
    color: var(--n-500);
    font-size: 12px;
    line-height: 1.5;
}

/* UX-ONARIM §4 — hafta/gün bölüm kartları: her dizi öğesi ayrı blok olarak okunur. */
.pd-blocks[b-hjsn6tj2tb] {
    list-style: none;
    counter-reset: pd-block;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pd-block[b-hjsn6tj2tb] {
    counter-increment: pd-block;
    position: relative;
    border: 1px solid var(--hat-kart);
    border-inline-start: 3px solid var(--marka-600);
    border-radius: var(--kose-kart);
    padding: 12px 14px 12px 16px;
}

.pd-block[b-hjsn6tj2tb]::before {
    content: counter(pd-block);
    display: inline-block;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 999px;
    background: var(--marka-600);
    color: var(--on-brand);
    font-size: .78rem;
    font-weight: 700;
    margin-bottom: 8px;
}

/* ── Boş ve yükleniyor ── */
.pd-bos[b-hjsn6tj2tb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.pd-bos p[b-hjsn6tj2tb] { margin: 0; line-height: 1.6; }

.pd-kart--iskelet[b-hjsn6tj2tb] { display: grid; gap: 10px; }

.pd-iskelet[b-hjsn6tj2tb] {
    height: 14px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.pd-iskelet--baslik[b-hjsn6tj2tb] { height: 22px; width: 45%; }
.pd-iskelet--kisa[b-hjsn6tj2tb] { width: 55%; }

/* ── Onay teyit popup'ı ── */
.pd-popup[b-hjsn6tj2tb] {
    width: min(520px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.pd-popup[open][b-hjsn6tj2tb] { display: flex; flex-direction: column; }
.pd-popup[b-hjsn6tj2tb]::backdrop { background: var(--scrim); }

.pd-popup__ust[b-hjsn6tj2tb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.pd-popup__ust h2[b-hjsn6tj2tb] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.pd-popup__ust h2:focus[b-hjsn6tj2tb] { outline: none; }

.pd-vitrin .pd-popup__kapat[b-hjsn6tj2tb] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.pd-popup__govde[b-hjsn6tj2tb] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.pd-popup__metin[b-hjsn6tj2tb] { margin: 0 0 12px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

.pd-popup__eylem[b-hjsn6tj2tb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .pd-vitrin[b-hjsn6tj2tb]  .au-btn { min-height: 44px; }
    .pd-kapak[b-hjsn6tj2tb] { padding: 16px; }
    /* Sekmeler tek yatay kaydırılabilir şerit olur. */
    .pd-sekmeler[b-hjsn6tj2tb] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }
    .pd-sekmeler[b-hjsn6tj2tb]::-webkit-scrollbar { display: none; }
    .pd-sekme[b-hjsn6tj2tb] { flex: 0 0 auto; min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .pd-kapak[b-hjsn6tj2tb] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik" "eylem";
        padding: 12px;
    }
    .pd-kapak__geri[b-hjsn6tj2tb] { padding-top: 0; }
    .pd-kapak .au-title[b-hjsn6tj2tb] { font-size: var(--yazi-kapak, 20px); }
    .pd-eylem[b-hjsn6tj2tb] { width: 100%; }
    .pd-eylem[b-hjsn6tj2tb]  .au-btn { flex: 1 1 auto; }
    .pd-kart[b-hjsn6tj2tb] { padding: 16px 12px; }
    .pd-bolum-baslik[b-hjsn6tj2tb] { font-size: var(--yazi-bolum, 14px); }
    .pd-olgu > div[b-hjsn6tj2tb] { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
    .pd-popup[b-hjsn6tj2tb] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .pd-popup__ust[b-hjsn6tj2tb],
    .pd-popup__govde[b-hjsn6tj2tb],
    .pd-popup__eylem[b-hjsn6tj2tb] { padding: 12px; }
    .pd-popup__eylem[b-hjsn6tj2tb]  .au-btn { flex: 1 1 auto; }
}

/* ── MASAÜSTÜ: başlık solda, eylemler sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .pd-kapak[b-hjsn6tj2tb] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
    }
    .pd-eylem[b-hjsn6tj2tb] { justify-self: end; }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/PlanDuzenle.razor.rz.scp.css */
/* Planı düzenle — Akademik Analiz kapak/yüzey/form ölçüleri (sayfa-scoped).
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.pe-vitrin[b-p7trcmtkbh] {
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.pe-kapak[b-p7trcmtkbh] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik";
    align-items: start;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pe-kapak__geri[b-p7trcmtkbh] { grid-area: geri; min-width: 0; padding-top: 4px; }
.pe-kapak__geri[b-p7trcmtkbh]  .au-breadcrumb { margin-bottom: 0; }
.pe-kapak__baslik[b-p7trcmtkbh] { grid-area: baslik; min-width: 0; }

.pe-kapak .au-title[b-p7trcmtkbh] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.pe-alt[b-p7trcmtkbh] {
    margin: 6px 0 0;
    color: var(--n-500);
    font-size: 12.5px;
    line-height: 1.5;
}

/* ── Düğmeler ── */
.pe-vitrin[b-p7trcmtkbh]  .au-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.pe-vitrin[b-p7trcmtkbh]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.pe-vitrin[b-p7trcmtkbh]  .au-btn--primary {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.pe-vitrin[b-p7trcmtkbh]  .au-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.pe-vitrin[b-p7trcmtkbh]  .au-btn:disabled { opacity: .55; cursor: not-allowed; }
.pe-vitrin[b-p7trcmtkbh]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pe-uyari[b-p7trcmtkbh] { margin-bottom: 14px; }

/* ── Bölüm kartı ── */
.pe-kart[b-p7trcmtkbh] {
    position: relative;
    min-width: 0;
    padding: 18px;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pe-kart[b-p7trcmtkbh]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pe-bolum-baslik[b-p7trcmtkbh] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.pe-bolum-baslik[b-p7trcmtkbh]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pe-not[b-p7trcmtkbh] {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--hat-kart);
    color: var(--n-500);
    font-size: 12px;
    line-height: 1.5;
}

.pe-bos-metin[b-p7trcmtkbh] { margin: 0; color: var(--metin-ikincil); font-size: 13px; }

/* Onaylı plan bandındaki çıkış yolu bağlantısı (au-btn değil — bant içinde metin bağı). */
.pe-baglanti[b-p7trcmtkbh] { color: var(--marka-700); font-weight: 600; text-decoration: underline; }
.pe-baglanti:focus-visible[b-p7trcmtkbh] { outline: 2px solid var(--marka-600); outline-offset: 2px; border-radius: 3px; }

/* ── Form alanları (SchemaDrivenEditor: .app-input.sde-input) ── */
.pe-kart[b-p7trcmtkbh]  .sde-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font-size: 13px;
}

.pe-kart[b-p7trcmtkbh]  .sde-input:focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* ── Form eylemleri ── */
.pe-eylem[b-p7trcmtkbh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ── Boş ve yükleniyor ── */
.pe-bos[b-p7trcmtkbh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.pe-bos p[b-p7trcmtkbh] { margin: 0; line-height: 1.6; }

.pe-kart--iskelet[b-p7trcmtkbh] { display: grid; gap: 10px; }

.pe-iskelet[b-p7trcmtkbh] {
    height: 14px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.pe-iskelet--baslik[b-p7trcmtkbh] { height: 22px; width: 45%; }
.pe-iskelet--kisa[b-p7trcmtkbh] { width: 55%; }

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .pe-vitrin[b-p7trcmtkbh]  .au-btn { min-height: 44px; }
    .pe-kart[b-p7trcmtkbh]  .sde-input { min-height: 44px; font-size: max(16px, 1rem); }
    .pe-kapak[b-p7trcmtkbh] { padding: 16px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .pe-kapak[b-p7trcmtkbh] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik";
        padding: 12px;
    }
    .pe-kapak__geri[b-p7trcmtkbh] { padding-top: 0; }
    .pe-kapak .au-title[b-p7trcmtkbh] { font-size: var(--yazi-kapak, 20px); }
    .pe-kart[b-p7trcmtkbh] { padding: 16px 12px; }
    .pe-bolum-baslik[b-p7trcmtkbh] { font-size: var(--yazi-bolum, 14px); }
    .pe-eylem[b-p7trcmtkbh] { padding: 12px; }
    .pe-eylem[b-p7trcmtkbh]  .au-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/PlanGenerate.razor.rz.scp.css */
/* Plan Üret (/content-studio/plans/generate) — Akademik Analiz görsel dili, YALNIZ bu ekran.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak başlığı, 24/16/18 px kapak dolgusu, 18 px bölüm kartı, 5 px marka şeridi,
   --marka-rampa-serit tablo başlığı). Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1
   metinleriyle birebir. Yeni hex YOK — yalnız aurora.css token'ları ve color-mix.
   Ortak CSS dosyalarına dokunulmadığı için her kural sayfa kapsamındadır (::deep). */

.plan-uret-vitrin[b-43xqbibwfd] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + bağlam rozetleri aynı beyaz yüzeyde ─────────────────── */
.plan-uret-vitrin .pu-kapak[b-43xqbibwfd] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.plan-uret-vitrin .pu-kapak-metin[b-43xqbibwfd] { min-width: 0; }

.plan-uret-vitrin .pu-kapak .au-title[b-43xqbibwfd] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.plan-uret-vitrin .pu-alt[b-43xqbibwfd] {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ipucu);
}

.plan-uret-vitrin .pu-kapak-ozet[b-43xqbibwfd] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.plan-uret-vitrin .pu-rozet[b-43xqbibwfd] {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

/* 1540 px üstü fareli: başlık solda, bağlam rozetleri sağ kenara yaslanır
   (akademik-analiz.md "geri baslik filtre eylem" tek satır düzeni). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .plan-uret-vitrin .pu-kapak[b-43xqbibwfd] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    column-gap: 12px;
  }

  .plan-uret-vitrin .pu-kapak-ozet[b-43xqbibwfd] {
    grid-column: 3;
    grid-row: 1;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow: hidden;
  }
}

.plan-uret-vitrin[b-43xqbibwfd]  .au-breadcrumb--dugme {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 30px;
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.plan-uret-vitrin[b-43xqbibwfd]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Uyarı / hata bandı ──────────────────────────────────────────────────── */
.plan-uret-vitrin .au-banner[b-43xqbibwfd] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.plan-uret-vitrin .au-banner svg[b-43xqbibwfd] { flex: 0 0 auto; }
.plan-uret-vitrin .au-banner span[b-43xqbibwfd] { min-width: 0; }

.plan-uret-vitrin .au-banner--info[b-43xqbibwfd] {
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
}

.plan-uret-vitrin .au-banner--danger[b-43xqbibwfd] {
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}

.plan-uret-vitrin .au-banner .pu-dugme--ince[b-43xqbibwfd] { margin-left: auto; flex: 0 0 auto; }

/* ── Sihirbaz: adım göstergesi beyaz sekme şeridine dönüşür ──────────────── */
.plan-uret-vitrin[b-43xqbibwfd]  .app-wizard {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

/* `flex-direction` AÇIKÇA yazılmalı: AppWizard.razor.css `.wiz-head`i `column` kuruyor
   ve burada yazılmazsa şerit yatay değil dikey diziliyor (2026-09-20 denetimi). */
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-steps {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
}

/* AppWizard.razor.css'in bağlayıcı ray çizgileri bu şeritte kullanılmaz. */
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-steps::before,
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-steps::after,
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind:not(:first-child)::before {
  content: none;
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind {
  --pu-sekme: var(--marka-600);
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.2 var(--font-body);
  text-align: start;
  white-space: nowrap;
}

/* Lacivert → petrol dağılımı; tonlar mevcut rampa token'larından gelir. */
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind:nth-child(2) { --pu-sekme: var(--marka-rampa-orta); }
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind:nth-child(3) { --pu-sekme: var(--marka-rampa-uc); }

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind.is-done {
  color: var(--pu-sekme);
  background: color-mix(in srgb, var(--pu-sekme) 10%, var(--yuzey));
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind.is-active {
  background: var(--pu-sekme);
  color: var(--on-brand);
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind__num {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 7px 7px 7px;
  background: var(--yuzey);
  color: var(--metin-ipucu);
  font: 700 11px var(--font-display);
  transform: none;
  box-shadow: none;
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind.is-done .wiz-step-ind__num {
  border-color: transparent;
  background: var(--pu-sekme);
  color: var(--on-brand);
}

/* `transform`/`box-shadow` burada da sıfırlanmalı: AppWizard'ın
   `.wiz-step-ind.is-active .wiz-step-ind__num` kuralı daha yüksek özgüllükte
   `scale(1.08)` + mavi parıltı uyguluyor (2026-09-20 denetimi). */
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind.is-active .wiz-step-ind__num {
  border-color: color-mix(in srgb, var(--on-brand) 55%, transparent);
  background: transparent;
  color: var(--on-brand);
  transform: none;
  box-shadow: none;
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind__label { font-weight: inherit; line-height: 1.2; }
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind.is-active .wiz-step-ind__label { font-weight: 700; }

/* İlerleme çubuğu görünmez ama erişilebilirlik ağacında kalır (role=progressbar). */
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-progress,
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-progress__fill {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-title-row {
  flex: 0 0 auto;
  margin: 0;
  padding-inline: 6px;
}

/* Adım adı şeritte zaten yazılı; h2 yalnız ekran okuyucuda kalır. */
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-count {
  color: var(--metin-ipucu);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

/* ── Bölüm kartı ─────────────────────────────────────────────────────────── */
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-kart {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
  pointer-events: none;
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-body { min-height: 0; padding-top: 4px; }

.plan-uret-vitrin[b-43xqbibwfd]  .au-field-group { padding-block: 12px; }

.plan-uret-vitrin[b-43xqbibwfd]  .au-field-group + .au-field-group {
  margin-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.plan-uret-vitrin .pu-bolum-bas[b-43xqbibwfd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.plan-uret-vitrin .pu-bolum-baslik[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .au-group-title,
.plan-uret-vitrin[b-43xqbibwfd]  .psi-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.plan-uret-vitrin .pu-bolum-bas .pu-bolum-baslik[b-43xqbibwfd] { margin-bottom: 0; }

.plan-uret-vitrin .pu-bolum-baslik[b-43xqbibwfd]::before,
.plan-uret-vitrin[b-43xqbibwfd]  .au-group-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.plan-uret-vitrin[b-43xqbibwfd]  .psi-title { font-size: 13.5px; margin-bottom: 8px; }

.plan-uret-vitrin .pu-ipucu[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .au-dim,
.plan-uret-vitrin[b-43xqbibwfd]  .app-hint {
  margin: 8px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.plan-uret-vitrin .pu-hata[b-43xqbibwfd] {
  margin: 8px 0 0;
  color: var(--red-600);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.plan-uret-vitrin .pu-bos[b-43xqbibwfd] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* Uzun kaynak listesi kendi sınırlı alanında kayar (bilgi silinmez). */
.plan-uret-vitrin[b-43xqbibwfd]  .psi-list {
  max-height: min(320px, 45dvh);
  overflow: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 4px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  list-style: none;
}

.plan-uret-vitrin[b-43xqbibwfd]  .psi-item { border-radius: var(--kose-dugme); }

.plan-uret-vitrin[b-43xqbibwfd]  .psi-item label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 8px;
  font-size: 13px;
}

.plan-uret-vitrin[b-43xqbibwfd]  .psi-item.is-selected { background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }

.plan-uret-vitrin[b-43xqbibwfd]  .psi-item__meta {
  margin-left: auto;
  color: var(--metin-ipucu);
  font-size: 12px;
  white-space: nowrap;
}

.plan-uret-vitrin[b-43xqbibwfd]  .psi-block + .psi-block { margin-top: 12px; }

/* ── Form alanları ───────────────────────────────────────────────────────── */
.plan-uret-vitrin .au-form-grid[b-43xqbibwfd] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px 24px;
}

.plan-uret-vitrin[b-43xqbibwfd]  .app-field { min-width: 0; }

.plan-uret-vitrin[b-43xqbibwfd]  .app-field__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--metin-ikincil);
}

.plan-uret-vitrin[b-43xqbibwfd]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.plan-uret-vitrin[b-43xqbibwfd]  .app-field textarea.app-input {
  height: auto;
  min-height: 96px;
  padding: 10px 12px;
  line-height: 1.5;
}

.plan-uret-vitrin[b-43xqbibwfd]  .app-field .app-input:focus-visible {
  border-color: var(--marka-500);
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.plan-uret-vitrin[b-43xqbibwfd]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; line-height: 1.4; }
.plan-uret-vitrin[b-43xqbibwfd]  .app-field__error { color: var(--red-600); font-size: 12px; font-weight: 600; }

/* ── Düğmeler (sayfa + sihirbaz altlığı ortak taban çizgisi) ─────────────── */
.plan-uret-vitrin .pu-dugme[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transform: none;
}

.plan-uret-vitrin .pu-dugme:hover:not(:disabled)[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn:not(:disabled):hover {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  box-shadow: none;
}

.plan-uret-vitrin .pu-dugme--birincil[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.plan-uret-vitrin .pu-dugme--birincil:hover:not(:disabled)[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn--primary:not(:disabled):hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.plan-uret-vitrin .pu-dugme--ince[b-43xqbibwfd] { height: 28px; min-height: 28px; padding: 0 10px; font-size: 12px; }

.plan-uret-vitrin .pu-dugme:disabled[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn:disabled { opacity: .55; cursor: not-allowed; }

.plan-uret-vitrin .pu-dugme:focus-visible[b-43xqbibwfd],
.plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn:focus-visible,
.plan-uret-vitrin[b-43xqbibwfd]  .au-breadcrumb--dugme:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.plan-uret-vitrin[b-43xqbibwfd]  .wiz-error {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  font-weight: 600;
}

/* ── Özet tablosu: --marka-rampa-serit başlık, beyaz gövde, sınırlı kaydırma ─ */
.plan-uret-vitrin .pu-tablo-kap[b-43xqbibwfd] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.plan-uret-vitrin .pu-tablo-kap:focus-visible[b-43xqbibwfd] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.plan-uret-vitrin .pu-tablo[b-43xqbibwfd] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.plan-uret-vitrin .pu-tablo thead th[b-43xqbibwfd] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.plan-uret-vitrin .pu-tablo tbody th[b-43xqbibwfd],
.plan-uret-vitrin .pu-tablo tbody td[b-43xqbibwfd] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  text-align: start;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.plan-uret-vitrin .pu-tablo tbody th[b-43xqbibwfd] {
  width: 38%;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.plan-uret-vitrin .pu-tablo tbody tr:nth-child(even) th[b-43xqbibwfd],
.plan-uret-vitrin .pu-tablo tbody tr:nth-child(even) td[b-43xqbibwfd] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.plan-uret-vitrin .pu-gizli[b-43xqbibwfd] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Görünür popup (native dialog) ───────────────────────────────────────── */
/* Arka plan kilidi için `html:has(...)` KURULAMAZ: scoped CSS kapsam niteliğini son
   birleşik seçiciye ekler (`html:has(…)[b-xxx]`) ve <html> o niteliği hiç taşımaz —
   kural ölü olur. `showModal()` zaten belgeyi inert yapıyor (OptikPopup deseni). */

.plan-uret-vitrin .pu-popup[b-43xqbibwfd] {
  width: min(820px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.plan-uret-vitrin .pu-popup[open][b-43xqbibwfd] { display: flex; flex-direction: column; }
.plan-uret-vitrin .pu-popup[b-43xqbibwfd]::backdrop { background: var(--scrim); }

.plan-uret-vitrin .pu-popup-bas[b-43xqbibwfd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.plan-uret-vitrin .pu-popup-bas h2[b-43xqbibwfd] {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.plan-uret-vitrin .pu-kapat[b-43xqbibwfd] {
  width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.plan-uret-vitrin .pu-popup-govde[b-43xqbibwfd] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.plan-uret-vitrin .pu-popup-eylem[b-43xqbibwfd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.plan-uret-vitrin .pu-popup-eylem .pu-ipucu[b-43xqbibwfd] { margin: 0; }

/* ── CİHAZ (YENI-DIL §1.1) ───────────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .plan-uret-vitrin .pu-kapak[b-43xqbibwfd] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
  .plan-uret-vitrin[b-43xqbibwfd]  .au-breadcrumb--dugme { width: 44px; height: 44px; }
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-steps { flex-wrap: nowrap; overflow-x: auto; }

  .plan-uret-vitrin .pu-dugme[b-43xqbibwfd],
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn,
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind,
  .plan-uret-vitrin .pu-rozet[b-43xqbibwfd],
  .plan-uret-vitrin[b-43xqbibwfd]  .psi-item label { min-height: 44px; }

  .plan-uret-vitrin .pu-dugme--ince[b-43xqbibwfd] { min-height: 36px; height: 36px; }

  /* Kapatma düğmesi dokunmada 44 × 44 px hedef (yalnız yükseklik yetmiyordu). */
  .plan-uret-vitrin .pu-kapat[b-43xqbibwfd] { width: 44px; }

  .plan-uret-vitrin[b-43xqbibwfd]  .app-field .app-input { height: 44px; min-height: 44px; }
  .plan-uret-vitrin[b-43xqbibwfd]  .app-field textarea.app-input { height: auto; min-height: 120px; }

  /* Dar ekranda ilk anlamlı sütun yapışık kalır. */
  .plan-uret-vitrin .pu-tablo tbody th[b-43xqbibwfd] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .plan-uret-vitrin .pu-tablo tbody tr:nth-child(even) th[b-43xqbibwfd] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

@media (pointer: coarse) {
  .plan-uret-vitrin[b-43xqbibwfd]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TABLET (YENI-DIL §1.1) ──────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .plan-uret-vitrin .au-form-grid[b-43xqbibwfd] { gap: 16px 18px; }
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-kart { padding: 16px; }
}

/* ── TELEFON (YENI-DIL §1.1) ─────────────────────────────────────────────── */
@media (max-width: 640px) {
  .plan-uret-vitrin .pu-kapak[b-43xqbibwfd] { padding: 12px; gap: 8px; }
  .plan-uret-vitrin .pu-kapak .au-title[b-43xqbibwfd] { font-size: var(--yazi-kapak, 20px); }
  .plan-uret-vitrin .pu-alt[b-43xqbibwfd] { font-size: var(--yazi-kucuk, 12px); }
  .plan-uret-vitrin .pu-bolum-baslik[b-43xqbibwfd],
  .plan-uret-vitrin[b-43xqbibwfd]  .au-group-title { font-size: var(--yazi-bolum, 14px); }

  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-kart { padding: 16px 12px; }
  .plan-uret-vitrin .au-form-grid[b-43xqbibwfd] { grid-template-columns: minmax(0, 1fr); gap: 16px; }

  /* Adım şeridi tek yatay kaydırılabilir şerit; sayaç alta iner. */
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-head { flex-wrap: wrap; }
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-steps { flex: 1 1 100%; }
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-title-row { flex: 1 1 100%; padding: 4px 6px 0; }

  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-foot .wiz-btn { flex: 1 1 0; min-width: 0; }

  .plan-uret-vitrin .pu-bolum-bas .pu-dugme[b-43xqbibwfd] { width: 100%; }

  .plan-uret-vitrin .pu-popup[b-43xqbibwfd] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .plan-uret-vitrin .pu-popup-bas[b-43xqbibwfd],
  .plan-uret-vitrin .pu-popup-govde[b-43xqbibwfd],
  .plan-uret-vitrin .pu-popup-eylem[b-43xqbibwfd] { padding: 12px; }

  .plan-uret-vitrin .pu-popup-eylem[b-43xqbibwfd] { flex-wrap: wrap; }
  .plan-uret-vitrin .pu-popup-eylem .pu-dugme[b-43xqbibwfd] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-btn,
  .plan-uret-vitrin[b-43xqbibwfd]  .wiz-step-ind__num { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/PlansList.razor.rz.scp.css */
/* Planlar listesi — Akademik Analiz kapak/yüzey/tablo ölçüleri (sayfa-scoped).
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.pl-vitrin[b-gj5nfrj7l1] {
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.pl-kapak[b-gj5nfrj7l1] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri baslik"
        "suzgec suzgec"
        "eylem eylem";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pl-kapak__geri[b-gj5nfrj7l1] { grid-area: geri; min-width: 0; }
.pl-kapak__geri[b-gj5nfrj7l1]  .au-breadcrumb { margin-bottom: 0; }
.pl-kapak__baslik[b-gj5nfrj7l1] { grid-area: baslik; min-width: 0; display: flex; align-items: center; min-height: 34px; }
.pl-suzgec[b-gj5nfrj7l1] { grid-area: suzgec; }
.pl-eylem[b-gj5nfrj7l1] { grid-area: eylem; }

.pl-kapak .au-title[b-gj5nfrj7l1] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

/* ── Süzgeç alanları ── */
.pl-suzgec[b-gj5nfrj7l1] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.pl-alan[b-gj5nfrj7l1] { flex: 0 1 176px; max-width: 210px; min-width: 0; }

.pl-suzgec[b-gj5nfrj7l1]  .app-field { gap: 4px; }

.pl-suzgec[b-gj5nfrj7l1]  .app-field__label {
    font: 700 10px/1.4 var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--metin-ikincil);
}

.pl-suzgec[b-gj5nfrj7l1]  .app-input {
    min-height: 34px;
    height: 34px;
    padding-inline: 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
}

.pl-suzgec[b-gj5nfrj7l1]  .app-select__caret { color: var(--metin-ikincil); }
.pl-suzgec[b-gj5nfrj7l1]  .app-select__value.is-empty { color: var(--metin-ipucu); }

.pl-vitrin .pl-sifirla[b-gj5nfrj7l1] {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

/* ── Eylem düğmeleri ── */
.pl-eylem[b-gj5nfrj7l1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.pl-vitrin[b-gj5nfrj7l1]  .au-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.pl-vitrin[b-gj5nfrj7l1]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.pl-vitrin[b-gj5nfrj7l1]  .au-btn--primary {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.pl-vitrin[b-gj5nfrj7l1]  .au-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.pl-vitrin[b-gj5nfrj7l1]  .au-btn:disabled { opacity: .55; cursor: not-allowed; }
.pl-vitrin[b-gj5nfrj7l1]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.pl-kart[b-gj5nfrj7l1] {
    position: relative;
    min-width: 0;
    padding: 18px;
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pl-kart[b-gj5nfrj7l1]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pl-kart__ust[b-gj5nfrj7l1] { margin-bottom: 12px; }

.pl-bolum-baslik[b-gj5nfrj7l1] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 3px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.pl-bolum-baslik[b-gj5nfrj7l1]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pl-ipucu[b-gj5nfrj7l1] { margin: 0; color: var(--n-500); font-size: 12px; }

/* ── Tablo: mavi–petrol başlık şeridi, beyaz gövde, kendi alanında kaydırma ── */
.pl-tablo-kap[b-gj5nfrj7l1] {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
}

.pl-tablo[b-gj5nfrj7l1] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--yuzey);
}

.pl-gizli[b-gj5nfrj7l1] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.pl-tablo thead[b-gj5nfrj7l1] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--marka-rampa-serit);
}

.pl-tablo thead th[b-gj5nfrj7l1] {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    text-transform: uppercase;
    letter-spacing: .07em;
    text-align: start;
    white-space: nowrap;
}

.pl-tablo tbody td[b-gj5nfrj7l1] {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 70%, transparent);
    color: var(--metin-murekkep);
    font-size: 13px;
    vertical-align: middle;
}

.pl-tablo tbody tr:nth-child(even) td[b-gj5nfrj7l1] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.pl-tablo tbody tr:hover td[b-gj5nfrj7l1] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.pl-satir[b-gj5nfrj7l1] { transition: background .12s ease; }

.pl-vitrin .pl-onizle[b-gj5nfrj7l1] {
    min-height: 30px;
    padding-inline: 10px;
    font-size: 12px;
}

.pl-kol-ozet[b-gj5nfrj7l1] { min-width: 220px; }
.pl-kol-islem[b-gj5nfrj7l1] { width: 1%; white-space: nowrap; text-align: end; }
.pl-sayi[b-gj5nfrj7l1] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.pl-link[b-gj5nfrj7l1] { color: var(--marka-700); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.pl-link:hover[b-gj5nfrj7l1] { text-decoration: underline; }
.pl-link:focus-visible[b-gj5nfrj7l1] { outline: 2px solid var(--marka-600); outline-offset: 2px; border-radius: 3px; }

/* ── Boş ve yükleniyor ── */
.pl-bos[b-gj5nfrj7l1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    text-align: center;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.pl-bos p[b-gj5nfrj7l1] { margin: 0; line-height: 1.6; }

.pl-kart--iskelet[b-gj5nfrj7l1] { display: grid; gap: 10px; }

.pl-iskelet[b-gj5nfrj7l1] {
    height: 14px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.pl-iskelet--baslik[b-gj5nfrj7l1] { height: 20px; width: 40%; }
.pl-iskelet--kisa[b-gj5nfrj7l1] { width: 55%; }

/* ── Önizleme popup'ı (native top layer) ── */
.pl-popup[b-gj5nfrj7l1] {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.pl-popup[open][b-gj5nfrj7l1] { display: flex; flex-direction: column; }
.pl-popup[b-gj5nfrj7l1]::backdrop { background: var(--scrim); }

.pl-popup__ust[b-gj5nfrj7l1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.pl-popup__ust h2[b-gj5nfrj7l1] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.pl-popup__ust h2:focus[b-gj5nfrj7l1] { outline: none; }

.pl-vitrin .pl-popup__kapat[b-gj5nfrj7l1] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.pl-popup__govde[b-gj5nfrj7l1] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.pl-olgu[b-gj5nfrj7l1] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.pl-olgu > div[b-gj5nfrj7l1] {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.pl-olgu > div:nth-child(odd)[b-gj5nfrj7l1] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.pl-olgu dt[b-gj5nfrj7l1] { margin: 0; color: var(--n-500); }
.pl-olgu dd[b-gj5nfrj7l1] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.pl-popup__ozet[b-gj5nfrj7l1] {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--hat-kart);
    color: var(--metin-ikincil);
    font-size: 13px;
    line-height: 1.6;
    white-space: pre-wrap;
}

.pl-popup__not[b-gj5nfrj7l1] { margin: 12px 0 0; color: var(--n-500); font-size: 12px; line-height: 1.5; }

.pl-popup__eylem[b-gj5nfrj7l1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .pl-vitrin[b-gj5nfrj7l1]  .au-btn { min-height: 44px; }
    .pl-suzgec[b-gj5nfrj7l1]  .app-input { min-height: 44px; height: auto; font-size: max(16px, 1rem); }
    .pl-vitrin .pl-sifirla[b-gj5nfrj7l1],
    .pl-vitrin .pl-onizle[b-gj5nfrj7l1] { min-height: 44px; }
    .pl-kapak[b-gj5nfrj7l1] { padding: 16px; }
    /* Yatay kaydırmada ilk anlamlı sütun yapışık kalır. */
    .pl-tablo .pl-kol-ozet[b-gj5nfrj7l1] {
        position: sticky;
        inset-inline-start: 0;
        z-index: 1;
        background: var(--yuzey);
    }
    .pl-tablo thead th.pl-kol-ozet[b-gj5nfrj7l1] { z-index: 3; background: var(--marka-rampa-serit); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .pl-kapak[b-gj5nfrj7l1] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik" "suzgec" "eylem";
        padding: 12px;
    }
    .pl-kapak .au-title[b-gj5nfrj7l1] { font-size: var(--yazi-kapak, 20px); }
    .pl-alan[b-gj5nfrj7l1] { flex: 1 1 100%; max-width: none; }
    .pl-eylem[b-gj5nfrj7l1] { width: 100%; }
    .pl-eylem[b-gj5nfrj7l1]  .au-btn { flex: 1 1 auto; }
    .pl-kart[b-gj5nfrj7l1] { padding: 16px 12px; }
    .pl-bolum-baslik[b-gj5nfrj7l1] { font-size: var(--yazi-bolum, 14px); }
    .pl-tablo tbody td[b-gj5nfrj7l1],
    .pl-tablo thead th[b-gj5nfrj7l1] { padding: 10px; }
    .pl-popup[b-gj5nfrj7l1] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .pl-popup__ust[b-gj5nfrj7l1],
    .pl-popup__govde[b-gj5nfrj7l1],
    .pl-popup__eylem[b-gj5nfrj7l1] { padding: 12px; }
    .pl-popup__eylem[b-gj5nfrj7l1]  .au-btn { flex: 1 1 auto; }
    .pl-olgu > div[b-gj5nfrj7l1] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* ── MASAÜSTÜ: geniş ekranda başlık solda, süzgeç ve eylem sağda ──
   Dar bandın alt sınırı 1024 → 1200: `auto` eylem sütunu max-content'ini
   ÖNCE aldığından `minmax(0,1fr)` süzgeç sütunu 1024px'te ~292px'e iniyor,
   iki `.pl-alan` (176+12+176) sığmayıp alt alta yığılıyor ve kapak büyüyordu.
   1024-1199 artık taban kuralın satır satır düzenini kullanır. */
@media (min-width: 1280px),
       (min-width: 1200px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1200px) and (max-width: 1279px) and (pointer: fine) {
    .pl-kapak[b-gj5nfrj7l1] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas:
            "geri baslik baslik"
            "suzgec suzgec eylem";
    }
    .pl-eylem[b-gj5nfrj7l1] { justify-self: end; align-self: end; }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .pl-kapak[b-gj5nfrj7l1] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik suzgec eylem";
    }
    /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın
       max-content'i `.pl-alan`ın `flex: 0 1 176px` tabanını saymaz, alanlar
       alt alta yığılırdı. Kap hücreyi doldurur, içerik sağa yaslanır. */
    .pl-suzgec[b-gj5nfrj7l1] { justify-self: stretch; justify-content: flex-end; }
}
/* _content/EduLive.Web/Components/Pages/Content/Plans/StandalonePlanGenerate.razor.rz.scp.css */
/* Bağımsız Plan Üret (/content-studio/plans/generate-standalone) — Akademik Analiz görsel
   dili, YALNIZ bu ekran. Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak başlığı, 24/16/18 px kapak dolgusu, 18 px bölüm kartı, 5 px marka şeridi,
   --marka-rampa-serit tablo başlığı). Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1
   metinleriyle birebir. Yeni hex YOK — yalnız aurora.css token'ları ve color-mix. */

.bagimsiz-plan-vitrin[b-bnkz1jc2d1] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ───────────────────────────────────────────────────────────────── */
.bagimsiz-plan-vitrin .bpu-kapak[b-bnkz1jc2d1] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.bagimsiz-plan-vitrin .bpu-kapak-metin[b-bnkz1jc2d1] { min-width: 0; }

.bagimsiz-plan-vitrin .bpu-kapak .au-title[b-bnkz1jc2d1] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.bagimsiz-plan-vitrin .bpu-alt[b-bnkz1jc2d1] {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ipucu);
}

.bagimsiz-plan-vitrin .bpu-kapak-ozet[b-bnkz1jc2d1] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.bagimsiz-plan-vitrin .bpu-rozet[b-bnkz1jc2d1] {
  display: inline-flex;
  align-items: center;
  max-width: 28ch;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .bagimsiz-plan-vitrin .bpu-kapak[b-bnkz1jc2d1] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    column-gap: 12px;
  }

  .bagimsiz-plan-vitrin .bpu-kapak-ozet[b-bnkz1jc2d1] {
    grid-column: 3;
    grid-row: 1;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow: hidden;
  }
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-breadcrumb--dugme {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 30px;
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-breadcrumb--dugme .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Uyarı / hata bandı ──────────────────────────────────────────────────── */
.bagimsiz-plan-vitrin .au-banner[b-bnkz1jc2d1] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: var(--kose-kart);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.bagimsiz-plan-vitrin .au-banner svg[b-bnkz1jc2d1] { flex: 0 0 auto; }
.bagimsiz-plan-vitrin .au-banner span[b-bnkz1jc2d1] { min-width: 0; }

.bagimsiz-plan-vitrin .au-banner--info[b-bnkz1jc2d1] {
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, transparent);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
}

.bagimsiz-plan-vitrin .au-banner--danger[b-bnkz1jc2d1] {
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}

.bagimsiz-plan-vitrin .au-banner .bpu-dugme--ince[b-bnkz1jc2d1] { margin-left: auto; flex: 0 0 auto; }

/* ── Sihirbaz: adım göstergesi beyaz sekme şeridine dönüşür ──────────────── */
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-wizard {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

/* `flex-direction` AÇIKÇA yazılmalı: AppWizard.razor.css `.wiz-head`i `column` kuruyor
   ve burada yazılmazsa şerit yatay değil dikey diziliyor (2026-09-20 denetimi). */
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-steps {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-steps::before,
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-steps::after,
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind:not(:first-child)::before {
  content: none;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind {
  --bpu-sekme: var(--marka-600);
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.2 var(--font-body);
  text-align: start;
  white-space: nowrap;
}

/* Lacivert → petrol dağılımı; ara ton mevcut rampa token'larının eşit karışımıdır. */
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind:nth-child(2) {
  --bpu-sekme: color-mix(in srgb, var(--marka-600) 50%, var(--marka-rampa-orta));
}
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind:nth-child(3) { --bpu-sekme: var(--marka-rampa-orta); }
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind:nth-child(4) { --bpu-sekme: var(--marka-rampa-uc); }

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind.is-done {
  color: var(--bpu-sekme);
  background: color-mix(in srgb, var(--bpu-sekme) 10%, var(--yuzey));
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind.is-active {
  background: var(--bpu-sekme);
  color: var(--on-brand);
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind__num {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 7px 7px 7px;
  background: var(--yuzey);
  color: var(--metin-ipucu);
  font: 700 11px var(--font-display);
  transform: none;
  box-shadow: none;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind.is-done .wiz-step-ind__num {
  border-color: transparent;
  background: var(--bpu-sekme);
  color: var(--on-brand);
}

/* `transform`/`box-shadow` burada da sıfırlanmalı: AppWizard'ın
   `.wiz-step-ind.is-active .wiz-step-ind__num` kuralı daha yüksek özgüllükte
   `scale(1.08)` + mavi parıltı uyguluyor (2026-09-20 denetimi). */
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind.is-active .wiz-step-ind__num {
  border-color: color-mix(in srgb, var(--on-brand) 55%, transparent);
  background: transparent;
  color: var(--on-brand);
  transform: none;
  box-shadow: none;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind__label { font-weight: inherit; line-height: 1.2; }
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind.is-active .wiz-step-ind__label { font-weight: 700; }

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-progress,
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-progress__fill {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-title-row {
  flex: 0 0 auto;
  margin: 0;
  padding-inline: 6px;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-count {
  color: var(--metin-ipucu);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

/* ── Bölüm kartı ─────────────────────────────────────────────────────────── */
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-kart {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
  pointer-events: none;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-body { min-height: 0; padding-top: 4px; }

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-field-group { padding-block: 12px; }

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-field-group + .au-field-group {
  margin-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.bagimsiz-plan-vitrin .bpu-bolum-bas[b-bnkz1jc2d1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.bagimsiz-plan-vitrin .bpu-bolum-baslik[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-group-title,
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.bagimsiz-plan-vitrin .bpu-bolum-bas .bpu-bolum-baslik[b-bnkz1jc2d1] { margin-bottom: 0; }

.bagimsiz-plan-vitrin .bpu-bolum-baslik[b-bnkz1jc2d1]::before,
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-group-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-title { font-size: 13.5px; margin-bottom: 8px; }

.bagimsiz-plan-vitrin .bpu-ipucu[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-dim,
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-hint {
  margin: 8px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.bagimsiz-plan-vitrin .bpu-hata[b-bnkz1jc2d1] {
  margin: 8px 0 0;
  color: var(--red-600);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.bagimsiz-plan-vitrin .bpu-bos[b-bnkz1jc2d1] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* Uzun kaynak listesi kendi sınırlı alanında kayar (bilgi silinmez). */
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-list {
  max-height: min(320px, 45dvh);
  overflow: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 4px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  list-style: none;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-item { border-radius: var(--kose-dugme); }

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-item label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 8px;
  font-size: 13px;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-item.is-selected { background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-item__meta {
  margin-left: auto;
  color: var(--metin-ipucu);
  font-size: 12px;
  white-space: nowrap;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-block + .psi-block { margin-top: 12px; }

/* ── Form alanları ───────────────────────────────────────────────────────── */
.bagimsiz-plan-vitrin .au-form-grid[b-bnkz1jc2d1] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px 24px;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field { min-width: 0; }

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--metin-ikincil);
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field textarea.app-input {
  height: auto;
  min-height: 96px;
  padding: 10px 12px;
  line-height: 1.5;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field .app-input:focus-visible {
  border-color: var(--marka-500);
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; line-height: 1.4; }
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field__error { color: var(--red-600); font-size: 12px; font-weight: 600; }

/* ── Düğmeler ────────────────────────────────────────────────────────────── */
.bagimsiz-plan-vitrin .bpu-dugme[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transform: none;
}

.bagimsiz-plan-vitrin .bpu-dugme:hover:not(:disabled)[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn:not(:disabled):hover {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  box-shadow: none;
}

.bagimsiz-plan-vitrin .bpu-dugme--birincil[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.bagimsiz-plan-vitrin .bpu-dugme--birincil:hover:not(:disabled)[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn--primary:not(:disabled):hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.bagimsiz-plan-vitrin .bpu-dugme--ince[b-bnkz1jc2d1] { height: 28px; min-height: 28px; padding: 0 10px; font-size: 12px; }

.bagimsiz-plan-vitrin .bpu-dugme:disabled[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn:disabled { opacity: .55; cursor: not-allowed; }

.bagimsiz-plan-vitrin .bpu-dugme:focus-visible[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn:focus-visible,
.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-breadcrumb--dugme:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-error {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  font-weight: 600;
}

/* ── Özet tablosu ────────────────────────────────────────────────────────── */
.bagimsiz-plan-vitrin .bpu-tablo-kap[b-bnkz1jc2d1] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.bagimsiz-plan-vitrin .bpu-tablo-kap:focus-visible[b-bnkz1jc2d1] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.bagimsiz-plan-vitrin .bpu-tablo[b-bnkz1jc2d1] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.bagimsiz-plan-vitrin .bpu-tablo thead th[b-bnkz1jc2d1] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.bagimsiz-plan-vitrin .bpu-tablo tbody th[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin .bpu-tablo tbody td[b-bnkz1jc2d1] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  text-align: start;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.bagimsiz-plan-vitrin .bpu-tablo tbody th[b-bnkz1jc2d1] {
  width: 38%;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.bagimsiz-plan-vitrin .bpu-tablo tbody tr:nth-child(even) th[b-bnkz1jc2d1],
.bagimsiz-plan-vitrin .bpu-tablo tbody tr:nth-child(even) td[b-bnkz1jc2d1] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.bagimsiz-plan-vitrin .bpu-gizli[b-bnkz1jc2d1] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Görünür popup (native dialog) ───────────────────────────────────────── */
/* Arka plan kilidi için `html:has(...)` KURULAMAZ: scoped CSS kapsam niteliğini son
   birleşik seçiciye ekler (`html:has(…)[b-xxx]`) ve <html> o niteliği hiç taşımaz —
   kural ölü olur. `showModal()` zaten belgeyi inert yapıyor (OptikPopup deseni). */

.bagimsiz-plan-vitrin .bpu-popup[b-bnkz1jc2d1] {
  width: min(820px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.bagimsiz-plan-vitrin .bpu-popup[open][b-bnkz1jc2d1] { display: flex; flex-direction: column; }
.bagimsiz-plan-vitrin .bpu-popup[b-bnkz1jc2d1]::backdrop { background: var(--scrim); }

.bagimsiz-plan-vitrin .bpu-popup-bas[b-bnkz1jc2d1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.bagimsiz-plan-vitrin .bpu-popup-bas h2[b-bnkz1jc2d1] {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.bagimsiz-plan-vitrin .bpu-kapat[b-bnkz1jc2d1] {
  width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.bagimsiz-plan-vitrin .bpu-popup-govde[b-bnkz1jc2d1] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.bagimsiz-plan-vitrin .bpu-popup-eylem[b-bnkz1jc2d1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.bagimsiz-plan-vitrin .bpu-popup-eylem .bpu-ipucu[b-bnkz1jc2d1] { margin: 0; }

/* ── CİHAZ (YENI-DIL §1.1) ───────────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .bagimsiz-plan-vitrin .bpu-kapak[b-bnkz1jc2d1] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-breadcrumb--dugme { width: 44px; height: 44px; }
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-steps { flex-wrap: nowrap; overflow-x: auto; }

  .bagimsiz-plan-vitrin .bpu-dugme[b-bnkz1jc2d1],
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn,
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind,
  .bagimsiz-plan-vitrin .bpu-rozet[b-bnkz1jc2d1],
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .psi-item label { min-height: 44px; }

  .bagimsiz-plan-vitrin .bpu-dugme--ince[b-bnkz1jc2d1] { min-height: 36px; height: 36px; }

  /* Kapatma düğmesi dokunmada 44 × 44 px hedef (yalnız yükseklik yetmiyordu). */
  .bagimsiz-plan-vitrin .bpu-kapat[b-bnkz1jc2d1] { width: 44px; }

  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field .app-input { height: 44px; min-height: 44px; }
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field textarea.app-input { height: auto; min-height: 120px; }

  .bagimsiz-plan-vitrin .bpu-tablo tbody th[b-bnkz1jc2d1] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .bagimsiz-plan-vitrin .bpu-tablo tbody tr:nth-child(even) th[b-bnkz1jc2d1] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

@media (pointer: coarse) {
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TABLET (YENI-DIL §1.1) ──────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .bagimsiz-plan-vitrin .au-form-grid[b-bnkz1jc2d1] { gap: 16px 18px; }
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-kart { padding: 16px; }
}

/* ── TELEFON (YENI-DIL §1.1) ─────────────────────────────────────────────── */
@media (max-width: 640px) {
  .bagimsiz-plan-vitrin .bpu-kapak[b-bnkz1jc2d1] { padding: 12px; gap: 8px; }
  .bagimsiz-plan-vitrin .bpu-kapak .au-title[b-bnkz1jc2d1] { font-size: var(--yazi-kapak, 20px); }
  .bagimsiz-plan-vitrin .bpu-alt[b-bnkz1jc2d1] { font-size: var(--yazi-kucuk, 12px); }
  .bagimsiz-plan-vitrin .bpu-bolum-baslik[b-bnkz1jc2d1],
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .au-group-title { font-size: var(--yazi-bolum, 14px); }

  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-kart { padding: 16px 12px; }
  .bagimsiz-plan-vitrin .au-form-grid[b-bnkz1jc2d1] { grid-template-columns: minmax(0, 1fr); gap: 16px; }

  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-head { flex-wrap: wrap; }
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-steps { flex: 1 1 100%; }
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-title-row { flex: 1 1 100%; padding: 4px 6px 0; }

  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-foot .wiz-btn { flex: 1 1 0; min-width: 0; }

  .bagimsiz-plan-vitrin .bpu-bolum-bas .bpu-dugme[b-bnkz1jc2d1] { width: 100%; }

  .bagimsiz-plan-vitrin .bpu-popup[b-bnkz1jc2d1] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .bagimsiz-plan-vitrin .bpu-popup-bas[b-bnkz1jc2d1],
  .bagimsiz-plan-vitrin .bpu-popup-govde[b-bnkz1jc2d1],
  .bagimsiz-plan-vitrin .bpu-popup-eylem[b-bnkz1jc2d1] { padding: 12px; }

  .bagimsiz-plan-vitrin .bpu-popup-eylem[b-bnkz1jc2d1] { flex-wrap: wrap; }
  .bagimsiz-plan-vitrin .bpu-popup-eylem .bpu-dugme[b-bnkz1jc2d1] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-btn,
  .bagimsiz-plan-vitrin[b-bnkz1jc2d1]  .wiz-step-ind__num { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Shared/ContentPager.razor.rz.scp.css */
.cpg[b-q9pog0znkg] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 18px;
}

.cpg__info[b-q9pog0znkg] {
  color: var(--muted);
  font-size: 13px;
}
/* _content/EduLive.Web/Components/Pages/Content/Summaries/OzetDuzenle.razor.rz.scp.css */
/* Özeti düzenle — Akademik Analiz kapak/yüzey/form ölçülerinin sayfa-scoped uyarlaması.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, bölüm kartı 18 px + 5 px şerit, girdi 34 px / --kose-dugme).
   Cihaz bantları docs/mobil/YENI-DIL.md §1.1 metinleridir. */

.au-page.ozet-duzenle-vitrin[b-a8ipdrpvda] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.ozet-duzenle-vitrin .ozdz-kapak[b-a8ipdrpvda] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu 30 px — au-breadcrumb--dugme kutusu ve gizli etiketi admin-users.css'ten gelir. */
.ozet-duzenle-vitrin .ozdz-kapak[b-a8ipdrpvda]  .au-breadcrumb {
    grid-area: geri;
    margin: 0;
    align-self: start;
    border-color: var(--hat-girdi);
}

.ozet-duzenle-vitrin .ozdz-kapak[b-a8ipdrpvda]  .au-breadcrumb:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-duzenle-vitrin .ozdz-kapak__baslik[b-a8ipdrpvda] { grid-area: baslik; min-width: 0; }

.ozet-duzenle-vitrin .ozdz-baslik[b-a8ipdrpvda] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ozet-duzenle-vitrin .ozdz-alt[b-a8ipdrpvda] {
    margin: 4px 0 0;
    max-width: 68ch;
    color: var(--metin-ikincil);
    font-size: 13px;
    line-height: 1.5;
}

/* ── Bölüm sekmeleri ── */
.ozet-duzenle-vitrin .ozdz-sekmeler[b-a8ipdrpvda] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.ozet-duzenle-vitrin .ozdz-sekme[b-a8ipdrpvda] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
}

.ozet-duzenle-vitrin .ozdz-sekme:hover[b-a8ipdrpvda] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-700);
}

.ozet-duzenle-vitrin .ozdz-sekme.is-secili[b-a8ipdrpvda] { background: var(--marka-600); color: var(--on-brand); }
.ozet-duzenle-vitrin .ozdz-sekme.is-secili:hover[b-a8ipdrpvda] { background: var(--marka-600); color: var(--on-brand); }
.ozet-duzenle-vitrin .ozdz-sekme:focus-visible[b-a8ipdrpvda] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-duzenle-vitrin .ozdz-panel[b-a8ipdrpvda] { min-width: 0; }

/* ── Bölüm kartı ── */
.ozet-duzenle-vitrin .ozdz-bolum[b-a8ipdrpvda],
.ozet-duzenle-vitrin .ozdz-bos[b-a8ipdrpvda],
.ozet-duzenle-vitrin[b-a8ipdrpvda]  .ds-panel {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ozet-duzenle-vitrin .ozdz-bolum[b-a8ipdrpvda]::before,
.ozet-duzenle-vitrin .ozdz-bos[b-a8ipdrpvda]::before,
.ozet-duzenle-vitrin[b-a8ipdrpvda]  .ds-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.ozet-duzenle-vitrin .ozdz-bolum__baslik[b-a8ipdrpvda] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.ozet-duzenle-vitrin .ozdz-bolum__baslik[b-a8ipdrpvda]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ozet-duzenle-vitrin .ozdz-bos[b-a8ipdrpvda] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    color: var(--metin-ikincil);
    font-size: 13px;
    text-align: center;
}

.ozet-duzenle-vitrin .ozdz-bos p[b-a8ipdrpvda] { margin: 0; line-height: 1.6; }

/* ── Form alanları (AppField iç yapısı başka bileşende → ::deep) ── */
.ozet-duzenle-vitrin .au-form-grid[b-a8ipdrpvda] { gap: 12px 16px; }

.ozet-duzenle-vitrin[b-a8ipdrpvda]  .app-field + .app-field { margin-top: 12px; }

.ozet-duzenle-vitrin[b-a8ipdrpvda]  .app-field__label {
    color: var(--metin-ikincil);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ozet-duzenle-vitrin[b-a8ipdrpvda]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; }

.ozet-duzenle-vitrin[b-a8ipdrpvda]  .app-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font-size: 13px;
}

.ozet-duzenle-vitrin[b-a8ipdrpvda]  textarea.app-input { min-height: 0; line-height: 1.6; }
.ozet-duzenle-vitrin[b-a8ipdrpvda]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Eylem çubuğu ── */
/* Kaydetme hatası — eylem çubuğunun hemen üstünde, aynı hizada. */
.ozet-duzenle-vitrin .ozdz-hata[b-a8ipdrpvda] { margin: 0 0 12px; }

.ozet-duzenle-vitrin .ozdz-eylemler[b-a8ipdrpvda] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ozet-duzenle-vitrin .au-btn[b-a8ipdrpvda],
.ozet-duzenle-vitrin[b-a8ipdrpvda]  .au-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ozet-duzenle-vitrin .au-btn:hover:not(:disabled)[b-a8ipdrpvda],
.ozet-duzenle-vitrin[b-a8ipdrpvda]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.ozet-duzenle-vitrin .au-btn--primary[b-a8ipdrpvda] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ozet-duzenle-vitrin .au-btn--primary:hover:not(:disabled)[b-a8ipdrpvda] {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.ozet-duzenle-vitrin .au-btn:disabled[b-a8ipdrpvda] { opacity: .6; }
.ozet-duzenle-vitrin .au-btn:focus-visible[b-a8ipdrpvda],
.ozet-duzenle-vitrin[b-a8ipdrpvda]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── MASAÜSTÜ (YENI-DIL.md §1.1) ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ozet-duzenle-vitrin .ozdz-panel[b-a8ipdrpvda] { max-width: 1100px; }
    .ozet-duzenle-vitrin .ozdz-eylemler[b-a8ipdrpvda],
    .ozet-duzenle-vitrin .ozdz-hata[b-a8ipdrpvda] { max-width: 1100px; }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ozet-duzenle-vitrin .au-btn[b-a8ipdrpvda],
    .ozet-duzenle-vitrin[b-a8ipdrpvda]  .au-btn,
    .ozet-duzenle-vitrin .ozdz-sekme[b-a8ipdrpvda] { min-height: 44px; }

    .ozet-duzenle-vitrin[b-a8ipdrpvda]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .ozet-duzenle-vitrin[b-a8ipdrpvda]  textarea.app-input { min-height: 0; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .ozet-duzenle-vitrin .ozdz-kapak[b-a8ipdrpvda] { padding: 12px; }
    .ozet-duzenle-vitrin .ozdz-baslik[b-a8ipdrpvda] { font-size: var(--yazi-kapak, 20px); }
    .ozet-duzenle-vitrin .ozdz-bolum__baslik[b-a8ipdrpvda] { font-size: var(--yazi-bolum, 14px); }
    .ozet-duzenle-vitrin .ozdz-bolum[b-a8ipdrpvda] { padding: 16px 12px; }
    .ozet-duzenle-vitrin .au-form-grid[b-a8ipdrpvda] { grid-template-columns: minmax(0, 1fr); }
    .ozet-duzenle-vitrin .ozdz-sekmeler[b-a8ipdrpvda] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .ozet-duzenle-vitrin .ozdz-sekme[b-a8ipdrpvda] { flex: 0 0 auto; }
    .ozet-duzenle-vitrin .ozdz-eylemler[b-a8ipdrpvda] { padding: 12px; }
    .ozet-duzenle-vitrin .ozdz-eylemler .au-btn[b-a8ipdrpvda] { flex: 1 1 auto; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .au-page.ozet-duzenle-vitrin[b-a8ipdrpvda] { animation: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Summaries/SummariesList.razor.rz.scp.css */
/* Özetler listesi — Akademik Analiz kapak/yüzey/tablo ölçülerinin sayfa-scoped uyarlaması.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px, h1 23/700, girdi 34 px, bölüm kartı 18 px + 5 px şerit, tablo başlığı
   --marka-rampa-serit 11.5/700). Cihaz bantları docs/mobil/YENI-DIL.md §1.1 metinleridir. */

.au-page.ozet-vitrin[b-zsn4g22o1o] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.ozet-vitrin .oz-kapak[b-zsn4g22o1o] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri  baslik"
        "eylem eylem"
        "filtre filtre"
        "not   not";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu 30 px — au-breadcrumb--dugme kutusu ve gizli etiketi admin-users.css'ten gelir. */
.ozet-vitrin .oz-kapak[b-zsn4g22o1o]  .au-breadcrumb {
    grid-area: geri;
    margin: 0;
    border-color: var(--hat-girdi);
}

.ozet-vitrin .oz-kapak[b-zsn4g22o1o]  .au-breadcrumb:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-vitrin .oz-kapak__baslik[b-zsn4g22o1o] { grid-area: baslik; min-width: 0; }

.ozet-vitrin .oz-baslik[b-zsn4g22o1o] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ozet-vitrin .oz-kapak__not[b-zsn4g22o1o] {
    grid-area: not;
    margin: 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

/* ── Süzgeç (telefonda katlanabilir) ── */
.ozet-vitrin .oz-suzgec[b-zsn4g22o1o] { grid-area: filtre; min-width: 0; }

.ozet-vitrin .oz-suzgec__ozet[b-zsn4g22o1o] {
    display: none;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

/* Katlama YALNIZ telefonda anlamlıdır (özet satırı da yalnız orada görünür). Telefon dışında
   gövde kapalıyken de açık kalır; aksi halde telefonda katlayıp tablete/masaüstüne geçen
   kullanıcı süzgeçleri bir daha açamıyordu (özet satırı gizli olduğu için tıklanamaz).
   Chrome 131+ kapalı <details>'i ::details-content üzerinde content-visibility ile gizler;
   çocuğa display vermek tek başına yetmez. Desteklemeyen tarayıcıda bu kural düşer, eski
   display modeli zaten çalışır. */
.ozet-vitrin .oz-suzgec:not([open]) > .oz-suzgec__govde[b-zsn4g22o1o] { display: flex; }
.ozet-vitrin .oz-suzgec:not([open])[b-zsn4g22o1o]::details-content { content-visibility: visible; }

.ozet-vitrin .oz-suzgec__ozet[b-zsn4g22o1o]::-webkit-details-marker { display: none; }
.ozet-vitrin .oz-suzgec__ozet[b-zsn4g22o1o]::after { content: "▾"; margin-inline-start: auto; }
.ozet-vitrin .oz-suzgec[open] .oz-suzgec__ozet[b-zsn4g22o1o]::after { content: "▴"; }
.ozet-vitrin .oz-suzgec__ozet:focus-visible[b-zsn4g22o1o] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-vitrin .oz-suzgec__govde[b-zsn4g22o1o] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.ozet-vitrin .oz-alan[b-zsn4g22o1o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ozet-vitrin .oz-alan__etiket[b-zsn4g22o1o] {
    color: var(--metin-ikincil);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ozet-vitrin .oz-girdi[b-zsn4g22o1o] {
    flex: 0 1 176px;
    min-width: 0;
    max-width: 210px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px/1 var(--font-body);
}

.ozet-vitrin .oz-girdi[b-zsn4g22o1o]::placeholder { color: var(--metin-ipucu); }
.ozet-vitrin .oz-girdi:focus-visible[b-zsn4g22o1o] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-vitrin .oz-segment[b-zsn4g22o1o] {
    display: flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--hat-girdi);
    border-radius: 3px 11px 11px 11px;
    background: var(--yuzey);
}

.ozet-vitrin .oz-segment__dugme[b-zsn4g22o1o] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12px/1 var(--font-body);
    cursor: pointer;
}

.ozet-vitrin .oz-segment__dugme:hover[b-zsn4g22o1o] {
    background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
    color: var(--marka-700);
}

.ozet-vitrin .oz-segment__dugme.is-secili[b-zsn4g22o1o] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.ozet-vitrin .oz-segment__dugme.is-secili:hover[b-zsn4g22o1o] { background: var(--marka-600); }
.ozet-vitrin .oz-segment__dugme:focus-visible[b-zsn4g22o1o] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-vitrin .oz-sifirla[b-zsn4g22o1o] {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
}

.ozet-vitrin .oz-sifirla:hover:not(:disabled)[b-zsn4g22o1o] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
}

.ozet-vitrin .oz-sifirla:disabled[b-zsn4g22o1o] { opacity: .5; cursor: default; }
.ozet-vitrin .oz-sifirla:focus-visible[b-zsn4g22o1o] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Eylemler ve düğme tabanı ── */
.ozet-vitrin .oz-eylemler[b-zsn4g22o1o] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-self: start;
}

.ozet-vitrin .au-btn[b-zsn4g22o1o],
.ozet-vitrin[b-zsn4g22o1o]  .au-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ozet-vitrin .au-btn:hover:not(:disabled)[b-zsn4g22o1o],
.ozet-vitrin[b-zsn4g22o1o]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.ozet-vitrin .au-btn--primary[b-zsn4g22o1o],
.ozet-vitrin[b-zsn4g22o1o]  .au-btn--primary {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ozet-vitrin .au-btn--primary:hover:not(:disabled)[b-zsn4g22o1o],
.ozet-vitrin[b-zsn4g22o1o]  .au-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.ozet-vitrin .au-btn:focus-visible[b-zsn4g22o1o],
.ozet-vitrin[b-zsn4g22o1o]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ozet-vitrin .oz-bolum[b-zsn4g22o1o],
.ozet-vitrin .oz-bos[b-zsn4g22o1o],
.ozet-vitrin[b-zsn4g22o1o]  .ds-panel {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ozet-vitrin .oz-bolum[b-zsn4g22o1o]::before,
.ozet-vitrin .oz-bos[b-zsn4g22o1o]::before,
.ozet-vitrin[b-zsn4g22o1o]  .ds-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.ozet-vitrin .oz-bolum__ust[b-zsn4g22o1o] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 12px;
    margin-bottom: 12px;
}

.ozet-vitrin .oz-bolum__baslik[b-zsn4g22o1o] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.ozet-vitrin .oz-bolum__baslik[b-zsn4g22o1o]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ozet-vitrin .oz-bolum__sayac[b-zsn4g22o1o] {
    margin: 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.ozet-vitrin .oz-suzgec-bos[b-zsn4g22o1o] {
    margin: 0 0 12px;
    padding: 24px 12px;
    color: var(--metin-ikincil);
    font-size: 13px;
    text-align: center;
}

.ozet-vitrin .oz-bos[b-zsn4g22o1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    color: var(--metin-ikincil);
    font-size: 13px;
    text-align: center;
}

.ozet-vitrin .oz-bos p[b-zsn4g22o1o] { margin: 0; line-height: 1.6; }

/* ── Yükleme iskeleti ── */
.ozet-vitrin .oz-iskelet[b-zsn4g22o1o] {
    border-radius: var(--kose-dugme);
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)) 0%,
        color-mix(in srgb, var(--marka-500) 12%, var(--yuzey)) 50%,
        color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)) 100%);
}

.ozet-vitrin .oz-iskelet--baslik[b-zsn4g22o1o] { width: 180px; height: 18px; margin-bottom: 16px; }
.ozet-vitrin .oz-iskelet--satir[b-zsn4g22o1o] { height: 40px; margin-bottom: 8px; }

/* ── Tablo: kendi sınırlı alanında kayar, başlık yapışık ── */
.ozet-vitrin .oz-tablo-kap[b-zsn4g22o1o] {
    max-height: min(540px, 60dvh);
    margin-bottom: 12px;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
}

.ozet-vitrin .oz-tablo-kap:focus-visible[b-zsn4g22o1o] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-vitrin .oz-tablo[b-zsn4g22o1o] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--yuzey);
    font-size: 13px;
}

/* Geçiş thead boyunca TEK PARÇA çizilir; hücre arka planları şeffaftır. */
.ozet-vitrin .oz-tablo thead[b-zsn4g22o1o] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--marka-rampa-serit);
}

.ozet-vitrin .oz-tablo th[b-zsn4g22o1o] {
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-align: start;
    text-transform: uppercase;
    white-space: nowrap;
}

.ozet-vitrin .oz-tablo td[b-zsn4g22o1o] {
    padding: 10px 13px;
    border-top: 1px solid var(--hat-kart);
    color: var(--metin-murekkep);
    vertical-align: top;
}

.ozet-vitrin .oz-tablo tbody tr:first-child td[b-zsn4g22o1o] { border-top: 0; }

.ozet-vitrin .oz-tablo__sayi[b-zsn4g22o1o] { font-variant-numeric: tabular-nums; }
.ozet-vitrin .oz-tablo__eylem[b-zsn4g22o1o] { white-space: nowrap; }

.ozet-vitrin .oz-satir[b-zsn4g22o1o] { cursor: pointer; background: var(--yuzey); }
.ozet-vitrin .oz-satir:nth-child(even)[b-zsn4g22o1o] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ozet-vitrin .oz-satir:hover[b-zsn4g22o1o] { background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey)); }
.ozet-vitrin .oz-satir:focus-visible[b-zsn4g22o1o] { outline: 2px solid var(--marka-600); outline-offset: -2px; }
.ozet-vitrin .oz-satir.is-pasif td[b-zsn4g22o1o] { color: var(--metin-ipucu); }

.ozet-vitrin .oz-baglanti[b-zsn4g22o1o] {
    color: var(--marka-700);
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.ozet-vitrin .oz-baglanti:hover[b-zsn4g22o1o] { text-decoration: underline; }
.ozet-vitrin .oz-baglanti:focus-visible[b-zsn4g22o1o] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-vitrin .oz-zaman[b-zsn4g22o1o] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.ozet-vitrin .oz-onizle[b-zsn4g22o1o] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.ozet-vitrin .au-status[b-zsn4g22o1o] { font-size: 11.5px; }

.ozet-vitrin[b-zsn4g22o1o]  .cpg { display: flex; align-items: center; gap: 10px; }
.ozet-vitrin[b-zsn4g22o1o]  .cpg__info { color: var(--metin-ipucu); font-size: 12px; }

/* ── Görünür popup (native top layer) ── */
.ozet-vitrin .oz-popup[b-zsn4g22o1o] {
    width: min(680px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.ozet-vitrin .oz-popup[open][b-zsn4g22o1o] { display: flex; flex-direction: column; }
.ozet-vitrin .oz-popup[b-zsn4g22o1o]::backdrop { background: var(--scrim); }

.ozet-vitrin .oz-popup__ust[b-zsn4g22o1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.ozet-vitrin .oz-popup__ust h2[b-zsn4g22o1o] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ozet-vitrin .oz-popup__ust h2:focus[b-zsn4g22o1o] { outline: none; }

.ozet-vitrin .oz-popup__kapat[b-zsn4g22o1o] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.ozet-vitrin .oz-popup__govde[b-zsn4g22o1o] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.ozet-vitrin .oz-kunye[b-zsn4g22o1o] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.ozet-vitrin .oz-kunye > div[b-zsn4g22o1o] {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.ozet-vitrin .oz-kunye > div:nth-child(odd)[b-zsn4g22o1o] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ozet-vitrin .oz-kunye dt[b-zsn4g22o1o] { margin: 0; color: var(--metin-ipucu); }

.ozet-vitrin .oz-kunye dd[b-zsn4g22o1o] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    min-width: 0;
    margin: 0;
    color: var(--metin-ikincil);
    text-align: end;
    overflow-wrap: anywhere;
}

.ozet-vitrin .oz-onizleme-metin[b-zsn4g22o1o] { margin-top: 16px; }

.ozet-vitrin .oz-onizleme-baslik[b-zsn4g22o1o] {
    margin: 0 0 8px;
    color: var(--metin-murekkep);
    font: 700 13px/1.4 var(--font-display);
}

.ozet-vitrin .oz-onizleme-metin p[b-zsn4g22o1o] {
    margin: 0 0 8px;
    color: var(--metin-ikincil);
    font-size: 13px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.ozet-vitrin .oz-onizleme-devam[b-zsn4g22o1o],
.ozet-vitrin .oz-onizleme-bos[b-zsn4g22o1o] { color: var(--metin-ipucu); font-size: 12px; }
.ozet-vitrin .oz-onizleme-bos[b-zsn4g22o1o] { margin: 16px 0 0; }

.ozet-vitrin .oz-popup__alt[b-zsn4g22o1o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    margin: 0;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ (YENI-DIL.md §1.1) ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ozet-vitrin .oz-kapak[b-zsn4g22o1o] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas:
            "geri   baslik eylem"
            "filtre filtre filtre"
            "not    not    not";
    }
    .ozet-vitrin .oz-eylemler[b-zsn4g22o1o] { justify-self: end; }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .ozet-vitrin .oz-kapak[b-zsn4g22o1o] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas:
            "geri baslik filtre eylem"
            "not  not    not    not";
    }
    /* stretch: `end` sarmalayıcıyı shrink-to-fit ölçtürür, sarmalı gövdenin max-content'i
       alanların flex-basis tabanını saymaz ve süzgeçler alt alta yığılırdı. Sağa yaslama
       içteki flex satırının işi. */
    .ozet-vitrin .oz-suzgec[b-zsn4g22o1o] { justify-self: stretch; }
    .ozet-vitrin .oz-suzgec__govde[b-zsn4g22o1o] { justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ozet-vitrin .au-btn[b-zsn4g22o1o],
    .ozet-vitrin[b-zsn4g22o1o]  .au-btn,
    .ozet-vitrin .oz-sifirla[b-zsn4g22o1o],
    .ozet-vitrin .oz-segment__dugme[b-zsn4g22o1o] { min-height: 44px; }

    .ozet-vitrin .oz-girdi[b-zsn4g22o1o] { height: 44px; font-size: max(16px, 1rem); }
    .ozet-vitrin .oz-onizle[b-zsn4g22o1o] { min-height: 44px; }

    /* Sabit sütun opak zemin ister (akademik-analiz.md "Tablo görünümü"). */
    .ozet-vitrin .oz-tablo th.oz-tablo__ilk[b-zsn4g22o1o] {
        position: sticky;
        left: 0;
        z-index: 3;
        background: var(--marka-500);
    }
    .ozet-vitrin .oz-tablo td.oz-tablo__ilk[b-zsn4g22o1o] {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--yuzey);
    }
    .ozet-vitrin .oz-satir:nth-child(even) td.oz-tablo__ilk[b-zsn4g22o1o] {
        background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    }
    .ozet-vitrin .oz-satir:hover td.oz-tablo__ilk[b-zsn4g22o1o] {
        background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
    }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .ozet-vitrin .oz-kapak[b-zsn4g22o1o] { padding: 12px; }
    .ozet-vitrin .oz-baslik[b-zsn4g22o1o] { font-size: var(--yazi-kapak, 20px); }
    .ozet-vitrin .oz-bolum__baslik[b-zsn4g22o1o] { font-size: var(--yazi-bolum, 14px); }
    .ozet-vitrin .oz-bolum[b-zsn4g22o1o] { padding: 16px 12px; }

    /* Telefon: katlama gerçekten çalışır — kapalıyken gövde gizlenir (base'deki
       "her zaman açık" kuralı burada geri alınır). */
    .ozet-vitrin .oz-suzgec__ozet[b-zsn4g22o1o] { display: flex; }
    .ozet-vitrin .oz-suzgec:not([open]) > .oz-suzgec__govde[b-zsn4g22o1o] { display: none; }
    .ozet-vitrin .oz-suzgec:not([open])[b-zsn4g22o1o]::details-content { content-visibility: hidden; }
    .ozet-vitrin .oz-suzgec[open] .oz-suzgec__govde[b-zsn4g22o1o] { margin-top: 10px; }
    .ozet-vitrin .oz-suzgec__govde[b-zsn4g22o1o] { flex-direction: column; align-items: stretch; }
    .ozet-vitrin .oz-alan[b-zsn4g22o1o] { width: 100%; }
    .ozet-vitrin .oz-girdi[b-zsn4g22o1o] { flex: 1 1 auto; max-width: none; width: 100%; }
    .ozet-vitrin .oz-segment[b-zsn4g22o1o] { justify-content: space-between; }
    .ozet-vitrin .oz-segment__dugme[b-zsn4g22o1o] { flex: 1; }

    .ozet-vitrin .oz-eylemler[b-zsn4g22o1o] { width: 100%; }
    .ozet-vitrin .oz-eylemler .au-btn[b-zsn4g22o1o] { flex: 1; justify-content: center; }

    .ozet-vitrin .oz-tablo-kap[b-zsn4g22o1o] { max-height: min(460px, 62dvh); }
    .ozet-vitrin .oz-popup[b-zsn4g22o1o] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .ozet-vitrin .oz-popup__ust[b-zsn4g22o1o],
    .ozet-vitrin .oz-popup__govde[b-zsn4g22o1o],
    .ozet-vitrin .oz-popup__alt[b-zsn4g22o1o] { padding: 12px; }
    .ozet-vitrin .oz-popup__alt .au-btn[b-zsn4g22o1o] { flex: 1 1 auto; justify-content: center; }
    .ozet-vitrin .oz-kunye > div[b-zsn4g22o1o] { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

@media (prefers-reduced-motion: reduce) {
    .au-page.ozet-vitrin[b-zsn4g22o1o] { animation: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Summaries/SummaryDetail.razor.rz.scp.css */
/* Özet detayı — Akademik Analiz kapak/sekme/yüzey ölçülerinin sayfa-scoped uyarlaması.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, sekme şeridi beyaz 1 px sınır / 6 px dolgu / 4 px aralık /
   içerikle 16 px, bölüm kartı 18 px + 5 px şerit). Cihaz bantları docs/mobil/YENI-DIL.md §1.1.
   .sd-body korunur (serbest metin pre-wrap sözleşmesi, UX-ONARIM §4). */

.au-page.ozet-detay-vitrin[b-xd5ozws67m] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.ozet-detay-vitrin .ozd-kapak[b-xd5ozws67m] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri   baslik"
        "rozet  rozet"
        "eylem  eylem";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu 30 px — au-breadcrumb--dugme kutusu ve gizli etiketi admin-users.css'ten gelir. */
.ozet-detay-vitrin .ozd-kapak[b-xd5ozws67m]  .au-breadcrumb {
    grid-area: geri;
    margin: 0;
    border-color: var(--hat-girdi);
}

.ozet-detay-vitrin .ozd-kapak[b-xd5ozws67m]  .au-breadcrumb:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-detay-vitrin .ozd-kapak__baslik[b-xd5ozws67m] { grid-area: baslik; min-width: 0; }

.ozet-detay-vitrin .ozd-baslik[b-xd5ozws67m] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ozet-detay-vitrin .ozd-alt[b-xd5ozws67m] {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.ozet-detay-vitrin .ozd-rozetler[b-xd5ozws67m] {
    grid-area: rozet;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.ozet-detay-vitrin .ozd-eylemler[b-xd5ozws67m] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-self: start;
}

.ozet-detay-vitrin .au-status[b-xd5ozws67m] { font-size: 11.5px; }

/* ── Düğme tabanı ── */
.ozet-detay-vitrin .au-btn[b-xd5ozws67m],
.ozet-detay-vitrin[b-xd5ozws67m]  .au-btn {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ozet-detay-vitrin .au-btn:hover:not(:disabled)[b-xd5ozws67m],
.ozet-detay-vitrin[b-xd5ozws67m]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.ozet-detay-vitrin .au-btn--primary[b-xd5ozws67m],
.ozet-detay-vitrin[b-xd5ozws67m]  .au-btn--primary {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ozet-detay-vitrin .au-btn--primary:hover:not(:disabled)[b-xd5ozws67m],
.ozet-detay-vitrin[b-xd5ozws67m]  .au-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.ozet-detay-vitrin .au-btn:disabled[b-xd5ozws67m],
.ozet-detay-vitrin[b-xd5ozws67m]  .au-btn:disabled { opacity: .6; }

.ozet-detay-vitrin .au-btn:focus-visible[b-xd5ozws67m],
.ozet-detay-vitrin[b-xd5ozws67m]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri (beyaz şerit, 6 px dolgu, 4 px aralık, içerikle 16 px) ── */
.ozet-detay-vitrin .ozd-sekmeler[b-xd5ozws67m] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.ozet-detay-vitrin .ozd-sekme[b-xd5ozws67m] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
}

.ozet-detay-vitrin .ozd-sekme:hover[b-xd5ozws67m] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-700);
}

.ozet-detay-vitrin .ozd-sekme.is-secili[b-xd5ozws67m] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.ozet-detay-vitrin .ozd-sekme.is-secili:hover[b-xd5ozws67m] { background: var(--marka-600); color: var(--on-brand); }
.ozet-detay-vitrin .ozd-sekme:focus-visible[b-xd5ozws67m] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-detay-vitrin .ozd-panel[b-xd5ozws67m] { min-width: 0; }
.ozet-detay-vitrin .ozd-panel:focus-visible[b-xd5ozws67m] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ozet-detay-vitrin .ozd-bolum[b-xd5ozws67m],
.ozet-detay-vitrin .ozd-bos[b-xd5ozws67m],
.ozet-detay-vitrin[b-xd5ozws67m]  .ds-panel {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ozet-detay-vitrin .ozd-bolum[b-xd5ozws67m]::before,
.ozet-detay-vitrin .ozd-bos[b-xd5ozws67m]::before,
.ozet-detay-vitrin[b-xd5ozws67m]  .ds-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

.ozet-detay-vitrin .ozd-bolum__baslik[b-xd5ozws67m] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.ozet-detay-vitrin .ozd-bolum__baslik[b-xd5ozws67m]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ozet-detay-vitrin .ozd-bolum__baslik--ara[b-xd5ozws67m] { margin-top: 20px; }

.ozet-detay-vitrin .ozd-bos[b-xd5ozws67m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    color: var(--metin-ikincil);
    font-size: 13px;
    text-align: center;
}

.ozet-detay-vitrin .ozd-bos p[b-xd5ozws67m] { margin: 0; line-height: 1.6; }
.ozet-detay-vitrin .ozd-bos-metin[b-xd5ozws67m] { margin: 0; color: var(--metin-ipucu); font-size: 13px; line-height: 1.6; }

/* ── Özet metni: serbest metnin satır sonları korunur (UX-ONARIM §4) ── */
.ozet-detay-vitrin .ozd-metin[b-xd5ozws67m] { max-width: 78ch; }

.ozet-detay-vitrin .sd-body[b-xd5ozws67m] {
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font-size: 13.5px;
    line-height: 1.7;
    white-space: pre-wrap;
}

.ozet-detay-vitrin .sd-body:last-child[b-xd5ozws67m] { margin-bottom: 0; }

/* ── Künye / üretim bilgisi ── */
.ozet-detay-vitrin .ozd-kunye[b-xd5ozws67m] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.ozet-detay-vitrin .ozd-kunye > div[b-xd5ozws67m] {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.ozet-detay-vitrin .ozd-kunye > div:nth-child(odd)[b-xd5ozws67m] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ozet-detay-vitrin .ozd-kunye dt[b-xd5ozws67m] { margin: 0; color: var(--metin-ipucu); }

.ozet-detay-vitrin .ozd-kunye dd[b-xd5ozws67m] {
    min-width: 0;
    margin: 0;
    color: var(--metin-ikincil);
    text-align: end;
    overflow-wrap: anywhere;
}

/* ── Kazanımlar (backend linked_components) ── */
.ozet-detay-vitrin .ozd-kazanimlar[b-xd5ozws67m] { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }

.ozet-detay-vitrin .ozd-kazanim[b-xd5ozws67m] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    font-size: 13px;
}

.ozet-detay-vitrin .ozd-kazanim__kod[b-xd5ozws67m] {
    flex: 0 0 auto;
    color: var(--marka-700);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ozet-detay-vitrin .ozd-kazanim__ad[b-xd5ozws67m] { min-width: 0; color: var(--metin-ikincil); overflow-wrap: anywhere; }

/* ── Görünür popup (native top layer) ── */
.ozet-detay-vitrin .ozd-popup[b-xd5ozws67m] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.ozet-detay-vitrin .ozd-popup[open][b-xd5ozws67m] { display: flex; flex-direction: column; }
.ozet-detay-vitrin .ozd-popup[b-xd5ozws67m]::backdrop { background: var(--scrim); }

.ozet-detay-vitrin .ozd-popup__ust[b-xd5ozws67m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.ozet-detay-vitrin .ozd-popup__ust h2[b-xd5ozws67m] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
}

.ozet-detay-vitrin .ozd-popup__ust h2:focus[b-xd5ozws67m] { outline: none; }

.ozet-detay-vitrin .ozd-popup__kapat[b-xd5ozws67m] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.ozet-detay-vitrin .ozd-popup__govde[b-xd5ozws67m] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

/* Panel kendi kartını çizer; popup içinde ikinci kutu görünmesin (başlık popup üstünde). */
.ozet-detay-vitrin .ozd-popup__govde[b-xd5ozws67m]  .au-card {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.ozet-detay-vitrin .ozd-popup__govde[b-xd5ozws67m]  .au-card__title {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* ── MASAÜSTÜ (YENI-DIL.md §1.1) ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ozet-detay-vitrin .ozd-kapak[b-xd5ozws67m] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas:
            "geri  baslik eylem"
            "rozet rozet  rozet";
    }
    .ozet-detay-vitrin .ozd-eylemler[b-xd5ozws67m] { justify-self: end; }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    /* Esnek track BAŞLIK sütununda olmalı: rozet ve eylem içerik genişliğinde (auto) kalsın.
       Aksi halde rozet sütunu 117 px'e sıkışıp 4 rozet 3 satıra yığılıyordu; sıkışma
       artık başlıkta sarmayla çözülür (satır 50'de overflow-wrap: anywhere var).
       `justify-self: end` kaldırıldı: auto track zaten içeriğe oturur, orada
       shrink-to-fit tuzağını geri getiriyordu. */
    .ozet-detay-vitrin .ozd-kapak[b-xd5ozws67m] {
        grid-template-columns: 30px minmax(0, 1fr) auto auto;
        grid-template-areas: "geri baslik rozet eylem";
    }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ozet-detay-vitrin .au-btn[b-xd5ozws67m],
    .ozet-detay-vitrin[b-xd5ozws67m]  .au-btn,
    .ozet-detay-vitrin .ozd-sekme[b-xd5ozws67m] { min-height: 44px; }

    .ozet-detay-vitrin .ozd-popup__govde[b-xd5ozws67m]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }

    /* Sekmeler tek yatay kaydırılabilir şerit olur. */
    .ozet-detay-vitrin .ozd-sekmeler[b-xd5ozws67m] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }
    .ozet-detay-vitrin .ozd-sekmeler[b-xd5ozws67m]::-webkit-scrollbar { display: none; }
    .ozet-detay-vitrin .ozd-sekme[b-xd5ozws67m] { flex: 0 0 auto; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .ozet-detay-vitrin .ozd-kapak[b-xd5ozws67m] { padding: 12px; }
    .ozet-detay-vitrin .ozd-baslik[b-xd5ozws67m] { font-size: var(--yazi-kapak, 20px); }
    .ozet-detay-vitrin .ozd-bolum__baslik[b-xd5ozws67m] { font-size: var(--yazi-bolum, 14px); }
    .ozet-detay-vitrin .ozd-bolum[b-xd5ozws67m] { padding: 16px 12px; }
    .ozet-detay-vitrin .ozd-eylemler[b-xd5ozws67m] { width: 100%; }
    .ozet-detay-vitrin .ozd-eylemler .au-btn[b-xd5ozws67m],
    .ozet-detay-vitrin .ozd-eylemler[b-xd5ozws67m]  .au-btn { flex: 1 1 auto; justify-content: center; }
    .ozet-detay-vitrin .sd-body[b-xd5ozws67m] { font-size: 13px; }
    .ozet-detay-vitrin .ozd-kunye > div[b-xd5ozws67m] { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
    .ozet-detay-vitrin .ozd-popup[b-xd5ozws67m] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .ozet-detay-vitrin .ozd-popup__ust[b-xd5ozws67m],
    .ozet-detay-vitrin .ozd-popup__govde[b-xd5ozws67m] { padding: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .au-page.ozet-detay-vitrin[b-xd5ozws67m] { animation: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/Summaries/SummaryGenerate.razor.rz.scp.css */
/* FAZ 3.4Z — özet üretim sihirbazı adım-içi gruplama. Aurora token'ları (var(--*)) zorunlu.
   2026-09-20 (IC-06): Akademik Analiz kapak/yüzey ölçüleri eklendi. Sihirbazın kendi iç
   yapısı (.wiz-*, .tcg__*, .app-ms__*) AppWizard'a aittir ve DEĞİŞTİRİLMEZ.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md;
   cihaz bantları docs/mobil/YENI-DIL.md §1.1. */

.au-page.ozet-uret-vitrin[b-k8o19yhasx] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.ozet-uret-vitrin .ozg-kapak[b-k8o19yhasx] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu 30 px — au-breadcrumb--dugme kutusu ve gizli etiketi admin-users.css'ten gelir. */
.ozet-uret-vitrin .ozg-kapak[b-k8o19yhasx]  .au-breadcrumb {
    grid-area: geri;
    margin: 0;
    align-self: start;
    border-color: var(--hat-girdi);
}

.ozet-uret-vitrin .ozg-kapak[b-k8o19yhasx]  .au-breadcrumb:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ozet-uret-vitrin .ozg-kapak__baslik[b-k8o19yhasx] { grid-area: baslik; min-width: 0; }

.ozet-uret-vitrin .ozg-baslik[b-k8o19yhasx] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ozet-uret-vitrin .ozg-alt[b-k8o19yhasx] {
    margin: 4px 0 0;
    max-width: 72ch;
    color: var(--metin-ikincil);
    font-size: 13px;
    line-height: 1.5;
}

/* ── Sihirbaz kartı ── */
.ozet-uret-vitrin .ozg-bolum[b-k8o19yhasx] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ozet-uret-vitrin .ozg-bolum[b-k8o19yhasx]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: var(--marka-degrade);
}

/* Üretim hatası — "Üret" düğmesinin hemen altında. */
.ozet-uret-vitrin .ozg-hata[b-k8o19yhasx] { margin: 16px 0 0; }

.ozet-uret-vitrin .ozg-not[b-k8o19yhasx] {
    margin: 10px 0 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

/* ── Adım-içi gruplama (FAZ 3.4Z; sınıflar sihirbaz adımlarının içinde) ── */
.ozet-uret-vitrin .au-field-group[b-k8o19yhasx] {
    padding-block: 0.75rem;
}

.ozet-uret-vitrin .au-field-group + .au-field-group[b-k8o19yhasx] {
    margin-top: 1rem;
    border-top: 1px solid var(--hat-kart);
}

.ozet-uret-vitrin .au-group-title[b-k8o19yhasx] {
    margin: 0 0 0.25rem;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.ozet-uret-vitrin .au-dim[b-k8o19yhasx] { color: var(--metin-ipucu); font-size: 12px; }
.ozet-uret-vitrin .au-form-grid[b-k8o19yhasx] { gap: 12px 16px; }

/* ── Gözden geçir adımı ── */
.ozet-uret-vitrin .au-summary[b-k8o19yhasx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2px;
    font-size: 13px;
}

.ozet-uret-vitrin .au-summary > span[b-k8o19yhasx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    color: var(--metin-ikincil);
}

.ozet-uret-vitrin .au-summary > span:nth-child(odd)[b-k8o19yhasx] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ozet-uret-vitrin .au-summary b[b-k8o19yhasx] { color: var(--metin-ipucu); font-weight: 600; }

/* ── Form alanları (AppField iç yapısı başka bileşende → ::deep) ── */
.ozet-uret-vitrin[b-k8o19yhasx]  .app-field__label {
    color: var(--metin-ikincil);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ozet-uret-vitrin[b-k8o19yhasx]  .app-field__hint { color: var(--metin-ipucu); font-size: 12px; }

.ozet-uret-vitrin[b-k8o19yhasx]  .app-input {
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font-size: 13px;
}

.ozet-uret-vitrin[b-k8o19yhasx]  textarea.app-input { min-height: 0; line-height: 1.6; }
.ozet-uret-vitrin[b-k8o19yhasx]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── MASAÜSTÜ (YENI-DIL.md §1.1) ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ozet-uret-vitrin .ozg-bolum[b-k8o19yhasx] { max-width: 1100px; }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ozet-uret-vitrin[b-k8o19yhasx]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
    .ozet-uret-vitrin[b-k8o19yhasx]  textarea.app-input { min-height: 0; }
    .ozet-uret-vitrin[b-k8o19yhasx]  .wiz-btn { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .ozet-uret-vitrin .ozg-kapak[b-k8o19yhasx] { padding: 12px; }
    .ozet-uret-vitrin .ozg-baslik[b-k8o19yhasx] { font-size: var(--yazi-kapak, 20px); }
    .ozet-uret-vitrin .ozg-bolum[b-k8o19yhasx] { padding: 16px 12px; }
    .ozet-uret-vitrin .au-group-title[b-k8o19yhasx] { font-size: var(--yazi-bolum, 14px); }
    .ozet-uret-vitrin .au-form-grid[b-k8o19yhasx] { grid-template-columns: minmax(0, 1fr); }
    .ozet-uret-vitrin .au-summary[b-k8o19yhasx] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .au-page.ozet-uret-vitrin[b-k8o19yhasx] { animation: none; }
}
/* _content/EduLive.Web/Components/Pages/Content/VisualPlans/VisualPlanCreate.razor.rz.scp.css */
/* Görsel plan oluştur — Akademik Analiz görsel dili: 23 px kapak, bölüm kartları,
   gün ekleme/düzenleme için görünür native popup. Ölçüler: docs/tasarim/edulive-web-tasarim/
   references/akademik-analiz.md; cihaz bantları docs/mobil/YENI-DIL.md §1.1. Kapsam: scoped. */

.au-page.gorsel-plan-olustur-vitrin[b-5pm1fwcr4l] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak ─────────────────────────────────────────────────────────── */
.gorsel-plan-olustur-vitrin .vpc-kapak[b-5pm1fwcr4l] {
  display: grid;
  grid-template-columns: 30px auto minmax(0, 1fr);
  grid-template-areas: "geri baslik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gorsel-plan-olustur-vitrin .vpc-geri[b-5pm1fwcr4l] { grid-area: geri; align-self: center; }
.gorsel-plan-olustur-vitrin .vpc-baslik[b-5pm1fwcr4l] { grid-area: baslik; min-width: 0; }
.gorsel-plan-olustur-vitrin .vpc-eylem[b-5pm1fwcr4l] { grid-area: eylem; }

.gorsel-plan-olustur-vitrin .vpc-baslik .au-title[b-5pm1fwcr4l] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.gorsel-plan-olustur-vitrin .vpc-alt[b-5pm1fwcr4l] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.gorsel-plan-olustur-vitrin .vpc-eylem[b-5pm1fwcr4l] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* ── Ortak düğme taban çizgisi ───────────────────────────────────────────── */
.gorsel-plan-olustur-vitrin .au-btn[b-5pm1fwcr4l] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.gorsel-plan-olustur-vitrin .au-btn:hover:not(:disabled)[b-5pm1fwcr4l] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.gorsel-plan-olustur-vitrin .au-btn:disabled[b-5pm1fwcr4l] { opacity: .55; cursor: not-allowed; }

.gorsel-plan-olustur-vitrin .au-btn--primary[b-5pm1fwcr4l] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.gorsel-plan-olustur-vitrin .au-btn--primary:hover:not(:disabled)[b-5pm1fwcr4l] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.gorsel-plan-olustur-vitrin .vpc-sil[b-5pm1fwcr4l] { color: var(--danger-metin); }
.gorsel-plan-olustur-vitrin .vpc-sil:hover:not(:disabled)[b-5pm1fwcr4l] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
}

.gorsel-plan-olustur-vitrin .au-btn:focus-visible[b-5pm1fwcr4l] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartları ──────────────────────────────────────────────────────── */
.gorsel-plan-olustur-vitrin .vpc-kart[b-5pm1fwcr4l] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gorsel-plan-olustur-vitrin .vpc-kart[b-5pm1fwcr4l]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gorsel-plan-olustur-vitrin .vpc-bolum-satir[b-5pm1fwcr4l] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.gorsel-plan-olustur-vitrin .vpc-bolum-baslik[b-5pm1fwcr4l] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.gorsel-plan-olustur-vitrin .vpc-bolum-baslik[b-5pm1fwcr4l]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.gorsel-plan-olustur-vitrin .vpc-alt-baslik[b-5pm1fwcr4l] {
  margin: 18px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.gorsel-plan-olustur-vitrin .vpc-ipucu[b-5pm1fwcr4l] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.55;
}

.gorsel-plan-olustur-vitrin .vpc-uyari[b-5pm1fwcr4l] { margin-bottom: 16px; }

.gorsel-plan-olustur-vitrin .vpc-izgara[b-5pm1fwcr4l] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px 16px;
  margin-top: 12px;
}

/* ── Gün listesi ─────────────────────────────────────────────────────────── */
.gorsel-plan-olustur-vitrin .vpc-bos[b-5pm1fwcr4l] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 20px;
  border: 1px dashed var(--hat-girdi);
  border-radius: var(--kose-dugme);
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gorsel-plan-olustur-vitrin .vpc-bos p[b-5pm1fwcr4l] { margin: 0; line-height: 1.6; }

.gorsel-plan-olustur-vitrin .vpc-gun-listesi[b-5pm1fwcr4l] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gorsel-plan-olustur-vitrin .vpc-gun[b-5pm1fwcr4l] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gorsel-plan-olustur-vitrin .vpc-gun__bilgi[b-5pm1fwcr4l] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.gorsel-plan-olustur-vitrin .vpc-gun__ad[b-5pm1fwcr4l] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.gorsel-plan-olustur-vitrin .vpc-gun__meta[b-5pm1fwcr4l] { color: var(--metin-ipucu); font-size: 12px; }

.gorsel-plan-olustur-vitrin .vpc-gun__eylem[b-5pm1fwcr4l] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Dosya seçimi ────────────────────────────────────────────────────────── */
.gorsel-plan-olustur-vitrin .vpc-dosya[b-5pm1fwcr4l] {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}

.gorsel-plan-olustur-vitrin .vpc-dosya[b-5pm1fwcr4l]  input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.gorsel-plan-olustur-vitrin .vpc-dosya-hata[b-5pm1fwcr4l] {
  margin: 8px 0 0;
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.55;
}

.gorsel-plan-olustur-vitrin .vpc-dosya-listesi[b-5pm1fwcr4l] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.gorsel-plan-olustur-vitrin .vpc-dosya-listesi li[b-5pm1fwcr4l] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.gorsel-plan-olustur-vitrin .vpc-dosya-ad[b-5pm1fwcr4l] { min-width: 0; overflow-wrap: anywhere; }

/* ── Görünür popup ───────────────────────────────────────────────────────── */
.gorsel-plan-olustur-vitrin .vpc-popup[b-5pm1fwcr4l] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.gorsel-plan-olustur-vitrin .vpc-popup[open][b-5pm1fwcr4l] { display: flex; flex-direction: column; }
.gorsel-plan-olustur-vitrin .vpc-popup[b-5pm1fwcr4l]::backdrop { background: var(--scrim); }

.gorsel-plan-olustur-vitrin .vpc-popup-bas[b-5pm1fwcr4l] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.gorsel-plan-olustur-vitrin .vpc-popup-bas h2[b-5pm1fwcr4l] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.gorsel-plan-olustur-vitrin .vpc-popup-bas h2:focus[b-5pm1fwcr4l] { outline: none; }

.gorsel-plan-olustur-vitrin .vpc-popup-kapat[b-5pm1fwcr4l] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.gorsel-plan-olustur-vitrin .vpc-popup-govde[b-5pm1fwcr4l] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gorsel-plan-olustur-vitrin .vpc-popup-govde .vpc-izgara[b-5pm1fwcr4l] { margin-top: 0; }

.gorsel-plan-olustur-vitrin .vpc-popup-eylem[b-5pm1fwcr4l] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gorsel-plan-olustur-vitrin .vpc-kapak[b-5pm1fwcr4l] { padding: 16px; }
  .gorsel-plan-olustur-vitrin .au-btn[b-5pm1fwcr4l] { min-height: 44px; }
  .gorsel-plan-olustur-vitrin .vpc-gun[b-5pm1fwcr4l] { padding: 14px; }
}

/* TELEFON — YENI-DIL §1.1 / §7: tek sütun, eylemler başlığın altında. */
@media (max-width: 640px) {
  .gorsel-plan-olustur-vitrin .vpc-kapak[b-5pm1fwcr4l] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 12px;
    row-gap: 12px;
  }
  .gorsel-plan-olustur-vitrin .vpc-baslik .au-title[b-5pm1fwcr4l] { font-size: var(--yazi-kapak, 20px); }
  .gorsel-plan-olustur-vitrin .vpc-bolum-baslik[b-5pm1fwcr4l] { font-size: var(--yazi-bolum, 14px); }
  .gorsel-plan-olustur-vitrin .vpc-eylem[b-5pm1fwcr4l] { justify-content: stretch; }
  .gorsel-plan-olustur-vitrin .vpc-eylem .au-btn[b-5pm1fwcr4l] { flex: 1 1 auto; }
  .gorsel-plan-olustur-vitrin .vpc-kart[b-5pm1fwcr4l] { padding: 16px 12px; }
  .gorsel-plan-olustur-vitrin .vpc-izgara[b-5pm1fwcr4l] { grid-template-columns: minmax(0, 1fr); }
  .gorsel-plan-olustur-vitrin .vpc-gun[b-5pm1fwcr4l] { align-items: stretch; flex-direction: column; }
  .gorsel-plan-olustur-vitrin .vpc-gun__eylem .au-btn[b-5pm1fwcr4l] { flex: 1 1 auto; }
  .gorsel-plan-olustur-vitrin .vpc-popup[b-5pm1fwcr4l] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .gorsel-plan-olustur-vitrin .vpc-popup-bas[b-5pm1fwcr4l],
  .gorsel-plan-olustur-vitrin .vpc-popup-govde[b-5pm1fwcr4l],
  .gorsel-plan-olustur-vitrin .vpc-popup-eylem[b-5pm1fwcr4l] { padding: 12px; }
  .gorsel-plan-olustur-vitrin .vpc-popup-eylem .au-btn[b-5pm1fwcr4l] { flex: 1 1 auto; }
}

/* Dokunmatikte girdi metni en az 16 px (YENI-DIL K4). Girdiler AppTextField / AppSelect /
   AppDatePicker alt bileşenlerinden gelir; bu sayfanın scope özniteliğini taşımazlar —
   `::deep` olmadan kural hiç uygulanmaz. */
@media (pointer: coarse) {
  .gorsel-plan-olustur-vitrin[b-5pm1fwcr4l]  :is(input, textarea, select, .app-input) {
    font-size: max(16px, 1rem);
  }
}
/* _content/EduLive.Web/Components/Pages/Content/VisualPlans/VisualPlanDetail.razor.rz.scp.css */
/* Görsel plan detayı — Akademik Analiz görsel dili: 23 px kapak, bölüm sekmeleri
   (yalnız seçili bölüm görünür), bölüm kartları, görünür native popup.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md;
   cihaz bantları docs/mobil/YENI-DIL.md §1.1. Kapsam: scoped. */

.au-page.gorsel-plan-vitrin[b-c9k62ifo9z] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak ─────────────────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-kapak[b-c9k62ifo9z] {
  display: grid;
  /* Esneyen sütun başlık olmalı: plan adı kullanıcı verisidir (500 karaktere kadar) ve
     `auto` iken eylem sütununu 0 px'e ezip düğmeleri alt alta yığıyordu. */
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gorsel-plan-vitrin .vd-geri[b-c9k62ifo9z] { grid-area: geri; align-self: center; }
.gorsel-plan-vitrin .vd-baslik[b-c9k62ifo9z] { grid-area: baslik; min-width: 0; }
.gorsel-plan-vitrin .vd-eylem[b-c9k62ifo9z] { grid-area: eylem; }

.gorsel-plan-vitrin .vd-baslik .au-title[b-c9k62ifo9z] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.gorsel-plan-vitrin .vd-alt[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 6px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.gorsel-plan-vitrin .vd-eylem[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* ── Ortak düğme taban çizgisi ───────────────────────────────────────────── */
.gorsel-plan-vitrin .au-btn[b-c9k62ifo9z] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.gorsel-plan-vitrin .au-btn:hover:not(:disabled)[b-c9k62ifo9z] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.gorsel-plan-vitrin .au-btn:disabled[b-c9k62ifo9z] { opacity: .55; cursor: not-allowed; }

.gorsel-plan-vitrin .au-btn--primary[b-c9k62ifo9z] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.gorsel-plan-vitrin .au-btn--primary:hover:not(:disabled)[b-c9k62ifo9z] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.gorsel-plan-vitrin .vd-sil[b-c9k62ifo9z] { color: var(--danger-metin); }
.gorsel-plan-vitrin .vd-sil:hover:not(:disabled)[b-c9k62ifo9z] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
}

.gorsel-plan-vitrin .au-btn:focus-visible[b-c9k62ifo9z],
.gorsel-plan-vitrin .vd-panel:focus-visible[b-c9k62ifo9z] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri (Akademik Analiz şerit ölçüleri) ────────────────────── */
.gorsel-plan-vitrin .vd-sekmeler[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.gorsel-plan-vitrin .vd-sekme[b-c9k62ifo9z] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.gorsel-plan-vitrin .vd-sekme:hover[b-c9k62ifo9z] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.gorsel-plan-vitrin .vd-sekme.is-secili[b-c9k62ifo9z],
.gorsel-plan-vitrin .vd-sekme.is-secili:hover[b-c9k62ifo9z] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.gorsel-plan-vitrin .vd-sekme:focus-visible[b-c9k62ifo9z] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gorsel-plan-vitrin .vd-panel[b-c9k62ifo9z] { outline-offset: 2px; }

/* ── Bölüm kartları ──────────────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-kart[b-c9k62ifo9z],
.gorsel-plan-vitrin .vd-bos[b-c9k62ifo9z] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gorsel-plan-vitrin .vd-kart[b-c9k62ifo9z]::before,
.gorsel-plan-vitrin .vd-bos[b-c9k62ifo9z]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gorsel-plan-vitrin .vd-bos[b-c9k62ifo9z] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gorsel-plan-vitrin .vd-bos p[b-c9k62ifo9z] { margin: 0; line-height: 1.6; }

.gorsel-plan-vitrin .vd-bolum-baslik[b-c9k62ifo9z] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.gorsel-plan-vitrin .vd-bolum-baslik[b-c9k62ifo9z]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.gorsel-plan-vitrin .vd-alt-baslik[b-c9k62ifo9z] {
  margin: 18px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.gorsel-plan-vitrin .vd-ipucu[b-c9k62ifo9z] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.55;
}

.gorsel-plan-vitrin .vd-uyari[b-c9k62ifo9z] { margin-bottom: 16px; }

/* ── İlerleme çubuğu ─────────────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-bar[b-c9k62ifo9z] {
  height: 8px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
  overflow: hidden;
}

.gorsel-plan-vitrin .vd-bar__dolgu[b-c9k62ifo9z] {
  height: 100%;
  border-radius: 999px;
  background: var(--marka-rampa-serit);
  transition: width .3s ease;
}

/* ── Künye listesi ───────────────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-kunye[b-c9k62ifo9z] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.gorsel-plan-vitrin .vd-kunye > div[b-c9k62ifo9z] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.gorsel-plan-vitrin .vd-kunye > div:nth-child(odd)[b-c9k62ifo9z] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gorsel-plan-vitrin .vd-kunye dt[b-c9k62ifo9z] { color: var(--metin-ipucu); }

.gorsel-plan-vitrin .vd-kunye dd[b-c9k62ifo9z] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Pipeline adımları ───────────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-adimlar[b-c9k62ifo9z] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gorsel-plan-vitrin .vd-adim[b-c9k62ifo9z] {
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gorsel-plan-vitrin .vd-adim__ust[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.gorsel-plan-vitrin .vd-adim__ad[b-c9k62ifo9z] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
}

.gorsel-plan-vitrin .vd-adim__sayac[b-c9k62ifo9z] {
  color: var(--metin-ipucu);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.gorsel-plan-vitrin .vd-adim .vd-bar[b-c9k62ifo9z] { margin-bottom: 6px; }

/* ── Günler ──────────────────────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-gunler[b-c9k62ifo9z] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gorsel-plan-vitrin .vd-gun[b-c9k62ifo9z] {
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.gorsel-plan-vitrin .vd-gun__ust[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.gorsel-plan-vitrin .vd-gun__ad[b-c9k62ifo9z] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  overflow-wrap: anywhere;
}

.gorsel-plan-vitrin .vd-cikti[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 5%, var(--yuzey));
}

.gorsel-plan-vitrin .vd-cikti__etiket[b-c9k62ifo9z] {
  color: var(--metin-murekkep);
  font-size: 12.5px;
  font-weight: 600;
}

.gorsel-plan-vitrin .vd-cikti__hata[b-c9k62ifo9z] {
  margin: 8px 0 0;
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.55;
}

.gorsel-plan-vitrin .vd-etkinlikler[b-c9k62ifo9z] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.gorsel-plan-vitrin .vd-etkinlik[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gorsel-plan-vitrin .vd-etkinlik__bilgi[b-c9k62ifo9z] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.gorsel-plan-vitrin .vd-etkinlik__ad[b-c9k62ifo9z] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.gorsel-plan-vitrin .vd-etkinlik__rozetler[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* ── Görünür popup ───────────────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-popup[b-c9k62ifo9z] {
  width: min(760px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.gorsel-plan-vitrin .vd-popup[open][b-c9k62ifo9z] { display: flex; flex-direction: column; }
.gorsel-plan-vitrin .vd-popup[b-c9k62ifo9z]::backdrop { background: var(--scrim); }

.gorsel-plan-vitrin .vd-popup-bas[b-c9k62ifo9z] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.gorsel-plan-vitrin .vd-popup-bas h2[b-c9k62ifo9z] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.gorsel-plan-vitrin .vd-popup-bas h2:focus[b-c9k62ifo9z] { outline: none; }

.gorsel-plan-vitrin .vd-popup-kapat[b-c9k62ifo9z] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.gorsel-plan-vitrin .vd-popup-govde[b-c9k62ifo9z] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gorsel-plan-vitrin .vd-popup-govde .vd-alt-baslik:first-child[b-c9k62ifo9z] { margin-top: 0; }

.gorsel-plan-vitrin .vd-popup-eylem[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.gorsel-plan-vitrin .vd-onay[b-c9k62ifo9z] {
  margin: 0;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 13px;
  line-height: 1.55;
}

/* ── Dosya küçük görselleri ──────────────────────────────────────────────── */
.gorsel-plan-vitrin .vd-kucukler[b-c9k62ifo9z] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gorsel-plan-vitrin .vd-kucuk[b-c9k62ifo9z] {
  display: block;
  width: 96px;
  height: 96px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  overflow: hidden;
}

.gorsel-plan-vitrin .vd-kucuk img[b-c9k62ifo9z] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1: sekmeler tek yatay kaydırılabilir şerit. */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gorsel-plan-vitrin .vd-kapak[b-c9k62ifo9z] { padding: 16px; }
  .gorsel-plan-vitrin .au-btn[b-c9k62ifo9z] { min-height: 44px; }
  .gorsel-plan-vitrin .vd-sekmeler[b-c9k62ifo9z] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .gorsel-plan-vitrin .vd-sekme[b-c9k62ifo9z] { flex: 0 0 auto; min-height: 44px; }
}

/* TELEFON — YENI-DIL §1.1 / §7 */
@media (max-width: 640px) {
  .gorsel-plan-vitrin .vd-kapak[b-c9k62ifo9z] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 12px;
    row-gap: 12px;
  }
  .gorsel-plan-vitrin .vd-baslik .au-title[b-c9k62ifo9z] { font-size: var(--yazi-kapak, 20px); }
  .gorsel-plan-vitrin .vd-bolum-baslik[b-c9k62ifo9z] { font-size: var(--yazi-bolum, 14px); }
  .gorsel-plan-vitrin .vd-eylem[b-c9k62ifo9z] { justify-content: stretch; }
  .gorsel-plan-vitrin .vd-eylem .au-btn[b-c9k62ifo9z] { flex: 1 1 auto; }
  .gorsel-plan-vitrin .vd-kart[b-c9k62ifo9z] { padding: 16px 12px; }
  .gorsel-plan-vitrin .vd-adimlar[b-c9k62ifo9z] { grid-template-columns: minmax(0, 1fr); }
  .gorsel-plan-vitrin .vd-etkinlik[b-c9k62ifo9z] { flex-direction: column; align-items: stretch; }
  .gorsel-plan-vitrin .vd-etkinlik .au-btn[b-c9k62ifo9z] { width: 100%; }
  .gorsel-plan-vitrin .vd-popup[b-c9k62ifo9z] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .gorsel-plan-vitrin .vd-popup-bas[b-c9k62ifo9z],
  .gorsel-plan-vitrin .vd-popup-govde[b-c9k62ifo9z],
  .gorsel-plan-vitrin .vd-popup-eylem[b-c9k62ifo9z] { padding: 12px; }
  .gorsel-plan-vitrin .vd-popup-eylem .au-btn[b-c9k62ifo9z] { flex: 1 1 auto; }
  .gorsel-plan-vitrin .vd-kunye > div[b-c9k62ifo9z] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
  .gorsel-plan-vitrin .vd-kucuk[b-c9k62ifo9z] { width: 76px; height: 76px; }
}
/* _content/EduLive.Web/Components/Pages/Content/VisualPlans/VisualPlansList.razor.rz.scp.css */
/* Görsel planlar listesi — Akademik Analiz görsel dili (kapak 23 px, --marka-rampa-serit
   tablo başlığı, bölüm kartı, native popup). Ölçüler: docs/tasarim/edulive-web-tasarim/
   references/akademik-analiz.md; cihaz bantları docs/mobil/YENI-DIL.md §1.1.
   Kapsam: yalnız bu sayfa (scoped). wwwroot ortak CSS'e dokunulmaz. */

.au-page.gorsel-planlar-vitrin[b-ndzk3w1ciw] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak: başlık + süzgeç + eylem ───────────────────────────────── */
.gorsel-planlar-vitrin .vpl-kapak[b-ndzk3w1ciw] {
  display: grid;
  /* Esnek sütun SÜZGECİN altında olmalı: `auto` track'i ölçerken Chromium çocukların
     `flex: 0 1 176px` tabanını saymaz, süzgeç 354 px'te donup iki satıra kırılırdı.
     `1fr` süzgece, `auto` eyleme verilince süzgeç tek satır kalır, eylem içeriğine oturur. */
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik baslik"
    "filtre filtre eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gorsel-planlar-vitrin .vpl-geri[b-ndzk3w1ciw] { grid-area: geri; align-self: center; }
.gorsel-planlar-vitrin .vpl-baslik[b-ndzk3w1ciw] { grid-area: baslik; min-width: 0; }
.gorsel-planlar-vitrin .vpl-filtre[b-ndzk3w1ciw] { grid-area: filtre; }
.gorsel-planlar-vitrin .vpl-eylem[b-ndzk3w1ciw] { grid-area: eylem; }

.gorsel-planlar-vitrin .vpl-baslik .au-title[b-ndzk3w1ciw] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.gorsel-planlar-vitrin .vpl-alt[b-ndzk3w1ciw] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.gorsel-planlar-vitrin .vpl-filtre[b-ndzk3w1ciw] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Süzgeç genişliği: `.app-field` AppSelect'in (AppField) KÖK öğesidir, bu bileşenin
   scope özniteliğini TAŞIMAZ — `::deep` olmadan kural hiç uygulanmaz. */
.gorsel-planlar-vitrin .vpl-filtre[b-ndzk3w1ciw]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.gorsel-planlar-vitrin .vpl-eylem[b-ndzk3w1ciw] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* Kapak içindeki kontrollerin ortak taban çizgisi (34 px). */
.gorsel-planlar-vitrin .au-btn[b-ndzk3w1ciw] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.gorsel-planlar-vitrin .au-btn:hover:not(:disabled)[b-ndzk3w1ciw] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.gorsel-planlar-vitrin .au-btn:disabled[b-ndzk3w1ciw] { opacity: .55; cursor: not-allowed; }

.gorsel-planlar-vitrin .au-btn--primary[b-ndzk3w1ciw] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.gorsel-planlar-vitrin .au-btn--primary:hover:not(:disabled)[b-ndzk3w1ciw] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.gorsel-planlar-vitrin .vpl-sil[b-ndzk3w1ciw] { color: var(--danger-metin); }
.gorsel-planlar-vitrin .vpl-sil:hover:not(:disabled)[b-ndzk3w1ciw] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
}

.gorsel-planlar-vitrin .au-btn:focus-visible[b-ndzk3w1ciw],
.gorsel-planlar-vitrin .vpl-satir:focus-visible[b-ndzk3w1ciw] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ve boş durum ───────────────────────────────────────────── */
.gorsel-planlar-vitrin .vpl-liste-kart[b-ndzk3w1ciw],
.gorsel-planlar-vitrin .vpl-bos[b-ndzk3w1ciw] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gorsel-planlar-vitrin .vpl-liste-kart[b-ndzk3w1ciw]::before,
.gorsel-planlar-vitrin .vpl-bos[b-ndzk3w1ciw]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gorsel-planlar-vitrin .vpl-bolum-baslik[b-ndzk3w1ciw] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.gorsel-planlar-vitrin .vpl-bolum-baslik[b-ndzk3w1ciw]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.gorsel-planlar-vitrin .vpl-ipucu[b-ndzk3w1ciw] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.gorsel-planlar-vitrin .vpl-bos[b-ndzk3w1ciw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gorsel-planlar-vitrin .vpl-bos p[b-ndzk3w1ciw] { margin: 0; line-height: 1.6; }

/* ── Tablo: sınırlı alanda kayar, başlık sabit, ilk sütun cihazda yapışık ── */
.gorsel-planlar-vitrin .vpl-tablo-kap[b-ndzk3w1ciw] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.gorsel-planlar-vitrin .vpl-tablo[b-ndzk3w1ciw] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.gorsel-planlar-vitrin .vpl-gizli[b-ndzk3w1ciw] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.gorsel-planlar-vitrin .vpl-tablo thead[b-ndzk3w1ciw] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.gorsel-planlar-vitrin .vpl-tablo thead th[b-ndzk3w1ciw] {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.gorsel-planlar-vitrin .vpl-tablo tbody td[b-ndzk3w1ciw] {
  padding: 10px 13px;
  border-top: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.gorsel-planlar-vitrin .vpl-tablo tbody tr:nth-child(even) td[b-ndzk3w1ciw] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gorsel-planlar-vitrin .vpl-satir[b-ndzk3w1ciw] { cursor: pointer; }

.gorsel-planlar-vitrin .vpl-satir:hover td[b-ndzk3w1ciw] {
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.gorsel-planlar-vitrin .vpl-satir.is-secili td[b-ndzk3w1ciw] {
  background: color-mix(in srgb, var(--marka-500) 11%, var(--yuzey));
}

.gorsel-planlar-vitrin .vpl-soluk[b-ndzk3w1ciw] { color: var(--metin-ipucu); white-space: nowrap; }

.gorsel-planlar-vitrin .vpl-link[b-ndzk3w1ciw] {
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.gorsel-planlar-vitrin .vpl-link:hover[b-ndzk3w1ciw] { text-decoration: underline; }

.gorsel-planlar-vitrin .vpl-ilerleme[b-ndzk3w1ciw] {
  width: min(140px, 100%);
  height: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
  overflow: hidden;
}

.gorsel-planlar-vitrin .vpl-ilerleme__dolgu[b-ndzk3w1ciw] {
  height: 100%;
  border-radius: 999px;
  background: var(--marka-rampa-serit);
  transition: width .3s ease;
}

.gorsel-planlar-vitrin .vpl-sayac[b-ndzk3w1ciw] {
  display: inline-block;
  margin-top: 4px;
  color: var(--metin-ipucu);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── Görünür popup (native top layer) ───────────────────────────────────── */
.gorsel-planlar-vitrin .vpl-popup[b-ndzk3w1ciw] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.gorsel-planlar-vitrin .vpl-popup[open][b-ndzk3w1ciw] { display: flex; flex-direction: column; }
.gorsel-planlar-vitrin .vpl-popup[b-ndzk3w1ciw]::backdrop { background: var(--scrim); }

.gorsel-planlar-vitrin .vpl-popup-bas[b-ndzk3w1ciw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.gorsel-planlar-vitrin .vpl-popup-bas h2[b-ndzk3w1ciw] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.gorsel-planlar-vitrin .vpl-popup-bas h2:focus[b-ndzk3w1ciw] { outline: none; }

.gorsel-planlar-vitrin .vpl-popup-kapat[b-ndzk3w1ciw] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.gorsel-planlar-vitrin .vpl-popup-govde[b-ndzk3w1ciw] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gorsel-planlar-vitrin .vpl-kunye[b-ndzk3w1ciw] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.gorsel-planlar-vitrin .vpl-kunye > div[b-ndzk3w1ciw] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.gorsel-planlar-vitrin .vpl-kunye > div:nth-child(odd)[b-ndzk3w1ciw] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gorsel-planlar-vitrin .vpl-kunye dt[b-ndzk3w1ciw] { color: var(--metin-ipucu); }

.gorsel-planlar-vitrin .vpl-kunye dd[b-ndzk3w1ciw] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.gorsel-planlar-vitrin .vpl-onay[b-ndzk3w1ciw] {
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 13px;
  line-height: 1.55;
}

.gorsel-planlar-vitrin .vpl-popup-eylem[b-ndzk3w1ciw] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ≥1540 fareli: başlık solda, süzgeç ve eylemler sağ kenarda tek satır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .gorsel-planlar-vitrin .vpl-kapak[b-ndzk3w1ciw] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium sarmalı flex kabın
     max-content'ini çocukların içerik genişliğinden hesaplar, `flex: 0 1 176px`
     tabanını saymaz → kap daralır, süzgeçler alt alta yığılır. `stretch` + `flex-end`
     tek satırda sağa yaslar, dar ekranda sarma korunur. */
  .gorsel-planlar-vitrin .vpl-filtre[b-ndzk3w1ciw] { justify-self: stretch; justify-content: flex-end; }
}

/* CİHAZ (telefon ∪ tablet) — YENI-DIL §1.1 */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gorsel-planlar-vitrin .vpl-kapak[b-ndzk3w1ciw] { padding: 16px; }
  .gorsel-planlar-vitrin .au-btn[b-ndzk3w1ciw] { min-height: 44px; }
  .gorsel-planlar-vitrin .vpl-tablo tbody td[b-ndzk3w1ciw] { padding: 12px 13px; }
  .gorsel-planlar-vitrin .vpl-tablo tbody td.vpl-sut-ad[b-ndzk3w1ciw] {
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--yuzey);
  }
  .gorsel-planlar-vitrin .vpl-tablo tbody tr:nth-child(even) td.vpl-sut-ad[b-ndzk3w1ciw] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
  .gorsel-planlar-vitrin .vpl-tablo thead th.vpl-sut-ad[b-ndzk3w1ciw] {
    inset-inline-start: 0;
    z-index: 3;
  }
}

/* TELEFON — YENI-DIL §1.1 / §7: tek sütun, katlanabilir süzgeç, eylemler başlığın altında. */
@media (max-width: 640px) {
  .gorsel-planlar-vitrin .vpl-kapak[b-ndzk3w1ciw] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "filtre filtre"
      "eylem eylem";
    padding: 12px;
    row-gap: 12px;
  }
  .gorsel-planlar-vitrin .vpl-baslik .au-title[b-ndzk3w1ciw] { font-size: var(--yazi-kapak, 20px); }
  .gorsel-planlar-vitrin .vpl-bolum-baslik[b-ndzk3w1ciw] { font-size: var(--yazi-bolum, 14px); }
  .gorsel-planlar-vitrin .vpl-filtre[b-ndzk3w1ciw] { flex-direction: column; align-items: stretch; gap: 10px; }
  .gorsel-planlar-vitrin .vpl-filtre[b-ndzk3w1ciw]  .app-field { flex: 1 1 auto; max-width: none; }
  .gorsel-planlar-vitrin .vpl-eylem[b-ndzk3w1ciw] { justify-content: stretch; }
  .gorsel-planlar-vitrin .vpl-eylem .au-btn[b-ndzk3w1ciw] { flex: 1 1 auto; }
  .gorsel-planlar-vitrin .vpl-liste-kart[b-ndzk3w1ciw] { padding: 16px 12px; }
  .gorsel-planlar-vitrin .vpl-tablo tbody td[b-ndzk3w1ciw] { font-size: var(--yazi-govde, 13px); }
  .gorsel-planlar-vitrin .vpl-popup[b-ndzk3w1ciw] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .gorsel-planlar-vitrin .vpl-popup-bas[b-ndzk3w1ciw],
  .gorsel-planlar-vitrin .vpl-popup-govde[b-ndzk3w1ciw],
  .gorsel-planlar-vitrin .vpl-popup-eylem[b-ndzk3w1ciw] { padding: 12px; }
  .gorsel-planlar-vitrin .vpl-popup-eylem .au-btn[b-ndzk3w1ciw] { flex: 1 1 auto; }
  .gorsel-planlar-vitrin .vpl-kunye > div[b-ndzk3w1ciw] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

/* Dokunmatikte girdi metni en az 16 px (YENI-DIL K4). AppSelect kontrolü `input`/`select`
   değil `button.app-input`; ayrıca alt bileşende olduğu için `::deep` zorunlu. */
@media (pointer: coarse) {
  .gorsel-planlar-vitrin .vpl-filtre[b-ndzk3w1ciw]  .app-input { font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/AgeGroups/AgeGroupsPage.razor.rz.scp.css */
/* Yaş grupları — Akademik Analiz ölçüleri, yalnız bu sayfa (MF-04, 2026-09-20).
   Kapak/kart/tablo/popup ölçüleri onaylı referanstan alındı:
   docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md ve
   wwwroot/css/org-birimleri-vitrin.css (kardeş yönetim ekranı).
   Yeni hex YOK — yalnız mevcut token'lar. Çocuk bileşenler (AppSelect, AppTextField,
   AppNumberField, AppToggle, DataStates, GeriBaglanti) ::deep ile hedeflenir. */

.ygr-vitrin[b-mvaxvgk2sx] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ──────── */
.ygr-kapak[b-mvaxvgk2sx] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Kapak satırı `align-items:flex-end` olduğundan 30x30 px geri düğmesi uzun
   açıklama metninin son satırına yapışıyordu; kardeş sayfalardaki
   `.ctl-geri`/`.db-geri`/`.ci-geri` gibi dikeyde ortalanır. */
.ygr-geri[b-mvaxvgk2sx] {
  flex: 0 0 auto;
  min-width: 30px;
  align-self: center;
}

.ygr-kapak__metin[b-mvaxvgk2sx] {
  flex: 1 1 260px;
  min-width: 0;
}

.ygr-baslik[b-mvaxvgk2sx] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ygr-alt[b-mvaxvgk2sx] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ygr-suzgec[b-mvaxvgk2sx] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.ygr-suzgec[b-mvaxvgk2sx]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.ygr-eylemler[b-mvaxvgk2sx] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğme tabanı (referans ölçüsü: 34 px / 12.5 px / 600) ───────── */
.ygr-vitrin .au-btn[b-mvaxvgk2sx] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ygr-vitrin .au-btn:hover:not(:disabled)[b-mvaxvgk2sx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ygr-vitrin .au-btn--primary[b-mvaxvgk2sx] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ygr-vitrin .au-btn--primary:hover:not(:disabled)[b-mvaxvgk2sx] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Yıkıcı eylem anlamını koru — global `.au-btn--danger` ile aynı token'lar. */
.ygr-vitrin .au-btn--danger[b-mvaxvgk2sx] {
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}

.ygr-vitrin .au-btn--danger:hover:not(:disabled)[b-mvaxvgk2sx] {
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
}

.ygr-vitrin .au-btn--sm[b-mvaxvgk2sx] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.ygr-vitrin .au-btn:disabled[b-mvaxvgk2sx] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ygr-vitrin .au-btn:focus-visible[b-mvaxvgk2sx],
.ygr-tablo-kaydir:focus-visible[b-mvaxvgk2sx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart yüzeyi ─────────────────────────────────────────────────── */
.ygr-kart[b-mvaxvgk2sx] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ygr-kart[b-mvaxvgk2sx]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ygr-kart-bas[b-mvaxvgk2sx] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.ygr-bolum-baslik[b-mvaxvgk2sx] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ygr-bolum-baslik[b-mvaxvgk2sx]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ygr-ozet[b-mvaxvgk2sx] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.ygr-gizli-metin[b-mvaxvgk2sx] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Durumlar: iskelet / boş ─────────────────────────────────────── */
.ygr-iskelet[b-mvaxvgk2sx] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ygr-iskelet__satir[b-mvaxvgk2sx] {
  height: 34px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.ygr-bos[b-mvaxvgk2sx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ygr-bos p[b-mvaxvgk2sx] {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ─────────────── */
.ygr-tablo-kaydir[b-mvaxvgk2sx] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında sarmalayıcısız
   tablolar için `table { display:block; overflow-x:auto }` siperi koyar; tablo kendi
   kabında kaydığı için o siper burada sticky başlığı ve yapışık sütunu bozar
   (OrgUnitTypes.razor.css'te aynı gerekçe yazılı). */
.ygr-tablo[b-mvaxvgk2sx] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 820px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.ygr-tablo thead[b-mvaxvgk2sx] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.ygr-tablo th[b-mvaxvgk2sx] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.ygr-tablo td[b-mvaxvgk2sx] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.ygr-tablo tbody tr:nth-child(even) td[b-mvaxvgk2sx] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ygr-tablo tbody tr:hover td[b-mvaxvgk2sx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ygr-anahtar[b-mvaxvgk2sx] {
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
}

.ygr-ad[b-mvaxvgk2sx] {
  min-width: 200px;
}

.ygr-ad__metin[b-mvaxvgk2sx] {
  display: block;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ygr-ad__aciklama[b-mvaxvgk2sx] {
  display: block;
  margin-top: 2px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.ygr-aralik[b-mvaxvgk2sx],
.ygr-sayi[b-mvaxvgk2sx] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ygr-sayi[b-mvaxvgk2sx] {
  font-weight: 600;
  color: var(--marka-700);
}

.ygr-satir-eylem[b-mvaxvgk2sx] {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.ygr-tablo th:last-child[b-mvaxvgk2sx],
.ygr-tablo td:last-child[b-mvaxvgk2sx] {
  width: 1%;
}

.ygr-chip-kurum[b-mvaxvgk2sx] {
  white-space: nowrap;
}

.ygr-sayfalama[b-mvaxvgk2sx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
}

/* ── Popup: görünür native dialog ────────────────────────────────── */
.ygr-popup[b-mvaxvgk2sx] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ygr-popup--dar[b-mvaxvgk2sx] {
  width: min(520px, calc(100vw - 48px));
}

.ygr-popup[open][b-mvaxvgk2sx] {
  display: flex;
  flex-direction: column;
}

.ygr-popup[b-mvaxvgk2sx]::backdrop {
  background: var(--scrim);
}

.ygr-popup-bas[b-mvaxvgk2sx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ygr-popup-bas h2[b-mvaxvgk2sx] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ygr-popup-bas h2:focus[b-mvaxvgk2sx] {
  outline: none;
}

.ygr-vitrin .ygr-popup-kapat[b-mvaxvgk2sx] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.ygr-popup-govde[b-mvaxvgk2sx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ygr-popup-govde p[b-mvaxvgk2sx] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.ygr-popup-eylem[b-mvaxvgk2sx] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ygr-form[b-mvaxvgk2sx] {
  margin: 0;
}

.ygr-form__izgara[b-mvaxvgk2sx] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 20px;
  align-items: start;
}

.ygr-form__izgara[b-mvaxvgk2sx]  .app-field {
  min-width: 0;
}

/* Yalnız AÇIKLAMA iki sütunu kaplar. "Görünen ad"ı da tam genişlik yapmak,
   ızgaranın ilk satırında "Anahtar"ın yanında BOŞ bir hücre bırakıyordu: grid
   auto-placement tam satır isteyen öğeyi bir sonraki satıra atar, geride kalan
   hücreyi doldurmaz. Dizilim: Anahtar|Ad · Açıklama · En az|En çok · Sıra|Aktif. */
.ygr-form__izgara[b-mvaxvgk2sx]  .app-field:nth-child(3) {
  grid-column: 1 / -1;
}

/* AppToggle da <AppField> ile sarılıdır — ızgara öğesi `.app-field`tir,
   `.app-toggle-row` DEĞİL (o, app-field__control'ün içinde kalır). Etiketi
   olmadığı için `align-items:start` ile komşu sayı alanının etiket satırına
   yapışıyordu; satırın ortasına hizalanır. */
.ygr-form__izgara[b-mvaxvgk2sx]  .app-field:nth-child(7) {
  align-self: center;
}

.ygr-form__izgara[b-mvaxvgk2sx]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.ygr-form__izgara[b-mvaxvgk2sx]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.ygr-form__izgara[b-mvaxvgk2sx]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── CİHAZ (telefon ∪ tablet) ────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ygr-kapak[b-mvaxvgk2sx] {
    padding: 16px;
  }

  .ygr-vitrin :is(.au-btn, .au-btn--sm)[b-mvaxvgk2sx] {
    min-height: 44px;
  }

  .ygr-form__izgara[b-mvaxvgk2sx]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Anahtar) yatay kaydırmada yapışık kalır. */
  .ygr-tablo :is(th, td):first-child[b-mvaxvgk2sx] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Yapışık sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .ygr-tablo th:first-child[b-mvaxvgk2sx] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .ygr-form__izgara[b-mvaxvgk2sx]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ─────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ygr-kapak[b-mvaxvgk2sx] {
    padding: 12px;
  }

  .ygr-baslik[b-mvaxvgk2sx] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ygr-bolum-baslik[b-mvaxvgk2sx] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Süzgeç ve eylemler başlığın altında, tam genişlikte tek sütun. */
  .ygr-suzgec[b-mvaxvgk2sx],
  .ygr-eylemler[b-mvaxvgk2sx] {
    width: 100%;
  }

  .ygr-suzgec[b-mvaxvgk2sx]  .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  .ygr-eylemler .au-btn[b-mvaxvgk2sx] {
    flex: 1 1 auto;
  }

  .ygr-kart[b-mvaxvgk2sx] {
    padding: 16px 12px;
  }

  .ygr-kart-bas[b-mvaxvgk2sx] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .ygr-tablo-kaydir[b-mvaxvgk2sx] {
    max-height: min(460px, 62dvh);
  }

  .ygr-tablo[b-mvaxvgk2sx] {
    min-width: 680px;
  }

  .ygr-tablo :is(th, td)[b-mvaxvgk2sx] {
    padding: 10px;
  }

  .ygr-popup[b-mvaxvgk2sx],
  .ygr-popup--dar[b-mvaxvgk2sx] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ygr-popup-bas[b-mvaxvgk2sx],
  .ygr-popup-govde[b-mvaxvgk2sx],
  .ygr-popup-eylem[b-mvaxvgk2sx] {
    padding: 12px;
  }

  .ygr-popup-eylem .au-btn[b-mvaxvgk2sx] {
    flex: 1 1 auto;
  }

  .ygr-form__izgara[b-mvaxvgk2sx] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .ygr-sayfalama[b-mvaxvgk2sx] {
    flex-wrap: wrap;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Approaches/EducationApproachAiWizard.razor.rz.scp.css */
/* AI yaklaşım sihirbazı — Akademik Analiz ölçüleri, yalnız bu sayfa (MF-04, 2026-09-20).
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md ve
   wwwroot/css/org-birimleri-vitrin.css. Sihirbazın kendi kartı (AppWizard.wiz-kart)
   korunur; burada kapak, özet ve önizleme popup'ı tanımlıdır. Yeni hex YOK. */

.eaw-vitrin[b-pqbfb6ahp6] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ───────────────────────────────────────────────────────── */
.eaw-kapak[b-pqbfb6ahp6] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Kapak `align-items: flex-end` olduğundan 30px'lik geri oku, iki satıra taşan
   açıklamanın son satırına iniyordu; kardeş sayfalardaki gibi dikeyde ortalanır. */
.eaw-geri[b-pqbfb6ahp6] {
  flex: 0 0 auto;
  min-width: 30px;
  align-self: center;
}

.eaw-kapak__metin[b-pqbfb6ahp6] {
  flex: 1 1 260px;
  min-width: 0;
}

.eaw-baslik[b-pqbfb6ahp6] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.eaw-alt[b-pqbfb6ahp6] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Sihirbaz adım gövdeleri ─────────────────────────────────────── */
.eaw-form-izgara[b-pqbfb6ahp6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.eaw-form-izgara[b-pqbfb6ahp6]  .app-field {
  min-width: 0;
}

.eaw-form-izgara[b-pqbfb6ahp6]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.eaw-form-izgara[b-pqbfb6ahp6]  .app-field .app-input {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.eaw-form-izgara[b-pqbfb6ahp6]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Adım 3 özeti ────────────────────────────────────────────────── */
.eaw-ozet[b-pqbfb6ahp6] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 16px 0 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  overflow: hidden;
}

.eaw-ozet > div[b-pqbfb6ahp6] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  font-size: 13px;
}

.eaw-ozet > div:nth-child(odd)[b-pqbfb6ahp6] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.eaw-ozet dt[b-pqbfb6ahp6] {
  color: var(--n-500);
  font-weight: 600;
}

.eaw-ozet dd[b-pqbfb6ahp6] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.eaw-vitrin .au-banner[b-pqbfb6ahp6] {
  margin-top: 12px;
}

/* ── Düğme tabanı (popup eylemleri) ──────────────────────────────── */
.eaw-vitrin .au-btn[b-pqbfb6ahp6] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.eaw-vitrin .au-btn:hover:not(:disabled)[b-pqbfb6ahp6] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.eaw-vitrin .au-btn--primary[b-pqbfb6ahp6] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.eaw-vitrin .au-btn--primary:hover:not(:disabled)[b-pqbfb6ahp6] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.eaw-vitrin .au-btn:disabled[b-pqbfb6ahp6] {
  opacity: 0.55;
  cursor: not-allowed;
}

.eaw-vitrin .au-btn:focus-visible[b-pqbfb6ahp6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Önizleme popup'ı ────────────────────────────────────────────── */
.eaw-popup[b-pqbfb6ahp6] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.eaw-popup[open][b-pqbfb6ahp6] {
  display: flex;
  flex-direction: column;
}

.eaw-popup[b-pqbfb6ahp6]::backdrop {
  background: var(--scrim);
}

.eaw-popup-bas[b-pqbfb6ahp6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.eaw-popup-bas h2[b-pqbfb6ahp6] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.eaw-popup-bas h2:focus[b-pqbfb6ahp6] {
  outline: none;
}

.eaw-vitrin .eaw-popup-kapat[b-pqbfb6ahp6] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.eaw-popup-govde[b-pqbfb6ahp6] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.eaw-popup-govde .au-banner[b-pqbfb6ahp6] {
  margin-top: 0;
}

.eaw-popup-ozet[b-pqbfb6ahp6] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.eaw-popup-eylem[b-pqbfb6ahp6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.eaw-boyutlar[b-pqbfb6ahp6] {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}

.eaw-boyut[b-pqbfb6ahp6] {
  display: grid;
  grid-template-columns: minmax(140px, 30%) 1fr;
  gap: 10px;
  padding: 10px 2px;
  border-bottom: 1px solid var(--hat-kart);
  font-size: 13px;
}

.eaw-boyut:last-child[b-pqbfb6ahp6] {
  border-bottom: none;
}

.eaw-boyut dt[b-pqbfb6ahp6] {
  color: var(--n-500);
  font-weight: 600;
  overflow-wrap: anywhere;
}

/* `white-space` BİLEREK dd'de değil iç metin span'ında: Razor'ın öğeler arasına
   yazdığı girinti/satır sonu, dd üzerinde `pre-wrap` olsaydı görünür boşluk olarak
   çizilirdi (rozet ile açıklama arasında kocaman boşluk). */
.eaw-boyut dd[b-pqbfb6ahp6] {
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.eaw-boyut__deger[b-pqbfb6ahp6] {
  display: inline-block;
  margin-inline-end: 8px;
  padding: 1px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.eaw-boyut__metin[b-pqbfb6ahp6] {
  white-space: pre-wrap;
}

/* ── CİHAZ (telefon ∪ tablet) ────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .eaw-kapak[b-pqbfb6ahp6] {
    padding: 16px;
  }

  .eaw-vitrin .au-btn[b-pqbfb6ahp6] {
    min-height: 44px;
  }

  .eaw-form-izgara[b-pqbfb6ahp6]  .app-field .app-input {
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .eaw-form-izgara[b-pqbfb6ahp6]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ─────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .eaw-kapak[b-pqbfb6ahp6] {
    padding: 12px;
  }

  .eaw-baslik[b-pqbfb6ahp6] {
    font-size: var(--yazi-kapak, 20px);
  }

  .eaw-form-izgara[b-pqbfb6ahp6] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .eaw-ozet > div[b-pqbfb6ahp6],
  .eaw-boyut[b-pqbfb6ahp6] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .eaw-popup[b-pqbfb6ahp6] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .eaw-popup-bas[b-pqbfb6ahp6],
  .eaw-popup-govde[b-pqbfb6ahp6],
  .eaw-popup-eylem[b-pqbfb6ahp6] {
    padding: 12px;
  }

  .eaw-popup-eylem .au-btn[b-pqbfb6ahp6] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Approaches/EducationApproachesList.razor.rz.scp.css */
/* Eğitim yaklaşımları — Akademik Analiz ölçüleri, yalnız bu sayfa (MF-04, 2026-09-20).
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md ve
   wwwroot/css/org-birimleri-vitrin.css. Yeni hex YOK — yalnız mevcut token'lar.
   Çocuk bileşenler (AppSelect, AppToggle, AppRichText, AppTextField, AppKeyValueEditor,
   DataStates, GeriBaglanti) ::deep ile hedeflenir. */

.eap-vitrin[b-znwv74qppj] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ───────────────────────────────────────────────────────── */
.eap-kapak[b-znwv74qppj] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Kapak `align-items: flex-end` olduğundan 30px'lik geri düğmesi iki satırlık
   açıklama metninin hizasına iniyordu; kardeş sayfalar (.ctl-geri/.db-geri/.ci-geri)
   gibi dikeyde ortalanır. */
.eap-geri[b-znwv74qppj] {
  flex: 0 0 auto;
  min-width: 30px;
  align-self: center;
}

.eap-kapak__metin[b-znwv74qppj] {
  flex: 1 1 260px;
  min-width: 0;
}

.eap-baslik[b-znwv74qppj] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.eap-alt[b-znwv74qppj] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.eap-suzgec[b-znwv74qppj] {
  display: flex;
  align-items: center;
  min-width: 0;
}

.eap-eylemler[b-znwv74qppj] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğme tabanı (referans: 34 px / 12.5 px / 600) ──────────────── */
.eap-vitrin .au-btn[b-znwv74qppj] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.eap-vitrin .au-btn:hover:not(:disabled)[b-znwv74qppj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.eap-vitrin .au-btn--primary[b-znwv74qppj] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.eap-vitrin .au-btn--primary:hover:not(:disabled)[b-znwv74qppj] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.eap-vitrin .au-btn--danger[b-znwv74qppj] {
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}

.eap-vitrin .au-btn--danger:hover:not(:disabled)[b-znwv74qppj] {
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
}

.eap-vitrin .au-btn--sm[b-znwv74qppj] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.eap-vitrin .au-btn:disabled[b-znwv74qppj] {
  opacity: 0.55;
  cursor: not-allowed;
}

.eap-vitrin .au-btn:focus-visible[b-znwv74qppj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart yüzeyi ─────────────────────────────────────────────────── */
.eap-kart[b-znwv74qppj] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.eap-kart[b-znwv74qppj]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.eap-kart-bas[b-znwv74qppj] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.eap-bolum-baslik[b-znwv74qppj] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.eap-bolum-baslik[b-znwv74qppj]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.eap-ozet[b-znwv74qppj] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.eap-kart .au-banner[b-znwv74qppj] {
  margin-bottom: 12px;
}

/* ── Durumlar ────────────────────────────────────────────────────── */
.eap-iskelet[b-znwv74qppj] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.eap-iskelet__satir[b-znwv74qppj] {
  height: 34px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.eap-bos[b-znwv74qppj] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.eap-bos p[b-znwv74qppj] {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

.eap-bos__eylem[b-znwv74qppj] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* ── Yaklaşım ızgarası ───────────────────────────────────────────── */
.eap-izgara[b-znwv74qppj] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eap-oge[b-znwv74qppj] {
  display: flex;
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.eap-oge > article[b-znwv74qppj] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

.eap-oge:hover[b-znwv74qppj] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.eap-oge.is-active[b-znwv74qppj] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.eap-oge__bas[b-znwv74qppj] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.eap-oge__baslik[b-znwv74qppj] {
  min-width: 0;
  margin: 0;
  font: 700 14px/1.35 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.eap-oge__rozet[b-znwv74qppj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.eap-chip-sys[b-znwv74qppj] {
  color: var(--n-500);
}

.eap-boyutlar[b-znwv74qppj] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}

.eap-boyut[b-znwv74qppj] {
  display: grid;
  grid-template-columns: minmax(110px, 40%) 1fr;
  gap: 8px;
  font-size: 13px;
}

.eap-boyut dt[b-znwv74qppj] {
  color: var(--n-500);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.eap-boyut dd[b-znwv74qppj] {
  margin: 0;
  color: var(--metin-ikincil);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
}

.eap-oge__alt[b-znwv74qppj] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.eap-oge__eylem[b-znwv74qppj] {
  display: flex;
  gap: 6px;
  margin-top: auto;
}

.eap-sayfalama[b-znwv74qppj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
}

/* ── Popup: görünür native dialog ────────────────────────────────── */
.eap-popup[b-znwv74qppj] {
  width: min(880px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.eap-popup--dar[b-znwv74qppj] {
  width: min(520px, calc(100vw - 48px));
}

.eap-popup[open][b-znwv74qppj] {
  display: flex;
  flex-direction: column;
}

.eap-popup[b-znwv74qppj]::backdrop {
  background: var(--scrim);
}

.eap-popup-bas[b-znwv74qppj] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.eap-popup-bas h2[b-znwv74qppj] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.eap-popup-bas h2:focus[b-znwv74qppj] {
  outline: none;
}

.eap-vitrin .eap-popup-kapat[b-znwv74qppj] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.eap-popup-govde[b-znwv74qppj] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.eap-popup-govde > p[b-znwv74qppj] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.eap-popup-eylem[b-znwv74qppj] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Form: kurs alanı + 15 boyut ─────────────────────────────────── */
.eap-kurs-alan[b-znwv74qppj] {
  max-width: 420px;
}

.eap-boyut-baslik[b-znwv74qppj] {
  margin: 16px 0 4px;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.eap-boyut-yardim[b-znwv74qppj] {
  max-width: 78ch;
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.eap-boyut-izgara[b-znwv74qppj] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
}

.eap-dim-field[b-znwv74qppj] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

.eap-dim-field__legend[b-znwv74qppj] {
  padding: 0 4px;
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 700;
}

.eap-dim-field__minor[b-znwv74qppj] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.eap-extra[b-znwv74qppj] {
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.eap-extra > summary[b-znwv74qppj] {
  cursor: pointer;
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 600;
  min-height: 24px;
}

/* <summary> klavyeyle odaklanır; odak çizgisi .au-btn kuralından gelmiyordu. */
.eap-extra > summary:focus-visible[b-znwv74qppj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.eap-extra[open] > summary[b-znwv74qppj] {
  margin-bottom: 8px;
}

/* Popup içindeki alan ölçüleri (referans: 34 px girdi / 11 px etiket). */
.eap-popup-govde[b-znwv74qppj]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.eap-popup-govde[b-znwv74qppj]  .app-field .app-input {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.eap-popup-govde[b-znwv74qppj]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── CİHAZ (telefon ∪ tablet) ────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .eap-kapak[b-znwv74qppj] {
    padding: 16px;
  }

  .eap-vitrin :is(.au-btn, .au-btn--sm)[b-znwv74qppj] {
    min-height: 44px;
  }

  .eap-popup-govde[b-znwv74qppj]  .app-field .app-input {
    min-height: 44px;
  }

  .eap-extra > summary[b-znwv74qppj] {
    display: flex;
    align-items: center;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .eap-popup-govde[b-znwv74qppj]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ─────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .eap-kapak[b-znwv74qppj] {
    padding: 12px;
  }

  .eap-baslik[b-znwv74qppj] {
    font-size: var(--yazi-kapak, 20px);
  }

  .eap-bolum-baslik[b-znwv74qppj] {
    font-size: var(--yazi-bolum, 14px);
  }

  .eap-suzgec[b-znwv74qppj],
  .eap-eylemler[b-znwv74qppj] {
    width: 100%;
  }

  .eap-eylemler .au-btn[b-znwv74qppj] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .eap-kart[b-znwv74qppj] {
    padding: 16px 12px;
  }

  .eap-kart-bas[b-znwv74qppj] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .eap-izgara[b-znwv74qppj] {
    grid-template-columns: minmax(0, 1fr);
  }

  .eap-boyut[b-znwv74qppj] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .eap-popup[b-znwv74qppj],
  .eap-popup--dar[b-znwv74qppj] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .eap-popup-bas[b-znwv74qppj],
  .eap-popup-govde[b-znwv74qppj],
  .eap-popup-eylem[b-znwv74qppj] {
    padding: 12px;
  }

  .eap-popup-eylem .au-btn[b-znwv74qppj] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .eap-kurs-alan[b-znwv74qppj] {
    max-width: none;
  }

  .eap-boyut-izgara[b-znwv74qppj] {
    grid-template-columns: minmax(0, 1fr);
  }

  .eap-dim-field__minor[b-znwv74qppj] {
    grid-template-columns: 1fr;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Compliance/ComplianceMonitorPage.razor.rz.scp.css */
/* Uyum izleme — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Account/Security/SecurityCenter.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   Çocuk bileşenlerin (DataStates, AppSelect, AppRichText, AppWizard, GeriBaglanti) işaretlemesi
   ::deep ile hedeflenir. */

.cmm-vitrin[b-ehnlh9drq1] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ───────────── */
.cmm-kapak[b-ehnlh9drq1] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.cmm-kapak[b-ehnlh9drq1]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.cmm-kapak__metin[b-ehnlh9drq1] {
  grid-area: baslik;
  min-width: 0;
}

.cmm-kapak__suzgec[b-ehnlh9drq1] {
  grid-area: suzgec;
  min-width: 0;
}

.cmm-kapak__eylem[b-ehnlh9drq1] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cmm-suzgec-alan[b-ehnlh9drq1] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.cmm-suzgec-alan[b-ehnlh9drq1]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Süzgeç katlama düğmesi yalnız telefonda görünür (aşağıdaki telefon bandı). */
.cmm-suzgec-ac[b-ehnlh9drq1] {
  display: none;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, süzgeç + eylem sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .cmm-kapak[b-ehnlh9drq1] {
    /* `auto` başlık izi max-content'ine şişip süzgeç izini eziyordu; `minmax(0, auto)`
       başlığın geri çekilmesine izin verir, `minmax(292px, 1fr)` (2×140 + 12 gap)
       süzgeç izinin alanları alt alta düşürecek kadar daralmasını engeller. */
    grid-template-columns: 30px minmax(0, auto) minmax(292px, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `end` hizalaması süzgeç kabını shrink-to-fit ölçtürür; sarma satırının
     max-content'i çocukların `flex: 0 1 176px` tabanını saymaz, kap daralır ve
     alanlar alt alta yığılır. Kap sütunu doldurur, sağa yaslama iç flex satırında. */
  .cmm-kapak__suzgec[b-ehnlh9drq1] {
    justify-self: stretch;
  }

  .cmm-suzgec-alan[b-ehnlh9drq1] {
    justify-content: flex-end;
  }

  .cmm-kapak__eylem[b-ehnlh9drq1] {
    justify-self: end;
    /* Düğmeler iki satıra indiğinde ikinci satır da sağ kenarda kalsın. */
    justify-content: flex-end;
  }

  /* 78ch alt metin `auto` başlık izini ~466 px'e şişiriyordu; kapak tek satıra
     ancak ~1438 px üstünde sığıyordu. Masaüstünde alt metni daralt. */
  .cmm-vitrin .cmm-kapak .au-sub[b-ehnlh9drq1] {
    max-width: 46ch;
  }

  /* 176 px flex tabanı 1280'de iki alanı alt alta düşürüyordu; tavan (210px) duruyor. */
  .cmm-suzgec-alan[b-ehnlh9drq1]  .app-field {
    flex: 1 1 140px;
  }
}

.cmm-vitrin .au-title[b-ehnlh9drq1] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.cmm-vitrin .au-sub[b-ehnlh9drq1] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.cmm-vitrin .au-btn[b-ehnlh9drq1],
.cmm-vitrin[b-ehnlh9drq1]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.cmm-vitrin .au-btn--sm[b-ehnlh9drq1] {
  padding: 0 10px;
  font-size: 12px;
}

.cmm-vitrin .au-btn:hover:not(:disabled)[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.cmm-vitrin .au-btn--primary[b-ehnlh9drq1],
.cmm-vitrin[b-ehnlh9drq1]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.cmm-vitrin .au-btn--primary:hover:not(:disabled)[b-ehnlh9drq1] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.cmm-vitrin .au-btn--danger[b-ehnlh9drq1] {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  color: var(--red-600);
}

.cmm-vitrin .au-btn--danger:hover:not(:disabled)[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-600);
  color: var(--red-600);
}

.cmm-vitrin :is(.au-btn, .cmm-sekme, .cmm-panel, .cmm-suzgec-ac):focus-visible[b-ehnlh9drq1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────────────── */
.cmm-sekmeler[b-ehnlh9drq1] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.cmm-sekme[b-ehnlh9drq1] {
  --cmm-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.cmm-sekme:nth-child(2)[b-ehnlh9drq1] {
  --cmm-vurgu: var(--marka-rampa-uc);
}

.cmm-sekme:hover[b-ehnlh9drq1] {
  color: var(--cmm-vurgu);
  background: color-mix(in srgb, var(--cmm-vurgu) 14%, var(--yuzey));
}

.cmm-sekme[aria-selected="true"][b-ehnlh9drq1] {
  color: var(--on-brand);
  background: var(--cmm-vurgu);
}

.cmm-sekme:focus-visible[b-ehnlh9drq1] {
  outline-color: var(--cmm-vurgu);
}

.cmm-panel:focus-visible[b-ehnlh9drq1] {
  outline-offset: 4px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.cmm-kart[b-ehnlh9drq1] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.cmm-kart[b-ehnlh9drq1]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.cmm-kart__bas[b-ehnlh9drq1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.cmm-kart__baslik[b-ehnlh9drq1] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.cmm-kart__baslik[b-ehnlh9drq1]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}


.cmm-soluk[b-ehnlh9drq1] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.cmm-aciklama[b-ehnlh9drq1] {
  margin: 0;
}

.cmm-bos[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.cmm-bos p[b-ehnlh9drq1] {
  margin: 0;
}

.cmm-gizli[b-ehnlh9drq1] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Bayrak tablosu: kendi alanında kayar, başlık üstte sabit ───────────── */
.cmm-tablo-kaydir[b-ehnlh9drq1] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.cmm-tablo[b-ehnlh9drq1] {
  display: table;
  width: 100%;
  min-width: 980px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.cmm-tablo thead[b-ehnlh9drq1] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.cmm-tablo th[b-ehnlh9drq1] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.cmm-tablo td[b-ehnlh9drq1] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.cmm-tablo tbody tr:nth-child(even) td[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cmm-tablo tbody tr:hover td[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cmm-tablo tbody tr.is-secili td[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.cmm-tablo__ilk[b-ehnlh9drq1] {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.cmm-tablo__eylem[b-ehnlh9drq1] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}



/* ── Özet şeridi: tek birleşik yüzey, dört renkli bant ─────────────────── */
.cmm-ozet[b-ehnlh9drq1] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent);
}

.cmm-ozet__oge[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.cmm-ozet__oge:last-child[b-ehnlh9drq1] {
  border-right: 0;
}

.cmm-ozet__bant[b-ehnlh9drq1] {
  display: block;
  height: 30px;
  margin: 0 -16px;
  background: var(--cmm-bant, var(--marka-600));
}

.cmm-ozet__oge--toplam[b-ehnlh9drq1] { --cmm-bant: var(--marka-600); }
.cmm-ozet__oge--uyari[b-ehnlh9drq1] { --cmm-bant: var(--marka-rampa-orta); }
.cmm-ozet__oge--bilgi[b-ehnlh9drq1] { --cmm-bant: var(--marka-rampa-uc); }
.cmm-ozet__oge--kural[b-ehnlh9drq1] { --cmm-bant: var(--basari-metin); }
.cmm-ozet__oge.is-uyari[b-ehnlh9drq1] { --cmm-bant: var(--amber-600); }

.cmm-ozet__ad[b-ehnlh9drq1] {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--n-500);
}

.cmm-ozet__deger[b-ehnlh9drq1] {
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.cmm-ozet__oge.is-uyari .cmm-ozet__deger[b-ehnlh9drq1] {
  color: var(--amber-600);
}

.cmm-ozet__alt[b-ehnlh9drq1] {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* ── Rozet, dağılım ve tablo hücreleri ─────────────────────────────────── */
.cmm-rozet[b-ehnlh9drq1] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: var(--kose-dugme);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
}

.cmm-rozet.is-uyumlu[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--basari) 30%, var(--yuzey));
  color: var(--basari-metin);
}

.cmm-rozet.is-uyari[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

.cmm-rozet.is-bilgi[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

.cmm-detay[b-ehnlh9drq1] {
  max-width: 340px;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.cmm-altbaslik[b-ehnlh9drq1] {
  margin: 4px 0 0;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.cmm-dagilim[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmm-dagilim__oge[b-ehnlh9drq1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
}

.cmm-dagilim__ad[b-ehnlh9drq1] {
  min-width: 0;
  font-weight: 600;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

.cmm-dagilim__sayi[b-ehnlh9drq1] {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--marka-700);
}

/* ── Popup içi: kontrol sonucu, varlık seçimi, özet listesi ────────────── */
.cmm-popup__metin[b-ehnlh9drq1] {
  margin: 0;
  color: var(--metin-ikincil);
}

.cmm-sonuc[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.cmm-madde[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 6px 0 0;
  padding-inline-start: 18px;
}

.cmm-secim-ipucu[b-ehnlh9drq1] {
  margin: 10px 0 0;
}

.cmm-secili[b-ehnlh9drq1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--marka-400);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cmm-secili__govde[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.cmm-secili__etiket[b-ehnlh9drq1] {
  font-size: 12px;
  color: var(--n-500);
}

.cmm-secili__ad[b-ehnlh9drq1] {
  font-weight: 600;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

.cmm-secim[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 300px;
  margin: 10px 0 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
}

.cmm-secim__oge[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  text-align: start;
  cursor: pointer;
}

.cmm-secim__oge:hover:not(:disabled)[b-ehnlh9drq1] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cmm-secim__oge:focus-visible[b-ehnlh9drq1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.cmm-secim__ad[b-ehnlh9drq1] {
  font-weight: 600;
}

.cmm-secim__meta[b-ehnlh9drq1] {
  font-size: 12px;
  color: var(--n-500);
}

.cmm-ozetlist[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.cmm-ozetlist > div[b-ehnlh9drq1] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.cmm-ozetlist > div:nth-child(odd)[b-ehnlh9drq1] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cmm-ozetlist dt[b-ehnlh9drq1] {
  color: var(--n-500);
}

.cmm-ozetlist dd[b-ehnlh9drq1] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* Sihirbaz pencere içinde kendi gövdesinde kayar, kart çerçevesi tekrarlanmaz. */
.cmm-popup--genis[b-ehnlh9drq1] {
  width: min(860px, calc(100vw - 48px));
}

.cmm-popup__govde[b-ehnlh9drq1]  .app-wizard {
  padding: 0;
  border: 0;
  box-shadow: none;
}

.cmm-popup__govde[b-ehnlh9drq1]  .app-wizard::before {
  display: none;
}

.cmm-popup__govde[b-ehnlh9drq1]  .app-ms__panel {
  position: relative;
  inset: auto;
  width: 100%;
  margin-top: 8px;
  box-shadow: none;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.cmm-popup[b-ehnlh9drq1] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.cmm-popup[open][b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
}

.cmm-popup[b-ehnlh9drq1]::backdrop {
  background: var(--scrim);
}

.cmm-popup__bas[b-ehnlh9drq1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.cmm-popup__bas h2[b-ehnlh9drq1] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.cmm-popup__bas h2:focus[b-ehnlh9drq1] {
  outline: none;
}

.cmm-popup__kapat[b-ehnlh9drq1] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

/* Form kendi başına kayan gövde + sabit eylem satırı olur. */
.cmm-popup__form[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.cmm-popup__govde[b-ehnlh9drq1] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.cmm-popup__govde[b-ehnlh9drq1]  .au-banner {
  margin-bottom: 0;
}

.cmm-popup__eylem[b-ehnlh9drq1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}


/* ── Çocuk bileşenler ──────────────────────────────────────────────────── */
.cmm-vitrin[b-ehnlh9drq1]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* `.app-field` eklendi → (0,4,0): paylaşılan AppField kuralının `height: 46px`i
   (0,3,0) bu sayfada girdileri komşu 34px'lik düğmelerden yüksek çiziyordu. */
.cmm-vitrin[b-ehnlh9drq1]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

/* Çok satırlı alan (AppRichText textarea'sı da `app-input` taşır) kendi
   yüksekliğini korur; yukarıdaki 34px kuralının dışında kalır. */
.cmm-vitrin[b-ehnlh9drq1]  .app-field .app-richtext__area {
  height: auto;
  min-height: 0;
}

.cmm-vitrin[b-ehnlh9drq1]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .cmm-kapak[b-ehnlh9drq1] {
    padding: 16px;
  }

  .cmm-vitrin .au-btn[b-ehnlh9drq1],
  .cmm-vitrin[b-ehnlh9drq1]  .au-btn {
    min-height: 44px;
  }

  .cmm-sekmeler[b-ehnlh9drq1] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .cmm-sekme[b-ehnlh9drq1] {
    min-height: 44px;
  }

  /* Taban kural (0,4,0)'a çıktığı için bu da aynı özgüllükte olmalı; yoksa
     dokunmatik hedef 44px yerine 34px'e düşerdi. `height` yazılmaz: min-height
     zaten kullanılan yüksekliği 44px'e yükseltir. */
  .cmm-vitrin[b-ehnlh9drq1]  .app-field .app-input {
    min-height: 44px;
  }

  .cmm-kapak[b-ehnlh9drq1]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  /* Taban kural (0,4,0)'a çıkıp `font-size: 13px` verdiği için bu da `.app-field`
     ile aynı özgüllüğe alındı; yoksa dokunmatik girdi 13px kalır ve iOS Safari
     odakta otomatik yakınlaştırır — bu kuralın var olma sebebi tam olarak budur. */
  .cmm-vitrin[b-ehnlh9drq1]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .cmm-kapak[b-ehnlh9drq1] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
    gap: 10px;
  }

  .cmm-vitrin .au-title[b-ehnlh9drq1] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç katlanır: varsayılan kapalı, düğmede etkin süzgeç sayısı. */
  .cmm-suzgec-ac[b-ehnlh9drq1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
  }

  .cmm-suzgec-alan[b-ehnlh9drq1] {
    margin-top: 10px;
  }

  .cmm-suzgec-alan.is-kapali[b-ehnlh9drq1] {
    display: none;
  }

  .cmm-suzgec-alan[b-ehnlh9drq1]  .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  .cmm-kapak__eylem[b-ehnlh9drq1] {
    width: 100%;
  }

  .cmm-kapak__eylem .au-btn[b-ehnlh9drq1] {
    flex: 1 1 auto;
  }

  .cmm-ozet[b-ehnlh9drq1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cmm-ozet__oge[b-ehnlh9drq1] {
    border-bottom: 1px solid var(--hat-kart);
  }

  .cmm-ozet__oge:nth-child(2n)[b-ehnlh9drq1] {
    border-right: 0;
  }

  .cmm-ozet__oge:nth-last-child(-n+2)[b-ehnlh9drq1] {
    border-bottom: 0;
  }

  .cmm-ozet__deger[b-ehnlh9drq1] {
    font-size: var(--yazi-kpi, 20px);
  }

  .cmm-detay[b-ehnlh9drq1] {
    max-width: 240px;
  }

  .cmm-kart[b-ehnlh9drq1] {
    padding: 16px 12px;
  }

  .cmm-kart__baslik[b-ehnlh9drq1] {
    font-size: var(--yazi-bolum, 14px);
  }





  /* İlk anlamlı sütun (varlık türü) yatay kaydırmada yapışık kalır. */
  .cmm-tablo__ilk[b-ehnlh9drq1] {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  .cmm-tablo thead th:first-child[b-ehnlh9drq1] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .cmm-popup[b-ehnlh9drq1] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .cmm-popup__bas[b-ehnlh9drq1],
  .cmm-popup__govde[b-ehnlh9drq1],
  .cmm-popup__eylem[b-ehnlh9drq1] {
    padding: 12px;
  }

  .cmm-popup__eylem .au-btn[b-ehnlh9drq1] {
    flex: 1 1 auto;
  }

}
/* _content/EduLive.Web/Components/Pages/Curriculum/Compliance/ComplianceRulesPage.razor.rz.scp.css */
/* Uyum kuralları — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Account/Security/SecurityCenter.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   Çocuk bileşenlerin (DataStates, AppSelect, OrgUnitPicker, GeriBaglanti) işaretlemesi
   ::deep ile hedeflenir. */

.cmr-vitrin[b-85vb0epdi5] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ───────────── */
.cmr-kapak[b-85vb0epdi5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.cmr-kapak[b-85vb0epdi5]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.cmr-kapak__metin[b-85vb0epdi5] {
  grid-area: baslik;
  min-width: 0;
}

.cmr-kapak__suzgec[b-85vb0epdi5] {
  grid-area: suzgec;
  min-width: 0;
}

.cmr-kapak__eylem[b-85vb0epdi5] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cmr-suzgec-alan[b-85vb0epdi5] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.cmr-suzgec-alan[b-85vb0epdi5]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Süzgeç katlama düğmesi yalnız telefonda görünür (aşağıdaki telefon bandı). */
.cmr-suzgec-ac[b-85vb0epdi5] {
  display: none;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, süzgeç + eylem sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .cmr-kapak[b-85vb0epdi5] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* Sarmalayıcı gerilir; hizalama asıl flex satırında yapılır. `justify-self: end`
     kabı shrink-to-fit ölçtürürdü ve sarmalı flex satırın max-content'i alanların
     `flex: 0 1 176px` tabanını saymadığı için süzgeçler alt alta yığılırdı. */
  .cmr-kapak__suzgec[b-85vb0epdi5] {
    justify-self: stretch;
  }

  .cmr-suzgec-alan[b-85vb0epdi5] {
    justify-content: flex-end;
  }

  /* Eylem alanı yalnız içerik genişliğinde düğmeler taşır (flex tabanı yok):
     shrink-to-fit doğru ölçer, `end` kalır. */
  .cmr-kapak__eylem[b-85vb0epdi5] {
    justify-self: end;
  }
}

.cmr-vitrin .au-title[b-85vb0epdi5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.cmr-vitrin .au-sub[b-85vb0epdi5] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.cmr-vitrin .au-btn[b-85vb0epdi5],
.cmr-vitrin[b-85vb0epdi5]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.cmr-vitrin .au-btn--sm[b-85vb0epdi5] {
  padding: 0 10px;
  font-size: 12px;
}

.cmr-vitrin .au-btn:hover:not(:disabled)[b-85vb0epdi5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.cmr-vitrin .au-btn--primary[b-85vb0epdi5],
.cmr-vitrin[b-85vb0epdi5]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.cmr-vitrin .au-btn--primary:hover:not(:disabled)[b-85vb0epdi5] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.cmr-vitrin .au-btn--danger[b-85vb0epdi5] {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  color: var(--red-600);
}

.cmr-vitrin .au-btn--danger:hover:not(:disabled)[b-85vb0epdi5] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-600);
  color: var(--red-600);
}

.cmr-vitrin :is(.au-btn, .cmr-sekme, .cmr-panel, .cmr-suzgec-ac):focus-visible[b-85vb0epdi5] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────────────── */
.cmr-sekmeler[b-85vb0epdi5] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.cmr-sekme[b-85vb0epdi5] {
  --cmr-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.cmr-sekme:nth-child(2)[b-85vb0epdi5] {
  --cmr-vurgu: var(--marka-rampa-uc);
}

.cmr-sekme:hover[b-85vb0epdi5] {
  color: var(--cmr-vurgu);
  background: color-mix(in srgb, var(--cmr-vurgu) 14%, var(--yuzey));
}

.cmr-sekme[aria-selected="true"][b-85vb0epdi5] {
  color: var(--on-brand);
  background: var(--cmr-vurgu);
}

.cmr-sekme:focus-visible[b-85vb0epdi5] {
  outline-color: var(--cmr-vurgu);
}

.cmr-panel:focus-visible[b-85vb0epdi5] {
  outline-offset: 4px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.cmr-kart[b-85vb0epdi5] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.cmr-kart[b-85vb0epdi5]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.cmr-kart__bas[b-85vb0epdi5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.cmr-kart__baslik[b-85vb0epdi5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.cmr-kart__baslik[b-85vb0epdi5]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cmr-altbaslik[b-85vb0epdi5] {
  margin: 4px 0 0;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.cmr-soluk[b-85vb0epdi5] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.cmr-aciklama[b-85vb0epdi5],
.cmr-not[b-85vb0epdi5] {
  margin: 0;
}

.cmr-bos[b-85vb0epdi5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.cmr-bos p[b-85vb0epdi5] {
  margin: 0;
}

.cmr-gizli[b-85vb0epdi5] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Kural tablosu: kendi alanında kayar, başlık üstte sabit ───────────── */
.cmr-tablo-kaydir[b-85vb0epdi5] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.cmr-tablo[b-85vb0epdi5] {
  display: table;
  width: 100%;
  min-width: 860px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.cmr-tablo thead[b-85vb0epdi5] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.cmr-tablo th[b-85vb0epdi5] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.cmr-tablo td[b-85vb0epdi5] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.cmr-tablo tbody tr:nth-child(even) td[b-85vb0epdi5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cmr-tablo tbody tr:hover td[b-85vb0epdi5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cmr-tablo tbody tr.is-secili td[b-85vb0epdi5] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.cmr-tablo__ilk[b-85vb0epdi5] {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.cmr-tablo__eylem[b-85vb0epdi5] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.cmr-deger[b-85vb0epdi5] {
  max-width: 320px;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* ── Planlama referansları ─────────────────────────────────────────────── */
.cmr-varsayilan[b-85vb0epdi5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.cmr-varsayilan > li[b-85vb0epdi5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 14px 16px;
  border-right: 1px solid var(--hat-kart);
}

.cmr-varsayilan > li:last-child[b-85vb0epdi5] {
  border-right: 0;
}

.cmr-varsayilan__ad[b-85vb0epdi5] {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--n-500);
}

.cmr-varsayilan__deger[b-85vb0epdi5] {
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.cmr-varsayilan__alt[b-85vb0epdi5] {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.cmr-liste[b-85vb0epdi5] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmr-liste__oge[b-85vb0epdi5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
}

.cmr-liste__ad[b-85vb0epdi5] {
  font-weight: 600;
  color: var(--metin-murekkep);
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.cmr-popup[b-85vb0epdi5] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.cmr-popup[open][b-85vb0epdi5] {
  display: flex;
  flex-direction: column;
}

.cmr-popup[b-85vb0epdi5]::backdrop {
  background: var(--scrim);
}

.cmr-popup__bas[b-85vb0epdi5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.cmr-popup__bas h2[b-85vb0epdi5] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.cmr-popup__bas h2:focus[b-85vb0epdi5] {
  outline: none;
}

.cmr-popup__kapat[b-85vb0epdi5] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

/* Form kendi başına kayan gövde + sabit eylem satırı olur. */
.cmr-popup__form[b-85vb0epdi5] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.cmr-popup__govde[b-85vb0epdi5] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.cmr-popup__govde[b-85vb0epdi5]  .au-banner {
  margin-bottom: 0;
}

.cmr-popup__eylem[b-85vb0epdi5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Yıkıcı eylem karşı kenarda — yanlışlıkla tıklama riski azalır. */
.cmr-eylem--sol[b-85vb0epdi5] {
  margin-inline-end: auto;
}

/* ── Çocuk bileşenler ──────────────────────────────────────────────────── */
.cmr-vitrin[b-85vb0epdi5]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

.cmr-vitrin[b-85vb0epdi5]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

/* Paylaşılan `.app-field ::deep .app-input { height: 46px }` (0,3,0) kapaktaki
   süzgeci komşu 34px düğmelerden yüksek gösteriyordu; dört sınıflık bu kural
   (0,4,0) onu sıradan bağımsız yener. Kapsam yalnız kapak süzgeci: modal
   formundaki alanlar standart 46px'te kalır. */
.cmr-suzgec-alan[b-85vb0epdi5]  .app-field .app-input {
  height: 34px;
}

.cmr-vitrin[b-85vb0epdi5]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .cmr-kapak[b-85vb0epdi5] {
    padding: 16px;
  }

  .cmr-vitrin .au-btn[b-85vb0epdi5],
  .cmr-vitrin[b-85vb0epdi5]  .au-btn {
    min-height: 44px;
  }

  .cmr-sekmeler[b-85vb0epdi5] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .cmr-sekme[b-85vb0epdi5] {
    min-height: 44px;
  }

  .cmr-vitrin[b-85vb0epdi5]  .app-input {
    min-height: 44px;
  }

  /* Cihaz bandında da AppField'ın 46px'ini yenip süzgeci `.au-btn` ile aynı
     44px'e sabitler (height gelince üstteki min-height etkisiz kalır). */
  .cmr-suzgec-alan[b-85vb0epdi5]  .app-field .app-input {
    height: 44px;
  }

  .cmr-kapak[b-85vb0epdi5]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  .cmr-vitrin[b-85vb0epdi5]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .cmr-kapak[b-85vb0epdi5] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
    gap: 10px;
  }

  .cmr-vitrin .au-title[b-85vb0epdi5] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç katlanır: varsayılan kapalı, düğmede etkin süzgeç sayısı. */
  .cmr-suzgec-ac[b-85vb0epdi5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
  }

  .cmr-suzgec-alan[b-85vb0epdi5] {
    margin-top: 10px;
  }

  .cmr-suzgec-alan.is-kapali[b-85vb0epdi5] {
    display: none;
  }

  .cmr-suzgec-alan[b-85vb0epdi5]  .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  .cmr-kapak__eylem[b-85vb0epdi5] {
    width: 100%;
  }

  .cmr-kapak__eylem .au-btn[b-85vb0epdi5] {
    flex: 1 1 auto;
  }

  .cmr-kart[b-85vb0epdi5] {
    padding: 16px 12px;
  }

  .cmr-kart__baslik[b-85vb0epdi5] {
    font-size: var(--yazi-bolum, 14px);
  }

  .cmr-varsayilan[b-85vb0epdi5] {
    grid-template-columns: minmax(0, 1fr);
  }

  .cmr-varsayilan > li[b-85vb0epdi5] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .cmr-varsayilan > li:last-child[b-85vb0epdi5] {
    border-bottom: 0;
  }

  .cmr-varsayilan__deger[b-85vb0epdi5] {
    font-size: var(--yazi-kpi, 20px);
  }

  /* İlk anlamlı sütun (kural türü) yatay kaydırmada yapışık kalır. */
  .cmr-tablo__ilk[b-85vb0epdi5] {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  .cmr-tablo thead th:first-child[b-85vb0epdi5] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .cmr-popup[b-85vb0epdi5] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .cmr-popup__bas[b-85vb0epdi5],
  .cmr-popup__govde[b-85vb0epdi5],
  .cmr-popup__eylem[b-85vb0epdi5] {
    padding: 12px;
  }

  .cmr-popup__eylem .au-btn[b-85vb0epdi5] {
    flex: 1 1 auto;
  }

  .cmr-eylem--sol[b-85vb0epdi5] {
    margin-inline-end: 0;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/ComponentDetail.razor.rz.scp.css */
/* Bileşen detayı — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 16/24/18 kapak dolgusu, 34 px kontrol, --marka-rampa-serit tablo başlığı)
   + kardeş uygulama org-duzenle-vitrin.css (kapak/sekme/popup kabuğu).
   Bu sayfanın global bir vitrin dosyası YOK — kabuk burada scoped kurulur.
   Yeni hex YOK, !important YOK, sabit spacer YOK. Çocuk bileşen içleri ::deep ile. */

.cmd-vitrin[b-68jhjmfrij] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık/meta + eylemler ──────────────────────── */
.cmd-vitrin[b-68jhjmfrij]  .cmd-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kapak__bas {
  min-width: 0;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kapak__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kapak .au-breadcrumb--dugme {
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kod {
  padding: 2px 7px;
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sistem {
  background: color-mix(in srgb, var(--marka-rampa-uc) 12%, transparent);
  color: var(--marka-rampa-uc);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-pasif {
  background: color-mix(in srgb, var(--n-500) 14%, transparent);
  color: var(--n-500);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-yol {
  min-width: 0;
  color: var(--metin-ipucu);
  overflow-wrap: anywhere;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-banner {
  margin-bottom: 16px;
  font-size: 13px;
}

/* ── Bölüm sekmeleri: beyaz şerit, seçilide koyu vurgu ─────────── */
.cmd-vitrin[b-68jhjmfrij]  .cmd-arac {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sekmeler {
  display: flex;
  flex: 1;
  min-width: 0;
  gap: 4px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 3px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sekme {
  flex-shrink: 0;
  --cmd-ton: var(--marka-600);
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sekme:nth-child(2) { --cmd-ton: var(--marka-rampa-orta); }
.cmd-vitrin[b-68jhjmfrij]  .cmd-sekme:nth-child(3) { --cmd-ton: var(--marka-rampa-uc); }

.cmd-vitrin[b-68jhjmfrij]  .cmd-sekme:hover:not(:disabled) {
  background: color-mix(in srgb, var(--cmd-ton) 14%, var(--yuzey));
  color: var(--cmd-ton);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sekme[aria-selected="true"] {
  background: var(--cmd-ton);
  color: var(--on-brand);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sekme:focus-visible {
  outline: 2px solid var(--cmd-ton);
  outline-offset: 2px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sekme:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-panel:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.cmd-vitrin[b-68jhjmfrij]  :is(.cmd-kart, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kart__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 12px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kart__ust-eylem {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kart__ust .cmd-kart__baslik {
  margin: 0;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cmd-vitrin[b-68jhjmfrij]  :is(.cmd-not, .cmd-secim, .cmd-ozet) {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-secim b {
  color: var(--metin-murekkep);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-ozet {
  margin: 0;
  font-size: 12px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-bos {
  display: grid;
  justify-items: start;
  gap: 12px;
  color: var(--n-500);
  font-size: 13px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-bos p {
  margin: 0;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Form alanları (AppTextField / AppSelect / AppNumberField …) ── */
.cmd-vitrin[b-68jhjmfrij]  .au-form-grid {
  gap: 16px 24px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sira {
  max-width: 260px;
  margin-top: 12px;
}

.cmd-vitrin[b-68jhjmfrij]  .app-field {
  min-width: 0;
}

.cmd-vitrin[b-68jhjmfrij]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.cmd-vitrin[b-68jhjmfrij]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.cmd-vitrin[b-68jhjmfrij]  .app-field textarea.app-input {
  height: 150px;
  min-height: 120px;
  padding: 12px;
}

.cmd-vitrin[b-68jhjmfrij]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-eylemler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.cmd-vitrin[b-68jhjmfrij]  :is(.au-btn, .app-json__btn) {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.cmd-vitrin[b-68jhjmfrij]  :is(.au-btn, .app-json__btn):hover:not(:disabled) {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cmd-vitrin[b-68jhjmfrij]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.cmd-vitrin[b-68jhjmfrij]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.cmd-vitrin[b-68jhjmfrij]  .au-btn--danger {
  border-color: var(--red-600);
  background: var(--red-600);
  color: var(--on-brand);
}

.cmd-vitrin[b-68jhjmfrij]  .au-btn--danger:hover:not(:disabled) {
  border-color: var(--red-500);
  background: var(--red-500);
}

.cmd-vitrin[b-68jhjmfrij]  .au-btn--sm {
  height: 30px;
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.cmd-vitrin[b-68jhjmfrij]  :is(.au-btn, .app-json__btn, .app-input, .app-tree__row, .au-breadcrumb--dugme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Taşıma ağacı: kendi alanında kayar ────────────────────────── */
.cmd-vitrin[b-68jhjmfrij]  .cmd-agac {
  max-height: min(420px, 45dvh);
  margin-top: 12px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.cmd-vitrin[b-68jhjmfrij]  .app-tree__row {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.cmd-vitrin[b-68jhjmfrij]  .app-tree__row.is-selected {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* ── Çeviri tablosu: sınırlı alanda kayar, başlık üstte sabit ──── */
.cmd-vitrin[b-68jhjmfrij]  .cmd-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: `cihaz.css` telefon bandında sarmalayıcısız tablolar için
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar. Tablo kendi kabında
   (cmd-tablo-kaydir) kaydığı için o siper burada sticky thead'i bozar. */
.cmd-vitrin[b-68jhjmfrij]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 520px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.cmd-vitrin[b-68jhjmfrij]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.cmd-vitrin[b-68jhjmfrij]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.cmd-vitrin[b-68jhjmfrij]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.cmd-vitrin[b-68jhjmfrij]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cmd-vitrin[b-68jhjmfrij]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cmd-vitrin[b-68jhjmfrij]  .au-result-table :is(th, td):first-child {
  width: 1%;
  white-space: nowrap;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-ceviri-metin {
  overflow-wrap: anywhere;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-satir-eylem {
  width: 1%;
  text-align: end;
  white-space: nowrap;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────── */
.cmd-vitrin[b-68jhjmfrij]  .cmd-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup[open] {
  display: flex;
  flex-direction: column;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup::backdrop {
  background: var(--scrim);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup__bas h2 {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup__bas h2:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kapat {
  display: grid;
  place-items: center;
  width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup__govde {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup__govde > p {
  margin: 0 0 12px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup__izgara {
  display: grid;
  gap: 16px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sabit-alan {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sabit-alan__etiket {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-sabit-alan .cmd-kod {
  align-self: flex-start;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-popup__eylem {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Künye listesi ─────────────────────────────────────────────── */
.cmd-vitrin[b-68jhjmfrij]  .cmd-kunye {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  font-size: 13px;
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kunye > div {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  border-radius: var(--kose-dugme);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kunye > div:nth-child(odd) {
  background: var(--yuzey-alt);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kunye dt {
  color: var(--n-500);
}

.cmd-vitrin[b-68jhjmfrij]  .cmd-kunye dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .cmd-vitrin[b-68jhjmfrij]  .cmd-kapak {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kapak .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .cmd-vitrin[b-68jhjmfrij]  :is(.au-btn, .app-json__btn, .cmd-sekme, .app-tree__row, .au-btn--sm) {
    min-height: 44px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .app-field textarea.app-input {
    height: 160px;
  }

  /* İlk anlamlı sütun (Dil) yatay kaydırmada yapışık kalır. */
  .cmd-vitrin[b-68jhjmfrij]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .cmd-vitrin[b-68jhjmfrij]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .cmd-vitrin[b-68jhjmfrij]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .cmd-vitrin[b-68jhjmfrij]  .cmd-kapak {
    padding: 12px;
    gap: 8px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde tek satır (YENI-DIL §7). */
  .cmd-vitrin[b-68jhjmfrij]  .cmd-kapak__eylem {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kapak__eylem > * {
    flex: 1 0 auto;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kart {
    padding: 16px 12px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kart__ust {
    flex-direction: column;
    align-items: stretch;
  }

  .cmd-vitrin[b-68jhjmfrij]  .au-form-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-sira {
    max-width: none;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-eylemler .au-btn {
    flex: 1 1 auto;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-agac {
    max-height: min(300px, 46dvh);
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .cmd-vitrin[b-68jhjmfrij]  .au-result-table {
    min-width: 440px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .cmd-vitrin[b-68jhjmfrij]  :is(.cmd-popup__bas, .cmd-popup__govde, .cmd-popup__eylem) {
    padding: 12px;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .cmd-vitrin[b-68jhjmfrij]  .cmd-kunye > div {
    grid-template-columns: minmax(100px, 1fr) minmax(0, 1.5fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/ComponentTypeLibrary.razor.rz.scp.css */
/* FAZ 3.2 G3 — bileşen tipi kütüphanesi. 2026-09-20 MF-03 tasarım geçişi:
   Akademik Analiz ölçüleri (kapak 23 px / 24 px yatay dolgu, kart 18 px, tablo başlığı
   --marka-rampa-serit). Yalnız var(--*) token; yeni hex yok, !important yok. */

.ctl-vitrin[b-45ulsd47ln] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ─── */
.ctl-kapak[b-45ulsd47ln] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  /* Alt boşluk 18 → 44 px: süzgecin ipucu metni akıştan çıkarılıp mutlak
     konumlandığı için kapak içinde ona yer ayrılır (iki satır ≈ 4+34 px). */
  padding: 16px 24px 44px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ctl-geri[b-45ulsd47ln] {
  flex: 0 0 auto;
  align-self: center;
  min-width: 30px;
}

.ctl-baslik[b-45ulsd47ln] {
  flex: 1 1 260px;
  min-width: 0;
}

.ctl-vitrin .au-title[b-45ulsd47ln] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ctl-alt[b-45ulsd47ln] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.ctl-suzgec[b-45ulsd47ln] {
  flex: 0 1 210px;
  min-width: 0;
  margin-inline-start: auto;
  /* Mutlak konumlu ipucu metninin dayanağı. */
  position: relative;
}

.ctl-suzgec[b-45ulsd47ln]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ctl-suzgec[b-45ulsd47ln]  .app-input,
.ctl-suzgec[b-45ulsd47ln]  .app-select__value {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-ikincil);
}

.ctl-suzgec[b-45ulsd47ln]  .app-field__hint {
  font-size: 12px;
  color: var(--metin-ipucu);
  /* İpucu akıştan çıkarılır: 210 px'lik kutuda iki satıra sarıp kapağın
     en yüksek öğesi oluyor ve align-items:flex-end hizasını bozuyordu. */
  position: absolute;
  top: 100%;
  inset-inline: 0;
  margin-top: 4px;
}

.ctl-eylem[b-45ulsd47ln] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ctl-vitrin .au-btn[b-45ulsd47ln] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ctl-vitrin .au-btn:hover[b-45ulsd47ln] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ctl-vitrin .au-btn--primary[b-45ulsd47ln] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ctl-vitrin .au-btn--primary:hover[b-45ulsd47ln] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ctl-vitrin .au-btn:focus-visible[b-45ulsd47ln] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ctl-mini[b-45ulsd47ln] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* ─── Liste kartı ─── */
.ctl-kart[b-45ulsd47ln] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ctl-kart[b-45ulsd47ln]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Uzun tablo kendi sınırlı alanında kayar; başlık üstte sabit kalır. */
.ctl-kart[b-45ulsd47ln]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 12px 12px 12px;
  background: var(--yuzey);
  box-shadow: none;
}

.ctl-kart[b-45ulsd47ln]  .grid-table {
  font-size: 13px;
}

/* Geçiş thead boyunca TEK parça çizilir; th'ler şeffaftır (tasarım sözleşmesi). */
.ctl-kart[b-45ulsd47ln]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.ctl-kart[b-45ulsd47ln]  .grid-table thead th {
  position: sticky;
  top: 0;
  background: transparent;
  border-bottom: none;
}

.ctl-kart[b-45ulsd47ln]  .grid-table thead th:has(.grid-sort):hover,
.ctl-kart[b-45ulsd47ln]  .grid-table thead th[aria-sort="ascending"],
.ctl-kart[b-45ulsd47ln]  .grid-table thead th[aria-sort="descending"] {
  background: color-mix(in srgb, var(--marka-700) 26%, transparent);
  border-bottom-color: transparent;
}

.ctl-kart[b-45ulsd47ln]  .grid-th-label,
.ctl-kart[b-45ulsd47ln]  .grid-sort {
  padding: 10px 13px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--on-brand);
}

.ctl-kart[b-45ulsd47ln]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid color-mix(in srgb, var(--marka-500) 12%, transparent);
  vertical-align: middle;
}

.ctl-kart[b-45ulsd47ln]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ctl-kart[b-45ulsd47ln]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ctl-kart[b-45ulsd47ln]  .grid-table tbody tr:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.ctl-kart[b-45ulsd47ln]  .grid-pager__info {
  font-size: 12.5px;
  color: var(--metin-ikincil);
}

.ctl-kart[b-45ulsd47ln]  .grid-pager__btn {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* ─── Hücre içeriği ─── */
.ctl-link[b-45ulsd47ln] {
  font-weight: 600;
  color: var(--marka-700);
  text-decoration: none;
}

.ctl-link:hover[b-45ulsd47ln] {
  color: var(--marka-500);
  text-decoration: underline;
}

.ctl-satir-alt[b-45ulsd47ln] {
  display: block;
  margin-top: 2px;
  max-width: 34ch;
  font-size: 12px;
  line-height: 1.4;
  color: var(--metin-ipucu);
  overflow-wrap: anywhere;
}

.ctl-isaretler[b-45ulsd47ln],
.ctl-satir-eylem[b-45ulsd47ln] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.ctl-system[b-45ulsd47ln] {
  border: 1px solid var(--hat-kart);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--metin-ikincil);
}

.ctl-uyari[b-45ulsd47ln] {
  color: var(--marka-700);
  font-weight: 600;
}

.ctl-bos[b-45ulsd47ln] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.ctl-bos p[b-45ulsd47ln] {
  margin: 0;
  line-height: 1.6;
}

/* ─── Yerinde detay popup'ı (native top layer) ─── */
.ctl-popup[b-45ulsd47ln] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ctl-popup[open][b-45ulsd47ln] {
  display: flex;
  flex-direction: column;
}

.ctl-popup[b-45ulsd47ln]::backdrop {
  background: var(--scrim);
}

.ctl-popup__bas[b-45ulsd47ln] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ctl-popup__ad[b-45ulsd47ln] {
  min-width: 0;
}

.ctl-popup__bas h2[b-45ulsd47ln] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ctl-popup__bas h2:focus[b-45ulsd47ln] {
  outline: none;
}

.ctl-popup__kapat[b-45ulsd47ln] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.ctl-popup__govde[b-45ulsd47ln] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ctl-popup__eylem[b-45ulsd47ln] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ctl-olgular[b-45ulsd47ln] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 16px;
}

.ctl-olgular > div[b-45ulsd47ln] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ctl-olgular > div:nth-child(odd)[b-45ulsd47ln] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ctl-olgular dt[b-45ulsd47ln] {
  color: var(--n-500);
}

.ctl-olgular dd[b-45ulsd47ln] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ctl-renk[b-45ulsd47ln] {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-inline-end: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px;
  vertical-align: middle;
}

.ctl-blok[b-45ulsd47ln] {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.ctl-blok h3[b-45ulsd47ln] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.ctl-blok h3[b-45ulsd47ln]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ctl-liste[b-45ulsd47ln] {
  margin: 6px 0 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.ctl-ipucu[b-45ulsd47ln] {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* TABLET (YENI-DIL §1.1) + TELEFON = CİHAZ bandı */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ctl-kapak[b-45ulsd47ln] {
    /* Taban kuralla eşit özgüllükte ve sonra geldiği için alt boşluk burada da
       korunmalı; yoksa mutlak konumlu ipucu kapağın dışına taşar. */
    padding: 16px 16px 44px;
  }

  .ctl-vitrin .au-btn[b-45ulsd47ln] {
    min-height: 44px;
  }

  .ctl-mini[b-45ulsd47ln] {
    min-height: 44px;
  }

  .ctl-suzgec[b-45ulsd47ln]  .app-input,
  .ctl-suzgec[b-45ulsd47ln]  .app-select__value {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* TELEFON (YENI-DIL §1.1): tek sütun, eylemler başlığın altında */
@media (max-width: 640px) {
  .ctl-kapak[b-45ulsd47ln] {
    padding: 12px;
    align-items: stretch;
  }

  /* Telefonda kutu tam genişlik + stretch olduğundan ipucu akışta zararsız;
     mutlak konum geri alınır, alt boşluk payına da gerek kalmaz. */
  .ctl-suzgec[b-45ulsd47ln]  .app-field__hint {
    position: static;
    inset-inline: auto;
    margin-top: 0;
  }

  .ctl-vitrin .au-title[b-45ulsd47ln] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ctl-suzgec[b-45ulsd47ln],
  .ctl-eylem[b-45ulsd47ln] {
    flex: 1 1 100%;
    margin-inline-start: 0;
  }

  .ctl-eylem .au-btn[b-45ulsd47ln] {
    flex: 1;
  }

  .ctl-kart[b-45ulsd47ln] {
    padding: 16px 12px;
  }

  .ctl-blok h3[b-45ulsd47ln] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Cihazda ilk anlamlı sütun (Ad) yapışık kalır. */
  .ctl-kart[b-45ulsd47ln]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .ctl-kart[b-45ulsd47ln]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 5;
    background: var(--marka-500);
  }

  .ctl-popup[b-45ulsd47ln] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ctl-popup__bas[b-45ulsd47ln],
  .ctl-popup__govde[b-45ulsd47ln],
  .ctl-popup__eylem[b-45ulsd47ln] {
    padding: 12px;
  }

  .ctl-popup__eylem .au-btn[b-45ulsd47ln] {
    flex: 1 1 auto;
  }

  .ctl-olgular > div[b-45ulsd47ln] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ctl-vitrin .au-btn[b-45ulsd47ln],
  .ctl-kart[b-45ulsd47ln]  .grid-table thead th,
  .ctl-kart[b-45ulsd47ln]  .grid-table tbody tr {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/ComponentTypeWizard.razor.rz.scp.css */
/* FAZ 3.2 G3 — bileşen tipi sihirbazı. 2026-09-20 MF-03 tasarım geçişi:
   Akademik Analiz kapağı (23 px başlık, 24 px yatay dolgu) + beyaz yüzeyli adım kartı.
   AppWizard'ın dört adımı KORUNUR (çok adımlı üretim sihirbazı). Yalnız var(--*) token. */

.ctw-vitrin[b-anrsmx3o4i] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak ─── */
.ctw-kapak[b-anrsmx3o4i] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ctw-geri[b-anrsmx3o4i] {
  flex: 0 0 auto;
  min-width: 30px;
}

.ctw-baslik[b-anrsmx3o4i] {
  flex: 1 1 260px;
  min-width: 0;
}

.ctw-vitrin .au-title[b-anrsmx3o4i] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ctw-alt[b-anrsmx3o4i] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.ctw-rozet[b-anrsmx3o4i] {
  flex: 0 0 auto;
  margin-inline-start: auto;
}

.ctw-chip-sys[b-anrsmx3o4i] {
  border: 1px solid var(--hat-kart);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ─── Sihirbaz kabuğu (AppWizard iç işaretlemesi) ─── */
.ctw-vitrin[b-anrsmx3o4i]  .app-wizard {
  position: relative;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ctw-vitrin[b-anrsmx3o4i]  .app-wizard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-count {
  font-size: 12px;
  color: var(--metin-ipucu);
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-kart {
  border-radius: 3px 12px 12px 12px;
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ctw-vitrin[b-anrsmx3o4i]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ctw-vitrin[b-anrsmx3o4i]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ctw-vitrin[b-anrsmx3o4i]  .app-field__hint {
  font-size: 12px;
  line-height: 1.5;
  color: var(--metin-ipucu);
}

.ctw-vitrin[b-anrsmx3o4i]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

.ctw-vitrin[b-anrsmx3o4i]  textarea.app-input {
  min-height: 120px;
  line-height: 1.5;
}

/* ─── Alan / basamak kurucuları ─── */

.ctw-fields[b-anrsmx3o4i] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0;
}

.ctw-field-row[b-anrsmx3o4i] {
  display: grid;
  grid-template-columns: 1fr 160px 34px;
  gap: 8px;
  align-items: center;
}

.ctw-remove[b-anrsmx3o4i] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ipucu);
  cursor: pointer;
}

.ctw-remove:hover:not(:disabled)[b-anrsmx3o4i] {
  color: var(--marka-700);
  border-color: var(--marka-400);
}

.ctw-remove:focus-visible[b-anrsmx3o4i] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ctw-add[b-anrsmx3o4i] {
  align-self: flex-start;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
}

.ctw-add:hover:not(:disabled)[b-anrsmx3o4i] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

/* ─── Hiyerarşi basamağı satırı (migration 028 node_levels, 2026-07-26) ─── */

.ctw-level-row[b-anrsmx3o4i] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ctw-level-grid[b-anrsmx3o4i] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.ctw-level-foot[b-anrsmx3o4i] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--hat-kart);
}

/* ─── Form önizlemesi ─── */

.ctw-preview[b-anrsmx3o4i] {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: none;
}

.ctw-preview .au-card__title[b-anrsmx3o4i] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 4px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.ctw-preview .au-card__title[b-anrsmx3o4i]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ctw-preview-list[b-anrsmx3o4i] {
  margin: 6px 0 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: var(--metin-murekkep);
}

/* TABLET + TELEFON = CİHAZ bandı (YENI-DIL §1.1) */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ctw-kapak[b-anrsmx3o4i] {
    padding: 16px;
  }

  .ctw-vitrin[b-anrsmx3o4i]  .wiz-btn,
  .ctw-add[b-anrsmx3o4i] {
    min-height: 44px;
  }

  .ctw-remove[b-anrsmx3o4i] {
    width: 44px;
    height: 44px;
  }

  .ctw-vitrin[b-anrsmx3o4i]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .ctw-field-row[b-anrsmx3o4i] {
    grid-template-columns: 1fr 140px 44px;
  }
}

/* TELEFON (YENI-DIL §1.1): tek sütun */
@media (max-width: 640px) {
  .ctw-kapak[b-anrsmx3o4i] {
    padding: 12px;
  }

  .ctw-vitrin .au-title[b-anrsmx3o4i] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ctw-rozet[b-anrsmx3o4i] {
    margin-inline-start: 0;
  }

  .ctw-vitrin[b-anrsmx3o4i]  .app-wizard {
    padding: 16px 12px;
  }

  .ctw-vitrin[b-anrsmx3o4i]  .wiz-title,
  .ctw-preview .au-card__title[b-anrsmx3o4i] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ctw-field-row[b-anrsmx3o4i] {
    grid-template-columns: 1fr 44px;
    row-gap: 6px;
  }

  .ctw-level-grid[b-anrsmx3o4i] {
    grid-template-columns: 1fr;
  }

  .ctw-level-foot[b-anrsmx3o4i] {
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ctw-remove[b-anrsmx3o4i],
  .ctw-add[b-anrsmx3o4i],
  .ctw-vitrin[b-anrsmx3o4i]  .wiz-btn {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/ComponentVersionHistory.razor.rz.scp.css */
/* Bileşen sürüm geçmişi — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, --marka-rampa-serit tablo başlığı, sınırlı kaydırma)
   + kardeş uygulama org-duzenle-vitrin.css (kapak/popup kabuğu).
   Yeni hex YOK, !important YOK. Çocuk bileşen içleri ::deep ile hedeflenir. */

.cvh-vitrin[b-11mkoab7u8] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.cvh-vitrin[b-11mkoab7u8]  .cvh-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kapak__bas {
  min-width: 0;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kapak__alt b {
  color: var(--metin-ikincil);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kapak .au-breadcrumb--dugme {
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kapak__eylem {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.cvh-vitrin[b-11mkoab7u8]  :is(.cvh-kart, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kart__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 12px;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kart__ust-eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-alt-baslik {
  margin: 16px 0 8px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__govde > .cvh-alt-baslik:first-child {
  margin-top: 0;
}

.cvh-vitrin[b-11mkoab7u8]  :is(.cvh-not, .cvh-ozet) {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-ozet {
  margin: 0;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-bos {
  display: grid;
  justify-items: start;
  gap: 12px;
  color: var(--n-500);
  font-size: 13px;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-bos p {
  margin: 0;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.cvh-vitrin[b-11mkoab7u8]  .au-btn {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.cvh-vitrin[b-11mkoab7u8]  .au-btn:hover:not(:disabled) {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cvh-vitrin[b-11mkoab7u8]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.cvh-vitrin[b-11mkoab7u8]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.cvh-vitrin[b-11mkoab7u8]  .au-btn--danger {
  border-color: var(--red-600);
  background: var(--red-600);
  color: var(--on-brand);
}

.cvh-vitrin[b-11mkoab7u8]  .au-btn--danger:hover:not(:disabled) {
  border-color: var(--red-500);
  background: var(--red-500);
}

.cvh-vitrin[b-11mkoab7u8]  .au-btn--sm {
  height: 30px;
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.cvh-vitrin[b-11mkoab7u8]  :is(.au-btn, .app-input, .cvh-onay, .cvh-tablo-kaydir, .au-breadcrumb--dugme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sürüm tablosu: sınırlı alanda kayar, başlık üstte sabit ───── */
.cvh-vitrin[b-11mkoab7u8]  .cvh-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: `cihaz.css` telefon bandında sarmalayıcısız tablolar için
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar; tablo kendi kabında
   kaydığı için o siper sticky thead'i ve yapışık sütunu bozar. */
.cvh-vitrin[b-11mkoab7u8]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 720px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.cvh-vitrin[b-11mkoab7u8]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.cvh-vitrin[b-11mkoab7u8]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.cvh-vitrin[b-11mkoab7u8]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.cvh-vitrin[b-11mkoab7u8]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cvh-vitrin[b-11mkoab7u8]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.cvh-vitrin[b-11mkoab7u8]  .au-result-table tbody tr.cvh-secili td {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
}

/* Yalnız LİSTE tablosunun onay kutusu sütunu daralır — popup içindeki fark/içerik
   tabloları aynı `.au-result-table` sınıfını taşıdığı için kapsam daraltıldı
   (aksi halde "Alan" sütunu %1'e iner ve uzun alan adları sarılamaz). */
.cvh-vitrin[b-11mkoab7u8]  .cvh-tablo-kaydir .au-result-table :is(th, td):first-child {
  width: 1%;
  white-space: nowrap;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-fark-tablo :is(th, td):first-child {
  width: 34%;
  white-space: normal;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-onay {
  width: 17px;
  height: 17px;
  accent-color: var(--marka-600);
  cursor: pointer;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-no {
  width: 1%;
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kisi {
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-not-hucre {
  min-width: 200px;
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-satir-eylem {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-satir-eylem .au-btn + .au-btn {
  margin-inline-start: 6px;
}

/* ── Fark / içerik tablosu (popup içinde) ──────────────────────── */
.cvh-vitrin[b-11mkoab7u8]  .cvh-fark-tablo thead {
  position: static;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kod {
  padding: 2px 7px;
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-deger {
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-deger--eski {
  color: var(--n-500);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-deger--yeni {
  color: var(--metin-murekkep);
  font-weight: 600;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────── */
.cvh-vitrin[b-11mkoab7u8]  .cvh-popup {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup[open] {
  display: flex;
  flex-direction: column;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup::backdrop {
  background: var(--scrim);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__bas h2 {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__bas h2:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kapat {
  display: grid;
  place-items: center;
  width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__govde {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__govde > p {
  margin: 0 0 12px;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__izgara {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-popup__eylem {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.cvh-vitrin[b-11mkoab7u8]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.cvh-vitrin[b-11mkoab7u8]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.cvh-vitrin[b-11mkoab7u8]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.cvh-vitrin[b-11mkoab7u8]  .app-toggle__label {
  color: var(--metin-ikincil);
  font-size: 13px;
}

.cvh-vitrin[b-11mkoab7u8]  .app-toggle.is-on .app-toggle__track {
  background: var(--marka-600);
}

/* ── Künye listesi (içerik popup'ı) ────────────────────────────── */
.cvh-vitrin[b-11mkoab7u8]  .cvh-kunye {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  font-size: 13px;
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kunye > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  border-radius: var(--kose-dugme);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kunye > div:nth-child(odd) {
  background: var(--yuzey-alt);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kunye dt {
  color: var(--n-500);
}

.cvh-vitrin[b-11mkoab7u8]  .cvh-kunye dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .cvh-vitrin[b-11mkoab7u8]  .cvh-kapak {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kapak .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .cvh-vitrin[b-11mkoab7u8]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-onay {
    width: 22px;
    height: 22px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  /* Yatay kaydırmada İKİ sütun da yapışır: onay kutusu (seçim yapılabilsin diye) ve
     sürüm numarası (satır kimliği). Yalnız 2. sütun yapışsaydı kaydırırken onay kutusunun
     ÜSTÜNE biner ve karşılaştırma seçimi tıklanamaz hale gelirdi.
     Offset sabit: 1. sütun 44 px'e kilitlenir, 2. sütun tam onun bittiği yerden başlar. */
  .cvh-vitrin[b-11mkoab7u8]  .cvh-tablo-kaydir .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    padding-inline: 0;
    text-align: center;
    border-right: 0;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-tablo-kaydir .au-result-table :is(th, td):nth-child(2) {
    position: sticky;
    left: 44px;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-tablo-kaydir .au-result-table :is(th:first-child, th:nth-child(2)) {
    z-index: 3;
    background: var(--marka-500);
  }

  /* Popup içindeki fark tablosu dar ekranda kendi genişliğine sığar. */
  .cvh-vitrin[b-11mkoab7u8]  .cvh-popup .au-result-table {
    min-width: 0;
  }
}

@media (pointer: coarse) {
  .cvh-vitrin[b-11mkoab7u8]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .cvh-vitrin[b-11mkoab7u8]  .cvh-kapak {
    padding: 12px;
    gap: 8px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kapak__eylem .au-btn {
    flex: 1 1 auto;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kart {
    padding: 16px 12px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kart__ust {
    flex-direction: column;
    align-items: stretch;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kart__ust-eylem {
    justify-content: space-between;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .cvh-vitrin[b-11mkoab7u8]  .au-result-table {
    min-width: 640px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  /* Yapışık onay kutusu sütunu 44 px'te kalmalı — yukarıdaki `padding` kısayolu
     CİHAZ bandındaki `padding-inline: 0`'ı ezdiği için burada yeniden yazılır;
     aksi halde 2. sütunun `left: 44px` offset'i kayar ve iki sütun üst üste biner. */
  .cvh-vitrin[b-11mkoab7u8]  .cvh-tablo-kaydir .au-result-table :is(th, td):first-child {
    padding-inline: 0;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-satir-eylem .au-btn {
    display: block;
    width: 100%;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-satir-eylem .au-btn + .au-btn {
    margin: 6px 0 0;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .cvh-vitrin[b-11mkoab7u8]  :is(.cvh-popup__bas, .cvh-popup__govde, .cvh-popup__eylem) {
    padding: 12px;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .cvh-vitrin[b-11mkoab7u8]  .cvh-kunye > div {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/ContextPreview.razor.rz.scp.css */
/* Bağlam önizleme — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, süzgeçler kapakta, birleşik KPI şeridi: 30 px bant + 27 px değer,
   18 px bölüm kartı, 3px 3px 22px 22px köşe).
   PanelModu'nda kapak başlığı gizlenir; ölçüler değişmez.
   Yeni hex YOK, !important YOK. Çocuk bileşen içleri ::deep ile hedeflenir. */

.ctx-vitrin[b-i77vwtdiln] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylem ─────────────────────── */
.ctx-vitrin[b-i77vwtdiln]  .ctx-kapak {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kapak__ust {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kapak__bas {
  min-width: 0;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kapak__alt {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kapak .au-breadcrumb--dugme {
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Süzgeç katlama düğmesi yalnız telefonda görünür (masaüstünde süzgeçler hep açık). */
.ctx-vitrin[b-i77vwtdiln]  .ctx-suzgec-dugme {
  display: none;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-suzgec {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
  gap: 12px;
  /* Bu satırdaki beş alandan yalnız üçü Hint taşıyor; `end` ile hint'li alanların
     girdisi hint yüksekliği kadar yukarı kayıp etiketleri zikzaklıyordu (CurriculumTree emsali). */
  align-items: start;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-banner {
  margin: 0;
  font-size: 13px;
}

/* ── Form alanları ─────────────────────────────────────────────── */
.ctx-vitrin[b-i77vwtdiln]  .app-field {
  min-width: 0;
}

.ctx-vitrin[b-i77vwtdiln]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ctx-vitrin[b-i77vwtdiln]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.ctx-vitrin[b-i77vwtdiln]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.ctx-vitrin[b-i77vwtdiln]  .au-btn {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ctx-vitrin[b-i77vwtdiln]  .au-btn:hover:not(:disabled) {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ctx-vitrin[b-i77vwtdiln]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ctx-vitrin[b-i77vwtdiln]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ctx-vitrin[b-i77vwtdiln]  :is(.au-btn, .app-input, .ctx-metin, .au-breadcrumb--dugme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── KPI şeridi: tek birleşik yüzey, üç hücre ──────────────────── */
.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi-serit {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi:last-child {
  border-right: 0;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi__bant {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi:nth-child(2) .ctx-kpi__bant { background: var(--marka-rampa-orta); }
.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi:nth-child(3) .ctx-kpi__bant { background: var(--marka-rampa-uc); }

.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi__deger {
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kpi__alt {
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.ctx-vitrin[b-i77vwtdiln]  :is(.ctx-kart, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kart__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 12px;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kart__ust-eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kart__ust .ctx-kart__baslik {
  margin: 0;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-alt-baslik {
  margin: 16px 0 8px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ctx-vitrin[b-i77vwtdiln]  :is(.ctx-not, .ctx-ozet) {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-ozet {
  margin: 0;
  font-variant-numeric: tabular-nums;
}

/* Pano sonucu (başarı ya da izin yok) — düğmenin yanında duyurulur. */
.ctx-vitrin[b-i77vwtdiln]  .ctx-kopya {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup__eylem .ctx-kopya {
  margin-inline-end: auto;
  align-self: center;
  text-align: start;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-tasma {
  color: var(--red-600);
  font-weight: 600;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-bos {
  color: var(--n-500);
  font-size: 13px;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-bos p {
  margin: 0;
}

/* ── Bütçe çubuğu ──────────────────────────────────────────────── */
.ctx-vitrin[b-i77vwtdiln]  .ctx-butce {
  height: 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  background: var(--yuzey-alt);
  overflow: hidden;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-butce__dolu {
  height: 100%;
  border-radius: var(--radius-pill);
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 100%);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-butce__dolu.is-dolu {
  background: var(--red-500);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 140px;
  overflow: auto;
  overscroll-behavior: contain;
}

/* ── Bağlam metni: kendi alanında kayar ────────────────────────── */
.ctx-vitrin[b-i77vwtdiln]  .ctx-metin {
  max-height: min(480px, 58dvh);
  margin: 0;
  padding: 14px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-murekkep);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-metin--genis {
  max-height: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────── */
.ctx-vitrin[b-i77vwtdiln]  .ctx-popup {
  width: min(860px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup[open] {
  display: flex;
  flex-direction: column;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup::backdrop {
  background: var(--scrim);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup__bas h2 {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup__bas h2:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-kapat {
  display: grid;
  place-items: center;
  width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup__govde {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.ctx-vitrin[b-i77vwtdiln]  .ctx-popup__eylem {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ctx-vitrin[b-i77vwtdiln]  .ctx-kapak {
    padding: 16px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kapak__ust {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kapak .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .au-btn {
    min-height: 44px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kpi__deger {
    font-size: 23px;
  }
}

@media (pointer: coarse) {
  .ctx-vitrin[b-i77vwtdiln]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ctx-vitrin[b-i77vwtdiln]  .ctx-kapak {
    padding: 12px;
    gap: 12px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeçler katlanabilir: düğme görünür, kapalıyken alanlar çizilmez. */
  .ctx-vitrin[b-i77vwtdiln]  .ctx-suzgec-dugme {
    display: inline-flex;
    grid-column: 1 / -1;
    justify-content: center;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-suzgec {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-suzgec.is-kapali {
    display: none;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kapak__eylem {
    justify-content: stretch;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kapak__eylem .au-btn {
    flex: 1 1 auto;
  }

  /* Üç KPI telefonda alt alta tek sütun — değerler kırpılmaz. */
  .ctx-vitrin[b-i77vwtdiln]  .ctx-kpi-serit {
    grid-template-columns: minmax(0, 1fr);
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kpi {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kpi:last-child {
    border-bottom: 0;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kpi__deger {
    font-size: var(--yazi-kpi, 20px);
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kart {
    padding: 16px 12px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kart__ust {
    flex-direction: column;
    align-items: stretch;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-kart__ust-eylem .au-btn {
    flex: 1 1 auto;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-metin {
    max-height: min(360px, 52dvh);
    font-size: 12px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ctx-vitrin[b-i77vwtdiln]  :is(.ctx-popup__bas, .ctx-popup__govde, .ctx-popup__eylem) {
    padding: 12px;
  }

  .ctx-vitrin[b-i77vwtdiln]  .ctx-popup__eylem .au-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/CurriculumDashboard.razor.rz.scp.css */
/* FAZ 3.2 G3 — müfredat dashboard scoped stiller. Yalnız var(--*) token.
   2026-09-20 MF-01: Akademik Analiz kapağı (23 px başlık, beyaz yüzey),
   işlem araması ve görünür ayrıntı popup'ı eklendi. Kart/gezinme ızgarasının
   mevcut vitrin görünümü korunur (wwwroot/css/mufredat-vitrin.css). */

/* ── Kapak: başlık + arama + ana eylem tek beyaz yüzeyde ── */
.mfr-kapak[b-xr1754xivn] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mfr-kapak__yazi[b-xr1754xivn] {
  flex: 1 1 260px;
  min-width: 0;
}

.mfr-baslik[b-xr1754xivn] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mfr-ozet-metin[b-xr1754xivn] {
  margin: 5px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

.mfr-kapak__eylem[b-xr1754xivn] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mfr-dugme[b-xr1754xivn] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.mfr-dugme:hover[b-xr1754xivn] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mfr-dugme--ana[b-xr1754xivn] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mfr-dugme--ana:hover[b-xr1754xivn] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mfr-dugme:focus-visible[b-xr1754xivn],
.mfr-ayrinti:focus-visible[b-xr1754xivn],
.mfr-popup :is(button, a):focus-visible[b-xr1754xivn] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Özet kartları (mevcut vitrin görünümü korunur) ── */
.crd-grid[b-xr1754xivn] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.crd-card[b-xr1754xivn] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.crd-health[b-xr1754xivn] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Karttaki gizli backend dökümünü açan ikincil eylem. */
.mfr-ayrinti[b-xr1754xivn] {
  align-self: flex-start;
  margin-top: auto;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.mfr-ayrinti:hover[b-xr1754xivn] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.crd-nav-title[b-xr1754xivn] {
  margin: 8px 0 12px;
}

.crd-nav[b-xr1754xivn] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  color: var(--fg);
  transition:
    border-color 0.15s ease,
    transform 0.15s ease;
}

.crd-nav:hover[b-xr1754xivn] {
  border-color: var(--brand);
  transform: translateY(-2px);
}

.crd-nav__title[b-xr1754xivn] {
  font-size: 15px;
  font-weight: 700;
  color: var(--fg);
}

/* ── Görünür popup (native top layer) ── */
.mfr-popup[b-xr1754xivn] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.mfr-popup[open][b-xr1754xivn] {
  display: flex;
  flex-direction: column;
}

.mfr-popup[b-xr1754xivn]::backdrop {
  background: var(--scrim);
}

.mfr-popup__bas[b-xr1754xivn] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.mfr-popup__bas h2[b-xr1754xivn] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.mfr-popup__bas h2:focus[b-xr1754xivn] {
  outline: none;
}

.mfr-popup__kapat[b-xr1754xivn] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mfr-popup__kapat:hover[b-xr1754xivn] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mfr-popup__govde[b-xr1754xivn] {
  flex: 1 1 auto;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mfr-popup__alt[b-xr1754xivn] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.mfr-popup__alt[b-xr1754xivn]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mfr-popup__alt + .mfr-tablo[b-xr1754xivn] {
  margin-bottom: 18px;
}

.mfr-popup__bos[b-xr1754xivn] {
  margin: 0 0 18px;
  color: var(--metin-ipucu);
  font-size: 12.5px;
}

.mfr-popup__not[b-xr1754xivn] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.mfr-popup__not a[b-xr1754xivn] {
  color: var(--marka-600);
}

/* Tablo standardı: mavi–petrol başlık geçişi tek parça, beyaz gövde, sabit başlık. */
.mfr-tablo[b-xr1754xivn] {
  width: 100%;
  border-collapse: collapse;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

.mfr-tablo thead[b-xr1754xivn] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--marka-rampa-serit);
}

.mfr-tablo th[b-xr1754xivn] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.mfr-tablo td[b-xr1754xivn] {
  padding: 10px 13px;
  border-top: 1px solid var(--hat-kart);
  overflow-wrap: anywhere;
}

.mfr-tablo tbody tr:nth-child(even) td[b-xr1754xivn] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mfr-tablo .mfr-sag[b-xr1754xivn] {
  text-align: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mfr-gizli[b-xr1754xivn] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .crd-nav[b-xr1754xivn] {
    transition: none;
  }

  .crd-nav:hover[b-xr1754xivn] {
    transform: none;
  }
}

/* CİHAZ (YENI-DIL §1.1) */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mfr-kapak[b-xr1754xivn] {
    padding: 16px;
  }

  .mfr-dugme[b-xr1754xivn],
  .mfr-ayrinti[b-xr1754xivn] {
    min-height: 44px;
  }
}

/* TELEFON (YENI-DIL §1.1) */
@media (max-width: 640px) {
  .mfr-kapak[b-xr1754xivn] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .mfr-baslik[b-xr1754xivn] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mfr-kapak__eylem[b-xr1754xivn] {
    flex: 1 1 auto;
    width: 100%;
  }

  .mfr-kapak__eylem .mfr-dugme[b-xr1754xivn] {
    flex: 1 1 auto;
  }

  .mfr-popup[b-xr1754xivn] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mfr-popup__bas[b-xr1754xivn],
  .mfr-popup__govde[b-xr1754xivn] {
    padding: 12px;
  }

  .mfr-popup__alt[b-xr1754xivn] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mfr-tablo :is(th, td)[b-xr1754xivn] {
    padding: 10px 8px;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/CurriculumImport.razor.rz.scp.css */
/* Müfredat içe aktarım — Akademik Analiz görsel dili (MF-06, 2026-09-20).
   Kapak 23 px başlık / 16-24-18 px dolgu; bölüm kartı 18 px + 5 px marka şeridi;
   sayaç şeridi 27 px değer; tablo başlığı --marka-rampa-serit, sabit başlık.
   Yalnız aurora.css :root'ta tanımlı token. Medya sorguları YENI-DIL.md §1.1 birebir. */

.ci-vitrin[b-j9xfge9bda] { color: var(--metin-murekkep); font-family: var(--font-body); }

/* ── Kapak ── */
.ci-kapak[b-j9xfge9bda] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ci-kapak__baslik[b-j9xfge9bda] { min-width: 0; flex: 1 1 18rem; }

.ci-kapak .au-title[b-j9xfge9bda] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ci-kapak__alt[b-j9xfge9bda] {
  margin: 5px 0 0;
  max-width: 66ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ci-kapak__eylem[b-j9xfge9bda] { display: flex; flex-wrap: wrap; gap: 8px; }
.ci-kapak[b-j9xfge9bda]  .ci-geri { align-self: center; flex: 0 0 auto; color: var(--marka-600); }

/* ── Düğmeler ── */
.ci-btn[b-j9xfge9bda] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.ci-btn:hover:not(:disabled)[b-j9xfge9bda] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.ci-btn--birincil[b-j9xfge9bda] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.ci-btn--birincil:hover:not(:disabled)[b-j9xfge9bda] { background: var(--marka-500); border-color: var(--marka-500); }
.ci-btn:disabled[b-j9xfge9bda] { opacity: .55; cursor: default; }
.ci-btn:focus-visible[b-j9xfge9bda] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ci-bolum[b-j9xfge9bda] {
  position: relative;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.ci-bolum[b-j9xfge9bda]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.ci-bolum__baslik[b-j9xfge9bda] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.ci-bolum__baslik[b-j9xfge9bda]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ci-alt-baslik[b-j9xfge9bda] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ci-ipucu[b-j9xfge9bda] { margin: 0 0 10px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.6; }
.ci-hata-metin[b-j9xfge9bda] { color: var(--red-600); font-weight: 600; overflow-wrap: anywhere; }
.ci-hata-alan[b-j9xfge9bda] { display: block; }

/* ── Sihirbaz (AppWizard alt bileşeni) ── */
.ci-bolum--sihirbaz[b-j9xfge9bda]  .wiz-kart {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.ci-bolum--sihirbaz[b-j9xfge9bda]  .wiz-title {
  font-family: var(--font-display);
  color: var(--marka-700);
}
.ci-bolum--sihirbaz[b-j9xfge9bda]  .wiz-btn {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
}
.ci-bolum--sihirbaz[b-j9xfge9bda]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.ci-bolum--sihirbaz[b-j9xfge9bda]  .app-input {
  min-height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Form / alanlar ── */
.ci-form[b-j9xfge9bda] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.ci-form--ust[b-j9xfge9bda] { margin-top: 12px; }
.ci-templates[b-j9xfge9bda] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.ci-dosya[b-j9xfge9bda] { margin-top: 12px; }

.ci-parent[b-j9xfge9bda] { margin-top: 10px; }
.ci-parent__label[b-j9xfge9bda] {
  display: block;
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ci-parent__secim[b-j9xfge9bda] { margin: 0 0 8px; color: var(--metin-ikincil); font-size: 13px; }
.ci-parent__tree[b-j9xfge9bda] {
  max-height: min(320px, 46dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  padding: 6px;
}
.ci-clear[b-j9xfge9bda] {
  margin-left: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--marka-600);
  font: inherit;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
.ci-clear:focus-visible[b-j9xfge9bda] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Sayaç şeridi: tek birleşik yüzey ──
   Sütun sayısı AÇIKÇA verilir. `repeat(auto-fit, minmax(0, 1fr))` burada kullanılamaz:
   en küçük iz genişliği 0 ve boşluk 0 olduğundan tarayıcı tekrar sayısını hesaplayamaz
   ve TEK sütuna düşer — sayaçlar alt alta dizilir (bkz. PlanlamaMerkezi.razor.css). */
.ci-sayaclar[b-j9xfge9bda] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}
/* Önizleme şeridi iki sayaç taşır. */
.ci-sayaclar--dar[b-j9xfge9bda] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; }
.ci-sayac[b-j9xfge9bda] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 15px 16px;
  border-right: 1px solid var(--hat-kart);
}
.ci-sayac:last-child[b-j9xfge9bda] { border-right: 0; }
.ci-sayac__deger[b-j9xfge9bda] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}
.ci-sayac__deger--olumlu[b-j9xfge9bda] { color: var(--green-600); }
.ci-sayac__deger--hata[b-j9xfge9bda] { color: var(--red-600); }
.ci-sayac__etiket[b-j9xfge9bda] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.4; }

/* ── Olgu listesi (onay adımı) ── */
.ci-olgular[b-j9xfge9bda] { display: flex; flex-direction: column; gap: 2px; margin: 14px 0 0; }
.ci-olgular > div[b-j9xfge9bda] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.ci-olgular > div:nth-child(odd)[b-j9xfge9bda] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ci-olgular dt[b-j9xfge9bda] { color: var(--metin-ipucu); }
.ci-olgular dd[b-j9xfge9bda] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── Tablolar: kendi alanında kayar, başlık sabit ── */
.ci-tablo-kap[b-j9xfge9bda] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.ci-tablo-kap--hata[b-j9xfge9bda] { max-height: min(360px, 44dvh); }
.ci-tablo-kap--popup[b-j9xfge9bda] { max-height: none; border: 0; border-radius: 0; }
.ci-tablo[b-j9xfge9bda] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.ci-tablo thead th[b-j9xfge9bda] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border: 0;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
.ci-tablo tbody td[b-j9xfge9bda] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
  color: var(--metin-murekkep);
  vertical-align: top;
}
.ci-tablo tbody tr:nth-child(even) td[b-j9xfge9bda] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ci-tablo tbody tr:last-child td[b-j9xfge9bda] { border-bottom: 0; }
.ci-tablo .ci-kol--ilk[b-j9xfge9bda] { font-variant-numeric: tabular-nums; }

.ci-tablo-alt[b-j9xfge9bda] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-top: 10px;
}

/* ── Bantlar ── */
.ci-bant[b-j9xfge9bda] {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  margin: 12px 0;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  line-height: 1.55;
}
.ci-bant--bilgi[b-j9xfge9bda] {
  border: 1px solid color-mix(in srgb, var(--blue-500) 25%, transparent);
  background: color-mix(in srgb, var(--blue-500) 8%, var(--yuzey));
  color: var(--blue-600);
}
.ci-bant--uyari[b-j9xfge9bda] {
  border: 1px solid color-mix(in srgb, var(--amber-500) 28%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
  color: var(--amber-600);
}
.ci-bant--hata[b-j9xfge9bda] {
  border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}

/* ── Hata listesi popup'ı ──
   Arka plan kaydırma kilidi `.razor.js`'tedir: scoped CSS'te `html:has(...)` kuralına
   kapsam niteliği `html`e eklenir ve kural hiç eşleşmez. */
.ci-popup[b-j9xfge9bda] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.ci-popup[open][b-j9xfge9bda] { display: flex; flex-direction: column; }
.ci-popup[b-j9xfge9bda]::backdrop { background: var(--scrim); }

.ci-popup__ust[b-j9xfge9bda] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.ci-popup__ust h2[b-j9xfge9bda] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.ci-popup__ust h2:focus[b-j9xfge9bda] { outline: none; }

.ci-popup__kapat[b-j9xfge9bda] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.ci-popup__kapat:hover[b-j9xfge9bda] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.ci-popup__kapat:focus-visible[b-j9xfge9bda] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ci-popup__govde[b-j9xfge9bda] { min-height: 0; padding: 0; overflow: auto; overscroll-behavior: contain; }
.ci-popup__eylem[b-j9xfge9bda] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ci-kapak[b-j9xfge9bda] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: end;
    column-gap: 12px;
  }
  .ci-kapak[b-j9xfge9bda]  .ci-geri { grid-area: geri; }
  .ci-kapak__baslik[b-j9xfge9bda] { grid-area: baslik; }
  .ci-kapak__eylem[b-j9xfge9bda] { grid-area: eylem; justify-self: end; }
}

/* ── CİHAZ ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ci-kapak[b-j9xfge9bda] { padding: 16px; }
  .ci-btn[b-j9xfge9bda] { min-height: 44px; }
  .ci-bolum--sihirbaz[b-j9xfge9bda]  .wiz-btn { min-height: 44px; }
  .ci-bolum--sihirbaz[b-j9xfge9bda]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ci-kapak[b-j9xfge9bda] { padding: 12px; gap: 10px; }
  .ci-kapak .au-title[b-j9xfge9bda] { font-size: var(--yazi-kapak, 20px); }
  .ci-kapak__alt[b-j9xfge9bda] { font-size: var(--yazi-kucuk, 12px); }
  .ci-kapak__eylem[b-j9xfge9bda] { width: 100%; }
  .ci-kapak__eylem .ci-btn[b-j9xfge9bda] { flex: 1; }
  .ci-bolum[b-j9xfge9bda] { padding: 16px 12px; }
  .ci-bolum__baslik[b-j9xfge9bda] { font-size: var(--yazi-bolum, 14px); }
  .ci-form[b-j9xfge9bda] { grid-template-columns: 1fr; }
  .ci-sayaclar[b-j9xfge9bda] { grid-template-columns: 1fr; }
  .ci-sayac[b-j9xfge9bda] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .ci-sayac:last-child[b-j9xfge9bda] { border-bottom: 0; }
  .ci-sayac__deger[b-j9xfge9bda] { font-size: var(--yazi-kpi, 20px); }
  .ci-tablo[b-j9xfge9bda] { font-size: var(--yazi-govde, 13px); }
  .ci-tablo thead th[b-j9xfge9bda], .ci-tablo tbody td[b-j9xfge9bda] { padding: 9px 10px; }
  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .ci-tablo .ci-kol--ilk[b-j9xfge9bda] { position: sticky; left: 0; z-index: 1; }
  .ci-tablo thead th.ci-kol--ilk[b-j9xfge9bda] { z-index: 3; }
  .ci-tablo tbody td.ci-kol--ilk[b-j9xfge9bda] { background: var(--yuzey); }
  .ci-tablo tbody tr:nth-child(even) td.ci-kol--ilk[b-j9xfge9bda] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .ci-tablo-alt .ci-btn[b-j9xfge9bda] { flex: 1 1 auto; }
  .ci-olgular > div[b-j9xfge9bda] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
  .ci-popup[b-j9xfge9bda] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ci-popup__ust[b-j9xfge9bda], .ci-popup__eylem[b-j9xfge9bda] { padding: 12px; }
  .ci-popup__eylem .ci-btn[b-j9xfge9bda] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/CurriculumTree.razor.rz.scp.css */
/* FAZ 3.2 G3 — müfredat ağacı scoped stiller. Yalnız var(--*) token.
   2026-09-20 MF-01: Akademik Analiz dili — beyaz 23 px kapak (başlık + 4 kapsam
   filtresi + ana eylem), sınırlı alanda kayan ağaç, oluşturma formu görünür
   native popup içinde. Paylaşılan CSS dosyalarına dokunulmadı. */

.mag[b-xuzb1ymifa] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.mag-kapak[b-xuzb1ymifa] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mag-kapak__geri[b-xuzb1ymifa] {
  min-width: 0;
}

.mag-kapak__yazi[b-xuzb1ymifa] {
  min-width: 0;
}

.mag-baslik[b-xuzb1ymifa] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mag-tip-satiri[b-xuzb1ymifa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 6px 0 0;
  font-size: 12.5px;
  color: var(--metin-ikincil);
}

.mag-tip-satiri--bos[b-xuzb1ymifa] {
  color: var(--metin-ipucu);
}

.mag-tip-ad[b-xuzb1ymifa] {
  font-weight: 600;
  color: var(--marka-700);
}

.mag-etiket[b-xuzb1ymifa] {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill, 999px);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

/* align-items: flex-start — dört alandan YALNIZ "Bileşen tipi" hint taşıyor;
   flex-end ile hint'li alanın girdisi diğer üçünden yukarı kayıyordu. */
.mag-kapak__filtre[b-xuzb1ymifa] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.mag-alan[b-xuzb1ymifa] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Kapak içindeki filtre alanları referans ölçülerine getirilir (AppField/AppSelect
   ayrı bileşen olduğu için ::deep şart). */
.mag-alan[b-xuzb1ymifa]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.mag-alan[b-xuzb1ymifa]  .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font-size: 13px;
  font-weight: 500;
}

.mag-alan[b-xuzb1ymifa]  .app-field__hint {
  font-size: 11.5px;
  color: var(--metin-ipucu);
}

.mag-kapak__eylem[b-xuzb1ymifa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Geniş masaüstünde başlık solda, filtre + eylem sağda (referans 1540 px kuralı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mag-kapak[b-xuzb1ymifa] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik filtre"
      "geri baslik eylem";
    align-items: center;
  }

  .mag-kapak__geri[b-xuzb1ymifa] { grid-area: geri; }
  .mag-kapak__yazi[b-xuzb1ymifa] { grid-area: baslik; }

  .mag-kapak__filtre[b-xuzb1ymifa] {
    grid-area: filtre;
    justify-content: flex-end;
  }

  .mag-kapak__eylem[b-xuzb1ymifa] {
    grid-area: eylem;
    justify-content: flex-end;
  }
}

/* ── Düğmeler ── */
.mag-dugme[b-xuzb1ymifa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.mag-dugme:hover:not(:disabled)[b-xuzb1ymifa] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mag-dugme:disabled[b-xuzb1ymifa] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mag-dugme--ana[b-xuzb1ymifa] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mag-dugme--ana:hover:not(:disabled)[b-xuzb1ymifa] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mag-dugme--kucuk[b-xuzb1ymifa] {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.mag-dugme:focus-visible[b-xuzb1ymifa],
.mag-popup__kapat:focus-visible[b-xuzb1ymifa],
.ct-clear:focus-visible[b-xuzb1ymifa] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Ders bağı uyarısı (backend EslesmeYok) ── */
.mag-uyari[b-xuzb1ymifa] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.mag-uyari svg[b-xuzb1ymifa] {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--marka-600);
}

/* ── Ağaç kartı ── */
.mag-kart[b-xuzb1ymifa] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mag-kart[b-xuzb1ymifa]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.mag-kart__bas[b-xuzb1ymifa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 12px;
  margin-bottom: 12px;
}

.mag-kart__olcu[b-xuzb1ymifa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mag-bolum-baslik[b-xuzb1ymifa] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.mag-bolum-baslik[b-xuzb1ymifa]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mag-olcu[b-xuzb1ymifa] {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--metin-ipucu);
}

/* Uzun ağaç kendi sınırlı alanında kayar; sayfa kaydırması şişmez. */
.mag-agac[b-xuzb1ymifa] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 3px;
}

.mag-agac[b-xuzb1ymifa]  .app-tree__row {
  gap: 8px;
  min-height: 44px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
  color: var(--metin-ikincil);
}

.mag-agac[b-xuzb1ymifa]  .app-tree__row:hover {
  background-color: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mag-agac[b-xuzb1ymifa]  .app-tree__row.is-selected {
  color: var(--marka-700);
  background-color: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  box-shadow: inset 0 0 0 1px var(--hat-girdi);
}

.ct-node[b-xuzb1ymifa] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.ct-node__name[b-xuzb1ymifa] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ct-node__code[b-xuzb1ymifa] {
  font-size: 11px;
  flex-shrink: 0;
}

.ct-more[b-xuzb1ymifa] {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.mag-bos[b-xuzb1ymifa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.mag-bos p[b-xuzb1ymifa] {
  margin: 0;
  line-height: 1.6;
}

.mag-ipucu[b-xuzb1ymifa] {
  margin: 0 0 6px;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  line-height: 1.5;
}

.mag-ipucu b[b-xuzb1ymifa] {
  color: var(--metin-ikincil);
}

/* ── Oluşturma formu popup'ı (native top layer) ── */
.mag-popup[b-xuzb1ymifa] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.mag-popup[open][b-xuzb1ymifa] {
  display: flex;
  flex-direction: column;
}

.mag-popup[b-xuzb1ymifa]::backdrop {
  background: var(--scrim);
}

.mag-popup__bas[b-xuzb1ymifa] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.mag-popup__bas h2[b-xuzb1ymifa] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.mag-popup__bas h2:focus[b-xuzb1ymifa] {
  outline: none;
}

.mag-popup__kapat[b-xuzb1ymifa] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mag-popup__kapat:disabled[b-xuzb1ymifa] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mag-popup__form[b-xuzb1ymifa] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.mag-popup__govde[b-xuzb1ymifa] {
  flex: 1 1 auto;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mag-popup__eylem[b-xuzb1ymifa] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* AppSelect açılır paneli varsayılanda `position: absolute` (AppSelect.razor.css:47).
   Kayan popup gövdesinin (`overflow: auto`) içinde panel gövde sınırında KIRPILIR —
   formdaki dört seçicinin listesi görünmez olur. Aynı düzeltme projede zaten var:
   optik-vitrin.css:443 (`.optik-popup .app-sel__panel`) ve
   abonelik-planlari-vitrin.css:137 (`.sp-popup .app-ms__panel`).
   `inset: auto`, `.acilir--yukari` varyantının `bottom` değerini de sıfırlar. */
.mag-popup .mag-popup__govde[b-xuzb1ymifa]  .app-sel__panel {
  position: relative;
  inset: auto;
  margin-top: 6px;
  max-height: 220px;
}

.ct-parent[b-xuzb1ymifa] {
  margin: 14px 0;
}

.ct-parent__label[b-xuzb1ymifa] {
  display: block;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ct-parent__tree[b-xuzb1ymifa] {
  max-height: 260px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  padding: 6px;
}

.ct-clear[b-xuzb1ymifa] {
  margin-left: 8px;
  background: none;
  border: none;
  color: var(--marka-600);
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
}

/* CİHAZ (YENI-DIL §1.1) */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mag-kapak[b-xuzb1ymifa] {
    padding: 16px;
  }

  .mag-alan[b-xuzb1ymifa] {
    flex: 1 1 200px;
    max-width: none;
  }

  .mag-alan[b-xuzb1ymifa]  .app-input {
    height: 44px;
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .mag-dugme[b-xuzb1ymifa] {
    min-height: 44px;
  }

  .mag-dugme--kucuk[b-xuzb1ymifa] {
    min-height: 40px;
  }

  .mag-agac[b-xuzb1ymifa]  .app-tree__chev {
    width: 44px;
    height: 44px;
  }
}

/* TELEFON (YENI-DIL §1.1) */
@media (max-width: 640px) {
  .mag-kapak[b-xuzb1ymifa] {
    padding: 12px;
  }

  .mag-baslik[b-xuzb1ymifa] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mag-kapak__filtre[b-xuzb1ymifa] {
    flex-direction: column;
    align-items: stretch;
  }

  .mag-alan[b-xuzb1ymifa] {
    flex: 1 1 auto;
    max-width: none;
  }

  .mag-kapak__eylem[b-xuzb1ymifa] {
    width: 100%;
  }

  .mag-kapak__eylem .mag-dugme[b-xuzb1ymifa] {
    flex: 1 1 auto;
  }

  .mag-kart[b-xuzb1ymifa] {
    padding: 16px 12px;
  }

  .mag-bolum-baslik[b-xuzb1ymifa] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mag-popup[b-xuzb1ymifa] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mag-popup__bas[b-xuzb1ymifa],
  .mag-popup__govde[b-xuzb1ymifa],
  .mag-popup__eylem[b-xuzb1ymifa] {
    padding: 12px;
  }

  .mag-popup__eylem .mag-dugme[b-xuzb1ymifa] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/DersBagi.razor.rz.scp.css */
/* Ders ↔ müfredat bağı — Akademik Analiz görsel dili (MF-06, 2026-09-20).
   Kapak 23 px başlık / 16-24-18 px dolgu; bölüm kartı 18 px + 5 px marka şeridi;
   bölüm sekmeleri beyaz şerit, 1 px sınır, 6 px dolgu, 4 px aralık, 34/44 px yükseklik.
   Yalnız aurora.css :root'ta TANIMLI token (tanımsız var() bildirimi düşürür —
   bkz. AnalizCssTokenTests). Medya sorguları YENI-DIL.md §1.1 birebir. */

.db-vitrin[b-vmpunkfwpu] { color: var(--metin-murekkep); font-family: var(--font-body); }

/* ── Kapak ── */
.db-kapak[b-vmpunkfwpu] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.db-kapak__baslik[b-vmpunkfwpu] { min-width: 0; flex: 1 1 18rem; }

.db-kapak .au-title[b-vmpunkfwpu] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.db-kapak__alt[b-vmpunkfwpu] {
  margin: 5px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.db-kapak__filtre[b-vmpunkfwpu] { flex: 0 1 240px; min-width: 176px; }
.db-kapak__eylem[b-vmpunkfwpu] { display: flex; flex-wrap: wrap; gap: 8px; }
.db-kapak[b-vmpunkfwpu]  .db-geri { align-self: center; flex: 0 0 auto; color: var(--marka-600); }

.db-kapak[b-vmpunkfwpu]  .app-field { margin: 0; }
.db-kapak[b-vmpunkfwpu]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.db-kapak[b-vmpunkfwpu]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

/* ── Düğmeler ── */
.db-btn[b-vmpunkfwpu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.db-btn:hover:not(:disabled)[b-vmpunkfwpu] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.db-btn--birincil[b-vmpunkfwpu] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.db-btn--birincil:hover:not(:disabled)[b-vmpunkfwpu] { background: var(--marka-500); border-color: var(--marka-500); }
.db-btn--sm[b-vmpunkfwpu] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.db-btn:disabled[b-vmpunkfwpu] { opacity: .55; cursor: default; }
.db-btn:focus-visible[b-vmpunkfwpu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.db-bolum[b-vmpunkfwpu] {
  position: relative;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.db-bolum[b-vmpunkfwpu]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.db-bolum__baslik[b-vmpunkfwpu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.db-bolum__baslik[b-vmpunkfwpu]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.db-ipucu[b-vmpunkfwpu] { margin: 0 0 10px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.6; }
.db-soluk[b-vmpunkfwpu] { color: var(--metin-ipucu); font-size: 12px; font-weight: 400; }
.db-bosluk[b-vmpunkfwpu] { flex: 1 1 auto; }
.db-kod[b-vmpunkfwpu] { font-weight: 700; color: var(--marka-700); font-variant-numeric: tabular-nums; }
.db-kok[b-vmpunkfwpu] { font-weight: 600; color: var(--metin-murekkep); overflow-wrap: anywhere; }
.db-ders__ad[b-vmpunkfwpu] { min-width: 0; overflow-wrap: anywhere; }

/* ── Bölüm sekmeleri (toplu mod) ── */
.db-sekmeler[b-vmpunkfwpu] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.db-sekme[b-vmpunkfwpu] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}
.db-sekme:hover[b-vmpunkfwpu] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}
.db-sekme[aria-selected="true"][b-vmpunkfwpu],
.db-sekme[aria-selected="true"]:hover[b-vmpunkfwpu] {
  background: var(--marka-600);
  color: var(--on-brand);
}
.db-sekme:focus-visible[b-vmpunkfwpu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.db-sekme__sayi[b-vmpunkfwpu] { font-variant-numeric: tabular-nums; opacity: .8; }

/* ── Toplu özet sayaçları ──
   Sütun sayısı AÇIKÇA verilir. `repeat(auto-fit, minmax(0, 1fr))` burada kullanılamaz:
   en küçük iz genişliği 0 ve boşluk 0 olduğundan tarayıcı tekrar sayısını hesaplayamaz
   ve TEK sütuna düşer — üç sayaç alt alta dizilir (bkz. PlanlamaMerkezi.razor.css). */
.db-sayaclar[b-vmpunkfwpu] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}
.db-sayac[b-vmpunkfwpu] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 15px 16px;
  border-right: 1px solid var(--hat-kart);
}
.db-sayac:last-child[b-vmpunkfwpu] { border-right: 0; }
.db-sayac__deger[b-vmpunkfwpu] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}
.db-sayac__deger--olumlu[b-vmpunkfwpu] { color: var(--green-600); }
.db-sayac__etiket[b-vmpunkfwpu] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.4; }

/* ── Ders seçici ── */
.db-ders-liste[b-vmpunkfwpu] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-height: min(420px, 52dvh);
  overflow: auto;
  overscroll-behavior: contain;
}
.db-ders[b-vmpunkfwpu] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.db-ders:hover:not(:disabled)[b-vmpunkfwpu] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.db-ders:disabled[b-vmpunkfwpu] { opacity: .55; cursor: default; }
.db-ders:focus-visible[b-vmpunkfwpu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Mevcut onaylı bağ ── */
.db-bagli[b-vmpunkfwpu] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--green-600) 40%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--green-600) 6%, var(--yuzey));
}

/* ── Aday satırları ── */
.db-adaylar[b-vmpunkfwpu] { display: flex; flex-direction: column; gap: 8px; }
.db-aday[b-vmpunkfwpu] {
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.db-aday--kesin[b-vmpunkfwpu] { border-color: color-mix(in srgb, var(--green-600) 40%, transparent); }
.db-aday__ust[b-vmpunkfwpu] { display: flex; align-items: center; gap: 8px 10px; flex-wrap: wrap; }

.db-guven[b-vmpunkfwpu] { font-size: 12px; font-variant-numeric: tabular-nums; color: var(--amber-600); }
.db-guven--kesin[b-vmpunkfwpu] { color: var(--green-600); font-weight: 600; }

.db-rozet[b-vmpunkfwpu] {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--hat-girdi);
  color: var(--metin-ipucu);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
.db-rozet--kesin[b-vmpunkfwpu],
.db-rozet--bagli[b-vmpunkfwpu] { color: var(--green-600); border-color: color-mix(in srgb, var(--green-600) 40%, transparent); }

.db-gerekce[b-vmpunkfwpu] { margin: 8px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.55; }

/* Metin içi eylem — görsel olarak bağlantı, semantik olarak buton. */
.db-yeniden[b-vmpunkfwpu] {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--amber-600);
  text-decoration: underline;
  cursor: pointer;
}
.db-yeniden:disabled[b-vmpunkfwpu] { opacity: .6; cursor: default; }
.db-yeniden:focus-visible[b-vmpunkfwpu] { outline: 2px solid var(--amber-600); outline-offset: 2px; }

/* ── Bantlar ── */
.db-bant[b-vmpunkfwpu] {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  line-height: 1.55;
}
.db-bant--uyari[b-vmpunkfwpu] {
  margin-bottom: 0;
  border: 1px solid color-mix(in srgb, var(--amber-500) 28%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
  color: var(--amber-600);
}
.db-bant--hata[b-vmpunkfwpu] {
  border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}

/* ── Yükleniyor iskeleti ── */
.db-iskelet[b-vmpunkfwpu] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.db-iskelet__satir[b-vmpunkfwpu] {
  height: 12px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}
.db-iskelet__satir--kisa[b-vmpunkfwpu] { width: 45%; }

/* ── MASAÜSTÜ: başlık solda, arama/eylem sağ kenarda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .db-kapak[b-vmpunkfwpu] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik yan";
    align-items: end;
    column-gap: 12px;
  }
  .db-kapak[b-vmpunkfwpu]  .db-geri { grid-area: geri; }
  .db-kapak__baslik[b-vmpunkfwpu] { grid-area: baslik; }
  .db-kapak__filtre[b-vmpunkfwpu] { grid-area: yan; justify-self: end; }
  .db-kapak__eylem[b-vmpunkfwpu] { grid-area: yan; justify-self: end; }
}

/* ── CİHAZ ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .db-kapak[b-vmpunkfwpu] { padding: 16px; }
  .db-btn[b-vmpunkfwpu], .db-btn--sm[b-vmpunkfwpu], .db-ders[b-vmpunkfwpu] { min-height: 44px; }
  .db-sekme[b-vmpunkfwpu] { min-height: 44px; }
  .db-kapak[b-vmpunkfwpu]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  /* Sekmeler tek yatay kaydırılabilir şerit olur; sayfa taşmaz. */
  .db-sekmeler[b-vmpunkfwpu] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .db-sekme[b-vmpunkfwpu] { flex: 0 0 auto; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .db-kapak[b-vmpunkfwpu] { padding: 12px; gap: 10px; }
  .db-kapak .au-title[b-vmpunkfwpu] { font-size: var(--yazi-kapak, 20px); }
  .db-kapak__alt[b-vmpunkfwpu] { font-size: var(--yazi-kucuk, 12px); }
  .db-kapak__filtre[b-vmpunkfwpu] { flex: 1 1 100%; min-width: 0; }
  .db-kapak__eylem[b-vmpunkfwpu] { width: 100%; }
  .db-kapak__eylem .db-btn[b-vmpunkfwpu] { flex: 1; }
  .db-bolum[b-vmpunkfwpu] { padding: 16px 12px; }
  .db-bolum__baslik[b-vmpunkfwpu] { font-size: var(--yazi-bolum, 14px); }
  .db-sayaclar[b-vmpunkfwpu] { grid-template-columns: 1fr; }
  .db-sayac[b-vmpunkfwpu] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .db-sayac:last-child[b-vmpunkfwpu] { border-bottom: 0; }
  .db-sayac__deger[b-vmpunkfwpu] { font-size: var(--yazi-kpi, 20px); }
  .db-ders-liste[b-vmpunkfwpu] { flex-direction: column; }
  .db-ders[b-vmpunkfwpu] { width: 100%; }
  .db-aday__ust > .db-bosluk[b-vmpunkfwpu] { display: none; }
  .db-aday__ust > .db-btn[b-vmpunkfwpu] { flex: 1 1 auto; }
  .db-bagli > .db-bosluk[b-vmpunkfwpu] { display: none; }
  .db-bagli > .db-btn[b-vmpunkfwpu] { flex: 1 1 auto; }
  .db-gerekce[b-vmpunkfwpu] { font-size: var(--yazi-kucuk, 12px); }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Etl/EtlManagementPage.razor.rz.scp.css */
/* Müfredat ETL — Akademik Analiz görsel dili (MF-06, 2026-09-20).
   Kapak 23 px başlık / 16-24-18 px dolgu; bölüm kartı 18 px + 5 px marka şeridi;
   tablo başlığı --marka-rampa-serit, sabit başlık, sınırlı alanda kaydırma.
   Yalnız aurora.css :root'ta tanımlı token. Medya sorguları YENI-DIL.md §1.1 birebir. */

.etl-vitrin[b-cx1oqefrj7] { color: var(--metin-murekkep); font-family: var(--font-body); }

/* ── Kapak ── */
.etl-kapak[b-cx1oqefrj7] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.etl-kapak__baslik[b-cx1oqefrj7] { min-width: 0; flex: 1 1 18rem; }

.etl-kapak .au-title[b-cx1oqefrj7] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.etl-kapak__alt[b-cx1oqefrj7] {
  margin: 5px 0 0;
  max-width: 66ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.etl-kapak__eylem[b-cx1oqefrj7] { display: flex; flex-wrap: wrap; gap: 8px; }
.etl-kapak[b-cx1oqefrj7]  .etl-geri { align-self: center; flex: 0 0 auto; color: var(--marka-600); }

/* ── Düğmeler ── */
.etl-btn[b-cx1oqefrj7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}
.etl-btn:hover:not(:disabled)[b-cx1oqefrj7] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.etl-btn--yikici[b-cx1oqefrj7] {
  align-self: flex-start;
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}
.etl-btn--yikici:hover:not(:disabled)[b-cx1oqefrj7] {
  background: color-mix(in srgb, var(--red-500) 14%, var(--yuzey));
  border-color: var(--red-500);
}
.etl-btn:disabled[b-cx1oqefrj7] { opacity: .55; cursor: default; }
.etl-btn:focus-visible[b-cx1oqefrj7] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.etl-bolum[b-cx1oqefrj7] {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.etl-bolum[b-cx1oqefrj7]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.etl-bolum__baslik[b-cx1oqefrj7] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.etl-bolum__baslik[b-cx1oqefrj7]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.etl-aciklama[b-cx1oqefrj7] { margin: 0 0 14px; max-width: 72ch; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.etl-ipucu[b-cx1oqefrj7] { margin: 0 0 10px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.6; }

/* ── Üst bilgi sayaçları: tek birleşik yüzey ──
   Sütun sayısı AÇIKÇA verilir. `repeat(auto-fit, minmax(0, 1fr))` burada kullanılamaz:
   en küçük iz genişliği 0 ve boşluk 0 olduğundan tarayıcı tekrar sayısını hesaplayamaz
   ve TEK sütuna düşer — üç sayaç alt alta dizilir (bkz. PlanlamaMerkezi.razor.css). */
.etl-sayaclar[b-cx1oqefrj7] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}
.etl-sayac[b-cx1oqefrj7] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 15px 16px;
  border-right: 1px solid var(--hat-kart);
}
.etl-sayac:last-child[b-cx1oqefrj7] { border-right: 0; }
.etl-sayac__deger[b-cx1oqefrj7] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}
.etl-sayac__deger--uyari[b-cx1oqefrj7] { color: var(--amber-600); }
.etl-sayac__etiket[b-cx1oqefrj7] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.4; }

/* ── Tablo ── */
.etl-tablo-kap[b-cx1oqefrj7] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.etl-tablo[b-cx1oqefrj7] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.etl-tablo thead th[b-cx1oqefrj7] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border: 0;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
.etl-tablo tbody td[b-cx1oqefrj7] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
  color: var(--metin-murekkep);
  vertical-align: middle;
}
.etl-tablo tbody tr:nth-child(even) td[b-cx1oqefrj7] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.etl-tablo tbody tr:last-child td[b-cx1oqefrj7] { border-bottom: 0; }
.etl-tablo .etl-kol--sayi[b-cx1oqefrj7] { font-variant-numeric: tabular-nums; text-align: right; }
.etl-kod[b-cx1oqefrj7] { color: var(--marka-700); font-size: 12px; overflow-wrap: anywhere; }

.etl-rozet[b-cx1oqefrj7] {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--hat-girdi);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
.etl-rozet--hazir[b-cx1oqefrj7] { color: var(--green-600); border-color: color-mix(in srgb, var(--green-600) 40%, transparent); }
.etl-rozet--eksik[b-cx1oqefrj7] { color: var(--amber-600); border-color: color-mix(in srgb, var(--amber-500) 45%, transparent); }

/* ── Bantlar ── */
.etl-bant[b-cx1oqefrj7] {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  line-height: 1.55;
}
.etl-bant--uyari[b-cx1oqefrj7] {
  border: 1px solid color-mix(in srgb, var(--amber-500) 28%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
  color: var(--amber-600);
}
.etl-bant--hata[b-cx1oqefrj7] {
  border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
  margin: 12px 0 0;
}

.etl-bolum[b-cx1oqefrj7]  .ds-panel {
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  box-shadow: none;
}

/* ── Guard popup'ı ──
   Arka plan kaydırma kilidi `.razor.js`'tedir: scoped CSS'te `html:has(...)` kuralına
   kapsam niteliği `html`e eklenir ve kural hiç eşleşmez. */
.etl-popup[b-cx1oqefrj7] {
  width: min(480px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.etl-popup[open][b-cx1oqefrj7] { display: flex; flex-direction: column; }
.etl-popup[b-cx1oqefrj7]::backdrop { background: var(--scrim); }

.etl-popup__ust[b-cx1oqefrj7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.etl-popup__ust h2[b-cx1oqefrj7] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.etl-popup__ust h2:focus[b-cx1oqefrj7] { outline: none; }

.etl-popup__kapat[b-cx1oqefrj7] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.etl-popup__kapat:hover:not(:disabled)[b-cx1oqefrj7] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.etl-popup__kapat:focus-visible[b-cx1oqefrj7] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.etl-popup__govde[b-cx1oqefrj7] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.etl-onay-metin[b-cx1oqefrj7] { margin: 0 0 14px; font-size: 13px; line-height: 1.6; color: var(--metin-ikincil); }
.etl-popup__eylem[b-cx1oqefrj7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.etl-popup[b-cx1oqefrj7]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
}

/* ── MASAÜSTÜ ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .etl-kapak[b-cx1oqefrj7] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: end;
    column-gap: 12px;
  }
  .etl-kapak[b-cx1oqefrj7]  .etl-geri { grid-area: geri; }
  .etl-kapak__baslik[b-cx1oqefrj7] { grid-area: baslik; }
  .etl-kapak__eylem[b-cx1oqefrj7] { grid-area: eylem; justify-self: end; }
}

/* ── CİHAZ ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .etl-kapak[b-cx1oqefrj7] { padding: 16px; }
  .etl-btn[b-cx1oqefrj7] { min-height: 44px; }
  .etl-popup[b-cx1oqefrj7]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .etl-kapak[b-cx1oqefrj7] { padding: 12px; gap: 10px; }
  .etl-kapak .au-title[b-cx1oqefrj7] { font-size: var(--yazi-kapak, 20px); }
  .etl-kapak__alt[b-cx1oqefrj7] { font-size: var(--yazi-kucuk, 12px); }
  .etl-kapak__eylem[b-cx1oqefrj7] { width: 100%; }
  .etl-kapak__eylem .etl-btn[b-cx1oqefrj7] { flex: 1; }
  .etl-bolum[b-cx1oqefrj7] { padding: 16px 12px; }
  .etl-bolum__baslik[b-cx1oqefrj7] { font-size: var(--yazi-bolum, 14px); }
  .etl-btn--yikici[b-cx1oqefrj7] { align-self: stretch; }
  .etl-sayaclar[b-cx1oqefrj7] { grid-template-columns: 1fr; }
  .etl-sayac[b-cx1oqefrj7] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .etl-sayac:last-child[b-cx1oqefrj7] { border-bottom: 0; }
  .etl-sayac__deger[b-cx1oqefrj7] { font-size: var(--yazi-kpi, 20px); }
  .etl-tablo[b-cx1oqefrj7] { font-size: var(--yazi-govde, 13px); }
  .etl-tablo thead th[b-cx1oqefrj7], .etl-tablo tbody td[b-cx1oqefrj7] { padding: 9px 10px; }
  /* İlk anlamlı sütun (tablo adı) yatay kaydırmada yapışık kalır. */
  .etl-tablo .etl-kol--ad[b-cx1oqefrj7] { position: sticky; left: 0; z-index: 1; }
  .etl-tablo thead th.etl-kol--ad[b-cx1oqefrj7] { z-index: 3; }
  .etl-tablo tbody td.etl-kol--ad[b-cx1oqefrj7] { background: var(--yuzey); }
  .etl-tablo tbody tr:nth-child(even) td.etl-kol--ad[b-cx1oqefrj7] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .etl-popup[b-cx1oqefrj7] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .etl-popup__ust[b-cx1oqefrj7], .etl-popup__govde[b-cx1oqefrj7], .etl-popup__eylem[b-cx1oqefrj7] { padding: 12px; }
  .etl-popup__eylem .etl-btn[b-cx1oqefrj7] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/ModuleTypes/ModuleTypesPage.razor.rz.scp.css */
/* FAZ 3.2-EK — modül tipleri. 2026-09-20 MF-03 tasarım geçişi:
   Akademik Analiz kapağı (23 px başlık), tek liste kartı, `--marka-rampa-serit` tablo
   başlığı ve görünür native popup. Yalnız var(--*) token; yeni hex yok, !important yok. */

.mtp-vitrin[b-mso6mmstej] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak ─── */
.mtp-kapak[b-mso6mmstej] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mtp-geri[b-mso6mmstej] {
  flex: 0 0 auto;
  align-self: center;
  min-width: 30px;
}

.mtp-baslik[b-mso6mmstej] {
  flex: 1 1 260px;
  min-width: 0;
}

.mtp-vitrin .au-title[b-mso6mmstej] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mtp-alt[b-mso6mmstej] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.mtp-suzgec[b-mso6mmstej] {
  flex: 0 1 176px;
  min-width: 0;
  margin-inline-start: auto;
}

.mtp-suzgec[b-mso6mmstej]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

/* Özgüllük savunması: AppField.razor.css'teki `.app-field ::deep .app-input`
   derlenince (0,3,0) olur ve `height: 46px` verir; buradaki seçici de (0,3,0)
   olduğundan beraberlikte demette sonra gelen kapsam dosyası kazanıyordu.
   `.mtp-vitrin` öneki (0,4,0) yapar; `.app-select__value` iç span olduğu için
   ona yükseklik verilmez (34px border-box, 31px içerik kutusundan taşardı). */
.mtp-vitrin .mtp-suzgec[b-mso6mmstej]  .app-input {
  height: 34px;
  min-height: 34px;
}

.mtp-vitrin .mtp-suzgec[b-mso6mmstej]  .app-input,
.mtp-vitrin .mtp-suzgec[b-mso6mmstej]  .app-select__value {
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
  color: var(--metin-ikincil);
}

/* `.app-field__hint` kuralı kaldırıldı: kapakta ipucu satırı artık basılmıyor
   (alt hiza bozuluyordu), kural ölü kalacaktı. */
.mtp-eylem[b-mso6mmstej] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.mtp-vitrin .au-btn[b-mso6mmstej] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.mtp-vitrin .au-btn:hover[b-mso6mmstej] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.mtp-vitrin .au-btn--primary[b-mso6mmstej] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mtp-vitrin .au-btn--primary:hover[b-mso6mmstej] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mtp-vitrin .au-btn:focus-visible[b-mso6mmstej] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mtp-mini[b-mso6mmstej] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* ─── Liste kartı ─── */
.mtp-kart[b-mso6mmstej] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mtp-kart[b-mso6mmstej]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mtp-kart__bas[b-mso6mmstej] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.mtp-bolum-baslik[b-mso6mmstej] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.mtp-bolum-baslik[b-mso6mmstej]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mtp-sayac[b-mso6mmstej] {
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* ─── Tablo: sınırlı alanda kayar, başlık sabit ─── */
.mtp-tablo-kap[b-mso6mmstej] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 12px 12px 12px;
  background: var(--yuzey);
}

.mtp-tablo[b-mso6mmstej] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

/* Geçiş thead boyunca TEK parça; th'ler şeffaf (tasarım sözleşmesi). */
.mtp-tablo thead[b-mso6mmstej] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.mtp-tablo th[b-mso6mmstej] {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  text-align: left;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: none;
}

.mtp-tablo td[b-mso6mmstej] {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-top: 1px solid color-mix(in srgb, var(--marka-500) 12%, transparent);
  vertical-align: middle;
}

.mtp-tablo tbody tr:nth-child(even)[b-mso6mmstej] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mtp-tablo tbody tr:hover[b-mso6mmstej] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mtp-ad[b-mso6mmstej] {
  font-weight: 600;
  color: var(--marka-700);
}

.mtp-aciklama[b-mso6mmstej] {
  display: inline-block;
  max-width: 40ch;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.mtp-chip-sys[b-mso6mmstej] {
  border: 1px solid var(--hat-kart);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--metin-ikincil);
}

.mtp-bos[b-mso6mmstej] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.mtp-bos p[b-mso6mmstej] {
  margin: 0;
  line-height: 1.6;
}

.mtp-gizli[b-mso6mmstej] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* ─── Form popup'ı (native top layer) ─── */
.mtp-popup[b-mso6mmstej] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mtp-popup[open][b-mso6mmstej] {
  display: flex;
  flex-direction: column;
}

.mtp-popup[b-mso6mmstej]::backdrop {
  background: var(--scrim);
}

.mtp-popup__form[b-mso6mmstej] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: inherit;
}

.mtp-popup__bas[b-mso6mmstej] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.mtp-popup__bas h2[b-mso6mmstej] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.mtp-popup__bas h2:focus[b-mso6mmstej] {
  outline: none;
}

.mtp-popup__kapat[b-mso6mmstej] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.mtp-popup__govde[b-mso6mmstej] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mtp-popup__eylem[b-mso6mmstej] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.mtp-popup__govde[b-mso6mmstej]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.mtp-popup__govde[b-mso6mmstej]  .app-field__hint {
  font-size: 12px;
  line-height: 1.5;
  color: var(--metin-ipucu);
}

.mtp-popup__govde[b-mso6mmstej]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

.mtp-blok[b-mso6mmstej] {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.mtp-olgular[b-mso6mmstej] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 8px 0 0;
}

.mtp-olgular > div[b-mso6mmstej] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mtp-olgular > div:nth-child(odd)[b-mso6mmstej] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mtp-olgular dt[b-mso6mmstej] {
  color: var(--n-500);
}

.mtp-olgular dd[b-mso6mmstej] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* Silme onayı popup'ın içinde (üst katman çakışmasını önler). */
.mtp-onay[b-mso6mmstej] {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.mtp-onay p[b-mso6mmstej] {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.mtp-onay__eylem[b-mso6mmstej] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* TABLET + TELEFON = CİHAZ bandı (YENI-DIL §1.1) */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mtp-kapak[b-mso6mmstej] {
    padding: 16px;
  }

  .mtp-vitrin .au-btn[b-mso6mmstej],
  .mtp-mini[b-mso6mmstej] {
    min-height: 44px;
  }

  /* Süzgeç seçicileri yukarıda `.mtp-vitrin` önekiyle (0,4,0)'a çıkarıldı;
     media query özgüllük eklemediği için buradaki cihaz kuralı da aynı önekle
     yazılmalı, yoksa 44px dokunma hedefi ve 16px yazı (iOS zoom koruması) ölür. */
  .mtp-vitrin .mtp-suzgec[b-mso6mmstej]  .app-input,
  .mtp-vitrin .mtp-suzgec[b-mso6mmstej]  .app-select__value,
  .mtp-popup__govde[b-mso6mmstej]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* TELEFON (YENI-DIL §1.1): tek sütun, eylemler başlığın altında */
@media (max-width: 640px) {
  .mtp-kapak[b-mso6mmstej] {
    padding: 12px;
    align-items: stretch;
  }

  .mtp-vitrin .au-title[b-mso6mmstej] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mtp-suzgec[b-mso6mmstej],
  .mtp-eylem[b-mso6mmstej] {
    flex: 1 1 100%;
    margin-inline-start: 0;
  }

  .mtp-eylem .au-btn[b-mso6mmstej] {
    flex: 1;
  }

  .mtp-kart[b-mso6mmstej] {
    padding: 16px 12px;
  }

  .mtp-bolum-baslik[b-mso6mmstej] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* İlk anlamlı sütun (Görünen ad) yatay kaydırmada yapışık kalır. */
  .mtp-tablo td:first-child[b-mso6mmstej] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .mtp-tablo th:first-child[b-mso6mmstej] {
    position: sticky;
    left: 0;
    z-index: 5;
    background: var(--marka-500);
  }

  .mtp-aciklama[b-mso6mmstej] {
    max-width: 22ch;
  }

  .mtp-popup[b-mso6mmstej] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mtp-popup__bas[b-mso6mmstej],
  .mtp-popup__govde[b-mso6mmstej],
  .mtp-popup__eylem[b-mso6mmstej] {
    padding: 12px;
  }

  .mtp-popup__eylem .au-btn[b-mso6mmstej] {
    flex: 1 1 auto;
  }

  .mtp-olgular > div[b-mso6mmstej] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mtp-vitrin .au-btn[b-mso6mmstej],
  .mtp-tablo tbody tr[b-mso6mmstej] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Prompts/PromptAiStudio.razor.rz.scp.css */
/* Prompt AI Stüdyosu — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Kardeş ekran PromptList ile birebir aynı görsel dil (23 px kapak, bölüm sekmeleri,
   native popup). Cihaz sorgu metinleri docs/mobil/YENI-DIL.md §1.1'den birebir.
   Yeni hex YOK — her renk mevcut token. Çocuk bileşenlerin (AppWizard, AppSelect,
   AppRichText, AppToggle, PermissionGate, GeriBaglanti) içi ::deep ile hedeflenir. */

.pai-vitrin[b-j3ljkkc2v5] {
  max-width: 1600px;
  margin-inline: auto;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .pai-kapak {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "bas"
    "eylem";
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kapak__bas {
  grid-area: bas;
  min-width: 0;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.pai-vitrin[b-j3ljkkc2v5]  .au-breadcrumb:not(.au-breadcrumb--dugme) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  color: var(--marka-700);
  font-size: 12px;
  text-decoration: none;
}

/* Simge düğmesi kalıbı admin-users.css:703'ten gelir (grid + place-items:center,
   30x30, 15px chevron). Sayfa yalnız yığın boşluğunu ve marka rengini ezer —
   display/gap EZİLMEZ, yoksa chevron 6,5px sola kaçar. */
.pai-vitrin[b-j3ljkkc2v5]  .au-breadcrumb--dugme {
  margin-bottom: 6px;
  color: var(--marka-700);
}

.pai-vitrin[b-j3ljkkc2v5]  .au-breadcrumb:not(.au-breadcrumb--dugme):hover {
  text-decoration: underline;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kapak__alt {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kapak__eylem {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

/* ── Ortak kontrol tabanı (34 px, 12.5/600, kesik sol üst köşe) ── */
.pai-vitrin[b-j3ljkkc2v5]  :is(.au-btn, .wiz-btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.pai-vitrin[b-j3ljkkc2v5]  :is(.au-btn, .wiz-btn):hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.pai-vitrin[b-j3ljkkc2v5]  :is(.au-btn, .wiz-btn):disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.pai-vitrin[b-j3ljkkc2v5]  :is(.au-btn--primary, .wiz-btn--primary) {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.pai-vitrin[b-j3ljkkc2v5]  :is(.au-btn--primary, .wiz-btn--primary):hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.pai-vitrin[b-j3ljkkc2v5]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.pai-vitrin[b-j3ljkkc2v5]  :is(.au-btn, .wiz-btn, .app-input, .pai-metin-kap, .pai-panel):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form alanları ─────────────────────────────────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .app-field {
  min-width: 0;
}

.pai-vitrin[b-j3ljkkc2v5]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.pai-vitrin[b-j3ljkkc2v5]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

/* Çok satırlı alan kendi yüksekliğini korur. */
.pai-vitrin[b-j3ljkkc2v5]  .app-field .app-richtext__area {
  height: auto;
  min-height: 0;
  padding: 10px 12px;
  line-height: 1.55;
}

.pai-vitrin[b-j3ljkkc2v5]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-form__izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px 16px;
  align-items: start;
  margin-bottom: 14px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-eylem-satiri {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

/* ── Bölüm sekmeleri ───────────────────────────────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .pai-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-sekme {
  --pai-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol. İkinci ton marka rampasının petrol ucudur; turkuaz ile eşit
   karışım (#1482a4) seçiliyken beyaz yazıda 4.41:1 kalıyordu — 12.5 px kalın yazı
   WCAG'de büyük metin sayılmaz, 4.5:1 gerekir. --marka-rampa-uc 4.7:1 verir. */
.pai-vitrin[b-j3ljkkc2v5]  .pai-sekme:nth-child(2) {
  --pai-vurgu: var(--marka-rampa-uc);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-sekme:hover {
  background: color-mix(in srgb, var(--pai-vurgu) 14%, var(--yuzey));
  color: var(--pai-vurgu);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-sekme[aria-selected="true"] {
  background: var(--pai-vurgu);
  color: var(--on-brand);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-sekme:focus-visible {
  outline: 2px solid var(--pai-vurgu);
  outline-offset: 2px;
}

/* Sonucun hazır olduğunu söyleyen küçük işaret. */
.pai-vitrin[b-j3ljkkc2v5]  .pai-sekme__nokta {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--basari);
}

/* Yalnız ekran okuyucuya giden metin (renkli işaretin sözel karşılığı). */
.pai-vitrin[b-j3ljkkc2v5]  .pai-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-panel {
  min-width: 0;
}

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .pai-kart {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kart__baslik::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kart__ozet,
.pai-vitrin[b-j3ljkkc2v5]  .pai-aciklama {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-aciklama {
  margin-bottom: 14px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-bos p {
  margin: 0;
  line-height: 1.6;
}

/* ── Sihirbaz kabuğu: kart içinde ikinci bir yüzey kurmaz ─────── */
.pai-vitrin[b-j3ljkkc2v5]  .wiz-kart {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: transparent;
  box-shadow: none;
}

.pai-vitrin[b-j3ljkkc2v5]  .wiz-title {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.pai-vitrin[b-j3ljkkc2v5]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

.pai-vitrin[b-j3ljkkc2v5]  .wiz-step-ind__label {
  font-size: 12px;
}

/* ── Rozetler ──────────────────────────────────────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .au-chip {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 11.5px;
  white-space: nowrap;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-chip--saglayici {
  border-color: var(--marka-600);
  background: transparent;
  color: var(--marka-700);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-chip--saved {
  border-color: var(--basari);
  background: transparent;
  color: var(--basari-metin);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-rozetler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

/* ── Künye / özet listesi ──────────────────────────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .pai-kunye {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2px 12px;
  margin: 0 0 14px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kunye > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  font-size: 12.5px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kunye dt {
  color: var(--n-500);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-kunye dd {
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-model {
  margin-bottom: 14px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-model .pai-kunye dd {
  font-variant-numeric: tabular-nums;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-ozet {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-ozet__baslik {
  margin: 0 0 8px;
  color: var(--metin-ikincil);
  font: 700 12px/1.4 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-ozet .pai-kunye > div {
  background: var(--yuzey);
}

/* Global .au-banner yalnız alt boşluk taşır; özet kutusundan sonra gelen çalıştırma
   hatası üst boşluksuz kalıp kutuya yapışıyordu. */
.pai-vitrin[b-j3ljkkc2v5]  .pai-ozet + .au-banner {
  margin-top: 16px;
}

/* ── Metin alanı segmenti (üretilen dört alan) ─────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .pai-segment {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-segment__dugme {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  cursor: pointer;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-segment__dugme:hover {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-segment__dugme[aria-selected="true"] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-segment__dugme:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-metin-kap {
  max-height: min(420px, 52dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-metin {
  margin: 0;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-bos-metin {
  margin: 0;
}

/* ── Popup ─────────────────────────────────────────────────────── */
.pai-vitrin[b-j3ljkkc2v5]  .pai-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup[open] {
  display: flex;
  flex-direction: column;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup::backdrop {
  background: var(--scrim);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__baslik {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__baslik h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__baslik h2:focus {
  outline: none;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__govde {
  /* Açılır listeler mutlak konumlu; kaydırılan gövde onları kırpabilir. AppSelect'in kendi
     yükseklik değişkeni popup içinde kısaltılır — liste kendi içinde kayar, kutuya sığar. */
  --acilir-en-cok-yukseklik: 220px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-popup__govde .au-banner {
  margin-top: 12px;
}

.pai-vitrin[b-j3ljkkc2v5]  .pai-uyari {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

/* ── MASAÜSTÜ (YENI-DIL §1.1) ──────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .pai-vitrin[b-j3ljkkc2v5]  .pai-kapak {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "bas eylem";
    align-items: end;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-kapak__eylem {
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pai-vitrin[b-j3ljkkc2v5]  :is(.au-btn, .au-btn--sm, .wiz-btn, .pai-sekme, .pai-segment__dugme) {
    min-height: 44px;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-popup__kapat {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .app-field .app-richtext__area {
    height: auto;
    min-height: 0;
  }

  /* Sekme şeridi tek satırda yatay kayar; sayfa taşmaz. */
  .pai-vitrin[b-j3ljkkc2v5]  .pai-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-sekme {
    flex: 0 0 auto;
  }
}

@media (pointer: coarse) {
  .pai-vitrin[b-j3ljkkc2v5]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pai-vitrin[b-j3ljkkc2v5]  .pai-kapak {
    padding: 12px;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-kapak__eylem .au-btn {
    flex: 1 1 auto;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-kart {
    padding: 16px 12px;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-form__izgara {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-kunye {
    grid-template-columns: minmax(0, 1fr);
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-metin-kap {
    max-height: min(320px, 48dvh);
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .pai-vitrin[b-j3ljkkc2v5]  :is(.pai-popup__bas, .pai-popup__govde, .pai-popup__eylem) {
    padding: 12px;
  }

  .pai-vitrin[b-j3ljkkc2v5]  .pai-popup__eylem .au-btn,
  .pai-vitrin[b-j3ljkkc2v5]  .pai-eylem-satiri .au-btn {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Prompts/PromptList.razor.rz.scp.css */
/* Müfredat promptları — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den; cihaz
   kırılımlarının sorgu metinleri docs/mobil/YENI-DIL.md §1.1'den birebir alındı.
   Yeni hex YOK — her renk mevcut token. Çocuk bileşenlerin (AppSelect, AppRichText,
   AppToggle, DataStates, GeriBaglanti) içi ::deep ile hedeflenir. */

.prm-vitrin[b-6t1h8r8dtn] {
  max-width: 1600px;
  margin-inline: auto;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ──────── */
.prm-vitrin[b-6t1h8r8dtn]  .prm-kapak {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  /* "dugme" satırı YALNIZ telefonda vardır (süzgeç katlayıcısı orada görünür olur).
     Tabanda tanımlanırsa tablette boş bir ızgara satırı kalır ve 14 px fazladan
     boşluk açar — başlık ile süzgeç arası referanstan sapar. */
  grid-template-areas:
    "bas"
    "suzgec"
    "eylem";
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kapak__bas {
  grid-area: bas;
  min-width: 0;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

/* Sayfa kuralı yalnız METİN kırıntıya uygulanır: simge düğme kalıbı
   (au-breadcrumb--dugme) kendi display:grid/place-items:center düzenini korusun,
   yoksa 30px kutuda ikon sola kayıyor (inline-flex + 6px gap onu eziyordu). */
.prm-vitrin[b-6t1h8r8dtn]  .au-breadcrumb:not(.au-breadcrumb--dugme) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  color: var(--marka-700);
  font-size: 12px;
  text-decoration: none;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-breadcrumb:not(.au-breadcrumb--dugme):hover {
  text-decoration: underline;
}

/* Düğme kalıbı blok düzeyinde olduğundan satır-içi alt boşluğu yok;
   kapak yığınında başlığa yapışmaması için yalnız bu ölçüyü geri veriyoruz. */
.prm-vitrin[b-6t1h8r8dtn]  .au-breadcrumb--dugme {
  margin-bottom: 6px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kapak__alt {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Süzgeç şeridi — alanlar alt çizgiden hizalı, 12 px aralık. */
.prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec-dugme {
  grid-area: dugme;
  display: none;
  justify-self: start;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kapak__eylem {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

/* ── Ortak kontrol tabanı (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.prm-vitrin[b-6t1h8r8dtn]  .au-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.prm-vitrin[b-6t1h8r8dtn]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.prm-vitrin[b-6t1h8r8dtn]  .au-btn--danger {
  border-color: var(--red-600);
  background: var(--red-600);
  color: var(--on-brand);
}

.prm-vitrin[b-6t1h8r8dtn]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.prm-vitrin[b-6t1h8r8dtn]  :is(.au-btn, .app-input, .prm-tablo-kaydir, .prm-metin-kap, .prm-panel):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form alanları ─────────────────────────────────────────────── */
.prm-vitrin[b-6t1h8r8dtn]  .app-field {
  min-width: 0;
}

.prm-vitrin[b-6t1h8r8dtn]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec .app-field__label {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.prm-vitrin[b-6t1h8r8dtn]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

/* Çok satırlı alan kendi yüksekliğini korur. */
.prm-vitrin[b-6t1h8r8dtn]  .app-field .app-richtext__area {
  height: auto;
  min-height: 0;
  padding: 10px 12px;
  line-height: 1.55;
}

.prm-vitrin[b-6t1h8r8dtn]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-form__izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px 16px;
  align-items: start;
  margin-bottom: 4px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-eylem-satiri {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

/* Global .au-banner yalnız alt boşluk taşır; "Önizle" düğmesinden sonra gelen hata
   şeridi ve sonuç bloğu üst boşluksuz kalıp düğmeye yapışıyordu. */
.prm-vitrin[b-6t1h8r8dtn]  .prm-eylem-satiri + .au-banner,
.prm-vitrin[b-6t1h8r8dtn]  .prm-onizleme {
  margin-top: 16px;
}

/* ── Bölüm sekmeleri: beyaz şerit, yalnız seçili bölüm çizilir ─── */
.prm-vitrin[b-6t1h8r8dtn]  .prm-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-sekme {
  --prm-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol dağılımı. İkinci ton marka rampasının petrol ucudur; turkuaz ile
   eşit karışım (#1482a4) seçiliyken beyaz yazıda 4.41:1 kalıyordu — 12.5 px kalın yazı
   WCAG'de büyük metin sayılmaz, 4.5:1 gerekir. --marka-rampa-uc 4.7:1 verir. */
.prm-vitrin[b-6t1h8r8dtn]  .prm-sekme:nth-child(2) {
  --prm-vurgu: var(--marka-rampa-uc);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-sekme:hover {
  background: color-mix(in srgb, var(--prm-vurgu) 14%, var(--yuzey));
  color: var(--prm-vurgu);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-sekme[aria-selected="true"] {
  background: var(--prm-vurgu);
  color: var(--on-brand);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-sekme:focus-visible {
  outline: 2px solid var(--prm-vurgu);
  outline-offset: 2px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-panel {
  min-width: 0;
}

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.prm-vitrin[b-6t1h8r8dtn]  .prm-kart {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kart__baslik::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kart__ozet,
.prm-vitrin[b-6t1h8r8dtn]  .prm-aciklama {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-aciklama {
  margin-bottom: 14px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-bolum {
  margin: 18px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--hat-kart);
  color: var(--metin-ikincil);
  font: 700 12px/1.4 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.prm-vitrin[b-6t1h8r8dtn]  .prm-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto; max-width:100% }` yazar
   (sarmalayıcısı olmayan tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada zararlı: display:block sticky thead'i ve yapışık sütunu tablonun KENDİ
   kutusuna bağlar, üstüne ikinci bir yatay kaydırıcı açar. */
.prm-vitrin[b-6t1h8r8dtn]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 860px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.prm-vitrin[b-6t1h8r8dtn]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.prm-vitrin[b-6t1h8r8dtn]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.prm-vitrin[b-6t1h8r8dtn]  .au-result-table tbody tr.is-active td {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-ad {
  min-width: 180px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-ad__link {
  color: var(--marka-700);
  text-decoration: none;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-ad__link:hover {
  text-decoration: underline;
}

.prm-vitrin[b-6t1h8r8dtn]  :is(.prm-kapsam, .prm-rozet-hucre) > * {
  margin-inline-end: 4px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-tarih {
  font-variant-numeric: tabular-nums;
  color: var(--n-500);
  white-space: nowrap;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-satir-eylem {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}

.prm-vitrin[b-6t1h8r8dtn]  .au-result-table :is(th, td):last-child {
  width: 1%;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-sayfalayici {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-bos p {
  margin: 0;
  line-height: 1.6;
}

/* Kart içindeki DataStates panelleri ikinci bir yüzey kurmaz. */
.prm-vitrin[b-6t1h8r8dtn]  .prm-kart .ds-panel {
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: transparent;
  box-shadow: none;
}

/* ── Rozetler ──────────────────────────────────────────────────── */
.prm-vitrin[b-6t1h8r8dtn]  .au-chip {
  display: inline-flex;
  align-items: center;
  border-radius: var(--kose-dugme);
  font-size: 11.5px;
  white-space: nowrap;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-chip--sys {
  border: 1px solid var(--marka-600);
  background: transparent;
  color: var(--marka-700);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-chip--school {
  border: 1px solid var(--turkuaz-500);
  background: transparent;
  color: var(--marka-700);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-chip--own {
  border: 1px solid var(--basari);
  background: transparent;
  color: var(--basari-metin);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-chip--kurs,
.prm-vitrin[b-6t1h8r8dtn]  .prm-chip--layer,
.prm-vitrin[b-6t1h8r8dtn]  .prm-chip--locked {
  border: 1px solid var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-chip--locked {
  color: var(--n-500);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-rozetler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kisit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* ── Metin alanı segmenti (birleşik önizleme) ──────────────────── */
.prm-vitrin[b-6t1h8r8dtn]  .prm-segment {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-segment__dugme {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  cursor: pointer;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-segment__dugme:hover {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-segment__dugme[aria-selected="true"] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-segment__dugme:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-metin-kap {
  max-height: min(420px, 52dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-metin {
  margin: 0;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-bos-metin {
  margin: 0;
}

/* ── Künye (oluşturulma / güncellenme) ─────────────────────────── */
.prm-vitrin[b-6t1h8r8dtn]  .prm-kunye {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 2px 12px;
  margin: 12px 0 0;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kunye > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  font-size: 12.5px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kunye dt {
  color: var(--n-500);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-kunye dd {
  margin: 0;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

/* ── Popup: kaydırılmış sayfada görünür, başlık ve eylemler sabit ── */
.prm-vitrin[b-6t1h8r8dtn]  .prm-popup {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup[open] {
  display: flex;
  flex-direction: column;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup::backdrop {
  background: var(--scrim);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__baslik {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__baslik h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__baslik h2:focus {
  outline: none;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__govde {
  /* Açılır listeler mutlak konumlu; kaydırılan gövde onları kırpabilir. AppSelect'in kendi
     yükseklik değişkeni popup içinde kısaltılır — liste kendi içinde kayar, kutuya sığar. */
  --acilir-en-cok-yukseklik: 220px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

/* İlk bölüm başlığı gövdenin üst dolgusunu ikiye katlamasın. */
.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__govde > .prm-bolum:first-child {
  margin-top: 0;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-popup__govde .au-banner {
  margin-top: 12px;
}

.prm-vitrin[b-6t1h8r8dtn]  .prm-uyari {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

/* ── MASAÜSTÜ (YENI-DIL §1.1) ──────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .prm-vitrin[b-6t1h8r8dtn]  .prm-kapak {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "bas bas"
      "suzgec eylem";
    row-gap: 14px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-kapak__eylem {
    justify-content: flex-end;
  }
}

/* Geniş masaüstünde başlık solda, süzgeç ve eylem sağ kenara yaslanır
   (referanstaki 1539/1540 sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .prm-vitrin[b-6t1h8r8dtn]  .prm-kapak {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "bas suzgec eylem";
    align-items: end;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec {
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .prm-vitrin[b-6t1h8r8dtn]  :is(.au-btn, .au-btn--sm, .prm-sekme, .prm-segment__dugme) {
    min-height: 44px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-popup__kapat {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .app-field .app-richtext__area {
    height: auto;
    min-height: 0;
  }

  /* Sekme şeridi tek satırda yatay kayar; sayfa taşmaz. */
  .prm-vitrin[b-6t1h8r8dtn]  .prm-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-sekme {
    flex: 0 0 auto;
  }

  /* İlk anlamlı sütun (Modül tipi) yatay kaydırmada yapışık kalır. */
  .prm-vitrin[b-6t1h8r8dtn]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .prm-vitrin[b-6t1h8r8dtn]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .prm-vitrin[b-6t1h8r8dtn]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .prm-vitrin[b-6t1h8r8dtn]  .prm-kapak {
    grid-template-areas:
      "bas"
      "dugme"
      "suzgec"
      "eylem";
    padding: 12px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeçler katlanır; eylemler başlığın altında içerik genişliğinde tek satır. */
  .prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec-dugme {
    display: inline-flex;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec.is-kapali {
    display: none;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-suzgec .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  /* Alanlar tam genişliğe geçince Sıfırla tek başına dar kalıyordu. */
  .prm-vitrin[b-6t1h8r8dtn]  .prm-sifirla {
    flex: 1 1 auto;
    justify-content: center;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-kapak__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-kart {
    padding: 16px 12px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-form__izgara {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .prm-vitrin[b-6t1h8r8dtn]  .au-result-table {
    min-width: 720px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-metin-kap {
    max-height: min(320px, 48dvh);
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-popup,
  .prm-vitrin[b-6t1h8r8dtn]  .prm-popup--dar {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .prm-vitrin[b-6t1h8r8dtn]  :is(.prm-popup__bas, .prm-popup__govde, .prm-popup__eylem) {
    padding: 12px;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-popup__eylem .au-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .prm-vitrin[b-6t1h8r8dtn]  .prm-sayfalayici {
    flex-wrap: wrap;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Standards/StandardsPage.razor.rz.scp.css */
/* Standartlar & muafiyetler — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Account/Security/SecurityCenter.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   Çocuk bileşenlerin (DataStates, AppSelect, AppTextField, GeriBaglanti) işaretlemesi
   ::deep ile hedeflenir. */

.std-vitrin[b-4vo1ahs3f0] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ───────────── */
.std-kapak[b-4vo1ahs3f0] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.std-kapak[b-4vo1ahs3f0]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.std-kapak__metin[b-4vo1ahs3f0] {
  grid-area: baslik;
  min-width: 0;
}

.std-kapak__suzgec[b-4vo1ahs3f0] {
  grid-area: suzgec;
  min-width: 0;
}

.std-kapak__eylem[b-4vo1ahs3f0] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.std-suzgec-alan[b-4vo1ahs3f0] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.std-suzgec-alan[b-4vo1ahs3f0]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Süzgeç katlama düğmesi yalnız telefonda görünür (aşağıdaki telefon bandı). */
.std-suzgec-ac[b-4vo1ahs3f0] {
  display: none;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, süzgeç + eylem sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .std-kapak[b-4vo1ahs3f0] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `end` hizası kabı shrink-to-fit ölçtürür; `.std-suzgec-alan` alanlarının
     `flex: 0 1 176px` tabanı max-content'e sayılmaz → sarmalayıcı daralır ve
     alanlar alt alta yığılır. Sarmalayıcı sütunu doldurur, sağa yaslama içteki
     flex satırında yapılır. */
  .std-kapak__suzgec[b-4vo1ahs3f0] {
    justify-self: stretch;
  }

  .std-suzgec-alan[b-4vo1ahs3f0] {
    justify-content: flex-end;
  }

  .std-kapak__eylem[b-4vo1ahs3f0] {
    justify-self: stretch;
    justify-content: flex-end;
  }

  /* `auto` başlık izi 461 px alıp süzgeç izini 1fr'de eziyordu. Kapsamlı CSS
     sonrası (0,4,0) olur ve aşağıdaki (0,3,0) `78ch` kuralını sıradan bağımsız
     yener; `.au-title` max-content'i zaten ~300 px taban kurar. */
  .std-vitrin .std-kapak__metin .au-sub[b-4vo1ahs3f0] {
    max-width: 46ch;
  }

  /* İki süzgecin flex tabanı (2×176+12 = 364 px) 1280'de kalan ize sığmıyordu.
     Taban düşürülür; `nowrap` EKLENMEZ — kırılma olursa taşma değil, okunur
     ikinci satır oluşur. */
  .std-suzgec-alan[b-4vo1ahs3f0]  .app-field {
    flex: 0 1 152px;
  }
}

.std-vitrin .au-title[b-4vo1ahs3f0] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.std-vitrin .au-sub[b-4vo1ahs3f0] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.std-vitrin .au-btn[b-4vo1ahs3f0],
.std-vitrin[b-4vo1ahs3f0]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.std-vitrin .au-btn--sm[b-4vo1ahs3f0] {
  padding: 0 10px;
  font-size: 12px;
}

.std-vitrin .au-btn:hover:not(:disabled)[b-4vo1ahs3f0] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.std-vitrin .au-btn--primary[b-4vo1ahs3f0],
.std-vitrin[b-4vo1ahs3f0]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.std-vitrin .au-btn--primary:hover:not(:disabled)[b-4vo1ahs3f0] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.std-vitrin .au-btn--danger[b-4vo1ahs3f0] {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  color: var(--red-600);
}

.std-vitrin .au-btn--danger:hover:not(:disabled)[b-4vo1ahs3f0] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-600);
  color: var(--red-600);
}

.std-vitrin :is(.au-btn, .std-sekme, .std-panel, .std-suzgec-ac):focus-visible[b-4vo1ahs3f0] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────────────── */
.std-sekmeler[b-4vo1ahs3f0] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.std-sekme[b-4vo1ahs3f0] {
  --std-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.std-sekme:nth-child(2)[b-4vo1ahs3f0] {
  --std-vurgu: var(--marka-rampa-uc);
}

.std-sekme:hover[b-4vo1ahs3f0] {
  color: var(--std-vurgu);
  background: color-mix(in srgb, var(--std-vurgu) 14%, var(--yuzey));
}

.std-sekme[aria-selected="true"][b-4vo1ahs3f0] {
  color: var(--on-brand);
  background: var(--std-vurgu);
}

.std-sekme:focus-visible[b-4vo1ahs3f0] {
  outline-color: var(--std-vurgu);
}

.std-panel:focus-visible[b-4vo1ahs3f0] {
  outline-offset: 4px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.std-kart[b-4vo1ahs3f0] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.std-kart[b-4vo1ahs3f0]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.std-kart__bas[b-4vo1ahs3f0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.std-kart__baslik[b-4vo1ahs3f0] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.std-kart__baslik[b-4vo1ahs3f0]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}


.std-soluk[b-4vo1ahs3f0] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.std-not[b-4vo1ahs3f0] {
  margin: 0;
}

.std-bos[b-4vo1ahs3f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.std-bos p[b-4vo1ahs3f0] {
  margin: 0;
}

.std-gizli[b-4vo1ahs3f0] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Standart/muafiyet tablosu: kendi alanında kayar, başlık üstte sabit ───────────── */
.std-tablo-kaydir[b-4vo1ahs3f0] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.std-tablo[b-4vo1ahs3f0] {
  display: table;
  width: 100%;
  min-width: 760px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.std-tablo thead[b-4vo1ahs3f0] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.std-tablo th[b-4vo1ahs3f0] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.std-tablo td[b-4vo1ahs3f0] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.std-tablo tbody tr:nth-child(even) td[b-4vo1ahs3f0] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.std-tablo tbody tr:hover td[b-4vo1ahs3f0] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.std-tablo tbody tr.is-secili td[b-4vo1ahs3f0] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.std-tablo__ilk[b-4vo1ahs3f0] {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.std-tablo__eylem[b-4vo1ahs3f0] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}


.std-uzun[b-4vo1ahs3f0] {
  max-width: 360px;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.std-popup__metin[b-4vo1ahs3f0] {
  margin: 0;
  color: var(--metin-ikincil);
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.std-popup[b-4vo1ahs3f0] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.std-popup[open][b-4vo1ahs3f0] {
  display: flex;
  flex-direction: column;
}

.std-popup[b-4vo1ahs3f0]::backdrop {
  background: var(--scrim);
}

.std-popup__bas[b-4vo1ahs3f0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.std-popup__bas h2[b-4vo1ahs3f0] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.std-popup__bas h2:focus[b-4vo1ahs3f0] {
  outline: none;
}

.std-popup__kapat[b-4vo1ahs3f0] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

/* Form kendi başına kayan gövde + sabit eylem satırı olur. */
.std-popup__form[b-4vo1ahs3f0] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.std-popup__govde[b-4vo1ahs3f0] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.std-popup__govde[b-4vo1ahs3f0]  .au-banner {
  margin-bottom: 0;
}

.std-popup__eylem[b-4vo1ahs3f0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Yıkıcı eylem karşı kenarda — yanlışlıkla tıklama riski azalır. */
.std-eylem--sol[b-4vo1ahs3f0] {
  margin-inline-end: auto;
}

/* ── Çocuk bileşenler ──────────────────────────────────────────────────── */
.std-vitrin[b-4vo1ahs3f0]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* Paylaşılan `.app-field ::deep .app-input { height: 46px }` (0,3,0) burayı
   eziyordu; seçici 4 sınıfa çıkarılıp `height` de yazılır — süzgeçler artık
   düğmelerle (34 px) aynı yükseklikte. */
.std-vitrin[b-4vo1ahs3f0]  .app-field .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

/* Yukarıdaki 4 sınıflık kural AppField'ın textarea kuralını da yendiği için
   çok satırlı alanın 34 px'e çökmemesi adına açıkça geri alınır. */
.std-vitrin[b-4vo1ahs3f0]  .app-field textarea.app-input {
  height: auto;
  min-height: 96px;
  padding: 12px;
}

.std-vitrin[b-4vo1ahs3f0]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .std-kapak[b-4vo1ahs3f0] {
    padding: 16px;
  }

  .std-vitrin .au-btn[b-4vo1ahs3f0],
  .std-vitrin[b-4vo1ahs3f0]  .au-btn {
    min-height: 44px;
  }

  .std-sekmeler[b-4vo1ahs3f0] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .std-sekme[b-4vo1ahs3f0] {
    min-height: 44px;
  }

  /* Taban 34 px'e indiği için dokunmatikte 44 px'e geri çıkarmak ZORUNLU;
     seçici tabanla aynı özgüllükte olmalı ki `height` da ezilebilsin. */
  .std-vitrin[b-4vo1ahs3f0]  .app-field .app-input {
    min-height: 44px;
    height: 44px;
  }

  .std-kapak[b-4vo1ahs3f0]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

/* Taban blok 13 px `font-size` taşıyor ve 4 sınıfa çıktı; iOS odak yakınlaştırma
   korumasının yaşaması için bu kural da aynı özgüllükte olmalı. */
@media (pointer: coarse) {
  .std-vitrin[b-4vo1ahs3f0]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .std-kapak[b-4vo1ahs3f0] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
    gap: 10px;
  }

  .std-vitrin .au-title[b-4vo1ahs3f0] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç katlanır: varsayılan kapalı, düğmede etkin süzgeç sayısı. */
  .std-suzgec-ac[b-4vo1ahs3f0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
  }

  .std-suzgec-alan[b-4vo1ahs3f0] {
    margin-top: 10px;
  }

  .std-suzgec-alan.is-kapali[b-4vo1ahs3f0] {
    display: none;
  }

  .std-suzgec-alan[b-4vo1ahs3f0]  .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  .std-kapak__eylem[b-4vo1ahs3f0] {
    width: 100%;
  }

  .std-kapak__eylem .au-btn[b-4vo1ahs3f0] {
    flex: 1 1 auto;
  }

  .std-kart[b-4vo1ahs3f0] {
    padding: 16px 12px;
  }

  .std-kart__baslik[b-4vo1ahs3f0] {
    font-size: var(--yazi-bolum, 14px);
  }





  /* İlk anlamlı sütun (bileşen adı) yatay kaydırmada yapışık kalır. */
  .std-tablo__ilk[b-4vo1ahs3f0] {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  .std-tablo thead th:first-child[b-4vo1ahs3f0] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .std-popup[b-4vo1ahs3f0] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .std-popup__bas[b-4vo1ahs3f0],
  .std-popup__govde[b-4vo1ahs3f0],
  .std-popup__eylem[b-4vo1ahs3f0] {
    padding: 12px;
  }

  .std-popup__eylem .au-btn[b-4vo1ahs3f0] {
    flex: 1 1 auto;
  }

  .std-eylem--sol[b-4vo1ahs3f0] {
    margin-inline-end: 0;
  }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Templates/InstitutionTemplateApply.razor.rz.scp.css */
/* Kurum şablonu uygula — Akademik Analiz görsel dili (MF-06, 2026-09-20).
   Kapak 23 px başlık / 16-24-18 px dolgu; bölüm kartı 18 px + 5 px marka şeridi;
   tablo başlığı --marka-rampa-serit. Yalnız aurora.css :root'ta tanımlı token.
   Medya sorgusu metinleri docs/mobil/YENI-DIL.md §1.1 ile birebir. */

.ita-vitrin[b-hjchyx360w] { color: var(--metin-murekkep); font-family: var(--font-body); }

/* ── Kapak ── */
.ita-kapak[b-hjchyx360w] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ita-kapak__baslik[b-hjchyx360w] { min-width: 0; flex: 1 1 18rem; }

.ita-kapak .au-title[b-hjchyx360w] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ita-kapak__alt[b-hjchyx360w] {
  margin: 5px 0 0;
  max-width: 66ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ita-kapak__eylem[b-hjchyx360w] { display: flex; flex-wrap: wrap; gap: 8px; }
.ita-kapak[b-hjchyx360w]  .ita-geri { align-self: center; flex: 0 0 auto; color: var(--marka-600); }

/* ── Düğmeler ── */
.ita-btn[b-hjchyx360w] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.ita-btn:hover:not(:disabled)[b-hjchyx360w] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}
.ita-btn--birincil[b-hjchyx360w] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.ita-btn--birincil:hover:not(:disabled)[b-hjchyx360w] { background: var(--marka-500); border-color: var(--marka-500); }
.ita-btn:disabled[b-hjchyx360w] { opacity: .55; cursor: default; }
.ita-btn:focus-visible[b-hjchyx360w] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ita-bolum[b-hjchyx360w] {
  position: relative;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.ita-bolum[b-hjchyx360w]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.ita-bolum__baslik[b-hjchyx360w] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.ita-bolum__baslik[b-hjchyx360w]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ita-ipucu[b-hjchyx360w] { margin: 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.6; }

/* ── Olgu listesi ── */
.ita-olgular[b-hjchyx360w] { display: flex; flex-direction: column; gap: 2px; margin: 0 0 16px; }
.ita-olgular > div[b-hjchyx360w] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.ita-olgular > div:nth-child(odd)[b-hjchyx360w] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ita-olgular dt[b-hjchyx360w] { color: var(--metin-ipucu); }
.ita-olgular dd[b-hjchyx360w] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── Tablo ── */
.ita-tablo-kap[b-hjchyx360w] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.ita-tablo[b-hjchyx360w] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.ita-tablo thead th[b-hjchyx360w] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border: 0;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
.ita-tablo tbody td[b-hjchyx360w] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
  color: var(--metin-murekkep);
  vertical-align: top;
}
.ita-tablo tbody tr:nth-child(even) td[b-hjchyx360w] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ita-tablo tbody tr:last-child td[b-hjchyx360w] { border-bottom: 0; }
.ita-ad[b-hjchyx360w] { display: block; font-weight: 600; overflow-wrap: anywhere; }
.ita-aciklama[b-hjchyx360w] { display: block; margin-top: 3px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.ita-slug[b-hjchyx360w] { color: var(--marka-700); font-size: 12px; }

/* ── Sonuç sayaçları ──
   Sütun sayısı AÇIKÇA verilir. `repeat(auto-fit, minmax(0, 1fr))` burada kullanılamaz:
   en küçük iz genişliği 0 ve boşluk 0 olduğundan tarayıcı tekrar sayısını hesaplayamaz
   ve TEK sütuna düşer — iki sayaç alt alta dizilir (bkz. PlanlamaMerkezi.razor.css). */
.ita-sayaclar[b-hjchyx360w] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}
.ita-sayac[b-hjchyx360w] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 15px 16px;
  border-right: 1px solid var(--hat-kart);
}
.ita-sayac:last-child[b-hjchyx360w] { border-right: 0; }
.ita-sayac__deger[b-hjchyx360w] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}
.ita-sayac__deger--olumlu[b-hjchyx360w] { color: var(--green-600); }
.ita-sayac__etiket[b-hjchyx360w] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.4; }
.ita-sonuc-eylem[b-hjchyx360w] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Bantlar ── */
.ita-bant[b-hjchyx360w] {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 12px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  line-height: 1.55;
}
.ita-bant:last-child[b-hjchyx360w] { margin-bottom: 0; }
.ita-bant--uyari[b-hjchyx360w] {
  border: 1px solid color-mix(in srgb, var(--amber-500) 28%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
  color: var(--amber-600);
}
.ita-bant--hata[b-hjchyx360w] {
  border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}

.ita-bolum[b-hjchyx360w]  .ds-panel {
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  box-shadow: none;
}

/* ── Onay popup'ı ──
   Arka plan kaydırma kilidi `.razor.js`'tedir: scoped CSS'te `html:has(...)` kuralına
   kapsam niteliği `html`e eklenir ve kural hiç eşleşmez. */
.ita-popup[b-hjchyx360w] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.ita-popup[open][b-hjchyx360w] { display: flex; flex-direction: column; }
.ita-popup[b-hjchyx360w]::backdrop { background: var(--scrim); }

.ita-popup__ust[b-hjchyx360w] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.ita-popup__ust h2[b-hjchyx360w] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.ita-popup__ust h2:focus[b-hjchyx360w] { outline: none; }

.ita-popup__kapat[b-hjchyx360w] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.ita-popup__kapat:hover:not(:disabled)[b-hjchyx360w] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.ita-popup__kapat:focus-visible[b-hjchyx360w] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ita-popup__govde[b-hjchyx360w] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.ita-onay-metin[b-hjchyx360w] { margin: 0 0 12px; font-size: 13px; line-height: 1.6; color: var(--metin-ikincil); }
.ita-popup__eylem[b-hjchyx360w] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: başlık solda, ana eylem sağ kenarda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ita-kapak[b-hjchyx360w] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: end;
    column-gap: 12px;
  }
  .ita-kapak[b-hjchyx360w]  .ita-geri { grid-area: geri; }
  .ita-kapak__baslik[b-hjchyx360w] { grid-area: baslik; }
  .ita-kapak__eylem[b-hjchyx360w] { grid-area: eylem; justify-self: end; }
}

/* ── CİHAZ ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ita-kapak[b-hjchyx360w] { padding: 16px; }
  .ita-btn[b-hjchyx360w] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ita-kapak[b-hjchyx360w] { padding: 12px; gap: 10px; }
  .ita-kapak .au-title[b-hjchyx360w] { font-size: var(--yazi-kapak, 20px); }
  .ita-kapak__alt[b-hjchyx360w] { font-size: var(--yazi-kucuk, 12px); }
  .ita-kapak__eylem[b-hjchyx360w] { width: 100%; }
  .ita-kapak__eylem .ita-btn[b-hjchyx360w] { flex: 1; }
  .ita-bolum[b-hjchyx360w] { padding: 16px 12px; }
  .ita-bolum__baslik[b-hjchyx360w] { font-size: var(--yazi-bolum, 14px); }
  .ita-tablo[b-hjchyx360w] { font-size: var(--yazi-govde, 13px); }
  .ita-tablo thead th[b-hjchyx360w], .ita-tablo tbody td[b-hjchyx360w] { padding: 9px 10px; }
  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .ita-tablo .ita-kol--ad[b-hjchyx360w] { position: sticky; left: 0; z-index: 1; }
  .ita-tablo thead th.ita-kol--ad[b-hjchyx360w] { z-index: 3; }
  .ita-tablo tbody td.ita-kol--ad[b-hjchyx360w] { background: var(--yuzey); }
  .ita-tablo tbody tr:nth-child(even) td.ita-kol--ad[b-hjchyx360w] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .ita-sayaclar[b-hjchyx360w] { grid-template-columns: 1fr; }
  .ita-sayac[b-hjchyx360w] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .ita-sayac:last-child[b-hjchyx360w] { border-bottom: 0; }
  .ita-sayac__deger[b-hjchyx360w] { font-size: var(--yazi-kpi, 20px); }
  .ita-olgular > div[b-hjchyx360w] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
  .ita-sonuc-eylem .ita-btn[b-hjchyx360w] { flex: 1 1 auto; }
  .ita-popup[b-hjchyx360w] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ita-popup__ust[b-hjchyx360w], .ita-popup__govde[b-hjchyx360w], .ita-popup__eylem[b-hjchyx360w] { padding: 12px; }
  .ita-popup__eylem .ita-btn[b-hjchyx360w] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Curriculum/Templates/InstitutionTemplatesList.razor.rz.scp.css */
/* Kurum şablonları — Akademik Analiz görsel dili (MF-06, 2026-09-20).
   Ölçüler referanstan: 23 px kapak başlığı, 24/16/18 px kapak dolgusu, 34 px kontrol,
   18 px bölüm kartı, 5 px marka şeridi, --marka-rampa-serit tablo başlığı.
   Yalnız aurora.css :root'ta TANIMLI token kullanılır (tanımsız var() bildirimi düşürür).
   Medya sorgusu metinleri docs/mobil/YENI-DIL.md §1.1 ile birebir. */

.itl-vitrin[b-5ie4hqdrje] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.itl-kapak[b-5ie4hqdrje] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.itl-kapak__baslik[b-5ie4hqdrje] { min-width: 0; flex: 1 1 16rem; }

.itl-kapak .au-title[b-5ie4hqdrje] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.itl-kapak__alt[b-5ie4hqdrje] {
  margin: 5px 0 0;
  max-width: 62ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.itl-kapak__filtre[b-5ie4hqdrje] { flex: 0 1 210px; min-width: 176px; }
.itl-kapak__eylem[b-5ie4hqdrje] { display: flex; flex-wrap: wrap; gap: 8px; }

.itl-kapak[b-5ie4hqdrje]  .itl-geri {
  align-self: center;
  flex: 0 0 auto;
  color: var(--marka-600);
}

/* Kapak içindeki alan: ikinci bir kart üretmez, 34 px kontrol taban çizgisi. */
.itl-kapak[b-5ie4hqdrje]  .app-field { margin: 0; }
.itl-kapak[b-5ie4hqdrje]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
/* Zincire .app-field eklendi: paylasilan `.app-field ::deep .app-input { height: 46px }`
   kurali da (0,3,0) oldugu icin beraberlikte demet sirasi kazaniyor, kapak alani 46 px
   ciziliyordu. (0,4,0) ile taban cizgisi dugmelerle (34 px) birebir hizalanir. */
.itl-kapak[b-5ie4hqdrje]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

/* ── Düğmeler ── */
.itl-btn[b-5ie4hqdrje] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.itl-btn:hover:not(:disabled)[b-5ie4hqdrje] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.itl-btn--birincil[b-5ie4hqdrje] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.itl-btn--birincil:hover:not(:disabled)[b-5ie4hqdrje] { background: var(--marka-500); border-color: var(--marka-500); }
.itl-btn--sm[b-5ie4hqdrje] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.itl-btn:disabled[b-5ie4hqdrje] { opacity: .55; cursor: default; }
.itl-btn:focus-visible[b-5ie4hqdrje] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.itl-bolum[b-5ie4hqdrje] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.itl-bolum[b-5ie4hqdrje]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.itl-bolum__ust[b-5ie4hqdrje] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.itl-bolum__baslik[b-5ie4hqdrje] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.itl-bolum__baslik[b-5ie4hqdrje]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.itl-ipucu[b-5ie4hqdrje] { margin: 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.itl-gizli[b-5ie4hqdrje] {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

/* ── Tablo: kendi alanında kayar, başlık sabit ── */
.itl-tablo-kap[b-5ie4hqdrje] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.itl-tablo[b-5ie4hqdrje] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }

.itl-tablo thead th[b-5ie4hqdrje] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border: 0;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.itl-tablo tbody td[b-5ie4hqdrje] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.itl-tablo tbody tr:nth-child(even) td[b-5ie4hqdrje] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.itl-tablo tbody tr:last-child td[b-5ie4hqdrje] { border-bottom: 0; }
.itl-tablo .itl-kol--sayi[b-5ie4hqdrje] { font-variant-numeric: tabular-nums; }
.itl-tablo .itl-kol--islem[b-5ie4hqdrje] { width: 1%; white-space: nowrap; }
.itl-ad[b-5ie4hqdrje] { font-weight: 600; overflow-wrap: anywhere; }

.itl-uyari[b-5ie4hqdrje] {
  margin-inline-start: 6px;
  color: var(--amber-600);
  font-size: 11.5px;
  font-weight: 600;
}

.itl-satir-eylem[b-5ie4hqdrje] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

/* ── Boş durum ── */
.itl-bos[b-5ie4hqdrje] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}
.itl-bos p[b-5ie4hqdrje] { margin: 0; line-height: 1.6; max-width: 46ch; }

/* DataStates varsayılan panelleri de aynı yüzeyi alır. */
.itl-bolum[b-5ie4hqdrje]  .ds-panel {
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  box-shadow: none;
}

/* ── Popup: native top layer, başlık ve eylemler sabit, gövde kayar ──
   Arka plan kaydırma kilidi CSS'ten değil `.razor.js`'ten gelir: scoped CSS'te
   `html:has(...)` kuralı derlenirken kapsam niteliği `html`e eklenir ve HİÇ eşleşmez. */
.itl-popup[b-5ie4hqdrje] {
  width: min(660px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.itl-popup--dar[b-5ie4hqdrje] { width: min(520px, calc(100vw - 48px)); }
.itl-popup[open][b-5ie4hqdrje] { display: flex; flex-direction: column; }
.itl-popup[b-5ie4hqdrje]::backdrop { background: var(--scrim); }
.itl-popup form[b-5ie4hqdrje] { display: contents; }

.itl-popup__ust[b-5ie4hqdrje] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.itl-popup__ust h2[b-5ie4hqdrje] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.itl-popup__ust h2:focus[b-5ie4hqdrje] { outline: none; }

.itl-popup__kapat[b-5ie4hqdrje] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.itl-popup__kapat:hover:not(:disabled)[b-5ie4hqdrje] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.itl-popup__kapat:focus-visible[b-5ie4hqdrje] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.itl-popup__govde[b-5ie4hqdrje] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.itl-popup__eylem[b-5ie4hqdrje] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.itl-olgular[b-5ie4hqdrje] { display: flex; flex-direction: column; gap: 2px; margin: 0 0 16px; }
.itl-olgular > div[b-5ie4hqdrje] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.itl-olgular > div:nth-child(odd)[b-5ie4hqdrje] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.itl-olgular dt[b-5ie4hqdrje] { color: var(--metin-ipucu); }
.itl-olgular dd[b-5ie4hqdrje] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.itl-alt-baslik[b-5ie4hqdrje] {
  margin: 0 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.itl-tip-liste[b-5ie4hqdrje] { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.itl-tip[b-5ie4hqdrje] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  font-size: 13px;
}
.itl-tip__ad[b-5ie4hqdrje] { font-weight: 600; }
.itl-tip__slug[b-5ie4hqdrje] { color: var(--marka-700); font-size: 12px; }
.itl-tip__aciklama[b-5ie4hqdrje] { flex: 1 1 100%; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

.itl-form[b-5ie4hqdrje] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-bottom: 14px; }

.itl-bant[b-5ie4hqdrje] {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 12px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  line-height: 1.5;
}
.itl-bant:last-child[b-5ie4hqdrje] { margin-bottom: 0; }
.itl-bant--bilgi[b-5ie4hqdrje] {
  border: 1px solid color-mix(in srgb, var(--blue-500) 25%, transparent);
  background: color-mix(in srgb, var(--blue-500) 8%, var(--yuzey));
  color: var(--blue-600);
}
.itl-bant--hata[b-5ie4hqdrje] {
  border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  color: var(--red-600);
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve ana eylem sağ kenarda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .itl-kapak[b-5ie4hqdrje] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto auto;
    grid-template-areas: "geri baslik filtre eylem";
    align-items: end;
    column-gap: 12px;
  }
  .itl-kapak--panel[b-5ie4hqdrje] {
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "baslik filtre eylem";
  }
  .itl-kapak[b-5ie4hqdrje]  .itl-geri { grid-area: geri; }
  .itl-kapak__baslik[b-5ie4hqdrje] { grid-area: baslik; }
  .itl-kapak__filtre[b-5ie4hqdrje] { grid-area: filtre; justify-self: end; }
  .itl-kapak__eylem[b-5ie4hqdrje] { grid-area: eylem; justify-self: end; }
}

/* ── CİHAZ: dokunma hedefi 44, girdi 16 px ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .itl-kapak[b-5ie4hqdrje] { padding: 16px; }
  .itl-btn[b-5ie4hqdrje] { min-height: 44px; }
  .itl-btn--sm[b-5ie4hqdrje] { min-height: 44px; }
  /* Ayni ozgulluk derinligi: aksi halde dokunmatik 44 px taban ve font-size olu kalir. */
  .itl-kapak[b-5ie4hqdrje]  .app-field .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
  .itl-popup[b-5ie4hqdrje]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON: tek sütun, eylemler başlığın altında ── */
@media (max-width: 640px) {
  .itl-kapak[b-5ie4hqdrje] { padding: 12px; gap: 10px; }
  .itl-kapak .au-title[b-5ie4hqdrje] { font-size: var(--yazi-kapak, 20px); }
  .itl-kapak__alt[b-5ie4hqdrje] { font-size: var(--yazi-kucuk, 12px); }
  .itl-kapak__filtre[b-5ie4hqdrje] { flex: 1 1 100%; min-width: 0; }
  .itl-kapak__eylem[b-5ie4hqdrje] { width: 100%; }
  .itl-kapak__eylem .itl-btn[b-5ie4hqdrje] { flex: 1; }
  .itl-bolum[b-5ie4hqdrje] { padding: 16px 12px; }
  .itl-bolum__baslik[b-5ie4hqdrje] { font-size: var(--yazi-bolum, 14px); }
  .itl-tablo[b-5ie4hqdrje] { font-size: var(--yazi-govde, 13px); }
  .itl-tablo thead th[b-5ie4hqdrje] { padding: 9px 10px; }
  .itl-tablo tbody td[b-5ie4hqdrje] { padding: 9px 10px; }
  /* İlk anlamlı sütun (şablon adı) yatay kaydırmada yapışık kalır. */
  .itl-tablo .itl-kol--ad[b-5ie4hqdrje] { position: sticky; left: 0; z-index: 1; }
  .itl-tablo thead th.itl-kol--ad[b-5ie4hqdrje] { z-index: 3; }
  .itl-tablo tbody td.itl-kol--ad[b-5ie4hqdrje] { background: var(--yuzey); }
  .itl-tablo tbody tr:nth-child(even) td.itl-kol--ad[b-5ie4hqdrje] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .itl-satir-eylem[b-5ie4hqdrje] { justify-content: flex-start; }
  .itl-popup[b-5ie4hqdrje], .itl-popup--dar[b-5ie4hqdrje] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .itl-popup__ust[b-5ie4hqdrje], .itl-popup__govde[b-5ie4hqdrje], .itl-popup__eylem[b-5ie4hqdrje] { padding: 12px; }
  .itl-popup__eylem .itl-btn[b-5ie4hqdrje] { flex: 1 1 auto; }
  .itl-olgular > div[b-5ie4hqdrje] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
  .itl-form[b-5ie4hqdrje] { grid-template-columns: 1fr; }
}
/* _content/EduLive.Web/Components/Pages/DesignSystem/Gallery.razor.rz.scp.css */
/* Tasarım Sistemi Galerisi — yalnızca Aurora token'ları (var(--*)). */

.gallery[b-pdpbipf08k] {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 20px 96px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ── Hero ── */
.gal-hero[b-pdpbipf08k] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gal-hero__title[b-pdpbipf08k] {
  font-family: var(--font-display);
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.02em;
}

.gal-hero__sub[b-pdpbipf08k] {
  color: var(--muted);
  font-size: 1rem;
  max-width: 62ch;
  margin: 0;
  line-height: 1.55;
}

.gal-toc[b-pdpbipf08k] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.gal-toc a[b-pdpbipf08k] {
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  background: var(--glass);
  border: 1px solid var(--glass-border);
  color: var(--fg-soft);
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  transition:
    background var(--ease-smooth),
    color var(--ease-smooth);
}

.gal-toc a:hover[b-pdpbipf08k] {
  background: var(--glass-hover);
  color: var(--fg);
}

/* ── Section ── */
.gal-section[b-pdpbipf08k] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  scroll-margin-top: 24px;
}

.gal-section__title[b-pdpbipf08k] {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--fg);
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.gal-section__title code[b-pdpbipf08k] {
  font-family: var(--font-body), monospace;
  font-size: 0.85em;
  color: var(--brand-strong);
  background: var(--glass);
  padding: 2px 8px;
  border-radius: var(--radius-sm);
}

.gal-sub[b-pdpbipf08k] {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--fg-soft);
  margin: 8px 0 0;
}

/* ── Canvas ── */
.gal-canvas[b-pdpbipf08k] {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--glass-shadow);
}

.gal-canvas--row[b-pdpbipf08k] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* ── Grid layouts ── */
.gal-grid[b-pdpbipf08k] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 18px;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--glass-shadow);
}

.gal-grid--2[b-pdpbipf08k] {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.gal-grid--3[b-pdpbipf08k] {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.gal-stack[b-pdpbipf08k] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
}

/* ── DataStates boxes ── */
.gal-states[b-pdpbipf08k] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.gal-state-box[b-pdpbipf08k],
.gal-gate-box[b-pdpbipf08k] {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 16px;
  box-shadow: var(--glass-shadow);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 120px;
}

.gal-state-box__cap[b-pdpbipf08k] {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted);
}

.gal-success[b-pdpbipf08k] {
  padding: 14px;
  border-radius: var(--radius);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  color: var(--fg-soft);
  font-size: 0.9rem;
}

/* ── Buttons ── */
.gal-btn[b-pdpbipf08k] {
  appearance: none;
  border: 1px solid var(--glass-border);
  background: var(--glass-strong);
  color: var(--fg);
  padding: 9px 16px;
  border-radius: var(--radius);
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    background var(--ease-smooth),
    transform var(--ease-smooth);
}

.gal-btn:hover[b-pdpbipf08k] {
  background: var(--glass-hover);
}

.gal-btn:active[b-pdpbipf08k] {
  transform: translateY(1px);
}

.gal-btn--sm[b-pdpbipf08k] {
  padding: 6px 12px;
  font-size: 0.82rem;
  align-self: flex-start;
}

.gal-hint[b-pdpbipf08k] {
  color: var(--muted);
  font-size: 0.85rem;
}

/* ── Wizard preview ── */
.gal-preview[b-pdpbipf08k] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--fg-soft);
  font-size: 0.95rem;
}

.gal-preview p[b-pdpbipf08k] {
  margin: 0;
}

/* ── Grid cell badge ── */
.gal-badge[b-pdpbipf08k] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-weight: 700;
  font-size: 0.85rem;
  border: 1px solid var(--glass-border);
}

.gal-badge.is-good[b-pdpbipf08k] {
  color: var(--green-600);
  background: color-mix(in srgb, var(--green-500) 14%, transparent);
}

.gal-badge.is-mid[b-pdpbipf08k] {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 14%, transparent);
}

.gal-badge.is-low[b-pdpbipf08k] {
  color: var(--red-600);
  background: color-mix(in srgb, var(--red-500) 14%, transparent);
}
/* _content/EduLive.Web/Components/Pages/Forms/Admin/FormCreate.razor.rz.scp.css */
.fcr[b-h2l9iu5k05] {
    display: grid;
    gap: 14px;
}

.fcr__cok[b-h2l9iu5k05] {
    resize: vertical;
    min-height: 72px;
}
/* _content/EduLive.Web/Components/Pages/Forms/Admin/FormEditor.razor.rz.scp.css */
.fe[b-pf2fsjtgb2] {
    display: grid;
    gap: 14px;
}

.fe__baslik[b-pf2fsjtgb2] {
    display: grid;
    gap: 6px;
}

.fe__meta[b-pf2fsjtgb2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fe__slug[b-pf2fsjtgb2] {
    font-size: .82rem;
}

.fe__kirli[b-pf2fsjtgb2] {
    color: var(--accent);
    border-color: color-mix(in srgb, var(--accent) 50%, transparent);
}

.fe__bos[b-pf2fsjtgb2] {
    display: grid;
    gap: 6px;
    justify-items: start;
}

.fe__catisma[b-pf2fsjtgb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

/* Sekmeler — İşlerim (il-tabs) deseni */
.fe__sekmeler[b-pf2fsjtgb2] {
    display: flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--glass);
    width: fit-content;
    max-width: 100%;
    overflow-x: auto;
}

.fe__sekme[b-pf2fsjtgb2] {
    padding: 8px 16px;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    font: inherit;
    font-size: .83rem;
    font-weight: 600;
    color: var(--muted);
    cursor: pointer;
    white-space: nowrap;
    transition: background .12s ease, color .12s ease;
}

.fe__sekme:hover[b-pf2fsjtgb2] {
    color: var(--fg);
}

.fe__sekme:focus-visible[b-pf2fsjtgb2] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fe__sekme.is-active[b-pf2fsjtgb2] {
    background: var(--glass-strong);
    color: var(--brand-strong);
    box-shadow: var(--glass-shadow);
}

.fe__panel[b-pf2fsjtgb2] {
    display: grid;
    gap: 14px;
}

.fe__arac[b-pf2fsjtgb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.fe__arac-sol[b-pf2fsjtgb2],
.fe__arac-sag[b-pf2fsjtgb2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fe__sayac[b-pf2fsjtgb2] {
    font-size: .82rem;
}

.fe__rapor[b-pf2fsjtgb2] {
    display: grid;
    gap: 8px;
}

.fe__liste[b-pf2fsjtgb2] {
    margin: 6px 0 0;
    padding-left: 18px;
}

.fe__hata-alan[b-pf2fsjtgb2] {
    margin-right: 6px;
    padding: 0 6px;
    border: 1px solid currentColor;
    border-radius: var(--radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
}

.fe__editor[b-pf2fsjtgb2] {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr) 340px;
    gap: 14px;
    align-items: start;
}

.fe__palet[b-pf2fsjtgb2],
.fe__tuval[b-pf2fsjtgb2],
.fe__ozellik[b-pf2fsjtgb2] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.fe__ozellik[b-pf2fsjtgb2] {
    position: sticky;
    top: calc(var(--topbar-h, 64px) + 12px);
}

.fe__ozellik-bos[b-pf2fsjtgb2] {
    margin: 0;
    font-size: .88rem;
}

.fe__onizleme[b-pf2fsjtgb2] {
    display: grid;
}

.fe__yayin[b-pf2fsjtgb2] {
    display: grid;
    gap: 14px;
}

@media (max-width: 1180px) {
    .fe__editor[b-pf2fsjtgb2] {
        grid-template-columns: 200px minmax(0, 1fr);
    }

    .fe__ozellik[b-pf2fsjtgb2] {
        grid-column: 1 / -1;
        position: static;
    }
}

@media (max-width: 760px) {
    .fe__editor[b-pf2fsjtgb2] {
        grid-template-columns: 1fr;
    }
}
/* _content/EduLive.Web/Components/Pages/Forms/Admin/FormList.razor.rz.scp.css */
.fl[b-tfeos9mwsz] {
    display: grid;
    gap: 14px;
}

.fl__suzgec[b-tfeos9mwsz] {
    max-width: 640px;
}

.fl__baslik[b-tfeos9mwsz] {
    display: block;
    font-weight: 700;
    color: var(--fg);
    text-decoration: none;
}

.fl__baslik:hover[b-tfeos9mwsz] {
    color: var(--brand-strong);
    text-decoration: underline;
}

.fl__slug[b-tfeos9mwsz] {
    display: block;
    font-size: .78rem;
}

.fl__surum[b-tfeos9mwsz] {
    margin-left: 6px;
    font-size: .78rem;
}

.fl__sayi[b-tfeos9mwsz] {
    font-weight: 700;
    color: var(--fg);
}

.fl__zaman[b-tfeos9mwsz] {
    font-size: .82rem;
    white-space: nowrap;
}

.fl__eylemler[b-tfeos9mwsz] {
    justify-content: flex-end;
}

.fl__bos[b-tfeos9mwsz] {
    display: grid;
    gap: 4px;
    padding: 28px 16px;
    text-align: center;
}
/* _content/EduLive.Web/Components/Pages/Forms/Admin/FormResponses.razor.rz.scp.css */
.fr[b-xopm1bt9rc] {
    display: grid;
    gap: 14px;
}

.fr__sayi[b-xopm1bt9rc] {
    margin-left: 6px;
    font-weight: 700;
    color: var(--fg);
}

.fr__export[b-xopm1bt9rc] {
    display: grid;
    gap: 4px;
    justify-items: end;
    max-width: 320px;
}

.fr__export-not[b-xopm1bt9rc] {
    font-size: .76rem;
    text-align: right;
}

.fr__durum > summary[b-xopm1bt9rc] {
    cursor: pointer;
    font-weight: 600;
    color: var(--fg-soft);
    margin-bottom: 8px;
}

.fr__suzgec[b-xopm1bt9rc] {
    display: grid;
    gap: 12px;
}

.fr__suzgec-satir[b-xopm1bt9rc] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) auto auto;
    gap: 12px;
    align-items: end;
}

.fr__arama[b-xopm1bt9rc] {
    display: grid;
    gap: 6px;
}

.fr__ad[b-xopm1bt9rc] {
    font-weight: 700;
    color: var(--fg);
}

.fr__rozet[b-xopm1bt9rc] {
    margin-left: 6px;
    font-size: .74rem;
}

.fr__zaman[b-xopm1bt9rc] {
    white-space: nowrap;
    font-size: .82rem;
}

.fr__bos[b-xopm1bt9rc] {
    display: grid;
    gap: 4px;
    padding: 28px 16px;
    text-align: center;
}

/* Çekmece */
.fr__scrim[b-xopm1bt9rc] {
    position: fixed;
    inset: 0;
    background: var(--scrim);
    z-index: 40;
}

.fr__cekmece[b-xopm1bt9rc] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(520px, 100vw);
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 20px;
    overflow-y: auto;
    background: var(--yuzey, var(--page-bg));
    border-left: 1px solid var(--line);
    box-shadow: var(--glass-shadow);
    z-index: 41;
}

.fr__cekmece-bas[b-xopm1bt9rc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.fr__cekmece-baslik[b-xopm1bt9rc] {
    margin: 0 0 6px;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--fg);
}

.fr__ozet[b-xopm1bt9rc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    margin: 0;
}

.fr__ozet div[b-xopm1bt9rc] {
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--glass-strong);
}

.fr__ozet dt[b-xopm1bt9rc] {
    font-size: .74rem;
    color: var(--fg-soft);
}

.fr__ozet dd[b-xopm1bt9rc] {
    margin: 0;
    font-weight: 600;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.fr__maskeli[b-xopm1bt9rc] {
    display: grid;
    gap: 10px;
}

.fr__alt-baslik[b-xopm1bt9rc] {
    margin: 4px 0 0;
    font-size: .95rem;
    font-weight: 700;
    color: var(--fg);
}

.fr__cevaplar[b-xopm1bt9rc] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.fr__cevaplar th[b-xopm1bt9rc],
.fr__cevaplar td[b-xopm1bt9rc] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

.fr__cevaplar th[b-xopm1bt9rc] {
    width: 40%;
    color: var(--fg-soft);
    font-weight: 600;
}

.fr__eylemler[b-xopm1bt9rc] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

@media (max-width: 860px) {
    .fr__suzgec-satir[b-xopm1bt9rc] {
        grid-template-columns: 1fr;
    }

    .fr__export[b-xopm1bt9rc] {
        justify-items: start;
    }

    .fr__export-not[b-xopm1bt9rc] {
        text-align: left;
    }
}
/* _content/EduLive.Web/Components/Pages/Forms/Public/PublicForm.razor.rz.scp.css */
/* Public başvuru formu — yalnız bu sayfaya özgü parçalar. Kart, başlık, özet kutusu ve
   düğmeler PublicFormLayout.razor.css'te (iki public sayfa paylaşır); alanlar
   DynamicFormRenderer.razor.css'te. */

.frm-form[b-6qm7vgwxpq] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* Bot tuzağı: ekrandan ve erişilebilirlik ağacından dışarıda, display:none DEĞİL
   (bazı botlar görünmez alanı atlar; konum dışı alanı doldurur). */
.frm-tuzak[b-6qm7vgwxpq] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.frm-dogrulama[b-6qm7vgwxpq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.frm-dogrulama[b-6qm7vgwxpq]  altcha-widget {
    --altcha-color-base: var(--yuzey);
    --altcha-color-border: var(--line);
    --altcha-color-text: var(--fg);
    --altcha-color-border-focus: var(--frm-marka, var(--brand));
    --altcha-border-radius: var(--radius-sm);
    --altcha-max-width: 100%;
    font-family: var(--font-body);
}

.frm-noscript[b-6qm7vgwxpq] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--red-600);
}

.frm-eylemler[b-6qm7vgwxpq] {
    display: flex;
    justify-content: flex-end;
}

.frm-durum-aciklama[b-6qm7vgwxpq] {
    white-space: pre-line;
}

@media (max-width: 480px) {
    .frm-eylemler[b-6qm7vgwxpq] {
        justify-content: stretch;
    }

    .frm-eylemler[b-6qm7vgwxpq]  .frm-btn {
        width: 100%;
    }
}
/* _content/EduLive.Web/Components/Pages/Forms/Public/PublicRegistration.razor.rz.scp.css */
/* Kişisel kayıt sayfası — bu sayfaya özgü parçalar (frk-*). Kart/başlık/düğme
   PublicFormLayout.razor.css'te. */

.frk-form-adi[b-64zfypv9pk] {
    margin: 0;
    font-size: 14px;
    color: var(--muted);
}

.frk-durum[b-64zfypv9pk] {
    margin: 0;
    font-size: 14px;
    color: var(--fg-soft);
}

.frk-durum__etiket[b-64zfypv9pk] {
    font-weight: 600;
}

.frk-durum--registered[b-64zfypv9pk] {
    color: var(--green-600);
}

.frk-durum--cancelled[b-64zfypv9pk],
.frk-durum--no_show[b-64zfypv9pk] {
    color: var(--amber-600);
}

.frk-durum__zaman[b-64zfypv9pk] {
    color: var(--muted);
}

.frk-bolum[b-64zfypv9pk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.frk-bolum__baslik[b-64zfypv9pk] {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--fg);
}

.frk-not[b-64zfypv9pk] {
    margin: 0;
    font-size: 13.5px;
    color: var(--muted);
    line-height: 1.55;
}

.frk-katilim[b-64zfypv9pk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.frk-erisim-notu[b-64zfypv9pk] {
    margin: 0;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    background: var(--yuzey-alt);
    border: 1px dashed var(--yuzey-cizgi-koyu);
    font-size: 14px;
    color: var(--fg);
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.frk-takvim[b-64zfypv9pk] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.frk-baglanti[b-64zfypv9pk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* Çerezsiz akışta JS ile doldurulur; boşken gizli (hidden) durur. */
.frk-baglanti--js[b-64zfypv9pk] {
    margin-block: 4px;
}

.frk-kopya-durum[b-64zfypv9pk] {
    flex: 1 1 100%;
    margin: 0;
    font-size: 12.5px;
    color: var(--muted);
    min-height: 1em;
}

.frk-baglanti__url[b-64zfypv9pk] {
    flex: 1 1 260px;
    min-width: 0;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    background: var(--yuzey-alt);
    border: 1px solid var(--yuzey-cizgi);
    font-size: 13px;
    color: var(--fg-soft);
    overflow-wrap: anywhere;
    user-select: all;
}

.frk-qr summary[b-64zfypv9pk] {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--fg-soft);
}

.frk-qr__resim[b-64zfypv9pk] {
    display: block;
    margin-top: 10px;
    width: 220px;
    height: 220px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--yuzey-cizgi);
    background: var(--yuzey);
}

.frk-yanitlar[b-64zfypv9pk] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.frk-yanitlar > div[b-64zfypv9pk] {
    display: grid;
    grid-template-columns: minmax(120px, 2fr) 3fr;
    gap: 10px;
    align-items: baseline;
}

.frk-yanitlar dt[b-64zfypv9pk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
}

.frk-yanitlar dd[b-64zfypv9pk] {
    margin: 0;
    font-size: 14.5px;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.frk-aydinlatma[b-64zfypv9pk] {
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--yuzey-alt);
    padding: 10px 14px;
}

.frk-aydinlatma summary[b-64zfypv9pk] {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: var(--fg-soft);
}

.frk-aydinlatma__metin[b-64zfypv9pk] {
    margin: 10px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--fg-soft);
    white-space: pre-line;
    overflow-wrap: anywhere;
    max-height: 320px;
    overflow: auto;
}

.frk-aydinlatma__metin:focus-visible[b-64zfypv9pk] {
    outline: 2px solid var(--frm-marka-cizgi, var(--frm-marka, var(--brand)));
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.frk-eylemler[b-64zfypv9pk] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 4px;
}

.frk-eylem[b-64zfypv9pk] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.frk-eylem--sil[b-64zfypv9pk] {
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--danger) 30%, transparent);
    background: color-mix(in srgb, var(--danger) 4%, var(--yuzey));
}

.frk-onay[b-64zfypv9pk] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1 1 260px;
    font-size: 14px;
    color: var(--fg-soft);
    line-height: 1.45;
}

.frk-onay input[b-64zfypv9pk] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--danger);
}

@media (max-width: 480px) {
    .frk-yanitlar > div[b-64zfypv9pk] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}
/* _content/EduLive.Web/Components/Pages/Home.razor.rz.scp.css */
/* Kök dashboard (iki-seviyeli hub) scoped stiller. Kart stilleri HubGrid/HubCard bileşenlerinde.
   Yalnız var(--*) token. */

/* ─────────────────────────────────────────────────────────────────────────────
   GV-01 · KAPAK — Akademik Analiz (/analiz/genel) referansı.
   Beyaz yüzey, 1 px kart hattı, köşe `3px 0 0 0`, yatay 24 / üst 16 / alt 18 px
   dolgu, kapak gölgesi ve 23 px başlık; ölçüler referans tablosundan
   (docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md) alındı.
   Punto `--yazi-kapak` ile gelir: masaüstünde tanımsız → 23 px, telefonda
   cihaz.css 20 px verir (YENI-DIL §2.3). Eski `home-hero` degradeli 42/29/22 px
   başlığı bu ekranın son tasarımı değildir; sınıf markup'tan kaldırıldı.
   ───────────────────────────────────────────────────────────────────────────── */
.as-kapak[b-nwmo6audr8] {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  animation: rise 0.5s var(--ease-smooth) both;
}

.as-kapak__metin[b-nwmo6audr8] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.as-kapak__baslik[b-nwmo6audr8] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

/* Kart listesinin kullanıcıdan kullanıcıya neden değiştiğini söyler; sabit veri
   değil, PermissionGate(Hide) + özellik bayrağı davranışının açıklamasıdır. */
.as-kapak__alt[b-nwmo6audr8] {
  margin: 0;
  font-size: var(--yazi-kucuk, 12.5px);
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* NOT: küme adları `span` yerine `h2` (başlık hiyerarşisi, bkz. Home.razor).
   Punto/ağırlık/renk paylaşılan `anasayfa-vitrin.css`te; tarayıcının `h2`
   varsayılan dikey marjını aurora.css zaten sıfırlıyor (`h1,h2,h3,h4{margin:0}`),
   bu yüzden burada marj sıfırlayan bir kural YOK — eklemeyin, ölü olur. */

/* TELEFON (YENI-DIL §1.1) */
@media (max-width: 640px) {
  .as-kapak[b-nwmo6audr8] {
    margin-bottom: 14px;
    padding: 14px 16px 15px;
  }
}

/* TABLET (YENI-DIL §1.1) */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .as-kapak[b-nwmo6audr8] {
    padding: 15px 20px 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .as-kapak[b-nwmo6audr8] {
    animation: none;
  }
}

@media (min-width: 1024px) {
  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 22px;
    row-gap: 22px;
  }

  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) > .hub-card:last-child:nth-child(2n + 1) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 22px) / 2);
  }

  .au-page[b-nwmo6audr8]  .hub-card {
    --hub-bant: 3px;
    --hub-akis: 0px;
    --hub-bant-uc: var(--hub-bant-vurgu);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    min-height: 172px;
    padding: 20px 24px 22px;
    border: 1px solid transparent;
    border-radius: 3px 22px 3px 22px;
    color: var(--fg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background-color: var(--yuzey);
    background-image:
      linear-gradient(
        101deg,
        color-mix(in oklab, var(--hub-ton) 84%, var(--hub-bant-koyu)) 0%,
        var(--hub-ton) 38%,
        color-mix(in oklab, var(--hub-ton) 72%, var(--hub-bant-uc)) 78%,
        color-mix(in oklab, var(--hub-ton) 52%, var(--hub-bant-uc)) 100%
      ),
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--hub-ton) 34%, transparent) 0%,
        color-mix(in srgb, var(--hub-ton) 11%, transparent) 52%,
        transparent 100%
      ),
      linear-gradient(
        135deg,
        color-mix(in srgb, var(--yuzey) 99%, transparent),
        color-mix(in srgb, var(--yuzey) 97.5%, transparent)
      ),
      linear-gradient(
        135deg,
        color-mix(in srgb, var(--hub-ton) 82%, var(--yuzey)) 0%,
        color-mix(in srgb, var(--hub-ton) 40%, var(--yuzey)) 54%,
        color-mix(in srgb, var(--hub-ton) 14%, var(--yuzey)) 100%
      );
    background-size: 100% var(--hub-bant), 100% var(--hub-akis), 100% 100%, 100% 100%;
    background-position: 0 0, 0 0, 0 0, 0 0;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-origin: border-box;
    background-clip: border-box, padding-box, padding-box, border-box;
    box-shadow:
      0 1px 0 color-mix(in srgb, var(--fg) 5%, transparent),
      0 12px 26px -18px color-mix(in srgb, var(--fg) 47%, transparent);
    transition:
      transform 0.28s var(--ease-smooth),
      box-shadow 0.28s ease,
      background-size 0.34s var(--ease-smooth);
  }

  .au-page[b-nwmo6audr8]  .hub-card[href="/yayinci"],
  .au-page[b-nwmo6audr8]  .hub-card[href="/gorev-onay"],
  .au-page[b-nwmo6audr8]  .hub-card[href="/finans"],
  .au-page[b-nwmo6audr8]  .hub-card[href="/ogrenci"] {
    --hub-bant-uc: var(--hub-bant-vurgu-derin);
  }

  .au-page[b-nwmo6audr8]  .hub-card__glow {
    inset: 0;
    top: calc(var(--hub-bant) + var(--hub-akis));
    border-radius: inherit;
    background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--hub-ton) 10%, var(--yuzey)) 0%,
      color-mix(in srgb, var(--hub-ton) 4%, var(--yuzey)) 44%,
      transparent 82%
    );
    opacity: 0.48;
    transition:
      opacity 0.28s ease,
      top 0.34s var(--ease-smooth);
  }

  .au-page[b-nwmo6audr8]  .hub-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 84px;
    height: 84px;
    background: linear-gradient(135deg, transparent 34%, var(--hub-ton) 100%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    opacity: 0.17;
    transform-origin: 100% 100%;
    pointer-events: none;
    transition:
      opacity 0.28s ease,
      transform 0.3s ease;
  }

  .au-page[b-nwmo6audr8]  .hub-card__ikon {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 3px 16px 16px 16px;
    overflow: hidden;
    background: linear-gradient(
      135deg,
      color-mix(in oklab, var(--hub-ton) 78%, #ffffff) 0%,
      var(--hub-ton) 62%
    );
    border: 1px solid color-mix(in srgb, var(--hub-ton) 52%, transparent);
    color: #ffffff;
    box-shadow: 4px 7px 15px -10px color-mix(in srgb, var(--hub-ton) 78%, transparent);
    transition:
      color 0.28s ease,
      box-shadow 0.28s ease;
  }

  .au-page[b-nwmo6audr8]  .hub-card__ikon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 16px;
    height: 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), transparent);
    clip-path: polygon(0 0, 100% 0, 0 100%);
  }

  .au-page[b-nwmo6audr8]  .hub-card__ikon svg {
    position: relative;
    z-index: 1;
    width: 23px;
    height: 23px;
  }

  .au-page[b-nwmo6audr8]  .hub-card__metin {
    position: relative;
    z-index: 1;
    align-items: flex-start;
    gap: 6px;
    margin-top: 0;
  }

  .au-page[b-nwmo6audr8]  .hub-card__title {
    font-size: 17px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--fg);
  }

  .au-page[b-nwmo6audr8]  .hub-card__desc {
    display: block;
    overflow: visible;
    min-height: 42px;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--fg-soft);
    white-space: normal;
    text-overflow: clip;
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover,
  .au-page[b-nwmo6audr8]  .hub-card:focus-visible {
    --hub-bant: 5px;
    --hub-akis: 34px;
    transform: translate(-3px, -3px);
    border-color: transparent;
    background-color: var(--yuzey);
    background-image:
      linear-gradient(
        101deg,
        color-mix(in oklab, var(--hub-ton) 78%, var(--hub-bant-koyu-hover)) 0%,
        var(--hub-ton) 34%,
        color-mix(in oklab, var(--hub-ton) 66%, var(--hub-bant-uc)) 76%,
        color-mix(in oklab, var(--hub-ton) 46%, var(--hub-bant-uc)) 100%
      ),
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--hub-ton) 42%, transparent) 0%,
        color-mix(in srgb, var(--hub-ton) 14%, transparent) 50%,
        transparent 100%
      ),
      linear-gradient(
        135deg,
        color-mix(in srgb, var(--yuzey) 99%, transparent),
        color-mix(in srgb, var(--yuzey) 97%, transparent)
      ),
      linear-gradient(
        135deg,
        color-mix(in srgb, var(--hub-ton) 88%, var(--yuzey)) 0%,
        color-mix(in srgb, var(--hub-ton) 62%, var(--yuzey)) 52%,
        color-mix(in srgb, var(--hub-ton) 28%, var(--yuzey)) 100%
      );
    background-size: 100% var(--hub-bant), 100% var(--hub-akis), 100% 100%, 100% 100%;
    background-position: 0 0, 0 0, 0 0, 0 0;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-origin: border-box;
    background-clip: border-box, padding-box, padding-box, border-box;
    box-shadow:
      0 -1px 0 color-mix(in srgb, var(--hub-ton) 30%, transparent),
      -7px 9px 32px -18px color-mix(in srgb, var(--fg) 47%, transparent),
      0 1px 0 color-mix(in srgb, var(--fg) 5%, transparent);
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover .hub-card__glow,
  .au-page[b-nwmo6audr8]  .hub-card:focus-visible .hub-card__glow {
    opacity: 0.52;
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover::after,
  .au-page[b-nwmo6audr8]  .hub-card:focus-visible::after {
    opacity: 0.23;
    transform: scale(1.16);
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover .hub-card__ikon,
  .au-page[b-nwmo6audr8]  .hub-card:focus-visible .hub-card__ikon {
    color: #ffffff;
    box-shadow: 6px 10px 20px -10px color-mix(in srgb, var(--hub-ton) 88%, transparent);
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover .hub-card__desc,
  .au-page[b-nwmo6audr8]  .hub-card:focus-visible .hub-card__desc {
    color: var(--fg-soft);
  }

  .au-page[b-nwmo6audr8]  .hub-card:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--hub-ton) 70%, var(--brand));
    outline-offset: 3px;
  }
}

@media (min-width: 1249px) {
  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) > .hub-card:last-child:nth-child(2n + 1) {
    grid-column: auto;
    justify-self: stretch;
    width: auto;
  }

  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) > .hub-card:last-child:nth-child(3n + 1) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 44px) / 3);
  }
}

@media (min-width: 1660px) {
  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) > .hub-card:last-child:nth-child(3n + 1) {
    grid-column: auto;
    justify-self: stretch;
    width: auto;
  }

  .au-page[b-nwmo6audr8]  .hub-grid:not(.hub-grid--compact) > .hub-card:last-child:nth-child(4n + 1) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 66px) / 4);
  }
}

@media (min-width: 1024px) and (hover: none) and (pointer: coarse) {
  .au-page[b-nwmo6audr8]  .hub-card {
    transition: none;
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover {
    transform: none;
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover::after {
    transform: none;
  }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .au-page[b-nwmo6audr8]  .hub-card,
  .au-page[b-nwmo6audr8]  .hub-card__glow,
  .au-page[b-nwmo6audr8]  .hub-card::after,
  .au-page[b-nwmo6audr8]  .hub-card__ikon {
    transition: none;
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover,
  .au-page[b-nwmo6audr8]  .hub-card:focus-visible {
    transform: none;
  }

  .au-page[b-nwmo6audr8]  .hub-card:hover::after,
  .au-page[b-nwmo6audr8]  .hub-card:focus-visible::after {
    transform: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Kartvizit/Kartvizit.razor.rz.scp.css */
/* Kart bulunamadı görünümü — marka nötr (tema kayıtla birlikte gelir, kayıt yoksa tema de yok). */
.kv-yok[b-5v8r4xosrw] {
    max-width: 420px;
    padding: clamp(28px, 8vw, 44px) clamp(20px, 6vw, 32px);
    border-radius: var(--radius-xl);
    background: var(--glass-strong);
    box-shadow: var(--glass-shadow);
    text-align: center;
}

.kv-yok h1[b-5v8r4xosrw] {
    margin: 0 0 10px;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(1.2rem, 5.4vw, 1.5rem);
    color: var(--fg);
}

.kv-yok p[b-5v8r4xosrw] {
    margin: 0 0 20px;
    color: var(--fg-soft);
    line-height: 1.6;
}
/* _content/EduLive.Web/Components/Pages/Management/Kulupler.razor.rz.scp.css */
/* Kulüpler — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey, marka rampası).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları birebir: docs/mobil/YENI-DIL.md §1.1. */

.au-page.kulup-vitrin[b-j7t0e79eow] {
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ── */
.kv-kapak[b-j7t0e79eow] {
    display: flex;
    flex-wrap: wrap;
    /* Geri oku (30px) başlık satırına otursun diye kap üstten hizalanır;
       süzgeç ve eylemler kendi align-self: flex-end kurallarıyla alt hizada kalır. */
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kv-kapak__ad[b-j7t0e79eow] { min-width: 0; flex: 1 1 260px; }

.kv-kapak .au-title[b-j7t0e79eow] {
    margin: 0;
    color: var(--marka-700);
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
}

.kv-kapak__alt[b-j7t0e79eow] {
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

/* Kap flex-start'a döndüğü için süzgeç ve eylemler alt hizalarını kendileri korur. */
.kv-kapak__suzgec[b-j7t0e79eow] { flex: 0 1 210px; min-width: 176px; align-self: flex-end; }

.kv-kapak__eylem[b-j7t0e79eow] { display: flex; flex-wrap: wrap; gap: 8px; align-self: flex-end; }

/* 30px düğmeyi 23px/1.1 başlık satır kutusunun (25.3px) merkezine oturtur. */
.kv-kapak[b-j7t0e79eow]  .au-breadcrumb {
    margin-bottom: 0;
    flex: 0 0 auto;
    margin-top: calc((23px * 1.1 - 30px) / 2);
}

/* ── Düğmeler: referansın 34 px kontrol taban çizgisi ── */
.kulup-vitrin .au-btn[b-j7t0e79eow] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.kulup-vitrin .au-btn:hover:not(:disabled)[b-j7t0e79eow] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    transform: none;
}

.kulup-vitrin .au-btn--primary[b-j7t0e79eow] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.kulup-vitrin .au-btn--primary:hover:not(:disabled)[b-j7t0e79eow] {
    border-color: var(--marka-500);
    background: var(--marka-500);
}

.kulup-vitrin .au-btn--danger[b-j7t0e79eow] {
    border-color: color-mix(in srgb, var(--danger) 34%, transparent);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger);
}

.kulup-vitrin .au-btn--danger:hover:not(:disabled)[b-j7t0e79eow] {
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 14%, var(--yuzey));
}

.kulup-vitrin .au-btn--sm[b-j7t0e79eow] { min-height: 32px; padding: 0 11px; font-size: 12px; }

.kulup-vitrin .au-btn:focus-visible[b-j7t0e79eow] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.kv-bolum[b-j7t0e79eow] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kv-bolum[b-j7t0e79eow]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kv-bolum__baslik[b-j7t0e79eow],
.kv-alt-baslik[b-j7t0e79eow] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.kv-alt-baslik[b-j7t0e79eow] { margin-top: 18px; }

.kv-bolum__baslik[b-j7t0e79eow]::before,
.kv-alt-baslik[b-j7t0e79eow]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Liste tablosu: mavi–petrol başlık, beyaz gövde, kendi alanında kayar ── */
.kv-tablo[b-j7t0e79eow]  .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
    box-shadow: none;
}

.kv-tablo[b-j7t0e79eow]  .grid-table { font-size: 13px; }

.kv-tablo[b-j7t0e79eow]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
}

.kv-tablo[b-j7t0e79eow]  .grid-table thead th {
    background: transparent;
    border-bottom: none;
    white-space: nowrap;
}

.kv-tablo[b-j7t0e79eow]  .grid-table thead th:has(.grid-sort):hover,
.kv-tablo[b-j7t0e79eow]  .grid-table thead th[aria-sort="ascending"],
.kv-tablo[b-j7t0e79eow]  .grid-table thead th[aria-sort="descending"] {
    background: color-mix(in srgb, var(--marka-700) 26%, transparent);
    border-bottom-color: transparent;
}

.kv-tablo[b-j7t0e79eow]  .grid-th-label,
.kv-tablo[b-j7t0e79eow]  .grid-sort {
    padding: 10px 13px;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.kv-tablo[b-j7t0e79eow]  .grid-table tbody td {
    padding: 10px 13px;
    color: var(--metin-murekkep);
    border-bottom: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
    vertical-align: top;
}

.kv-tablo[b-j7t0e79eow]  .grid-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kv-tablo[b-j7t0e79eow]  .grid-table tbody tr:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kv-tablo[b-j7t0e79eow]  .grid-pager__info { color: var(--metin-ipucu); font-size: 12.5px; }

.kv-tablo[b-j7t0e79eow]  .grid-pager__btn {
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.kv-tablo[b-j7t0e79eow]  .grid-pager__btn:not(:disabled):hover {
    border-color: var(--marka-500);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    transform: none;
}

.kv-satir-eylem[b-j7t0e79eow] { display: flex; flex-wrap: wrap; gap: 6px; }

.kv-kod[b-j7t0e79eow] {
    margin-top: 2px;
    color: var(--metin-ipucu);
    font-size: 11.5px;
    letter-spacing: .02em;
}

.kv-aciklama[b-j7t0e79eow] {
    display: block;
    margin-top: 2px;
    color: var(--metin-ikincil);
    font-size: 12px;
    line-height: 1.5;
}

.kv-yok[b-j7t0e79eow] { color: var(--metin-ipucu); font-size: 12.5px; }

.kv-sayi[b-j7t0e79eow] { font-variant-numeric: tabular-nums; font-weight: 600; }

/* ── Boş durum ── */
.kv-bos[b-j7t0e79eow] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    text-align: center;
}

.kv-bos p[b-j7t0e79eow] { margin: 0; line-height: 1.6; }

/* ── Görünür popup (native dialog) ── */
.kv-popup[b-j7t0e79eow] {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.kv-popup--genis[b-j7t0e79eow] { width: min(860px, calc(100vw - 48px)); }
.kv-popup--dar[b-j7t0e79eow] { width: min(460px, calc(100vw - 48px)); }
.kv-popup[open][b-j7t0e79eow] { display: flex; flex-direction: column; }
.kv-popup[b-j7t0e79eow]::backdrop { background: var(--scrim); }

.kv-popup__bas[b-j7t0e79eow] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-top: 5px solid var(--marka-500);
    border-bottom: 1px solid var(--hat-kart);
}

.kv-popup__bas > div[b-j7t0e79eow] { min-width: 0; }

.kv-popup__bas h2[b-j7t0e79eow] {
    min-width: 0;
    margin: 0;
    color: var(--marka-700);
    font: 700 18px/1.3 var(--font-display);
    overflow-wrap: anywhere;
}

.kv-popup__bas h2:focus[b-j7t0e79eow] { outline: none; }

.kv-popup__bas p[b-j7t0e79eow] { margin: 6px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.5; }

.kv-popup__kapat[b-j7t0e79eow] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 22px;
}

.kv-popup__govde[b-j7t0e79eow] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

/* Tercih paneli kendi kartını getirir; pencere içinde ikinci kart çizilmez. */
.kv-popup__govde--panel[b-j7t0e79eow] { padding: 0; }

.kv-popup__govde--panel[b-j7t0e79eow]  .au-card {
    padding: 18px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.kv-popup__eylem[b-j7t0e79eow] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

/* ── Popup içi içerik ── */
.kv-secenek[b-j7t0e79eow] { display: flex; flex-wrap: wrap; gap: 12px 20px; }

.kv-olcu[b-j7t0e79eow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0;
    margin: 16px 0 0;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
}

.kv-olcu > div[b-j7t0e79eow] { padding: 10px 14px 12px; border-right: 1px solid var(--hat-kart); }
.kv-olcu > div:last-child[b-j7t0e79eow] { border-right: none; }

.kv-olcu dt[b-j7t0e79eow] {
    color: var(--metin-ipucu);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kv-olcu dd[b-j7t0e79eow] {
    margin: 5px 0 0;
    color: var(--marka-700);
    font: 700 23px/1 var(--font-display);
    font-variant-numeric: tabular-nums;
}

.kv-not[b-j7t0e79eow] { margin: 12px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

/* 2026-09-22 (M3-04) — form içi hata şeridi. Popup açıkken toast pencerenin ARKASINDA
   kalıyor; sürüm çakışması gibi "ne yapmalıyım" cümleleri formun içinde durmalı.
   Metin rengi --danger değil --danger-metin: zemin üstünde WCAG eşiğini o karşılıyor. */
.kv-hata[b-j7t0e79eow] {
    margin: 0 0 14px;
    padding: 10px 13px;
    border: 1px solid color-mix(in srgb, var(--danger) 34%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger-metin);
    font-size: 12.5px;
    line-height: 1.6;
}

/* 2026-09-22 (M3-11) — DAĞITIM KAPISI: ön özet · yıkım uyarısı · son koşu şeridi.
   Ölçüler ve renkler mevcut token'larla; yeni token TANIMLANMADI (AnalizCssTokenTests
   tanımsız değişkende bildirimi sessizce düşürür). */

/* Ön özet: `kv-olcu`nun küçük kardeşi — dağıtım KOŞMADAN önce okunur, bu yüzden
   sonuç ölçerleri kadar baskın değil. */
.kv-ozet[b-j7t0e79eow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0;
    margin: 0;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
}

.kv-ozet > div[b-j7t0e79eow] { padding: 9px 12px 10px; border-right: 1px solid var(--hat-kart); }
.kv-ozet > div:last-child[b-j7t0e79eow] { border-right: none; }

.kv-ozet dt[b-j7t0e79eow] {
    color: var(--metin-ipucu);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.kv-ozet dd[b-j7t0e79eow] {
    margin: 4px 0 0;
    color: var(--marka-700);
    font: 700 17px/1.1 var(--font-display);
    font-variant-numeric: tabular-nums;
}

/* "sayılamadı" bir SAYI DEĞİLDİR: 0 ile karışmasın diye ikincil ve normal ağırlıkta. */
.kv-ozet__yok[b-j7t0e79eow] { color: var(--metin-ipucu); font: 400 12.5px/1.4 var(--font-body); }

/* Yıkım uyarısı: `kv-hata` ile aynı aile, ama bu bir HATA değil bir NİYET beyanı —
   ayrı sınıf, çünkü ikisi aynı anda görünebilir. */
.kv-uyari[b-j7t0e79eow] {
    margin: 14px 0 12px;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, var(--danger) 40%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--danger) 9%, var(--yuzey));
    color: var(--danger-metin);
    font-size: 12.5px;
    line-height: 1.6;
}

.kv-uyari strong[b-j7t0e79eow] { font-weight: 700; }

.kv-uyari__istek[b-j7t0e79eow] {
    display: block;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid color-mix(in srgb, var(--danger) 24%, transparent);
}

/* Son koşu şeridi — liste kartının ÜSTÜNDE, popup kapandıktan sonra da durur. */
.kv-iz[b-j7t0e79eow] {
    margin-bottom: 16px;
    padding: 12px 16px 14px;
    border: 1px solid var(--hat-kart);
    border-left: 4px solid var(--marka-500);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent);
}

.kv-iz__bas[b-j7t0e79eow] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    color: var(--metin-murekkep);
    font-size: 13px;
}

.kv-iz__bas strong[b-j7t0e79eow] { color: var(--marka-700); font: 700 14px/1.3 var(--font-display); }
.kv-iz__bas time[b-j7t0e79eow] { color: var(--metin-ipucu); font-size: 12.5px; font-variant-numeric: tabular-nums; }

.kv-iz__olcu[b-j7t0e79eow] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 24px;
    margin: 10px 0 0;
}

.kv-iz__olcu > div[b-j7t0e79eow] { min-width: 0; }

.kv-iz__olcu dt[b-j7t0e79eow] {
    color: var(--metin-ipucu);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.kv-iz__olcu dd[b-j7t0e79eow] {
    margin: 3px 0 0;
    color: var(--metin-murekkep);
    font-size: 14px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* Kimlik parçası — okunacak değil, KARŞILAŞTIRILACAK bir dize.
   Özgüllük `.kv-iz__olcu dd` (0,2,0) üstüne (0,3,0) ile çıkar; `!important` yok.
   `--font-mono` tanımlı değil, bu yüzden yedeğiyle çağrılır (yedeksiz başvuru
   bildirimin TAMAMINI düşürürdü). */
.kv-iz__olcu dd.kv-iz__kod[b-j7t0e79eow] {
    font-family: var(--font-mono, ui-monospace, "SFMono-Regular", monospace);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .02em;
}

.kv-iz__not[b-j7t0e79eow] { margin: 10px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

.kv-rozetler[b-j7t0e79eow] { display: flex; flex-wrap: wrap; gap: 8px; }

.kv-liste[b-j7t0e79eow] { margin: 0; padding-left: 18px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.7; }

.kv-ic-tablo[b-j7t0e79eow] {
    max-height: min(320px, 44dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
}

.kv-ic-tablo table[b-j7t0e79eow] { width: 100%; border-collapse: collapse; font-size: 13px; }

.kv-ic-tablo thead[b-j7t0e79eow] { position: sticky; top: 0; z-index: 2; background: var(--marka-rampa-serit); }

.kv-ic-tablo th[b-j7t0e79eow] {
    padding: 10px 13px;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.kv-ic-tablo td[b-j7t0e79eow] {
    padding: 10px 13px;
    color: var(--metin-murekkep);
    border-bottom: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
    font-variant-numeric: tabular-nums;
}

.kv-ic-tablo tbody tr:nth-child(even)[b-j7t0e79eow] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

/* ── TABLET + TELEFON (YENI-DIL §1.1 CİHAZ) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .kv-kapak[b-j7t0e79eow] { padding: 16px; }
    .kulup-vitrin .au-btn[b-j7t0e79eow] { min-height: 44px; }
    .kulup-vitrin .au-btn--sm[b-j7t0e79eow] { min-height: 44px; }
    .kv-tablo[b-j7t0e79eow]  .grid-table tbody td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--yuzey);
    }
    .kv-tablo[b-j7t0e79eow]  .grid-table tbody tr:nth-child(even) td:first-child {
        background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    }
    .kv-popup[b-j7t0e79eow]  input,
    .kv-popup[b-j7t0e79eow]  textarea { font-size: max(16px, 1rem); }
}

/* ── TELEFON (YENI-DIL §1.1) ── */
@media (max-width: 640px) {
    .kv-kapak[b-j7t0e79eow] { padding: 12px; align-items: stretch; }
    .kv-kapak .au-title[b-j7t0e79eow] { font-size: var(--yazi-kapak, 20px); }
    .kv-kapak__alt[b-j7t0e79eow] { font-size: var(--yazi-kucuk, 12px); }
    .kv-kapak__suzgec[b-j7t0e79eow] { flex: 1 1 100%; }
    .kv-kapak__eylem[b-j7t0e79eow] { width: 100%; }
    .kv-kapak__eylem .au-btn[b-j7t0e79eow] { flex: 1 1 auto; justify-content: center; }
    .kv-bolum[b-j7t0e79eow] { padding: 16px 12px; }
    .kv-bolum__baslik[b-j7t0e79eow],
    .kv-alt-baslik[b-j7t0e79eow] { font-size: var(--yazi-bolum, 14px); }
    .kv-tablo[b-j7t0e79eow]  .grid-table { font-size: var(--yazi-govde, 13px); }
    .kv-satir-eylem .au-btn[b-j7t0e79eow] { flex: 1 1 auto; justify-content: center; }
    .kv-popup[b-j7t0e79eow],
    .kv-popup--genis[b-j7t0e79eow],
    .kv-popup--dar[b-j7t0e79eow] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .kv-popup__bas[b-j7t0e79eow],
    .kv-popup__govde[b-j7t0e79eow] { padding: 12px; }
    .kv-popup__govde--panel[b-j7t0e79eow] { padding: 0; }
    .kv-popup__govde--panel[b-j7t0e79eow]  .au-card { padding: 12px; }
    .kv-popup__eylem[b-j7t0e79eow] { padding: 12px; }
    .kv-popup__eylem .au-btn[b-j7t0e79eow] { flex: 1 1 auto; justify-content: center; }
    .kv-popup__bas h2[b-j7t0e79eow] { font-size: var(--yazi-bolum, 16px); }
    .kv-olcu[b-j7t0e79eow] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kv-olcu > div:nth-child(2n)[b-j7t0e79eow] { border-right: none; }
    .kv-olcu > div:nth-child(-n + 2)[b-j7t0e79eow] { border-bottom: 1px solid var(--hat-kart); }
    .kv-olcu dd[b-j7t0e79eow] { font-size: var(--yazi-kpi, 20px); }

    /* Ön özet de dört sütundan ikiye iner; ayıraçlar aynı kuralla taşınır. */
    .kv-ozet[b-j7t0e79eow] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kv-ozet > div:nth-child(2n)[b-j7t0e79eow] { border-right: none; }
    .kv-ozet > div:nth-child(-n + 2)[b-j7t0e79eow] { border-bottom: 1px solid var(--hat-kart); }

    .kv-iz[b-j7t0e79eow] { padding: 12px; }
    .kv-iz__olcu[b-j7t0e79eow] { gap: 8px 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .kulup-vitrin .au-btn[b-j7t0e79eow] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/KulupYonetim.razor.rz.scp.css */
/* Kulüp yönetimi — Akademik Analiz görsel dili + bölüm sekmeleri.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Sekme davranışı/ölçüsü: aynı belgedeki "bölüm sekmeleri" bölümü
   (beyaz şerit, 1 px sınır, 6 px dolgu, 4 px aralık, içerikle 16 px mesafe).
   Cihaz kırılımları birebir: docs/mobil/YENI-DIL.md §1.1. */

.au-page.kulup-yonetim-vitrin[b-oufqhkf9z8] {
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ── */
.ky-kapak[b-oufqhkf9z8] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ky-kapak__ad[b-oufqhkf9z8] { min-width: 0; flex: 1 1 260px; }

.ky-kapak .au-title[b-oufqhkf9z8] {
    margin: 0;
    color: var(--marka-700);
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    overflow-wrap: anywhere;
}

.ky-kapak__alt[b-oufqhkf9z8] { margin: 6px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.5; }

.ky-kapak__aciklama[b-oufqhkf9z8] { margin: 4px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.6; }

/* Kap flex-end hizalı; ad bloğu üç satıra çıkabildiği için rozet açıklama satırına kayıyordu.
   Başlık satırına sabitle ve 23px/1.1'lik satıra optik ortala. */
.ky-kapak__durum[b-oufqhkf9z8] {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: calc((23px * 1.1 - 23px) / 2);
}

/* 30px'lik geri düğmesini 25.3px'lik başlık satırına ortalar (emsal: admin-users.css:666);
   aksi halde düğme kulüp adının değil açıklama satırının hizasında duruyordu. */
.ky-kapak[b-oufqhkf9z8]  .au-breadcrumb {
    margin-bottom: 0;
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: calc((23px * 1.1 - 30px) / 2);
}

/* ── Düğmeler ── */
.kulup-yonetim-vitrin .au-btn[b-oufqhkf9z8] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.kulup-yonetim-vitrin .au-btn:hover:not(:disabled)[b-oufqhkf9z8] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    transform: none;
}

.kulup-yonetim-vitrin .au-btn--primary[b-oufqhkf9z8] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.kulup-yonetim-vitrin .au-btn--primary:hover:not(:disabled)[b-oufqhkf9z8] {
    border-color: var(--marka-500);
    background: var(--marka-500);
}

.kulup-yonetim-vitrin .au-btn--danger[b-oufqhkf9z8] {
    border-color: color-mix(in srgb, var(--danger) 34%, transparent);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger);
}

.kulup-yonetim-vitrin .au-btn--danger:hover:not(:disabled)[b-oufqhkf9z8] {
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 14%, var(--yuzey));
}

.kulup-yonetim-vitrin .au-btn--sm[b-oufqhkf9z8] { min-height: 32px; padding: 0 11px; font-size: 12px; }

.kulup-yonetim-vitrin .au-btn:focus-visible[b-oufqhkf9z8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri ── */
.ky-sekmeler[b-oufqhkf9z8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
}

.ky-sekme[b-oufqhkf9z8] {
    min-height: 34px;
    padding: 0 14px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
    white-space: nowrap;
}

.ky-sekme:hover[b-oufqhkf9z8] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-600);
}

.ky-sekme[aria-selected="true"][b-oufqhkf9z8],
.ky-sekme[aria-selected="true"]:hover[b-oufqhkf9z8] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.ky-sekme:focus-visible[b-oufqhkf9z8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ky-panel:focus-visible[b-oufqhkf9z8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ky-bolum[b-oufqhkf9z8] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ky-bolum[b-oufqhkf9z8]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ky-bolum--hata[b-oufqhkf9z8]::before { background: var(--danger); }

.ky-bolum__baslik[b-oufqhkf9z8] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.ky-bolum__baslik[b-oufqhkf9z8]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Bölüm araç çubuğu (süzgeç + ana eylem) ── */
.ky-arac[b-oufqhkf9z8] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin: 12px 0 14px;
}

.ky-arac__alan[b-oufqhkf9z8] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }

.ky-arac__alan--secici[b-oufqhkf9z8] { flex: 0 1 210px; min-width: 176px; }

.ky-arac .au-btn[b-oufqhkf9z8] { margin-left: auto; }

.ky-etiket[b-oufqhkf9z8] {
    color: var(--metin-ipucu);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ky-segment[b-oufqhkf9z8] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--hat-girdi);
    border-radius: 3px 11px 11px 11px;
    background: var(--yuzey);
}

.ky-segment__dugme[b-oufqhkf9z8] {
    min-height: 28px;
    padding: 0 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12px var(--font-body);
    cursor: pointer;
}

.ky-segment__dugme:hover[b-oufqhkf9z8] {
    background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
    color: var(--marka-600);
}

.ky-segment__dugme.is-secili[b-oufqhkf9z8],
.ky-segment__dugme.is-secili:hover[b-oufqhkf9z8] { background: var(--marka-600); color: var(--on-brand); }

.ky-segment__dugme:focus-visible[b-oufqhkf9z8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Tablolar: mavi–petrol başlık, sabit başlık, sınırlı alanda kaydırma ── */
.ky-tablo[b-oufqhkf9z8] {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
}

.ky-tablo table[b-oufqhkf9z8] { width: 100%; border-collapse: collapse; font-size: 13px; }

.ky-tablo thead[b-oufqhkf9z8] { position: sticky; top: 0; z-index: 2; background: var(--marka-rampa-serit); }

.ky-tablo th[b-oufqhkf9z8] {
    padding: 10px 13px;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.ky-tablo td[b-oufqhkf9z8] {
    padding: 10px 13px;
    color: var(--metin-murekkep);
    border-bottom: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
    vertical-align: top;
}

.ky-tablo tbody tr:nth-child(even)[b-oufqhkf9z8] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.ky-tablo tbody tr:hover[b-oufqhkf9z8] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.ky-satir-eylem[b-oufqhkf9z8] { display: flex; flex-wrap: wrap; gap: 6px; }

.ky-aciklama[b-oufqhkf9z8] { margin-top: 2px; color: var(--metin-ikincil); font-size: 12px; line-height: 1.5; }

.ky-yok[b-oufqhkf9z8] { color: var(--metin-ipucu); }

.ky-not[b-oufqhkf9z8] { margin: 0 0 12px; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

.ky-not--uyari[b-oufqhkf9z8] { color: var(--marka-700); }

.ky-not--hata[b-oufqhkf9z8] { color: var(--danger); }

.ky-bos[b-oufqhkf9z8] {
    margin: 0;
    padding: 28px 16px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    color: var(--metin-ikincil);
    font-size: 13px;
    text-align: center;
}

/* ── Görünür popup (native dialog) ── */
.ky-popup[b-oufqhkf9z8] {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.ky-popup--genis[b-oufqhkf9z8] { width: min(860px, calc(100vw - 48px)); }
.ky-popup--dar[b-oufqhkf9z8] { width: min(460px, calc(100vw - 48px)); }
.ky-popup[open][b-oufqhkf9z8] { display: flex; flex-direction: column; }
.ky-popup[b-oufqhkf9z8]::backdrop { background: var(--scrim); }

.ky-popup__bas[b-oufqhkf9z8] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-top: 5px solid var(--marka-500);
    border-bottom: 1px solid var(--hat-kart);
}

.ky-popup__bas h2[b-oufqhkf9z8] {
    min-width: 0;
    margin: 0;
    color: var(--marka-700);
    font: 700 18px/1.3 var(--font-display);
    overflow-wrap: anywhere;
}

.ky-popup__bas h2:focus[b-oufqhkf9z8] { outline: none; }

.ky-popup__kapat[b-oufqhkf9z8] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 22px;
}

.ky-popup__govde[b-oufqhkf9z8] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

/* ── Madde listesi (gündem · karar · faaliyet) — 2026-09-22, M3-12 ──
   Kolonlar TEXT[]; eskiden tek satırlık bir input'a ';' ile sıkıştırılıyordu.
   Satır = dizinin bir öğesi; sıra oklarla değişir. */
.ky-madde[b-oufqhkf9z8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.ky-madde__bos[b-oufqhkf9z8] { margin: 0; color: var(--metin-ipucu); font-size: 12.5px; }

.ky-madde__satir[b-oufqhkf9z8] { display: flex; align-items: center; gap: 6px; min-width: 0; }

.ky-madde__no[b-oufqhkf9z8] {
    flex: 0 0 auto;
    min-width: 22px;
    color: var(--metin-ipucu);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.ky-madde__girdi[b-oufqhkf9z8] { flex: 1 1 auto; min-width: 0; }

.ky-madde__dugme[b-oufqhkf9z8] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: 8px;
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.ky-madde__dugme:hover:not(:disabled)[b-oufqhkf9z8] {
    border-color: var(--marka-500);
    color: var(--marka-600);
}

.ky-madde__dugme:disabled[b-oufqhkf9z8] { opacity: .4; cursor: default; }

.ky-madde__dugme:focus-visible[b-oufqhkf9z8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ky-madde__dugme--sil:hover:not(:disabled)[b-oufqhkf9z8] { border-color: var(--danger); color: var(--danger); }

.ky-madde__ekle[b-oufqhkf9z8] {
    align-self: flex-start;
    min-height: 30px;
    padding: 0 12px;
    border: 1px dashed var(--hat-girdi);
    border-radius: 3px 10px 10px 10px;
    background: transparent;
    color: var(--marka-600);
    font: 600 12px var(--font-body);
    cursor: pointer;
}

.ky-madde__ekle:hover[b-oufqhkf9z8] {
    border-color: var(--marka-500);
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.ky-madde__ekle:focus-visible[b-oufqhkf9z8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ky-popup__eylem[b-oufqhkf9z8] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

/* ── TABLET + TELEFON (YENI-DIL §1.1 CİHAZ) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ky-kapak[b-oufqhkf9z8] { padding: 16px; }
    .kulup-yonetim-vitrin .au-btn[b-oufqhkf9z8],
    .kulup-yonetim-vitrin .au-btn--sm[b-oufqhkf9z8] { min-height: 44px; }
    .ky-sekmeler[b-oufqhkf9z8] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .ky-sekme[b-oufqhkf9z8] { min-height: 44px; }
    .ky-segment__dugme[b-oufqhkf9z8] { min-height: 44px; }
    /* Dokunmatik hedef: ok/sil düğmeleri 44px'e çıkar (YENI-DIL §1.1). */
    .ky-madde__dugme[b-oufqhkf9z8] { width: 44px; height: 44px; }
    .ky-madde__ekle[b-oufqhkf9z8] { min-height: 44px; }
    .ky-tablo td:first-child[b-oufqhkf9z8] {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--yuzey);
    }
    .ky-tablo tbody tr:nth-child(even) td:first-child[b-oufqhkf9z8] {
        background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    }
    .ky-popup[b-oufqhkf9z8]  input,
    .ky-popup[b-oufqhkf9z8]  textarea { font-size: max(16px, 1rem); }
}

/* ── TELEFON (YENI-DIL §1.1) ── */
@media (max-width: 640px) {
    .ky-kapak[b-oufqhkf9z8] { padding: 12px; align-items: stretch; }
    .ky-kapak .au-title[b-oufqhkf9z8] { font-size: var(--yazi-kapak, 20px); }
    .ky-kapak__alt[b-oufqhkf9z8] { font-size: var(--yazi-kucuk, 12px); }
    /* Telefonda başlık 20px'e düşüyor ve kap zaten stretch; 23px'e göre hesaplanan
       optik pay burada sapma üretir → sıfırla. */
    .ky-kapak__durum[b-oufqhkf9z8] { margin-top: 0; }
    .ky-kapak[b-oufqhkf9z8]  .au-breadcrumb { margin-top: 0; }
    .ky-bolum[b-oufqhkf9z8] { padding: 16px 12px; }
    .ky-bolum__baslik[b-oufqhkf9z8] { font-size: var(--yazi-bolum, 14px); }
    .ky-arac[b-oufqhkf9z8] { flex-direction: column; align-items: stretch; }
    .ky-arac__alan--secici[b-oufqhkf9z8] { flex: 1 1 auto; }
    .ky-arac .au-btn[b-oufqhkf9z8] { margin-left: 0; justify-content: center; }
    .ky-segment[b-oufqhkf9z8] { width: 100%; }
    .ky-segment__dugme[b-oufqhkf9z8] { flex: 1 1 0; }
    .ky-tablo table[b-oufqhkf9z8] { font-size: var(--yazi-govde, 13px); }
    .ky-satir-eylem .au-btn[b-oufqhkf9z8] { flex: 1 1 auto; justify-content: center; }
    .ky-popup[b-oufqhkf9z8],
    .ky-popup--genis[b-oufqhkf9z8],
    .ky-popup--dar[b-oufqhkf9z8] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .ky-popup__bas[b-oufqhkf9z8],
    .ky-popup__govde[b-oufqhkf9z8],
    .ky-popup__eylem[b-oufqhkf9z8] { padding: 12px; }
    .ky-popup__bas h2[b-oufqhkf9z8] { font-size: var(--yazi-bolum, 16px); }
    .ky-popup__eylem .au-btn[b-oufqhkf9z8] { flex: 1 1 auto; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .kulup-yonetim-vitrin .au-btn[b-oufqhkf9z8] { transition: none; }
}

/* ── YAZDIRMA (2026-09-22, M3-10) ──
   Üye listesi yoklama kâğıdı olarak basılıyor. Yazdırma bloğu YOKTU: sekme şeridi,
   araç çubuğu ve açık kalan popup çıktının üstüne biniyordu; tablo kendi kabında
   kaydığı için de yalnız ilk ekran dolusu satır basılıyordu. */
@media print {
    /* Ekranda kalan, kâğıtta anlamı olmayan kontroller. */
    .kulup-yonetim-vitrin .ky-noprint[b-oufqhkf9z8],
    .kulup-yonetim-vitrin .ky-sekmeler[b-oufqhkf9z8],
    .kulup-yonetim-vitrin .ky-arac[b-oufqhkf9z8],
    .kulup-yonetim-vitrin .au-btn[b-oufqhkf9z8] { display: none; }

    /* `.ky-popup[open]` taban kuralı (`display:flex`) daha özgül olduğu için
       gizlenmesi ayrıca yazılır; açık pencereyle basılırsa listeyi örterdi. */
    .kulup-yonetim-vitrin .ky-popup[open][b-oufqhkf9z8] { display: none; }

    .kulup-yonetim-vitrin .ky-kapak[b-oufqhkf9z8],
    .kulup-yonetim-vitrin .ky-bolum[b-oufqhkf9z8] {
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .kulup-yonetim-vitrin .ky-bolum[b-oufqhkf9z8]::before { display: none; }

    /* Tablo kabındaki kaydırma kâğıtta satır KESER — kap serbest bırakılır.
       Grid bir alt bileşen olduğu için ::deep şart. */
    .ky-uye-tablo[b-oufqhkf9z8]  .grid-scroll {
        max-height: none;
        overflow: visible;
        border: 0;
        box-shadow: none;
        background: none;
    }

    .ky-uye-tablo[b-oufqhkf9z8]  .grid-table { width: 100%; }

    /* Başlık satırı her sayfada tekrarlanır; sticky konum kâğıtta anlamsızdır.
       Rampa zemini mürekkebe dönmezse koyu üstüne koyu basılıyor. */
    .ky-uye-tablo[b-oufqhkf9z8]  .grid-table thead {
        display: table-header-group;
        position: static;
        background: var(--yuzey);
    }

    .ky-uye-tablo[b-oufqhkf9z8]  .grid-table thead th {
        color: var(--metin-murekkep);
        background: var(--yuzey);
        border-bottom: 1px solid var(--hat-kart);
    }

    .ky-uye-tablo[b-oufqhkf9z8]  .grid-table tbody tr { break-inside: avoid; }

    /* Sayfalayıcı ve arama kutusu kâğıda basılmaz. */
    .ky-uye-tablo[b-oufqhkf9z8]  .grid-pager,
    .ky-uye-tablo[b-oufqhkf9z8]  .grid-toolbar { display: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/KutuphaneKatalog.razor.rz.scp.css */
/* Kütüphane katalogu — Akademik Analiz'in kapak, yüzey, tipografi, tablo ve
   popup ölçülerinin sayfa kapsamlı uyarlaması. Ortak CSS'e dokunulmaz; ölçüler
   docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den alınmıştır. */

.kt-sayfa[b-budbxdz9ed] { min-width: 0; }

.kt-sayfa .au-page.kt-vitrin[b-budbxdz9ed] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ── */
.kt-kapak[b-budbxdz9ed] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri  baslik"
        "suzgec suzgec"
        "eylem  eylem";
    gap: 14px 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kt-kapak__geri[b-budbxdz9ed] { grid-area: geri; min-width: 0; }
.kt-kapak__baslik[b-budbxdz9ed] { grid-area: baslik; min-width: 0; }
.kt-suzgec[b-budbxdz9ed] { grid-area: suzgec; min-width: 0; }
.kt-eylem[b-budbxdz9ed] { grid-area: eylem; min-width: 0; }

.kt-kapak .au-title[b-budbxdz9ed] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.kt-kapak__alt[b-budbxdz9ed] {
    margin: 4px 0 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

.kt-suzgec[b-budbxdz9ed] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.kt-suzgec__alan[b-budbxdz9ed] { flex: 0 1 176px; min-width: 0; max-width: 210px; }

/* İpucu akıştan çıkarılır. Süzgecin üç alanından yalnız "Kategori" Hint taşıyor;
   akıştaki ipucu (176 px kutuda 2 satır ≈ 34 px + 7 px gap) o sarmalayıcıyı
   uzatıyor, align-items:flex-end alt kenarları hizaladığı için girdisi ve
   etiketi komşularından o kadar yukarıda kalıyordu.
   Kurallar `.kt-kapak` ile kapsamlanır: sayfada ikinci bir `.kt-suzgec` daha var
   (nüsha penceresindeki "Durum" seçicisi) ve o Hint taşımıyor — kapsamsız yazılsa
   orada 40 px ölü boşluk oluşuyordu. */
.kt-kapak .kt-suzgec[b-budbxdz9ed] { padding-bottom: 40px; }
.kt-kapak .kt-suzgec__alan[b-budbxdz9ed] { position: relative; }
.kt-kapak .kt-suzgec__alan[b-budbxdz9ed]  .app-field__hint,
.kt-kapak .kt-suzgec__alan[b-budbxdz9ed]  .app-field__error {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    margin: 0;
}

.kt-suzgec__dugmeler[b-budbxdz9ed] { display: flex; flex-wrap: wrap; gap: 8px; }

.kt-eylem[b-budbxdz9ed] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Düğmeler: 34 px taban, kesik sol üst köşe ── */
.kt-vitrin .au-btn[b-budbxdz9ed] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.kt-vitrin .au-btn:hover:not(:disabled)[b-budbxdz9ed] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.kt-vitrin .au-btn--primary[b-budbxdz9ed] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.kt-vitrin .au-btn--primary:hover:not(:disabled)[b-budbxdz9ed] {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.kt-vitrin .au-btn--danger[b-budbxdz9ed] {
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    border-color: color-mix(in srgb, var(--red-500) 32%, transparent);
    color: var(--red-600);
}

.kt-vitrin .au-btn--danger:hover:not(:disabled)[b-budbxdz9ed] {
    background: color-mix(in srgb, var(--red-500) 16%, var(--yuzey));
}

.kt-vitrin .au-btn--sm[b-budbxdz9ed] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.kt-vitrin .au-btn:focus-visible[b-budbxdz9ed] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.kt-bolum[b-budbxdz9ed] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kt-bolum[b-budbxdz9ed]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kt-bolum__baslik[b-budbxdz9ed] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.kt-bolum__baslik[b-budbxdz9ed]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kt-bolum__sayi[b-budbxdz9ed] {
    margin-inline-start: auto;
    color: var(--metin-ipucu);
    font: 600 12px/1.4 var(--font-body);
    letter-spacing: 0;
}

/* ── Tablo: mavi–petrol başlık şeridi, beyaz gövde, kendi alanında kayar ── */
.kt-sayfa[b-budbxdz9ed]  .app-grid .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
}

.kt-sayfa[b-budbxdz9ed]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.kt-sayfa[b-budbxdz9ed]  .grid-table th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    border-bottom: none;
    color: var(--on-brand);
    font-weight: 700;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.kt-sayfa[b-budbxdz9ed]  .grid-table th .grid-sort,
.kt-sayfa[b-budbxdz9ed]  .grid-table th .grid-th-label { color: inherit; }

.kt-sayfa[b-budbxdz9ed]  .grid-table td {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 65%, transparent);
    color: var(--metin-murekkep);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.kt-sayfa[b-budbxdz9ed]  .grid-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kt-sayfa[b-budbxdz9ed]  .grid-table tbody tr:hover { background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)); }

.kt-sayfa[b-budbxdz9ed]  .app-grid .grid-pager {
    padding-top: 12px;
    color: var(--metin-ikincil);
    font-size: 12.5px;
}

/* Satır içi ikincil bilgi (yazar, basım) */
.kt-hucre__ad[b-budbxdz9ed] { font-weight: 600; overflow-wrap: anywhere; }
.kt-hucre__alt[b-budbxdz9ed] { margin-top: 2px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.45; }
.kt-hucre__bos[b-budbxdz9ed] { color: var(--metin-ipucu); }
.kt-hucre__eylem[b-budbxdz9ed] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

.kt-bos[b-budbxdz9ed] { margin: 0; padding: 14px 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Popup: kaydırılmış sayfada da görünür, başlık ve eylemler sabit ── */
.kt-popup[b-budbxdz9ed] {
    width: min(640px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.kt-popup[open][b-budbxdz9ed] { display: flex; flex-direction: column; }
.kt-popup[b-budbxdz9ed]::backdrop { background: var(--scrim); }

.kt-popup__bas[b-budbxdz9ed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.kt-popup__bas h2[b-budbxdz9ed] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.kt-popup__bas h2:focus[b-budbxdz9ed] { outline: none; }
.kt-popup__bas p[b-budbxdz9ed] { margin: 3px 0 0; color: var(--metin-ipucu); font-size: 12px; }

.kt-vitrin .kt-popup__kapat[b-budbxdz9ed] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.kt-popup__govde[b-budbxdz9ed] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.kt-popup__hata[b-budbxdz9ed] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    line-height: 1.5;
}

.kt-popup__ipucu[b-budbxdz9ed] { margin: 12px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }

.kt-popup__eylem[b-budbxdz9ed] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.kt-form[b-budbxdz9ed] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
}

/* Nüsha listesi */
.kt-nusha[b-budbxdz9ed] { display: flex; flex-direction: column; gap: 2px; margin: 0 0 14px; padding: 0; list-style: none; }

.kt-nusha li[b-budbxdz9ed] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    padding: 10px;
    font-size: 13px;
}

.kt-nusha li:nth-child(odd)[b-budbxdz9ed] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kt-nusha__no[b-budbxdz9ed] { font-weight: 600; }
.kt-nusha__raf[b-budbxdz9ed] { color: var(--metin-ipucu); font-size: 12px; }
.kt-nusha__durum[b-budbxdz9ed] { margin-inline-start: auto; }

.kt-rozet[b-budbxdz9ed] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
    color: var(--marka-700);
    font-size: 11.5px;
    font-weight: 600;
}

.kt-rozet--rafta[b-budbxdz9ed] { background: color-mix(in srgb, var(--basari) 30%, var(--yuzey)); color: var(--basari-metin); }
.kt-rozet--uyari[b-budbxdz9ed] { background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey)); color: var(--red-600); }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .kt-vitrin .au-btn[b-budbxdz9ed] { min-height: 44px; }
    .kt-vitrin .au-btn--sm[b-budbxdz9ed] { min-height: 44px; }
    .kt-sayfa[b-budbxdz9ed]  .app-input { font-size: max(16px, 1rem); }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .kt-kapak[b-budbxdz9ed] { padding: 16px; }
    .kt-suzgec__alan[b-budbxdz9ed] { flex: 1 1 200px; max-width: none; }
    .kt-sayfa[b-budbxdz9ed]  .app-grid .grid-scroll { max-height: min(460px, 62dvh); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .kt-kapak[b-budbxdz9ed] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik" "suzgec" "eylem";
        padding: 12px;
    }

    .kt-kapak .au-title[b-budbxdz9ed] { font-size: var(--yazi-kapak, 20px); }
    .kt-bolum[b-budbxdz9ed] { padding: 16px 12px; }
    .kt-bolum__baslik[b-budbxdz9ed] { font-size: var(--yazi-bolum, 14px); }
    .kt-bolum__sayi[b-budbxdz9ed] { width: 100%; margin-inline-start: 0; }
    .kt-suzgec[b-budbxdz9ed] { flex-direction: column; align-items: stretch; }
    /* Telefonda alanlar alt alta; alt kenar hizalama kusuru yok, ipucu akışta kalır.
       Seçiciler taban kuralla AYNI özgüllükte (`.kt-kapak` önekli) yazılır; yalnız
       `.kt-suzgec` yazılsaydı (0,1,0) < (0,2,0) olur ve sıfırlama kaybederdi. */
    .kt-kapak .kt-suzgec[b-budbxdz9ed] { padding-bottom: 0; }
    .kt-kapak .kt-suzgec__alan[b-budbxdz9ed]  .app-field__hint,
    .kt-kapak .kt-suzgec__alan[b-budbxdz9ed]  .app-field__error { position: static; }
    .kt-suzgec__alan[b-budbxdz9ed] { max-width: none; }
    .kt-suzgec__dugmeler .au-btn[b-budbxdz9ed],
    .kt-eylem .au-btn[b-budbxdz9ed] { flex: 1 1 auto; }
    .kt-form[b-budbxdz9ed] { grid-template-columns: minmax(0, 1fr); }
    .kt-popup[b-budbxdz9ed] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .kt-popup__bas[b-budbxdz9ed], .kt-popup__govde[b-budbxdz9ed], .kt-popup__eylem[b-budbxdz9ed] { padding: 12px; }
    .kt-popup__eylem .au-btn[b-budbxdz9ed] { flex: 1 1 auto; }
    .kt-sayfa[b-budbxdz9ed]  .grid-table td { font-size: var(--yazi-govde, 13px); }
    .kt-hucre__eylem[b-budbxdz9ed] { justify-content: flex-start; }
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve eylem sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .kt-kapak[b-budbxdz9ed] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas:
            "geri   baslik baslik"
            "suzgec suzgec eylem";
        row-gap: 14px;
    }

    .kt-eylem[b-budbxdz9ed] { justify-self: end; }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .kt-kapak[b-budbxdz9ed] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik suzgec eylem";
    }

    /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
       çocukların `flex: 0 1 176px` tabanını saymaz → süzgeçler alt alta yığılıyordu.
       Kap sütunu doldurur, sağa yaslama flex satırında yapılır.
       `.kt-kapak` kapsamı şart: nüsha penceresindeki ikinci `.kt-suzgec` de flex kap,
       kapsamsız `justify-content` orada tek "Durum" seçicisini sağ kenara itiyordu
       (`justify-self` blok kapta yok sayıldığı için eski kuralda bu etki yoktu). */
    .kt-kapak .kt-suzgec[b-budbxdz9ed] { justify-self: stretch; justify-content: flex-end; }
}
/* _content/EduLive.Web/Components/Pages/Management/KutuphaneOdunc.razor.rz.scp.css */
/* Ödünç işlemleri — Akademik Analiz'in kapak, yüzey, tipografi, tablo ve
   popup ölçülerinin sayfa kapsamlı uyarlaması. Ortak CSS'e dokunulmaz; ölçüler
   docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den alınmıştır. */

.ko-sayfa[b-nejw3dmeli] { min-width: 0; }

.ko-sayfa .au-page.ko-vitrin[b-nejw3dmeli] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ── */
.ko-kapak[b-nejw3dmeli] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri  baslik"
        "suzgec suzgec"
        "eylem  eylem";
    gap: 14px 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ko-kapak__geri[b-nejw3dmeli] { grid-area: geri; min-width: 0; }
.ko-kapak__baslik[b-nejw3dmeli] { grid-area: baslik; min-width: 0; }
.ko-suzgec[b-nejw3dmeli] { grid-area: suzgec; min-width: 0; }
.ko-eylem[b-nejw3dmeli] { grid-area: eylem; min-width: 0; }

.ko-kapak .au-title[b-nejw3dmeli] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ko-kapak__alt[b-nejw3dmeli] {
    margin: 4px 0 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

.ko-suzgec[b-nejw3dmeli] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.ko-suzgec__alan[b-nejw3dmeli] { flex: 0 1 176px; min-width: 0; max-width: 210px; }

.ko-eylem[b-nejw3dmeli] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Düğmeler: 34 px taban, kesik sol üst köşe ── */
.ko-vitrin .au-btn[b-nejw3dmeli] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ko-vitrin .au-btn:hover:not(:disabled)[b-nejw3dmeli] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.ko-vitrin .au-btn--primary[b-nejw3dmeli] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ko-vitrin .au-btn--primary:hover:not(:disabled)[b-nejw3dmeli] {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.ko-vitrin .au-btn--danger[b-nejw3dmeli] {
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    border-color: color-mix(in srgb, var(--red-500) 32%, transparent);
    color: var(--red-600);
}

.ko-vitrin .au-btn--danger:hover:not(:disabled)[b-nejw3dmeli] {
    background: color-mix(in srgb, var(--red-500) 16%, var(--yuzey));
}

.ko-vitrin .au-btn--sm[b-nejw3dmeli] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.ko-vitrin .au-btn:focus-visible[b-nejw3dmeli] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ko-bolum[b-nejw3dmeli] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ko-bolum[b-nejw3dmeli]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ko-bolum__baslik[b-nejw3dmeli] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.ko-bolum__baslik[b-nejw3dmeli]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo: mavi–petrol başlık şeridi, beyaz gövde, kendi alanında kayar ── */
.ko-sayfa[b-nejw3dmeli]  .app-grid .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
}

.ko-sayfa[b-nejw3dmeli]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.ko-sayfa[b-nejw3dmeli]  .grid-table th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    border-bottom: none;
    color: var(--on-brand);
    font-weight: 700;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.ko-sayfa[b-nejw3dmeli]  .grid-table th .grid-sort,
.ko-sayfa[b-nejw3dmeli]  .grid-table th .grid-th-label { color: inherit; }

.ko-sayfa[b-nejw3dmeli]  .grid-table td {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 65%, transparent);
    color: var(--metin-murekkep);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.ko-sayfa[b-nejw3dmeli]  .grid-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ko-sayfa[b-nejw3dmeli]  .grid-table tbody tr:hover { background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)); }

.ko-sayfa[b-nejw3dmeli]  .app-grid .grid-pager {
    padding-top: 12px;
    color: var(--metin-ikincil);
    font-size: 12.5px;
}

/* ── İade sonuç şeridi: ızgaranın üstünde, kullanıcı kapatana kadar kalır ──
   Toast'ın taşıyamadığı ölçülebilir sonuç burada durur (gecikme günü, ceza, nüsha
   durumu, sunucu uyarıları). Renkler jetonlardan; başarı/hata ayrımı yalnız renkle
   DEĞİL başlık metniyle de veriliyor. */
.ko-sonuc[b-nejw3dmeli] {
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--basari) 38%, transparent);
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--basari) 10%, var(--yuzey));
}

.ko-sonuc--hata[b-nejw3dmeli] {
    border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
}

.ko-sonuc__bas[b-nejw3dmeli] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.ko-sonuc__baslik[b-nejw3dmeli] {
    min-width: 0;
    margin: 0;
    color: var(--metin-murekkep);
    font: 700 13.5px/1.4 var(--font-display);
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
}

.ko-sonuc--hata .ko-sonuc__baslik[b-nejw3dmeli] { color: var(--red-600); }

.ko-sonuc__hata[b-nejw3dmeli] {
    margin: 8px 0 0;
    color: var(--red-600);
    font-size: 13px;
    line-height: 1.55;
}

.ko-sonuc__olcu[b-nejw3dmeli] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin: 10px 0 0;
}

.ko-sonuc__olcu div[b-nejw3dmeli] { min-width: 0; }

.ko-sonuc__olcu dt[b-nejw3dmeli] {
    margin: 0;
    color: var(--metin-ipucu);
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ko-sonuc__olcu dd[b-nejw3dmeli] {
    margin: 2px 0 0;
    color: var(--metin-murekkep);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

/* Uyarılar "ceza yok" ile "gecikme yok"u ayıran tek sinyal — silikleştirilmez. */
.ko-sonuc__uyari[b-nejw3dmeli] {
    margin: 10px 0 0;
    padding-left: 18px;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.55;
}

.ko-sonuc__uyari li[b-nejw3dmeli] { overflow-wrap: anywhere; }

/* Satır içi ikincil bilgi (gecikme notu) */
.ko-hucre__alt[b-nejw3dmeli] { margin-top: 2px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.45; }
.ko-hucre__bos[b-nejw3dmeli] { color: var(--metin-ipucu); }
.ko-hucre__eylem[b-nejw3dmeli] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

.ko-bos[b-nejw3dmeli] { margin: 0; padding: 14px 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Popup: kaydırılmış sayfada da görünür, başlık ve eylemler sabit ── */
.ko-popup[b-nejw3dmeli] {
    width: min(640px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.ko-popup[open][b-nejw3dmeli] { display: flex; flex-direction: column; }
.ko-popup[b-nejw3dmeli]::backdrop { background: var(--scrim); }

.ko-popup__bas[b-nejw3dmeli] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.ko-popup__bas h2[b-nejw3dmeli] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ko-popup__bas h2:focus[b-nejw3dmeli] { outline: none; }
.ko-popup__bas p[b-nejw3dmeli] { margin: 3px 0 0; color: var(--metin-ipucu); font-size: 12px; }

.ko-vitrin .ko-popup__kapat[b-nejw3dmeli] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.ko-popup__govde[b-nejw3dmeli] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.ko-popup__hata[b-nejw3dmeli] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    line-height: 1.5;
}

.ko-popup__ipucu[b-nejw3dmeli] { margin: 12px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }

.ko-popup__eylem[b-nejw3dmeli] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.ko-form[b-nejw3dmeli] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
}

.ko-rozet[b-nejw3dmeli] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
    color: var(--marka-700);
    font-size: 11.5px;
    font-weight: 600;
}

.ko-rozet--rafta[b-nejw3dmeli] { background: color-mix(in srgb, var(--basari) 30%, var(--yuzey)); color: var(--basari-metin); }
.ko-rozet--uyari[b-nejw3dmeli] { background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey)); color: var(--red-600); }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ko-vitrin .au-btn[b-nejw3dmeli] { min-height: 44px; }
    .ko-vitrin .au-btn--sm[b-nejw3dmeli] { min-height: 44px; }
    .ko-sayfa[b-nejw3dmeli]  .app-input { font-size: max(16px, 1rem); }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ko-kapak[b-nejw3dmeli] { padding: 16px; }
    .ko-suzgec__alan[b-nejw3dmeli] { flex: 1 1 200px; max-width: none; }
    .ko-sayfa[b-nejw3dmeli]  .app-grid .grid-scroll { max-height: min(460px, 62dvh); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .ko-kapak[b-nejw3dmeli] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik" "suzgec" "eylem";
        padding: 12px;
    }

    .ko-kapak .au-title[b-nejw3dmeli] { font-size: var(--yazi-kapak, 20px); }
    .ko-bolum[b-nejw3dmeli] { padding: 16px 12px; }
    .ko-bolum__baslik[b-nejw3dmeli] { font-size: var(--yazi-bolum, 14px); }
    .ko-suzgec[b-nejw3dmeli] { flex-direction: column; align-items: stretch; }
    .ko-suzgec__alan[b-nejw3dmeli] { max-width: none; }
    .ko-eylem .au-btn[b-nejw3dmeli] { flex: 1 1 auto; }
    .ko-form[b-nejw3dmeli] { grid-template-columns: minmax(0, 1fr); }
    .ko-popup[b-nejw3dmeli] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .ko-popup__bas[b-nejw3dmeli], .ko-popup__govde[b-nejw3dmeli], .ko-popup__eylem[b-nejw3dmeli] { padding: 12px; }
    .ko-popup__eylem .au-btn[b-nejw3dmeli] { flex: 1 1 auto; }
    .ko-sayfa[b-nejw3dmeli]  .grid-table td { font-size: var(--yazi-govde, 13px); }
    .ko-hucre__eylem[b-nejw3dmeli] { justify-content: flex-start; }
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve eylem sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ko-kapak[b-nejw3dmeli] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas:
            "geri   baslik baslik"
            "suzgec suzgec eylem";
        row-gap: 14px;
    }

    .ko-eylem[b-nejw3dmeli] { justify-self: end; }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .ko-kapak[b-nejw3dmeli] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik suzgec eylem";
    }

    /* `justify-self: end` süzgeç kabını shrink-to-fit ölçtürüyordu: Chromium sarmalı
       flex kabın max-content'ini çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 176px`
       tabanını saymaz → kap daralır, alanlar alt alta yığılır, kapak uzardı. Kap hücreyi
       doldurur, içerik sağa yaslanır; dar ekranda sarma korunur. */
    .ko-suzgec[b-nejw3dmeli] { justify-self: stretch; justify-content: flex-end; }
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir; seçim `bolum` URL parametresinde ── */
.ko-sekmeler[b-nejw3dmeli] {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.ko-sekme[b-nejw3dmeli] {
    --sekme-vurgu: var(--marka-600);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--kose-dugme);
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.ko-sekme--iki[b-nejw3dmeli] { --sekme-vurgu: var(--marka-rampa-uc); }
.ko-sekme:hover[b-nejw3dmeli] { background: color-mix(in srgb, var(--sekme-vurgu) 14%, var(--yuzey)); color: var(--sekme-vurgu); }
.ko-sekme[aria-selected="true"][b-nejw3dmeli],
.ko-sekme[aria-selected="true"]:hover[b-nejw3dmeli] { background: var(--sekme-vurgu); color: var(--on-brand); }
.ko-sekme:focus-visible[b-nejw3dmeli] { outline: 2px solid var(--sekme-vurgu); outline-offset: 2px; }

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ko-sekmeler[b-nejw3dmeli] { overflow-x: auto; overscroll-behavior-x: contain; }
    .ko-sekme[b-nejw3dmeli] { min-height: 44px; }
}

.ko-hucre__gec[b-nejw3dmeli] { color: var(--red-600); }

/* ── G2-4: ızgara artık künye taşıyor ──
   Kitap adı ve öğrenci adı uzun olabilir; hücre kırpmak yerine sarar (kısaltılmış
   ad "hangi kitap kimde" sorusunu yarım cevaplar). Ceza rozeti tutarın ALTINDA
   durur ki tabular-nums hizası bozulmasın. */
.ko-sayfa[b-nejw3dmeli]  .grid-table td { overflow-wrap: anywhere; }

.ko-hucre__alt .ko-rozet[b-nejw3dmeli] { font-size: 11px; padding: 1px 7px; }

/* Satır eylemi üçe çıktı (İade al · Uzat · Kayıp) — dar ekranda alta sarsın,
   geniş ekranda tek satırda kalsın. */
.ko-hucre__eylem[b-nejw3dmeli] { row-gap: 4px; }

/* ── G2-5: hızlı ödünç penceresi ──
   Demirbaş kutusu + "Getir" TEK SATIR: barkod okuyucu Enter gönderdiği için düğme
   yedek yoldur, kutu asıl giriştir ve düğme onu dar ekranda bile aşağı itmez. */
.ko-tarama[b-nejw3dmeli] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 12px;
}

.ko-tarama__alan[b-nejw3dmeli] { flex: 1 1 auto; min-width: 0; }
.ko-vitrin .ko-tarama .au-btn[b-nejw3dmeli] { flex: 0 0 auto; }

/* Okutulan nüshanın künyesi — "Ver"e basmadan önce gözle doğrulama yüzeyi. */
.ko-nusha[b-nejw3dmeli] {
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.ko-nusha__ad[b-nejw3dmeli] {
    color: var(--metin-murekkep);
    font: 600 14px/1.35 var(--font-display);
    overflow-wrap: anywhere;
}

.ko-nusha__olcu[b-nejw3dmeli] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    margin-top: 5px;
    color: var(--metin-ipucu);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

/* Sebep silikleştirilmez: "bulunamadı" ile "dışarıda" ayrımını taşıyan tek satır. */
.ko-sebep[b-nejw3dmeli] { margin-top: 0; color: var(--metin-ikincil); }

@media (max-width: 640px) {
    .ko-tarama[b-nejw3dmeli] { flex-direction: column; align-items: stretch; }
    .ko-tarama .au-btn[b-nejw3dmeli] { width: 100%; }
}
/* _content/EduLive.Web/Components/Pages/Management/KutuphaneUyeler.razor.rz.scp.css */
/* Kütüphane üyeleri — M4 · G2-6.
   Kapak, yüzey, tipografi ve tablo ölçüleri kardeş iki ekranla (KutuphaneKatalog,
   KutuphaneOdunc) AYNI: aynı modülün üç sayfası arasında görsel kayma olmasın.
   Ham renk/px yok, jetonlar aurora.css'ten (AnalizCssTokenTests tarar). */

.ku-sayfa[b-81b8w74prc] { min-width: 0; }

.ku-sayfa .au-page.ku-vitrin[b-81b8w74prc] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + bağlantılar tek beyaz yüzeyde ── */
.ku-kapak[b-81b8w74prc] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri  baslik"
        "suzgec suzgec"
        "eylem  eylem";
    gap: 14px 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ku-kapak__geri[b-81b8w74prc] { grid-area: geri; min-width: 0; }
.ku-kapak__baslik[b-81b8w74prc] { grid-area: baslik; min-width: 0; }
.ku-suzgec[b-81b8w74prc] { grid-area: suzgec; min-width: 0; }
.ku-eylem[b-81b8w74prc] { grid-area: eylem; min-width: 0; }

.ku-kapak .au-title[b-81b8w74prc] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ku-kapak__alt[b-81b8w74prc] {
    margin: 4px 0 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

.ku-suzgec[b-81b8w74prc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.ku-suzgec__alan[b-81b8w74prc] { flex: 0 1 196px; min-width: 0; max-width: 230px; }
.ku-eylem[b-81b8w74prc] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Düğmeler: 34 px taban, kardeş ekranlarla aynı ── */
.ku-vitrin .au-btn[b-81b8w74prc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.ku-vitrin .au-btn:hover:not(:disabled)[b-81b8w74prc] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.ku-vitrin .au-btn--primary[b-81b8w74prc] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ku-vitrin .au-btn--primary:hover:not(:disabled)[b-81b8w74prc] {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.ku-vitrin .au-btn--danger[b-81b8w74prc] {
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    border-color: color-mix(in srgb, var(--red-500) 32%, transparent);
    color: var(--red-600);
}

.ku-vitrin .au-btn--danger:hover:not(:disabled)[b-81b8w74prc] {
    background: color-mix(in srgb, var(--red-500) 16%, var(--yuzey));
}

.ku-vitrin .au-btn--sm[b-81b8w74prc] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.ku-vitrin .au-btn:focus-visible[b-81b8w74prc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ku-bolum[b-81b8w74prc],
.ku-panel[b-81b8w74prc] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ku-bolum[b-81b8w74prc]::before,
.ku-panel[b-81b8w74prc]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ku-bolum__baslik[b-81b8w74prc] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.ku-bolum__baslik[b-81b8w74prc]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Izgara ── */
.ku-sayfa[b-81b8w74prc]  .app-grid .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
}

.ku-sayfa[b-81b8w74prc]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.ku-sayfa[b-81b8w74prc]  .grid-table th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    border-bottom: none;
    color: var(--on-brand);
    font-weight: 700;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.ku-sayfa[b-81b8w74prc]  .grid-table th .grid-sort,
.ku-sayfa[b-81b8w74prc]  .grid-table th .grid-th-label { color: inherit; }

.ku-sayfa[b-81b8w74prc]  .grid-table td {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 65%, transparent);
    color: var(--metin-murekkep);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.ku-sayfa[b-81b8w74prc]  .grid-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ku-sayfa[b-81b8w74prc]  .grid-table tbody tr:hover { background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)); }

.ku-sayfa[b-81b8w74prc]  .app-grid .grid-pager {
    padding-top: 12px;
    color: var(--metin-ikincil);
    font-size: 12.5px;
}

/* ── Satır içi ikincil bilgi ── */
.ku-hucre__alt[b-81b8w74prc] { margin-top: 2px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.45; }
.ku-hucre__bos[b-81b8w74prc] { color: var(--metin-ipucu); }
.ku-hucre__gec[b-81b8w74prc] { color: var(--red-600); }
.ku-hucre__eylem[b-81b8w74prc] { display: flex; flex-wrap: wrap; gap: 6px; row-gap: 4px; justify-content: flex-end; }

.ku-bos[b-81b8w74prc] { margin: 0; padding: 14px 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* Not satırı silikleştirilmez: "rozet neden eksik" bilgisini taşıyan tek yer. */
.ku-not[b-81b8w74prc] { margin: 0 0 10px; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.55; }

/* ── Liste hatası: çıkış yolu olan kutu ── */
.ku-hata[b-81b8w74prc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
}

.ku-hata p[b-81b8w74prc] { margin: 0; min-width: 0; color: var(--red-600); font-size: 13px; line-height: 1.5; }

/* ── Rozetler ── */
.ku-rozet[b-81b8w74prc] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
    color: var(--marka-700);
    font-size: 11.5px;
    font-weight: 600;
}

.ku-rozet--acik[b-81b8w74prc] { background: color-mix(in srgb, var(--basari) 30%, var(--yuzey)); color: var(--basari-metin); }
.ku-rozet--uyari[b-81b8w74prc] { background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey)); color: var(--red-600); }

/* ── Yerinde panel (native dialog YOK — sayfanın JS modülü yok) ── */
.ku-panel__bas[b-81b8w74prc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.ku-panel__baslik[b-81b8w74prc] {
    min-width: 0;
    margin: 0;
    color: var(--marka-700);
    font: 700 16px/1.3 var(--font-display);
    overflow-wrap: anywhere;
}

.ku-panel__alt[b-81b8w74prc] { margin: 3px 0 0; color: var(--metin-ipucu); font-size: 12px; }

.ku-panel__sekmeler[b-81b8w74prc] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 14px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.ku-sekme[b-81b8w74prc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--kose-dugme);
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.ku-sekme:hover[b-81b8w74prc] { background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey)); color: var(--marka-600); }
.ku-sekme[aria-selected="true"][b-81b8w74prc],
.ku-sekme[aria-selected="true"]:hover[b-81b8w74prc] { background: var(--marka-600); color: var(--on-brand); }
.ku-sekme:focus-visible[b-81b8w74prc] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ku-panel__hata[b-81b8w74prc] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    line-height: 1.5;
}

.ku-form[b-81b8w74prc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
}

.ku-blok[b-81b8w74prc] { margin-top: 14px; display: grid; gap: 12px; }

.ku-panel__eylem[b-81b8w74prc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
}

.ku-af[b-81b8w74prc] {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--red-500) 24%, transparent);
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--red-500) 5%, var(--yuzey));
}

/* ── Panel tabloları: ızgara değil, sabit küçük liste ── */
.ku-tablo[b-81b8w74prc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.ku-tablo__baslik[b-81b8w74prc] {
    margin-bottom: 8px;
    color: var(--metin-ipucu);
    font-size: 11.5px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ku-tablo th[b-81b8w74prc] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--hat-kart);
    color: var(--metin-ipucu);
    font-size: 11.5px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ku-tablo td[b-81b8w74prc] {
    padding: 9px 10px;
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 65%, transparent);
    color: var(--metin-murekkep);
    vertical-align: top;
    overflow-wrap: anywhere;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ku-vitrin .au-btn[b-81b8w74prc] { min-height: 44px; }
    .ku-vitrin .au-btn--sm[b-81b8w74prc] { min-height: 44px; }
    .ku-sayfa[b-81b8w74prc]  .app-input { font-size: max(16px, 1rem); }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ku-kapak[b-81b8w74prc] { padding: 16px; }
    .ku-suzgec__alan[b-81b8w74prc] { flex: 1 1 200px; max-width: none; }
    .ku-sayfa[b-81b8w74prc]  .app-grid .grid-scroll { max-height: min(460px, 62dvh); }
    .ku-panel__sekmeler[b-81b8w74prc] { overflow-x: auto; overscroll-behavior-x: contain; }
    .ku-sekme[b-81b8w74prc] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .ku-kapak[b-81b8w74prc] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik" "suzgec" "eylem";
        padding: 12px;
    }

    .ku-kapak .au-title[b-81b8w74prc] { font-size: var(--yazi-kapak, 20px); }
    .ku-bolum[b-81b8w74prc], .ku-panel[b-81b8w74prc] { padding: 16px 12px; }
    .ku-bolum__baslik[b-81b8w74prc] { font-size: var(--yazi-bolum, 14px); }
    .ku-suzgec[b-81b8w74prc] { flex-direction: column; align-items: stretch; }
    .ku-suzgec__alan[b-81b8w74prc] { max-width: none; }
    .ku-eylem .au-btn[b-81b8w74prc] { flex: 1 1 auto; }
    .ku-form[b-81b8w74prc] { grid-template-columns: minmax(0, 1fr); }
    .ku-panel__eylem .au-btn[b-81b8w74prc] { flex: 1 1 auto; }
    .ku-sayfa[b-81b8w74prc]  .grid-table td { font-size: var(--yazi-govde, 13px); }
    .ku-hucre__eylem[b-81b8w74prc] { justify-content: flex-start; }
    /* Dar ekranda panel tablosu kendi alanında kayar; hücre kırpmak "hangi kitap"
       sorusunu yarım cevaplardı. */
    .ku-tablo[b-81b8w74prc] { display: block; overflow-x: auto; }
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve bağlantılar sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ku-kapak[b-81b8w74prc] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas:
            "geri   baslik baslik"
            "suzgec suzgec eylem";
        row-gap: 14px;
    }

    .ku-eylem[b-81b8w74prc] { justify-self: end; }
}
/* _content/EduLive.Web/Components/Pages/Management/NobetAtamalari.razor.rz.scp.css */
/* Nöbet atamaları — Akademik Analiz görsel dili, sayfaya kapsamlı.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Ortak vitrin CSS'i yazılmadı — bu paketin yazma kapsamı sayfa dosyalarıdır. */

.nb-vitrin[b-45pfh5ch24] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ---------- Kapak: başlık + süzgeç + ana eylem, tek beyaz yüzey ---------- */

.nb-kapak[b-45pfh5ch24] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
        "geri baslik eylem"
        "filtre filtre filtre";
    gap: 14px 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nb-kapak__geri[b-45pfh5ch24] { grid-area: geri; }
.nb-kapak__baslik[b-45pfh5ch24] { grid-area: baslik; min-width: 0; }
.nb-suzgec[b-45pfh5ch24] { grid-area: filtre; min-width: 0; }
.nb-kapak__eylem[b-45pfh5ch24] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

.nb-kapak .au-title[b-45pfh5ch24] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.nb-kapak__alt[b-45pfh5ch24] {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

.nb-suzgec > summary[b-45pfh5ch24] { display: none; }
.nb-suzgec__alan[b-45pfh5ch24] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.nb-suzgec__alan > *[b-45pfh5ch24] { flex: 0 1 176px; max-width: 210px; min-width: 0; }

/* ≥1540 fareli: başlık solda kalır, süzgeç + eylem sağ kenara yaslanır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .nb-kapak[b-45pfh5ch24] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik filtre eylem";
    }
    /* `justify-self: end` süzgeci shrink-to-fit ölçtürüyordu: Chromium sarmalı flex kabın
       max-content'ini çocukların `flex: 0 1 176px` tabanını saymadan hesaplayınca kap
       daralıyor, alanlar alt alta yığılıyordu. Kap izini doldurur, hizayı flex satırı verir. */
    .nb-suzgec[b-45pfh5ch24] { justify-self: stretch; }
    .nb-suzgec__alan[b-45pfh5ch24] { justify-content: flex-end; }
}

/* ---------- Kartlar ---------- */

.nb-kart[b-45pfh5ch24],
.nb-bos[b-45pfh5ch24] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
    overflow: hidden;
}

.nb-kart[b-45pfh5ch24]::before,
.nb-bos[b-45pfh5ch24]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nb-kart--tablo[b-45pfh5ch24] { padding: 0; }
.nb-kart--tablo .nb-bolum-basligi[b-45pfh5ch24] { padding: 18px 18px 12px; margin: 0; }

.nb-bolum-basligi[b-45pfh5ch24] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.nb-bolum-basligi[b-45pfh5ch24]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.nb-bos[b-45pfh5ch24] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 30px 20px;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.nb-bos p[b-45pfh5ch24] { margin: 0; line-height: 1.6; max-width: 62ch; }

/* ---------- Tablo ---------- */

.nb-tablo-kaydir[b-45pfh5ch24] {
    max-width: 100%;
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
}

.nb-tablo[b-45pfh5ch24] {
    width: 100%;
    min-width: 880px;
    border-collapse: separate;
    border-spacing: 0;
    font: 400 13px var(--font-body);
}

.nb-tablo th[b-45pfh5ch24],
.nb-tablo td[b-45pfh5ch24] {
    padding: 10px 13px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    border-bottom: 1px solid var(--hat-kart);
    color: var(--metin-murekkep);
}

.nb-tablo thead[b-45pfh5ch24] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.nb-tablo thead th[b-45pfh5ch24] {
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    vertical-align: middle;
}

.nb-tablo tbody tr[b-45pfh5ch24] { background: var(--yuzey); }
.nb-tablo tbody tr:nth-child(even)[b-45pfh5ch24] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.nb-tablo tbody tr:hover[b-45pfh5ch24] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.nb-ad[b-45pfh5ch24] { font-weight: 400; }
.nb-ad strong[b-45pfh5ch24] { display: block; }
.nb-hucre--genis[b-45pfh5ch24] { white-space: normal; max-width: 38ch; }

.nb-ad__ek[b-45pfh5ch24],
.nb-hucre__ek[b-45pfh5ch24] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    color: var(--n-500);
    font-size: 12px;
    font-weight: 400;
}

.nb-eylem[b-45pfh5ch24] { display: flex; flex-wrap: wrap; gap: 6px; }
.nb-gizli-metin[b-45pfh5ch24] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.nb-sayfalama[b-45pfh5ch24] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
}

.nb-sayfalama__bilgi[b-45pfh5ch24] { margin-right: auto; color: var(--n-500); font-size: 12px; }

/* ---------- Popup (native dialog, üst katman) ---------- */

.nb-popup[b-45pfh5ch24] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.nb-popup[open][b-45pfh5ch24] { display: flex; flex-direction: column; }
.nb-popup[b-45pfh5ch24]::backdrop { background: var(--scrim); }

.nb-popup__bas[b-45pfh5ch24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.nb-popup__bas h2[b-45pfh5ch24] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.nb-popup__bas h2:focus[b-45pfh5ch24] { outline: none; }

.nb-popup__kapat[b-45pfh5ch24] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.nb-popup__govde[b-45pfh5ch24] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.nb-popup__eylem[b-45pfh5ch24] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.nb-tasima[b-45pfh5ch24] {
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
}

.nb-tasima > legend[b-45pfh5ch24] { padding: 0 6px; color: var(--metin-ikincil); font: 700 12px var(--font-body); }

.nb-not[b-45pfh5ch24] { margin: 10px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

.nb-uyari[b-45pfh5ch24] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--danger) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger);
    font-size: 12.5px;
    line-height: 1.5;
}

/* ---------- Ortak kontrol görünümü (alt bileşenler) ---------- */

.nb-vitrin[b-45pfh5ch24]  .app-field__label {
    color: var(--n-500);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}

.nb-vitrin[b-45pfh5ch24]  .app-input {
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.nb-vitrin[b-45pfh5ch24]  .app-input.app-date { padding-right: 38px; }

.nb-vitrin .au-btn[b-45pfh5ch24] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.nb-vitrin .au-btn:hover:not(:disabled)[b-45pfh5ch24] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.nb-vitrin .au-btn--primary[b-45pfh5ch24] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.nb-vitrin .au-btn--primary:hover:not(:disabled)[b-45pfh5ch24] { background: var(--marka-500); border-color: var(--marka-500); }
.nb-vitrin .au-btn--danger[b-45pfh5ch24] { background: color-mix(in srgb, var(--danger) 10%, var(--yuzey)); border-color: color-mix(in srgb, var(--danger) 30%, transparent); color: var(--danger); }
.nb-vitrin .au-btn:focus-visible[b-45pfh5ch24] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.nb-vitrin[b-45pfh5ch24]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ---------- TABLET ---------- */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .nb-kapak[b-45pfh5ch24] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "eylem eylem"
            "filtre filtre";
        padding: 16px;
    }
    .nb-kapak__eylem[b-45pfh5ch24] { justify-content: flex-start; }
    .nb-suzgec__alan > *[b-45pfh5ch24] { flex: 1 1 200px; max-width: none; }
}

/* ---------- CİHAZ (telefon ∪ tablet): dokunma hedefleri ve yapışık ilk sütun ---------- */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .nb-vitrin .au-btn[b-45pfh5ch24] { min-height: 44px; }
    .nb-vitrin[b-45pfh5ch24]  .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
    .nb-popup[b-45pfh5ch24] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }

    .nb-tablo th:first-child[b-45pfh5ch24],
    .nb-tablo td:first-child[b-45pfh5ch24] {
        position: sticky;
        left: 0;
        z-index: 2;
        box-shadow: 1px 0 0 var(--hat-kart);
    }
    .nb-tablo thead th:first-child[b-45pfh5ch24] { z-index: 5; background: var(--marka-500); }
    .nb-tablo tbody th:first-child[b-45pfh5ch24] { background: var(--yuzey); }
    .nb-tablo tbody tr:nth-child(even) th:first-child[b-45pfh5ch24] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
}

/* ---------- TELEFON ---------- */
@media (max-width: 640px) {
    .nb-kapak[b-45pfh5ch24] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "eylem eylem"
            "filtre filtre";
        gap: 10px 8px;
        padding: 12px;
    }
    .nb-kapak .au-title[b-45pfh5ch24] { font-size: var(--yazi-kapak, 20px); }
    .nb-kapak__eylem[b-45pfh5ch24] { width: 100%; }
    .nb-kapak__eylem .au-btn[b-45pfh5ch24] { flex: 1 1 auto; }

    .nb-suzgec > summary[b-45pfh5ch24] {
        display: flex;
        align-items: center;
        min-height: 44px;
        cursor: pointer;
        color: var(--marka-700);
        font: 600 12.5px var(--font-body);
    }
    .nb-suzgec__alan[b-45pfh5ch24] { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 8px; }
    .nb-suzgec__alan > *[b-45pfh5ch24] { max-width: none; }

    .nb-bolum-basligi[b-45pfh5ch24] { font-size: var(--yazi-bolum, 14px); }
    .nb-kart--tablo .nb-bolum-basligi[b-45pfh5ch24] { padding: 14px 12px 10px; }
    .nb-popup__bas[b-45pfh5ch24], .nb-popup__govde[b-45pfh5ch24], .nb-popup__eylem[b-45pfh5ch24] { padding: 12px; }
    .nb-popup__eylem .au-btn[b-45pfh5ch24] { flex: 1 1 auto; }
    .nb-sayfalama[b-45pfh5ch24] { padding: 12px; }
    .nb-vitrin .au-form-grid[b-45pfh5ch24] { grid-template-columns: 1fr; }
}
/* _content/EduLive.Web/Components/Pages/Management/NobetCizelgeleri.razor.rz.scp.css */
/* Nöbet çizelgeleri — Akademik Analiz görsel dili, sayfaya kapsamlı.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Ortak vitrin CSS'i yazılmadı — bu paketin yazma kapsamı sayfa dosyalarıdır. */

.nb-vitrin[b-5u9xzafxsz] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ---------- Kapak: başlık + süzgeç + ana eylem, tek beyaz yüzey ---------- */

.nb-kapak[b-5u9xzafxsz] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
        "geri baslik eylem"
        "filtre filtre filtre";
    gap: 14px 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nb-kapak__geri[b-5u9xzafxsz] { grid-area: geri; }
.nb-kapak__baslik[b-5u9xzafxsz] { grid-area: baslik; min-width: 0; }
.nb-suzgec[b-5u9xzafxsz] { grid-area: filtre; min-width: 0; }
.nb-kapak__eylem[b-5u9xzafxsz] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

.nb-kapak .au-title[b-5u9xzafxsz] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.nb-kapak__alt[b-5u9xzafxsz] {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

.nb-suzgec > summary[b-5u9xzafxsz] { display: none; }
.nb-suzgec__alan[b-5u9xzafxsz] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.nb-suzgec__alan > *[b-5u9xzafxsz] { flex: 0 1 176px; max-width: 210px; min-width: 0; }

/* ≥1540 fareli: başlık solda kalır, süzgeç + eylem sağ kenara yaslanır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .nb-kapak[b-5u9xzafxsz] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik filtre eylem";
    }
    /* `end` sarmalayıcıyı shrink-to-fit ölçtürür ve sarmalı flex satırın
       max-content'i çocukların `flex: 0 1 176px` tabanını saymaz → alanlar alt
       alta yığılırdı. Sarmalayıcı izi tam sütunu alır; sağa yaslama iç flex
       satırında yapılır (NobetDefteri / NobetAtamalari ile aynı çözüm). */
    .nb-suzgec[b-5u9xzafxsz] { justify-self: stretch; }
    .nb-suzgec__alan[b-5u9xzafxsz] { justify-content: flex-end; }
}

/* ---------- Kartlar ---------- */

.nb-kart[b-5u9xzafxsz],
.nb-bos[b-5u9xzafxsz] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
    overflow: hidden;
}

.nb-kart[b-5u9xzafxsz]::before,
.nb-bos[b-5u9xzafxsz]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nb-kart--tablo[b-5u9xzafxsz] { padding: 0; }
.nb-kart--tablo .nb-bolum-basligi[b-5u9xzafxsz] { padding: 18px 18px 12px; margin: 0; }

.nb-bolum-basligi[b-5u9xzafxsz] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.nb-bolum-basligi[b-5u9xzafxsz]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.nb-bos[b-5u9xzafxsz] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 30px 20px;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.nb-bos p[b-5u9xzafxsz] { margin: 0; line-height: 1.6; max-width: 62ch; }

/* ---------- Tablo ---------- */

.nb-tablo-kaydir[b-5u9xzafxsz] {
    max-width: 100%;
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
}

.nb-tablo[b-5u9xzafxsz] {
    width: 100%;
    min-width: 940px;
    border-collapse: separate;
    border-spacing: 0;
    font: 400 13px var(--font-body);
}

.nb-tablo th[b-5u9xzafxsz],
.nb-tablo td[b-5u9xzafxsz] {
    padding: 10px 13px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    border-bottom: 1px solid var(--hat-kart);
    color: var(--metin-murekkep);
}

.nb-tablo thead[b-5u9xzafxsz] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.nb-tablo thead th[b-5u9xzafxsz] {
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    vertical-align: middle;
}

.nb-tablo tbody tr[b-5u9xzafxsz] { background: var(--yuzey); }
.nb-tablo tbody tr:nth-child(even)[b-5u9xzafxsz] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.nb-tablo tbody tr:hover[b-5u9xzafxsz] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.nb-ad[b-5u9xzafxsz] { font-weight: 400; }
.nb-ad strong[b-5u9xzafxsz] { display: block; max-width: 34ch; overflow: hidden; text-overflow: ellipsis; }
.nb-ad__ek[b-5u9xzafxsz],
.nb-hucre__ek[b-5u9xzafxsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    color: var(--n-500);
    font-size: 12px;
    font-weight: 400;
}

.nb-sayi[b-5u9xzafxsz] { font-variant-numeric: tabular-nums; text-align: right; }
.nb-eylem[b-5u9xzafxsz] { display: flex; flex-wrap: wrap; gap: 6px; }
.nb-gizli-metin[b-5u9xzafxsz] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.nb-sayfalama[b-5u9xzafxsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
}

.nb-sayfalama__bilgi[b-5u9xzafxsz] { margin-right: auto; color: var(--n-500); font-size: 12px; }

/* ---------- Popup (native dialog, üst katman) ---------- */

.nb-popup[b-5u9xzafxsz] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.nb-popup--genis[b-5u9xzafxsz] { width: min(880px, calc(100vw - 48px)); }
.nb-popup--dar[b-5u9xzafxsz] { width: min(520px, calc(100vw - 48px)); }
.nb-popup[open][b-5u9xzafxsz] { display: flex; flex-direction: column; }
.nb-popup[b-5u9xzafxsz]::backdrop { background: var(--scrim); }

.nb-popup__bas[b-5u9xzafxsz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.nb-popup__bas h2[b-5u9xzafxsz] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.nb-popup__bas h2:focus[b-5u9xzafxsz] { outline: none; }

.nb-popup__kapat[b-5u9xzafxsz] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.nb-popup__govde[b-5u9xzafxsz] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.nb-popup__eylem[b-5u9xzafxsz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ---------- Popup içi bloklar ---------- */

.nb-anahtarlar[b-5u9xzafxsz] { display: flex; flex-wrap: wrap; gap: 16px; margin: 14px 0 0; }

.nb-ek-gunler[b-5u9xzafxsz] {
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
}

.nb-ek-gunler > legend[b-5u9xzafxsz] { padding: 0 6px; color: var(--metin-ikincil); font: 700 12px var(--font-body); }
.nb-ek-gunler__alan[b-5u9xzafxsz] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.nb-ek-gunler__alan > :first-child[b-5u9xzafxsz] { flex: 0 1 176px; min-width: 0; }

.nb-ozet[b-5u9xzafxsz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
}

.nb-ozet > li[b-5u9xzafxsz] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px 14px;
    border-right: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

.nb-ozet > li:last-child[b-5u9xzafxsz] { border-right: 0; }
.nb-ozet > li > span[b-5u9xzafxsz] { color: var(--n-500); font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.nb-ozet > li > strong[b-5u9xzafxsz] { font: 700 23px/1 var(--font-display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }

.nb-not[b-5u9xzafxsz] { margin: 10px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

.nb-uyari[b-5u9xzafxsz] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--danger) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger);
    font-size: 12.5px;
    line-height: 1.5;
}

.nb-liste[b-5u9xzafxsz] { margin: 8px 0 0; padding-inline-start: 20px; font-size: 13px; line-height: 1.7; }
.nb-liste--uyari[b-5u9xzafxsz] { color: var(--metin-ikincil); }
.nb-engel[b-5u9xzafxsz] { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-inline-start: 6px; }

.nb-katlanir[b-5u9xzafxsz] { margin: 14px 0 0; font-size: 13px; color: var(--metin-ikincil); }
.nb-katlanir > summary[b-5u9xzafxsz] { cursor: pointer; padding: 8px 0; font-weight: 600; color: var(--marka-700); }

.nb-rozetler[b-5u9xzafxsz] { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }

/* ---------- Ortak kontrol görünümü (alt bileşenler) ---------- */

.nb-vitrin[b-5u9xzafxsz]  .app-field__label {
    color: var(--n-500);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}

.nb-vitrin[b-5u9xzafxsz]  .app-input {
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.nb-vitrin[b-5u9xzafxsz]  .app-input.app-date { padding-right: 38px; }

.nb-vitrin .au-btn[b-5u9xzafxsz] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.nb-vitrin .au-btn:hover:not(:disabled)[b-5u9xzafxsz] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.nb-vitrin .au-btn--primary[b-5u9xzafxsz] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.nb-vitrin .au-btn--primary:hover:not(:disabled)[b-5u9xzafxsz] { background: var(--marka-500); border-color: var(--marka-500); }
.nb-vitrin .au-btn--danger[b-5u9xzafxsz] { background: color-mix(in srgb, var(--danger) 10%, var(--yuzey)); border-color: color-mix(in srgb, var(--danger) 30%, transparent); color: var(--danger); }
.nb-vitrin .au-btn:focus-visible[b-5u9xzafxsz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.nb-vitrin[b-5u9xzafxsz]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ---------- TABLET ---------- */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .nb-kapak[b-5u9xzafxsz] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "eylem eylem"
            "filtre filtre";
        padding: 16px;
    }
    .nb-kapak__eylem[b-5u9xzafxsz] { justify-content: flex-start; }
    .nb-suzgec__alan > *[b-5u9xzafxsz] { flex: 1 1 200px; max-width: none; }
}

/* ---------- CİHAZ (telefon ∪ tablet): dokunma hedefleri ve yapışık ilk sütun ---------- */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .nb-vitrin .au-btn[b-5u9xzafxsz] { min-height: 44px; }
    .nb-vitrin[b-5u9xzafxsz]  .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
    .nb-popup[b-5u9xzafxsz] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }

    .nb-tablo th:first-child[b-5u9xzafxsz],
    .nb-tablo td:first-child[b-5u9xzafxsz] {
        position: sticky;
        left: 0;
        z-index: 2;
        box-shadow: 1px 0 0 var(--hat-kart);
    }
    .nb-tablo thead th:first-child[b-5u9xzafxsz] { z-index: 5; background: var(--marka-500); }
    .nb-tablo tbody th:first-child[b-5u9xzafxsz] { background: var(--yuzey); }
    .nb-tablo tbody tr:nth-child(even) th:first-child[b-5u9xzafxsz] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
}

/* ---------- TELEFON ---------- */
@media (max-width: 640px) {
    .nb-kapak[b-5u9xzafxsz] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "eylem eylem"
            "filtre filtre";
        gap: 10px 8px;
        padding: 12px;
    }
    .nb-kapak .au-title[b-5u9xzafxsz] { font-size: var(--yazi-kapak, 20px); }
    .nb-kapak__eylem[b-5u9xzafxsz] { width: 100%; }
    .nb-kapak__eylem .au-btn[b-5u9xzafxsz] { flex: 1 1 auto; }

    .nb-suzgec > summary[b-5u9xzafxsz] {
        display: flex;
        align-items: center;
        min-height: 44px;
        cursor: pointer;
        color: var(--marka-700);
        font: 600 12.5px var(--font-body);
    }
    .nb-suzgec__alan[b-5u9xzafxsz] { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 8px; }
    .nb-suzgec__alan > *[b-5u9xzafxsz] { max-width: none; }

    .nb-bolum-basligi[b-5u9xzafxsz] { font-size: var(--yazi-bolum, 14px); }
    .nb-kart--tablo .nb-bolum-basligi[b-5u9xzafxsz] { padding: 14px 12px 10px; }
    .nb-popup__bas[b-5u9xzafxsz], .nb-popup__govde[b-5u9xzafxsz], .nb-popup__eylem[b-5u9xzafxsz] { padding: 12px; }
    .nb-popup__eylem .au-btn[b-5u9xzafxsz] { flex: 1 1 auto; }
    .nb-ozet[b-5u9xzafxsz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nb-ozet > li:nth-child(2n)[b-5u9xzafxsz] { border-right: 0; }
    .nb-ozet > li > strong[b-5u9xzafxsz] { font-size: var(--yazi-kpi, 20px); }
    .nb-anahtarlar[b-5u9xzafxsz] { flex-direction: column; gap: 6px; }
    .nb-sayfalama[b-5u9xzafxsz] { padding: 12px; }
    .nb-vitrin .au-form-grid[b-5u9xzafxsz] { grid-template-columns: 1fr; }
}
/* _content/EduLive.Web/Components/Pages/Management/NobetDefteri.razor.rz.scp.css */
/* Nöbet defteri — Akademik Analiz görsel dili, sayfaya kapsamlı.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Ortak vitrin CSS'i yazılmadı — bu paketin yazma kapsamı sayfa dosyalarıdır. */

.nb-vitrin[b-8zmqpjvqqy] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ---------- Kapak: başlık + süzgeç + ana eylem, tek beyaz yüzey ---------- */

.nb-kapak[b-8zmqpjvqqy] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
        "geri baslik eylem"
        "filtre filtre filtre";
    gap: 14px 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nb-kapak__geri[b-8zmqpjvqqy] { grid-area: geri; }
.nb-kapak__baslik[b-8zmqpjvqqy] { grid-area: baslik; min-width: 0; }
.nb-suzgec[b-8zmqpjvqqy] { grid-area: filtre; min-width: 0; }
.nb-kapak__eylem[b-8zmqpjvqqy] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

.nb-kapak .au-title[b-8zmqpjvqqy] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.nb-kapak__alt[b-8zmqpjvqqy] {
    margin: 4px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

.nb-suzgec > summary[b-8zmqpjvqqy] { display: none; }
.nb-suzgec__alan[b-8zmqpjvqqy] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.nb-suzgec__alan > *[b-8zmqpjvqqy] { flex: 0 1 176px; max-width: 210px; min-width: 0; }

/* ≥1540 fareli: başlık solda kalır, süzgeç + eylem sağ kenara yaslanır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .nb-kapak[b-8zmqpjvqqy] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik filtre eylem";
    }
    /* `justify-self: end` ızgara öğesini shrink-to-fit ölçtürür; Chromium sarmalayan flex
       satırının max-content'ini çocukların İÇERİK genişliğinden hesaplar ve `flex: 0 1 176px`
       tabanını saymaz → kap daralır, alanlar alt alta yığılıp kapağı uzatırdı. Kap gerdirilir,
       sağa yaslama iç flex satırında yapılır (dar ekranda sarma korunur). */
    .nb-suzgec[b-8zmqpjvqqy] { justify-self: stretch; }
    .nb-suzgec__alan[b-8zmqpjvqqy] { justify-content: flex-end; }
}

/* ---------- Kartlar ---------- */

.nb-kart[b-8zmqpjvqqy],
.nb-bos[b-8zmqpjvqqy] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
    overflow: hidden;
}

.nb-kart[b-8zmqpjvqqy]::before,
.nb-bos[b-8zmqpjvqqy]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nb-kart--tablo[b-8zmqpjvqqy] { padding: 0; }
.nb-kart--tablo .nb-bolum-basligi[b-8zmqpjvqqy] { padding: 18px 18px 12px; margin: 0; }

.nb-bolum-basligi[b-8zmqpjvqqy] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.nb-bolum-basligi[b-8zmqpjvqqy]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.nb-bos[b-8zmqpjvqqy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 30px 20px;
    color: var(--metin-ikincil);
    font-size: 13px;
}

.nb-bos p[b-8zmqpjvqqy] { margin: 0; line-height: 1.6; max-width: 62ch; }

/* ---------- Tablo ---------- */

.nb-tablo-kaydir[b-8zmqpjvqqy] {
    max-width: 100%;
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
}

.nb-tablo[b-8zmqpjvqqy] {
    width: 100%;
    min-width: 880px;
    border-collapse: separate;
    border-spacing: 0;
    font: 400 13px var(--font-body);
}

.nb-tablo th[b-8zmqpjvqqy],
.nb-tablo td[b-8zmqpjvqqy] {
    padding: 10px 13px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    border-bottom: 1px solid var(--hat-kart);
    color: var(--metin-murekkep);
}

.nb-tablo thead[b-8zmqpjvqqy] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.nb-tablo thead th[b-8zmqpjvqqy] {
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    vertical-align: middle;
}

.nb-tablo tbody tr[b-8zmqpjvqqy] { background: var(--yuzey); }
.nb-tablo tbody tr:nth-child(even)[b-8zmqpjvqqy] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.nb-tablo tbody tr:hover[b-8zmqpjvqqy] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }

.nb-ad[b-8zmqpjvqqy] { font-weight: 400; }
.nb-ad strong[b-8zmqpjvqqy] { display: block; }
.nb-hucre--genis[b-8zmqpjvqqy] { white-space: normal; max-width: 38ch; }

.nb-ad__ek[b-8zmqpjvqqy],
.nb-hucre__ek[b-8zmqpjvqqy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    color: var(--n-500);
    font-size: 12px;
    font-weight: 400;
}

.nb-eylem[b-8zmqpjvqqy] { display: flex; flex-wrap: wrap; gap: 6px; }
.nb-gizli-metin[b-8zmqpjvqqy] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.nb-sayfalama[b-8zmqpjvqqy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
}

.nb-sayfalama__bilgi[b-8zmqpjvqqy] { margin-right: auto; color: var(--n-500); font-size: 12px; }

/* ---------- Popup (native dialog, üst katman) ---------- */

.nb-popup[b-8zmqpjvqqy] {
    width: min(720px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.nb-popup[open][b-8zmqpjvqqy] { display: flex; flex-direction: column; }
.nb-popup[b-8zmqpjvqqy]::backdrop { background: var(--scrim); }

/* Silme onayı tek cümle taşır; yazma penceresiyle aynı genişlik onu boş gösterirdi.
   Ölçü NobetYerleri'ndeki `.nyer-popup--dar` ile aynı. */
.nb-popup--dar[b-8zmqpjvqqy] { width: min(460px, calc(100vw - 48px)); }

.nb-onay[b-8zmqpjvqqy] {
    margin: 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.6;
}

.nb-popup__bas[b-8zmqpjvqqy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.nb-popup__bas h2[b-8zmqpjvqqy] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.nb-popup__bas h2:focus[b-8zmqpjvqqy] { outline: none; }

.nb-popup__kapat[b-8zmqpjvqqy] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.nb-popup__govde[b-8zmqpjvqqy] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.nb-popup__eylem[b-8zmqpjvqqy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* Görünüm segmenti — Akademik Analiz'in zaman segmentiyle aynı ölçüler. */
.nb-segment[b-8zmqpjvqqy] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--hat-girdi);
    border-radius: 3px 11px 11px 11px;
    background: var(--yuzey);
}

.nb-segment__dugme[b-8zmqpjvqqy] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12px var(--font-body);
    cursor: pointer;
}

.nb-segment__dugme:hover[b-8zmqpjvqqy] { background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey)); color: var(--marka-600); }
.nb-segment__dugme.is-secili[b-8zmqpjvqqy] { background: var(--marka-600); color: var(--on-brand); }
.nb-segment__dugme:focus-visible[b-8zmqpjvqqy] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.nb-soluk[b-8zmqpjvqqy] { color: var(--metin-ipucu); }
.nb-ozet-metin[b-8zmqpjvqqy] { display: block; max-width: 44ch; overflow-wrap: anywhere; }

.nb-not[b-8zmqpjvqqy] { margin: 10px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.nb-not--govde[b-8zmqpjvqqy] { margin: 0; padding: 0 18px 16px; }

.nb-uyari[b-8zmqpjvqqy] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--danger) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger);
    font-size: 12.5px;
    line-height: 1.5;
}

.nb-uyari--govde[b-8zmqpjvqqy] { margin: 0 18px 12px; }

/* ---------- Disiplin olayı bağı (M1-11) ----------
   Bağ YUMUŞAK bir referanstır (sunucuda FK yok); bu yüzden görsel dil "kesin bir ilişki"
   değil "işaret" söyler: ayrı kutu değil, olay sayısının hemen altında bir şerit. */
.nb-olay[b-8zmqpjvqqy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed var(--hat-kart);
}

.nb-olay__bagli[b-8zmqpjvqqy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.nb-olay__ac[b-8zmqpjvqqy], .nb-olay__elle[b-8zmqpjvqqy] { align-self: flex-start; }

.nb-olay-baglanti[b-8zmqpjvqqy] {
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: underline;
}

.nb-olay-baglanti:hover[b-8zmqpjvqqy] { color: var(--marka-600); }
.nb-olay-baglanti:focus-visible[b-8zmqpjvqqy] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ---------- Ortak kontrol görünümü (alt bileşenler) ---------- */

.nb-vitrin[b-8zmqpjvqqy]  .app-field__label {
    color: var(--n-500);
    font: 700 10px var(--font-body);
    text-transform: uppercase;
    letter-spacing: .14em;
}

.nb-vitrin[b-8zmqpjvqqy]  .app-input {
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 500 13px var(--font-body);
}

.nb-vitrin[b-8zmqpjvqqy]  .app-input.app-date { padding-right: 38px; }

.nb-vitrin .au-btn[b-8zmqpjvqqy] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.nb-vitrin .au-btn:hover:not(:disabled)[b-8zmqpjvqqy] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.nb-vitrin .au-btn--primary[b-8zmqpjvqqy] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.nb-vitrin .au-btn--primary:hover:not(:disabled)[b-8zmqpjvqqy] { background: var(--marka-500); border-color: var(--marka-500); }
.nb-vitrin .au-btn--danger[b-8zmqpjvqqy] { background: color-mix(in srgb, var(--danger) 10%, var(--yuzey)); border-color: color-mix(in srgb, var(--danger) 30%, transparent); color: var(--danger); }
.nb-vitrin .au-btn:focus-visible[b-8zmqpjvqqy] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.nb-vitrin[b-8zmqpjvqqy]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ---------- TABLET ---------- */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .nb-kapak[b-8zmqpjvqqy] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "eylem eylem"
            "filtre filtre";
        padding: 16px;
    }
    .nb-kapak__eylem[b-8zmqpjvqqy] { justify-content: flex-start; }
    .nb-suzgec__alan > *[b-8zmqpjvqqy] { flex: 1 1 200px; max-width: none; }
}

/* ---------- CİHAZ (telefon ∪ tablet): dokunma hedefleri ve yapışık ilk sütun ---------- */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .nb-vitrin .au-btn[b-8zmqpjvqqy] { min-height: 44px; }
    .nb-segment__dugme[b-8zmqpjvqqy] { min-height: 44px; }
    .nb-vitrin[b-8zmqpjvqqy]  .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
    .nb-popup[b-8zmqpjvqqy] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }

    .nb-tablo th:first-child[b-8zmqpjvqqy],
    .nb-tablo td:first-child[b-8zmqpjvqqy] {
        position: sticky;
        left: 0;
        z-index: 2;
        box-shadow: 1px 0 0 var(--hat-kart);
    }
    .nb-tablo thead th:first-child[b-8zmqpjvqqy] { z-index: 5; background: var(--marka-500); }
    .nb-tablo tbody th:first-child[b-8zmqpjvqqy] { background: var(--yuzey); }
    .nb-tablo tbody tr:nth-child(even) th:first-child[b-8zmqpjvqqy] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
}

/* ---------- TELEFON ---------- */
@media (max-width: 640px) {
    .nb-kapak[b-8zmqpjvqqy] {
        grid-template-columns: 30px minmax(0, 1fr);
        grid-template-areas:
            "geri baslik"
            "eylem eylem"
            "filtre filtre";
        gap: 10px 8px;
        padding: 12px;
    }
    .nb-kapak .au-title[b-8zmqpjvqqy] { font-size: var(--yazi-kapak, 20px); }
    .nb-kapak__eylem[b-8zmqpjvqqy] { width: 100%; }
    .nb-kapak__eylem .au-btn[b-8zmqpjvqqy] { flex: 1 1 auto; }

    .nb-suzgec > summary[b-8zmqpjvqqy] {
        display: flex;
        align-items: center;
        min-height: 44px;
        cursor: pointer;
        color: var(--marka-700);
        font: 600 12.5px var(--font-body);
    }
    .nb-suzgec__alan[b-8zmqpjvqqy] { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 8px; }
    .nb-suzgec__alan > *[b-8zmqpjvqqy] { max-width: none; }

    .nb-bolum-basligi[b-8zmqpjvqqy] { font-size: var(--yazi-bolum, 14px); }
    .nb-kart--tablo .nb-bolum-basligi[b-8zmqpjvqqy] { padding: 14px 12px 10px; }
    .nb-popup__bas[b-8zmqpjvqqy], .nb-popup__govde[b-8zmqpjvqqy], .nb-popup__eylem[b-8zmqpjvqqy] { padding: 12px; }
    .nb-popup__eylem .au-btn[b-8zmqpjvqqy] { flex: 1 1 auto; }
    .nb-popup--dar[b-8zmqpjvqqy] { width: calc(100vw - 24px); }
    .nb-sayfalama[b-8zmqpjvqqy] { padding: 12px; }
    .nb-segment[b-8zmqpjvqqy] { width: 100%; }
    .nb-segment__dugme[b-8zmqpjvqqy] { flex: 1 1 auto; }
    .nb-uyari--govde[b-8zmqpjvqqy] { margin: 0 12px 12px; }
    .nb-not--govde[b-8zmqpjvqqy] { padding: 0 12px 12px; }
    .nb-vitrin .au-form-grid[b-8zmqpjvqqy] { grid-template-columns: 1fr; }
}

/* ---------- M1-10: "Nöbetlerim" rozeti + "Tüm okulun defteri" bloğu ---------- */

/* Rozet, kapak eyleminde segmentin yanında durur. Sayı 0 iken de GÖSTERİLİR:
   "bekleyen 0" bir bilgidir, rozetin kaybolması ise ölçümün kaybolmasıdır. */
.nb-rozet[b-8zmqpjvqqy] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: 3px 11px 11px 11px;
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 600 12px var(--font-body);
    white-space: nowrap;
}

.nb-rozet.is-bekleyen[b-8zmqpjvqqy] {
    border-color: color-mix(in srgb, var(--danger) 30%, transparent);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger);
}

/* Blok yalnız MANAGEMENT_VIEW yetkisi olan kullanıcıda render edilir (PermissionGate). */
.nb-tumokul[b-8zmqpjvqqy] {
    margin-bottom: 16px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    overflow: hidden;
}

.nb-tumokul__baslik[b-8zmqpjvqqy] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 18px;
    cursor: pointer;
    color: var(--marka-700);
    font: 700 13.5px var(--font-display);
}

.nb-tumokul__baslik:focus-visible[b-8zmqpjvqqy] { outline: 2px solid var(--marka-600); outline-offset: -2px; }

.nb-tumokul__govde[b-8zmqpjvqqy] {
    padding: 0 18px 16px;
    border-top: 1px solid var(--hat-kart);
}

.nb-tumokul__govde .nb-suzgec__alan[b-8zmqpjvqqy] { padding-top: 14px; }
.nb-tumokul__govde .nb-kart[b-8zmqpjvqqy] { margin-top: 14px; }

@media (max-width: 719px) {
    .nb-tumokul__baslik[b-8zmqpjvqqy] { padding: 0 12px; }
    .nb-tumokul__govde[b-8zmqpjvqqy] { padding: 0 12px 12px; }
}
/* _content/EduLive.Web/Components/Pages/Management/NobetKisitlari.razor.rz.scp.css */
/* Nöbet kısıtları — Akademik Analiz'in kapak, yüzey, tipografi ve tablo ölçüleri.
   Ölçü referansı: wwwroot/css/org-birimleri-vitrin.css + analiz-vitrin.css
   (docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md).
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz. */

body.edulive-cihaz .au-page.nkis-vitrin[b-wu0k9m8ur2] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: başlık + süzgeçler + ana eylem aynı beyaz yüzeyde ─── */
.nkis-kapak[b-wu0k9m8ur2] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nkis-kapak__geri[b-wu0k9m8ur2] { grid-area: geri; }
.nkis-kapak__baslik[b-wu0k9m8ur2] { grid-area: baslik; min-width: 0; }
.nkis-suzgec[b-wu0k9m8ur2] { grid-area: suzgec; }
.nkis-eylem[b-wu0k9m8ur2] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.nkis-kapak .au-title[b-wu0k9m8ur2] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.nkis-alt[b-wu0k9m8ur2] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
  line-height: 1.5;
}

.nkis-suzgec[b-wu0k9m8ur2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
.nkis-suzgec[b-wu0k9m8ur2]  .app-field { min-width: 0; flex: 0 1 200px; }
/* Tek birimli kullanıcıda BirimSecici sınıfsız bir blok döndürür (yükseklik ~32px),
   kardeş alanlar ise 46px'lik girdiyle ~71px; align-items:flex-end etiketi aşağı
   kaydırıp şeridi zikzak yapıyordu. Sarmalayıcı aynı flex tabanını alır, stretch ile
   satırın gerçek yüksekliğine yayılır — sabit yükseklik yazılmaz. */
.nkis-suzgec__birim[b-wu0k9m8ur2] { flex: 0 1 200px; min-width: 0; align-self: stretch; }
/* Üstteki taban kolon ekseninde YÜKSEKLİK tabanı olurdu; iç alan kendi ölçüsünü alsın. */
.nkis-suzgec__birim[b-wu0k9m8ur2]  .app-field { flex: 0 0 auto; }
/* Yükleniyor/hata/boş dalındaki tam cümle, etiket tipografisiyle şeride yayılmasın. */
.nkis-suzgec__birim[b-wu0k9m8ur2]  p.au-dim {
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
  font: 500 12px/1.4 var(--font-body);
}
.nkis-suzgec[b-wu0k9m8ur2]  .app-field__label,
.nkis-suzgec[b-wu0k9m8ur2]  .au-dim {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.nkis-suzgec[b-wu0k9m8ur2]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}
.nkis-sifirla[b-wu0k9m8ur2] { align-self: flex-end; }

/* ─── Düğme taban çizgisi ─── */
.nkis-vitrin .au-btn[b-wu0k9m8ur2],
.nkis-popup .au-btn[b-wu0k9m8ur2] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.nkis-vitrin .au-btn:hover:not(:disabled)[b-wu0k9m8ur2],
.nkis-popup .au-btn:hover:not(:disabled)[b-wu0k9m8ur2] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.nkis-vitrin .au-btn--primary[b-wu0k9m8ur2],
.nkis-popup .au-btn--primary[b-wu0k9m8ur2] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.nkis-vitrin .au-btn--primary:hover:not(:disabled)[b-wu0k9m8ur2],
.nkis-popup .au-btn--primary:hover:not(:disabled)[b-wu0k9m8ur2] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.nkis-vitrin .au-btn:disabled[b-wu0k9m8ur2],
.nkis-popup .au-btn:disabled[b-wu0k9m8ur2] { opacity: .55; cursor: not-allowed; }
.nkis-vitrin .au-btn:focus-visible[b-wu0k9m8ur2],
.nkis-popup .au-btn:focus-visible[b-wu0k9m8ur2] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ─── Liste kartı ─── */
.nkis-kart[b-wu0k9m8ur2] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.nkis-kart[b-wu0k9m8ur2]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nkis-bolum-baslik[b-wu0k9m8ur2] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.nkis-bolum-baslik[b-wu0k9m8ur2]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.nkis-bos[b-wu0k9m8ur2] { margin: 0 0 12px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.nkis-ozet[b-wu0k9m8ur2] { margin-top: 2px; color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.45; }
.nkis-gecerlilik[b-wu0k9m8ur2] { color: var(--n-500); }

.nkis-rozet[b-wu0k9m8ur2] {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
}
.nkis-rozet--kesin[b-wu0k9m8ur2] {
  border-color: color-mix(in srgb, var(--marka-600) 28%, transparent);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* ─── Tablo: mavi–petrol başlık geçişi, beyaz gövde, kendi alanında kaydırma ─── */
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table { font-size: 13px; }
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table thead th,
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table thead th:is(:hover, [aria-sort="ascending"], [aria-sort="descending"]) {
  background: transparent;
  border-bottom: none;
}
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-th-label,
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-sort {
  padding: 10px 13px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--on-brand);
}
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  vertical-align: top;
}
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* ─── Etkilenebilir taslak çizelgeler ───
   Kayıttan sonra açılan ikinci kart. İddiası zayıf (tarih çakışması), bu yüzden
   görsel ağırlığı da liste kartından düşük: renkli üst şerit yok. */
.nkis-etki[b-wu0k9m8ur2] { margin-top: 16px; }
.nkis-etki[b-wu0k9m8ur2]::before { display: none; }

.nkis-etki__baslik[b-wu0k9m8ur2] {
  margin: 0 0 10px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.nkis-etki__liste[b-wu0k9m8ur2] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.nkis-etki__liste li[b-wu0k9m8ur2] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  padding: 8px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  font-size: 13px;
}
.nkis-etki__liste--yayim li[b-wu0k9m8ur2] {
  background: var(--yuzey);
  opacity: .82;
}

.nkis-etki__bag[b-wu0k9m8ur2] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}
.nkis-etki__bag:hover[b-wu0k9m8ur2] { text-decoration: underline; }
.nkis-etki__bag:focus-visible[b-wu0k9m8ur2] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.nkis-etki__yayim[b-wu0k9m8ur2] {
  margin: 14px 0 8px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

/* ─── Görünür popup ───
   Arka plan kaydırmasını `showModal()` zaten engeller. `html:has(…)` kuralı scoped
   CSS'te ÖLÜDÜR: kapsam niteliği seçicinin son öğesine eklenir, <html>/<body> onu
   taşımaz. Bu yüzden yazılmıyor. */

.nkis-popup[b-wu0k9m8ur2] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.nkis-popup--dar[b-wu0k9m8ur2] { width: min(460px, calc(100vw - 48px)); }
.nkis-popup[open][b-wu0k9m8ur2] { display: flex; flex-direction: column; }
.nkis-popup[b-wu0k9m8ur2]::backdrop { background: var(--scrim); }

.nkis-popup__bas[b-wu0k9m8ur2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.nkis-popup__bas h2[b-wu0k9m8ur2] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.nkis-popup__bas h2:focus[b-wu0k9m8ur2] { outline: none; }
.nkis-popup__kapat[b-wu0k9m8ur2] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.nkis-popup__govde[b-wu0k9m8ur2] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.nkis-popup__govde .au-form-grid[b-wu0k9m8ur2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.nkis-popup__govde[b-wu0k9m8ur2]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.nkis-popup__govde[b-wu0k9m8ur2]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}

/* ─── Gün seçimi ─── */
.nkis-gunler[b-wu0k9m8ur2] {
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.nkis-gunler__baslik[b-wu0k9m8ur2] {
  padding: 0 4px;
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.nkis-gun-serit[b-wu0k9m8ur2] { display: flex; flex-wrap: wrap; gap: 6px; }
.nkis-gun-serit .au-btn[b-wu0k9m8ur2] { min-width: 46px; justify-content: center; }

.nkis-ipucu[b-wu0k9m8ur2] {
  margin: 10px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}
.nkis-ipucu--uyari[b-wu0k9m8ur2] {
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.nkis-popup__eylem[b-wu0k9m8ur2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.nkis-hata[b-wu0k9m8ur2] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}
.nkis-onay[b-wu0k9m8ur2] { margin: 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nkis-kapak[b-wu0k9m8ur2] { padding: 16px; }
  .nkis-vitrin .au-btn[b-wu0k9m8ur2], .nkis-popup .au-btn[b-wu0k9m8ur2] { min-height: 44px; }
  .nkis-suzgec[b-wu0k9m8ur2]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .nkis-popup__govde[b-wu0k9m8ur2]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ─── CİHAZ (telefon ∪ tablet): ilk anlamlı sütun yapışık ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--marka-500);
  }
  .nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }
  .nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table tbody tr:nth-child(even) td:first-child {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .nkis-kapak[b-wu0k9m8ur2] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec"
      "eylem";
    padding: 12px;
  }
  .nkis-kapak .au-title[b-wu0k9m8ur2] { font-size: var(--yazi-kapak, 20px); }
  .nkis-suzgec[b-wu0k9m8ur2]  .app-field { flex: 1 1 100%; }
  /* Telefonda süzgeç alanları alt alta; birim sarmalayıcısı da tam genişlik olmalı. */
  .nkis-suzgec__birim[b-wu0k9m8ur2] { flex: 1 1 100%; }
  .nkis-eylem .au-btn[b-wu0k9m8ur2] { flex: 1 1 auto; }
  .nkis-kart[b-wu0k9m8ur2] { padding: 16px 12px; }
  .nkis-bolum-baslik[b-wu0k9m8ur2] { font-size: var(--yazi-bolum, 14px); }
  .nkis-popup[b-wu0k9m8ur2], .nkis-popup--dar[b-wu0k9m8ur2] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .nkis-popup__bas[b-wu0k9m8ur2], .nkis-popup__govde[b-wu0k9m8ur2], .nkis-popup__eylem[b-wu0k9m8ur2] { padding: 12px; }
  .nkis-popup__govde .au-form-grid[b-wu0k9m8ur2] { grid-template-columns: minmax(0, 1fr); }
  .nkis-popup__eylem .au-btn[b-wu0k9m8ur2] { flex: 1 1 auto; }
  .nkis-gun-serit .au-btn[b-wu0k9m8ur2] { flex: 1 1 46px; }
  .nkis-kart .nkis-tablo[b-wu0k9m8ur2]  .grid-table { font-size: var(--yazi-govde, 13px); }
}

/* ─── MASAÜSTÜ: geniş ekranda başlık solda, süzgeç ve eylem sağda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .nkis-kapak[b-wu0k9m8ur2] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium sarmalı flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 200px`
     tabanını saymaz → kap daralır, alanlar alt alta yığılır. `stretch` kabı 1fr
     sütununa yayar, sağa yaslamayı `justify-content` üstlenir. */
  .nkis-suzgec[b-wu0k9m8ur2] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nkis-vitrin .au-btn[b-wu0k9m8ur2], .nkis-popup .au-btn[b-wu0k9m8ur2] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/NobetVardiyalari.razor.rz.scp.css */
/* Nöbet vardiyaları — Akademik Analiz'in kapak, yüzey, tipografi ve tablo ölçüleri.
   Ölçü referansı: wwwroot/css/org-birimleri-vitrin.css + analiz-vitrin.css
   (docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md).
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz. */

body.edulive-cihaz .au-page.nvar-vitrin[b-6djhf65q8k] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: başlık ve ana eylem aynı beyaz yüzeyde ─── */
.nvar-kapak[b-6djhf65q8k] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nvar-kapak__geri[b-6djhf65q8k] { grid-area: geri; }
.nvar-kapak__baslik[b-6djhf65q8k] { grid-area: baslik; min-width: 0; }
.nvar-eylem[b-6djhf65q8k] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.nvar-kapak .au-title[b-6djhf65q8k] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.nvar-alt[b-6djhf65q8k] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
  line-height: 1.5;
}

/* ─── Düğme taban çizgisi ─── */
.nvar-vitrin .au-btn[b-6djhf65q8k],
.nvar-popup .au-btn[b-6djhf65q8k] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.nvar-vitrin .au-btn:hover:not(:disabled)[b-6djhf65q8k],
.nvar-popup .au-btn:hover:not(:disabled)[b-6djhf65q8k] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.nvar-vitrin .au-btn--primary[b-6djhf65q8k],
.nvar-popup .au-btn--primary[b-6djhf65q8k] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.nvar-vitrin .au-btn--primary:hover:not(:disabled)[b-6djhf65q8k],
.nvar-popup .au-btn--primary:hover:not(:disabled)[b-6djhf65q8k] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.nvar-vitrin .au-btn:disabled[b-6djhf65q8k],
.nvar-popup .au-btn:disabled[b-6djhf65q8k] { opacity: .55; cursor: not-allowed; }
.nvar-vitrin .au-btn:focus-visible[b-6djhf65q8k],
.nvar-popup .au-btn:focus-visible[b-6djhf65q8k] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ─── Liste kartı ─── */
.nvar-kart[b-6djhf65q8k] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.nvar-kart[b-6djhf65q8k]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nvar-bolum-baslik[b-6djhf65q8k] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.nvar-bolum-baslik[b-6djhf65q8k]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.nvar-bos[b-6djhf65q8k] { margin: 0 0 12px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.nvar-sure[b-6djhf65q8k] { margin-top: 2px; color: var(--metin-ipucu); font-size: 11.5px; }
.nvar-sira[b-6djhf65q8k] { color: var(--n-500); font-variant-numeric: tabular-nums; }
.nvar-satir-eylem[b-6djhf65q8k] { display: flex; flex-wrap: wrap; gap: 6px; }

/* ─── Tablo: mavi–petrol başlık geçişi, beyaz gövde, kendi alanında kaydırma ─── */
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table { font-size: 13px; }
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table thead th,
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table thead th:is(:hover, [aria-sort="ascending"], [aria-sort="descending"]) {
  background: transparent;
  border-bottom: none;
}
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-th-label,
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-sort {
  padding: 10px 13px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--on-brand);
}
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  vertical-align: top;
}
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* ─── Görünür popup ───
   Arka plan kaydırmasını `showModal()` zaten engeller. `html:has(…)` kuralı scoped
   CSS'te ÖLÜDÜR: kapsam niteliği seçicinin son öğesine eklenir, <html>/<body> onu
   taşımaz. Bu yüzden yazılmıyor. */

.nvar-popup[b-6djhf65q8k] {
  width: min(660px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.nvar-popup--dar[b-6djhf65q8k] { width: min(460px, calc(100vw - 48px)); }
.nvar-popup[open][b-6djhf65q8k] { display: flex; flex-direction: column; }
.nvar-popup[b-6djhf65q8k]::backdrop { background: var(--scrim); }

.nvar-popup__bas[b-6djhf65q8k] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.nvar-popup__bas h2[b-6djhf65q8k] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.nvar-popup__bas h2:focus[b-6djhf65q8k] { outline: none; }
.nvar-popup__kapat[b-6djhf65q8k] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.nvar-popup__govde[b-6djhf65q8k] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.nvar-popup__govde .au-form-grid[b-6djhf65q8k] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.nvar-popup__govde[b-6djhf65q8k]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.nvar-popup__govde[b-6djhf65q8k]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}

/* ─── Gün seçimi ─── */
.nvar-gunler[b-6djhf65q8k] {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.nvar-gunler__baslik[b-6djhf65q8k] {
  padding: 0 4px;
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.nvar-gun-serit[b-6djhf65q8k] { display: flex; flex-wrap: wrap; gap: 6px; }
.nvar-gun-serit .au-btn[b-6djhf65q8k] { min-width: 46px; justify-content: center; }
.nvar-ipucu[b-6djhf65q8k] { margin: 8px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

.nvar-popup__eylem[b-6djhf65q8k] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.nvar-hata[b-6djhf65q8k] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}
.nvar-onay[b-6djhf65q8k] { margin: 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nvar-kapak[b-6djhf65q8k] { padding: 16px; }
  .nvar-vitrin .au-btn[b-6djhf65q8k], .nvar-popup .au-btn[b-6djhf65q8k] { min-height: 44px; }
  .nvar-popup__govde[b-6djhf65q8k]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ─── CİHAZ (telefon ∪ tablet): ilk anlamlı sütun yapışık ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--marka-500);
  }
  .nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }
  .nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table tbody tr:nth-child(even) td:first-child {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .nvar-kapak[b-6djhf65q8k] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "eylem";
    padding: 12px;
  }
  .nvar-kapak .au-title[b-6djhf65q8k] { font-size: var(--yazi-kapak, 20px); }
  .nvar-eylem .au-btn[b-6djhf65q8k] { flex: 1 1 auto; }
  .nvar-kart[b-6djhf65q8k] { padding: 16px 12px; }
  .nvar-bolum-baslik[b-6djhf65q8k] { font-size: var(--yazi-bolum, 14px); }
  .nvar-popup[b-6djhf65q8k], .nvar-popup--dar[b-6djhf65q8k] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .nvar-popup__bas[b-6djhf65q8k], .nvar-popup__govde[b-6djhf65q8k], .nvar-popup__eylem[b-6djhf65q8k] { padding: 12px; }
  .nvar-popup__govde .au-form-grid[b-6djhf65q8k] { grid-template-columns: minmax(0, 1fr); }
  .nvar-popup__eylem .au-btn[b-6djhf65q8k] { flex: 1 1 auto; }
  .nvar-gun-serit .au-btn[b-6djhf65q8k] { flex: 1 1 46px; }
  .nvar-kart .nvar-tablo[b-6djhf65q8k]  .grid-table { font-size: var(--yazi-govde, 13px); }
}

/* ─── MASAÜSTÜ: geniş ekranda başlık solda, eylem sağda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .nvar-kapak[b-6djhf65q8k] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }
  .nvar-eylem[b-6djhf65q8k] { justify-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .nvar-vitrin .au-btn[b-6djhf65q8k], .nvar-popup .au-btn[b-6djhf65q8k] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/NobetYerleri.razor.rz.scp.css */
/* Nöbet yerleri — Akademik Analiz'in kapak, yüzey, tipografi ve tablo ölçüleri.
   Ölçü referansı: wwwroot/css/org-birimleri-vitrin.css + analiz-vitrin.css
   (docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md).
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz. */

body.edulive-cihaz .au-page.nyer-vitrin[b-p0upsnj71w] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ─── */
.nyer-kapak[b-p0upsnj71w] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nyer-kapak__geri[b-p0upsnj71w] { grid-area: geri; }
.nyer-kapak__baslik[b-p0upsnj71w] { grid-area: baslik; min-width: 0; }
.nyer-suzgec[b-p0upsnj71w] { grid-area: suzgec; }
.nyer-eylem[b-p0upsnj71w] { grid-area: eylem; }

.nyer-kapak .au-title[b-p0upsnj71w] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

/* `align-items: center` geri'yi başlık+açıklama bloğunun ortasına koyuyor; açıklama
   2 satır olduğu için ok, başlığın değil açıklamanın hizasına iniyor (ölçüm: +20px).
   Ok, h1 satır kutusunun merkezine çekilir. Telefonda geri kendi satırında ve başlık
   20px olduğu için formülün 23px öncülü geçersiz → kural 641px'ten itibaren geçerli. */
@media (min-width: 641px) {
  .nyer-kapak__geri[b-p0upsnj71w] {
    align-self: start;
    margin-top: calc((23px * 1.1 - 30px) / 2); /* h1 satır kutusu 25.3px, düğme 30px → -2.35px */
  }
}

.nyer-alt[b-p0upsnj71w] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
  line-height: 1.5;
}

.nyer-suzgec[b-p0upsnj71w] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.nyer-suzgec[b-p0upsnj71w]  .app-field { min-width: 0; flex: 0 1 210px; }
.nyer-suzgec[b-p0upsnj71w]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.nyer-suzgec[b-p0upsnj71w]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}

.nyer-eylem[b-p0upsnj71w] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ─── Düğme taban çizgisi ─── */
.nyer-vitrin .au-btn[b-p0upsnj71w],
.nyer-popup .au-btn[b-p0upsnj71w] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.nyer-vitrin .au-btn:hover:not(:disabled)[b-p0upsnj71w],
.nyer-popup .au-btn:hover:not(:disabled)[b-p0upsnj71w] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.nyer-vitrin .au-btn--primary[b-p0upsnj71w],
.nyer-popup .au-btn--primary[b-p0upsnj71w] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.nyer-vitrin .au-btn--primary:hover:not(:disabled)[b-p0upsnj71w],
.nyer-popup .au-btn--primary:hover:not(:disabled)[b-p0upsnj71w] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.nyer-vitrin .au-btn:disabled[b-p0upsnj71w],
.nyer-popup .au-btn:disabled[b-p0upsnj71w] { opacity: .55; cursor: not-allowed; }
.nyer-vitrin .au-btn:focus-visible[b-p0upsnj71w],
.nyer-popup .au-btn:focus-visible[b-p0upsnj71w] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.nyer-sifirla[b-p0upsnj71w] { align-self: flex-end; }

/* Bina listesi alınamadığında süzgecin yerini tutan açıklama. */
.nyer-suzgec-not[b-p0upsnj71w] {
  align-self: flex-end;
  max-width: 44ch;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ─── Liste kartı ─── */
.nyer-kart[b-p0upsnj71w] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.nyer-kart[b-p0upsnj71w]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nyer-bolum-baslik[b-p0upsnj71w] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.nyer-bolum-baslik[b-p0upsnj71w]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.nyer-bos[b-p0upsnj71w] { margin: 0 0 12px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.nyer-kod[b-p0upsnj71w] { color: var(--metin-ipucu); font-size: 11.5px; letter-spacing: .04em; }
.nyer-aciklama[b-p0upsnj71w] { margin-top: 2px; color: var(--metin-ikincil); font-size: 12px; line-height: 1.45; }
.nyer-kadro[b-p0upsnj71w] { font-weight: 700; font-variant-numeric: tabular-nums; }
.nyer-kadro-birim[b-p0upsnj71w] { margin-inline-start: 4px; color: var(--metin-ipucu); font-size: 11.5px; }
.nyer-sira[b-p0upsnj71w] { color: var(--n-500); font-variant-numeric: tabular-nums; }
.nyer-satir-eylem[b-p0upsnj71w] { display: flex; flex-wrap: wrap; gap: 6px; }

/* ─── Tablo: mavi–petrol başlık geçişi, beyaz gövde, kendi alanında kaydırma ─── */
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table { font-size: 13px; }
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table thead th,
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table thead th:is(:hover, [aria-sort="ascending"], [aria-sort="descending"]) {
  background: transparent;
  border-bottom: none;
}
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-th-label,
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-sort {
  padding: 10px 13px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--on-brand);
}
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  vertical-align: top;
}
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* ─── Görünür popup: native top layer, başlık ve eylemler sabit ───
   Arka plan kaydırması AYRI bir kuralla kapatılmaz: `showModal()` belgeyi zaten
   "modal dialog tarafından bloke" duruma sokar. Burada `html:has(…)` yazmak ÖLÜ
   KODDUR — scoped CSS kapsam niteliğini seçicinin son öğesine ekler ve <html>/<body>
   o niteliği hiç taşımaz. (optik-vitrin.css'teki aynı kural GLOBAL dosyada olduğu
   için çalışır; buraya kopyalanamaz.) */

.nyer-popup[b-p0upsnj71w] {
  width: min(660px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.nyer-popup--dar[b-p0upsnj71w] { width: min(460px, calc(100vw - 48px)); }
.nyer-popup[open][b-p0upsnj71w] { display: flex; flex-direction: column; }
.nyer-popup[b-p0upsnj71w]::backdrop { background: var(--scrim); }

.nyer-popup__bas[b-p0upsnj71w] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.nyer-popup__bas h2[b-p0upsnj71w] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.nyer-popup__bas h2:focus[b-p0upsnj71w] { outline: none; }
.nyer-popup__kapat[b-p0upsnj71w] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.nyer-popup__govde[b-p0upsnj71w] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.nyer-popup__govde .au-form-grid[b-p0upsnj71w] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.nyer-popup__govde[b-p0upsnj71w]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.nyer-popup__govde[b-p0upsnj71w]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}

.nyer-popup__eylem[b-p0upsnj71w] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.nyer-hata[b-p0upsnj71w] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}
.nyer-not[b-p0upsnj71w], .nyer-onay[b-p0upsnj71w] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}
.nyer-not[b-p0upsnj71w] { margin-top: 10px; }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nyer-kapak[b-p0upsnj71w] { padding: 16px; }
  .nyer-vitrin .au-btn[b-p0upsnj71w], .nyer-popup .au-btn[b-p0upsnj71w] { min-height: 44px; }
  .nyer-suzgec[b-p0upsnj71w]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .nyer-popup__govde[b-p0upsnj71w]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ─── CİHAZ (telefon ∪ tablet): ilk anlamlı sütun yapışık ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--marka-500);
  }
  .nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }
  .nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table tbody tr:nth-child(even) td:first-child {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .nyer-kapak[b-p0upsnj71w] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec"
      "eylem";
    padding: 12px;
  }
  .nyer-kapak .au-title[b-p0upsnj71w] { font-size: var(--yazi-kapak, 20px); }
  .nyer-alt[b-p0upsnj71w] { font-size: var(--yazi-kucuk, 12px); }
  .nyer-suzgec[b-p0upsnj71w]  .app-field { flex: 1 1 100%; }
  .nyer-eylem .au-btn[b-p0upsnj71w] { flex: 1 1 auto; }
  .nyer-kart[b-p0upsnj71w] { padding: 16px 12px; }
  .nyer-bolum-baslik[b-p0upsnj71w] { font-size: var(--yazi-bolum, 14px); }
  .nyer-popup[b-p0upsnj71w], .nyer-popup--dar[b-p0upsnj71w] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .nyer-popup__bas[b-p0upsnj71w], .nyer-popup__govde[b-p0upsnj71w], .nyer-popup__eylem[b-p0upsnj71w] { padding: 12px; }
  .nyer-popup__govde .au-form-grid[b-p0upsnj71w] { grid-template-columns: minmax(0, 1fr); }
  .nyer-popup__eylem .au-btn[b-p0upsnj71w] { flex: 1 1 auto; }
  .nyer-kart .nyer-tablo[b-p0upsnj71w]  .grid-table { font-size: var(--yazi-govde, 13px); }
}

/* ─── MASAÜSTÜ: geniş ekranda başlık solda, süzgeç ve eylem sağda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .nyer-kapak[b-p0upsnj71w] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium max-content'i çocukların
     içeriğinden hesaplar, `flex: 0 1 210px` tabanını saymaz → kap daralır, süzgeçler alt
     alta yığılır. Kap sütunu doldurur; sağa yaslama flex satırında yapılır. */
  .nyer-suzgec[b-p0upsnj71w] { justify-self: stretch; justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .nyer-vitrin .au-btn[b-p0upsnj71w], .nyer-popup .au-btn[b-p0upsnj71w] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/OkulOperasyonHub.razor.rz.scp.css */
/* Okul operasyonu hub'ı — Akademik Analiz'in kapak, yüzey ve tipografi ölçüleri.
   Izgara BÖLÜNMEZ: `/akademik` için verilen son kullanıcı kararıyla aynı gerekçe,
   kartların hepsi birlikte görünür (docs/tasarim/edulive-web-tasarim/SKILL.md).
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz. */

body.edulive-cihaz .au-page.okop-vitrin[b-4ucun3vlay] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak ─── */
.okop-kapak[b-4ucun3vlay] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.okop-kapak__geri[b-4ucun3vlay] { grid-area: geri; }
.okop-kapak__baslik[b-4ucun3vlay] { grid-area: baslik; min-width: 0; }

.okop-kapak .au-title[b-4ucun3vlay] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.okop-alt[b-4ucun3vlay] {
  margin: 4px 0 0;
  max-width: 72ch;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
  line-height: 1.5;
}

/* ─── Bölümler ─── */
.okop-bolum[b-4ucun3vlay] { margin-bottom: 20px; }
.okop-bolum:last-child[b-4ucun3vlay] { margin-bottom: 0; }

.okop-bolum-baslik[b-4ucun3vlay] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.okop-bolum-baslik[b-4ucun3vlay]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ─── Kartlar: cam yüzey yerine referansın beyaz kart dili ─── */
.okop-bolum[b-4ucun3vlay]  .hub-grid { gap: 12px; }

.okop-bolum[b-4ucun3vlay]  .hub-card {
  position: relative;
  padding: 16px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart, 3px 14px 14px 14px);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: hidden;
}
.okop-bolum[b-4ucun3vlay]  .hub-card::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.okop-bolum[b-4ucun3vlay]  .hub-card:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  transform: none;
}
.okop-bolum[b-4ucun3vlay]  .hub-card:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}
.okop-bolum[b-4ucun3vlay]  .hub-card__glow { display: none; }
.okop-bolum[b-4ucun3vlay]  .hub-card__title {
  color: var(--marka-700);
  font: 700 15px/1.35 var(--font-display);
  letter-spacing: -.012em;
}
.okop-bolum[b-4ucun3vlay]  .hub-card__desc {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ─── Yetkisi olmayan için anlamlı boş durum ─── */
.okop-bos[b-4ucun3vlay] {
  position: relative;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.okop-bos[b-4ucun3vlay]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.okop-bos p[b-4ucun3vlay] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.okop-bos p + p[b-4ucun3vlay] { margin-top: 8px; }
.okop-bos__alt[b-4ucun3vlay] { color: var(--metin-ipucu); font-size: 12px; }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .okop-kapak[b-4ucun3vlay] { padding: 16px; }
  .okop-bolum[b-4ucun3vlay]  .hub-card { min-height: 44px; }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .okop-kapak[b-4ucun3vlay] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik";
    padding: 12px;
  }
  .okop-kapak .au-title[b-4ucun3vlay] { font-size: var(--yazi-kapak, 20px); }
  .okop-bolum-baslik[b-4ucun3vlay] { font-size: var(--yazi-bolum, 14px); }
  .okop-bolum[b-4ucun3vlay]  .hub-grid { grid-template-columns: minmax(0, 1fr); }
  .okop-bolum[b-4ucun3vlay]  .hub-card { padding: 14px; }
  .okop-bos[b-4ucun3vlay] { padding: 22px 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .okop-bolum[b-4ucun3vlay]  .hub-card { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/Randevular.razor.rz.scp.css */
/* Randevular — Akademik Analiz'in kapak, yüzey, tipografi, tablo ve
   popup ölçülerinin sayfa kapsamlı uyarlaması. Ortak CSS'e dokunulmaz; ölçüler
   docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den alınmıştır. */

.rv-sayfa[b-ypdoatadr9] { min-width: 0; }

.rv-sayfa .au-page.rv-vitrin[b-ypdoatadr9] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ── */
.rv-kapak[b-ypdoatadr9] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
        "geri  baslik"
        "suzgec suzgec"
        "eylem  eylem";
    gap: 14px 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rv-kapak__geri[b-ypdoatadr9] { grid-area: geri; min-width: 0; }
.rv-kapak__baslik[b-ypdoatadr9] { grid-area: baslik; min-width: 0; }
.rv-suzgec[b-ypdoatadr9] { grid-area: suzgec; min-width: 0; }
.rv-eylem[b-ypdoatadr9] { grid-area: eylem; min-width: 0; }

.rv-kapak .au-title[b-ypdoatadr9] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.rv-kapak__alt[b-ypdoatadr9] {
    margin: 4px 0 0;
    color: var(--metin-ipucu);
    font-size: 12px;
    line-height: 1.5;
}

.rv-suzgec[b-ypdoatadr9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.rv-suzgec__alan[b-ypdoatadr9] { flex: 0 1 176px; min-width: 0; max-width: 210px; }
.rv-suzgec__dugmeler[b-ypdoatadr9] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

/* M7-11 — hızlı tarih kısayolları. Kendi başlarına arama yaparlar, bu yüzden
   "Ara"nın yanında dururlar; ama onun alternatifi değil KISAYOLU oldukları için
   vurgulu (primary) değil sakin (ghost) tonda. */
.rv-suzgec__hizli[b-ypdoatadr9] { font-weight: 600; }

.rv-eylem[b-ypdoatadr9] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Düğmeler: 34 px taban, kesik sol üst köşe ── */
.rv-vitrin .au-btn[b-ypdoatadr9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.rv-vitrin .au-btn:hover:not(:disabled)[b-ypdoatadr9] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
}

.rv-vitrin .au-btn--primary[b-ypdoatadr9] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.rv-vitrin .au-btn--primary:hover:not(:disabled)[b-ypdoatadr9] {
    background: var(--marka-500);
    border-color: var(--marka-500);
}

.rv-vitrin .au-btn--danger[b-ypdoatadr9] {
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    border-color: color-mix(in srgb, var(--red-500) 32%, transparent);
    color: var(--red-600);
}

.rv-vitrin .au-btn--danger:hover:not(:disabled)[b-ypdoatadr9] {
    background: color-mix(in srgb, var(--red-500) 16%, var(--yuzey));
}

.rv-vitrin .au-btn--sm[b-ypdoatadr9] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.rv-vitrin .au-btn:focus-visible[b-ypdoatadr9] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.rv-bolum[b-ypdoatadr9] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rv-bolum[b-ypdoatadr9]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.rv-bolum__baslik[b-ypdoatadr9] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.rv-bolum__baslik[b-ypdoatadr9]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Tablo: mavi–petrol başlık şeridi, beyaz gövde, kendi alanında kayar ── */
.rv-sayfa[b-ypdoatadr9]  .app-grid .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
}

.rv-sayfa[b-ypdoatadr9]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.rv-sayfa[b-ypdoatadr9]  .grid-table th {
    position: sticky;
    top: 0;
    padding: 10px 13px;
    background: transparent;
    border-bottom: none;
    color: var(--on-brand);
    font-weight: 700;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.rv-sayfa[b-ypdoatadr9]  .grid-table th .grid-sort,
.rv-sayfa[b-ypdoatadr9]  .grid-table th .grid-th-label { color: inherit; }

.rv-sayfa[b-ypdoatadr9]  .grid-table td {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--hat-kart) 65%, transparent);
    color: var(--metin-murekkep);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.rv-sayfa[b-ypdoatadr9]  .grid-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.rv-sayfa[b-ypdoatadr9]  .grid-table tbody tr:hover { background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)); }

.rv-sayfa[b-ypdoatadr9]  .app-grid .grid-pager {
    padding-top: 12px;
    color: var(--metin-ikincil);
    font-size: 12.5px;
}

/* Satır içi ikincil bilgi (yazar, basım) */
.rv-hucre__ad[b-ypdoatadr9] { font-weight: 600; overflow-wrap: anywhere; }
.rv-hucre__alt[b-ypdoatadr9] { margin-top: 2px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.45; }
.rv-hucre__bos[b-ypdoatadr9] { color: var(--metin-ipucu); }
.rv-hucre__eylem[b-ypdoatadr9] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

.rv-bos[b-ypdoatadr9] { margin: 0; padding: 14px 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* M7-03: boş listenin İKİNCİ sebebi (kapsam). Ayrı satır — asıl cümleyle
   karışmasın, ama uyarı değil bilgi olduğu için ipucu tonunda. */
.rv-bos__not[b-ypdoatadr9] { display: block; margin-top: 4px; color: var(--metin-ipucu); font-size: 12px; }

/* ── Popup: kaydırılmış sayfada da görünür, başlık ve eylemler sabit ── */
.rv-popup[b-ypdoatadr9] {
    width: min(640px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.rv-popup[open][b-ypdoatadr9] { display: flex; flex-direction: column; }
.rv-popup[b-ypdoatadr9]::backdrop { background: var(--scrim); }

.rv-popup__bas[b-ypdoatadr9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.rv-popup__bas h2[b-ypdoatadr9] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.rv-popup__bas h2:focus[b-ypdoatadr9] { outline: none; }
.rv-popup__bas p[b-ypdoatadr9] { margin: 3px 0 0; color: var(--metin-ipucu); font-size: 12px; }

.rv-vitrin .rv-popup__kapat[b-ypdoatadr9] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}

.rv-popup__govde[b-ypdoatadr9] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.rv-popup__hata[b-ypdoatadr9] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    line-height: 1.5;
}

.rv-popup__ipucu[b-ypdoatadr9] { margin: 12px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }

/* M7-06: sunucunun üretim uyarıları. İpucu değil UYARI tonunda — "tekrar
   korumasız çalıştı" gibi bir cümle gri dipnotta kaybolmamalı. */
.rv-popup__uyarilar[b-ypdoatadr9] {
    margin: 10px 0 0;
    padding: 10px 12px 10px 28px;
    border: 1px solid color-mix(in srgb, var(--amber-500) 32%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--amber-500) 8%, var(--yuzey));
    color: var(--metin-murekkep);
    font-size: 12px;
    line-height: 1.55;
}

.rv-popup__uyarilar li + li[b-ypdoatadr9] { margin-top: 4px; }

.rv-popup__eylem[b-ypdoatadr9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.rv-form[b-ypdoatadr9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
}

/* M7-10 — birim seçici süzgeç şeridinde. Tek birimli kullanıcıda `BirimSecici`
   açılır liste değil etiket+ad basar (BirimSecici.razor:49), o yüzden ötekilerle
   aynı 176 px kalıbına sokulmaz; kendi içeriği kadar yer kaplar. */
.rv-suzgec__birim[b-ypdoatadr9] { flex: 0 1 auto; max-width: 260px; }

/* Rehber ↔ elle giriş geçişi. Forma değil formun ALTINA konur: bir alan değil,
   alanın KİPİNİ değiştiren bir eylemdir. */
.rv-personel__gecis[b-ypdoatadr9] { margin-top: 10px; }

/* Listede olmayan numara uyarısı — ENGELLEMEZ, söyler. Bu yüzden hata (kırmızı)
   değil ipucu tonunda; gerçek bir hata sanılıp kullanıcı kaydetmekten vazgeçmesin. */
.rv-personel__uyari[b-ypdoatadr9] { margin-top: 8px; }

.rv-rozet[b-ypdoatadr9] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
    color: var(--marka-700);
    font-size: 11.5px;
    font-weight: 600;
}

.rv-rozet--rafta[b-ypdoatadr9] { background: color-mix(in srgb, var(--basari) 30%, var(--yuzey)); color: var(--basari-metin); }
.rv-rozet--uyari[b-ypdoatadr9] { background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey)); color: var(--red-600); }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .rv-vitrin .au-btn[b-ypdoatadr9] { min-height: 44px; }
    .rv-vitrin .au-btn--sm[b-ypdoatadr9] { min-height: 44px; }
    .rv-sayfa[b-ypdoatadr9]  .app-input { font-size: max(16px, 1rem); }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .rv-kapak[b-ypdoatadr9] { padding: 16px; }
    .rv-suzgec__alan[b-ypdoatadr9] { flex: 1 1 200px; max-width: none; }
    .rv-sayfa[b-ypdoatadr9]  .app-grid .grid-scroll { max-height: min(460px, 62dvh); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
    .rv-kapak[b-ypdoatadr9] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "geri" "baslik" "suzgec" "eylem";
        padding: 12px;
    }

    .rv-kapak .au-title[b-ypdoatadr9] { font-size: var(--yazi-kapak, 20px); }
    .rv-bolum[b-ypdoatadr9] { padding: 16px 12px; }
    .rv-bolum__baslik[b-ypdoatadr9] { font-size: var(--yazi-bolum, 14px); }
    .rv-suzgec[b-ypdoatadr9] { flex-direction: column; align-items: stretch; }
    .rv-suzgec__alan[b-ypdoatadr9] { max-width: none; }
    .rv-suzgec__dugmeler .au-btn[b-ypdoatadr9],
    .rv-eylem .au-btn[b-ypdoatadr9] { flex: 1 1 auto; }
    .rv-form[b-ypdoatadr9] { grid-template-columns: minmax(0, 1fr); }
    .rv-popup[b-ypdoatadr9] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .rv-popup__bas[b-ypdoatadr9], .rv-popup__govde[b-ypdoatadr9], .rv-popup__eylem[b-ypdoatadr9] { padding: 12px; }
    .rv-popup__eylem .au-btn[b-ypdoatadr9] { flex: 1 1 auto; }
    .rv-sayfa[b-ypdoatadr9]  .grid-table td { font-size: var(--yazi-govde, 13px); }
    .rv-hucre__eylem[b-ypdoatadr9] { justify-content: flex-start; }
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve eylem sağda ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .rv-kapak[b-ypdoatadr9] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas:
            "geri   baslik baslik"
            "suzgec suzgec eylem";
        row-gap: 14px;
    }

    .rv-eylem[b-ypdoatadr9] { justify-self: end; }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .rv-kapak[b-ypdoatadr9] {
        grid-template-columns: 30px auto minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik suzgec eylem";
    }

    /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex satırında Chromium
       max-content'i çocukların içerik genişliğinden hesaplar, `flex-basis`i (176 px)
       saymaz → kap daralır, süzgeç alanları alt alta yığılır. Sütunu doldur, sağa yasla. */
    .rv-suzgec[b-ypdoatadr9] { justify-self: stretch; justify-content: flex-end; }
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir; seçim `bolum` URL parametresinde ── */
.rv-sekmeler[b-ypdoatadr9] {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.rv-sekme[b-ypdoatadr9] {
    --sekme-vurgu: var(--marka-600);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--kose-dugme);
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px/1 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.rv-sekme--iki[b-ypdoatadr9] { --sekme-vurgu: var(--marka-rampa-uc); }
.rv-sekme:hover[b-ypdoatadr9] { background: color-mix(in srgb, var(--sekme-vurgu) 14%, var(--yuzey)); color: var(--sekme-vurgu); }
.rv-sekme[aria-selected="true"][b-ypdoatadr9],
.rv-sekme[aria-selected="true"]:hover[b-ypdoatadr9] { background: var(--sekme-vurgu); color: var(--on-brand); }
.rv-sekme:focus-visible[b-ypdoatadr9] { outline: 2px solid var(--sekme-vurgu); outline-offset: 2px; }

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .rv-sekmeler[b-ypdoatadr9] { overflow-x: auto; overscroll-behavior-x: contain; }
    .rv-sekme[b-ypdoatadr9] { min-height: 44px; }
}

/* Slot üretim penceresine özgü alanlar */
.rv-alt-baslik[b-ypdoatadr9] {
    margin: 16px 0 8px;
    color: var(--metin-murekkep);
    font: 700 13px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.rv-gunler[b-ypdoatadr9] { display: flex; flex-wrap: wrap; gap: 6px; }
.rv-onizleme[b-ypdoatadr9] { margin-top: 14px; }
/* _content/EduLive.Web/Components/Pages/Management/SecmeliDersler.razor.rz.scp.css */
/* Seçmeli & DYK — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey, marka rampası).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları birebir: docs/mobil/YENI-DIL.md §1.1. */

.au-page.secmeli-vitrin[b-w13bvxiyxx] {
    max-width: none;
    padding: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ── */
.sv-kapak[b-w13bvxiyxx] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Kapak FLEX + align-items:flex-end olduğu için başlık bloğu, en uzun öğeye
   (girdi sütunu) göre dibe iniyordu; flex-start onu satırın tepesinde tutar. */
.sv-kapak__ad[b-w13bvxiyxx] { min-width: 0; flex: 1 1 260px; align-self: flex-start; }

.sv-kapak .au-title[b-w13bvxiyxx] {
    margin: 0;
    color: var(--marka-700);
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
}

.sv-kapak__alt[b-w13bvxiyxx] {
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    line-height: 1.5;
}

/* Havuz segmenti — referansın segment ölçüleri (kap 3 px dolgu, düğme 28 px). */
.sv-kapak__suzgec[b-w13bvxiyxx] { display: flex; flex-direction: column; gap: 5px; flex: 0 0 auto; }

.sv-kapak__birim[b-w13bvxiyxx],
.sv-kapak__donem[b-w13bvxiyxx] { flex: 0 1 210px; min-width: 176px; }

/* AppSelect'i Havuz segmentinin 34 px taban çizgisine indirir; etiketi de
   .sv-etiket tipografisine (10 px/700/BÜYÜK HARF) eşitler — aksi halde şeritte
   "HAVUZ" ve "Birim" farklı punto/yazımda çıkıp etiket üst kenarları ~15 px zikzak yapıyor.
   ÖZGÜLLÜK NOTU: `.app-field ::deep .app-input { height:46px }` derlenince
   `.app-field[b-x] .app-input` = (0,3,0) olur ve scoped bundle'da Components/Ui/*
   tüm Components/Pages/*'tan SONRA yazılır; üç sınıflık seçici berabere kalıp
   SIRA yüzünden kaybeder — bu yüzden `.secmeli-vitrin` ile dört sınıfa çıkıyoruz.
   Bu önek silinirse girdi 46 px'e geri döner. */
.sv-kapak__birim[b-w13bvxiyxx]  .app-field,
.sv-kapak__donem[b-w13bvxiyxx]  .app-field { min-width: 0; }

.sv-kapak__birim[b-w13bvxiyxx]  .app-field__label,
.sv-kapak__donem[b-w13bvxiyxx]  .app-field__label {
    font: 700 10px/1.4 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.secmeli-vitrin .sv-kapak__birim[b-w13bvxiyxx]  .app-input,
.secmeli-vitrin .sv-kapak__donem[b-w13bvxiyxx]  .app-input {
    min-height: 34px;
    height: 34px;
    padding-inline: 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
}

.secmeli-vitrin .sv-kapak__birim[b-w13bvxiyxx]  .app-input.app-select,
.secmeli-vitrin .sv-kapak__donem[b-w13bvxiyxx]  .app-input.app-select { padding-right: 28px; }

.sv-etiket[b-w13bvxiyxx] {
    color: var(--metin-ipucu);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sv-segment[b-w13bvxiyxx] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--hat-girdi);
    border-radius: 3px 11px 11px 11px;
    background: var(--yuzey);
}

.sv-segment__dugme[b-w13bvxiyxx] {
    min-height: 28px;
    padding: 0 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12px var(--font-body);
    cursor: pointer;
}

.sv-segment__dugme:hover[b-w13bvxiyxx] {
    background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
    color: var(--marka-600);
}

.sv-segment__dugme.is-secili[b-w13bvxiyxx],
.sv-segment__dugme.is-secili:hover[b-w13bvxiyxx] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.sv-segment__dugme:focus-visible[b-w13bvxiyxx] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sv-zaman[b-w13bvxiyxx] { color: var(--metin-ikincil); font-size: 12.5px; }

.sv-kapak__eylem[b-w13bvxiyxx] { display: flex; flex-wrap: wrap; gap: 8px; }

/* 30 px geri kaması flex-end ile satır dibine düşüyordu; flex-start ile başlık
   satırına çıkar, −2px 25,3 px'lik .au-title satır kutusundaki optik merkeze çeker. */
.sv-kapak[b-w13bvxiyxx]  .au-breadcrumb { margin-bottom: 0; margin-top: -2px; flex: 0 0 auto; align-self: flex-start; }

/* ── Düğmeler: referansın 34 px kontrol taban çizgisi ── */
.secmeli-vitrin .au-btn[b-w13bvxiyxx] {
    min-height: 34px;
    padding: 0 13px;
    gap: 6px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 12.5px;
    font-weight: 600;
    box-shadow: none;
}

.secmeli-vitrin .au-btn:hover:not(:disabled)[b-w13bvxiyxx] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    transform: none;
}

.secmeli-vitrin .au-btn--primary[b-w13bvxiyxx] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.secmeli-vitrin .au-btn--primary:hover:not(:disabled)[b-w13bvxiyxx] {
    border-color: var(--marka-500);
    background: var(--marka-500);
}

.secmeli-vitrin .au-btn--danger[b-w13bvxiyxx] {
    border-color: color-mix(in srgb, var(--danger) 34%, transparent);
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    color: var(--danger);
}

.secmeli-vitrin .au-btn--danger:hover:not(:disabled)[b-w13bvxiyxx] {
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 14%, var(--yuzey));
}

.secmeli-vitrin .au-btn--sm[b-w13bvxiyxx] { min-height: 32px; padding: 0 11px; font-size: 12px; }

.secmeli-vitrin .au-btn:focus-visible[b-w13bvxiyxx] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.sv-bolum[b-w13bvxiyxx] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sv-bolum[b-w13bvxiyxx]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sv-bolum__baslik[b-w13bvxiyxx],
.sv-alt-baslik[b-w13bvxiyxx] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--metin-murekkep);
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
}

.sv-alt-baslik[b-w13bvxiyxx] { margin-top: 18px; }

.sv-bolum__baslik[b-w13bvxiyxx]::before,
.sv-alt-baslik[b-w13bvxiyxx]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Liste tablosu: mavi–petrol başlık, beyaz gövde, kendi alanında kayar ── */
.sv-tablo[b-w13bvxiyxx]  .grid-scroll {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
    box-shadow: none;
}

.sv-tablo[b-w13bvxiyxx]  .grid-table { font-size: 13px; }

.sv-tablo[b-w13bvxiyxx]  .grid-table thead {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--marka-rampa-serit);
}

.sv-tablo[b-w13bvxiyxx]  .grid-table thead th {
    background: transparent;
    border-bottom: none;
    white-space: nowrap;
}

.sv-tablo[b-w13bvxiyxx]  .grid-table thead th:has(.grid-sort):hover,
.sv-tablo[b-w13bvxiyxx]  .grid-table thead th[aria-sort="ascending"],
.sv-tablo[b-w13bvxiyxx]  .grid-table thead th[aria-sort="descending"] {
    background: color-mix(in srgb, var(--marka-700) 26%, transparent);
    border-bottom-color: transparent;
}

.sv-tablo[b-w13bvxiyxx]  .grid-th-label,
.sv-tablo[b-w13bvxiyxx]  .grid-sort {
    padding: 10px 13px;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sv-tablo[b-w13bvxiyxx]  .grid-table tbody td {
    padding: 10px 13px;
    color: var(--metin-murekkep);
    border-bottom: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
    vertical-align: top;
}

.sv-tablo[b-w13bvxiyxx]  .grid-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sv-tablo[b-w13bvxiyxx]  .grid-table tbody tr:hover {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sv-tablo[b-w13bvxiyxx]  .grid-pager__info { color: var(--metin-ipucu); font-size: 12.5px; }

.sv-tablo[b-w13bvxiyxx]  .grid-pager__btn {
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.sv-tablo[b-w13bvxiyxx]  .grid-pager__btn:not(:disabled):hover {
    border-color: var(--marka-500);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    transform: none;
}

.sv-satir-eylem[b-w13bvxiyxx] { display: flex; flex-wrap: wrap; gap: 6px; }

.sv-kod[b-w13bvxiyxx] {
    margin-top: 2px;
    color: var(--metin-ipucu);
    font-size: 11.5px;
    letter-spacing: .02em;
}

.sv-aciklama[b-w13bvxiyxx] {
    display: block;
    margin-top: 2px;
    color: var(--metin-ikincil);
    font-size: 12px;
    line-height: 1.5;
}

.sv-yok[b-w13bvxiyxx] { color: var(--metin-ipucu); font-size: 12.5px; }

.sv-sayi[b-w13bvxiyxx] { font-variant-numeric: tabular-nums; font-weight: 600; }

/* ── Boş durum ── */
.sv-bos[b-w13bvxiyxx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 36px 20px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    text-align: center;
}

.sv-bos p[b-w13bvxiyxx] { margin: 0; line-height: 1.6; }

/* ── Görünür popup (native dialog) ── */
.sv-popup[b-w13bvxiyxx] {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.sv-popup--genis[b-w13bvxiyxx] { width: min(860px, calc(100vw - 48px)); }
.sv-popup--dar[b-w13bvxiyxx] { width: min(460px, calc(100vw - 48px)); }
.sv-popup[open][b-w13bvxiyxx] { display: flex; flex-direction: column; }
.sv-popup[b-w13bvxiyxx]::backdrop { background: var(--scrim); }

.sv-popup__bas[b-w13bvxiyxx] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-top: 5px solid var(--marka-500);
    border-bottom: 1px solid var(--hat-kart);
}

.sv-popup__bas > div[b-w13bvxiyxx] { min-width: 0; }

.sv-popup__bas h2[b-w13bvxiyxx] {
    min-width: 0;
    margin: 0;
    color: var(--marka-700);
    font: 700 18px/1.3 var(--font-display);
    overflow-wrap: anywhere;
}

.sv-popup__bas h2:focus[b-w13bvxiyxx] { outline: none; }

.sv-popup__bas p[b-w13bvxiyxx] { margin: 6px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.5; }

.sv-popup__kapat[b-w13bvxiyxx] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 22px;
}

.sv-popup__govde[b-w13bvxiyxx] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

/* Tercih paneli kendi kartını getirir; pencere içinde ikinci kart çizilmez. */
.sv-popup__govde--panel[b-w13bvxiyxx] { padding: 0; }

.sv-popup__govde--panel[b-w13bvxiyxx]  .au-card {
    padding: 18px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.sv-popup__eylem[b-w13bvxiyxx] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--hat-kart);
    background: var(--yuzey);
}

/* ── Popup içi içerik ── */
.sv-secenek[b-w13bvxiyxx] { display: flex; flex-wrap: wrap; gap: 12px 20px; }

.sv-olcu[b-w13bvxiyxx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0;
    margin: 16px 0 0;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
}

.sv-olcu > div[b-w13bvxiyxx] { padding: 10px 14px 12px; border-right: 1px solid var(--hat-kart); }
.sv-olcu > div:last-child[b-w13bvxiyxx] { border-right: none; }

.sv-olcu dt[b-w13bvxiyxx] {
    color: var(--metin-ipucu);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sv-olcu dd[b-w13bvxiyxx] {
    margin: 5px 0 0;
    color: var(--marka-700);
    font: 700 23px/1 var(--font-display);
    font-variant-numeric: tabular-nums;
}

/* M5-12 — geri alma kapsamı ve kilitli künye METİN taşır, sayı değil: `.sv-olcu dd`'nin
   KPI puntosu "Seçmeli ders"i başlık gibi gösterip asıl sayıların önüne geçiriyordu. */
.sv-olcu__metin[b-w13bvxiyxx] {
    font: 600 14px/1.4 var(--font-body);
    color: var(--metin-murekkep);
}

/* M5-12 — düzenleme kipinde DEĞİŞTİRİLEMEYENLER bloğu. */
.sv-kilitli[b-w13bvxiyxx] { margin: 0 0 4px; }

.sv-kilitli__olcu[b-w13bvxiyxx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0;
    margin: 10px 0 0;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    overflow: hidden;
    background: var(--yuzey-alt);
}

.sv-kilitli__olcu > div[b-w13bvxiyxx] { padding: 8px 12px 10px; border-right: 1px solid var(--hat-kart); }
.sv-kilitli__olcu > div:last-child[b-w13bvxiyxx] { border-right: none; }

.sv-kilitli__olcu dt[b-w13bvxiyxx] {
    color: var(--metin-ipucu);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sv-kilitli__olcu dd[b-w13bvxiyxx] {
    margin: 4px 0 0;
    color: var(--metin-murekkep);
    font-size: 13.5px;
    font-weight: 600;
}

.sv-not[b-w13bvxiyxx] { margin: 12px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

.sv-not--hata[b-w13bvxiyxx] { color: var(--danger); }

/* M5-06 — "bedeli var ama yasak değil" uyarısı (ders/dönem seçilmedi).
   Emsal: Yoklama.razor.css `.yk-not--dikkat`; aynı token, aynı ölçüler. */
.sv-not--dikkat[b-w13bvxiyxx] {
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--red-500) 28%, transparent);
    border-radius: var(--kose-dugme);
    background: color-mix(in srgb, var(--red-500) 7%, transparent);
}

.sv-not--dikkat strong[b-w13bvxiyxx] { color: var(--red-600); }

.sv-rozetler[b-w13bvxiyxx] { display: flex; flex-wrap: wrap; gap: 8px; }

.sv-liste[b-w13bvxiyxx] { margin: 0; padding-left: 18px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.7; }

.sv-ic-tablo[b-w13bvxiyxx] {
    max-height: min(320px, 44dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 14px 14px 14px;
}

.sv-ic-tablo table[b-w13bvxiyxx] { width: 100%; border-collapse: collapse; font-size: 13px; }

.sv-ic-tablo thead[b-w13bvxiyxx] { position: sticky; top: 0; z-index: 2; background: var(--marka-rampa-serit); }

.sv-ic-tablo th[b-w13bvxiyxx] {
    padding: 10px 13px;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.sv-ic-tablo td[b-w13bvxiyxx] {
    padding: 10px 13px;
    color: var(--metin-murekkep);
    border-bottom: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
    font-variant-numeric: tabular-nums;
}

.sv-ic-tablo tbody tr:nth-child(even)[b-w13bvxiyxx] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

/* ── M5-11 — pencere içi AppDataGrid ──
   `.sv-tablo` liste tablosunun tüm görsel dilini (mavi–petrol sticky başlık, zebra,
   sayfalayıcı) zaten taşıyor; pencere içinde tek fark YÜKSEKLİK: 540 px'lik gövde
   tavanı popup gövdesinin kendi kaydırmasıyla üst üste binip çift kaydırma çubuğu
   üretiyordu. İkinci bir tablo stili yazmak yerine yalnız tavan daraltılır. */
.sv-tablo--ic[b-w13bvxiyxx] { margin-top: 4px; }

.sv-tablo--ic[b-w13bvxiyxx]  .grid-scroll { max-height: min(330px, 42dvh); }

/* ── TABLET + TELEFON (YENI-DIL §1.1 CİHAZ) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sv-kapak[b-w13bvxiyxx] { padding: 16px; }
    .secmeli-vitrin .au-btn[b-w13bvxiyxx] { min-height: 44px; }
    .secmeli-vitrin .au-btn--sm[b-w13bvxiyxx] { min-height: 44px; }
    .sv-segment__dugme[b-w13bvxiyxx] { min-height: 44px; }
    /* Masaüstünde 34 px'e indirdiğimiz Birim girdisini dokunmatikte 44 px'e ve
       16 px puntoya döndürür; aksi halde iOS odakta sayfayı yakınlaştırır. */
    .secmeli-vitrin .sv-kapak__birim[b-w13bvxiyxx]  .app-input,
    .secmeli-vitrin .sv-kapak__donem[b-w13bvxiyxx]  .app-input {
        min-height: 44px;
        height: 44px;
        font-size: max(16px, 1rem);
    }
    .sv-tablo[b-w13bvxiyxx]  .grid-table tbody td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--yuzey);
    }
    .sv-tablo[b-w13bvxiyxx]  .grid-table tbody tr:nth-child(even) td:first-child {
        background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    }
    .sv-popup[b-w13bvxiyxx]  input,
    .sv-popup[b-w13bvxiyxx]  textarea { font-size: max(16px, 1rem); }
}

/* ── TELEFON (YENI-DIL §1.1) ── */
@media (max-width: 640px) {
    .sv-kapak[b-w13bvxiyxx] { padding: 12px; align-items: stretch; }
    .sv-kapak .au-title[b-w13bvxiyxx] { font-size: var(--yazi-kapak, 20px); }
    .sv-kapak__alt[b-w13bvxiyxx] { font-size: var(--yazi-kucuk, 12px); }
    .sv-kapak__suzgec[b-w13bvxiyxx],
    .sv-kapak__donem[b-w13bvxiyxx],
    .sv-kapak__birim[b-w13bvxiyxx] { flex: 1 1 100%; }
    .sv-segment[b-w13bvxiyxx] { width: 100%; }
    .sv-segment__dugme[b-w13bvxiyxx] { flex: 1 1 0; }
    .sv-kapak__eylem[b-w13bvxiyxx] { width: 100%; }
    .sv-kapak__eylem .au-btn[b-w13bvxiyxx] { flex: 1 1 auto; justify-content: center; }
    .sv-bolum[b-w13bvxiyxx] { padding: 16px 12px; }
    .sv-bolum__baslik[b-w13bvxiyxx],
    .sv-alt-baslik[b-w13bvxiyxx] { font-size: var(--yazi-bolum, 14px); }
    .sv-tablo[b-w13bvxiyxx]  .grid-table { font-size: var(--yazi-govde, 13px); }
    .sv-satir-eylem .au-btn[b-w13bvxiyxx] { flex: 1 1 auto; justify-content: center; }
    .sv-popup[b-w13bvxiyxx],
    .sv-popup--genis[b-w13bvxiyxx],
    .sv-popup--dar[b-w13bvxiyxx] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .sv-popup__bas[b-w13bvxiyxx],
    .sv-popup__govde[b-w13bvxiyxx] { padding: 12px; }
    .sv-popup__govde--panel[b-w13bvxiyxx] { padding: 0; }
    .sv-popup__govde--panel[b-w13bvxiyxx]  .au-card { padding: 12px; }
    .sv-popup__eylem[b-w13bvxiyxx] { padding: 12px; }
    .sv-popup__eylem .au-btn[b-w13bvxiyxx] { flex: 1 1 auto; justify-content: center; }
    .sv-popup__bas h2[b-w13bvxiyxx] { font-size: var(--yazi-bolum, 16px); }
    .sv-olcu[b-w13bvxiyxx] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sv-olcu > div:nth-child(2n)[b-w13bvxiyxx] { border-right: none; }
    .sv-olcu > div:nth-child(-n + 2)[b-w13bvxiyxx] { border-bottom: 1px solid var(--hat-kart); }
    .sv-olcu dd[b-w13bvxiyxx] { font-size: var(--yazi-kpi, 20px); }
}

@media (prefers-reduced-motion: reduce) {
    .secmeli-vitrin .au-btn[b-w13bvxiyxx] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/TercihPaneli.razor.rz.scp.css */
/* M5-09 — tercih panelinin üç sekmeli hâli (toplu giriş + tercih vermeyenler).
   Renk ve ölçüler token'lardan; ham renk YASAK (AnalizCssTokenTests). */

.tercih-paneli[b-xlui6m7uau] { min-width: 0; }

/* ── Sekme şeridi ── */
.tp-sekmeler[b-xlui6m7uau] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 12px 0 14px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--hat-kart);
}

.tp-sekme[b-xlui6m7uau] {
    padding: 7px 14px;
    border: 1px solid transparent;
    border-radius: var(--kose-dugme);
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12.5px/1.2 var(--font-body);
    cursor: pointer;
}

.tp-sekme:hover[b-xlui6m7uau] { color: var(--marka-700); }

.tp-sekme.is-secili[b-xlui6m7uau] {
    border-color: var(--hat-kart);
    background: var(--yuzey);
    color: var(--marka-700);
}

.tp-sekme:focus-visible[b-xlui6m7uau] {
    outline: 2px solid var(--marka-500);
    outline-offset: 2px;
}

/* ── Toplu giriş tablosu ──
   Sınıf 40 öğrenciye kadar çıkar; tablo kendi alanında kayar, popup'ı uzatmaz. */
.tp-toplu-kap[b-xlui6m7uau] {
    max-height: 340px;
    overflow: auto;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
}

.tp-toplu[b-xlui6m7uau] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

.tp-toplu th[b-xlui6m7uau],
.tp-toplu td[b-xlui6m7uau] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--hat-kart);
    text-align: left;
    vertical-align: middle;
}

.tp-toplu thead th[b-xlui6m7uau] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--yuzey);
    color: var(--metin-ipucu);
    font: 700 10px/1.4 var(--font-body);
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tp-toplu__ad[b-xlui6m7uau] {
    min-width: 180px;
    color: var(--metin-murekkep);
    font-weight: 600;
}

/* Eksik listesinden gelinen satır — kullanıcı aradığı öğrenciyi yeniden aramasın. */
.tp-toplu tr.is-vurgulu td[b-xlui6m7uau] {
    background: color-mix(in srgb, var(--marka-500) 10%, transparent);
}

/* ── Özet / hata ── */
.tp-ozet[b-xlui6m7uau] {
    margin: 10px 0 0;
    color: var(--metin-murekkep);
    font-size: 12.5px;
    font-weight: 600;
}

.tp-hatalar[b-xlui6m7uau] { color: var(--metin-ikincil); font-size: 12px; }

.tp-hata[b-xlui6m7uau] {
    margin: 10px 0 0;
    color: var(--danger);
    font-size: 12.5px;
}

/* ── Tercih vermeyenler ── */
.tp-eksik li[b-xlui6m7uau] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
/* _content/EduLive.Web/Components/Pages/Management/Yoklama.razor.rz.scp.css */
/* Yoklama oturumları — Akademik Analiz'in kapak, yüzey, tipografi ve tablo ölçüleri.
   Ölçü referansı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   + wwwroot/css/org-birimleri-vitrin.css, api-istemcileri-vitrin.css.
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz.
   Arka plan kaydırma kilidi Yoklama.razor.js'tedir (scoped CSS <html>'e ulaşamaz). */

body.edulive-cihaz .au-page.yk-vitrin[b-x2lfbiqubi] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ─── */
.yk-kapak[b-x2lfbiqubi] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yk-kapak__geri[b-x2lfbiqubi] { grid-area: geri; }
.yk-basliklik[b-x2lfbiqubi] { grid-area: baslik; min-width: 0; }
.yk-suzgec[b-x2lfbiqubi] { grid-area: suzgec; }
.yk-eylem[b-x2lfbiqubi] { grid-area: eylem; }

.yk-kapak .au-title[b-x2lfbiqubi] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

/* ─── Süzgeçler: alanlar alt çizgiden hizalı, aralık 12 px ─── */
.yk-suzgec[b-x2lfbiqubi] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.yk-alan[b-x2lfbiqubi] { min-width: 0; }
.yk-alan--tarih[b-x2lfbiqubi] { flex: 0 1 176px; }
.yk-alan--ders[b-x2lfbiqubi] { flex: 0 1 210px; }
.yk-alan--birim[b-x2lfbiqubi] { flex: 0 1 210px; }

/* BirimSecici tek birimde açılır liste YERİNE düz metin çizer (BirimSecici.razor:49-55):
   `.app-field` yok, yani şeridin etiket ölçüsü ona uygulanmaz ve süzgeç satırı kırılırdı.
   Etiket + değer aynı tipografiyle burada kurulur. */
.yk-alan--birim[b-x2lfbiqubi]  .au-dim {
  display: block;
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.yk-alan--birim[b-x2lfbiqubi]  strong {
  display: block;
  padding-block: 7px;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.yk-suzgec[b-x2lfbiqubi]  .app-field { min-width: 0; }
.yk-suzgec[b-x2lfbiqubi]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.yk-suzgec[b-x2lfbiqubi]  .app-field .app-input {
  /* Paylaşılan `.app-field ::deep .app-input` açık `height: 46px` veriyor; `min-height` onu
     aşağı çekemez (max(46,34)=46), bu yüzden `height` de yazılır. Ayrıca seçiciye `.app-field`
     eklenir: iki sınıflık yazım derlenince (0,3,0) ile berabere kalıyor ve scoped bundle'da
     Components/Ui/* sayfalardan SONRA yazıldığı için SIRA yüzünden kaybediyordu; dört sınıf
     (0,4,0) ile kural gerçekten uygulanır ve girdi alt kenarları Durum segmentiyle (36px)
     aynı çizgide kalır (KieModelRegistry.razor.css emsali). */
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}
.yk-suzgec[b-x2lfbiqubi]  .app-input:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}
.yk-suzgec[b-x2lfbiqubi]  .app-date { padding-inline-end: 38px; }

/* ─── Durum segmenti: referansın zaman segmenti ölçüleri ─── */
.yk-segment[b-x2lfbiqubi] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.yk-segment__etiket[b-x2lfbiqubi] {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.yk-segment__kutu[b-x2lfbiqubi] {
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}
.yk-segment__dugme[b-x2lfbiqubi] {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}
.yk-segment__dugme:hover:not(.is-secili)[b-x2lfbiqubi] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
}
.yk-segment__dugme.is-secili[b-x2lfbiqubi] {
  background: var(--marka-600);
  color: var(--on-brand);
}
.yk-segment__dugme:focus-visible[b-x2lfbiqubi] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ─── Düğme taban çizgisi ─── */
.yk-vitrin .au-btn[b-x2lfbiqubi],
.yk-popup .au-btn[b-x2lfbiqubi] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.yk-vitrin .au-btn:hover:not(:disabled)[b-x2lfbiqubi],
.yk-popup .au-btn:hover:not(:disabled)[b-x2lfbiqubi] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.yk-vitrin .au-btn--primary[b-x2lfbiqubi],
.yk-popup .au-btn--primary[b-x2lfbiqubi] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.yk-vitrin .au-btn--primary:hover:not(:disabled)[b-x2lfbiqubi],
.yk-popup .au-btn--primary:hover:not(:disabled)[b-x2lfbiqubi] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.yk-vitrin .au-btn--sm[b-x2lfbiqubi],
.yk-popup .au-btn--sm[b-x2lfbiqubi] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.yk-vitrin .au-btn:disabled[b-x2lfbiqubi],
.yk-popup .au-btn:disabled[b-x2lfbiqubi] { opacity: .55; cursor: not-allowed; }
.yk-vitrin .au-btn:focus-visible[b-x2lfbiqubi],
.yk-popup .au-btn:focus-visible[b-x2lfbiqubi] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.yk-eylem[b-x2lfbiqubi] { display: flex; flex-wrap: wrap; gap: 8px; }
.yk-sifirla[b-x2lfbiqubi] { align-self: flex-end; }

/* Silme yıkıcıdır: ikincil yüzey ama kırmızı yazı — tek birincil eylem kalır. */
.yk-sil[b-x2lfbiqubi] { color: var(--red-600); border-color: color-mix(in srgb, var(--red-500) 35%, var(--hat-girdi)); }
.yk-sil:hover:not(:disabled)[b-x2lfbiqubi] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

/* ─── Tip kataloğu uyarısı ─── */
.yk-uyari[b-x2lfbiqubi] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px 18px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 22%, var(--hat-kart));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}
.yk-uyari p[b-x2lfbiqubi] { margin: 0; max-width: 78ch; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.yk-uyari strong[b-x2lfbiqubi] { color: var(--marka-700); }

/* ─── Liste kartı ─── */
.yk-kart[b-x2lfbiqubi] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.yk-kart[b-x2lfbiqubi]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yk-bolum-basligi[b-x2lfbiqubi] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.yk-bolum-basligi[b-x2lfbiqubi]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ─── Satır içeriği ─── */
.yk-oturum-ad[b-x2lfbiqubi] { display: block; color: var(--metin-murekkep); font-weight: 700; overflow-wrap: anywhere; }
.yk-oturum-alt[b-x2lfbiqubi] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 3px; }
.yk-rozet[b-x2lfbiqubi] {
  padding: 1px 7px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 600;
}
.yk-yer[b-x2lfbiqubi] { color: var(--metin-ipucu); font-size: 11.5px; overflow-wrap: anywhere; }
.yk-saat[b-x2lfbiqubi] { margin-top: 2px; color: var(--metin-ipucu); font-size: 11.5px; font-variant-numeric: tabular-nums; }
.yk-satir-eylem[b-x2lfbiqubi] { display: flex; flex-wrap: wrap; gap: 6px; }

.yk-durum[b-x2lfbiqubi] {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
}
.yk-durum--open[b-x2lfbiqubi] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-700) 78%, var(--turkuaz-500));
}
.yk-durum--closed[b-x2lfbiqubi] {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}
.yk-durum--cancelled[b-x2lfbiqubi] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.yk-bos[b-x2lfbiqubi] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}
.yk-bos p[b-x2lfbiqubi] { margin: 0; line-height: 1.6; }

/* ─── M6-G2-04: görünüm anahtarı + devamsızlık sayımı ─── */
.yk-gorunum[b-x2lfbiqubi] { margin-top: 8px; }
.yk-gorunum[b-x2lfbiqubi]  .app-chips { flex-wrap: wrap; }

.yk-dev__suzgec[b-x2lfbiqubi] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 14px;
}
.yk-dev__suzgec .yk-alan[b-x2lfbiqubi] { flex: 1 1 200px; min-width: 0; }

.yk-dev__sayac[b-x2lfbiqubi] {
  margin: 0 0 10px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}
.yk-dev__sayac strong[b-x2lfbiqubi] { color: var(--metin-murekkep); }

/* Sayısal hücreler: sütun hizası bozulmasın diye tabular rakam. */
.yk-sayi[b-x2lfbiqubi] { font-variant-numeric: tabular-nums; }
/* Özürsüz devamsızlık ayrı okunur — sınır hesabının TEK girdisi odur. */
.yk-sayi--ozursuz[b-x2lfbiqubi] { color: var(--red-600); font-weight: 700; }

/* Eşik rozeti `.yk-durum--cancelled` ile aynı renk çiftini kullanır: kontrast
   ölçüsü orada zaten verilmiş, ikinci bir kırmızı tonu üretmenin gereği yok. */
.yk-esik[b-x2lfbiqubi] {
  display: inline-block;
  margin-top: 3px;
  padding: 1px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
  font-size: 11px;
  font-weight: 700;
}

.yk-dev__panel[b-x2lfbiqubi] {
  display: block;
  margin-top: 18px;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}
.yk-dev__panel-bas[b-x2lfbiqubi] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.yk-dev__panel-bas h3[b-x2lfbiqubi] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
  overflow-wrap: anywhere;
}

.yk-dev__gecmis[b-x2lfbiqubi] {
  max-height: min(420px, 50dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
}
.yk-dev__tablo[b-x2lfbiqubi] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12.5px;
}
.yk-dev__tablo thead th[b-x2lfbiqubi] {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 10px;
  border-bottom: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  text-align: start;
  font-weight: 700;
}
.yk-dev__tablo tbody td[b-x2lfbiqubi] {
  padding: 8px 10px;
  border-bottom: 1px solid var(--hat-girdi);
  color: var(--metin-murekkep);
  vertical-align: top;
  overflow-wrap: anywhere;
}
.yk-dev__tablo tbody tr:last-child td[b-x2lfbiqubi] { border-bottom: 0; }

/* ─── Tablo: mavi–petrol başlık geçişi, beyaz gövde, kendi alanında kaydırma ─── */
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table { font-size: 13px; border-collapse: separate; border-spacing: 0; }
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table thead th,
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table thead th:is(:hover, [aria-sort="ascending"], [aria-sort="descending"]) {
  background: transparent;
  border-bottom: none;
}
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-th-label,
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-sort {
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--hat-kart);
  vertical-align: top;
}
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-pager { margin-top: 12px; }
.yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-pager__btn {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

/* ─── Görünür popup: native top layer, başlık ve eylemler sabit ─── */
.yk-popup[b-x2lfbiqubi] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.yk-popup--dar[b-x2lfbiqubi] { width: min(480px, calc(100vw - 48px)); }
.yk-popup[open][b-x2lfbiqubi] { display: flex; flex-direction: column; }
.yk-popup[b-x2lfbiqubi]::backdrop { background: var(--scrim); }

.yk-popup__bas[b-x2lfbiqubi] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.yk-popup__bas h2[b-x2lfbiqubi] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}
.yk-popup__bas h2:focus[b-x2lfbiqubi] { outline: none; }
.yk-popup__kapat[b-x2lfbiqubi] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.yk-popup__govde[b-x2lfbiqubi] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.yk-popup__govde .au-form-grid[b-x2lfbiqubi] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
/* Oturum notu tek sütuna sığmaz: iki sütunlu ızgarada satırın tamamını kaplar. */
.yk-popup__govde .au-form-grid > .yk-alan--genis[b-x2lfbiqubi] { grid-column: 1 / -1; }
.yk-popup__govde textarea.yk-notu[b-x2lfbiqubi] { width: 100%; font-family: var(--font-body); }

.yk-popup__govde[b-x2lfbiqubi]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.yk-popup__govde[b-x2lfbiqubi]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}

.yk-popup__eylem[b-x2lfbiqubi] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ─── Oturum ayrıntısı listesi ─── */
.yk-olgu[b-x2lfbiqubi] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.yk-olgu > div[b-x2lfbiqubi] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.yk-olgu > div:nth-child(odd)[b-x2lfbiqubi] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.yk-olgu dt[b-x2lfbiqubi] { color: var(--n-500); }
.yk-olgu dd[b-x2lfbiqubi] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* Serbest metin (oturum notu) sağa yaslı iki sütunda okunmaz: satır tam genişlikte,
   etiket üstte, metin baştan hizalı. Girilen satır sonları korunur. */
/* Özgüllük bilinçli: taban `.yk-olgu > div` (0,1,1) ve mobil medya sorgusu da aynı ölçüde;
   `!important` yerine sınıfla (0,2,1)'e çıkılır — medya sorgusu özgüllük eklemez. */
.yk-olgu > div.yk-olgu__genis[b-x2lfbiqubi] { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.yk-olgu__genis dd[b-x2lfbiqubi] { text-align: start; }
.yk-olgu__not[b-x2lfbiqubi] { white-space: pre-wrap; }

.yk-not[b-x2lfbiqubi] {
  margin: 10px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}
.yk-not strong[b-x2lfbiqubi] { color: var(--marka-700); }
.yk-not--dikkat[b-x2lfbiqubi] {
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 28%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 7%, transparent);
}
.yk-not--dikkat strong[b-x2lfbiqubi] { color: var(--red-600); }

/* ─── M6-G2-02: ayrıntı penceresinde düzenleme formu + iptal gerekçesi ───
   Pencere dar (`--dar`, 480px); düzenleme ızgarası içeride tek sütuna düşürülür,
   aksi halde iki dar sütun sığmıyor. Üstteki olgu listesinden ayrı görünsün diye
   ince bir ayraç — yeni kutu/gölge eklenmiyor, pencere zaten bir kart. */
.yk-duzenle[b-x2lfbiqubi], .yk-iptal[b-x2lfbiqubi] {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}
.yk-popup--dar .au-form-grid.yk-duzenle[b-x2lfbiqubi] { grid-template-columns: minmax(0, 1fr); }
.yk-iptal .yk-not[b-x2lfbiqubi] { margin-top: 0; margin-bottom: 10px; }

.yk-vitrin .au-dim[b-x2lfbiqubi] { color: var(--metin-ipucu); }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yk-kapak[b-x2lfbiqubi] { padding: 16px; }
  .yk-vitrin .au-btn[b-x2lfbiqubi], .yk-popup .au-btn[b-x2lfbiqubi] { min-height: 44px; }
  .yk-vitrin .au-btn--sm[b-x2lfbiqubi], .yk-popup .au-btn--sm[b-x2lfbiqubi] { min-height: 44px; }
  .yk-segment__dugme[b-x2lfbiqubi] { min-height: 44px; }
  /* Medya sorgusu özgüllük eklemez; taban kural (0,4,0) olduğu için tablet ölçüsü de
     `.app-field` ile (0,4,0) — aksi hâlde 34px kazanır, 44px dokunma hedefi ölür. */
  .yk-suzgec[b-x2lfbiqubi]  .app-field .app-input { height: 44px; min-height: 44px; font-size: max(16px, 1rem); }
  .yk-popup__govde[b-x2lfbiqubi]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ─── CİHAZ (telefon ∪ tablet): ilk anlamlı sütun yapışık ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--marka-500);
  }
  .yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }
  .yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table tbody tr:nth-child(even) td:first-child {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .yk-kapak[b-x2lfbiqubi] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec"
      "eylem";
    padding: 12px;
  }
  .yk-kapak .au-title[b-x2lfbiqubi] { font-size: var(--yazi-kapak, 20px); }
  .yk-alan--tarih[b-x2lfbiqubi], .yk-alan--ders[b-x2lfbiqubi], .yk-alan--birim[b-x2lfbiqubi] { flex: 1 1 100%; }
  .yk-segment[b-x2lfbiqubi], .yk-segment__kutu[b-x2lfbiqubi] { width: 100%; }
  .yk-segment__dugme[b-x2lfbiqubi] { flex: 1 1 0; padding-inline: 6px; }
  .yk-sifirla[b-x2lfbiqubi] { width: 100%; }
  .yk-eylem .au-btn[b-x2lfbiqubi] { flex: 1 1 auto; }
  .yk-uyari[b-x2lfbiqubi] { padding: 12px; }
  .yk-uyari .au-btn[b-x2lfbiqubi] { width: 100%; }
  .yk-kart[b-x2lfbiqubi] { padding: 16px 12px; }
  .yk-bolum-basligi[b-x2lfbiqubi] { font-size: var(--yazi-bolum, 14px); }
  .yk-kart .yk-tablo[b-x2lfbiqubi]  .grid-table { font-size: var(--yazi-govde, 13px); }
  .yk-popup[b-x2lfbiqubi], .yk-popup--dar[b-x2lfbiqubi] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .yk-popup__bas[b-x2lfbiqubi], .yk-popup__govde[b-x2lfbiqubi], .yk-popup__eylem[b-x2lfbiqubi] { padding: 12px; }
  .yk-popup__govde .au-form-grid[b-x2lfbiqubi] { grid-template-columns: minmax(0, 1fr); }
  .yk-popup__eylem .au-btn[b-x2lfbiqubi] { flex: 1 1 auto; }
  .yk-olgu > div[b-x2lfbiqubi] { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* ─── MASAÜSTÜ: geniş ekranda başlık solda, süzgeç ve eylem sağda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .yk-kapak[b-x2lfbiqubi] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
     çocukların İÇERİK genişliğinden hesaplanır (flex tabanı sayılmaz) → alanlar alt alta
     yığılıyordu. Kap gerilir, sağa yaslama flex ekseninde yapılır. */
  .yk-suzgec[b-x2lfbiqubi] { justify-self: stretch; justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .yk-vitrin .au-btn[b-x2lfbiqubi], .yk-popup .au-btn[b-x2lfbiqubi], .yk-segment__dugme[b-x2lfbiqubi] { transition: none; }
}

/* ══════════ M6-G2-06: GÜNLÜK KONTROL PANOSU ══════════
   Katlanabilir şerit: kapalıyken tek satır, açıkken sınıf ızgarası. Renk tek başına
   anlam TAŞIMAZ — her satırda durumun METNİ de yazılıdır (`.yk-pano__durum`). */

.yk-pano__bas[b-x2lfbiqubi] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.yk-pano__ac[b-x2lfbiqubi] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-align: start;
}

/* Düğme başlığın İÇİNDE (akordiyon kalıbı); başlığın kendi boşluğu şeritte düşer. */
.yk-pano__bas .yk-bolum-basligi[b-x2lfbiqubi] { margin: 0; }

.yk-pano__ok[b-x2lfbiqubi] {
  font-size: 12px;
  color: var(--marka-600);
  line-height: 1;
}

.yk-pano__arac[b-x2lfbiqubi] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
}

.yk-pano__sayac[b-x2lfbiqubi] {
  margin: 0 0 12px;
  font-size: 13px;
  color: var(--metin-ikincil);
  line-height: 1.6;
}

.yk-pano__sayac strong[b-x2lfbiqubi] { color: var(--marka-700); }

.yk-pano__liste[b-x2lfbiqubi] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 8px;
}

.yk-pano__birim[b-x2lfbiqubi] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-inline-start-width: 4px;
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  cursor: pointer;
  font: inherit;
  text-align: start;
  color: var(--metin-murekkep);
}

.yk-pano__birim:hover[b-x2lfbiqubi] { border-color: var(--marka-400); }

.yk-pano__ad[b-x2lfbiqubi] {
  font-family: var(--font-display);
  font-size: 14px;
}

.yk-pano__durum[b-x2lfbiqubi] {
  font-size: 12px;
  color: var(--metin-ikincil);
}

/* Aciliyet: hiç oturum açılmamış > yoklama girilmemiş > hâlâ açık > tamam.
   Sıralama SUNUCUDAN gelir; buradaki renk yalnızca onu görünür kılar. */
.yk-pano__birim.is-eksik[b-x2lfbiqubi] {
  border-inline-start-color: var(--red-600);
  background: color-mix(in srgb, var(--red-500) 6%, var(--yuzey));
}

.yk-pano__birim.is-eksik .yk-pano__durum[b-x2lfbiqubi] { color: var(--red-600); }

.yk-pano__birim.is-kayitsiz[b-x2lfbiqubi] { border-inline-start-color: var(--red-500); }
.yk-pano__birim.is-acik[b-x2lfbiqubi] { border-inline-start-color: var(--marka-500); }
.yk-pano__birim.is-tamam[b-x2lfbiqubi] { border-inline-start-color: var(--basari); }

.yk-pano__birim.is-secili[b-x2lfbiqubi] {
  outline: 2px solid var(--marka-500);
  outline-offset: 1px;
}

/* Panodan kurulan birim süzgecinin GÖRÜNÜR karşılığı: `BirimSecici` dışarıdan gelen
   değeri göstermez, bu çip gösterir ve kaldırma yolunu verir. */
.yk-aktif-birim[b-x2lfbiqubi] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: end;
  padding: 6px 10px;
  border: 1px solid var(--marka-400);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  font-size: 12px;
  color: var(--metin-murekkep);
}

.yk-aktif-birim strong[b-x2lfbiqubi] { color: var(--marka-700); }

.yk-aktif-birim__kapat[b-x2lfbiqubi] {
  border: 0;
  background: none;
  padding: 0 2px;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  color: var(--metin-ipucu);
}

.yk-aktif-birim__kapat:hover[b-x2lfbiqubi] { color: var(--red-600); }
/* _content/EduLive.Web/Components/Pages/Management/YoklamaAl.razor.rz.scp.css */
/* Yoklama alma — Akademik Analiz'in kapak, yüzey, tipografi ve tablo ölçüleri.
   Ölçü referansı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md.
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz.
   Arka plan kaydırma kilidi YoklamaAl.razor.js'tedir. */

body.edulive-cihaz .au-page.ya-vitrin[b-pbvn181z49] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: oturum kimliği + ilerleme aynı beyaz yüzeyde ─── */
.ya-kapak[b-pbvn181z49] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik sayac";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ya-kapak__geri[b-pbvn181z49] { grid-area: geri; }
.ya-basliklik[b-pbvn181z49] { grid-area: baslik; min-width: 0; }
.ya-sayac[b-pbvn181z49] { grid-area: sayac; }

.ya-kapak .au-title[b-pbvn181z49] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.ya-alt[b-pbvn181z49] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 5px 0 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
}
.ya-ayrac[b-pbvn181z49] { color: var(--metin-ipucu); }

.ya-durum[b-pbvn181z49] {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
}
.ya-durum--open[b-pbvn181z49] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-700) 78%, var(--turkuaz-500));
}
.ya-durum--closed[b-pbvn181z49] {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}
/* İptal, kapalıdan AYRI okunur: ikisi de kilitli ama iptal geri alınamaz. */
.ya-durum--cancelled[b-pbvn181z49] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

/* İşaretleme ilerlemesi: referansın KPI değer ölçeği. */
.ya-sayac[b-pbvn181z49] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  padding-inline-start: 16px;
  border-inline-start: 1px solid var(--hat-kart);
}
.ya-sayac__deger[b-pbvn181z49] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.ya-sayac__bolu[b-pbvn181z49] { margin-inline: 3px; color: var(--metin-ipucu); font-weight: 400; }
.ya-sayac__etiket[b-pbvn181z49] {
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* ─── Düğme taban çizgisi ─── */
.ya-vitrin .au-btn[b-pbvn181z49],
.ya-popup .au-btn[b-pbvn181z49] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.ya-vitrin .au-btn:hover:not(:disabled)[b-pbvn181z49],
.ya-popup .au-btn:hover:not(:disabled)[b-pbvn181z49] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.ya-vitrin .au-btn--primary[b-pbvn181z49],
.ya-popup .au-btn--primary[b-pbvn181z49] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.ya-vitrin .au-btn--primary:hover:not(:disabled)[b-pbvn181z49],
.ya-popup .au-btn--primary:hover:not(:disabled)[b-pbvn181z49] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.ya-vitrin .au-btn--sm[b-pbvn181z49],
.ya-popup .au-btn--sm[b-pbvn181z49] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.ya-vitrin .au-btn:disabled[b-pbvn181z49],
.ya-popup .au-btn:disabled[b-pbvn181z49] { opacity: .55; cursor: not-allowed; }
.ya-vitrin .au-btn:focus-visible[b-pbvn181z49],
.ya-popup .au-btn:focus-visible[b-pbvn181z49] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ─── Uyarı şeritleri ─── */
.ya-uyari[b-pbvn181z49] {
  margin-bottom: 12px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 22%, var(--hat-kart));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}
.ya-uyari p[b-pbvn181z49] { margin: 0; max-width: 88ch; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.ya-uyari strong[b-pbvn181z49] { color: var(--marka-700); }
.ya-uyari--kilit[b-pbvn181z49] {
  border-color: color-mix(in srgb, var(--red-500) 26%, transparent);
  background: color-mix(in srgb, var(--red-500) 6%, var(--yuzey));
}
.ya-uyari--kilit strong[b-pbvn181z49] { color: var(--red-600); }

/* ─── Kartlar ─── */
.ya-kart[b-pbvn181z49] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.ya-kart[b-pbvn181z49]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ya-bolum-basligi[b-pbvn181z49] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.ya-bolum-basligi[b-pbvn181z49]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ya-bos[b-pbvn181z49] { margin: 0 0 12px; max-width: 88ch; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.ya-bos:last-child[b-pbvn181z49] { margin-bottom: 0; }

/* Yükleniyor iskeleti */
.ya-iskelet[b-pbvn181z49] { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.ya-iskelet__satir[b-pbvn181z49] {
  height: 34px;
  border-radius: var(--kose-dugme);
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 0%,
    color-mix(in srgb, var(--marka-500) 10%, var(--yuzey)) 50%,
    color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 100%);
}

/* ─── Toplu işaretleme araç çubuğu ─── */
.ya-toplu[b-pbvn181z49] { display: flex; flex-wrap: wrap; gap: 8px; }
.ya-durum-metni[b-pbvn181z49] {
  margin: 12px 0 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
}
.ya-durum-metni span[b-pbvn181z49] { color: var(--metin-ikincil); font-weight: 400; }
/* "Kalan" sayacı ölçü değil HEDEF: işaretlenmemiş öğrenci kaldıkça görünür kalmalı. */
.ya-durum-metni .ya-kalan[b-pbvn181z49] {
  display: inline-block;
  margin-inline-start: 8px;
  padding: 1px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--turkuaz-500) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-700) 80%, var(--turkuaz-500));
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ─── Beklenmeyen kayıtlar: uyarı şeridinin içinde açılır liste ─── */
.ya-beklenmeyen__eylem[b-pbvn181z49] { margin-top: 10px; }
.ya-beklenmeyen[b-pbvn181z49] {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ya-beklenmeyen__satir[b-pbvn181z49] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 12.5px;
}
.ya-beklenmeyen__satir .au-btn[b-pbvn181z49] { margin-inline-start: auto; }

/* ─── Liste araç çubuğu: arama + süzgeç + sıralama ─── */
.ya-araclar[b-pbvn181z49] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 16px;
  margin-bottom: 12px;
}
.ya-araclar__ara[b-pbvn181z49] { flex: 1 1 240px; min-width: 0; }
.ya-araclar__suzgec[b-pbvn181z49] { flex: 0 1 auto; }
.ya-araclar__sirala[b-pbvn181z49] { display: flex; flex-wrap: wrap; gap: 6px; }
.ya-araclar[b-pbvn181z49]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.ya-araclar[b-pbvn181z49]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
}
.ya-araclar[b-pbvn181z49]  .app-toggle-row { min-height: 34px; gap: 8px; }
.ya-araclar[b-pbvn181z49]  .app-toggle__label { color: var(--metin-ikincil); font-size: 13px; }
.ya-araclar[b-pbvn181z49]  .app-toggle.is-on .app-toggle__track { background: var(--marka-600); }

/* Yıkıcı satır eylemi ayrı okunur — "Not"un yanında aynı tonda durmamalı. */
.ya-kaldir[b-pbvn181z49] {
  border-color: color-mix(in srgb, var(--red-500) 34%, var(--hat-girdi));
  color: var(--red-600);
}
.ya-vitrin .ya-kaldir:hover:not(:disabled)[b-pbvn181z49] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}
.ya-kaynak[b-pbvn181z49] { margin: 8px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.55; }
.ya-kaynak code[b-pbvn181z49] {
  padding: 1px 5px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
}

/* ─── Sınıf listesi: kendi alanında kayar, başlık üstte sabit ─── */
.ya-tablo[b-pbvn181z49] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}
.ya-liste[b-pbvn181z49] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}
.ya-liste thead[b-pbvn181z49] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.ya-liste thead th[b-pbvn181z49] {
  padding: 10px 13px;
  background: transparent;
  border: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
}
.ya-liste tbody td[b-pbvn181z49] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  vertical-align: top;
}
.ya-liste tbody tr:nth-child(even)[b-pbvn181z49] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ya-liste tbody tr:hover[b-pbvn181z49] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.ya-liste tbody tr.is-isaretli[b-pbvn181z49] { background: color-mix(in srgb, var(--turkuaz-500) 7%, var(--yuzey)); }

.ya-ogrenci[b-pbvn181z49] { font-weight: 600; overflow-wrap: anywhere; }
.ya-kayitli[b-pbvn181z49] { color: var(--metin-ipucu); font-size: 11.5px; }
.ya-not-onizleme[b-pbvn181z49] {
  margin-top: 4px;
  padding-inline-start: 8px;
  border-inline-start: 2px solid color-mix(in srgb, var(--turkuaz-500) 45%, transparent);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.ya-secim[b-pbvn181z49] { display: flex; flex-wrap: wrap; gap: 6px; }
.ya-not-dugme.is-dolu[b-pbvn181z49] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 55%, var(--hat-girdi));
  color: color-mix(in srgb, var(--marka-700) 80%, var(--turkuaz-500));
}

/* ─── Kaydetme çubuğu: sayfanın altına yapışır, aramaya gerek kalmaz ─── */
/* z-index, listenin YAPIŞIK tablo başlığından (z-index:3) yüksek olmalı: `.ya-kart`
   `position:relative` + `z-index:auto` olduğu için yığın bağlamı KURMAZ, dolayısıyla
   thead ile bu çubuk aynı bağlamda yarışır ve 3 > 2 iken başlık çubuğun üstüne
   boyanıyordu. */
.ya-kaydet[b-pbvn181z49] {
  position: sticky;
  bottom: 0;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: 0 -10px 26px -22px color-mix(in srgb, var(--metin-murekkep) 60%, transparent);
}
.ya-kaydet__sol[b-pbvn181z49] { min-width: 0; flex: 1 1 320px; }
.ya-kaydet__sag[b-pbvn181z49] { flex: 0 0 auto; }
.ya-kaydet__not[b-pbvn181z49] { margin: 6px 0 0; max-width: 72ch; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
/* Üstüne yazma açıkken not kaybı uyarısı — yıkıcı olanı ayrı tonda göster. */
.ya-kaydet__uyari[b-pbvn181z49] {
  margin: 8px 0 0;
  max-width: 72ch;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--red-500) 28%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 7%, transparent);
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.5;
}
.ya-kaydet__uyari strong[b-pbvn181z49] { color: var(--red-600); }
.ya-kaydet[b-pbvn181z49]  .app-toggle-row { min-height: 34px; gap: 8px; }
.ya-kaydet[b-pbvn181z49]  .app-toggle__label { color: var(--metin-ikincil); font-size: 13px; }
.ya-kaydet[b-pbvn181z49]  .app-toggle.is-on .app-toggle__track { background: var(--marka-600); }

/* ─── Kayıt sonucu ─── */
.ya-sonuc__liste[b-pbvn181z49] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}
.ya-sonuc__deger[b-pbvn181z49] {
  margin-inline-end: 4px;
  color: var(--marka-700);
  font: 700 18px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
}

/* ─── Görünür popup ─── */
.ya-popup[b-pbvn181z49] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.ya-popup[open][b-pbvn181z49] { display: flex; flex-direction: column; }
.ya-popup[b-pbvn181z49]::backdrop { background: var(--scrim); }

.ya-popup__bas[b-pbvn181z49] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.ya-popup__bas h2[b-pbvn181z49] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}
.ya-popup__bas h2:focus[b-pbvn181z49] { outline: none; }
.ya-popup__kapat[b-pbvn181z49] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.ya-popup__govde[b-pbvn181z49] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.ya-popup__govde[b-pbvn181z49]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.ya-popup__govde[b-pbvn181z49]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}
.ya-not-bilgi[b-pbvn181z49] { margin: 10px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.ya-not-bilgi strong[b-pbvn181z49] { color: var(--marka-700); }

.ya-popup__eylem[b-pbvn181z49] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ya-vitrin .au-dim[b-pbvn181z49] { color: var(--metin-ipucu); }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ya-kapak[b-pbvn181z49] { padding: 16px; }
  .ya-vitrin .au-btn[b-pbvn181z49], .ya-popup .au-btn[b-pbvn181z49] { min-height: 44px; }
  .ya-vitrin .au-btn--sm[b-pbvn181z49], .ya-popup .au-btn--sm[b-pbvn181z49] { min-height: 44px; }
  .ya-popup__govde[b-pbvn181z49]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .ya-araclar[b-pbvn181z49]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .ya-araclar[b-pbvn181z49]  .app-toggle-row { min-height: 44px; }
  .ya-kaydet[b-pbvn181z49]  .app-toggle-row { min-height: 44px; }
}

/* ─── CİHAZ (telefon ∪ tablet): öğrenci sütunu yapışık ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ya-liste thead th:first-child[b-pbvn181z49] {
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--marka-500);
  }
  .ya-liste tbody td:first-child[b-pbvn181z49] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }
  .ya-liste tbody tr:nth-child(even) td:first-child[b-pbvn181z49] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .ya-liste tbody tr.is-isaretli td:first-child[b-pbvn181z49] {
    background: color-mix(in srgb, var(--turkuaz-500) 7%, var(--yuzey));
  }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .ya-kapak[b-pbvn181z49] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "sayac";
    padding: 12px;
  }
  .ya-kapak .au-title[b-pbvn181z49] { font-size: var(--yazi-kapak, 20px); }
  .ya-sayac[b-pbvn181z49] {
    align-items: flex-start;
    padding-inline-start: 0;
    padding-top: 10px;
    border-inline-start: 0;
    border-top: 1px solid var(--hat-kart);
  }
  .ya-sayac__deger[b-pbvn181z49] { font-size: var(--yazi-kpi, 20px); }
  .ya-uyari[b-pbvn181z49] { padding: 12px; }
  .ya-kart[b-pbvn181z49] { padding: 16px 12px; }
  .ya-bolum-basligi[b-pbvn181z49] { font-size: var(--yazi-bolum, 14px); }
  .ya-liste[b-pbvn181z49] { font-size: var(--yazi-govde, 13px); }
  .ya-toplu .au-btn[b-pbvn181z49] { flex: 1 1 auto; }
  .ya-araclar[b-pbvn181z49] { gap: 10px; }
  .ya-araclar__ara[b-pbvn181z49], .ya-araclar__suzgec[b-pbvn181z49], .ya-araclar__sirala[b-pbvn181z49] { flex: 1 1 100%; }
  .ya-araclar__sirala .au-btn[b-pbvn181z49] { flex: 1 1 auto; }
  .ya-beklenmeyen__satir .au-btn[b-pbvn181z49] { margin-inline-start: 0; width: 100%; }
  .ya-kaydet[b-pbvn181z49] { padding: 12px; }
  .ya-kaydet__sag[b-pbvn181z49], .ya-kaydet__sag .au-btn[b-pbvn181z49] { width: 100%; }
  .ya-popup[b-pbvn181z49] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ya-popup__bas[b-pbvn181z49], .ya-popup__govde[b-pbvn181z49], .ya-popup__eylem[b-pbvn181z49] { padding: 12px; }
  .ya-popup__eylem .au-btn[b-pbvn181z49] { flex: 1 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
  .ya-vitrin .au-btn[b-pbvn181z49], .ya-popup .au-btn[b-pbvn181z49] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Management/YoklamaTipleri.razor.rz.scp.css */
/* Yoklama tipleri — Akademik Analiz'in kapak, yüzey, tipografi ve tablo ölçüleri.
   Ölçü referansı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md.
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz.
   Arka plan kaydırma kilidi YoklamaTipleri.razor.js'tedir. */

body.edulive-cihaz .au-page.yt-vitrin[b-sxvr8eovmy] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak ─── */
.yt-kapak[b-sxvr8eovmy] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yt-kapak__geri[b-sxvr8eovmy] { grid-area: geri; }
.yt-basliklik[b-sxvr8eovmy] { grid-area: baslik; min-width: 0; }
.yt-eylem[b-sxvr8eovmy] { grid-area: eylem; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

/* Yazma yetkisi olmayan kullanıcı (MANAGEMENT_VIEW var, MANAGEMENT_CATALOG yok)
   düğmesiz bir ekranla baş başa kalmasın: neden salt okuduğu burada yazar. */
.yt-salt-okunur[b-sxvr8eovmy] {
  margin: 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.yt-kapak .au-title[b-sxvr8eovmy] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}
.yt-alt[b-sxvr8eovmy] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
  line-height: 1.5;
}

/* ─── Düğme taban çizgisi ─── */
.yt-vitrin .au-btn[b-sxvr8eovmy],
.yt-popup .au-btn[b-sxvr8eovmy] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.yt-vitrin .au-btn:hover:not(:disabled)[b-sxvr8eovmy],
.yt-popup .au-btn:hover:not(:disabled)[b-sxvr8eovmy] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.yt-vitrin .au-btn--primary[b-sxvr8eovmy],
.yt-popup .au-btn--primary[b-sxvr8eovmy] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.yt-vitrin .au-btn--primary:hover:not(:disabled)[b-sxvr8eovmy],
.yt-popup .au-btn--primary:hover:not(:disabled)[b-sxvr8eovmy] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.yt-vitrin .au-btn--sm[b-sxvr8eovmy],
.yt-popup .au-btn--sm[b-sxvr8eovmy] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.yt-vitrin .au-btn:disabled[b-sxvr8eovmy],
.yt-popup .au-btn:disabled[b-sxvr8eovmy] { opacity: .55; cursor: not-allowed; }
.yt-vitrin .au-btn:focus-visible[b-sxvr8eovmy],
.yt-popup .au-btn:focus-visible[b-sxvr8eovmy] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Silme yıkıcıdır: ikincil yüzey, kırmızı yazı. */
.yt-sil[b-sxvr8eovmy], .yt-sil-onay[b-sxvr8eovmy] { color: var(--red-600); border-color: color-mix(in srgb, var(--red-500) 35%, var(--hat-girdi)); }
.yt-sil:hover:not(:disabled)[b-sxvr8eovmy], .yt-sil-onay:hover:not(:disabled)[b-sxvr8eovmy] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

/* ─── is_present açıklaması: kataloğun tek hesap temeli ─── */
.yt-bilgi[b-sxvr8eovmy] {
  margin-bottom: 16px;
  padding: 14px 18px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 22%, var(--hat-kart));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}
.yt-bilgi p[b-sxvr8eovmy] { margin: 0; max-width: 82ch; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.65; }
.yt-bilgi strong[b-sxvr8eovmy] { color: var(--marka-700); }

/* ─── Katalog kartı ─── */
.yt-kart[b-sxvr8eovmy] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.yt-kart[b-sxvr8eovmy]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yt-bolum-basligi[b-sxvr8eovmy] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.yt-bolum-basligi[b-sxvr8eovmy]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ─── Satır içeriği ─── */
.yt-ad[b-sxvr8eovmy] { display: block; color: var(--metin-murekkep); font-weight: 700; overflow-wrap: anywhere; }
.yt-kod[b-sxvr8eovmy] {
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.yt-sira[b-sxvr8eovmy] { color: var(--n-500); font-variant-numeric: tabular-nums; }
.yt-satir-eylem[b-sxvr8eovmy] { display: flex; flex-wrap: wrap; gap: 6px; }

.yt-sayim[b-sxvr8eovmy] {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
}
.yt-sayim--var[b-sxvr8eovmy] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-700) 78%, var(--turkuaz-500));
}
.yt-sayim--mazeret[b-sxvr8eovmy] {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}
.yt-sayim--yok[b-sxvr8eovmy] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

.yt-bos[b-sxvr8eovmy] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}
.yt-bos p[b-sxvr8eovmy] { margin: 0; max-width: 60ch; line-height: 1.6; }

/* ─── Tablo: mavi–petrol başlık geçişi, beyaz gövde, kendi alanında kaydırma ─── */
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table { font-size: 13px; border-collapse: separate; border-spacing: 0; }
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table thead th,
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table thead th:is(:hover, [aria-sort="ascending"], [aria-sort="descending"]) {
  background: transparent;
  border-bottom: none;
}
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-th-label,
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-sort {
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--hat-kart);
  vertical-align: top;
}
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table tbody tr:hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-pager { margin-top: 12px; }
.yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-pager__btn {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

/* ─── Görünür popup ─── */
.yt-popup[b-sxvr8eovmy] {
  width: min(660px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.yt-popup--dar[b-sxvr8eovmy] { width: min(460px, calc(100vw - 48px)); }
.yt-popup[open][b-sxvr8eovmy] { display: flex; flex-direction: column; }
.yt-popup[b-sxvr8eovmy]::backdrop { background: var(--scrim); }

.yt-popup__bas[b-sxvr8eovmy] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.yt-popup__bas h2[b-sxvr8eovmy] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}
.yt-popup__bas h2:focus[b-sxvr8eovmy] { outline: none; }
.yt-popup__kapat[b-sxvr8eovmy] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.yt-popup__govde[b-sxvr8eovmy] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.yt-popup__govde .au-form-grid[b-sxvr8eovmy] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.yt-popup__govde[b-sxvr8eovmy]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.yt-popup__govde[b-sxvr8eovmy]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  font-weight: 500;
}
.yt-popup__govde[b-sxvr8eovmy]  .app-toggle-row { min-height: 34px; gap: 8px; }
.yt-popup__govde[b-sxvr8eovmy]  .app-toggle__label { color: var(--metin-ikincil); font-size: 13px; }
.yt-popup__govde[b-sxvr8eovmy]  .app-toggle.is-on .app-toggle__track { background: var(--marka-600); }

.yt-popup__eylem[b-sxvr8eovmy] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.yt-onay[b-sxvr8eovmy] { margin: 0; color: var(--metin-murekkep); font-size: 13.5px; line-height: 1.6; }
.yt-onay strong[b-sxvr8eovmy] { color: var(--marka-700); }
.yt-not[b-sxvr8eovmy] { margin: 10px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }
.yt-not strong[b-sxvr8eovmy] { color: var(--marka-700); }
.yt-not--dikkat[b-sxvr8eovmy] {
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 28%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 7%, transparent);
}
.yt-not--dikkat strong[b-sxvr8eovmy] { color: var(--red-600); }

.yt-vitrin .au-dim[b-sxvr8eovmy] { color: var(--metin-ipucu); }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yt-kapak[b-sxvr8eovmy] { padding: 16px; }
  .yt-vitrin .au-btn[b-sxvr8eovmy], .yt-popup .au-btn[b-sxvr8eovmy] { min-height: 44px; }
  .yt-vitrin .au-btn--sm[b-sxvr8eovmy], .yt-popup .au-btn--sm[b-sxvr8eovmy] { min-height: 44px; }
  .yt-popup__govde[b-sxvr8eovmy]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .yt-popup__govde[b-sxvr8eovmy]  .app-toggle-row { min-height: 44px; }
}

/* ─── CİHAZ (telefon ∪ tablet): ilk anlamlı sütun yapışık ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--marka-500);
  }
  .yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }
  .yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table tbody tr:nth-child(even) td:first-child {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .yt-kapak[b-sxvr8eovmy] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "eylem";
    padding: 12px;
  }
  .yt-kapak .au-title[b-sxvr8eovmy] { font-size: var(--yazi-kapak, 20px); }
  .yt-eylem .au-btn[b-sxvr8eovmy] { flex: 1 1 auto; }
  .yt-bilgi[b-sxvr8eovmy] { padding: 12px; }
  .yt-kart[b-sxvr8eovmy] { padding: 16px 12px; }
  .yt-bolum-basligi[b-sxvr8eovmy] { font-size: var(--yazi-bolum, 14px); }
  .yt-kart .yt-tablo[b-sxvr8eovmy]  .grid-table { font-size: var(--yazi-govde, 13px); }
  .yt-popup[b-sxvr8eovmy], .yt-popup--dar[b-sxvr8eovmy] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .yt-popup__bas[b-sxvr8eovmy], .yt-popup__govde[b-sxvr8eovmy], .yt-popup__eylem[b-sxvr8eovmy] { padding: 12px; }
  .yt-popup__govde .au-form-grid[b-sxvr8eovmy] { grid-template-columns: minmax(0, 1fr); }
  .yt-popup__eylem .au-btn[b-sxvr8eovmy] { flex: 1 1 auto; }
}

/* ─── MASAÜSTÜ: geniş ekranda başlık solda, eylem sağda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .yt-kapak[b-sxvr8eovmy] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }
  .yt-eylem[b-sxvr8eovmy] { justify-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .yt-vitrin .au-btn[b-sxvr8eovmy], .yt-popup .au-btn[b-sxvr8eovmy] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Marketplace/Pazar.razor.rz.scp.css */
/* Pazar vitrini — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Sayfaya kapsanmış (scoped) CSS: wwwroot/css/*.css DEĞİŞTİRİLMEDİ, yeni hex yok,
   !important yok, sahte spacer yok. Yalnız mevcut tokenlar.

   ÖZGÜLLÜK NOTU: kapsanmış CSS App.razor'da cihaz.css'ten ÖNCE yüklenir; cihaz
   bantlarında cihaz.css'i yenmek gerektiğinde seçici `body.edulive-cihaz` ile başlar. */

.au-page.pazar-vitrin[b-k9s535dobb] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylem tek beyaz yüzeyde ───────────────── */
.pz-kapak[b-k9s535dobb] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "baslik eylem"
    "suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  /* Alt dolgu, akıştan çıkarılan arama ipucunun (~21px) yerini karşılar;
     ipucu mutlak konumlandığı için kapak yüksekliği değişmez. */
  padding: 16px 24px 38px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pz-baslik[b-k9s535dobb] {
  grid-area: baslik;
  min-width: 0;
}

.pz-baslik .au-title[b-k9s535dobb] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.pz-ozet[b-k9s535dobb] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.pz-eylemler[b-k9s535dobb] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

.pz-suzgec[b-k9s535dobb] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Sıralama alanı: esas genişlik 176, üst sınır 210 (referans ölçüsü). */
/* `gap: 0` AppField'ın 7px etiket boşluğunu kapatır; etiket→girdi aralığı
   iki alanda da yalnız `margin-bottom: 4px` olur, ARA/SIRALAMA tek çizgiye gelir. */
.pz-suzgec[b-k9s535dobb]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
  gap: 0;
}

/* Mutlak konumlu ipucunun dayanağı. */
.pz-arama[b-k9s535dobb] {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 240px;
  min-width: 0;
  max-width: 340px;
}

.pz-arama__etiket[b-k9s535dobb],
.pz-kapak[b-k9s535dobb]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.pz-arama__alan[b-k9s535dobb] {
  min-width: 0;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

.pz-arama__alan[b-k9s535dobb]::placeholder {
  color: var(--metin-ipucu);
}

/* Aramanın kapsamı (yalnız paket adı) ekran okuyucuda ve gözle görünür. */
/* Akıştan çıkarıldı: akışta kalsaydı `align-items: flex-end` satırında arama
   sarmalayıcısını ~21px uzatıp girdiyi komşularından yukarı kaydırıyordu. */
.pz-arama__ipucu[b-k9s535dobb] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.4;
}

.pz-kapak[b-k9s535dobb]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none;
}

.pz-kapak[b-k9s535dobb]  .app-select__caret {
  color: var(--marka-600);
}

.pz-sifirla[b-k9s535dobb] {
  flex: 0 0 auto;
  align-self: flex-end;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────────── */
.pazar-vitrin .au-btn[b-k9s535dobb] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.pazar-vitrin .au-btn:hover:not(:disabled)[b-k9s535dobb] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.pazar-vitrin .au-btn--primary[b-k9s535dobb] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.pazar-vitrin .au-btn--primary:hover:not(:disabled)[b-k9s535dobb] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.pazar-vitrin .au-btn--sm[b-k9s535dobb] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.pazar-vitrin .au-btn:disabled[b-k9s535dobb] {
  opacity: .5;
  cursor: not-allowed;
}

.pazar-vitrin :is(.au-btn, .pz-arama__alan, .pz-kart__ac):focus-visible[b-k9s535dobb] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

.pazar-vitrin[b-k9s535dobb]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Liste bölümü ─────────────────────────────────────────────────────────── */
.pz-liste[b-k9s535dobb] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pz-liste[b-k9s535dobb]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pz-bolum-baslik[b-k9s535dobb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pz-bolum-baslik[b-k9s535dobb]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.pz-liste[b-k9s535dobb]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.pz-liste[b-k9s535dobb]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.pz-liste[b-k9s535dobb]  .ds-desc { font-size: 13px; color: var(--n-500); }

/* Uzun ızgara kendi sınırlı alanında kayar (sayfa boyu uzamaz). */
.pz-izgara[b-k9s535dobb] {
  list-style: none;
  margin: 0;
  padding: 3px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
  gap: 12px;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
}

.pz-kartsar[b-k9s535dobb] {
  display: flex;
  min-width: 0;
}

.pz-kart[b-k9s535dobb] {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  overflow: hidden;
}

.pz-kart:hover[b-k9s535dobb] {
  border-color: var(--marka-400);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pz-kart:has(.pz-kart__ac:focus-visible)[b-k9s535dobb] {
  border-color: var(--marka-600);
}

.pz-kart__kapak[b-k9s535dobb] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  background: var(--marka-degrade);
  color: var(--on-brand);
}

.pz-kart__harf[b-k9s535dobb] {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.pz-kart__govde[b-k9s535dobb] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px 14px;
  min-width: 0;
}

.pz-kart__baslik[b-k9s535dobb] {
  margin: 0;
  min-width: 0;
  font: 700 15px/1.3 var(--font-display);
  letter-spacing: -.012em;
}

/* Başlık düğmesi kartın tamamını tıklanabilir yapar (yayılan bağlantı deseni);
   "Hızlı bakış" düğmesi bu katmanın üzerinde kalır. */
.pz-kart__ac[b-k9s535dobb] {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--marka-700);
  font: inherit;
  text-align: start;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.pz-kart__ac[b-k9s535dobb]::after {
  content: "";
  position: absolute;
  inset: 0;
}

.pz-kart:hover .pz-kart__ac[b-k9s535dobb] {
  color: var(--marka-500);
}

.pz-kart__yayinci[b-k9s535dobb] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

.pz-dogrulandi[b-k9s535dobb] {
  display: inline-flex;
  color: var(--marka-rampa-uc);
}

.pz-kart__aciklama[b-k9s535dobb] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pz-kart__olcu[b-k9s535dobb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.pz-puan[b-k9s535dobb] {
  color: var(--metin-ikincil);
  font-weight: 600;
}

.pz-nokta[b-k9s535dobb] {
  opacity: .6;
}

.pz-rozetler[b-k9s535dobb] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* Lisans ve ders bağı rozetleri — backend'in zaten döndürdüğü, vitrinde gizli kalan alanlar. */
.pz-rozet[b-k9s535dobb] {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 600;
}

.pz-kart__alt[b-k9s535dobb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.pz-fiyat[b-k9s535dobb] {
  margin-inline-end: auto;
  color: var(--marka-700);
  font-size: 13.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pazar-vitrin .pz-sahip[b-k9s535dobb] {
  font-size: 11.5px;
}

/* Yayılan bağlantının üstünde kalır; kendi eylemi (popup) çalışır. */
.pz-bakis[b-k9s535dobb] {
  position: relative;
  z-index: 1;
}

/* Boş durum: anlamlı metin + birincil eylem (sahte örnek kart YOK). */
.pz-bos[b-k9s535dobb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.pz-bos p[b-k9s535dobb] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

.pz-liste[b-k9s535dobb]  .cpg {
  margin-top: 14px;
}

.pz-liste[b-k9s535dobb]  .cpg__info {
  color: var(--n-500);
  font-size: 12.5px;
}

/* Sayfalayıcı ayrı bileşende: kapsam özniteliği düşmez, ::deep ile hizalanır. */
.pz-liste[b-k9s535dobb]  .cpg .au-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.pz-liste[b-k9s535dobb]  .cpg .au-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Hızlı bakış popup: native top layer; başlık ve eylemler sabit ─────────── */
.pz-popup[b-k9s535dobb] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pz-popup[open][b-k9s535dobb] {
  display: flex;
  flex-direction: column;
}

.pz-popup[b-k9s535dobb]::backdrop {
  background: var(--scrim);
}

.pz-popup-bas[b-k9s535dobb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pz-popup-bas h2[b-k9s535dobb] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pz-popup-bas h2:focus[b-k9s535dobb] {
  outline: none;
}

.pazar-vitrin .pz-popup-kapat[b-k9s535dobb] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.pz-popup-govde[b-k9s535dobb] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pz-popup-yayinci[b-k9s535dobb] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.pz-popup-aciklama[b-k9s535dobb] {
  margin: 0 0 14px;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pz-olgular[b-k9s535dobb] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.pz-olgular > div[b-k9s535dobb] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.pz-olgular > div:nth-child(odd)[b-k9s535dobb] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pz-olgular dt[b-k9s535dobb] {
  color: var(--n-500);
}

.pz-olgular dd[b-k9s535dobb] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.pz-popup-eylem[b-k9s535dobb] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540: başlık solda, süzgeç ve eylem sağ kenarda tek satır ───── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .pz-kapak[b-k9s535dobb] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "baslik suzgec eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; kap çocukların
     `flex: 0 1 176px` / `flex: 1 1 240px` tabanını saymadan daralır ve arama
     alanı ezilirdi. Kap 1fr izini doldurur, içerik sağa yaslanır. */
  .pz-suzgec[b-k9s535dobb] {
    justify-self: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pz-kapak[b-k9s535dobb] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "baslik"
      "eylem"
      "suzgec";
    /* Alt dolgu mutlak ipucunun payını taşır; yoksa kart kenarlığının dışına taşar. */
    padding: 16px 16px 37px;
  }

  .pz-eylemler[b-k9s535dobb] {
    justify-self: stretch;
  }

  .pazar-vitrin :is(.au-btn, .au-btn--sm)[b-k9s535dobb] {
    min-height: 44px;
  }

  .pz-arama__alan[b-k9s535dobb],
  .pz-kapak[b-k9s535dobb]  .app-input {
    min-height: 44px;
    height: 44px;
  }
}

/* Dokunmatikte girdi punto tabanı: iOS yakınlaştırmasını engeller (YENI-DIL K4). */
@media (pointer: coarse) {
  .pz-arama__alan[b-k9s535dobb],
  .pz-kapak[b-k9s535dobb]  .app-input {
    font-size: max(16px, 1rem);
  }

  .pz-kapak[b-k9s535dobb]  .app-sel__opt {
    min-height: 44px;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pz-kapak[b-k9s535dobb] {
    padding: 12px;
    row-gap: 12px;
  }

  .pz-baslik .au-title[b-k9s535dobb] {
    font-size: var(--yazi-kapak, 20px);
  }

  .pz-ozet[b-k9s535dobb] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde (YENI-DIL §7). */
  .pz-eylemler .au-btn[b-k9s535dobb] {
    flex: 1 0 auto;
    justify-content: center;
  }

  /* Süzgeçler tek sütun. */
  .pz-suzgec[b-k9s535dobb] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .pz-suzgec[b-k9s535dobb]  .app-field {
    flex: none;
    max-width: none;
  }

  /* Tek sütun düzende süzgeçler stretch; ipucu akışa dönerek girdinin
     altında yer kaplar, mutlak konuma gerek kalmaz. */
  .pz-arama[b-k9s535dobb] {
    position: static;
    flex: none;
    max-width: none;
  }

  .pz-arama__ipucu[b-k9s535dobb] {
    position: static;
  }

  .pz-sifirla[b-k9s535dobb] {
    align-self: stretch;
    justify-content: center;
  }

  .pz-liste[b-k9s535dobb] {
    padding: 16px 12px;
  }

  .pz-bolum-baslik[b-k9s535dobb] {
    font-size: var(--yazi-bolum, 14px);
  }

  .pz-izgara[b-k9s535dobb] {
    grid-template-columns: minmax(0, 1fr);
    max-height: none;
    overflow: visible;
  }

  .pz-kart__aciklama[b-k9s535dobb],
  .pz-kart__yayinci[b-k9s535dobb] {
    font-size: var(--yazi-govde, 13px);
  }

  .pz-bos .au-btn[b-k9s535dobb] {
    width: 100%;
    justify-content: center;
  }

  .pz-popup[b-k9s535dobb] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .pz-popup-bas[b-k9s535dobb],
  .pz-popup-govde[b-k9s535dobb],
  .pz-popup-eylem[b-k9s535dobb] {
    padding: 12px;
  }

  .pz-popup-eylem .au-btn[b-k9s535dobb] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .pz-olgular > div[b-k9s535dobb] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Marketplace/PazarPaketDetay.razor.rz.scp.css */
/* Pazar paket detayı — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Sayfaya kapsanmış (scoped) CSS: wwwroot/css/*.css DEĞİŞTİRİLMEDİ, yeni hex yok,
   !important yok, sahte spacer yok. Yalnız mevcut tokenlar. */

.au-page.pazar-detay-vitrin[b-bgya288z5j] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + yayıncı + ana eylem tek beyaz yüzeyde ──────────── */
.pd-kapak[b-bgya288z5j] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pd-kapak[b-bgya288z5j]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Geri düğmesinde yalnız kama görünür; metin ekran okuyucuda kalır. */
.pd-kapak[b-bgya288z5j]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.pd-kapak[b-bgya288z5j]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.pd-baslik[b-bgya288z5j] {
  grid-area: baslik;
  min-width: 0;
}

.pd-baslik .au-title[b-bgya288z5j] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pd-yayinci[b-bgya288z5j] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.pd-dogrulandi[b-bgya288z5j] {
  display: inline-flex;
  color: var(--marka-rampa-uc);
}

.pd-eylemler[b-bgya288z5j] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────────── */
.pazar-detay-vitrin .au-btn[b-bgya288z5j] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.pazar-detay-vitrin .au-btn:hover:not(:disabled)[b-bgya288z5j] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.pazar-detay-vitrin .au-btn--primary[b-bgya288z5j] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.pazar-detay-vitrin .au-btn--primary:hover:not(:disabled)[b-bgya288z5j] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.pazar-detay-vitrin .au-btn:disabled[b-bgya288z5j] {
  opacity: .5;
  cursor: not-allowed;
}

.pazar-detay-vitrin .au-btn:focus-visible[b-bgya288z5j] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Bant (satın alma sonucu / hata) ──────────────────────────────────────── */
.pd-bant[b-bgya288z5j] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* Satın alma bitince odak buraya taşınır (tetikleyici düğme kalkar). Programatik
   odakta çizgi gösterilmez; klavyeyle gelinirse görünür kalır. */
.pd-bant:focus[b-bgya288z5j] {
  outline: none;
}

.pd-bant:focus-visible[b-bgya288z5j] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartları ───────────────────────────────────────────────────────── */
.pd-bolum[b-bgya288z5j] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pd-bolum[b-bgya288z5j]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pd-bolum:last-of-type[b-bgya288z5j] {
  margin-bottom: 0;
}

.pd-bolum-baslik[b-bgya288z5j] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pd-bolum-baslik[b-bgya288z5j]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pd-bolum p[b-bgya288z5j] {
  margin: 0 0 12px;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.pd-aciklama[b-bgya288z5j] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pd-not[b-bgya288z5j] {
  margin-bottom: 0;
  color: var(--n-500);
  font-size: 12.5px;
}

/* Dürüst durum kartları (yetkisiz / detay yok) — ortalı, birincil eylemle. */
.pd-durum[b-bgya288z5j] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 36px 20px;
  text-align: center;
}

.pd-durum .pd-bolum-baslik[b-bgya288z5j] {
  justify-content: center;
}

.pd-durum p[b-bgya288z5j] {
  max-width: 56ch;
}

/* ── Olgu listesi ─────────────────────────────────────────────────────────── */
.pd-olgular[b-bgya288z5j] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.pd-olgular > div[b-bgya288z5j] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.pd-olgular > div:nth-child(odd)[b-bgya288z5j] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pd-olgular dt[b-bgya288z5j] {
  color: var(--n-500);
}

.pd-olgular dd[b-bgya288z5j] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.pd-olgular dd.pd-fiyat[b-bgya288z5j] {
  color: var(--marka-700);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ── İçerik dağılımı (kendi paketi) ───────────────────────────────────────── */
.pd-dagilim[b-bgya288z5j] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pd-dagilim__oge[b-bgya288z5j] {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 11px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 12.5px;
}

.pd-dagilim__ad[b-bgya288z5j] {
  color: var(--metin-ikincil);
  font-weight: 600;
}

.pd-dagilim__sayi[b-bgya288z5j] {
  color: var(--marka-700);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ── İskelet ──────────────────────────────────────────────────────────────── */
.pd-iskelet[b-bgya288z5j] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pd-skel[b-bgya288z5j] {
  height: 14px;
  border-radius: var(--kose-dugme);
  background: linear-gradient(90deg, var(--n-100) 0%, var(--n-200) 50%, var(--n-100) 100%);
  background-size: 200% 100%;
  animation: pd-parilti-b-bgya288z5j 1.3s ease-in-out infinite;
}

.pd-skel--title[b-bgya288z5j] {
  height: 23px;
  width: 42%;
}

.pd-skel--line[b-bgya288z5j] {
  width: 100%;
}

.pd-skel--short[b-bgya288z5j] {
  width: 38%;
}

@keyframes pd-parilti-b-bgya288z5j {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pd-skel[b-bgya288z5j] {
    animation: none;
  }
}

/* ── Onay popup: native top layer; başlık ve eylemler sabit ───────────────── */
.pd-popup[b-bgya288z5j] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pd-popup[open][b-bgya288z5j] {
  display: flex;
  flex-direction: column;
}

.pd-popup[b-bgya288z5j]::backdrop {
  background: var(--scrim);
}

.pd-popup-bas[b-bgya288z5j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pd-popup-bas h2[b-bgya288z5j] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pd-popup-bas h2:focus[b-bgya288z5j] {
  outline: none;
}

.pazar-detay-vitrin .pd-popup-kapat[b-bgya288z5j] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.pd-popup-govde[b-bgya288z5j] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pd-popup-metin[b-bgya288z5j] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* İşlem hatası popup İÇİNDE görünür; sayfa başına sıçrama yok. */
.pd-popup-hata[b-bgya288z5j] {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--danger);
  border-radius: var(--kose-dugme);
  color: var(--danger);
  font-size: 12.5px;
  line-height: 1.5;
}

.pd-popup-eylem[b-bgya288z5j] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pd-kapak[b-bgya288z5j] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri  baslik"
      "eylem eylem";
    padding: 16px;
  }

  .pd-kapak[b-bgya288z5j]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .pd-eylemler[b-bgya288z5j] {
    justify-self: stretch;
  }

  .pazar-detay-vitrin .au-btn[b-bgya288z5j] {
    min-height: 44px;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pd-kapak[b-bgya288z5j] {
    padding: 12px;
    row-gap: 12px;
  }

  .pd-baslik .au-title[b-bgya288z5j] {
    font-size: var(--yazi-kapak, 20px);
  }

  .pd-yayinci[b-bgya288z5j] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .pd-eylemler .au-btn[b-bgya288z5j] {
    flex: 1 0 auto;
    justify-content: center;
  }

  .pd-bolum[b-bgya288z5j] {
    padding: 16px 12px;
  }

  .pd-bolum-baslik[b-bgya288z5j] {
    font-size: var(--yazi-bolum, 14px);
  }

  .pd-bolum p[b-bgya288z5j] {
    font-size: var(--yazi-govde, 13px);
  }

  .pd-olgular > div[b-bgya288z5j] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .pd-popup[b-bgya288z5j] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .pd-popup-bas[b-bgya288z5j],
  .pd-popup-govde[b-bgya288z5j],
  .pd-popup-eylem[b-bgya288z5j] {
    padding: 12px;
  }

  .pd-popup-eylem .au-btn[b-bgya288z5j] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/AutoMediaAyarlar.razor.rz.scp.css */
/* Otomatik medya ayarları — Akademik Analiz kapak/kart/sekme/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-01): eski `.am-budget` / `.am-toggles` kuralları yeni yapıya taşındı. */

.am-vitrin[b-zhu3mdrr6n] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.am-vitrin .am-kapak[b-zhu3mdrr6n] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.am-vitrin .am-kapak__geri[b-zhu3mdrr6n] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.am-vitrin .am-kapak__geri[b-zhu3mdrr6n]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.am-vitrin .am-kapak__baslik[b-zhu3mdrr6n] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.am-vitrin .am-kapak .au-title[b-zhu3mdrr6n] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.am-vitrin .am-kapak__alt[b-zhu3mdrr6n] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeç: kapak içinde ikinci bir kart oluşturmaz ── */
.am-vitrin .am-suzgec[b-zhu3mdrr6n] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Süzgecin tek çocuğu AppSelect'in kökü olan .app-field; bu kök alt bileşende
   doğduğu için sayfanın kapsam özniteliğini taşımaz → `> *` kuralı ölüydü ve
   .app-field { width: 100% } açılır kutuyu kapak genişliğince uzatıyordu. */
.am-vitrin .am-suzgec[b-zhu3mdrr6n]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.am-vitrin .am-suzgec[b-zhu3mdrr6n]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.am-vitrin .am-suzgec[b-zhu3mdrr6n]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.am-vitrin .am-suzgec[b-zhu3mdrr6n]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.am-vitrin .am-kapak__eylem[b-zhu3mdrr6n] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.am-vitrin .am-kirli[b-zhu3mdrr6n] {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 30%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
}

.am-vitrin .am-kirli--hata[b-zhu3mdrr6n] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.am-vitrin .am-dugme[b-zhu3mdrr6n] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.am-vitrin .am-dugme:hover:not(:disabled)[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.am-vitrin .am-dugme--ana[b-zhu3mdrr6n] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.am-vitrin .am-dugme--ana:hover:not(:disabled)[b-zhu3mdrr6n] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.am-vitrin .am-dugme:disabled[b-zhu3mdrr6n] {
  opacity: 0.55;
  cursor: not-allowed;
}

.am-vitrin .am-dugme:focus-visible[b-zhu3mdrr6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.am-vitrin .am-kart[b-zhu3mdrr6n] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.am-vitrin .am-kart[b-zhu3mdrr6n]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.am-vitrin .am-bolum__baslik[b-zhu3mdrr6n] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.am-vitrin .am-bolum__baslik[b-zhu3mdrr6n]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.am-vitrin .am-ipucu[b-zhu3mdrr6n] {
  margin: -6px 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Bütçe bandı: tek birleşik yüzeyde üç ölçü ── */
.am-vitrin .am-butce__serit[b-zhu3mdrr6n] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.am-vitrin .am-olcu[b-zhu3mdrr6n] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.am-vitrin .am-olcu:last-child[b-zhu3mdrr6n] {
  border-right: 0;
}

.am-vitrin .am-olcu__bant[b-zhu3mdrr6n] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font: 700 11.5px/1 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.am-vitrin .am-olcu:nth-child(2) .am-olcu__bant[b-zhu3mdrr6n] {
  background: var(--marka-rampa-orta, var(--marka-500));
}

.am-vitrin .am-olcu:nth-child(3) .am-olcu__bant[b-zhu3mdrr6n] {
  background: var(--marka-rampa-uc);
}

.am-vitrin .am-olcu__deger[b-zhu3mdrr6n] {
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.am-vitrin .am-olcu__alt[b-zhu3mdrr6n] {
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
}

.am-vitrin .am-bar[b-zhu3mdrr6n] {
  height: 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  overflow: hidden;
}

.am-vitrin .am-bar__dolgu[b-zhu3mdrr6n] {
  height: 100%;
  background: var(--marka-rampa-serit);
  transition: width 0.3s ease;
}

.am-vitrin .am-bar__dolgu.is-uyari[b-zhu3mdrr6n] {
  background: var(--danger);
}

@media (prefers-reduced-motion: reduce) {
  .am-vitrin .am-bar__dolgu[b-zhu3mdrr6n] {
    transition: none;
  }
}

/* ── Bilgi / uyarı şeridi ── */
.am-vitrin .am-not[b-zhu3mdrr6n] {
  margin: 12px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.am-vitrin .am-not--tehlike[b-zhu3mdrr6n] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

.am-vitrin .am-kart > .am-not:first-of-type[b-zhu3mdrr6n],
.am-vitrin .am-popup__govde > .am-not:first-child[b-zhu3mdrr6n] {
  margin-top: 0;
  margin-bottom: 14px;
}

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, içerikten 16 px uzak ── */
.am-vitrin .am-sekmeler[b-zhu3mdrr6n] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.am-vitrin .am-sekme[b-zhu3mdrr6n] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.am-vitrin .am-sekme:hover[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.am-vitrin .am-sekme[aria-selected="true"][b-zhu3mdrr6n],
.am-vitrin .am-sekme[aria-selected="true"]:hover[b-zhu3mdrr6n] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.am-vitrin .am-sekme:focus-visible[b-zhu3mdrr6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.am-vitrin .am-panel:focus-visible[b-zhu3mdrr6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form grupları ── */
.am-vitrin .am-grup[b-zhu3mdrr6n] {
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

.am-vitrin .am-grup:first-of-type[b-zhu3mdrr6n] {
  padding-top: 0;
  border-top: 0;
}

.am-vitrin .am-grup + .am-grup[b-zhu3mdrr6n] {
  margin-top: 16px;
}

.am-vitrin .am-grup__baslik[b-zhu3mdrr6n] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.am-vitrin .am-anahtarlar[b-zhu3mdrr6n] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.am-vitrin .am-izgara[b-zhu3mdrr6n] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.am-vitrin .am-grup[b-zhu3mdrr6n]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.am-vitrin .am-grup[b-zhu3mdrr6n]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1.3 var(--font-body);
}

.am-vitrin .am-grup[b-zhu3mdrr6n]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.am-vitrin .am-tablo-kap[b-zhu3mdrr6n] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.am-vitrin .am-tablo[b-zhu3mdrr6n] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.am-vitrin .am-tablo thead[b-zhu3mdrr6n] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.am-vitrin .am-tablo thead th[b-zhu3mdrr6n] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.am-vitrin .am-tablo tbody td[b-zhu3mdrr6n] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.am-vitrin .am-tablo tbody tr:nth-child(even) td[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.am-vitrin .am-satir.is-secili td[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.am-vitrin .am-satir:hover td[b-zhu3mdrr6n],
.am-vitrin .am-satir:focus-within td[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.am-vitrin .am-soluk[b-zhu3mdrr6n] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.am-vitrin .am-sayi[b-zhu3mdrr6n] {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.am-vitrin .am-rozet[b-zhu3mdrr6n] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.am-vitrin .am-rozet[b-zhu3mdrr6n]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.am-vitrin .am-rozet.is-acik[b-zhu3mdrr6n] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.am-vitrin .am-rozet.is-kapali[b-zhu3mdrr6n] {
  color: var(--metin-ipucu);
}

.am-vitrin .am-eylem-hucre[b-zhu3mdrr6n] {
  white-space: nowrap;
}

.am-vitrin .am-satir-dugme[b-zhu3mdrr6n] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-left: 8px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
  box-shadow: none;
}

.am-vitrin .am-satir-dugme:first-child[b-zhu3mdrr6n] {
  margin-left: 0;
}

.am-vitrin .am-satir-dugme:hover:not(:disabled)[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.am-vitrin .am-satir-dugme:disabled[b-zhu3mdrr6n] {
  opacity: 0.5;
  cursor: not-allowed;
}

.am-vitrin .am-satir-dugme:focus-visible[b-zhu3mdrr6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.am-vitrin .am-gizli[b-zhu3mdrr6n] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.am-vitrin .am-popup[b-zhu3mdrr6n] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.am-vitrin .am-popup[open][b-zhu3mdrr6n] {
  display: flex;
  flex-direction: column;
}

.am-vitrin .am-popup[b-zhu3mdrr6n]::backdrop {
  background: var(--scrim);
}

.am-vitrin .am-popup__bas[b-zhu3mdrr6n] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.am-vitrin .am-popup__bas > div[b-zhu3mdrr6n] {
  min-width: 0;
}

.am-vitrin .am-popup__bas h2[b-zhu3mdrr6n] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.am-vitrin .am-popup__bas h2:focus[b-zhu3mdrr6n] {
  outline: none;
}

.am-vitrin .am-popup__bas p[b-zhu3mdrr6n] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.am-vitrin .am-popup__kapat[b-zhu3mdrr6n] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.am-vitrin .am-popup__kapat:hover[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.am-vitrin .am-popup__kapat:focus-visible[b-zhu3mdrr6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.am-vitrin .am-popup__govde[b-zhu3mdrr6n] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.am-vitrin .am-popup__eylem[b-zhu3mdrr6n] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Tür değişimi onayı metni */
.am-vitrin .am-onay[b-zhu3mdrr6n] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
}

.am-vitrin .am-olgular[b-zhu3mdrr6n] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.am-vitrin .am-olgular > div[b-zhu3mdrr6n] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.am-vitrin .am-olgular > div:nth-child(odd)[b-zhu3mdrr6n] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.am-vitrin .am-olgular dt[b-zhu3mdrr6n] {
  color: var(--metin-ipucu);
}

.am-vitrin .am-olgular dd[b-zhu3mdrr6n] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .am-vitrin .am-kapak[b-zhu3mdrr6n] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .am-vitrin .am-kapak__geri[b-zhu3mdrr6n],
  .am-vitrin .am-kapak__baslik[b-zhu3mdrr6n],
  .am-vitrin .am-suzgec[b-zhu3mdrr6n],
  .am-vitrin .am-kapak__eylem[b-zhu3mdrr6n] {
    grid-row: 1;
  }

  .am-vitrin .am-suzgec[b-zhu3mdrr6n] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .am-vitrin .am-kapak__eylem[b-zhu3mdrr6n] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .am-vitrin .am-kapak[b-zhu3mdrr6n] {
    padding: 16px;
  }

  .am-vitrin .am-dugme[b-zhu3mdrr6n],
  .am-vitrin .am-satir-dugme[b-zhu3mdrr6n],
  .am-vitrin .am-sekme[b-zhu3mdrr6n],
  .am-vitrin .am-kirli[b-zhu3mdrr6n] {
    min-height: 44px;
  }

  .am-vitrin .am-suzgec[b-zhu3mdrr6n]  .app-input,
  .am-vitrin .am-grup[b-zhu3mdrr6n]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  /* Sekme şeridi tek yatay kayan satır. */
  .am-vitrin .am-sekmeler[b-zhu3mdrr6n] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .am-vitrin .am-sekme[b-zhu3mdrr6n] {
    flex: 0 0 auto;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .am-vitrin .am-tablo .am-sut-1[b-zhu3mdrr6n] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  /* Opak zemin `--marka-rampa-serit`in 0% durağıyla (= --marka-500) aynı olmalı;
     --marka-600 daha koyu olduğu için şeridin sol ucunda düz lacivert blok üretiyordu
     (AnalizTablo sabit başlığı da --at-bas-zemin = --anv-serit-mavi = --marka-500 kullanır). */
  .am-vitrin .am-tablo thead .am-sut-1[b-zhu3mdrr6n] {
    z-index: 5;
    background: var(--marka-500);
  }

  .am-vitrin .am-tablo tbody tr:nth-child(even) .am-sut-1[b-zhu3mdrr6n] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .am-vitrin .am-kapak[b-zhu3mdrr6n] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .am-vitrin .am-kapak .au-title[b-zhu3mdrr6n] {
    font-size: var(--yazi-kapak, 20px);
  }

  .am-vitrin .am-kapak__alt[b-zhu3mdrr6n],
  .am-vitrin .am-not[b-zhu3mdrr6n] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Telefonda da hedef aynı olmalı: kapsam özniteliği taşımayan .app-field
     kökü ::deep ile seçilir, yoksa dar ekranda tavan kuralı uygulanmaz. */
  .am-vitrin .am-suzgec[b-zhu3mdrr6n]  .app-field {
    max-width: none;
    flex: 1 1 100%;
  }

  .am-vitrin .am-kapak__eylem .am-dugme[b-zhu3mdrr6n] {
    flex: 1 1 auto;
  }

  .am-vitrin .am-kart[b-zhu3mdrr6n] {
    padding: 16px 12px;
  }

  .am-vitrin .am-bolum__baslik[b-zhu3mdrr6n] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Bütçe ölçüleri tek sütuna iner. */
  .am-vitrin .am-butce__serit[b-zhu3mdrr6n] {
    grid-template-columns: minmax(0, 1fr);
  }

  .am-vitrin .am-olcu[b-zhu3mdrr6n] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .am-vitrin .am-olcu:last-child[b-zhu3mdrr6n] {
    border-bottom: 0;
  }

  .am-vitrin .am-olcu__deger[b-zhu3mdrr6n] {
    font-size: var(--yazi-kpi, 20px);
  }

  .am-vitrin .am-izgara[b-zhu3mdrr6n] {
    grid-template-columns: minmax(0, 1fr);
  }

  .am-vitrin .am-anahtarlar[b-zhu3mdrr6n] {
    flex-direction: column;
    gap: 12px;
  }

  .am-vitrin .am-tablo tbody td[b-zhu3mdrr6n],
  .am-vitrin .am-tablo thead th[b-zhu3mdrr6n] {
    padding-inline: 8px;
  }

  .am-vitrin .am-eylem-hucre[b-zhu3mdrr6n] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .am-vitrin .am-satir-dugme[b-zhu3mdrr6n] {
    margin-left: 0;
  }

  .am-vitrin .am-popup[b-zhu3mdrr6n] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .am-vitrin .am-popup__bas[b-zhu3mdrr6n],
  .am-vitrin .am-popup__govde[b-zhu3mdrr6n],
  .am-vitrin .am-popup__eylem[b-zhu3mdrr6n] {
    padding: 12px;
  }

  .am-vitrin .am-popup__bas h2[b-zhu3mdrr6n] {
    font-size: 17px;
  }

  .am-vitrin .am-popup__eylem .am-dugme[b-zhu3mdrr6n] {
    flex: 1 1 auto;
  }

  .am-vitrin .am-olgular > div[b-zhu3mdrr6n] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/GorselDetay.razor.rz.scp.css */
/* Görsel detayı — Akademik Analiz kapak/sekme/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-02): eski `.gd-badges` / `.gd-media` / `.gd-actions` / `.gd-panel` düzeni
   kapak + bölüm sekmeleri + görünür popup ile değişti; ölü kurallar silindi. */

.gd-vitrin[b-l57vokedp4] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + durum + bütün eylemler tek beyaz yüzeyde ── */
.gd-vitrin .gd-kapak[b-l57vokedp4] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gd-vitrin .gd-kapak__geri[b-l57vokedp4] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.gd-vitrin .gd-kapak__geri[b-l57vokedp4]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.gd-vitrin .gd-kapak__baslik[b-l57vokedp4] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.gd-vitrin .gd-kapak .au-title[b-l57vokedp4] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-rozetler[b-l57vokedp4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.gd-vitrin .gd-kapak__eylem[b-l57vokedp4] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.gd-vitrin .gd-dugme[b-l57vokedp4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.gd-vitrin .gd-dugme:hover:not(:disabled)[b-l57vokedp4] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.gd-vitrin .gd-dugme--ana[b-l57vokedp4] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.gd-vitrin .gd-dugme--ana:hover:not(:disabled)[b-l57vokedp4] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.gd-vitrin .gd-dugme--yikici[b-l57vokedp4] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  color: var(--danger-metin);
}

.gd-vitrin .gd-dugme--yikici:hover:not(:disabled)[b-l57vokedp4] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.gd-vitrin .gd-dugme:disabled[b-l57vokedp4] {
  opacity: 0.55;
  cursor: not-allowed;
}

.gd-vitrin .gd-dugme:focus-visible[b-l57vokedp4],
.gd-vitrin .gd-baglanti:focus-visible[b-l57vokedp4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Durum ve etiket rozetleri ── */
.gd-vitrin .gd-durum[b-l57vokedp4] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.gd-vitrin .gd-durum[b-l57vokedp4]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.gd-vitrin .gd-durum.is-tamam[b-l57vokedp4] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.gd-vitrin .gd-durum.is-isleniyor[b-l57vokedp4] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.gd-vitrin .gd-durum.is-hata[b-l57vokedp4] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.gd-vitrin .gd-etiket[b-l57vokedp4] {
  padding: 2px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--radius-pill);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 12px;
  overflow-wrap: anywhere;
}

/* ── Uyarı şeridi (işlem hatası / üretim hatası / red gerekçesi) ── */
.gd-vitrin .gd-uyari[b-l57vokedp4] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, içerikten 16 px uzak ── */
.gd-vitrin .gd-sekmeler[b-l57vokedp4] {
  display: flex;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}

.gd-vitrin .gd-sekme[b-l57vokedp4] {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.gd-vitrin .gd-sekme:hover[b-l57vokedp4] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.gd-vitrin .gd-sekme[aria-selected="true"][b-l57vokedp4],
.gd-vitrin .gd-sekme[aria-selected="true"]:hover[b-l57vokedp4] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.gd-vitrin .gd-sekme:focus-visible[b-l57vokedp4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.gd-vitrin .gd-kart[b-l57vokedp4] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gd-vitrin .gd-kart[b-l57vokedp4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gd-vitrin .gd-panel:focus-visible[b-l57vokedp4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gd-vitrin .gd-bolum__baslik[b-l57vokedp4] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.gd-vitrin .gd-bolum__baslik[b-l57vokedp4]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.gd-vitrin .gd-alt-baslik[b-l57vokedp4] {
  margin: 18px 0 10px;
  color: var(--metin-ikincil);
  font: 600 13px/1.4 var(--font-body);
}

.gd-vitrin .gd-aciklama[b-l57vokedp4] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.gd-vitrin .gd-bos[b-l57vokedp4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.gd-vitrin .gd-bos p[b-l57vokedp4] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gd-vitrin .gd-baglanti[b-l57vokedp4] {
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-baglanti:hover[b-l57vokedp4] {
  text-decoration: underline;
}

/* ── Görsel yüzeyi ── */
.gd-vitrin .gd-medya[b-l57vokedp4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.gd-vitrin .gd-medya--kucuk[b-l57vokedp4] {
  grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
  gap: 12px;
}

.gd-vitrin .gd-medya[b-l57vokedp4]  .me-img,
.gd-vitrin .gd-medya[b-l57vokedp4]  .me-video {
  width: 100%;
  max-height: 560px;
  object-fit: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey-alt);
}

.gd-vitrin .gd-medya--kucuk[b-l57vokedp4]  .me-img {
  max-height: 200px;
  object-fit: cover;
}

.gd-vitrin .gd-medya[b-l57vokedp4]  .me-caption {
  margin-top: 6px;
  font-size: 12px;
}

/* ── Olgu listesi (künye / teknik) ── */
.gd-vitrin .gd-olgular[b-l57vokedp4] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.gd-vitrin .gd-olgular > div[b-l57vokedp4] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.gd-vitrin .gd-olgular > div:nth-child(odd)[b-l57vokedp4] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gd-vitrin .gd-olgular dt[b-l57vokedp4] {
  color: var(--metin-ipucu);
}

.gd-vitrin .gd-olgular dd[b-l57vokedp4] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-ipucu[b-l57vokedp4] {
  display: block;
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

/* ── Görünür popup: native dialog top-layer ── */
.gd-vitrin .gd-popup[b-l57vokedp4] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: visible;
}

.gd-vitrin .gd-popup[open][b-l57vokedp4] {
  display: flex;
  flex-direction: column;
}

.gd-vitrin .gd-popup[b-l57vokedp4]::backdrop {
  background: var(--scrim);
}

.gd-vitrin .gd-popup__bas[b-l57vokedp4] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.gd-vitrin .gd-popup__bas > div[b-l57vokedp4] {
  min-width: 0;
}

.gd-vitrin .gd-popup__bas h2[b-l57vokedp4] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-popup__bas h2:focus[b-l57vokedp4] {
  outline: none;
}

.gd-vitrin .gd-popup__bas p[b-l57vokedp4] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gd-vitrin .gd-popup__kapat[b-l57vokedp4] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.gd-vitrin .gd-popup__kapat:hover:not(:disabled)[b-l57vokedp4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.gd-vitrin .gd-popup__kapat:focus-visible[b-l57vokedp4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gd-vitrin .gd-popup__govde[b-l57vokedp4] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gd-vitrin .gd-popup__hata[b-l57vokedp4] {
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
}

.gd-vitrin .gd-popup__eylem[b-l57vokedp4] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .gd-vitrin .gd-kapak[b-l57vokedp4] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .gd-vitrin .gd-kapak__geri[b-l57vokedp4],
  .gd-vitrin .gd-kapak__baslik[b-l57vokedp4],
  .gd-vitrin .gd-kapak__eylem[b-l57vokedp4] {
    grid-row: 1;
  }

  .gd-vitrin .gd-kapak__eylem[b-l57vokedp4] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gd-vitrin .gd-kapak[b-l57vokedp4] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .gd-vitrin .gd-kapak__geri[b-l57vokedp4]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }

  .gd-vitrin .gd-dugme[b-l57vokedp4],
  .gd-vitrin .gd-sekme[b-l57vokedp4] {
    min-height: 44px;
  }

  .gd-vitrin .gd-popup__govde[b-l57vokedp4]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .gd-vitrin .gd-kapak[b-l57vokedp4] {
    padding: 12px;
    gap: 12px 8px;
  }

  .gd-vitrin .gd-kapak .au-title[b-l57vokedp4] {
    font-size: var(--yazi-kapak, 20px);
  }

  .gd-vitrin .gd-kapak__eylem[b-l57vokedp4] {
    flex-wrap: wrap;
  }

  .gd-vitrin .gd-kapak__eylem .gd-dugme[b-l57vokedp4] {
    flex: 1 1 140px;
  }

  .gd-vitrin .gd-kart[b-l57vokedp4] {
    padding: 16px 12px;
  }

  .gd-vitrin .gd-bolum__baslik[b-l57vokedp4] {
    font-size: var(--yazi-bolum, 14px);
  }

  .gd-vitrin .gd-aciklama[b-l57vokedp4],
  .gd-vitrin .gd-uyari[b-l57vokedp4] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .gd-vitrin .gd-olgular > div[b-l57vokedp4] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .gd-vitrin .gd-popup[b-l57vokedp4] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .gd-vitrin .gd-popup__bas[b-l57vokedp4],
  .gd-vitrin .gd-popup__govde[b-l57vokedp4],
  .gd-vitrin .gd-popup__eylem[b-l57vokedp4] {
    padding: 12px;
  }

  .gd-vitrin .gd-popup__bas h2[b-l57vokedp4] {
    font-size: 17px;
  }

  .gd-vitrin .gd-popup__eylem .gd-dugme[b-l57vokedp4] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/GorselUret.razor.rz.scp.css */
/* Görsel üret — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-02): eski `.gu-enhance` / `.gu-inputs` / `.gu-input` kuralları kapak +
   sihirbaz kartı + öneri penceresiyle değişti; ölü kurallar silindi. */

.gu-vitrin[b-4f6sb8rhsz] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.gu-vitrin .gu-kapak[b-4f6sb8rhsz] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gu-vitrin .gu-kapak__geri[b-4f6sb8rhsz] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.gu-vitrin .gu-kapak__geri[b-4f6sb8rhsz]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.gu-vitrin .gu-kapak__baslik[b-4f6sb8rhsz] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.gu-vitrin .gu-kapak .au-title[b-4f6sb8rhsz] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.gu-vitrin .gu-kapak__alt[b-4f6sb8rhsz] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.gu-vitrin .gu-kapak__eylem[b-4f6sb8rhsz] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.gu-vitrin .gu-dugme[b-4f6sb8rhsz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.gu-vitrin .gu-dugme:hover:not(:disabled)[b-4f6sb8rhsz] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.gu-vitrin .gu-dugme--ana[b-4f6sb8rhsz] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.gu-vitrin .gu-dugme--ana:hover:not(:disabled)[b-4f6sb8rhsz] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.gu-vitrin .gu-dugme:disabled[b-4f6sb8rhsz] {
  opacity: 0.55;
  cursor: not-allowed;
}

.gu-vitrin .gu-dugme:focus-visible[b-4f6sb8rhsz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Uyarı şeritleri ── */
.gu-vitrin .gu-uyari[b-4f6sb8rhsz] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.gu-vitrin .gu-uyari--hata[b-4f6sb8rhsz] {
  border-left-color: var(--danger);
  color: var(--metin-murekkep);
}

/* ── Sihirbaz kartı: 18 px dolgu, 5 px marka şeridi ── */
.gu-vitrin .gu-kart[b-4f6sb8rhsz] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gu-vitrin .gu-kart[b-4f6sb8rhsz]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Sihirbaz kendi kartını çiziyordu; dıştaki bölüm kartıyla çift çerçeve olmasın. */
.gu-vitrin .gu-kart[b-4f6sb8rhsz]  .wiz-kart {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding-inline: 0;
}

.gu-vitrin .gu-kart[b-4f6sb8rhsz]  .wiz-title {
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.gu-vitrin .gu-kart[b-4f6sb8rhsz]  .wiz-btn {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  font: 600 12.5px/1 var(--font-body);
}

/* ── Alanlar ── */
.gu-vitrin .gu-alan-grid[b-4f6sb8rhsz] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.gu-vitrin .gu-alan-blok[b-4f6sb8rhsz] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}

.gu-vitrin .gu-grup-baslik[b-4f6sb8rhsz] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.gu-vitrin .gu-grup-baslik[b-4f6sb8rhsz]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.gu-vitrin .gu-satir-eylem[b-4f6sb8rhsz] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gu-vitrin .gu-aciklama[b-4f6sb8rhsz] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.gu-vitrin[b-4f6sb8rhsz]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.gu-vitrin[b-4f6sb8rhsz]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

.gu-vitrin[b-4f6sb8rhsz]  .app-input {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  font-size: 13px;
}

.gu-vitrin[b-4f6sb8rhsz]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Yüklenen referans görseller ── */
.gu-vitrin .gu-girdiler[b-4f6sb8rhsz] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
  gap: 12px;
}

.gu-vitrin .gu-girdi[b-4f6sb8rhsz] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.gu-vitrin .gu-girdi__medya[b-4f6sb8rhsz] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 3;
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  overflow: hidden;
}

.gu-vitrin .gu-girdi__medya[b-4f6sb8rhsz]  .me,
.gu-vitrin .gu-girdi__medya[b-4f6sb8rhsz]  .me-img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.gu-vitrin .gu-girdi__medya[b-4f6sb8rhsz]  .me-img {
  object-fit: cover;
}

.gu-vitrin .gu-girdi__medya[b-4f6sb8rhsz]  .me-caption {
  display: none;
}

/* ── Gözden geçirme olguları ── */
.gu-vitrin .gu-olgular[b-4f6sb8rhsz] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 14px;
}

.gu-vitrin .gu-olgular > div[b-4f6sb8rhsz] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.gu-vitrin .gu-olgular > div:nth-child(odd)[b-4f6sb8rhsz] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gu-vitrin .gu-olgular dt[b-4f6sb8rhsz] {
  color: var(--metin-ipucu);
}

.gu-vitrin .gu-olgular dd[b-4f6sb8rhsz] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Görünür popup: native dialog top-layer ── */
.gu-vitrin .gu-popup[b-4f6sb8rhsz] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.gu-vitrin .gu-popup[open][b-4f6sb8rhsz] {
  display: flex;
  flex-direction: column;
}

.gu-vitrin .gu-popup[b-4f6sb8rhsz]::backdrop {
  background: var(--scrim);
}

.gu-vitrin .gu-popup__bas[b-4f6sb8rhsz] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.gu-vitrin .gu-popup__bas > div[b-4f6sb8rhsz] {
  min-width: 0;
}

.gu-vitrin .gu-popup__bas h2[b-4f6sb8rhsz] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.gu-vitrin .gu-popup__bas h2:focus[b-4f6sb8rhsz] {
  outline: none;
}

.gu-vitrin .gu-popup__bas p[b-4f6sb8rhsz] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gu-vitrin .gu-popup__kapat[b-4f6sb8rhsz] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.gu-vitrin .gu-popup__kapat:hover[b-4f6sb8rhsz] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.gu-vitrin .gu-popup__kapat:focus-visible[b-4f6sb8rhsz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gu-vitrin .gu-popup__govde[b-4f6sb8rhsz] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gu-vitrin .gu-popup__eylem[b-4f6sb8rhsz] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.gu-vitrin .gu-karsilastir[b-4f6sb8rhsz] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 12px;
}

.gu-vitrin .gu-karsilastir section[b-4f6sb8rhsz] {
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.gu-vitrin .gu-karsilastir section:last-child[b-4f6sb8rhsz] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-kart));
  background: color-mix(in srgb, var(--turkuaz-500) 6%, var(--yuzey));
}

.gu-vitrin .gu-karsilastir h3[b-4f6sb8rhsz] {
  margin: 0 0 8px;
  color: var(--metin-ipucu);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.gu-vitrin .gu-karsilastir p[b-4f6sb8rhsz] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .gu-vitrin .gu-kapak[b-4f6sb8rhsz] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .gu-vitrin .gu-kapak__geri[b-4f6sb8rhsz],
  .gu-vitrin .gu-kapak__baslik[b-4f6sb8rhsz],
  .gu-vitrin .gu-kapak__eylem[b-4f6sb8rhsz] {
    grid-row: 1;
  }

  .gu-vitrin .gu-kapak__eylem[b-4f6sb8rhsz] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gu-vitrin .gu-kapak[b-4f6sb8rhsz] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .gu-vitrin .gu-kapak__geri[b-4f6sb8rhsz]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }

  .gu-vitrin .gu-dugme[b-4f6sb8rhsz],
  .gu-vitrin .gu-kart[b-4f6sb8rhsz]  .wiz-btn {
    min-height: 44px;
  }

  .gu-vitrin[b-4f6sb8rhsz]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .gu-vitrin .gu-kapak[b-4f6sb8rhsz] {
    padding: 12px;
    gap: 12px 8px;
  }

  .gu-vitrin .gu-kapak .au-title[b-4f6sb8rhsz] {
    font-size: var(--yazi-kapak, 20px);
  }

  .gu-vitrin .gu-kapak__alt[b-4f6sb8rhsz],
  .gu-vitrin .gu-uyari[b-4f6sb8rhsz] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .gu-vitrin .gu-kapak__eylem .gu-dugme[b-4f6sb8rhsz] {
    flex: 1 1 140px;
  }

  .gu-vitrin .gu-kart[b-4f6sb8rhsz] {
    padding: 16px 12px;
  }

  .gu-vitrin .gu-grup-baslik[b-4f6sb8rhsz] {
    font-size: var(--yazi-bolum, 14px);
  }

  .gu-vitrin .gu-alan-grid[b-4f6sb8rhsz] {
    grid-template-columns: 1fr;
  }

  .gu-vitrin .gu-satir-eylem .gu-dugme[b-4f6sb8rhsz] {
    flex: 1 1 auto;
  }

  .gu-vitrin .gu-olgular > div[b-4f6sb8rhsz] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .gu-vitrin .gu-popup[b-4f6sb8rhsz] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .gu-vitrin .gu-popup__bas[b-4f6sb8rhsz],
  .gu-vitrin .gu-popup__govde[b-4f6sb8rhsz],
  .gu-vitrin .gu-popup__eylem[b-4f6sb8rhsz] {
    padding: 12px;
  }

  .gu-vitrin .gu-popup__bas h2[b-4f6sb8rhsz] {
    font-size: 17px;
  }

  .gu-vitrin .gu-popup__eylem .gu-dugme[b-4f6sb8rhsz] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/KarakterDetay.razor.rz.scp.css */
/* Karakter detayı — Akademik Analiz kapak/sekme/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-03): eski `.kd-panel` satır içi düzenleme bloğu ve cam/pill dili kaldırıldı;
   ölü `:deep()` (Vue sözdizimi) yerine `::deep` kullanılır. Bu sayfada tablo YOKTUR —
   veri görsel ızgara ve künye olgu satırlarıyla sunulur. */

.kd-vitrin[b-ymfur8m9a4] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + rozetler + ana eylemler tek beyaz yüzeyde ── */
.kd-vitrin .kd-kapak[b-ymfur8m9a4] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kd-vitrin .kd-kapak__geri[b-ymfur8m9a4] {
  grid-column: 1;
  min-width: 0;
  align-self: start;
  padding-top: 4px;
}

.kd-vitrin .kd-kapak__geri[b-ymfur8m9a4]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.kd-vitrin .kd-kapak__baslik[b-ymfur8m9a4] {
  grid-column: 2;
  min-width: 0;
}

.kd-vitrin .kd-kapak .au-title[b-ymfur8m9a4] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.kd-vitrin .kd-kapak__alt[b-ymfur8m9a4] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.kd-vitrin .kd-badges[b-ymfur8m9a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.kd-vitrin .kd-kapak__eylem[b-ymfur8m9a4] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Rozetler ── */
.kd-vitrin .kd-rozet[b-ymfur8m9a4] {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.kd-vitrin .kd-rozet.is-aktif[b-ymfur8m9a4] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.kd-vitrin .kd-rozet.is-pasif[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--metin-ipucu) 10%, var(--yuzey));
}

/* ── Düğmeler ── */
.kd-vitrin .kd-dugme[b-ymfur8m9a4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.kd-vitrin .kd-dugme:hover:not(:disabled)[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.kd-vitrin .kd-dugme--ana[b-ymfur8m9a4] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kd-vitrin .kd-dugme--ana:hover:not(:disabled)[b-ymfur8m9a4] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kd-vitrin .kd-dugme--tehlike[b-ymfur8m9a4] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  color: var(--danger-metin);
}

.kd-vitrin .kd-dugme--tehlike:hover:not(:disabled)[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.kd-vitrin .kd-dugme:disabled[b-ymfur8m9a4],
.kd-vitrin .kd-satir-dugme:disabled[b-ymfur8m9a4] {
  opacity: 0.55;
  cursor: not-allowed;
}

.kd-vitrin :is(.kd-dugme, .kd-satir-dugme, .kd-sekme, .kd-cip, .kd-panel):focus-visible[b-ymfur8m9a4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.kd-vitrin .kd-satir-dugme[b-ymfur8m9a4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.kd-vitrin .kd-satir-dugme:hover:not(:disabled)[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

/* ── Uyarı şeridi ── */
.kd-vitrin .kd-uyari[b-ymfur8m9a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.kd-vitrin .kd-uyari svg[b-ymfur8m9a4] {
  flex: 0 0 16px;
}

.kd-vitrin .kd-uyari span[b-ymfur8m9a4] {
  min-width: 0;
  flex: 1 1 260px;
}

.kd-vitrin .kd-uyari--hata[b-ymfur8m9a4] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px dolgu, 4 px aralık, içerikten 16 px ── */
.kd-vitrin .kd-sekmeler[b-ymfur8m9a4] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.kd-vitrin .kd-sekme[b-ymfur8m9a4] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.kd-vitrin .kd-sekme:hover:not(.is-secili)[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

/* Seçili sekme koyu vurgu zemini + beyaz yazı; hover'da da koyu kalır. */
.kd-vitrin .kd-sekme.is-secili[b-ymfur8m9a4] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.kd-vitrin .kd-panel[b-ymfur8m9a4] {
  min-width: 0;
}

.kd-vitrin .kd-panel:focus-visible[b-ymfur8m9a4] {
  outline-offset: 4px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.kd-vitrin .kd-kart[b-ymfur8m9a4] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kd-vitrin .kd-kart[b-ymfur8m9a4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kd-vitrin .kd-bolum__baslik[b-ymfur8m9a4] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.kd-vitrin .kd-bolum__baslik[b-ymfur8m9a4]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kd-vitrin .kd-grup-baslik[b-ymfur8m9a4] {
  margin: 0 0 8px;
  padding: 0;
  color: var(--metin-ikincil);
  font: 700 11.5px/1.4 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.kd-vitrin .kd-soluk[b-ymfur8m9a4] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.kd-vitrin .kd-bos[b-ymfur8m9a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.kd-vitrin .kd-bos p[b-ymfur8m9a4] {
  margin: 0;
  line-height: 1.6;
}

/* ── Yükleniyor iskeleti ── */
.kd-vitrin .kd-iskelet[b-ymfur8m9a4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
}

.kd-vitrin .kd-iskelet__kutu[b-ymfur8m9a4] {
  aspect-ratio: 1 / 1;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: linear-gradient(
    100deg,
    color-mix(in srgb, var(--marka-500) 4%, var(--yuzey)) 0%,
    color-mix(in srgb, var(--marka-500) 9%, var(--yuzey)) 50%,
    color-mix(in srgb, var(--marka-500) 4%, var(--yuzey)) 100%
  );
  background-size: 300% 100%;
  animation: kdIskelet-b-ymfur8m9a4 1.5s ease-in-out infinite;
}

@keyframes kdIskelet-b-ymfur8m9a4 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kd-vitrin .kd-iskelet__kutu[b-ymfur8m9a4] {
    animation: none;
  }
}

/* ── Kanonik görsel ── */
.kd-vitrin .kd-media[b-ymfur8m9a4] {
  max-width: 420px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 10px 10px 10px;
  overflow: hidden;
}

.kd-vitrin .kd-media[b-ymfur8m9a4]  .me {
  margin: 0;
}

.kd-vitrin .kd-media[b-ymfur8m9a4]  .me-img {
  display: block;
  width: 100%;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.kd-vitrin .kd-media[b-ymfur8m9a4]  .me-caption {
  padding: 8px 12px;
  border-top: 1px solid var(--hat-girdi);
  font-size: 12px;
}

/* ── Künye olgu satırları ── */
.kd-vitrin .kd-olgular[b-ymfur8m9a4] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.kd-vitrin .kd-olgular > div[b-ymfur8m9a4] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kd-vitrin .kd-olgular > div:nth-child(odd)[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kd-vitrin .kd-olgular dt[b-ymfur8m9a4] {
  color: var(--metin-ipucu);
}

.kd-vitrin .kd-olgular dd[b-ymfur8m9a4] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Galeri ── */
.kd-vitrin .kd-gal-head[b-ymfur8m9a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.kd-vitrin .kd-gal-head .kd-bolum__baslik[b-ymfur8m9a4] {
  margin-bottom: 0;
}

.kd-vitrin .kd-suzgec-serit[b-ymfur8m9a4] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0;
}

.kd-vitrin .kd-cip[b-ymfur8m9a4] {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.kd-vitrin .kd-cip:hover:not(.is-secili)[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.kd-vitrin .kd-cip.is-secili[b-ymfur8m9a4] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

/* Uzun galeri kendi alanında kayar; sayfa taşmaz. */
.kd-vitrin .kd-gallery[b-ymfur8m9a4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
  max-height: min(540px, 60dvh);
  padding: 3px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kd-vitrin .kd-gal-item[b-ymfur8m9a4] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.kd-vitrin .kd-gal-item[b-ymfur8m9a4]  .me {
  margin: 0;
}

.kd-vitrin .kd-gal-item[b-ymfur8m9a4]  .me-img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 3px 10px 10px 10px;
}

.kd-vitrin .kd-gal-item[b-ymfur8m9a4]  .me-caption {
  display: none; /* kart altında ayrı "yeni sekmede aç" satırı gürültü — görsele tıklayınca açılıyor */
}

.kd-vitrin .kd-gal-meta[b-ymfur8m9a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.kd-vitrin .kd-gal-del[b-ymfur8m9a4] {
  margin-left: auto;
}

.kd-vitrin .kd-gal-upload[b-ymfur8m9a4],
.kd-vitrin .kd-assetgen[b-ymfur8m9a4] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.kd-vitrin .kd-assetgen__groups[b-ymfur8m9a4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin: 12px 0;
}

.kd-vitrin .kd-assetgen__group[b-ymfur8m9a4] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kd-vitrin .kd-check[b-ymfur8m9a4] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  color: var(--metin-murekkep);
  font-size: 13px;
  cursor: pointer;
}

.kd-vitrin .kd-check input[b-ymfur8m9a4] {
  width: 16px;
  height: 16px;
  accent-color: var(--marka-600);
  cursor: pointer;
}

.kd-vitrin .kd-eylem-satiri[b-ymfur8m9a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* ── Form kontrolleri (galeri yükleme + düzenleme penceresi) ── */
.kd-vitrin[b-ymfur8m9a4]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.kd-vitrin[b-ymfur8m9a4]  .app-input {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1.5 var(--font-body);
}

.kd-vitrin[b-ymfur8m9a4]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Görünür popup: native dialog top-layer ── */
.kd-vitrin .kd-popup[b-ymfur8m9a4] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.kd-vitrin .kd-popup[open][b-ymfur8m9a4] {
  display: flex;
  flex-direction: column;
}

.kd-vitrin .kd-popup[b-ymfur8m9a4]::backdrop {
  background: var(--scrim);
}

/* 5 px marka şeridi ::before ile çizilir: `border-image` slice'ı ALT sınırı da boyar,
   kart ayracı (1 px --hat-kart) turkuaz olurdu. */
.kd-vitrin .kd-popup__bas[b-ymfur8m9a4] {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 21px 18px 16px;
  border-bottom: 1px solid var(--hat-kart);
}

.kd-vitrin .kd-popup__bas[b-ymfur8m9a4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kd-vitrin .kd-popup__bas > div[b-ymfur8m9a4] {
  min-width: 0;
}

.kd-vitrin .kd-popup__bas h2[b-ymfur8m9a4] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.kd-vitrin .kd-popup__bas h2:focus[b-ymfur8m9a4] {
  outline: none;
}

.kd-vitrin .kd-popup__bas p[b-ymfur8m9a4] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.kd-vitrin .kd-popup__kapat[b-ymfur8m9a4] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.kd-vitrin .kd-popup__kapat:hover:not(:disabled)[b-ymfur8m9a4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kd-vitrin .kd-popup__kapat:disabled[b-ymfur8m9a4] {
  opacity: 0.55;
  cursor: not-allowed;
}

.kd-vitrin .kd-popup__kapat:focus-visible[b-ymfur8m9a4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Büyük form kendi gövdesinde kayar; başlık ve eylemler görünür kalır. */
.kd-vitrin .kd-popup__govde[b-ymfur8m9a4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kd-vitrin .kd-popup__hata[b-ymfur8m9a4] {
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.kd-vitrin .kd-popup__eylem[b-ymfur8m9a4] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kd-vitrin .kd-kapak[b-ymfur8m9a4] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .kd-vitrin .kd-kapak__eylem[b-ymfur8m9a4] {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kd-vitrin .kd-kapak[b-ymfur8m9a4] {
    padding: 16px;
  }

  .kd-vitrin .kd-dugme[b-ymfur8m9a4],
  .kd-vitrin .kd-satir-dugme[b-ymfur8m9a4],
  .kd-vitrin .kd-sekme[b-ymfur8m9a4],
  .kd-vitrin .kd-cip[b-ymfur8m9a4],
  .kd-vitrin .kd-check[b-ymfur8m9a4] {
    min-height: 44px;
  }

  .kd-vitrin[b-ymfur8m9a4]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  /* Sekme şeridi tek satırda yatay kayar; etkin sekme görünür tutulur (JS). */
  .kd-vitrin .kd-sekmeler[b-ymfur8m9a4] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .kd-vitrin .kd-sekme[b-ymfur8m9a4] {
    flex: 0 0 auto;
  }

  .kd-vitrin .kd-gallery[b-ymfur8m9a4] {
    max-height: none;
    overflow: visible;
  }
}

/* ── TELEFON: tek sütun, eylemler başlığın altında ── */
@media (max-width: 640px) {
  .kd-vitrin .kd-kapak[b-ymfur8m9a4] {
    padding: 12px;
  }

  .kd-vitrin .kd-kapak .au-title[b-ymfur8m9a4] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kd-vitrin .kd-kapak__alt[b-ymfur8m9a4],
  .kd-vitrin .kd-uyari[b-ymfur8m9a4],
  .kd-vitrin .kd-soluk[b-ymfur8m9a4] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .kd-vitrin .kd-kapak__eylem .kd-dugme[b-ymfur8m9a4] {
    flex: 1 1 auto;
    min-height: 40px;
  }

  .kd-vitrin .kd-kart[b-ymfur8m9a4] {
    padding: 16px 12px;
  }

  .kd-vitrin .kd-bolum__baslik[b-ymfur8m9a4] {
    font-size: var(--yazi-bolum, 14px);
  }

  .kd-vitrin .kd-media[b-ymfur8m9a4] {
    max-width: none;
  }

  .kd-vitrin .kd-gallery[b-ymfur8m9a4] {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }

  .kd-vitrin .kd-assetgen__groups[b-ymfur8m9a4] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kd-vitrin .kd-eylem-satiri .kd-dugme[b-ymfur8m9a4] {
    flex: 1 1 auto;
  }

  .kd-vitrin .kd-popup[b-ymfur8m9a4] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kd-vitrin .kd-popup__govde[b-ymfur8m9a4],
  .kd-vitrin .kd-popup__eylem[b-ymfur8m9a4] {
    padding: 12px;
  }

  /* Üstte 5 px marka şeridi için pay bırakılır. */
  .kd-vitrin .kd-popup__bas[b-ymfur8m9a4] {
    padding: 17px 12px 12px;
  }

  .kd-vitrin .kd-popup__bas h2[b-ymfur8m9a4] {
    font-size: 17px;
  }

  .kd-vitrin .kd-popup__eylem .kd-dugme[b-ymfur8m9a4] {
    flex: 1 1 auto;
  }

  .kd-vitrin .kd-olgular > div[b-ymfur8m9a4] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/KarakterListe.razor.rz.scp.css */
/* Karakterler listesi — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-03): eski `.kl-card` cam/pill dili kaldırıldı; ölü `:deep()` (Vue sözdizimi,
   Blazor'da çalışmıyordu) yerine `::deep` kullanılır. */

.kl-vitrin[b-tu9ym61r4x] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.kl-vitrin .kl-kapak[b-tu9ym61r4x] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kl-vitrin .kl-kapak__geri[b-tu9ym61r4x] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.kl-vitrin .kl-kapak__geri[b-tu9ym61r4x]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.kl-vitrin .kl-kapak__baslik[b-tu9ym61r4x] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.kl-vitrin .kl-kapak .au-title[b-tu9ym61r4x] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.kl-vitrin .kl-kapak__alt[b-tu9ym61r4x] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */
.kl-vitrin .kl-suzgec[b-tu9ym61r4x] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* AppSelect'in kök öğesi (.app-field) alt bileşende doğduğu için sayfanın kapsam
   özniteliğini taşımaz; `> *` hiçbir öğeyle eşleşmiyordu → ::deep ile hedefleniyor. */
.kl-vitrin .kl-suzgec[b-tu9ym61r4x]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.kl-vitrin .kl-suzgec[b-tu9ym61r4x]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.kl-vitrin .kl-suzgec[b-tu9ym61r4x]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.kl-vitrin .kl-suzgec[b-tu9ym61r4x]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.kl-vitrin .kl-kapak__eylem[b-tu9ym61r4x] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.kl-vitrin .kl-dugme[b-tu9ym61r4x] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.kl-vitrin .kl-dugme:hover:not(:disabled)[b-tu9ym61r4x] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.kl-vitrin .kl-dugme--ana[b-tu9ym61r4x] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.kl-vitrin .kl-dugme--ana:hover:not(:disabled)[b-tu9ym61r4x] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.kl-vitrin .kl-dugme:disabled[b-tu9ym61r4x] {
  opacity: 0.55;
  cursor: not-allowed;
}

.kl-vitrin .kl-dugme:focus-visible[b-tu9ym61r4x],
.kl-vitrin .kl-satir-dugme:focus-visible[b-tu9ym61r4x],
.kl-vitrin .kl-title:focus-visible[b-tu9ym61r4x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.kl-vitrin .kl-kart[b-tu9ym61r4x] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kl-vitrin .kl-kart[b-tu9ym61r4x]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kl-vitrin .kl-bolum__baslik[b-tu9ym61r4x] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.kl-vitrin .kl-bolum__baslik[b-tu9ym61r4x]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kl-vitrin .kl-bos[b-tu9ym61r4x] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.kl-vitrin .kl-bos p[b-tu9ym61r4x] {
  margin: 0;
  line-height: 1.6;
}

/* ── Kart ızgarası: uzun listede kendi alanında kayar, sayfayı taşırmaz ── */
.kl-vitrin .kl-grid[b-tu9ym61r4x] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 14px;
  max-height: min(660px, 72dvh);
  padding: 3px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kl-vitrin .kl-card[b-tu9ym61r4x] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.kl-vitrin .kl-card:hover[b-tu9ym61r4x],
.kl-vitrin .kl-card:focus-within[b-tu9ym61r4x] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Küçük resim kabı: MediaEmbed kendi bağlantısını taşır (düğmeye sarılmaz). */
.kl-vitrin .kl-thumb[b-tu9ym61r4x] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  overflow: hidden;
}

.kl-vitrin .kl-thumb[b-tu9ym61r4x]  .me,
.kl-vitrin .kl-thumb[b-tu9ym61r4x]  .me-imglink,
.kl-vitrin .kl-thumb[b-tu9ym61r4x]  .me-img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.kl-vitrin .kl-thumb[b-tu9ym61r4x]  .me-img {
  object-fit: cover;
}

/* Kart altındaki ayrı "yeni sekmede aç" satırı ızgarada gürültü — görsele tıklayınca zaten açılır. */
.kl-vitrin .kl-thumb[b-tu9ym61r4x]  .me-caption {
  display: none;
}

.kl-vitrin .kl-thumb[b-tu9ym61r4x]  .me-imglink:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.kl-vitrin .kl-thumb__ph[b-tu9ym61r4x] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.kl-vitrin .kl-meta[b-tu9ym61r4x] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}

.kl-vitrin .kl-title[b-tu9ym61r4x] {
  color: var(--marka-700);
  font: 600 13.5px/1.35 var(--font-body);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.kl-vitrin .kl-title:hover[b-tu9ym61r4x] {
  text-decoration: underline;
}

.kl-vitrin .kl-tags[b-tu9ym61r4x] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.kl-vitrin .kl-rozet[b-tu9ym61r4x] {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.kl-vitrin .kl-rozet.is-aktif[b-tu9ym61r4x] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.kl-vitrin .kl-rozet.is-pasif[b-tu9ym61r4x] {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--metin-ipucu) 10%, var(--yuzey));
  color: var(--metin-ikincil);
}

.kl-vitrin .kl-rozet.is-ai[b-tu9ym61r4x] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.kl-vitrin .kl-alt[b-tu9ym61r4x] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

.kl-vitrin .kl-actions[b-tu9ym61r4x] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.kl-vitrin .kl-satir-dugme[b-tu9ym61r4x] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.kl-vitrin .kl-satir-dugme:hover:not(:disabled)[b-tu9ym61r4x] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.kl-vitrin .kl-satir-dugme:disabled[b-tu9ym61r4x] {
  opacity: 0.55;
  cursor: not-allowed;
}

.kl-vitrin .kl-sayfalama[b-tu9ym61r4x] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.kl-vitrin .kl-soluk[b-tu9ym61r4x] {
  color: var(--metin-ikincil);
}

/* ── Görünür popup: native dialog top-layer ── */
.kl-vitrin .kl-popup[b-tu9ym61r4x] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.kl-vitrin .kl-popup[open][b-tu9ym61r4x] {
  display: flex;
  flex-direction: column;
}

.kl-vitrin .kl-popup[b-tu9ym61r4x]::backdrop {
  background: var(--scrim);
}

/* 5 px marka şeridi ::before ile çizilir: `border-image` slice'ı ALT sınırı da boyar,
   kart ayracı (1 px --hat-kart) turkuaz olurdu. */
.kl-vitrin .kl-popup__bas[b-tu9ym61r4x] {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 21px 18px 16px;
  border-bottom: 1px solid var(--hat-kart);
}

.kl-vitrin .kl-popup__bas[b-tu9ym61r4x]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kl-vitrin .kl-popup__bas > div[b-tu9ym61r4x] {
  min-width: 0;
}

.kl-vitrin .kl-popup__bas h2[b-tu9ym61r4x] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.kl-vitrin .kl-popup__bas h2:focus[b-tu9ym61r4x] {
  outline: none;
}

.kl-vitrin .kl-popup__bas p[b-tu9ym61r4x] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.kl-vitrin .kl-popup__kapat[b-tu9ym61r4x] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.kl-vitrin .kl-popup__kapat:hover[b-tu9ym61r4x] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kl-vitrin .kl-popup__kapat:focus-visible[b-tu9ym61r4x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.kl-vitrin .kl-popup__govde[b-tu9ym61r4x] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kl-vitrin .kl-popup__medya[b-tu9ym61r4x] {
  margin: 0 0 14px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 10px 10px 10px;
  overflow: hidden;
}

.kl-vitrin .kl-popup__medya[b-tu9ym61r4x]  .me {
  margin: 0;
}

.kl-vitrin .kl-popup__medya[b-tu9ym61r4x]  .me-img {
  display: block;
  width: 100%;
  max-height: 46dvh;
  object-fit: contain;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.kl-vitrin .kl-popup__medya[b-tu9ym61r4x]  .me-caption {
  padding: 8px 12px;
  border-top: 1px solid var(--hat-girdi);
  font-size: 12px;
}

.kl-vitrin .kl-popup__eylem[b-tu9ym61r4x] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.kl-vitrin .kl-olgular[b-tu9ym61r4x] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.kl-vitrin .kl-olgular > div[b-tu9ym61r4x] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kl-vitrin .kl-olgular > div:nth-child(odd)[b-tu9ym61r4x] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kl-vitrin .kl-olgular dt[b-tu9ym61r4x] {
  color: var(--metin-ipucu);
}

.kl-vitrin .kl-olgular dd[b-tu9ym61r4x] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ 1101–1539 fareli: referans iki satırlı düzen
   ("geri baslik ." / "filtre filtre eylem") — eylem satırı ayrıca aşağı düşmez. ── */
/* MASAÜSTÜ (YENI-DIL §1.1) — eski 1101 px eşiği 1024–1100 fareli pencerede tablet
   sayfasını masaüstü barının altına çiziyordu (§1.3 ölçümü). */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .kl-vitrin .kl-kapak[b-tu9ym61r4x] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .kl-vitrin .kl-suzgec[b-tu9ym61r4x] {
    grid-column: 1 / 3;
  }

  .kl-vitrin .kl-kapak__eylem[b-tu9ym61r4x] {
    grid-column: 3;
    justify-self: end;
    align-self: end;
  }
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kl-vitrin .kl-kapak[b-tu9ym61r4x] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .kl-vitrin .kl-kapak__geri[b-tu9ym61r4x],
  .kl-vitrin .kl-kapak__baslik[b-tu9ym61r4x],
  .kl-vitrin .kl-suzgec[b-tu9ym61r4x],
  .kl-vitrin .kl-kapak__eylem[b-tu9ym61r4x] {
    grid-row: 1;
  }

  .kl-vitrin .kl-suzgec[b-tu9ym61r4x] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .kl-vitrin .kl-kapak__eylem[b-tu9ym61r4x] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kl-vitrin .kl-kapak[b-tu9ym61r4x] {
    padding: 16px;
  }

  .kl-vitrin .kl-dugme[b-tu9ym61r4x],
  .kl-vitrin .kl-satir-dugme[b-tu9ym61r4x] {
    min-height: 44px;
  }

  .kl-vitrin .kl-suzgec[b-tu9ym61r4x]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .kl-vitrin .kl-grid[b-tu9ym61r4x] {
    max-height: none;
    overflow: visible;
  }
}

/* ── TELEFON: tek sütun, eylemler başlığın altında ── */
@media (max-width: 640px) {
  .kl-vitrin .kl-kapak[b-tu9ym61r4x] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .kl-vitrin .kl-kapak .au-title[b-tu9ym61r4x] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kl-vitrin .kl-kapak__alt[b-tu9ym61r4x] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .kl-vitrin .kl-suzgec[b-tu9ym61r4x] {
    flex-direction: column;
    align-items: stretch;
  }

  /* Telefonda .kl-suzgec sütun yönüne geçtiği için taban `flex: 0 1 176px` ana eksene,
     yani yüksekliğe uygulanırdı; auto tabana dönülüyor ve genişlik tavanı kalkıyor. */
  .kl-vitrin .kl-suzgec[b-tu9ym61r4x]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .kl-vitrin .kl-kapak__eylem .kl-dugme[b-tu9ym61r4x] {
    flex: 1 1 auto;
    min-height: 40px;
  }

  .kl-vitrin .kl-kart[b-tu9ym61r4x] {
    padding: 16px 12px;
  }

  .kl-vitrin .kl-bolum__baslik[b-tu9ym61r4x] {
    font-size: var(--yazi-bolum, 14px);
  }

  .kl-vitrin .kl-grid[b-tu9ym61r4x] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kl-vitrin .kl-popup[b-tu9ym61r4x] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kl-vitrin .kl-popup__govde[b-tu9ym61r4x],
  .kl-vitrin .kl-popup__eylem[b-tu9ym61r4x] {
    padding: 12px;
  }

  /* Üstte 5 px marka şeridi için pay bırakılır. */
  .kl-vitrin .kl-popup__bas[b-tu9ym61r4x] {
    padding: 17px 12px 12px;
  }

  .kl-vitrin .kl-popup__bas h2[b-tu9ym61r4x] {
    font-size: 17px;
  }

  .kl-vitrin .kl-popup__eylem .kl-dugme[b-tu9ym61r4x] {
    flex: 1 1 auto;
  }

  .kl-vitrin .kl-olgular > div[b-tu9ym61r4x] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/KarakterUret.razor.rz.scp.css */
/* Karakter üretim sihirbazı — Akademik Analiz kapak/kart/form ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır. */

.ku-vitrin[b-w6kcpusiiv] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + özet tek beyaz yüzeyde ── */
.ku-vitrin .ku-kapak[b-w6kcpusiiv] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ku-vitrin .ku-kapak__geri[b-w6kcpusiiv] {
  grid-column: 1;
  min-width: 0;
}

.ku-vitrin .ku-kapak__geri[b-w6kcpusiiv]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ku-vitrin .ku-kapak__baslik[b-w6kcpusiiv] {
  grid-column: 2;
  min-width: 0;
}

.ku-vitrin .ku-kapak .au-title[b-w6kcpusiiv] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ku-vitrin .ku-kapak__alt[b-w6kcpusiiv] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Uyarı şeridi (yükleme uyarısı / gönderim hatası) ── */
.ku-vitrin .ku-uyari[b-w6kcpusiiv] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.ku-vitrin .ku-uyari svg[b-w6kcpusiiv] {
  flex: 0 0 16px;
  margin-top: 2px;
}

.ku-vitrin .ku-uyari--hata[b-w6kcpusiiv] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* Sihirbazın son adımında, gönder düğmesinin hemen üstünde. */
.ku-vitrin .ku-gonderim-hatasi[b-w6kcpusiiv] {
  margin: 14px 0 0;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.ku-vitrin .ku-kart[b-w6kcpusiiv] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ku-vitrin .ku-kart[b-w6kcpusiiv]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Sihirbaz kartı geniş formu ortalar; dar sütunda alanlar sıkışmasın. */
.ku-vitrin .ku-sihirbaz[b-w6kcpusiiv] {
  max-width: 980px;
}

.ku-vitrin .ku-bolum__baslik[b-w6kcpusiiv] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ku-vitrin .ku-bolum__baslik[b-w6kcpusiiv]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Form grubu başlığı — bölüm başlığından bir kademe küçük, üst etiket dili. */
.ku-vitrin .ku-grup-baslik[b-w6kcpusiiv] {
  margin: 0 0 8px;
  color: var(--metin-ikincil);
  font: 700 11.5px/1.4 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.ku-vitrin .ku-soluk[b-w6kcpusiiv] {
  margin: 8px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.ku-vitrin .ku-ozet-not[b-w6kcpusiiv] {
  margin-top: 12px;
}

/* ── Form kontrolleri: referans yükseklik/köşe ── */
.ku-vitrin[b-w6kcpusiiv]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.ku-vitrin[b-w6kcpusiiv]  .app-input {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1.5 var(--font-body);
}

.ku-vitrin[b-w6kcpusiiv]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Düğmeler: kapak dili (34 px, 12.5/600, kesik sol üst köşe) ── */
.ku-vitrin .ku-dugme[b-w6kcpusiiv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ku-vitrin .ku-dugme:hover:not(:disabled)[b-w6kcpusiiv] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ku-vitrin .ku-dugme--ana[b-w6kcpusiiv] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ku-vitrin .ku-dugme--ana:hover:not(:disabled)[b-w6kcpusiiv] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ku-vitrin .ku-dugme:disabled[b-w6kcpusiiv] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ku-vitrin .ku-dugme:focus-visible[b-w6kcpusiiv] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Gözden geçirme özeti: olgu satırları ── */
.ku-vitrin .ku-olgular[b-w6kcpusiiv] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ku-vitrin .ku-olgular > div[b-w6kcpusiiv] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ku-vitrin .ku-olgular > div:nth-child(odd)[b-w6kcpusiiv] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ku-vitrin .ku-olgular dt[b-w6kcpusiiv] {
  color: var(--metin-ipucu);
}

.ku-vitrin .ku-olgular dd[b-w6kcpusiiv] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Yüklenen referans görsel önizlemesi ── */
.ku-vitrin .ku-image[b-w6kcpusiiv] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 260px;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ku-vitrin .ku-image[b-w6kcpusiiv]  .me {
  margin: 0;
}

.ku-vitrin .ku-image[b-w6kcpusiiv]  .me-img {
  display: block;
  width: 100%;
  border-radius: 3px 10px 10px 10px;
}

.ku-vitrin .ku-image[b-w6kcpusiiv]  .me-caption {
  margin-top: 6px;
  font-size: 12px;
}

/* O6/O7 (2026-07-17): job başarısız / result-null durumunda dönüş & tekrar dene aksiyonları. */
.ku-vitrin .ku-job-actions[b-w6kcpusiiv] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

/* ── CİHAZ (telefon ∪ tablet): dokunma hedefleri ve 16 px girdi ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ku-vitrin .ku-kapak[b-w6kcpusiiv] {
    padding: 16px;
  }

  .ku-vitrin .ku-dugme[b-w6kcpusiiv] {
    min-height: 44px;
  }

  .ku-vitrin[b-w6kcpusiiv]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun ── */
@media (max-width: 640px) {
  .ku-vitrin .ku-kapak[b-w6kcpusiiv] {
    padding: 12px;
  }

  .ku-vitrin .ku-kapak .au-title[b-w6kcpusiiv] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ku-vitrin .ku-kapak__alt[b-w6kcpusiiv],
  .ku-vitrin .ku-uyari[b-w6kcpusiiv],
  .ku-vitrin .ku-soluk[b-w6kcpusiiv] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .ku-vitrin .ku-kart[b-w6kcpusiiv] {
    padding: 16px 12px;
  }

  .ku-vitrin .ku-bolum__baslik[b-w6kcpusiiv] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ku-vitrin .ku-job-actions .ku-dugme[b-w6kcpusiiv] {
    flex: 1 1 auto;
  }

  .ku-vitrin .ku-image[b-w6kcpusiiv] {
    max-width: none;
  }

  .ku-vitrin .ku-olgular > div[b-w6kcpusiiv] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MedyaJoblari.razor.rz.scp.css */
/* Medya işleri panosu — Akademik Analiz kapak/kart/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-01): kart listesi tabloya döndü; eski `.mj-list` / `.mj-card` kuralları ÖLÜ → silindi. */

.mj-vitrin[b-ahde1ct2kj] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.mj-vitrin .mj-kapak[b-ahde1ct2kj] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mj-vitrin .mj-kapak__geri[b-ahde1ct2kj] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.mj-vitrin .mj-kapak__geri[b-ahde1ct2kj]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.mj-vitrin .mj-kapak__baslik[b-ahde1ct2kj] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.mj-vitrin .mj-kapak .au-title[b-ahde1ct2kj] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mj-vitrin .mj-kapak__alt[b-ahde1ct2kj] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */
.mj-vitrin .mj-suzgec[b-ahde1ct2kj] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Süzgeçlerin kök öğesi (.app-field) AppField bileşeninde doğar, sayfanın kapsam
   özniteliğini taşımaz; bu yüzden `> *` hiçbir şeyle eşleşmiyordu → ::deep ile hedeflenir. */
.mj-vitrin .mj-suzgec[b-ahde1ct2kj]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.mj-vitrin .mj-suzgec[b-ahde1ct2kj]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.mj-vitrin .mj-suzgec[b-ahde1ct2kj]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.mj-vitrin .mj-suzgec[b-ahde1ct2kj]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.mj-vitrin .mj-kapak__eylem[b-ahde1ct2kj] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mj-vitrin .mj-dugme[b-ahde1ct2kj] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mj-vitrin .mj-dugme:hover:not(:disabled)[b-ahde1ct2kj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mj-vitrin .mj-dugme--ana[b-ahde1ct2kj] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mj-vitrin .mj-dugme--ana:hover:not(:disabled)[b-ahde1ct2kj] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mj-vitrin .mj-dugme:disabled[b-ahde1ct2kj] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mj-vitrin .mj-dugme:focus-visible[b-ahde1ct2kj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Canlı rozeti (akıllı polling açıkken) ── */
.mj-vitrin .mj-canli[b-ahde1ct2kj] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-rampa-uc);
  font: 600 12.5px/1 var(--font-body);
}

.mj-vitrin .mj-canli__nokta[b-ahde1ct2kj] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--marka-rampa-uc);
  animation: mjNabiz-b-ahde1ct2kj 1.4s ease-in-out infinite;
}

@keyframes mjNabiz-b-ahde1ct2kj {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mj-vitrin .mj-canli__nokta[b-ahde1ct2kj] {
    animation: none;
  }
}

/* ── Bilgi şeridi ── */
.mj-vitrin .mj-not[b-ahde1ct2kj] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.mj-vitrin .mj-not svg[b-ahde1ct2kj] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.mj-vitrin .mj-kart[b-ahde1ct2kj] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mj-vitrin .mj-kart[b-ahde1ct2kj]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mj-vitrin .mj-bolum__baslik[b-ahde1ct2kj] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.mj-vitrin .mj-bolum__baslik[b-ahde1ct2kj]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mj-vitrin .mj-bos[b-ahde1ct2kj] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mj-vitrin .mj-bos p[b-ahde1ct2kj] {
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.mj-vitrin .mj-tablo-kap[b-ahde1ct2kj] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.mj-vitrin .mj-tablo[b-ahde1ct2kj] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.mj-vitrin .mj-tablo thead[b-ahde1ct2kj] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.mj-vitrin .mj-tablo thead th[b-ahde1ct2kj] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.mj-vitrin .mj-tablo tbody td[b-ahde1ct2kj] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.mj-vitrin .mj-tablo tbody tr:nth-child(even) td[b-ahde1ct2kj] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mj-vitrin .mj-satir:hover td[b-ahde1ct2kj],
.mj-vitrin .mj-satir:focus-within td[b-ahde1ct2kj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mj-vitrin .mj-soluk[b-ahde1ct2kj] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.mj-vitrin .mj-sayi[b-ahde1ct2kj] {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.mj-vitrin .mj-baglanti[b-ahde1ct2kj] {
  display: block;
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.mj-vitrin .mj-baglanti:hover[b-ahde1ct2kj],
.mj-vitrin .mj-baglanti:focus-visible[b-ahde1ct2kj] {
  text-decoration: underline;
}

.mj-vitrin .mj-satir__alt[b-ahde1ct2kj] {
  display: block;
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Durum rozeti ── */
.mj-vitrin .mj-durum[b-ahde1ct2kj] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.mj-vitrin .mj-durum[b-ahde1ct2kj]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.mj-vitrin .mj-durum.is-tamam[b-ahde1ct2kj] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.mj-vitrin .mj-durum.is-isleniyor[b-ahde1ct2kj] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.mj-vitrin .mj-durum.is-hata[b-ahde1ct2kj] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.mj-vitrin .mj-adim[b-ahde1ct2kj] {
  display: block;
  margin-top: 3px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── İlerleme ── */
.mj-vitrin .mj-ilerleme[b-ahde1ct2kj] {
  width: 120px;
  height: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  overflow: hidden;
}

.mj-vitrin .mj-ilerleme--genis[b-ahde1ct2kj] {
  width: 100%;
  height: 8px;
  margin-bottom: 14px;
}

.mj-vitrin .mj-ilerleme__dolgu[b-ahde1ct2kj] {
  height: 100%;
  background: var(--marka-rampa-serit);
  transition: width 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .mj-vitrin .mj-ilerleme__dolgu[b-ahde1ct2kj] {
    transition: none;
  }
}

.mj-vitrin .mj-ilerleme__deger[b-ahde1ct2kj] {
  display: block;
  margin-top: 3px;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

/* ── Satır eylemleri ── */
.mj-vitrin .mj-eylem-hucre[b-ahde1ct2kj] {
  white-space: nowrap;
}

.mj-vitrin .mj-satir-dugme[b-ahde1ct2kj] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-left: 8px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.mj-vitrin .mj-satir-dugme:first-child[b-ahde1ct2kj] {
  margin-left: 0;
}

.mj-vitrin .mj-satir-dugme:hover[b-ahde1ct2kj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.mj-vitrin .mj-satir-dugme:focus-visible[b-ahde1ct2kj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mj-vitrin .mj-sayfalama[b-ahde1ct2kj] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.mj-vitrin .mj-gizli[b-ahde1ct2kj] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.mj-vitrin .mj-popup[b-ahde1ct2kj] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mj-vitrin .mj-popup[open][b-ahde1ct2kj] {
  display: flex;
  flex-direction: column;
}

.mj-vitrin .mj-popup[b-ahde1ct2kj]::backdrop {
  background: var(--scrim);
}

.mj-vitrin .mj-popup__bas[b-ahde1ct2kj] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.mj-vitrin .mj-popup__bas > div[b-ahde1ct2kj] {
  min-width: 0;
}

.mj-vitrin .mj-popup__bas h2[b-ahde1ct2kj] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mj-vitrin .mj-popup__bas h2:focus[b-ahde1ct2kj] {
  outline: none;
}

.mj-vitrin .mj-popup__bas p[b-ahde1ct2kj] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mj-vitrin .mj-popup__kapat[b-ahde1ct2kj] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mj-vitrin .mj-popup__kapat:hover[b-ahde1ct2kj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mj-vitrin .mj-popup__kapat:focus-visible[b-ahde1ct2kj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mj-vitrin .mj-popup__govde[b-ahde1ct2kj] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mj-vitrin .mj-popup__hata[b-ahde1ct2kj] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mj-vitrin .mj-popup__eylem[b-ahde1ct2kj] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.mj-vitrin .mj-olgular[b-ahde1ct2kj] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.mj-vitrin .mj-olgular > div[b-ahde1ct2kj] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mj-vitrin .mj-olgular > div:nth-child(odd)[b-ahde1ct2kj] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mj-vitrin .mj-olgular dt[b-ahde1ct2kj] {
  color: var(--metin-ipucu);
}

.mj-vitrin .mj-olgular dd[b-ahde1ct2kj] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mj-vitrin .mj-kapak[b-ahde1ct2kj] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .mj-vitrin .mj-kapak__geri[b-ahde1ct2kj],
  .mj-vitrin .mj-kapak__baslik[b-ahde1ct2kj],
  .mj-vitrin .mj-suzgec[b-ahde1ct2kj],
  .mj-vitrin .mj-kapak__eylem[b-ahde1ct2kj] {
    grid-row: 1;
  }

  .mj-vitrin .mj-suzgec[b-ahde1ct2kj] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .mj-vitrin .mj-kapak__eylem[b-ahde1ct2kj] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mj-vitrin .mj-kapak[b-ahde1ct2kj] {
    padding: 16px;
  }

  .mj-vitrin .mj-dugme[b-ahde1ct2kj],
  .mj-vitrin .mj-satir-dugme[b-ahde1ct2kj],
  .mj-vitrin .mj-canli[b-ahde1ct2kj] {
    min-height: 44px;
  }

  .mj-vitrin .mj-suzgec[b-ahde1ct2kj]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .mj-vitrin .mj-tablo .mj-sut-1[b-ahde1ct2kj] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  /* Opak zemin `--marka-rampa-serit`in 0% durağıyla (= --marka-500) aynı olmalı;
     --marka-600 daha koyu olduğu için şeridin sol ucunda düz lacivert blok üretiyordu
     (AnalizTablo sabit başlığı da --at-bas-zemin = --anv-serit-mavi = --marka-500 kullanır). */
  .mj-vitrin .mj-tablo thead .mj-sut-1[b-ahde1ct2kj] {
    z-index: 5;
    background: var(--marka-500);
  }

  .mj-vitrin .mj-tablo tbody tr:nth-child(even) .mj-sut-1[b-ahde1ct2kj] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mj-vitrin .mj-kapak[b-ahde1ct2kj] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .mj-vitrin .mj-kapak .au-title[b-ahde1ct2kj] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mj-vitrin .mj-kapak__alt[b-ahde1ct2kj],
  .mj-vitrin .mj-not[b-ahde1ct2kj] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .mj-vitrin .mj-suzgec[b-ahde1ct2kj] {
    flex-direction: column;
    align-items: stretch;
  }

  /* Telefonda .mj-suzgec sütun akışına geçtiği için 176px'lik flex-basis yüksekliğe
     dönüşür; flex: 1 1 auto ile doğal yüksekliğe dönülür. */
  .mj-vitrin .mj-suzgec[b-ahde1ct2kj]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .mj-vitrin .mj-kapak__eylem[b-ahde1ct2kj] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .mj-vitrin .mj-kapak__eylem .mj-dugme[b-ahde1ct2kj] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .mj-vitrin .mj-kart[b-ahde1ct2kj] {
    padding: 16px 12px;
  }

  .mj-vitrin .mj-bolum__baslik[b-ahde1ct2kj] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mj-vitrin .mj-tablo tbody td[b-ahde1ct2kj],
  .mj-vitrin .mj-tablo thead th[b-ahde1ct2kj] {
    padding-inline: 8px;
  }

  .mj-vitrin .mj-eylem-hucre[b-ahde1ct2kj] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .mj-vitrin .mj-satir-dugme[b-ahde1ct2kj] {
    margin-left: 0;
  }

  .mj-vitrin .mj-popup[b-ahde1ct2kj] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mj-vitrin .mj-popup__bas[b-ahde1ct2kj],
  .mj-vitrin .mj-popup__govde[b-ahde1ct2kj],
  .mj-vitrin .mj-popup__eylem[b-ahde1ct2kj] {
    padding: 12px;
  }

  .mj-vitrin .mj-popup__bas h2[b-ahde1ct2kj] {
    font-size: 17px;
  }

  .mj-vitrin .mj-popup__eylem .mj-dugme[b-ahde1ct2kj] {
    flex: 1 1 auto;
  }

  .mj-vitrin .mj-olgular > div[b-ahde1ct2kj] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MedyaStudyoHub.razor.rz.scp.css */
/* Medya Stüdyo hub'ı — Akademik Analiz kapak/tipografi ölçüleri, sayfa-scoped.
   Kart dili ortak `hub-vitrin.css`ten gelir; burada yalnız kapak ve bölüm başlığı vardır.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlı → global tokenlar kullanılır. */

.md-vitrin[b-jc02k2jbyg] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler aynı beyaz yüzeyde (referans: 24/16/18 px, radius 3px 0 0 0) ── */
.md-vitrin .md-kapak[b-jc02k2jbyg] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.md-vitrin .md-kapak__geri[b-jc02k2jbyg] {
  grid-area: geri;
  min-width: 0;
}

.md-vitrin .md-kapak__geri[b-jc02k2jbyg]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.md-vitrin .md-kapak__baslik[b-jc02k2jbyg] {
  grid-area: baslik;
  min-width: 0;
}

.md-vitrin .md-kapak .au-title[b-jc02k2jbyg] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.md-vitrin .md-kapak__alt[b-jc02k2jbyg] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.md-vitrin .md-kapak__eylem[b-jc02k2jbyg] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Kapak düğmeleri: 34 px, 12.5/600, kesik sol üst köşe ── */
.md-vitrin .md-dugme[b-jc02k2jbyg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.md-vitrin .md-dugme:hover[b-jc02k2jbyg] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.md-vitrin .md-dugme--ana[b-jc02k2jbyg] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.md-vitrin .md-dugme--ana:hover[b-jc02k2jbyg] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.md-vitrin .md-dugme:focus-visible[b-jc02k2jbyg] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm başlığı: 15/700 + üçgen işaret ── */
.md-vitrin .md-bolum[b-jc02k2jbyg] {
  margin: 0 0 16px;
}

.md-vitrin .md-bolum__baslik[b-jc02k2jbyg] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.md-vitrin .md-bolum__baslik[b-jc02k2jbyg]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── CİHAZ (telefon ∪ tablet): eylemler başlığın altına iner ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .md-vitrin .md-kapak[b-jc02k2jbyg] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .md-vitrin .md-kapak__eylem[b-jc02k2jbyg] {
    justify-self: stretch;
  }

  .md-vitrin .md-dugme[b-jc02k2jbyg] {
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .md-vitrin .md-kapak[b-jc02k2jbyg] {
    padding: 12px;
  }

  .md-vitrin .md-kapak .au-title[b-jc02k2jbyg] {
    font-size: var(--yazi-kapak, 20px);
  }

  .md-vitrin .md-kapak__alt[b-jc02k2jbyg] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* İki eylem kaldı (tekrar eden "Medya işleri" kapaktan çıktı) → yatay kayan şerit yerine
     satıra sığma; dar ekranda alt alta geçerler, kırpılma ve gizli kaydırma olmaz. */
  .md-vitrin .md-kapak__eylem[b-jc02k2jbyg] {
    flex-wrap: wrap;
  }

  .md-vitrin .md-dugme[b-jc02k2jbyg] {
    flex: 1 1 auto;
    min-height: 40px;
  }

  .md-vitrin .md-bolum__baslik[b-jc02k2jbyg] {
    font-size: var(--yazi-bolum, 14px);
  }
}
/* _content/EduLive.Web/Components/Pages/Media/Mekanlar.razor.rz.scp.css */
/* MD-04 (2026-09-20) — Mekanlar: Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   3px kesik sol üst köşe, marka şeridi) + görünür popup. Yalnız var(--*) token; yeni hex YOK. */

.mk-vitrin[b-sgr6ingdun] {
  padding-top: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.mk-kapak[b-sgr6ingdun] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "suzgec suzgec suzgec";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mk-kapak[b-sgr6ingdun]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.mk-kapak__baslik[b-sgr6ingdun] {
  grid-area: baslik;
  min-width: 0;
}

.mk-kapak .au-title[b-sgr6ingdun] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mk-ozet[b-sgr6ingdun] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.4;
}

.mk-kapak__eylem[b-sgr6ingdun] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
}

.mk-suzgec[b-sgr6ingdun] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Blazor birleştiricisi `::deep`tir; `:deep()` tarayıcıda geçersiz seçici sayılıp
   kuralın tamamını düşürüyordu → süzgeç alanları ölçü almayıp tam genişliğe açılıyordu. */
.mk-suzgec[b-sgr6ingdun]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Yükseklik AppField'ın (0,3,0) `height: 46px` kuralıyla eşit özgüllükte çakışıyor;
   `.mk-vitrin` ekiyle (0,4,0) yapıp kapaktaki 34px düğmelerle hizayı garantiliyoruz. */
.mk-vitrin .mk-suzgec[b-sgr6ingdun]  .app-input {
  min-height: 34px;
  height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font-size: 13px;
  font-weight: 500;
}

/* Süzgeç aç/kapa yalnız telefonda — masaüstünde süzgeçler hep açık. */
.mk-suzgec-dugme[b-sgr6ingdun] {
  display: none;
}

/* Kapakta düğme taban çizgisi: 34 px, 12.5/600, kesik sol üst köşe. */
.mk-vitrin .au-btn[b-sgr6ingdun] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.mk-vitrin .au-btn:hover[b-sgr6ingdun] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.mk-vitrin .au-btn--primary[b-sgr6ingdun] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mk-vitrin .au-btn--primary:hover[b-sgr6ingdun] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mk-vitrin .au-btn--danger[b-sgr6ingdun] {
  color: var(--danger-metin);
  border-color: color-mix(in srgb, var(--danger) 35%, var(--hat-girdi));
}

.mk-vitrin .au-btn--danger:hover[b-sgr6ingdun] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.mk-vitrin .au-btn:disabled[b-sgr6ingdun] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mk-vitrin .au-btn:focus-visible[b-sgr6ingdun] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Boş / yetkisiz durum kartı ── */
.mk-bos[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.mk-bos p[b-sgr6ingdun] {
  margin: 0;
  line-height: 1.6;
}

.mk-bos--dar[b-sgr6ingdun] {
  padding: 18px 12px;
}

/* ── Kart ızgarası ── */
.sm-grid[b-sgr6ingdun] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 16px;
}

.sm-card[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  position: relative;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sm-card[b-sgr6ingdun]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.sm-thumb[b-sgr6ingdun] {
  margin-top: 5px;
  border-radius: 3px 10px 10px 10px;
  overflow: hidden;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sm-thumb[b-sgr6ingdun]  .me,
.sm-thumb[b-sgr6ingdun]  .me-img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.sm-thumb[b-sgr6ingdun]  .me-img {
  object-fit: cover;
}

.sm-thumb[b-sgr6ingdun]  .me-caption {
  display: none;
}

.sm-thumb__ph[b-sgr6ingdun] {
  color: var(--metin-ipucu);
}

.sm-meta[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.sm-title[b-sgr6ingdun] {
  color: var(--metin-murekkep);
  font: 700 15px/1.3 var(--font-display);
  letter-spacing: -0.012em;
  overflow-wrap: anywhere;
}

.sm-tags[b-sgr6ingdun] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.sm-chip[b-sgr6ingdun] {
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 8px 8px 8px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.5;
}

.sm-chip--stil[b-sgr6ingdun] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  color: var(--marka-700);
}

.sm-actions[b-sgr6ingdun] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 10px;
  margin-top: auto;
  border-top: 1px solid var(--hat-kart);
}

.sm-pager[b-sgr6ingdun] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 20px;
}

.sm-pager__info[b-sgr6ingdun] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── Görünür popup (native top layer) ── */
.mk-popup[b-sgr6ingdun] {
  width: min(760px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mk-popup--onay[b-sgr6ingdun] {
  width: min(460px, calc(100vw - 48px));
}

.mk-popup[open][b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
}

.mk-popup[b-sgr6ingdun]::backdrop {
  background: var(--scrim);
}

.mk-popup__bas[b-sgr6ingdun] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.mk-popup__bas h2[b-sgr6ingdun] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.mk-popup__bas h2:focus[b-sgr6ingdun] {
  outline: none;
}

.mk-popup__kapat[b-sgr6ingdun] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.mk-popup__uyari[b-sgr6ingdun] {
  flex: 0 0 auto;
  margin: 12px 18px 0;
}

.mk-popup__govde[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 16px 18px 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mk-popup__govde:focus-visible[b-sgr6ingdun] {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.mk-popup__alt[b-sgr6ingdun] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.mk-onay__metin[b-sgr6ingdun] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Popup içi bölüm sekmeleri ── */
.mk-sekmeler[b-sgr6ingdun] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 0 0 auto;
  min-width: 0;
  margin: 12px 18px 0;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.mk-sekme[b-sgr6ingdun] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.mk-sekme:hover[b-sgr6ingdun] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.mk-sekme[aria-selected="true"][b-sgr6ingdun] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.mk-sekme:focus-visible[b-sgr6ingdun] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Popup içi form ── */
.mk-panel[b-sgr6ingdun]  .app-input {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font-size: 13px;
}

.mk-bilgi[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 4px 0 0;
}

.mk-bilgi > div[b-sgr6ingdun] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mk-bilgi > div:nth-child(odd)[b-sgr6ingdun] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mk-bilgi dt[b-sgr6ingdun] {
  color: var(--metin-ipucu);
}

.mk-bilgi dd[b-sgr6ingdun] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
}

.sm-image[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  max-width: 240px;
}

.sm-image[b-sgr6ingdun]  .me {
  margin: 0;
}

.sm-image[b-sgr6ingdun]  .me-img {
  width: 100%;
  border-radius: 3px 10px 10px 10px;
}

/* ── Galeri (asset) ızgarası ── */
.sm-asset-grid[b-sgr6ingdun] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 8px;
}

.sm-asset-card[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sm-asset-thumb[b-sgr6ingdun] {
  border-radius: 3px 8px 8px 8px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sm-asset-thumb[b-sgr6ingdun]  .me,
.sm-asset-thumb[b-sgr6ingdun]  .me-img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.sm-asset-thumb[b-sgr6ingdun]  .me-img {
  object-fit: cover;
}

.sm-asset-thumb[b-sgr6ingdun]  .me-caption {
  display: none;
}

/* ── Açı & kroki üretimi ── */
.sm-gen[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sm-gen__group[b-sgr6ingdun] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sm-gen__label[b-sgr6ingdun] {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sm-gen__opts[b-sgr6ingdun] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sm-gen__opt[b-sgr6ingdun] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 8px 8px 8px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  cursor: pointer;
  user-select: none;
}

.sm-gen__opt:has(input:checked)[b-sgr6ingdun] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
  font-weight: 600;
}

.sm-gen__opt:has(input:focus-visible)[b-sgr6ingdun] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sm-gen__opt input[b-sgr6ingdun] {
  accent-color: var(--marka-600);
}

.sm-gen__actions[b-sgr6ingdun] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.mk-vitrin .au-group-title[b-sgr6ingdun] {
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.mk-vitrin .au-group-title[b-sgr6ingdun]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mk-vitrin .au-dim[b-sgr6ingdun] {
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mk-kapak[b-sgr6ingdun] {
    padding: 16px;
  }
  .mk-vitrin .au-btn[b-sgr6ingdun] {
    min-height: 44px;
  }
  /* Masaüstündeki 34px yükseklik kuralı bu kırılımda da geçerli olduğundan süzgeç
     girdileri dokunma hedefinin altına düşüyordu; blokta zaten 44px olan düğme/sekme
     hedefiyle aynı ölçüye çekiyor, 16px punto ile iOS odak yakınlaştırmasını önlüyoruz. */
  .mk-vitrin .mk-suzgec[b-sgr6ingdun]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }
  .mk-sekme[b-sgr6ingdun] {
    min-height: 44px;
  }
  .mk-panel[b-sgr6ingdun]  .app-input {
    font-size: max(16px, 1rem);
  }
  .mk-popup[b-sgr6ingdun] {
    width: calc(100vw - 32px);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mk-kapak[b-sgr6ingdun] {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem"
      "suzgec suzgec";
    padding: 12px;
  }
  .mk-kapak .au-title[b-sgr6ingdun] {
    font-size: var(--yazi-kapak, 20px);
  }
  .mk-kapak__eylem[b-sgr6ingdun] {
    justify-self: stretch;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .mk-kapak__eylem .au-btn[b-sgr6ingdun] {
    flex: 1 1 0;
    min-height: 44px;
  }
  .mk-suzgec-dugme[b-sgr6ingdun] {
    display: inline-flex;
  }
  .mk-suzgec[b-sgr6ingdun] {
    display: none;
    grid-template-columns: minmax(0, 1fr);
  }
  .mk-suzgec.is-acik[b-sgr6ingdun] {
    display: grid;
  }
  .mk-suzgec[b-sgr6ingdun]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }
  /* Telefonda dokunma hedefi: masaüstündeki 34px `height` kuralını ezebilmek için
     aynı (0,4,0) özgüllük + sonra gelme sırası; `min-height` tek başına yetmez. */
  .mk-vitrin .mk-suzgec[b-sgr6ingdun]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }
  .sm-grid[b-sgr6ingdun] {
    grid-template-columns: minmax(0, 1fr);
  }
  .sm-title[b-sgr6ingdun] {
    font-size: var(--yazi-bolum, 14px);
  }
  .mk-vitrin .au-btn[b-sgr6ingdun] {
    min-height: 44px;
  }
  .mk-vitrin .au-group-title[b-sgr6ingdun] {
    font-size: var(--yazi-bolum, 14px);
  }
  .mk-popup[b-sgr6ingdun] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .mk-sekmeler[b-sgr6ingdun] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    margin-inline: 12px;
  }
  .mk-sekme[b-sgr6ingdun] {
    flex: 0 0 auto;
    min-height: 44px;
  }
  .mk-popup__bas[b-sgr6ingdun],
  .mk-popup__govde[b-sgr6ingdun],
  .mk-popup__alt[b-sgr6ingdun] {
    padding: 12px;
  }
  .mk-popup__uyari[b-sgr6ingdun] {
    margin-inline: 12px;
  }
  .mk-popup__alt .au-btn[b-sgr6ingdun] {
    flex: 1 1 auto;
  }
  .mk-panel[b-sgr6ingdun]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
  .mk-bilgi > div[b-sgr6ingdun] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mk-kapak[b-sgr6ingdun] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalayan flex satırının
     max-content'i çocukların `flex: 0 1 176px` tabanını saymaz → kap daralır ve
     süzgeçler alt alta yığılır. Kap gerilir, içerik sağa yaslanır. */
  .mk-suzgec[b-sgr6ingdun] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MontajDetay.razor.rz.scp.css */
/* Montaj detayı — Akademik Analiz kapak/sekme/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-09): eski `.md-*` kuralları yeni dile taşındı → eski kurallar ÖLÜ, silindi. */

.mdv[b-29f9hsihnz] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.mdv .mdv-kapak[b-29f9hsihnz] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mdv .mdv-kapak__geri[b-29f9hsihnz] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.mdv .mdv-kapak__geri[b-29f9hsihnz]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.mdv .mdv-kapak__baslik[b-29f9hsihnz] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.mdv .mdv-kapak .au-title[b-29f9hsihnz] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.mdv .mdv-kapak__alt[b-29f9hsihnz] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.mdv .mdv-kapak__eylem[b-29f9hsihnz] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.mdv .mdv-dugme[b-29f9hsihnz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mdv .mdv-dugme:hover:not(:disabled)[b-29f9hsihnz] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mdv .mdv-dugme--ana[b-29f9hsihnz] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mdv .mdv-dugme--ana:hover:not(:disabled)[b-29f9hsihnz] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mdv .mdv-dugme--tehlike[b-29f9hsihnz] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
}

.mdv .mdv-dugme--tehlike:hover:not(:disabled)[b-29f9hsihnz] {
  background: color-mix(in srgb, var(--danger) 12%, var(--yuzey));
  border-color: var(--danger);
}

.mdv .mdv-dugme:disabled[b-29f9hsihnz] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mdv .mdv-dugme:focus-visible[b-29f9hsihnz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, içerikten 16 px ── */
.mdv .mdv-sekmeler[b-29f9hsihnz] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.mdv .mdv-sekme[b-29f9hsihnz] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.mdv .mdv-sekme:hover:not(.is-secili)[b-29f9hsihnz] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.mdv .mdv-sekme.is-secili[b-29f9hsihnz] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.mdv .mdv-sekme:focus-visible[b-29f9hsihnz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mdv .mdv-panel:focus-visible[b-29f9hsihnz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart ── */
.mdv .mdv-kart[b-29f9hsihnz] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mdv .mdv-kart[b-29f9hsihnz]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Karar bekleyen kart: kenarı vurgulanır, ayrı palet üretilmez. */
.mdv .mdv-kart--kapi[b-29f9hsihnz] {
  border-color: color-mix(in srgb, var(--marka-500) 40%, var(--hat-kart));
}

.mdv .mdv-kart--hata[b-29f9hsihnz] {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--hat-kart));
}

.mdv .mdv-bolum__baslik[b-29f9hsihnz] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.mdv .mdv-bolum__baslik[b-29f9hsihnz]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mdv .mdv-metin[b-29f9hsihnz] {
  margin: 0 0 12px;
  max-width: 78ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.mdv .mdv-maliyet[b-29f9hsihnz] {
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.mdv .mdv-hata[b-29f9hsihnz] {
  margin: 0 0 12px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.mdv .mdv-uyari[b-29f9hsihnz] {
  display: block;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--hat-kart));
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
}

.mdv .mdv-eylem[b-29f9hsihnz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

/* ── İlerleme ── */
.mdv .mdv-ilerleme[b-29f9hsihnz] {
  height: 8px;
  margin: 0 0 4px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  overflow: hidden;
}

.mdv .mdv-ilerleme__dolgu[b-29f9hsihnz] {
  height: 100%;
  background: var(--marka-rampa-serit);
  transition: width 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .mdv .mdv-ilerleme__dolgu[b-29f9hsihnz] {
    transition: none;
  }
}

.mdv .mdv-ilerleme__deger[b-29f9hsihnz] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

/* ── Video ── */
.mdv .mdv-medya[b-29f9hsihnz]  .me,
.mdv .mdv-medya[b-29f9hsihnz]  .me-video {
  width: 100%;
  margin: 0;
}

.mdv .mdv-medya[b-29f9hsihnz]  .me-video {
  max-height: 560px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  object-fit: contain;
}

.mdv .mdv-medya[b-29f9hsihnz]  .me-caption {
  margin-top: 6px;
  font-size: 11.5px;
}

/* ── Künye ── */
.mdv .mdv-olgular[b-29f9hsihnz] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2px 18px;
  margin: 0;
}

.mdv .mdv-olgular > div[b-29f9hsihnz] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}

.mdv .mdv-olgular > div:nth-child(odd)[b-29f9hsihnz] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mdv .mdv-olgular dt[b-29f9hsihnz] {
  color: var(--metin-ipucu);
}

.mdv .mdv-olgular dd[b-29f9hsihnz] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Altyazı listesi: kendi alanında kayar ── */
.mdv .mdv-altyazi-liste[b-29f9hsihnz] {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: min(540px, 60dvh);
  margin: 14px 0 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.mdv .mdv-altyazi-oge[b-29f9hsihnz] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.mdv .mdv-altyazi-oge:nth-child(even)[b-29f9hsihnz] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mdv .mdv-altyazi-sira[b-29f9hsihnz] {
  display: grid;
  place-items: center;
  min-height: 24px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font: 700 11.5px/1 var(--font-body);
  font-variant-numeric: tabular-nums;
}

.mdv .mdv-altyazi-govde[b-29f9hsihnz] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.mdv .mdv-altyazi-zaman[b-29f9hsihnz] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.mdv .mdv-altyazi-metin[b-29f9hsihnz] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.5 var(--font-body);
  resize: vertical;
}

.mdv .mdv-altyazi-metin:focus-visible[b-29f9hsihnz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mdv .mdv-altyazi-metin:disabled[b-29f9hsihnz] {
  opacity: 0.6;
}

.mdv .mdv-indir[b-29f9hsihnz] {
  margin: 12px 0 0;
}

/* ── Yükleniyor iskeleti ── */
.mdv .mdv-iskelet[b-29f9hsihnz] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
}

.mdv .mdv-iskelet__satir[b-29f9hsihnz] {
  height: 52px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--marka-500) 4%, var(--yuzey)) 0%,
    color-mix(in srgb, var(--marka-500) 9%, var(--yuzey)) 50%,
    color-mix(in srgb, var(--marka-500) 4%, var(--yuzey)) 100%
  );
  background-size: 200% 100%;
  animation: mdvParilti-b-29f9hsihnz 1.4s ease-in-out infinite;
}

@keyframes mdvParilti-b-29f9hsihnz {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mdv .mdv-iskelet__satir[b-29f9hsihnz] {
    animation: none;
  }
}

.mdv .mdv-gizli[b-29f9hsihnz] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.mdv .mdv-popup[b-29f9hsihnz] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mdv .mdv-popup[open][b-29f9hsihnz] {
  display: flex;
  flex-direction: column;
}

.mdv .mdv-popup[b-29f9hsihnz]::backdrop {
  background: var(--scrim);
}

.mdv .mdv-popup__bas[b-29f9hsihnz] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.mdv .mdv-popup__bas > div[b-29f9hsihnz] {
  min-width: 0;
}

.mdv .mdv-popup__bas h2[b-29f9hsihnz] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mdv .mdv-popup__bas h2:focus[b-29f9hsihnz] {
  outline: none;
}

.mdv .mdv-popup__bas p[b-29f9hsihnz] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mdv .mdv-popup__kapat[b-29f9hsihnz] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mdv .mdv-popup__kapat:hover:not(:disabled)[b-29f9hsihnz] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mdv .mdv-popup__kapat:disabled[b-29f9hsihnz] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mdv .mdv-popup__kapat:focus-visible[b-29f9hsihnz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mdv .mdv-popup__govde[b-29f9hsihnz] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mdv .mdv-popup__hata[b-29f9hsihnz] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mdv .mdv-popup__eylem[b-29f9hsihnz] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Gerekçe alanı ── */
.mdv .mdv-alan[b-29f9hsihnz] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mdv .mdv-alan__etiket[b-29f9hsihnz] {
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mdv .mdv-alan__girdi[b-29f9hsihnz] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.5 var(--font-body);
  resize: vertical;
}

.mdv .mdv-alan__girdi:focus-visible[b-29f9hsihnz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mdv .mdv-alan__girdi:disabled[b-29f9hsihnz] {
  opacity: 0.6;
}

.mdv .mdv-alan__ipucu[b-29f9hsihnz] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mdv .mdv-kapak[b-29f9hsihnz] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .mdv .mdv-kapak__geri[b-29f9hsihnz],
  .mdv .mdv-kapak__baslik[b-29f9hsihnz],
  .mdv .mdv-kapak__eylem[b-29f9hsihnz] {
    grid-row: 1;
  }

  .mdv .mdv-kapak__eylem[b-29f9hsihnz] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mdv .mdv-kapak[b-29f9hsihnz] {
    padding: 16px;
  }

  .mdv .mdv-dugme[b-29f9hsihnz],
  .mdv .mdv-sekme[b-29f9hsihnz] {
    min-height: 44px;
  }

  /* Sekmeler cihazda tek yatay kaydırılabilir şerit (YENI-DIL §1.1 / Akademik Analiz). */
  .mdv .mdv-sekmeler[b-29f9hsihnz] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .mdv .mdv-sekmeler .mdv-sekme[b-29f9hsihnz] {
    flex: 0 0 auto;
  }

  .mdv .mdv-alan__girdi[b-29f9hsihnz],
  .mdv .mdv-altyazi-metin[b-29f9hsihnz] {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mdv .mdv-kapak[b-29f9hsihnz] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .mdv .mdv-kapak .au-title[b-29f9hsihnz] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mdv .mdv-kapak__alt[b-29f9hsihnz],
  .mdv .mdv-metin[b-29f9hsihnz] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .mdv .mdv-kapak__eylem[b-29f9hsihnz] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .mdv .mdv-kapak__eylem .mdv-dugme[b-29f9hsihnz] {
    flex: 1 0 auto;
  }

  .mdv .mdv-kart[b-29f9hsihnz] {
    padding: 16px 12px;
  }

  .mdv .mdv-bolum__baslik[b-29f9hsihnz] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mdv .mdv-eylem .mdv-dugme[b-29f9hsihnz] {
    flex: 1 1 auto;
  }

  .mdv .mdv-olgular[b-29f9hsihnz] {
    grid-template-columns: minmax(0, 1fr);
  }

  .mdv .mdv-olgular > div[b-29f9hsihnz] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.5fr);
    gap: 8px;
    padding: 9px 6px;
  }

  .mdv .mdv-popup[b-29f9hsihnz] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mdv .mdv-popup__bas[b-29f9hsihnz],
  .mdv .mdv-popup__govde[b-29f9hsihnz],
  .mdv .mdv-popup__eylem[b-29f9hsihnz] {
    padding: 12px;
  }

  .mdv .mdv-popup__bas h2[b-29f9hsihnz] {
    font-size: 17px;
  }

  .mdv .mdv-popup__eylem .mdv-dugme[b-29f9hsihnz] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MontajListe.razor.rz.scp.css */
/* Montaj listesi — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-09): eski `.ml-*` kart ızgarası yeni dile taşındı → eski kurallar ÖLÜ, silindi. */

.mlv[b-nxck0bclph] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.mlv .mlv-kapak[b-nxck0bclph] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mlv .mlv-kapak__geri[b-nxck0bclph] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.mlv .mlv-kapak__geri[b-nxck0bclph]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.mlv .mlv-kapak__baslik[b-nxck0bclph] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.mlv .mlv-kapak .au-title[b-nxck0bclph] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mlv .mlv-kapak__alt[b-nxck0bclph] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */
.mlv .mlv-suzgec[b-nxck0bclph] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.mlv .mlv-suzgec > *[b-nxck0bclph] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.mlv .mlv-suzgec[b-nxck0bclph]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.mlv .mlv-suzgec[b-nxck0bclph]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.mlv .mlv-suzgec[b-nxck0bclph]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.mlv .mlv-kapak__eylem[b-nxck0bclph] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mlv .mlv-dugme[b-nxck0bclph] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mlv .mlv-dugme:hover:not(:disabled)[b-nxck0bclph] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mlv .mlv-dugme--ana[b-nxck0bclph] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mlv .mlv-dugme--ana:hover:not(:disabled)[b-nxck0bclph] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mlv .mlv-dugme:disabled[b-nxck0bclph] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mlv .mlv-dugme:focus-visible[b-nxck0bclph] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi şeridi ── */
.mlv .mlv-not[b-nxck0bclph] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.mlv .mlv-not svg[b-nxck0bclph] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.mlv .mlv-kart[b-nxck0bclph] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mlv .mlv-kart[b-nxck0bclph]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mlv .mlv-bolum__baslik[b-nxck0bclph] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.mlv .mlv-bolum__baslik[b-nxck0bclph]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mlv .mlv-bos[b-nxck0bclph] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mlv .mlv-bos p[b-nxck0bclph] {
  margin: 0;
  line-height: 1.6;
}

/* ── Kart ızgarası ── */
.mlv .mlv-izgara[b-nxck0bclph] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.mlv .mlv-oge[b-nxck0bclph] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  overflow: hidden;
}

.mlv .mlv-oge:hover[b-nxck0bclph],
.mlv .mlv-oge:focus-within[b-nxck0bclph] {
  border-color: var(--marka-400);
}

.mlv .mlv-onizleme[b-nxck0bclph] {
  position: relative;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  border-bottom: 1px solid var(--hat-kart);
}

.mlv .mlv-onizleme[b-nxck0bclph]  .me,
.mlv .mlv-onizleme[b-nxck0bclph]  .me-img,
.mlv .mlv-onizleme[b-nxck0bclph]  .me-video {
  width: 100%;
  height: 100%;
  margin: 0;
}

.mlv .mlv-onizleme[b-nxck0bclph]  .me-img,
.mlv .mlv-onizleme[b-nxck0bclph]  .me-video {
  object-fit: cover;
}

.mlv .mlv-onizleme[b-nxck0bclph]  .me-caption {
  display: none;
}

.mlv .mlv-onizleme__bos[b-nxck0bclph] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.mlv .mlv-govde[b-nxck0bclph] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px 14px;
}

.mlv .mlv-baslik[b-nxck0bclph] {
  color: var(--marka-600);
  font: 600 14px/1.35 var(--font-body);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.mlv .mlv-baslik:hover[b-nxck0bclph],
.mlv .mlv-baslik:focus-visible[b-nxck0bclph] {
  text-decoration: underline;
}

.mlv .mlv-etiketler[b-nxck0bclph] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.mlv .mlv-rozet[b-nxck0bclph] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

/* ── Durum rozeti ── */
.mlv .mlv-durum[b-nxck0bclph] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.mlv .mlv-durum[b-nxck0bclph]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.mlv .mlv-durum.is-tamam[b-nxck0bclph] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.mlv .mlv-durum.is-isleniyor[b-nxck0bclph] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.mlv .mlv-durum.is-hata[b-nxck0bclph] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.mlv .mlv-adim[b-nxck0bclph],
.mlv .mlv-hata[b-nxck0bclph] {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.mlv .mlv-adim[b-nxck0bclph] {
  color: var(--metin-ipucu);
}

.mlv .mlv-hata[b-nxck0bclph] {
  color: var(--danger-metin);
}

/* ── Ölçü satırları ── */
.mlv .mlv-olcu[b-nxck0bclph] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.mlv .mlv-olcu > div[b-nxck0bclph] {
  display: grid;
  grid-template-columns: minmax(70px, 1fr) minmax(0, 1.4fr);
  gap: 10px;
  align-items: baseline;
  padding: 5px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 6%, transparent);
  font-size: 12px;
}

.mlv .mlv-olcu > div:last-child[b-nxck0bclph] {
  border-bottom: 0;
}

.mlv .mlv-olcu dt[b-nxck0bclph] {
  color: var(--metin-ipucu);
}

.mlv .mlv-olcu dd[b-nxck0bclph] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.mlv .mlv-sayi[b-nxck0bclph] {
  font-variant-numeric: tabular-nums;
}

/* ── İlerleme (üretimdeki kart) ── */
.mlv .mlv-ilerleme[b-nxck0bclph] {
  position: absolute;
  inset: auto 10px 10px;
  height: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--yuzey) 82%, transparent);
  overflow: hidden;
}

.mlv .mlv-ilerleme__dolgu[b-nxck0bclph] {
  height: 100%;
  background: var(--marka-rampa-serit);
  transition: width 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .mlv .mlv-ilerleme__dolgu[b-nxck0bclph] {
    transition: none;
  }
}

/* ── Kart eylemleri ── */
.mlv .mlv-eylem[b-nxck0bclph] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.mlv .mlv-satir-dugme[b-nxck0bclph] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.mlv .mlv-satir-dugme--ana[b-nxck0bclph] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mlv .mlv-satir-dugme:hover[b-nxck0bclph] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.mlv .mlv-satir-dugme--ana:hover[b-nxck0bclph] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.mlv .mlv-satir-dugme:focus-visible[b-nxck0bclph] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mlv .mlv-sayfalama[b-nxck0bclph] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.mlv .mlv-soluk[b-nxck0bclph] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

/* ── Görünür popup: native dialog top-layer ── */
.mlv .mlv-popup[b-nxck0bclph] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mlv .mlv-popup[open][b-nxck0bclph] {
  display: flex;
  flex-direction: column;
}

.mlv .mlv-popup[b-nxck0bclph]::backdrop {
  background: var(--scrim);
}

.mlv .mlv-popup__bas[b-nxck0bclph] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.mlv .mlv-popup__bas > div[b-nxck0bclph] {
  min-width: 0;
}

.mlv .mlv-popup__bas h2[b-nxck0bclph] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mlv .mlv-popup__bas h2:focus[b-nxck0bclph] {
  outline: none;
}

.mlv .mlv-popup__bas p[b-nxck0bclph] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mlv .mlv-popup__kapat[b-nxck0bclph] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mlv .mlv-popup__kapat:hover[b-nxck0bclph] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mlv .mlv-popup__kapat:focus-visible[b-nxck0bclph] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mlv .mlv-popup__govde[b-nxck0bclph] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mlv .mlv-popup__govde[b-nxck0bclph]  .me-video {
  width: 100%;
  max-height: 320px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.mlv .mlv-popup__hata[b-nxck0bclph] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mlv .mlv-popup__eylem[b-nxck0bclph] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.mlv .mlv-olgular[b-nxck0bclph] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 14px 0 0;
}

.mlv .mlv-olgular > div[b-nxck0bclph] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mlv .mlv-olgular > div:nth-child(odd)[b-nxck0bclph] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mlv .mlv-olgular dt[b-nxck0bclph] {
  color: var(--metin-ipucu);
}

.mlv .mlv-olgular dd[b-nxck0bclph] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mlv .mlv-kapak[b-nxck0bclph] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .mlv .mlv-kapak__geri[b-nxck0bclph],
  .mlv .mlv-kapak__baslik[b-nxck0bclph],
  .mlv .mlv-suzgec[b-nxck0bclph],
  .mlv .mlv-kapak__eylem[b-nxck0bclph] {
    grid-row: 1;
  }

  .mlv .mlv-suzgec[b-nxck0bclph] {
    grid-column: 3;
    justify-content: flex-end;
  }

  /* `end` hizası çok düğmeli sarma kabını shrink-to-fit ölçtürür; kap sütunu
     doldurur, sağa yaslama flex satırında yapılır (bkz. .mlv-suzgec). */
  .mlv .mlv-kapak__eylem[b-nxck0bclph] {
    grid-column: 4;
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mlv .mlv-kapak[b-nxck0bclph] {
    padding: 16px;
  }

  .mlv .mlv-dugme[b-nxck0bclph],
  .mlv .mlv-satir-dugme[b-nxck0bclph] {
    min-height: 44px;
  }

  .mlv .mlv-suzgec[b-nxck0bclph]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mlv .mlv-kapak[b-nxck0bclph] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .mlv .mlv-kapak .au-title[b-nxck0bclph] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mlv .mlv-kapak__alt[b-nxck0bclph],
  .mlv .mlv-not[b-nxck0bclph] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .mlv .mlv-suzgec[b-nxck0bclph] {
    flex-direction: column;
    align-items: stretch;
  }

  .mlv .mlv-suzgec > *[b-nxck0bclph] {
    max-width: none;
  }

  .mlv .mlv-kapak__eylem[b-nxck0bclph] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .mlv .mlv-kapak__eylem .mlv-dugme[b-nxck0bclph] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .mlv .mlv-kart[b-nxck0bclph] {
    padding: 16px 12px;
  }

  .mlv .mlv-bolum__baslik[b-nxck0bclph] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mlv .mlv-izgara[b-nxck0bclph] {
    grid-template-columns: minmax(0, 1fr);
  }

  .mlv .mlv-eylem .mlv-satir-dugme[b-nxck0bclph] {
    flex: 1 1 auto;
  }

  .mlv .mlv-popup[b-nxck0bclph] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mlv .mlv-popup__bas[b-nxck0bclph],
  .mlv .mlv-popup__govde[b-nxck0bclph],
  .mlv .mlv-popup__eylem[b-nxck0bclph] {
    padding: 12px;
  }

  .mlv .mlv-popup__bas h2[b-nxck0bclph] {
    font-size: 17px;
  }

  .mlv .mlv-popup__eylem .mlv-dugme[b-nxck0bclph] {
    flex: 1 1 auto;
  }

  .mlv .mlv-olgular > div[b-nxck0bclph] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MontajOlustur.razor.rz.scp.css */
/* Montaj üretim sihirbazı — Akademik Analiz kapak/kart ölçüleri, sayfa-scoped.
   AppWizard ayrı bileşen olduğu için iç öğelerine `::deep` ile ulaşılır
   (abonelik-planlari-vitrin.css ile aynı yaklaşım). Yeni palet/`!important` yok.
   2026-09-20 (MD-09): eski `.mo-*` kuralları yeni dile taşındı; seçici kanca adları
   (`.mo-pick`, `.mo-pick__row`, `.is-selected`, `.mo-picked`) KORUNDU. */

.mov[b-aowc5slpmm] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.mov .mov-kapak[b-aowc5slpmm] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mov .mov-kapak__geri[b-aowc5slpmm] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.mov .mov-kapak__geri[b-aowc5slpmm]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.mov .mov-kapak__baslik[b-aowc5slpmm] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.mov .mov-kapak .au-title[b-aowc5slpmm] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mov .mov-kapak__alt[b-aowc5slpmm] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.mov .mov-kapak__eylem[b-aowc5slpmm] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.mov .mov-dugme[b-aowc5slpmm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mov .mov-dugme:hover:not(:disabled)[b-aowc5slpmm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mov .mov-dugme--ana[b-aowc5slpmm] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mov .mov-dugme--ana:hover:not(:disabled)[b-aowc5slpmm] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mov .mov-dugme:disabled[b-aowc5slpmm] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mov .mov-dugme:focus-visible[b-aowc5slpmm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Gönderim hatası ── */
.mov .mov-uyari[b-aowc5slpmm] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--hat-kart));
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
}

.mov .mov-uyari svg[b-aowc5slpmm] {
  flex: 0 0 16px;
  margin-top: 2px;
  color: var(--danger-metin);
}

/* ── Sihirbaz kartı ── */
.mov .mov-kart[b-aowc5slpmm] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mov .mov-kart[b-aowc5slpmm]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* AppWizard iç düzeni: ikinci bir gölgeli kart üretmez. */
.mov .mov-kart[b-aowc5slpmm]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-body {
  padding: 18px;
  font-size: 13px;
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-foot {
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-title::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-count {
  color: var(--metin-ipucu);
  font-size: 12px;
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-progress__fill {
  background: var(--marka-rampa-serit);
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-btn {
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-btn:hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mov .mov-kart[b-aowc5slpmm]  .wiz-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* ── Yardım metni ── */
.mov .mov-ipucu[b-aowc5slpmm] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.mov .mov-alanlar[b-aowc5slpmm] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.mov .mov-alanlar[b-aowc5slpmm]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.mov .mov-alanlar[b-aowc5slpmm]  .app-input,
.mov .mo-pick-search[b-aowc5slpmm]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
}

.mov .mov-alanlar[b-aowc5slpmm]  .app-input:focus-visible,
.mov .mo-pick-search[b-aowc5slpmm]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Gözden geçir tablosu ── */
.mov .mov-ozet[b-aowc5slpmm] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 14px;
}

.mov .mov-ozet > div[b-aowc5slpmm] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mov .mov-ozet > div:nth-child(odd)[b-aowc5slpmm] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mov .mov-ozet dt[b-aowc5slpmm] {
  color: var(--metin-ipucu);
}

.mov .mov-ozet dd[b-aowc5slpmm] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Senaryo seçici ── */
.mov .mo-pick-search[b-aowc5slpmm] {
  margin-bottom: 12px;
  max-width: 420px;
}

.mov .mo-picked[b-aowc5slpmm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.mov .mo-picked__body[b-aowc5slpmm] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.mov .mo-picked__label[b-aowc5slpmm] {
  color: var(--metin-ipucu);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mov .mo-picked__title[b-aowc5slpmm] {
  color: var(--metin-murekkep);
  font: 600 14px/1.35 var(--font-body);
  overflow-wrap: anywhere;
}

.mov .mo-picked__konu[b-aowc5slpmm] {
  color: var(--metin-ikincil);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mov .mo-pick-msg[b-aowc5slpmm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.mov .mo-pick-msg p[b-aowc5slpmm] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.mov .mo-pick[b-aowc5slpmm] {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: min(340px, 50dvh);
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.mov .mo-pick__row[b-aowc5slpmm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  text-align: left;
  cursor: pointer;
}

.mov .mo-pick__row:hover:not(:disabled)[b-aowc5slpmm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mov .mo-pick__row.is-selected[b-aowc5slpmm] {
  border-color: var(--marka-600);
  box-shadow: inset 0 0 0 1px var(--marka-600);
}

.mov .mo-pick__row:disabled[b-aowc5slpmm] {
  opacity: 0.6;
  cursor: default;
}

.mov .mo-pick__row:focus-visible[b-aowc5slpmm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mov .mo-pick__main[b-aowc5slpmm] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.mov .mo-pick__title[b-aowc5slpmm] {
  font: 600 13.5px/1.35 var(--font-body);
}

.mov .mo-pick__konu[b-aowc5slpmm] {
  color: var(--metin-ikincil);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mov .mo-pick__tags[b-aowc5slpmm] {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.mov .mo-pick__meta[b-aowc5slpmm] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  white-space: nowrap;
}

/* ── Rozet ── */
.mov .mov-rozet[b-aowc5slpmm] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.mov .mov-rozet.is-onayli[b-aowc5slpmm] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.mov .mov-rozet.is-bekliyor[b-aowc5slpmm] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.mov .mov-rozet.is-red[b-aowc5slpmm] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Yükleniyor iskeleti ── */
.mov .mov-iskelet[b-aowc5slpmm] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mov .mov-iskelet__satir[b-aowc5slpmm] {
  height: 56px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--marka-500) 4%, var(--yuzey)) 0%,
    color-mix(in srgb, var(--marka-500) 9%, var(--yuzey)) 50%,
    color-mix(in srgb, var(--marka-500) 4%, var(--yuzey)) 100%
  );
  background-size: 200% 100%;
  animation: movParilti-b-aowc5slpmm 1.4s ease-in-out infinite;
}

@keyframes movParilti-b-aowc5slpmm {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mov .mov-iskelet__satir[b-aowc5slpmm] {
    animation: none;
  }
}

.mov .mov-gizli[b-aowc5slpmm] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mov .mov-kapak[b-aowc5slpmm] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .mov .mov-kapak__geri[b-aowc5slpmm],
  .mov .mov-kapak__baslik[b-aowc5slpmm],
  .mov .mov-kapak__eylem[b-aowc5slpmm] {
    grid-row: 1;
  }

  .mov .mov-kapak__eylem[b-aowc5slpmm] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mov .mov-kapak[b-aowc5slpmm] {
    padding: 16px;
  }

  .mov .mov-dugme[b-aowc5slpmm],
  .mov .mo-pick__row[b-aowc5slpmm] {
    min-height: 44px;
  }

  .mov .mov-kart[b-aowc5slpmm]  .wiz-btn {
    min-height: 44px;
  }

  .mov .mov-alanlar[b-aowc5slpmm]  .app-input,
  .mov .mo-pick-search[b-aowc5slpmm]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mov .mov-kapak[b-aowc5slpmm] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .mov .mov-kapak .au-title[b-aowc5slpmm] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mov .mov-kapak__alt[b-aowc5slpmm],
  .mov .mov-ipucu[b-aowc5slpmm] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .mov .mov-kapak__eylem .mov-dugme[b-aowc5slpmm] {
    flex: 1 1 auto;
  }

  .mov .mov-kart[b-aowc5slpmm] {
    padding: 16px 12px;
  }

  .mov .mov-kart[b-aowc5slpmm]  .wiz-body,
  .mov .mov-kart[b-aowc5slpmm]  .wiz-foot {
    padding: 12px;
  }

  .mov .mov-kart[b-aowc5slpmm]  .wiz-title {
    font-size: var(--yazi-bolum, 14px);
  }

  .mov .mov-alanlar[b-aowc5slpmm] {
    grid-template-columns: minmax(0, 1fr);
  }

  .mov .mo-pick-search[b-aowc5slpmm] {
    max-width: none;
  }

  .mov .mo-pick__row[b-aowc5slpmm] {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .mov .mo-pick__tags[b-aowc5slpmm] {
    justify-content: flex-start;
  }

  .mov .mo-picked[b-aowc5slpmm] {
    flex-direction: column;
    align-items: stretch;
  }

  .mov .mov-ozet > div[b-aowc5slpmm] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/Muzik.razor.rz.scp.css */
/* Müzik listesi — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-08): eski `.mz-card` / `.mz-thumb` / `.mz-pager` kuralları ÖLÜ → silindi. */

.mz-vitrin[b-mb2flqdtrn] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.mz-vitrin .mz-kapak[b-mb2flqdtrn] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mz-vitrin .mz-kapak__geri[b-mb2flqdtrn] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.mz-vitrin .mz-kapak__geri[b-mb2flqdtrn]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.mz-vitrin .mz-kapak__baslik[b-mb2flqdtrn] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.mz-vitrin .mz-kapak .au-title[b-mb2flqdtrn] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mz-vitrin .mz-kapak__alt[b-mb2flqdtrn] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */
.mz-vitrin .mz-suzgec[b-mb2flqdtrn] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.mz-vitrin .mz-suzgec > *[b-mb2flqdtrn] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.mz-vitrin .mz-suzgec[b-mb2flqdtrn]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.mz-vitrin .mz-suzgec[b-mb2flqdtrn]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.mz-vitrin .mz-suzgec[b-mb2flqdtrn]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.mz-vitrin .mz-kapak__eylem[b-mb2flqdtrn] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mz-vitrin .mz-dugme[b-mb2flqdtrn] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mz-vitrin .mz-dugme:hover:not(:disabled)[b-mb2flqdtrn] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mz-vitrin .mz-dugme--ana[b-mb2flqdtrn] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mz-vitrin .mz-dugme--ana:hover:not(:disabled)[b-mb2flqdtrn] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mz-vitrin .mz-dugme:disabled[b-mb2flqdtrn] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mz-vitrin .mz-dugme:focus-visible[b-mb2flqdtrn] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.mz-vitrin .mz-kart[b-mb2flqdtrn] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mz-vitrin .mz-kart[b-mb2flqdtrn]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mz-vitrin .mz-bolum__baslik[b-mb2flqdtrn] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.mz-vitrin .mz-bolum__baslik[b-mb2flqdtrn]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mz-vitrin .mz-bos[b-mb2flqdtrn] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mz-vitrin .mz-bos p[b-mb2flqdtrn] {
  margin: 0;
  line-height: 1.6;
}

/* ── Parça ızgarası ── */
.mz-vitrin .mz-grid[b-mb2flqdtrn] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

.mz-vitrin .mz-parca[b-mb2flqdtrn] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mz-vitrin .mz-parca:focus-within[b-mb2flqdtrn] {
  border-color: var(--marka-400);
}

.mz-vitrin .mz-parca__medya[b-mb2flqdtrn] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  overflow: hidden;
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.mz-vitrin .mz-parca__medya[b-mb2flqdtrn]  .me,
.mz-vitrin .mz-parca__medya[b-mb2flqdtrn]  .me-audio,
.mz-vitrin .mz-parca__medya[b-mb2flqdtrn]  .me-img {
  width: 100%;
  margin: 0;
}

.mz-vitrin .mz-parca__medya[b-mb2flqdtrn]  .me-img {
  height: 100%;
  object-fit: cover;
}

/* Kartın kendi "Aç" düğmesi var; alt "yeni sekmede aç" satırı gürültü yapmasın. */
.mz-vitrin .mz-parca__medya[b-mb2flqdtrn]  .me-caption {
  display: none;
}

.mz-vitrin .mz-parca__ph[b-mb2flqdtrn] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 18px 0;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.mz-vitrin .mz-parca__ad[b-mb2flqdtrn] {
  display: -webkit-box;
  overflow: hidden;
  color: var(--marka-600);
  font: 600 13.5px/1.35 var(--font-body);
  text-decoration: none;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mz-vitrin .mz-parca__ad:hover[b-mb2flqdtrn],
.mz-vitrin .mz-parca__ad:focus-visible[b-mb2flqdtrn] {
  text-decoration: underline;
}

.mz-vitrin .mz-parca__alt[b-mb2flqdtrn] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

.mz-vitrin .mz-parca__eylem[b-mb2flqdtrn] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 2px;
}

/* ── Etiketler ve durum rozeti ── */
.mz-vitrin .mz-etiketler[b-mb2flqdtrn] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.mz-vitrin .mz-etiket[b-mb2flqdtrn] {
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 11.5px/1.5 var(--font-body);
  white-space: nowrap;
}

.mz-vitrin .mz-durum[b-mb2flqdtrn] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.mz-vitrin .mz-durum[b-mb2flqdtrn]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.mz-vitrin .mz-durum.is-tamam[b-mb2flqdtrn] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.mz-vitrin .mz-durum.is-isleniyor[b-mb2flqdtrn] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.mz-vitrin .mz-durum.is-hata[b-mb2flqdtrn] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Satır düğmeleri ── */
.mz-vitrin .mz-satir-dugme[b-mb2flqdtrn] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mz-vitrin .mz-satir-dugme:hover[b-mb2flqdtrn] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mz-vitrin .mz-satir-dugme:focus-visible[b-mb2flqdtrn] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mz-vitrin .mz-sayfalama[b-mb2flqdtrn] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.mz-vitrin .mz-soluk[b-mb2flqdtrn] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

/* ── Görünür popup: native dialog top-layer ── */
.mz-vitrin .mz-popup[b-mb2flqdtrn] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mz-vitrin .mz-popup[open][b-mb2flqdtrn] {
  display: flex;
  flex-direction: column;
}

.mz-vitrin .mz-popup[b-mb2flqdtrn]::backdrop {
  background: var(--scrim);
}

.mz-vitrin .mz-popup__bas[b-mb2flqdtrn] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.mz-vitrin .mz-popup__bas > div[b-mb2flqdtrn] {
  min-width: 0;
}

.mz-vitrin .mz-popup__bas h2[b-mb2flqdtrn] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mz-vitrin .mz-popup__bas h2:focus[b-mb2flqdtrn] {
  outline: none;
}

.mz-vitrin .mz-popup__bas p[b-mb2flqdtrn] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mz-vitrin .mz-popup__kapat[b-mb2flqdtrn] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mz-vitrin .mz-popup__kapat:hover[b-mb2flqdtrn] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mz-vitrin .mz-popup__kapat:focus-visible[b-mb2flqdtrn] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mz-vitrin .mz-popup__govde[b-mb2flqdtrn] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mz-vitrin .mz-popup__govde[b-mb2flqdtrn]  .me-audio {
  width: 100%;
  margin-bottom: 14px;
}

.mz-vitrin .mz-popup__hata[b-mb2flqdtrn] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mz-vitrin .mz-popup__alt-baslik[b-mb2flqdtrn] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.mz-vitrin .mz-soz[b-mb2flqdtrn] {
  max-height: 240px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.mz-vitrin .mz-popup__eylem[b-mb2flqdtrn] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.mz-vitrin .mz-olgular[b-mb2flqdtrn] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.mz-vitrin .mz-olgular > div[b-mb2flqdtrn] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mz-vitrin .mz-olgular > div:nth-child(odd)[b-mb2flqdtrn] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mz-vitrin .mz-olgular dt[b-mb2flqdtrn] {
  color: var(--metin-ipucu);
}

.mz-vitrin .mz-olgular dd[b-mb2flqdtrn] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mz-vitrin .mz-kapak[b-mb2flqdtrn] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .mz-vitrin .mz-kapak__geri[b-mb2flqdtrn],
  .mz-vitrin .mz-kapak__baslik[b-mb2flqdtrn],
  .mz-vitrin .mz-suzgec[b-mb2flqdtrn],
  .mz-vitrin .mz-kapak__eylem[b-mb2flqdtrn] {
    grid-row: 1;
  }

  .mz-vitrin .mz-suzgec[b-mb2flqdtrn] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .mz-vitrin .mz-kapak__eylem[b-mb2flqdtrn] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mz-vitrin .mz-kapak[b-mb2flqdtrn] {
    padding: 16px;
  }

  .mz-vitrin .mz-dugme[b-mb2flqdtrn],
  .mz-vitrin .mz-satir-dugme[b-mb2flqdtrn] {
    min-height: 44px;
  }

  .mz-vitrin .mz-suzgec[b-mb2flqdtrn]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mz-vitrin .mz-kapak[b-mb2flqdtrn] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .mz-vitrin .mz-kapak .au-title[b-mb2flqdtrn] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mz-vitrin .mz-kapak__alt[b-mb2flqdtrn] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .mz-vitrin .mz-suzgec[b-mb2flqdtrn] {
    flex-direction: column;
    align-items: stretch;
  }

  .mz-vitrin .mz-suzgec > *[b-mb2flqdtrn] {
    max-width: none;
  }

  .mz-vitrin .mz-kapak__eylem[b-mb2flqdtrn] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .mz-vitrin .mz-kapak__eylem .mz-dugme[b-mb2flqdtrn] {
    flex: 1 0 auto;
  }

  .mz-vitrin .mz-kart[b-mb2flqdtrn] {
    padding: 16px 12px;
  }

  .mz-vitrin .mz-bolum__baslik[b-mb2flqdtrn] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mz-vitrin .mz-grid[b-mb2flqdtrn] {
    grid-template-columns: 1fr;
  }

  .mz-vitrin .mz-parca__eylem .mz-satir-dugme[b-mb2flqdtrn] {
    flex: 1 1 auto;
  }

  .mz-vitrin .mz-popup[b-mb2flqdtrn] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mz-vitrin .mz-popup__bas[b-mb2flqdtrn],
  .mz-vitrin .mz-popup__govde[b-mb2flqdtrn],
  .mz-vitrin .mz-popup__eylem[b-mb2flqdtrn] {
    padding: 12px;
  }

  .mz-vitrin .mz-popup__bas h2[b-mb2flqdtrn] {
    font-size: 17px;
  }

  .mz-vitrin .mz-popup__eylem .mz-dugme[b-mb2flqdtrn] {
    flex: 1 1 auto;
  }

  .mz-vitrin .mz-olgular > div[b-mb2flqdtrn] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MuzikDetay.razor.rz.scp.css */
/* Müzik detay — Akademik Analiz kapak/sekme/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-08): eski `.md-badges` / `.md-chip` / `.md-actions` kuralları ÖLÜ → silindi. */

.md-vitrin[b-23tymmsrrx] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + rozetler + eylemler tek beyaz yüzeyde ── */
.md-vitrin .md-kapak[b-23tymmsrrx] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Kapaksız durumlarda (yükleniyor/hata/boş) tek başına geri bağlantısı */
.md-vitrin .md-geri-tek[b-23tymmsrrx] {
  margin: 0 0 12px;
}

.md-vitrin .md-geri-tek[b-23tymmsrrx]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.md-vitrin .md-kapak__geri[b-23tymmsrrx] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.md-vitrin .md-kapak__geri[b-23tymmsrrx]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.md-vitrin .md-kapak__baslik[b-23tymmsrrx] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.md-vitrin .md-kapak .au-title[b-23tymmsrrx] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.md-vitrin .md-kapak__eylem[b-23tymmsrrx] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Etiketler ve durum rozeti ── */
.md-vitrin .md-etiketler[b-23tymmsrrx] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.md-vitrin .md-etiket[b-23tymmsrrx] {
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 11.5px/1.5 var(--font-body);
  white-space: nowrap;
}

.md-vitrin .md-durum[b-23tymmsrrx] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.md-vitrin .md-durum[b-23tymmsrrx]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.md-vitrin .md-durum.is-tamam[b-23tymmsrrx] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.md-vitrin .md-durum.is-isleniyor[b-23tymmsrrx] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.md-vitrin .md-durum.is-hata[b-23tymmsrrx] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Düğmeler ── */
.md-vitrin .md-dugme[b-23tymmsrrx] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.md-vitrin .md-dugme:hover:not(:disabled)[b-23tymmsrrx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.md-vitrin .md-dugme--ana[b-23tymmsrrx] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.md-vitrin .md-dugme--ana:hover:not(:disabled)[b-23tymmsrrx] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.md-vitrin .md-dugme--risk[b-23tymmsrrx] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  color: var(--danger-metin);
}

.md-vitrin .md-dugme--risk:hover:not(:disabled)[b-23tymmsrrx] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.md-vitrin .md-dugme:disabled[b-23tymmsrrx] {
  opacity: 0.55;
  cursor: not-allowed;
}

.md-vitrin .md-dugme:focus-visible[b-23tymmsrrx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sayfa üstü hata / indirme şeridi ── */
.md-vitrin .md-hata[b-23tymmsrrx] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
}

.md-vitrin .md-indir[b-23tymmsrrx] {
  margin: 0 0 16px;
}

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px dolgu, 4 px aralık ── */
.md-vitrin .md-sekmeler[b-23tymmsrrx] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.md-vitrin .md-sekme[b-23tymmsrrx] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.md-vitrin .md-sekme:hover:not(.is-secili)[b-23tymmsrrx] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.md-vitrin .md-sekme.is-secili[b-23tymmsrrx] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.md-vitrin .md-sekme:focus-visible[b-23tymmsrrx],
.md-vitrin .md-panel:focus-visible[b-23tymmsrrx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.md-vitrin .md-kart[b-23tymmsrrx] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.md-vitrin .md-kart[b-23tymmsrrx]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.md-vitrin .md-bolum__baslik[b-23tymmsrrx] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.md-vitrin .md-bolum__baslik[b-23tymmsrrx]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.md-vitrin .md-alt-baslik[b-23tymmsrrx] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.md-vitrin .md-soluk[b-23tymmsrrx] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.md-vitrin .md-baglanti[b-23tymmsrrx] {
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
}

.md-vitrin .md-baglanti:hover[b-23tymmsrrx],
.md-vitrin .md-baglanti:focus-visible[b-23tymmsrrx] {
  text-decoration: underline;
}

.md-vitrin .md-bos[b-23tymmsrrx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.md-vitrin .md-bos p[b-23tymmsrrx] {
  margin: 0;
  line-height: 1.6;
}

/* ── Medya ── */
.md-vitrin .md-medya[b-23tymmsrrx] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.md-vitrin .md-medya[b-23tymmsrrx]  .me-audio,
.md-vitrin .md-parcalar[b-23tymmsrrx]  .me-audio {
  width: 100%;
}

.md-vitrin .md-kapak-gorsel[b-23tymmsrrx] {
  max-width: 320px;
}

.md-vitrin .md-kapak-gorsel[b-23tymmsrrx]  .me-img {
  width: 100%;
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.md-vitrin .md-parcalar[b-23tymmsrrx] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ── Şarkı sözü: kendi alanında kayar ── */
.md-vitrin .md-soz[b-23tymmsrrx] {
  max-height: min(420px, 55dvh);
  margin: 0;
  padding: 14px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
}

/* ── Künye ── */
.md-vitrin .md-olgular[b-23tymmsrrx] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.md-vitrin .md-olgular > div[b-23tymmsrrx] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.md-vitrin .md-olgular > div:nth-child(odd)[b-23tymmsrrx] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.md-vitrin .md-olgular dt[b-23tymmsrrx] {
  color: var(--metin-ipucu);
}

.md-vitrin .md-olgular dd[b-23tymmsrrx] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Görünür popup: native dialog top-layer ── */
.md-vitrin .md-popup[b-23tymmsrrx] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.md-vitrin .md-popup[open][b-23tymmsrrx] {
  display: flex;
  flex-direction: column;
}

.md-vitrin .md-popup[b-23tymmsrrx]::backdrop {
  background: var(--scrim);
}

.md-vitrin .md-popup__bas[b-23tymmsrrx] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.md-vitrin .md-popup__bas > div[b-23tymmsrrx] {
  min-width: 0;
}

.md-vitrin .md-popup__bas h2[b-23tymmsrrx] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.md-vitrin .md-popup__bas h2:focus[b-23tymmsrrx] {
  outline: none;
}

.md-vitrin .md-popup__bas p[b-23tymmsrrx] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.md-vitrin .md-popup__kapat[b-23tymmsrrx] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.md-vitrin .md-popup__kapat:hover:not(:disabled)[b-23tymmsrrx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.md-vitrin .md-popup__kapat:disabled[b-23tymmsrrx] {
  opacity: 0.55;
  cursor: not-allowed;
}

.md-vitrin .md-popup__kapat:focus-visible[b-23tymmsrrx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.md-vitrin .md-popup__govde[b-23tymmsrrx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.md-vitrin .md-popup__govde[b-23tymmsrrx]  .app-input {
  font-size: 13px;
}

.md-vitrin .md-popup__hata[b-23tymmsrrx] {
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.md-vitrin .md-popup__not[b-23tymmsrrx] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.md-vitrin .md-popup__uyari[b-23tymmsrrx] {
  margin: 0;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 5%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
}

.md-vitrin .md-popup__eylem[b-23tymmsrrx] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .md-vitrin .md-kapak[b-23tymmsrrx] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .md-vitrin .md-kapak__geri[b-23tymmsrrx],
  .md-vitrin .md-kapak__baslik[b-23tymmsrrx],
  .md-vitrin .md-kapak__eylem[b-23tymmsrrx] {
    grid-row: 1;
  }

  .md-vitrin .md-kapak__eylem[b-23tymmsrrx] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .md-vitrin .md-kapak[b-23tymmsrrx] {
    padding: 16px;
  }

  .md-vitrin .md-dugme[b-23tymmsrrx],
  .md-vitrin .md-sekme[b-23tymmsrrx] {
    min-height: 44px;
  }

  .md-vitrin .md-popup__govde[b-23tymmsrrx]  .app-input {
    font-size: max(16px, 1rem);
  }

  /* Sekmeler tek yatay kaydırılabilir şerit olur. */
  .md-vitrin .md-sekmeler[b-23tymmsrrx] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .md-vitrin .md-sekme[b-23tymmsrrx] {
    flex: 0 0 auto;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .md-vitrin .md-kapak[b-23tymmsrrx] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .md-vitrin .md-kapak .au-title[b-23tymmsrrx] {
    font-size: var(--yazi-kapak, 20px);
  }

  .md-vitrin .md-kapak__eylem[b-23tymmsrrx] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .md-vitrin .md-kapak__eylem .md-dugme[b-23tymmsrrx] {
    flex: 1 0 auto;
  }

  .md-vitrin .md-kart[b-23tymmsrrx] {
    padding: 16px 12px;
  }

  .md-vitrin .md-bolum__baslik[b-23tymmsrrx] {
    font-size: var(--yazi-bolum, 14px);
  }

  .md-vitrin .md-kapak-gorsel[b-23tymmsrrx] {
    max-width: none;
  }

  .md-vitrin .md-olgular > div[b-23tymmsrrx] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .md-vitrin .md-popup[b-23tymmsrrx] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .md-vitrin .md-popup__bas[b-23tymmsrrx],
  .md-vitrin .md-popup__govde[b-23tymmsrrx],
  .md-vitrin .md-popup__eylem[b-23tymmsrrx] {
    padding: 12px;
  }

  .md-vitrin .md-popup__bas h2[b-23tymmsrrx] {
    font-size: 17px;
  }

  .md-vitrin .md-popup__eylem .md-dugme[b-23tymmsrrx] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MuzikOnayKuyrugu.razor.rz.scp.css */
/* Müzik onay kuyruğu — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-08): eski `.mo-card` / `.mo-title` / `.mo-type` kuralları ÖLÜ → silindi. */

.mo-vitrin[b-mozyfly1be] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.mo-vitrin .mo-kapak[b-mozyfly1be] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mo-vitrin .mo-kapak__geri[b-mozyfly1be] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.mo-vitrin .mo-kapak__geri[b-mozyfly1be]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.mo-vitrin .mo-kapak__baslik[b-mozyfly1be] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.mo-vitrin .mo-kapak .au-title[b-mozyfly1be] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mo-vitrin .mo-kapak__alt[b-mozyfly1be] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.mo-vitrin .mo-kapak__eylem[b-mozyfly1be] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.mo-vitrin .mo-dugme[b-mozyfly1be] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mo-vitrin .mo-dugme:hover:not(:disabled)[b-mozyfly1be] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mo-vitrin .mo-dugme--ana[b-mozyfly1be] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mo-vitrin .mo-dugme--ana:hover:not(:disabled)[b-mozyfly1be] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mo-vitrin .mo-dugme--risk[b-mozyfly1be] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  color: var(--danger-metin);
}

.mo-vitrin .mo-dugme--risk:hover:not(:disabled)[b-mozyfly1be] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.mo-vitrin .mo-dugme:disabled[b-mozyfly1be] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mo-vitrin .mo-dugme:focus-visible[b-mozyfly1be],
.mo-vitrin .mo-satir-dugme:focus-visible[b-mozyfly1be] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sayfa üstü hata şeridi ── */
.mo-vitrin .mo-hata[b-mozyfly1be] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
}

/* ── Bölüm kartı ── */
.mo-vitrin .mo-kart[b-mozyfly1be] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mo-vitrin .mo-kart[b-mozyfly1be]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mo-vitrin .mo-bolum__baslik[b-mozyfly1be] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.mo-vitrin .mo-bolum__baslik[b-mozyfly1be]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Kuyruk kırpılma notu (sunucu toplamı satır sayısından büyükse) */
.mo-vitrin .mo-not[b-mozyfly1be] {
  margin: -4px 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.mo-vitrin .mo-bos[b-mozyfly1be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mo-vitrin .mo-bos p[b-mozyfly1be] {
  margin: 0;
  line-height: 1.6;
}

/* ── Kuyruk satırı ── */
.mo-vitrin .mo-liste[b-mozyfly1be] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: min(620px, 70dvh);
  overflow: auto;
  overscroll-behavior: contain;
}

.mo-vitrin .mo-satir[b-mozyfly1be] {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mo-vitrin .mo-satir:focus-within[b-mozyfly1be] {
  border-color: var(--marka-400);
}

.mo-vitrin .mo-medya[b-mozyfly1be] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  overflow: hidden;
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.mo-vitrin .mo-medya[b-mozyfly1be]  .me,
.mo-vitrin .mo-medya[b-mozyfly1be]  .me-audio {
  width: 100%;
  margin: 0;
}

.mo-vitrin .mo-medya[b-mozyfly1be]  .me-caption {
  display: none;
}

.mo-vitrin .mo-medya__ph[b-mozyfly1be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 0;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.mo-vitrin .mo-govde[b-mozyfly1be] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.mo-vitrin .mo-ad[b-mozyfly1be] {
  color: var(--marka-600);
  font: 600 14px/1.35 var(--font-body);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.mo-vitrin .mo-ad:hover[b-mozyfly1be],
.mo-vitrin .mo-ad:focus-visible[b-mozyfly1be] {
  text-decoration: underline;
}

.mo-vitrin .mo-alt[b-mozyfly1be] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

.mo-vitrin .mo-etiketler[b-mozyfly1be] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.mo-vitrin .mo-etiket[b-mozyfly1be] {
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 11.5px/1.5 var(--font-body);
  white-space: nowrap;
}

.mo-vitrin .mo-durum[b-mozyfly1be] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.mo-vitrin .mo-durum[b-mozyfly1be]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.mo-vitrin .mo-durum.is-tamam[b-mozyfly1be] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.mo-vitrin .mo-eylem[b-mozyfly1be] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mo-vitrin .mo-satir-dugme[b-mozyfly1be] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mo-vitrin .mo-satir-dugme:hover:not(:disabled)[b-mozyfly1be] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mo-vitrin .mo-satir-dugme--ana[b-mozyfly1be] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mo-vitrin .mo-satir-dugme--ana:hover:not(:disabled)[b-mozyfly1be] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mo-vitrin .mo-satir-dugme--risk[b-mozyfly1be] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  color: var(--danger-metin);
}

.mo-vitrin .mo-satir-dugme--risk:hover:not(:disabled)[b-mozyfly1be] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.mo-vitrin .mo-satir-dugme:disabled[b-mozyfly1be] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* ── Görünür popup: native dialog top-layer ── */
.mo-vitrin .mo-popup[b-mozyfly1be] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mo-vitrin .mo-popup[open][b-mozyfly1be] {
  display: flex;
  flex-direction: column;
}

.mo-vitrin .mo-popup[b-mozyfly1be]::backdrop {
  background: var(--scrim);
}

.mo-vitrin .mo-popup__bas[b-mozyfly1be] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.mo-vitrin .mo-popup__bas > div[b-mozyfly1be] {
  min-width: 0;
}

.mo-vitrin .mo-popup__bas h2[b-mozyfly1be] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mo-vitrin .mo-popup__bas h2:focus[b-mozyfly1be] {
  outline: none;
}

.mo-vitrin .mo-popup__bas p[b-mozyfly1be] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mo-vitrin .mo-popup__kapat[b-mozyfly1be] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mo-vitrin .mo-popup__kapat:hover:not(:disabled)[b-mozyfly1be] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mo-vitrin .mo-popup__kapat:disabled[b-mozyfly1be] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mo-vitrin .mo-popup__kapat:focus-visible[b-mozyfly1be] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mo-vitrin .mo-popup__govde[b-mozyfly1be] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mo-vitrin .mo-popup__govde[b-mozyfly1be]  .me-audio {
  width: 100%;
  margin-bottom: 14px;
}

.mo-vitrin .mo-popup__govde[b-mozyfly1be]  .app-input {
  font-size: 13px;
}

.mo-vitrin .mo-popup__hata[b-mozyfly1be] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.mo-vitrin .mo-popup__alt-baslik[b-mozyfly1be] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.mo-vitrin .mo-soz[b-mozyfly1be] {
  max-height: 240px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.mo-vitrin .mo-popup__eylem[b-mozyfly1be] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.mo-vitrin .mo-olgular[b-mozyfly1be] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.mo-vitrin .mo-olgular > div[b-mozyfly1be] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mo-vitrin .mo-olgular > div:nth-child(odd)[b-mozyfly1be] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mo-vitrin .mo-olgular dt[b-mozyfly1be] {
  color: var(--metin-ipucu);
}

.mo-vitrin .mo-olgular dd[b-mozyfly1be] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mo-vitrin .mo-kapak[b-mozyfly1be] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .mo-vitrin .mo-kapak__geri[b-mozyfly1be],
  .mo-vitrin .mo-kapak__baslik[b-mozyfly1be],
  .mo-vitrin .mo-kapak__eylem[b-mozyfly1be] {
    grid-row: 1;
  }

  .mo-vitrin .mo-kapak__eylem[b-mozyfly1be] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mo-vitrin .mo-kapak[b-mozyfly1be] {
    padding: 16px;
  }

  .mo-vitrin .mo-dugme[b-mozyfly1be],
  .mo-vitrin .mo-satir-dugme[b-mozyfly1be] {
    min-height: 44px;
  }

  .mo-vitrin .mo-popup__govde[b-mozyfly1be]  .app-input {
    font-size: max(16px, 1rem);
  }

  .mo-vitrin .mo-satir[b-mozyfly1be] {
    grid-template-columns: 200px minmax(0, 1fr);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mo-vitrin .mo-kapak[b-mozyfly1be] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .mo-vitrin .mo-kapak .au-title[b-mozyfly1be] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mo-vitrin .mo-kapak__alt[b-mozyfly1be] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .mo-vitrin .mo-kapak__eylem .mo-dugme[b-mozyfly1be] {
    flex: 1 1 auto;
  }

  .mo-vitrin .mo-kart[b-mozyfly1be] {
    padding: 16px 12px;
  }

  .mo-vitrin .mo-bolum__baslik[b-mozyfly1be] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mo-vitrin .mo-liste[b-mozyfly1be] {
    max-height: none;
    overflow: visible;
  }

  .mo-vitrin .mo-satir[b-mozyfly1be] {
    grid-template-columns: 1fr;
  }

  .mo-vitrin .mo-eylem .mo-satir-dugme[b-mozyfly1be] {
    flex: 1 1 auto;
  }

  .mo-vitrin .mo-popup[b-mozyfly1be] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mo-vitrin .mo-popup__bas[b-mozyfly1be],
  .mo-vitrin .mo-popup__govde[b-mozyfly1be],
  .mo-vitrin .mo-popup__eylem[b-mozyfly1be] {
    padding: 12px;
  }

  .mo-vitrin .mo-popup__bas h2[b-mozyfly1be] {
    font-size: 17px;
  }

  .mo-vitrin .mo-popup__eylem .mo-dugme[b-mozyfly1be] {
    flex: 1 1 auto;
  }

  .mo-vitrin .mo-olgular > div[b-mozyfly1be] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/MuzikUret.razor.rz.scp.css */
/* Müzik üretim sihirbazı — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-08): mu-pick / mu-cardgrid seçici desenleri KORUNDU (aynı isimler),
   yeni dilin renk/köşe/gölge tokenlarına taşındı. */

.mu-vitrin[b-q7ntagumo5] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.mu-vitrin .mu-kapak[b-q7ntagumo5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mu-vitrin .mu-kapak__geri[b-q7ntagumo5] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.mu-vitrin .mu-kapak__geri[b-q7ntagumo5]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.mu-vitrin .mu-kapak__baslik[b-q7ntagumo5] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.mu-vitrin .mu-kapak .au-title[b-q7ntagumo5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.mu-vitrin .mu-kapak__alt[b-q7ntagumo5] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.mu-vitrin .mu-kapak__eylem[b-q7ntagumo5] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.mu-vitrin .mu-dugme[b-q7ntagumo5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.mu-vitrin .mu-dugme:hover:not(:disabled)[b-q7ntagumo5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mu-vitrin .mu-dugme--ana[b-q7ntagumo5] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mu-vitrin .mu-dugme--ana:hover:not(:disabled)[b-q7ntagumo5] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mu-vitrin .mu-dugme:disabled[b-q7ntagumo5] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mu-vitrin .mu-dugme:focus-visible[b-q7ntagumo5] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Uyarı / hata şeritleri ── */
.mu-vitrin .mu-serit[b-q7ntagumo5] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.mu-vitrin .mu-serit--hata[b-q7ntagumo5] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Sihirbaz kartı ── */
.mu-vitrin .mu-kart[b-q7ntagumo5] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mu-vitrin .mu-kart[b-q7ntagumo5]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mu-vitrin .mu-kart[b-q7ntagumo5]  .wiz-title {
  font-family: var(--font-display);
  color: var(--metin-murekkep);
}

/* `.au-field-group` global CSS'te TANIMSIZ (yalnız anlamsal gruplama) — gruplar bitişikti;
   aralık sayfa-scoped verilir, başka ekranı etkilemez. */
.mu-vitrin .au-field-group[b-q7ntagumo5] {
  margin-bottom: 18px;
}

.mu-vitrin .au-field-group:last-child[b-q7ntagumo5] {
  margin-bottom: 0;
}

.mu-vitrin .mu-grup-baslik[b-q7ntagumo5] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.mu-vitrin .mu-soluk[b-q7ntagumo5] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.mu-vitrin .mu-req[b-q7ntagumo5] {
  color: var(--danger-metin);
  font: 600 11.5px/1.4 var(--font-body);
}

.mu-vitrin .mu-err[b-q7ntagumo5] {
  margin: 6px 0 0;
  color: var(--danger-metin);
  font-size: 12.5px;
}

.mu-vitrin .mu-hint[b-q7ntagumo5] {
  margin: 8px 0 0;
}

.mu-vitrin .mu-enhance[b-q7ntagumo5] {
  display: flex;
  gap: 8px;
  margin: 8px 0 12px;
}

.mu-vitrin .mu-toggles[b-q7ntagumo5] {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 10px;
}

/* ── Model / ruh hâli seçici kartları ── */
.mu-vitrin .mu-cardgrid[b-q7ntagumo5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.mu-vitrin .mu-pick[b-q7ntagumo5] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-height: 34px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  text-align: left;
  cursor: pointer;
}

.mu-vitrin .mu-pick:hover:not(:disabled)[b-q7ntagumo5] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mu-vitrin .mu-pick--sel[b-q7ntagumo5] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  box-shadow: inset 0 0 0 1px var(--marka-600);
}

.mu-vitrin .mu-pick:disabled[b-q7ntagumo5] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mu-vitrin .mu-pick:focus-visible[b-q7ntagumo5] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mu-vitrin .mu-pick__title[b-q7ntagumo5] {
  font: 600 13px/1.3 var(--font-body);
}

.mu-vitrin .mu-pick__desc[b-q7ntagumo5] {
  display: -webkit-box;
  overflow: hidden;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ── Gözden geçir özeti ── */
.mu-vitrin .mu-olgular[b-q7ntagumo5] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.mu-vitrin .mu-olgular > div[b-q7ntagumo5] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mu-vitrin .mu-olgular > div:nth-child(odd)[b-q7ntagumo5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mu-vitrin .mu-olgular dt[b-q7ntagumo5] {
  color: var(--metin-ipucu);
}

.mu-vitrin .mu-olgular dd[b-q7ntagumo5] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Görünür popup: söz önerisi önizlemesi ── */
.mu-vitrin .mu-popup[b-q7ntagumo5] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mu-vitrin .mu-popup[open][b-q7ntagumo5] {
  display: flex;
  flex-direction: column;
}

.mu-vitrin .mu-popup[b-q7ntagumo5]::backdrop {
  background: var(--scrim);
}

.mu-vitrin .mu-popup__bas[b-q7ntagumo5] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.mu-vitrin .mu-popup__bas > div[b-q7ntagumo5] {
  min-width: 0;
}

.mu-vitrin .mu-popup__bas h2[b-q7ntagumo5] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.mu-vitrin .mu-popup__bas h2:focus[b-q7ntagumo5] {
  outline: none;
}

.mu-vitrin .mu-popup__bas p[b-q7ntagumo5] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mu-vitrin .mu-popup__kapat[b-q7ntagumo5] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mu-vitrin .mu-popup__kapat:hover[b-q7ntagumo5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mu-vitrin .mu-popup__kapat:focus-visible[b-q7ntagumo5] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.mu-vitrin .mu-popup__govde[b-q7ntagumo5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mu-vitrin .mu-popup__ust[b-q7ntagumo5] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.mu-vitrin .mu-popup__uyari[b-q7ntagumo5] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 5%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12.5px;
  line-height: 1.5;
}

.mu-vitrin .mu-soz[b-q7ntagumo5] {
  max-height: min(380px, 50dvh);
  margin: 0;
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.mu-vitrin .mu-popup__eylem[b-q7ntagumo5] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .mu-vitrin .mu-kapak[b-q7ntagumo5] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .mu-vitrin .mu-kapak__geri[b-q7ntagumo5],
  .mu-vitrin .mu-kapak__baslik[b-q7ntagumo5],
  .mu-vitrin .mu-kapak__eylem[b-q7ntagumo5] {
    grid-row: 1;
  }

  .mu-vitrin .mu-kapak__eylem[b-q7ntagumo5] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mu-vitrin .mu-kapak[b-q7ntagumo5] {
    padding: 16px;
  }

  .mu-vitrin .mu-dugme[b-q7ntagumo5],
  .mu-vitrin .mu-pick[b-q7ntagumo5] {
    min-height: 44px;
  }

  .mu-vitrin .mu-kart[b-q7ntagumo5]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mu-vitrin .mu-kapak[b-q7ntagumo5] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .mu-vitrin .mu-kapak .au-title[b-q7ntagumo5] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mu-vitrin .mu-kapak__alt[b-q7ntagumo5],
  .mu-vitrin .mu-serit[b-q7ntagumo5] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .mu-vitrin .mu-kapak__eylem .mu-dugme[b-q7ntagumo5] {
    flex: 1 1 auto;
  }

  .mu-vitrin .mu-kart[b-q7ntagumo5] {
    padding: 16px 12px;
  }

  .mu-vitrin .mu-grup-baslik[b-q7ntagumo5] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mu-vitrin .mu-cardgrid[b-q7ntagumo5] {
    grid-template-columns: 1fr;
  }

  .mu-vitrin .mu-olgular > div[b-q7ntagumo5] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .mu-vitrin .mu-popup[b-q7ntagumo5] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mu-vitrin .mu-popup__bas[b-q7ntagumo5],
  .mu-vitrin .mu-popup__govde[b-q7ntagumo5],
  .mu-vitrin .mu-popup__eylem[b-q7ntagumo5] {
    padding: 12px;
  }

  .mu-vitrin .mu-popup__bas h2[b-q7ntagumo5] {
    font-size: 17px;
  }

  .mu-vitrin .mu-popup__eylem .mu-dugme[b-q7ntagumo5] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/OnayKuyrugu.razor.rz.scp.css */
/* Montaj onay kuyruğu — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-09): eski `.oq-*` kuralları yeni dile taşındı → eski kurallar ÖLÜ, silindi. */

.oqv[b-3lo0ztyd2w] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.oqv .oqv-kapak[b-3lo0ztyd2w] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.oqv .oqv-kapak__geri[b-3lo0ztyd2w] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.oqv .oqv-kapak__geri[b-3lo0ztyd2w]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.oqv .oqv-kapak__baslik[b-3lo0ztyd2w] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.oqv .oqv-kapak .au-title[b-3lo0ztyd2w] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.oqv .oqv-kapak__alt[b-3lo0ztyd2w] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.oqv .oqv-kapak__eylem[b-3lo0ztyd2w] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.oqv .oqv-sayac[b-3lo0ztyd2w] {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-rampa-uc);
  font: 600 12.5px/1 var(--font-body);
}

/* ── Düğmeler ── */
.oqv .oqv-dugme[b-3lo0ztyd2w] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.oqv .oqv-dugme:hover:not(:disabled)[b-3lo0ztyd2w] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.oqv .oqv-dugme--ana[b-3lo0ztyd2w] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.oqv .oqv-dugme--ana:hover:not(:disabled)[b-3lo0ztyd2w] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.oqv .oqv-dugme--tehlike[b-3lo0ztyd2w] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--danger-metin);
}

.oqv .oqv-dugme--tehlike:hover:not(:disabled)[b-3lo0ztyd2w] {
  background: color-mix(in srgb, var(--danger) 12%, var(--yuzey));
  border-color: var(--danger);
}

.oqv .oqv-dugme:disabled[b-3lo0ztyd2w] {
  opacity: 0.55;
  cursor: not-allowed;
}

.oqv .oqv-dugme:focus-visible[b-3lo0ztyd2w] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bilgi şeridi (kuyruk kapsamı) ── */
.oqv .oqv-not[b-3lo0ztyd2w] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.oqv .oqv-not svg[b-3lo0ztyd2w] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Kart ── */
.oqv .oqv-kart[b-3lo0ztyd2w] {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.oqv .oqv-kart[b-3lo0ztyd2w]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.oqv .oqv-bos[b-3lo0ztyd2w] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.oqv .oqv-bos p[b-3lo0ztyd2w] {
  margin: 0;
  line-height: 1.6;
}

.oqv .oqv-liste[b-3lo0ztyd2w] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.oqv .oqv-oge[b-3lo0ztyd2w] {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

/* ── Önizleme ── */
.oqv .oqv-onizleme[b-3lo0ztyd2w] {
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  overflow: hidden;
}

.oqv .oqv-onizleme[b-3lo0ztyd2w]  .me,
.oqv .oqv-onizleme[b-3lo0ztyd2w]  .me-img,
.oqv .oqv-onizleme[b-3lo0ztyd2w]  .me-video {
  width: 100%;
  height: 100%;
  margin: 0;
}

.oqv .oqv-onizleme[b-3lo0ztyd2w]  .me-img,
.oqv .oqv-onizleme[b-3lo0ztyd2w]  .me-video {
  object-fit: cover;
}

.oqv .oqv-onizleme[b-3lo0ztyd2w]  .me-caption {
  display: none;
}

.oqv .oqv-onizleme__bos[b-3lo0ztyd2w] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* ── Gövde ── */
.oqv .oqv-govde[b-3lo0ztyd2w] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.oqv .oqv-baslik[b-3lo0ztyd2w] {
  color: var(--marka-600);
  font: 600 15px/1.35 var(--font-display);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.oqv .oqv-baslik:hover[b-3lo0ztyd2w],
.oqv .oqv-baslik:focus-visible[b-3lo0ztyd2w] {
  text-decoration: underline;
}

.oqv .oqv-etiketler[b-3lo0ztyd2w] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.oqv .oqv-rozet[b-3lo0ztyd2w] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.oqv .oqv-rozet--maliyet[b-3lo0ztyd2w] {
  font-variant-numeric: tabular-nums;
}

.oqv .oqv-durum[b-3lo0ztyd2w] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.oqv .oqv-durum[b-3lo0ztyd2w]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.oqv .oqv-durum.is-tamam[b-3lo0ztyd2w] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.oqv .oqv-durum.is-isleniyor[b-3lo0ztyd2w] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.oqv .oqv-durum.is-hata[b-3lo0ztyd2w] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.oqv .oqv-hata[b-3lo0ztyd2w] {
  margin: 0;
  color: var(--danger-metin);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.oqv .oqv-olcu[b-3lo0ztyd2w] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 2px 16px;
  margin: 0;
}

.oqv .oqv-olcu > div[b-3lo0ztyd2w] {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) minmax(0, 1.2fr);
  gap: 10px;
  align-items: baseline;
  padding: 6px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 6%, transparent);
  font-size: 12.5px;
}

.oqv .oqv-olcu dt[b-3lo0ztyd2w] {
  color: var(--metin-ipucu);
}

.oqv .oqv-olcu dd[b-3lo0ztyd2w] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Kart eylemleri ── */
.oqv .oqv-eylem[b-3lo0ztyd2w] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.oqv .oqv-eylem__tur[b-3lo0ztyd2w] {
  margin-right: 2px;
  color: var(--metin-ipucu);
  font: 600 11.5px/1.4 var(--font-body);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

/* ── Görünür popup: native dialog top-layer ── */
.oqv .oqv-popup[b-3lo0ztyd2w] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.oqv .oqv-popup[open][b-3lo0ztyd2w] {
  display: flex;
  flex-direction: column;
}

.oqv .oqv-popup[b-3lo0ztyd2w]::backdrop {
  background: var(--scrim);
}

.oqv .oqv-popup__bas[b-3lo0ztyd2w] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.oqv .oqv-popup__bas > div[b-3lo0ztyd2w] {
  min-width: 0;
}

.oqv .oqv-popup__bas h2[b-3lo0ztyd2w] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.oqv .oqv-popup__bas h2:focus[b-3lo0ztyd2w] {
  outline: none;
}

.oqv .oqv-popup__bas p[b-3lo0ztyd2w] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.oqv .oqv-popup__kapat[b-3lo0ztyd2w] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.oqv .oqv-popup__kapat:hover:not(:disabled)[b-3lo0ztyd2w] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.oqv .oqv-popup__kapat:disabled[b-3lo0ztyd2w] {
  opacity: 0.55;
  cursor: not-allowed;
}

.oqv .oqv-popup__kapat:focus-visible[b-3lo0ztyd2w] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.oqv .oqv-popup__govde[b-3lo0ztyd2w] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.oqv .oqv-popup__metin[b-3lo0ztyd2w] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.oqv .oqv-popup__hata[b-3lo0ztyd2w] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

/* ── Gerekçe alanı ── */
.oqv .oqv-alan[b-3lo0ztyd2w] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

.oqv .oqv-alan__etiket[b-3lo0ztyd2w] {
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.oqv .oqv-alan__girdi[b-3lo0ztyd2w] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.5 var(--font-body);
  resize: vertical;
}

.oqv .oqv-alan__girdi:focus-visible[b-3lo0ztyd2w] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.oqv .oqv-alan__girdi:disabled[b-3lo0ztyd2w] {
  opacity: 0.6;
}

.oqv .oqv-alan__ipucu[b-3lo0ztyd2w] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.oqv .oqv-olgular[b-3lo0ztyd2w] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.oqv .oqv-olgular > div[b-3lo0ztyd2w] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.oqv .oqv-olgular > div:nth-child(odd)[b-3lo0ztyd2w] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.oqv .oqv-olgular dt[b-3lo0ztyd2w] {
  color: var(--metin-ipucu);
}

.oqv .oqv-olgular dd[b-3lo0ztyd2w] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.oqv .oqv-popup__eylem[b-3lo0ztyd2w] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .oqv .oqv-kapak[b-3lo0ztyd2w] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .oqv .oqv-kapak__geri[b-3lo0ztyd2w],
  .oqv .oqv-kapak__baslik[b-3lo0ztyd2w],
  .oqv .oqv-kapak__eylem[b-3lo0ztyd2w] {
    grid-row: 1;
  }

  .oqv .oqv-kapak__eylem[b-3lo0ztyd2w] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .oqv .oqv-kapak[b-3lo0ztyd2w] {
    padding: 16px;
  }

  .oqv .oqv-dugme[b-3lo0ztyd2w],
  .oqv .oqv-sayac[b-3lo0ztyd2w] {
    min-height: 44px;
  }

  .oqv .oqv-alan__girdi[b-3lo0ztyd2w] {
    font-size: max(16px, 1rem);
  }

  .oqv .oqv-oge[b-3lo0ztyd2w] {
    grid-template-columns: 180px minmax(0, 1fr);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .oqv .oqv-kapak[b-3lo0ztyd2w] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .oqv .oqv-kapak .au-title[b-3lo0ztyd2w] {
    font-size: var(--yazi-kapak, 20px);
  }

  .oqv .oqv-kapak__alt[b-3lo0ztyd2w],
  .oqv .oqv-not[b-3lo0ztyd2w] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .oqv .oqv-kapak__eylem[b-3lo0ztyd2w] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .oqv .oqv-kapak__eylem .oqv-dugme[b-3lo0ztyd2w] {
    flex: 1 0 auto;
  }

  .oqv .oqv-kart[b-3lo0ztyd2w] {
    padding: 16px 12px;
  }

  .oqv .oqv-oge[b-3lo0ztyd2w] {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .oqv .oqv-baslik[b-3lo0ztyd2w] {
    font-size: var(--yazi-bolum, 14px);
  }

  .oqv .oqv-eylem .oqv-dugme[b-3lo0ztyd2w] {
    flex: 1 1 auto;
  }

  .oqv .oqv-popup[b-3lo0ztyd2w] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .oqv .oqv-popup__bas[b-3lo0ztyd2w],
  .oqv .oqv-popup__govde[b-3lo0ztyd2w],
  .oqv .oqv-popup__eylem[b-3lo0ztyd2w] {
    padding: 12px;
  }

  .oqv .oqv-popup__bas h2[b-3lo0ztyd2w] {
    font-size: 17px;
  }

  .oqv .oqv-popup__eylem .oqv-dugme[b-3lo0ztyd2w] {
    flex: 1 1 auto;
  }

  .oqv .oqv-olgular > div[b-3lo0ztyd2w] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/SesDetay.razor.rz.scp.css */
/* Ses detayı — Akademik Analiz ölçüleri, yalnız bu sayfa (MD-06, 2026-09-20).
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   wwwroot/css/org-birimleri-vitrin.css ve docs/mobil/YENI-DIL.md §1-2.
   Yeni hex YOK — yalnız mevcut token'lar. Çocuk bileşenler (AppSelect, AppTextField,
   AppRichText, MediaEmbed, DataStates, GeriBaglanti) ::deep ile hedeflenir. */

.sd-vitrin[b-a2pmzf5dh3] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + durum + bütün eylemler tek beyaz yüzeyde ─────── */
.sd-kapak[b-a2pmzf5dh3] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sd-kapak__geri[b-a2pmzf5dh3] {
  flex: 0 0 auto;
  min-width: 30px;
}

.sd-kapak__metin[b-a2pmzf5dh3] {
  flex: 1 1 280px;
  min-width: 0;
}

.sd-baslik[b-a2pmzf5dh3] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.sd-rozetler[b-a2pmzf5dh3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.sd-eylemler[b-a2pmzf5dh3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

/* ── Düğme tabanı (referans: 34 px / 12.5 px / 600) ────────────────── */
.sd-vitrin .au-btn[b-a2pmzf5dh3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.sd-vitrin .au-btn:hover:not(:disabled)[b-a2pmzf5dh3] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.sd-vitrin .au-btn--primary[b-a2pmzf5dh3] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sd-vitrin .au-btn--primary:hover:not(:disabled)[b-a2pmzf5dh3] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.sd-vitrin .au-btn--danger[b-a2pmzf5dh3] {
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}

.sd-vitrin .au-btn--danger:hover:not(:disabled)[b-a2pmzf5dh3] {
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
}

.sd-vitrin .au-btn:disabled[b-a2pmzf5dh3] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sd-vitrin .au-btn:focus-visible[b-a2pmzf5dh3] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sd-hata[b-a2pmzf5dh3] {
  margin-bottom: 16px;
}

/* ── İki sütunlu içerik (referans .az-izgara.g2) ───────────────────── */
.sd-izgara[b-a2pmzf5dh3] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.sd-kart[b-a2pmzf5dh3] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sd-kart[b-a2pmzf5dh3]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sd-bolum-baslik[b-a2pmzf5dh3] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sd-bolum-baslik[b-a2pmzf5dh3]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sd-alt-baslik[b-a2pmzf5dh3] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sd-player[b-a2pmzf5dh3]  .me {
  margin: 0;
}

.sd-player[b-a2pmzf5dh3]  .me-audio {
  width: 100%;
}

.sd-kunye[b-a2pmzf5dh3] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
}

.sd-kunye > div[b-a2pmzf5dh3] {
  display: grid;
  grid-template-columns: minmax(120px, 38%) 1fr;
  gap: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--hat-kart);
  font-size: 13px;
}

.sd-kunye > div:last-child[b-a2pmzf5dh3] {
  padding-bottom: 0;
  border-bottom: 0;
}

.sd-kunye dt[b-a2pmzf5dh3] {
  color: var(--n-500);
  font-weight: 600;
}

.sd-kunye dd[b-a2pmzf5dh3] {
  margin: 0;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* Uzun metin kendi alanında kayar — sayfa taşmaz (az kaydırma sözleşmesi). */
.sd-metin[b-a2pmzf5dh3] {
  max-height: min(540px, 60dvh);
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow: auto;
  overscroll-behavior: contain;
}

/* Odaklanabilir kaydırma bölgesi — klavye odağı görünür olmalı. */
.sd-metin:focus-visible[b-a2pmzf5dh3] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Durumlar ─────────────────────────────────────────────────────── */
.sd-iskelet[b-a2pmzf5dh3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sd-iskelet__satir[b-a2pmzf5dh3] {
  height: 34px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.sd-bos[b-a2pmzf5dh3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.sd-bos p[b-a2pmzf5dh3] {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

.sd-vitrin[b-a2pmzf5dh3]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ── Popup: görünür native dialog ──────────────────────────────────── */
.sd-popup[b-a2pmzf5dh3] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sd-popup--dar[b-a2pmzf5dh3] {
  width: min(480px, calc(100vw - 48px));
}

.sd-popup[open][b-a2pmzf5dh3] {
  display: flex;
  flex-direction: column;
}

.sd-popup[b-a2pmzf5dh3]::backdrop {
  background: var(--scrim);
}

.sd-popup-bas[b-a2pmzf5dh3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sd-popup-bas h2[b-a2pmzf5dh3] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.sd-popup-bas h2:focus[b-a2pmzf5dh3] {
  outline: none;
}

.sd-vitrin .sd-popup-kapat[b-a2pmzf5dh3] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.sd-popup-govde[b-a2pmzf5dh3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sd-popup-govde > p[b-a2pmzf5dh3] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.sd-form-izgara[b-a2pmzf5dh3] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.sd-popup-eylem[b-a2pmzf5dh3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Popup içi alan ölçüleri (referans: 34 px girdi / 11 px etiket). */
.sd-popup-govde[b-a2pmzf5dh3]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.sd-popup-govde[b-a2pmzf5dh3]  .app-input {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.sd-popup-govde[b-a2pmzf5dh3]  textarea.app-input {
  min-height: 72px;
}

.sd-popup-govde[b-a2pmzf5dh3]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── CİHAZ (telefon ∪ tablet): tek sütun ──────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sd-kapak[b-a2pmzf5dh3] {
    padding: 16px;
  }

  .sd-izgara[b-a2pmzf5dh3] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sd-vitrin .au-btn[b-a2pmzf5dh3] {
    min-height: 44px;
  }

  .sd-popup-govde[b-a2pmzf5dh3]  .app-input {
    min-height: 44px;
  }

  .sd-vitrin .sd-popup-kapat[b-a2pmzf5dh3] {
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .sd-popup-govde[b-a2pmzf5dh3]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .sd-kapak[b-a2pmzf5dh3] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .sd-baslik[b-a2pmzf5dh3] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sd-bolum-baslik[b-a2pmzf5dh3] {
    font-size: var(--yazi-bolum, 14px);
  }

  .sd-eylemler[b-a2pmzf5dh3] {
    width: 100%;
    margin-left: 0;
  }

  .sd-eylemler .au-btn[b-a2pmzf5dh3] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .sd-kart[b-a2pmzf5dh3] {
    padding: 16px 12px;
  }

  .sd-kunye > div[b-a2pmzf5dh3] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .sd-form-izgara[b-a2pmzf5dh3] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sd-popup[b-a2pmzf5dh3],
  .sd-popup--dar[b-a2pmzf5dh3] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sd-popup-bas[b-a2pmzf5dh3],
  .sd-popup-govde[b-a2pmzf5dh3],
  .sd-popup-eylem[b-a2pmzf5dh3] {
    padding: 12px;
  }

  .sd-popup-eylem .au-btn[b-a2pmzf5dh3] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/SesKlonla.razor.rz.scp.css */
/* Ses klonlama — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-07): eski `.skl-consent*` / `.skl-result*` / `.skl-assign` kart kuralları
   yeni kapak+kart diline taşındı, ölü seçiciler silindi. */

.skl-vitrin[b-cfl6wihn6g] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + eylemler tek beyaz yüzeyde ── */
.skl-vitrin .skl-kapak[b-cfl6wihn6g] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.skl-vitrin .skl-kapak__geri[b-cfl6wihn6g] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.skl-vitrin .skl-kapak__geri[b-cfl6wihn6g]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.skl-vitrin .skl-kapak__baslik[b-cfl6wihn6g] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.skl-vitrin .skl-kapak .au-title[b-cfl6wihn6g] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.skl-vitrin .skl-kapak__alt[b-cfl6wihn6g] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.skl-vitrin .skl-kapak__eylem[b-cfl6wihn6g] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.skl-vitrin .skl-dugme[b-cfl6wihn6g] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.skl-vitrin .skl-dugme:hover:not(:disabled)[b-cfl6wihn6g] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.skl-vitrin .skl-dugme--ana[b-cfl6wihn6g] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.skl-vitrin .skl-dugme--ana:hover:not(:disabled)[b-cfl6wihn6g] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.skl-vitrin .skl-dugme--tehlike[b-cfl6wihn6g] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.skl-vitrin .skl-dugme--tehlike:hover:not(:disabled)[b-cfl6wihn6g] {
  background: color-mix(in srgb, var(--danger) 14%, var(--yuzey));
  border-color: var(--danger);
}

.skl-vitrin .skl-dugme:disabled[b-cfl6wihn6g] {
  opacity: 0.55;
  cursor: not-allowed;
}

.skl-vitrin .skl-dugme:focus-visible[b-cfl6wihn6g] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.skl-vitrin .skl-kart[b-cfl6wihn6g] {
  position: relative;
  min-width: 0;
  max-width: 940px;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.skl-vitrin .skl-kart[b-cfl6wihn6g]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* KVKK kapısı ve rıza yönetimi kartları aynı dili kullanır; ek vurgu sol kenardadır. */
.skl-vitrin .skl-kart--kapi[b-cfl6wihn6g],
.skl-vitrin .skl-kart--riza[b-cfl6wihn6g] {
  border-left: 3px solid var(--marka-500);
}

.skl-vitrin .skl-bolum__baslik[b-cfl6wihn6g] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.skl-vitrin .skl-bolum__baslik[b-cfl6wihn6g]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.skl-vitrin .skl-alt-baslik[b-cfl6wihn6g] {
  margin: 0 0 8px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
}

.skl-vitrin .skl-metin[b-cfl6wihn6g] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.skl-vitrin .skl-durum[b-cfl6wihn6g] {
  margin: 10px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Rıza metni alıntısı ── */
.skl-vitrin .skl-riza-metni[b-cfl6wihn6g] {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.65;
}

/* ── Uyarı / bilgi şeritleri ── */
.skl-vitrin .skl-uyari[b-cfl6wihn6g] {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.skl-vitrin .skl-uyari--bilgi[b-cfl6wihn6g] {
  border-left-color: var(--turkuaz-500);
  background: color-mix(in srgb, var(--turkuaz-500) 8%, var(--yuzey));
}

/* Gönderim hatası düğmenin hemen üstünde durur; üst boşluk süre satırından ayırır. */
.skl-vitrin .skl-uyari--gonderim[b-cfl6wihn6g] {
  margin: 14px 0 0;
}

.skl-vitrin .skl-uyari--hata[b-cfl6wihn6g] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Form alanları ── */
.skl-vitrin .skl-izgara[b-cfl6wihn6g] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 14px;
}

.skl-vitrin .skl-izgara > *[b-cfl6wihn6g] {
  flex: 1 1 240px;
  min-width: 0;
}

.skl-vitrin .skl-anahtar[b-cfl6wihn6g] {
  margin: 0 0 4px;
}

.skl-vitrin[b-cfl6wihn6g]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.skl-vitrin[b-cfl6wihn6g]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.skl-vitrin[b-cfl6wihn6g]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Süre ölçüm satırı ── */
.skl-vitrin .skl-sure[b-cfl6wihn6g] {
  margin: 10px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.skl-vitrin .skl-sure b[b-cfl6wihn6g] {
  color: var(--metin-murekkep);
  font-variant-numeric: tabular-nums;
}

.skl-vitrin .skl-sure__hata[b-cfl6wihn6g] {
  color: var(--danger-metin);
}

/* ── Eylem satırları ── */
.skl-vitrin .skl-eylem[b-cfl6wihn6g] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.skl-vitrin .skl-eylem--alt[b-cfl6wihn6g] {
  margin-top: 16px;
}

/* ── Sonuç kartı ── */
.skl-vitrin .skl-sonuc-bas[b-cfl6wihn6g] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.skl-vitrin .skl-sonuc-ad[b-cfl6wihn6g] {
  color: var(--metin-murekkep);
  font: 700 15px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.skl-vitrin .skl-oynatici[b-cfl6wihn6g] {
  margin: 4px 0 14px;
}

.skl-vitrin .skl-oynatici[b-cfl6wihn6g]  .me-audio {
  width: 100%;
}

.skl-vitrin .skl-ata[b-cfl6wihn6g] {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Olgu listesi ── */
.skl-vitrin .skl-olgular[b-cfl6wihn6g] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 14px;
}

.skl-vitrin .skl-olgular > div[b-cfl6wihn6g] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.skl-vitrin .skl-olgular > div:nth-child(odd)[b-cfl6wihn6g] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.skl-vitrin .skl-olgular dt[b-cfl6wihn6g] {
  color: var(--metin-ipucu);
}

.skl-vitrin .skl-olgular dd[b-cfl6wihn6g] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Görünür popup: native dialog top-layer ── */
.skl-vitrin .skl-popup[b-cfl6wihn6g] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.skl-vitrin .skl-popup[open][b-cfl6wihn6g] {
  display: flex;
  flex-direction: column;
}

.skl-vitrin .skl-popup[b-cfl6wihn6g]::backdrop {
  background: var(--scrim);
}

.skl-vitrin .skl-popup__bas[b-cfl6wihn6g] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.skl-vitrin .skl-popup__bas > div[b-cfl6wihn6g] {
  min-width: 0;
}

.skl-vitrin .skl-popup__bas h2[b-cfl6wihn6g] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.skl-vitrin .skl-popup__bas h2:focus[b-cfl6wihn6g] {
  outline: none;
}

.skl-vitrin .skl-popup__bas p[b-cfl6wihn6g] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.skl-vitrin .skl-popup__kapat[b-cfl6wihn6g] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.skl-vitrin .skl-popup__kapat:hover:not(:disabled)[b-cfl6wihn6g] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.skl-vitrin .skl-popup__kapat:disabled[b-cfl6wihn6g] {
  opacity: 0.55;
  cursor: not-allowed;
}

.skl-vitrin .skl-popup__kapat:focus-visible[b-cfl6wihn6g] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.skl-vitrin .skl-popup__govde[b-cfl6wihn6g] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.skl-vitrin .skl-popup__uyari[b-cfl6wihn6g] {
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
}

.skl-vitrin .skl-popup__eylem[b-cfl6wihn6g] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .skl-vitrin .skl-kapak[b-cfl6wihn6g] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .skl-vitrin .skl-kapak__geri[b-cfl6wihn6g],
  .skl-vitrin .skl-kapak__baslik[b-cfl6wihn6g],
  .skl-vitrin .skl-kapak__eylem[b-cfl6wihn6g] {
    grid-row: 1;
  }

  .skl-vitrin .skl-kapak__eylem[b-cfl6wihn6g] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .skl-vitrin .skl-kapak[b-cfl6wihn6g] {
    padding: 16px;
  }

  .skl-vitrin .skl-dugme[b-cfl6wihn6g] {
    min-height: 44px;
  }

  .skl-vitrin[b-cfl6wihn6g]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .skl-vitrin .skl-kapak[b-cfl6wihn6g] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .skl-vitrin .skl-kapak .au-title[b-cfl6wihn6g] {
    font-size: var(--yazi-kapak, 20px);
  }

  .skl-vitrin .skl-kapak__alt[b-cfl6wihn6g],
  .skl-vitrin .skl-uyari[b-cfl6wihn6g],
  .skl-vitrin .skl-riza-metni[b-cfl6wihn6g] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .skl-vitrin .skl-kapak__eylem[b-cfl6wihn6g] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .skl-vitrin .skl-kapak__eylem .skl-dugme[b-cfl6wihn6g] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .skl-vitrin .skl-kart[b-cfl6wihn6g] {
    padding: 16px 12px;
  }

  .skl-vitrin .skl-bolum__baslik[b-cfl6wihn6g] {
    font-size: var(--yazi-bolum, 14px);
  }

  .skl-vitrin .skl-izgara[b-cfl6wihn6g] {
    flex-direction: column;
    align-items: stretch;
  }

  .skl-vitrin .skl-eylem .skl-dugme[b-cfl6wihn6g] {
    flex: 1 1 auto;
  }

  .skl-vitrin .skl-popup[b-cfl6wihn6g] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .skl-vitrin .skl-popup__bas[b-cfl6wihn6g],
  .skl-vitrin .skl-popup__govde[b-cfl6wihn6g],
  .skl-vitrin .skl-popup__eylem[b-cfl6wihn6g] {
    padding: 12px;
  }

  .skl-vitrin .skl-popup__bas h2[b-cfl6wihn6g] {
    font-size: 17px;
  }

  .skl-vitrin .skl-popup__eylem .skl-dugme[b-cfl6wihn6g] {
    flex: 1 1 auto;
  }

  .skl-vitrin .skl-olgular > div[b-cfl6wihn6g] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/SesKlonlari.razor.rz.scp.css */
/* Klonlanmış sesler — Akademik Analiz kapak/kart/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-07): satır kartları tabloya döndü; eski `.svl-list` / `.svl-row` / `.svl-assign`
   kuralları ÖLÜ → silindi. */

.svl-vitrin[b-9d3d2cym65] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.svl-vitrin .svl-kapak[b-9d3d2cym65] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.svl-vitrin .svl-kapak__geri[b-9d3d2cym65] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.svl-vitrin .svl-kapak__geri[b-9d3d2cym65]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.svl-vitrin .svl-kapak__baslik[b-9d3d2cym65] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.svl-vitrin .svl-kapak .au-title[b-9d3d2cym65] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.svl-vitrin .svl-kapak__alt[b-9d3d2cym65] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeç: kapak içinde ikinci bir kart oluşturmaz ── */
.svl-vitrin .svl-suzgec[b-9d3d2cym65] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.svl-vitrin .svl-suzgec > *[b-9d3d2cym65] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.svl-vitrin .svl-suzgec[b-9d3d2cym65]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.svl-vitrin .svl-suzgec[b-9d3d2cym65]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.svl-vitrin .svl-suzgec[b-9d3d2cym65]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.svl-vitrin .svl-kapak__eylem[b-9d3d2cym65] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.svl-vitrin .svl-dugme[b-9d3d2cym65] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.svl-vitrin .svl-dugme:hover:not(:disabled)[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.svl-vitrin .svl-dugme--ana[b-9d3d2cym65] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.svl-vitrin .svl-dugme--ana:hover:not(:disabled)[b-9d3d2cym65] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.svl-vitrin .svl-dugme--tehlike[b-9d3d2cym65] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.svl-vitrin .svl-dugme--tehlike:hover:not(:disabled)[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--danger) 14%, var(--yuzey));
  border-color: var(--danger);
}

.svl-vitrin .svl-dugme:disabled[b-9d3d2cym65] {
  opacity: 0.55;
  cursor: not-allowed;
}

.svl-vitrin .svl-dugme:focus-visible[b-9d3d2cym65],
.svl-vitrin .svl-satir-dugme:focus-visible[b-9d3d2cym65] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.svl-vitrin .svl-kart[b-9d3d2cym65] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.svl-vitrin .svl-kart[b-9d3d2cym65]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.svl-vitrin .svl-bolum__baslik[b-9d3d2cym65] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.svl-vitrin .svl-bolum__baslik[b-9d3d2cym65]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.svl-vitrin .svl-sayim[b-9d3d2cym65] {
  color: var(--metin-ipucu);
  font: 600 12px/1.4 var(--font-body);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.svl-vitrin .svl-bos[b-9d3d2cym65] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.svl-vitrin .svl-bos p[b-9d3d2cym65] {
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.svl-vitrin .svl-tablo-kap[b-9d3d2cym65] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.svl-vitrin .svl-tablo[b-9d3d2cym65] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.svl-vitrin .svl-tablo thead[b-9d3d2cym65] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.svl-vitrin .svl-tablo thead th[b-9d3d2cym65] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.svl-vitrin .svl-tablo tbody td[b-9d3d2cym65] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: top;
}

.svl-vitrin .svl-tablo tbody tr:nth-child(even) td[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.svl-vitrin .svl-satir:hover td[b-9d3d2cym65],
.svl-vitrin .svl-satir:focus-within td[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Görsel olarak gizli ama ekran okuyucuya açık tablo başlığı. */
.svl-vitrin .svl-gizli[b-9d3d2cym65] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.svl-vitrin .svl-ad[b-9d3d2cym65] {
  display: block;
  color: var(--metin-murekkep);
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.svl-vitrin .svl-satir__alt[b-9d3d2cym65] {
  display: block;
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.svl-vitrin .svl-satir__hata[b-9d3d2cym65] {
  display: block;
  margin-top: 4px;
  color: var(--danger-metin);
  font-size: 11.5px;
  line-height: 1.4;
}

.svl-vitrin .svl-soluk[b-9d3d2cym65] {
  color: var(--metin-ikincil);
}

.svl-vitrin .svl-kullanan[b-9d3d2cym65] {
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* Geçerlilik: yaklaşan / dolmuş saklama süresi vurgulanır. */
.svl-vitrin .svl-gecerlilik[b-9d3d2cym65] {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  font: 600 12px/1.4 var(--font-body);
}

.svl-vitrin .svl-gecerlilik--yakin[b-9d3d2cym65] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.svl-vitrin .svl-gecerlilik--doldu[b-9d3d2cym65] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

/* Durum rozetleri satırda alt alta sığar. */
.svl-vitrin .svl-tablo td .au-status[b-9d3d2cym65] {
  margin: 0 6px 4px 0;
}

/* ── Satır işlemleri ── */
.svl-vitrin .svl-eylem-hucre[b-9d3d2cym65] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.svl-vitrin .svl-satir-dugme[b-9d3d2cym65] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.svl-vitrin .svl-satir-dugme:hover:not(:disabled)[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.svl-vitrin .svl-satir-dugme--tehlike[b-9d3d2cym65] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  color: var(--danger-metin);
}

.svl-vitrin .svl-satir-dugme--tehlike:hover:not(:disabled)[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--danger) 10%, var(--yuzey));
  border-color: var(--danger);
}

.svl-vitrin .svl-satir-dugme:disabled[b-9d3d2cym65] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* ── Sayfalama ── */
.svl-vitrin .svl-sayfalama[b-9d3d2cym65] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.svl-vitrin .svl-sayfalama .svl-soluk[b-9d3d2cym65] {
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

/* ── Görünür popup: native dialog top-layer ── */
.svl-vitrin .svl-popup[b-9d3d2cym65] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.svl-vitrin .svl-popup[open][b-9d3d2cym65] {
  display: flex;
  flex-direction: column;
}

.svl-vitrin .svl-popup[b-9d3d2cym65]::backdrop {
  background: var(--scrim);
}

.svl-vitrin .svl-popup__bas[b-9d3d2cym65] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.svl-vitrin .svl-popup__bas > div[b-9d3d2cym65] {
  min-width: 0;
}

.svl-vitrin .svl-popup__bas h2[b-9d3d2cym65] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.svl-vitrin .svl-popup__bas h2:focus[b-9d3d2cym65] {
  outline: none;
}

.svl-vitrin .svl-popup__bas p[b-9d3d2cym65] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.svl-vitrin .svl-popup__kapat[b-9d3d2cym65] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.svl-vitrin .svl-popup__kapat:hover:not(:disabled)[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.svl-vitrin .svl-popup__kapat:disabled[b-9d3d2cym65] {
  opacity: 0.55;
  cursor: not-allowed;
}

.svl-vitrin .svl-popup__kapat:focus-visible[b-9d3d2cym65] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.svl-vitrin .svl-popup__govde[b-9d3d2cym65] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.svl-vitrin .svl-popup__hata[b-9d3d2cym65] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.svl-vitrin .svl-popup__uyari[b-9d3d2cym65] {
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--marka-500);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
}

.svl-vitrin .svl-popup__not[b-9d3d2cym65] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.svl-vitrin .svl-popup__eylem[b-9d3d2cym65] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.svl-vitrin .svl-form[b-9d3d2cym65] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.svl-vitrin .svl-popup[b-9d3d2cym65]  .app-input {
  border-radius: var(--kose-dugme);
}

.svl-vitrin .svl-popup[b-9d3d2cym65]  .me-audio {
  width: 100%;
  margin-bottom: 14px;
}

.svl-vitrin .svl-olgular[b-9d3d2cym65] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.svl-vitrin .svl-olgular > div[b-9d3d2cym65] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.svl-vitrin .svl-olgular > div:nth-child(odd)[b-9d3d2cym65] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.svl-vitrin .svl-olgular dt[b-9d3d2cym65] {
  color: var(--metin-ipucu);
}

.svl-vitrin .svl-olgular dd[b-9d3d2cym65] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .svl-vitrin .svl-kapak[b-9d3d2cym65] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .svl-vitrin .svl-kapak__geri[b-9d3d2cym65],
  .svl-vitrin .svl-kapak__baslik[b-9d3d2cym65],
  .svl-vitrin .svl-suzgec[b-9d3d2cym65],
  .svl-vitrin .svl-kapak__eylem[b-9d3d2cym65] {
    grid-row: 1;
  }

  .svl-vitrin .svl-suzgec[b-9d3d2cym65] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .svl-vitrin .svl-kapak__eylem[b-9d3d2cym65] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .svl-vitrin .svl-kapak[b-9d3d2cym65] {
    padding: 16px;
  }

  .svl-vitrin .svl-dugme[b-9d3d2cym65],
  .svl-vitrin .svl-satir-dugme[b-9d3d2cym65] {
    min-height: 44px;
  }

  .svl-vitrin .svl-suzgec[b-9d3d2cym65]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .svl-vitrin .svl-popup[b-9d3d2cym65]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .svl-vitrin .svl-tablo .svl-sut-1[b-9d3d2cym65] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  /* Opak zemin `--marka-rampa-serit`in 0% durağıyla (= --marka-500) aynı olmalı;
     --marka-600 daha koyu olduğu için şeridin sol ucunda düz lacivert blok üretir. */
  .svl-vitrin .svl-tablo thead .svl-sut-1[b-9d3d2cym65] {
    z-index: 5;
    background: var(--marka-500);
  }

  .svl-vitrin .svl-tablo tbody tr:nth-child(even) .svl-sut-1[b-9d3d2cym65] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .svl-vitrin .svl-kapak[b-9d3d2cym65] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .svl-vitrin .svl-kapak .au-title[b-9d3d2cym65] {
    font-size: var(--yazi-kapak, 20px);
  }

  .svl-vitrin .svl-kapak__alt[b-9d3d2cym65] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .svl-vitrin .svl-suzgec[b-9d3d2cym65] {
    flex-direction: column;
    align-items: stretch;
  }

  .svl-vitrin .svl-suzgec > *[b-9d3d2cym65] {
    max-width: none;
  }

  .svl-vitrin .svl-kapak__eylem[b-9d3d2cym65] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .svl-vitrin .svl-kapak__eylem .svl-dugme[b-9d3d2cym65] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .svl-vitrin .svl-kart[b-9d3d2cym65] {
    padding: 16px 12px;
  }

  .svl-vitrin .svl-bolum__baslik[b-9d3d2cym65] {
    font-size: var(--yazi-bolum, 14px);
  }

  .svl-vitrin .svl-tablo tbody td[b-9d3d2cym65],
  .svl-vitrin .svl-tablo thead th[b-9d3d2cym65] {
    padding-inline: 8px;
  }

  .svl-vitrin .svl-eylem-hucre[b-9d3d2cym65] {
    flex-direction: column;
    align-items: stretch;
  }

  .svl-vitrin .svl-popup[b-9d3d2cym65] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .svl-vitrin .svl-popup__bas[b-9d3d2cym65],
  .svl-vitrin .svl-popup__govde[b-9d3d2cym65],
  .svl-vitrin .svl-popup__eylem[b-9d3d2cym65] {
    padding: 12px;
  }

  .svl-vitrin .svl-popup__bas h2[b-9d3d2cym65] {
    font-size: 17px;
  }

  .svl-vitrin .svl-popup__eylem .svl-dugme[b-9d3d2cym65] {
    flex: 1 1 auto;
  }

  .svl-vitrin .svl-olgular > div[b-9d3d2cym65] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/SesKutuphanesi.razor.rz.scp.css */
/* Sesler kütüphanesi — Akademik Analiz ölçüleri, yalnız bu sayfa (MD-06, 2026-09-20).
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   wwwroot/css/org-birimleri-vitrin.css ve docs/mobil/YENI-DIL.md §1-2.
   Yeni hex YOK — yalnız mevcut token'lar. Çocuk bileşenler (AppSelect, AppTextField,
   MediaEmbed, DataStates, GeriBaglanti) ::deep ile hedeflenir. */

.sk-vitrin[b-p9l71uvc2f] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ───────── */
.sk-kapak[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sk-kapak__geri[b-p9l71uvc2f] {
  flex: 0 0 auto;
  min-width: 30px;
}

.sk-kapak__metin[b-p9l71uvc2f] {
  flex: 1 1 240px;
  min-width: 0;
}

.sk-baslik[b-p9l71uvc2f] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sk-alt[b-p9l71uvc2f] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.sk-suzgec[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Referans: alan esas genişlik 176 px, en çok 210 px. */
.sk-suzgec > *[b-p9l71uvc2f] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.sk-eylemler[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

/* ── Düğme tabanı (referans: 34 px / 12.5 px / 600) ────────────────── */
.sk-vitrin .au-btn[b-p9l71uvc2f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.sk-vitrin .au-btn:hover:not(:disabled)[b-p9l71uvc2f] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.sk-vitrin .au-btn--primary[b-p9l71uvc2f] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sk-vitrin .au-btn--primary:hover:not(:disabled)[b-p9l71uvc2f] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.sk-vitrin .au-btn--danger[b-p9l71uvc2f] {
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}

.sk-vitrin .au-btn--danger:hover:not(:disabled)[b-p9l71uvc2f] {
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
}

.sk-vitrin .au-btn--sm[b-p9l71uvc2f] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.sk-vitrin .au-btn:disabled[b-p9l71uvc2f] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sk-vitrin .au-btn:focus-visible[b-p9l71uvc2f] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Süzgeç alanları: referans girdi ölçüleri ──────────────────────── */
.sk-suzgec[b-p9l71uvc2f]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Paylaşılan .app-field ::deep .app-input {height:46px} ile özgüllük beraberliği vardı ve
   çıplak height bildirimi kazanıp süzgeci 46px çiziyordu; .sk-vitrin öneki özgüllüğü yükseltir,
   height:34px kardeş vitrinlerdeki ölçüyü kilitler (kapaktaki 34px düğmelerle aynı hizada). */
.sk-vitrin .sk-suzgec[b-p9l71uvc2f]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* İpucu/hata akışta durunca alanın yüksekliğini şişiriyor ve align-items:flex-end yüzünden
   komşu girdinin etiketi/alt kenarı kayıyordu; mutlak konumla satır yüksekliği sabit kalır.
   ::deep ŞART — .app-field AppField'in scope'unu taşır, sayfanınkini DEĞİL. */
.sk-suzgec[b-p9l71uvc2f]  .app-field {
  position: relative;
}

.sk-suzgec[b-p9l71uvc2f]  .app-field__hint,
.sk-suzgec[b-p9l71uvc2f]  .app-field__error {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  color: var(--n-500);
  font-size: 12px;
}

/* ── Özet sayaçları: tek birleşik yüzey (referans KPI şeridi) ──────── */
.sk-sayaclar[b-p9l71uvc2f] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.sk-sayac[b-p9l71uvc2f] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 15px 16px;
  border-right: 1px solid var(--hat-kart);
}

.sk-sayac:last-child[b-p9l71uvc2f] {
  border-right: 0;
}

.sk-sayac__deger[b-p9l71uvc2f] {
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.sk-sayac__etiket[b-p9l71uvc2f] {
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────── */
.sk-kart[b-p9l71uvc2f] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sk-kart[b-p9l71uvc2f]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sk-kart-bas[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.sk-bolum-baslik[b-p9l71uvc2f] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sk-bolum-baslik[b-p9l71uvc2f]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sk-ozet[b-p9l71uvc2f] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* ── Durumlar ─────────────────────────────────────────────────────── */
.sk-iskelet[b-p9l71uvc2f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sk-iskelet__satir[b-p9l71uvc2f] {
  height: 34px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.sk-bos[b-p9l71uvc2f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.sk-bos p[b-p9l71uvc2f] {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

.sk-bos__eylem[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* DataStates'in kendi hata/yetki panelleri (ds-error, ds-unauth) çocuk bileşendedir. */
.sk-vitrin[b-p9l71uvc2f]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ── Ses ızgarası ──────────────────────────────────────────────────── */
.sk-izgara[b-p9l71uvc2f] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sk-oge[b-p9l71uvc2f] {
  display: flex;
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.sk-oge > article[b-p9l71uvc2f] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

.sk-oge:hover[b-p9l71uvc2f] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sk-oge__player[b-p9l71uvc2f]  .me {
  margin: 0;
}

.sk-oge__player[b-p9l71uvc2f]  .me-audio {
  width: 100%;
}

.sk-oge__player[b-p9l71uvc2f]  .me-caption {
  display: none;
}

.sk-oge__baslik[b-p9l71uvc2f] {
  min-width: 0;
  color: var(--marka-700);
  font: 700 14px/1.35 var(--font-display);
  text-decoration: none;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sk-oge__baslik:hover[b-p9l71uvc2f],
.sk-oge__baslik:focus-visible[b-p9l71uvc2f] {
  color: var(--marka-500);
  text-decoration: underline;
}

.sk-rozetler[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.sk-kunye[b-p9l71uvc2f] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

.sk-kunye > div[b-p9l71uvc2f] {
  display: grid;
  grid-template-columns: minmax(84px, 34%) 1fr;
  gap: 8px;
  font-size: 12.5px;
}

.sk-kunye dt[b-p9l71uvc2f] {
  color: var(--n-500);
  font-weight: 600;
}

.sk-kunye dd[b-p9l71uvc2f] {
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.sk-kunye--genis > div[b-p9l71uvc2f] {
  grid-template-columns: minmax(110px, 30%) 1fr;
  font-size: 13px;
}

.sk-oge__eylem[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid var(--hat-kart);
}

.sk-daha[b-p9l71uvc2f] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

/* ── Popup: görünür native dialog ──────────────────────────────────── */
.sk-popup[b-p9l71uvc2f] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sk-popup--dar[b-p9l71uvc2f] {
  width: min(520px, calc(100vw - 48px));
}

.sk-popup[open][b-p9l71uvc2f] {
  display: flex;
  flex-direction: column;
}

.sk-popup[b-p9l71uvc2f]::backdrop {
  background: var(--scrim);
}

.sk-popup-bas[b-p9l71uvc2f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sk-popup-bas h2[b-p9l71uvc2f] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.sk-popup-bas h2:focus[b-p9l71uvc2f] {
  outline: none;
}

.sk-vitrin .sk-popup-kapat[b-p9l71uvc2f] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.sk-popup-govde[b-p9l71uvc2f] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sk-popup-govde > p[b-p9l71uvc2f] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.sk-popup-player[b-p9l71uvc2f]  .me {
  margin: 0;
}

.sk-popup-player[b-p9l71uvc2f]  .me-audio {
  width: 100%;
}

.sk-popup-alt-baslik[b-p9l71uvc2f] {
  margin: 4px 0 0;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sk-popup-metin[b-p9l71uvc2f] {
  max-height: min(240px, 34dvh);
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow: auto;
  overscroll-behavior: contain;
}

/* Odaklanabilir kaydırma bölgesi — klavye odağı görünür olmalı. */
.sk-popup-metin:focus-visible[b-p9l71uvc2f] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sk-popup-eylem[b-p9l71uvc2f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Popup içi alan ölçüleri (referans: 34 px girdi / 11 px etiket). */
.sk-popup-govde[b-p9l71uvc2f]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.sk-popup-govde[b-p9l71uvc2f]  .app-input {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sk-kapak[b-p9l71uvc2f] {
    padding: 16px;
  }

  .sk-vitrin :is(.au-btn, .au-btn--sm)[b-p9l71uvc2f] {
    min-height: 44px;
  }

  /* Süzgeç kolu artık çıplak height taşıdığı için cihazda da height ile ezilmeli;
     popup kolu eski davranışını (yalnız min-height) korur. */
  .sk-vitrin .sk-suzgec[b-p9l71uvc2f]  .app-input {
    min-height: 44px;
    height: 44px;
  }

  .sk-popup-govde[b-p9l71uvc2f]  .app-input {
    min-height: 44px;
  }

  .sk-sayaclar[b-p9l71uvc2f] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sk-sayac:nth-child(3n)[b-p9l71uvc2f] {
    border-right: 0;
  }

  .sk-sayac:nth-child(-n + 3)[b-p9l71uvc2f] {
    border-bottom: 1px solid var(--hat-kart);
  }
}

/* Süzgeç kolunun taban seçicisi .sk-vitrin ile yükseltildiği için (özgüllük 0,4,0),
   dokunmatik yazı boyutu kuralı da aynı özgüllükte olmalı; yoksa 13px ezemez. */
@media (pointer: coarse) {
  .sk-vitrin .sk-suzgec[b-p9l71uvc2f]  .app-input,
  .sk-popup-govde[b-p9l71uvc2f]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .sk-kapak[b-p9l71uvc2f] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .sk-baslik[b-p9l71uvc2f] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sk-bolum-baslik[b-p9l71uvc2f] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Telefonda süzgeç tek sütun, eylemler başlığın altında. */
  .sk-suzgec[b-p9l71uvc2f] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .sk-suzgec > *[b-p9l71uvc2f] {
    flex: 1 1 auto;
    max-width: none;
  }

  /* Tek sütun diziliminde mutlak ipucu alttaki alanın üstüne biner; akışa geri alınır. */
  .sk-suzgec[b-p9l71uvc2f]  .app-field__hint,
  .sk-suzgec[b-p9l71uvc2f]  .app-field__error {
    position: static;
    margin-top: 0;
  }

  .sk-eylemler[b-p9l71uvc2f] {
    width: 100%;
    margin-left: 0;
  }

  .sk-eylemler .au-btn[b-p9l71uvc2f] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .sk-sayaclar[b-p9l71uvc2f] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-sayac[b-p9l71uvc2f] {
    padding: 12px;
  }

  .sk-sayac:nth-child(2n)[b-p9l71uvc2f] {
    border-right: 0;
  }

  .sk-sayac:nth-child(2n + 1)[b-p9l71uvc2f] {
    border-right: 1px solid var(--hat-kart);
  }

  .sk-sayac:not(:nth-last-child(-n + 2))[b-p9l71uvc2f] {
    border-bottom: 1px solid var(--hat-kart);
  }

  .sk-sayac__deger[b-p9l71uvc2f] {
    font-size: var(--yazi-kpi, 20px);
  }

  .sk-kart[b-p9l71uvc2f] {
    padding: 16px 12px;
  }

  .sk-izgara[b-p9l71uvc2f] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sk-kunye > div[b-p9l71uvc2f],
  .sk-kunye--genis > div[b-p9l71uvc2f] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .sk-oge__eylem .au-btn[b-p9l71uvc2f] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .sk-popup[b-p9l71uvc2f],
  .sk-popup--dar[b-p9l71uvc2f] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sk-popup-bas[b-p9l71uvc2f],
  .sk-popup-govde[b-p9l71uvc2f],
  .sk-popup-eylem[b-p9l71uvc2f] {
    padding: 12px;
  }

  .sk-popup-eylem .au-btn[b-p9l71uvc2f] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/SesUret.razor.rz.scp.css */
/* Ses üret — Akademik Analiz ölçüleri, yalnız bu sayfa (MD-06, 2026-09-20).
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   wwwroot/css/org-birimleri-vitrin.css ve docs/mobil/YENI-DIL.md §1-2.
   Yeni hex YOK — yalnız mevcut token'lar. AppWizard, AppSelect, AppRichText, AppToggle,
   DersSecici, MediaEmbed, GeriBaglanti çocuk bileşenleri ::deep ile hedeflenir;
   Components/Ui dosyalarına DOKUNULMADI. */

.su-vitrin[b-itvghhztw3] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────── */
.su-kapak[b-itvghhztw3] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.su-kapak__geri[b-itvghhztw3] {
  flex: 0 0 auto;
  min-width: 30px;
}

.su-kapak__metin[b-itvghhztw3] {
  flex: 1 1 280px;
  min-width: 0;
}

.su-baslik[b-itvghhztw3] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.su-alt[b-itvghhztw3] {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.su-kapak__durum[b-itvghhztw3] {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.su-banner[b-itvghhztw3] {
  margin-bottom: 16px;
}

/* ── Düğme tabanı (referans: 34 px / 12.5 px / 600) ────────────────── */
.su-vitrin .au-btn[b-itvghhztw3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.su-vitrin .au-btn:hover:not(:disabled)[b-itvghhztw3] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.su-vitrin .au-btn--primary[b-itvghhztw3] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.su-vitrin .au-btn--primary:hover:not(:disabled)[b-itvghhztw3] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.su-vitrin .au-btn--danger[b-itvghhztw3] {
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}

.su-vitrin .au-btn--danger:hover:not(:disabled)[b-itvghhztw3] {
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
}

.su-vitrin .au-btn--sm[b-itvghhztw3] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.su-vitrin .au-btn:disabled[b-itvghhztw3] {
  opacity: 0.55;
  cursor: not-allowed;
}

.su-vitrin .au-btn:focus-visible[b-itvghhztw3] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart yüzeyi ───────────────────────────────────────────────────── */
.su-kart[b-itvghhztw3] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.su-kart[b-itvghhztw3]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Sayfanın son çocuğu <dialog> olduğundan :last-child hiç eşleşmiyordu. */
.su-kart:last-of-type[b-itvghhztw3] {
  margin-bottom: 0;
}

.su-bolum-baslik[b-itvghhztw3] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.su-bolum-baslik[b-itvghhztw3]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.su-grup-baslik[b-itvghhztw3] {
  margin: 0 0 10px;
  color: var(--metin-murekkep);
  font: 700 14px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.su-dim[b-itvghhztw3] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.su-uyari[b-itvghhztw3] {
  margin: 0 0 10px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.5;
}

.su-err[b-itvghhztw3] {
  margin: 6px 0 0;
  color: var(--red-600);
  font-size: 12px;
}

.su-eylem-satiri[b-itvghhztw3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.su-iskelet[b-itvghhztw3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}

.su-iskelet__satir[b-itvghhztw3] {
  height: 34px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

/* ── KVKK rıza kartı ───────────────────────────────────────────────── */
.su-consent__aciklama[b-itvghhztw3] {
  max-width: 78ch;
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.su-consent__text[b-itvghhztw3] {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-left: 3px solid var(--marka-600);
  border-radius: 0 var(--kose-dugme) var(--kose-dugme) 0;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.su-consent-manage__row[b-itvghhztw3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.su-consent-manage__row .su-dim[b-itvghhztw3] {
  flex: 1 1 240px;
}

/* ── Künye / özet listeleri ────────────────────────────────────────── */
.su-kunye[b-itvghhztw3] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px 16px;
  margin: 0;
}

.su-kunye > div[b-itvghhztw3] {
  display: grid;
  grid-template-columns: minmax(96px, 40%) 1fr;
  gap: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--hat-kart);
  font-size: 13px;
}

.su-kunye dt[b-itvghhztw3] {
  color: var(--n-500);
  font-weight: 600;
}

.su-kunye dd[b-itvghhztw3] {
  margin: 0;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.su-ozet[b-itvghhztw3] {
  grid-template-columns: minmax(0, 1fr);
}

.su-ozet > div[b-itvghhztw3] {
  grid-template-columns: minmax(120px, 26%) 1fr;
}

.su-ozet-not[b-itvghhztw3] {
  margin-top: 12px;
}

.su-estimate[b-itvghhztw3] {
  margin-top: 10px;
}

.su-result[b-itvghhztw3] {
  margin: 4px 0 14px;
}

.su-result[b-itvghhztw3]  .me {
  margin: 0;
}

.su-result[b-itvghhztw3]  .me-audio {
  width: 100%;
}

/* ── Sihirbaz gövdesi ──────────────────────────────────────────────── */
.su-alan-grubu[b-itvghhztw3] {
  margin-bottom: 16px;
}

.su-alan-grubu:last-child[b-itvghhztw3] {
  margin-bottom: 0;
}

.su-form-izgara[b-itvghhztw3] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.su-enhance[b-itvghhztw3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

/* AppRichText'in kendi karakter sayacı — referans küçük metin ölçüsü. */
.su-alan-grubu[b-itvghhztw3]  .app-richtext__count {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* ── AppWizard'ı yeni dile getir (bileşen dosyasına dokunmadan) ────── */
.su-sihirbaz[b-itvghhztw3]  .wiz-head {
  padding: 0;
  border: 0;
  background: transparent;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-steps {
  gap: 4px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

/* Adım göstergesi, referans sekme şeridi gibi: pasif şeffaf, seçili koyu vurgu + beyaz yazı.
   Dolgu eklendiği için bağlayıcı çizginin (::before, taban top:13px) daire merkezine
   oturması gerekir — dolgu her adımda aynı olduğundan hizalama korunur. */
.su-sihirbaz[b-itvghhztw3]  .wiz-step-ind {
  min-height: 34px;
  padding: 10px 8px 8px;
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-family: var(--font-body);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-step-ind:not(:first-child)::before {
  top: 23px;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-step-ind__label {
  font-size: 12.5px;
  font-weight: 600;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-step-ind.is-active {
  background: var(--marka-600);
  color: var(--on-brand);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-step-ind.is-active .wiz-step-ind__label {
  color: var(--on-brand);
}

/* Taban, seçili numarayı lacivert degrade + beyaz yazı yapıyor; koyu dolgunun üstünde
   lacivert-üstü-lacivert kalıyordu (okunmuyordu) → ters çevrildi: beyaz daire, lacivert rakam. */
.su-sihirbaz[b-itvghhztw3]  .wiz-step-ind.is-active .wiz-step-ind__num {
  background: var(--on-brand);
  border-color: transparent;
  color: var(--marka-600);
  transform: none;
  box-shadow: none;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-step-ind.is-done .wiz-step-ind__num {
  background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
  color: var(--marka-600);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-progress {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.su-sihirbaz[b-itvghhztw3]  .wiz-progress__fill {
  background: var(--marka-degrade);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-title {
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* Sihirbaz zaten .su-kart içinde — ikinci bir kart yüzeyi kurmasın. */
.su-sihirbaz[b-itvghhztw3]  .wiz-kart {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-body {
  padding: 0;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-error {
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  font-size: 13px;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-foot {
  gap: 8px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.su-sihirbaz[b-itvghhztw3]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-btn--primary:not(:disabled):hover {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-btn--ghost:not(:disabled):hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.su-sihirbaz[b-itvghhztw3]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Form alanları: referans girdi ölçüleri ────────────────────────── */
.su-vitrin[b-itvghhztw3]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.su-vitrin[b-itvghhztw3]  .app-input {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.su-vitrin[b-itvghhztw3]  textarea.app-input {
  min-height: 112px;
  line-height: 1.6;
}

.su-vitrin[b-itvghhztw3]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Popup: görünür native dialog ──────────────────────────────────── */
.su-popup[b-itvghhztw3] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.su-popup[open][b-itvghhztw3] {
  display: flex;
  flex-direction: column;
}

.su-popup[b-itvghhztw3]::backdrop {
  background: var(--scrim);
}

.su-popup-bas[b-itvghhztw3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.su-popup-bas h2[b-itvghhztw3] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.su-popup-bas h2:focus[b-itvghhztw3] {
  outline: none;
}

.su-vitrin .su-popup-kapat[b-itvghhztw3] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.su-popup-govde[b-itvghhztw3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.su-popup-govde > p[b-itvghhztw3] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.su-popup-eylem[b-itvghhztw3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .su-kapak[b-itvghhztw3] {
    padding: 16px;
  }

  .su-vitrin :is(.au-btn, .au-btn--sm)[b-itvghhztw3] {
    min-height: 44px;
  }

  .su-vitrin[b-itvghhztw3]  .app-input {
    min-height: 44px;
  }

  .su-sihirbaz[b-itvghhztw3]  .wiz-btn,
  .su-sihirbaz[b-itvghhztw3]  .wiz-step-ind {
    min-height: 44px;
  }

  /* Adım şeridi dar ekranda tek yatay kaydırılabilir şerit. */
  .su-sihirbaz[b-itvghhztw3]  .wiz-steps {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
}

@media (pointer: coarse) {
  .su-vitrin[b-itvghhztw3]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .su-kapak[b-itvghhztw3] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .su-baslik[b-itvghhztw3] {
    font-size: var(--yazi-kapak, 20px);
  }

  .su-bolum-baslik[b-itvghhztw3] {
    font-size: var(--yazi-bolum, 14px);
  }

  .su-kapak__durum[b-itvghhztw3] {
    margin-left: 0;
  }

  .su-kart[b-itvghhztw3] {
    padding: 16px 12px;
  }

  .su-form-izgara[b-itvghhztw3],
  .su-kunye[b-itvghhztw3] {
    grid-template-columns: minmax(0, 1fr);
  }

  .su-kunye > div[b-itvghhztw3],
  .su-ozet > div[b-itvghhztw3] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .su-eylem-satiri .au-btn[b-itvghhztw3],
  .su-consent-manage__row .au-btn[b-itvghhztw3] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .su-popup[b-itvghhztw3] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .su-popup-bas[b-itvghhztw3],
  .su-popup-govde[b-itvghhztw3],
  .su-popup-eylem[b-itvghhztw3] {
    padding: 12px;
  }

  .su-popup-eylem .au-btn[b-itvghhztw3] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/Stiller.razor.rz.scp.css */
/* MD-04 (2026-09-20) — Stiller: Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   3px kesik sol üst köşe, marka şeridi) + görünür popup. Yalnız var(--*) token; yeni hex YOK. */

.st-vitrin[b-jrn40p70gx] {
  padding-top: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.st-kapak[b-jrn40p70gx] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "suzgec suzgec suzgec";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Blazor `:deep(...)` sözdizimini tanımaz; kapsam özniteliğini pseudo-class'ın
   arkasına yazar ve seçici geçersiz olduğu için kural tümüyle düşerdi. */
.st-kapak[b-jrn40p70gx]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.st-kapak__baslik[b-jrn40p70gx] {
  grid-area: baslik;
  min-width: 0;
}

.st-kapak .au-title[b-jrn40p70gx] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.st-ozet[b-jrn40p70gx] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.4;
}

.st-kapak__eylem[b-jrn40p70gx] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
}

.st-suzgec[b-jrn40p70gx] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Geçerli `::deep` combinator'ı + `.st-vitrin` öneki: paylaşılan
   `.app-field ::deep .app-input { height: 46px }` (0,3,0) kuralını ezebilmek için
   özgüllük (0,4,0)'a yükseltildi; AppField.razor.css'e dokunulmadı. */
.st-vitrin .st-suzgec[b-jrn40p70gx]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.st-vitrin .st-suzgec[b-jrn40p70gx]  .app-input {
  min-height: 34px;
  /* `min-height` tek başına max(34,46)=46 bırakır; kutuyu 34px'e indiren `height`. */
  height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font-size: 13px;
  font-weight: 500;
}

/* Süzgeç aç/kapa yalnız telefonda — masaüstünde süzgeçler hep açık. */
.st-suzgec-dugme[b-jrn40p70gx] {
  display: none;
}

/* Kapakta düğme taban çizgisi: 34 px, 12.5/600, kesik sol üst köşe. */
.st-vitrin .au-btn[b-jrn40p70gx] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.st-vitrin .au-btn:hover[b-jrn40p70gx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.st-vitrin .au-btn--primary[b-jrn40p70gx] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.st-vitrin .au-btn--primary:hover[b-jrn40p70gx] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.st-vitrin .au-btn--danger[b-jrn40p70gx] {
  color: var(--danger-metin);
  border-color: color-mix(in srgb, var(--danger) 35%, var(--hat-girdi));
}

.st-vitrin .au-btn--danger:hover[b-jrn40p70gx] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.st-vitrin .au-btn:disabled[b-jrn40p70gx] {
  opacity: 0.55;
  cursor: not-allowed;
}

.st-vitrin .au-btn:focus-visible[b-jrn40p70gx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Boş / yetkisiz durum kartı ── */
.st-bos[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.st-bos p[b-jrn40p70gx] {
  margin: 0;
  line-height: 1.6;
}

.st-bos--dar[b-jrn40p70gx] {
  padding: 18px 12px;
}

/* ── Kart ızgarası ── */
.sm-grid[b-jrn40p70gx] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 16px;
}

.sm-card[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  position: relative;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sm-card[b-jrn40p70gx]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.sm-thumb[b-jrn40p70gx] {
  margin-top: 5px;
  border-radius: 3px 10px 10px 10px;
  overflow: hidden;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sm-thumb :deep(.me)[b-jrn40p70gx],
.sm-thumb :deep(.me-img)[b-jrn40p70gx] {
  width: 100%;
  height: 100%;
  margin: 0;
}

.sm-thumb :deep(.me-img)[b-jrn40p70gx] {
  object-fit: cover;
}

.sm-thumb :deep(.me-caption)[b-jrn40p70gx] {
  display: none;
}

.sm-thumb__ph[b-jrn40p70gx] {
  color: var(--metin-ipucu);
}

.sm-meta[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.sm-title[b-jrn40p70gx] {
  color: var(--metin-murekkep);
  font: 700 15px/1.3 var(--font-display);
  letter-spacing: -0.012em;
  overflow-wrap: anywhere;
}

.sm-tags[b-jrn40p70gx] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.sm-chip[b-jrn40p70gx] {
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 8px 8px 8px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.5;
}

.sm-chip--doku[b-jrn40p70gx] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  color: var(--marka-700);
}

.sm-actions[b-jrn40p70gx] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 10px;
  margin-top: auto;
  border-top: 1px solid var(--hat-kart);
}

.sm-pager[b-jrn40p70gx] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 20px;
}

.sm-pager__info[b-jrn40p70gx] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── Görünür popup (native top layer) ── */
.st-popup[b-jrn40p70gx] {
  width: min(760px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.st-popup--onay[b-jrn40p70gx] {
  width: min(460px, calc(100vw - 48px));
}

.st-popup[open][b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
}

.st-popup[b-jrn40p70gx]::backdrop {
  background: var(--scrim);
}

.st-popup__bas[b-jrn40p70gx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.st-popup__bas h2[b-jrn40p70gx] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.st-popup__bas h2:focus[b-jrn40p70gx] {
  outline: none;
}

.st-popup__kapat[b-jrn40p70gx] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.st-popup__uyari[b-jrn40p70gx] {
  flex: 0 0 auto;
  margin: 12px 18px 0;
}

.st-popup__govde[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 16px 18px 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.st-popup__govde:focus-visible[b-jrn40p70gx] {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.st-popup__alt[b-jrn40p70gx] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.st-onay__metin[b-jrn40p70gx] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Popup içi bölüm sekmeleri ── */
.st-sekmeler[b-jrn40p70gx] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 0 0 auto;
  min-width: 0;
  margin: 12px 18px 0;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.st-sekme[b-jrn40p70gx] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.st-sekme:hover[b-jrn40p70gx] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.st-sekme[aria-selected="true"][b-jrn40p70gx] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.st-sekme:focus-visible[b-jrn40p70gx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Popup içi form ── */
.st-panel :deep(.app-input)[b-jrn40p70gx] {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font-size: 13px;
}

.st-bilgi[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 4px 0 0;
}

.st-bilgi > div[b-jrn40p70gx] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.st-bilgi > div:nth-child(odd)[b-jrn40p70gx] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.st-bilgi dt[b-jrn40p70gx] {
  color: var(--metin-ipucu);
}

.st-bilgi dd[b-jrn40p70gx] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
}

.sm-image[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  max-width: 240px;
}

.sm-image :deep(.me)[b-jrn40p70gx] {
  margin: 0;
}

.sm-image :deep(.me-img)[b-jrn40p70gx] {
  width: 100%;
  border-radius: 3px 10px 10px 10px;
}

/* ── Referans (asset) ızgarası ── */
.sm-asset-grid[b-jrn40p70gx] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 8px;
}

.sm-asset-card[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sm-asset-thumb[b-jrn40p70gx] {
  border-radius: 3px 8px 8px 8px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sm-asset-thumb :deep(.me)[b-jrn40p70gx],
.sm-asset-thumb :deep(.me-img)[b-jrn40p70gx] {
  width: 100%;
  height: 100%;
  margin: 0;
}

.sm-asset-thumb :deep(.me-img)[b-jrn40p70gx] {
  object-fit: cover;
}

.sm-asset-thumb :deep(.me-caption)[b-jrn40p70gx] {
  display: none;
}

.sm-pending[b-jrn40p70gx] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--hat-kart);
}

.sm-gen__label[b-jrn40p70gx] {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sm-gen__actions[b-jrn40p70gx] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.st-vitrin .au-group-title[b-jrn40p70gx] {
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.st-vitrin .au-group-title[b-jrn40p70gx]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.st-vitrin .au-dim[b-jrn40p70gx] {
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .st-kapak[b-jrn40p70gx] {
    padding: 16px;
  }
  .st-vitrin .au-btn[b-jrn40p70gx] {
    min-height: 44px;
  }
  .st-sekme[b-jrn40p70gx] {
    min-height: 44px;
  }
  .st-panel :deep(.app-input)[b-jrn40p70gx] {
    font-size: max(16px, 1rem);
  }
  /* Masaüstü süzgeç kuralı (0,4,0) tablette de geçerli olduğundan girdi 34px'e
     düşüyordu; dokunma hedefi 44px ve iOS odak-zoom eşiği 16px için telafi. */
  .st-vitrin .st-suzgec[b-jrn40p70gx]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }
  .st-popup[b-jrn40p70gx] {
    width: calc(100vw - 32px);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .st-kapak[b-jrn40p70gx] {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem"
      "suzgec suzgec";
    padding: 12px;
  }
  .st-kapak .au-title[b-jrn40p70gx] {
    font-size: var(--yazi-kapak, 20px);
  }
  .st-kapak__eylem[b-jrn40p70gx] {
    justify-self: stretch;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .st-kapak__eylem .au-btn[b-jrn40p70gx] {
    flex: 1 1 0;
    min-height: 44px;
  }
  .st-suzgec-dugme[b-jrn40p70gx] {
    display: inline-flex;
  }
  .st-suzgec[b-jrn40p70gx] {
    display: none;
    grid-template-columns: minmax(0, 1fr);
  }
  .st-suzgec.is-acik[b-jrn40p70gx] {
    display: grid;
  }
  /* Telefon kuralı da masaüstüyle AYNI özgüllükte (0,4,0) olmalı; medya sorgusu
     özgüllük eklemez, aksi halde masaüstü `max-width: 210px` burada da kazanırdı. */
  .st-vitrin .st-suzgec[b-jrn40p70gx]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }
  .st-vitrin .st-suzgec[b-jrn40p70gx]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
  .sm-grid[b-jrn40p70gx] {
    grid-template-columns: minmax(0, 1fr);
  }
  .sm-title[b-jrn40p70gx] {
    font-size: var(--yazi-bolum, 14px);
  }
  .st-vitrin .au-btn[b-jrn40p70gx] {
    min-height: 44px;
  }
  .st-vitrin .au-group-title[b-jrn40p70gx] {
    font-size: var(--yazi-bolum, 14px);
  }
  .st-popup[b-jrn40p70gx] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .st-sekmeler[b-jrn40p70gx] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    margin-inline: 12px;
  }
  .st-sekme[b-jrn40p70gx] {
    flex: 0 0 auto;
    min-height: 44px;
  }
  .st-popup__bas[b-jrn40p70gx],
  .st-popup__govde[b-jrn40p70gx],
  .st-popup__alt[b-jrn40p70gx] {
    padding: 12px;
  }
  .st-popup__uyari[b-jrn40p70gx] {
    margin-inline: 12px;
  }
  .st-popup__alt .au-btn[b-jrn40p70gx] {
    flex: 1 1 auto;
  }
  .st-panel :deep(.app-input)[b-jrn40p70gx] {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
  .st-bilgi > div[b-jrn40p70gx] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .st-kapak[b-jrn40p70gx] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }
  /* `end` shrink-to-fit ölçtürür; Chromium sarmalı flex kabın max-content'ini
     çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 176px` tabanını saymaz →
     kap daralır, süzgeçler alt alta yığılır. Kap hücreyi kaplasın, sağa yaslamayı
     flex satırı yapsın. */
  .st-suzgec[b-jrn40p70gx] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/VaryasyonSecimi.razor.rz.scp.css */
/* Varyasyon seçimi — Akademik Analiz kapak/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-02): eski `.vs-sets` / `.vs-set__head` / `.vs-grid` / `.vs-select` düzeni
   kapak + süzgeç + büyük önizleme penceresiyle değişti; ölü kurallar silindi. */

.vs-vitrin[b-1saz0ouawq] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.vs-vitrin .vs-kapak[b-1saz0ouawq] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vs-vitrin .vs-kapak__geri[b-1saz0ouawq] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.vs-vitrin .vs-kapak__geri[b-1saz0ouawq]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vs-vitrin .vs-kapak__baslik[b-1saz0ouawq] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.vs-vitrin .vs-kapak .au-title[b-1saz0ouawq] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vs-vitrin .vs-kapak__alt[b-1saz0ouawq] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeç: kapak içinde ikinci kart oluşturmaz ── */
.vs-vitrin .vs-suzgec[b-1saz0ouawq] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.vs-vitrin .vs-suzgec > *[b-1saz0ouawq] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.vs-vitrin .vs-suzgec[b-1saz0ouawq]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.vs-vitrin .vs-suzgec[b-1saz0ouawq]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.vs-vitrin .vs-suzgec[b-1saz0ouawq]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vs-vitrin .vs-kapak__eylem[b-1saz0ouawq] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.vs-vitrin .vs-dugme[b-1saz0ouawq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.vs-vitrin .vs-dugme:hover:not(:disabled)[b-1saz0ouawq] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vs-vitrin .vs-dugme--ana[b-1saz0ouawq] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.vs-vitrin .vs-dugme--ana:hover:not(:disabled)[b-1saz0ouawq] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.vs-vitrin .vs-dugme:disabled[b-1saz0ouawq] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vs-vitrin .vs-dugme:focus-visible[b-1saz0ouawq] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapsam şeridi ── */
.vs-vitrin .vs-not[b-1saz0ouawq] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vs-vitrin .vs-not svg[b-1saz0ouawq] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* Kapsam uyarısı (tek çekimde en çok 100 set) kendi satırında okunur. */
.vs-vitrin .vs-not b[b-1saz0ouawq] {
  display: block;
  margin-top: 4px;
  color: var(--metin-murekkep);
  font-weight: 600;
}

/* ── Set kartı ── */
.vs-vitrin .vs-setler[b-1saz0ouawq] {
  display: flex;
  flex-direction: column;
}

.vs-vitrin .vs-kart[b-1saz0ouawq] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vs-vitrin .vs-kart[b-1saz0ouawq]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vs-vitrin .vs-set__bas[b-1saz0ouawq] {
  margin-bottom: 12px;
}

.vs-vitrin .vs-bolum__baslik[b-1saz0ouawq] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  overflow-wrap: anywhere;
}

.vs-vitrin .vs-bolum__baslik[b-1saz0ouawq]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vs-vitrin .vs-etiketler[b-1saz0ouawq] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.vs-vitrin .vs-etiket[b-1saz0ouawq] {
  padding: 2px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--radius-pill);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.vs-vitrin .vs-ipucu[b-1saz0ouawq] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.vs-vitrin .vs-aciklama[b-1saz0ouawq] {
  margin: 12px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.vs-vitrin .vs-bos[b-1saz0ouawq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.vs-vitrin .vs-bos p[b-1saz0ouawq] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Varyasyon ızgarası ── */
.vs-vitrin .vs-izgara[b-1saz0ouawq] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
  gap: 16px;
}

.vs-vitrin .vs-varyasyon[b-1saz0ouawq] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.vs-vitrin .vs-varyasyon:hover[b-1saz0ouawq],
.vs-vitrin .vs-varyasyon:focus-within[b-1saz0ouawq] {
  border-color: var(--marka-400);
}

.vs-vitrin .vs-varyasyon__medya[b-1saz0ouawq] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 3;
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  overflow: hidden;
}

.vs-vitrin .vs-varyasyon__medya[b-1saz0ouawq]  .me,
.vs-vitrin .vs-varyasyon__medya[b-1saz0ouawq]  .me-img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.vs-vitrin .vs-varyasyon__medya[b-1saz0ouawq]  .me-img {
  object-fit: cover;
}

.vs-vitrin .vs-varyasyon__medya[b-1saz0ouawq]  .me-caption {
  display: none;
}

.vs-vitrin .vs-varyasyon__eylem[b-1saz0ouawq] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vs-vitrin .vs-varyasyon__eylem .vs-dugme[b-1saz0ouawq] {
  flex: 1 1 auto;
}

/* ── Görünür popup: native dialog top-layer ── */
.vs-vitrin .vs-popup[b-1saz0ouawq] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.vs-vitrin .vs-popup[open][b-1saz0ouawq] {
  display: flex;
  flex-direction: column;
}

.vs-vitrin .vs-popup[b-1saz0ouawq]::backdrop {
  background: var(--scrim);
}

.vs-vitrin .vs-popup__bas[b-1saz0ouawq] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.vs-vitrin .vs-popup__bas > div[b-1saz0ouawq] {
  min-width: 0;
}

.vs-vitrin .vs-popup__bas h2[b-1saz0ouawq] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.vs-vitrin .vs-popup__bas h2:focus[b-1saz0ouawq] {
  outline: none;
}

.vs-vitrin .vs-popup__bas p[b-1saz0ouawq] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vs-vitrin .vs-popup__kapat[b-1saz0ouawq] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.vs-vitrin .vs-popup__kapat:hover:not(:disabled)[b-1saz0ouawq] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vs-vitrin .vs-popup__kapat:focus-visible[b-1saz0ouawq] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vs-vitrin .vs-popup__govde[b-1saz0ouawq] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vs-vitrin .vs-popup__medya[b-1saz0ouawq]  .me-img {
  width: 100%;
  max-height: min(60dvh, 520px);
  object-fit: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey-alt);
}

.vs-vitrin .vs-popup__eylem[b-1saz0ouawq] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vs-vitrin .vs-kapak[b-1saz0ouawq] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .vs-vitrin .vs-kapak__geri[b-1saz0ouawq],
  .vs-vitrin .vs-kapak__baslik[b-1saz0ouawq],
  .vs-vitrin .vs-suzgec[b-1saz0ouawq],
  .vs-vitrin .vs-kapak__eylem[b-1saz0ouawq] {
    grid-row: 1;
  }

  .vs-vitrin .vs-suzgec[b-1saz0ouawq] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .vs-vitrin .vs-kapak__eylem[b-1saz0ouawq] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vs-vitrin .vs-kapak[b-1saz0ouawq] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .vs-vitrin .vs-kapak__geri[b-1saz0ouawq]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }

  .vs-vitrin .vs-dugme[b-1saz0ouawq],
  .vs-vitrin .vs-popup__kapat[b-1saz0ouawq] {
    min-height: 44px;
  }

  .vs-vitrin .vs-suzgec[b-1saz0ouawq]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vs-vitrin .vs-kapak[b-1saz0ouawq] {
    padding: 12px;
    gap: 12px 8px;
  }

  .vs-vitrin .vs-kapak .au-title[b-1saz0ouawq] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vs-vitrin .vs-kapak__alt[b-1saz0ouawq],
  .vs-vitrin .vs-not[b-1saz0ouawq] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vs-vitrin .vs-suzgec[b-1saz0ouawq] {
    flex-direction: column;
    align-items: stretch;
  }

  .vs-vitrin .vs-suzgec > *[b-1saz0ouawq] {
    max-width: none;
  }

  .vs-vitrin .vs-kapak__eylem .vs-dugme[b-1saz0ouawq] {
    flex: 1 1 140px;
  }

  .vs-vitrin .vs-kart[b-1saz0ouawq] {
    padding: 16px 12px;
  }

  .vs-vitrin .vs-bolum__baslik[b-1saz0ouawq] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vs-vitrin .vs-izgara[b-1saz0ouawq] {
    grid-template-columns: 1fr;
  }

  .vs-vitrin .vs-popup[b-1saz0ouawq] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .vs-vitrin .vs-popup__bas[b-1saz0ouawq],
  .vs-vitrin .vs-popup__govde[b-1saz0ouawq],
  .vs-vitrin .vs-popup__eylem[b-1saz0ouawq] {
    padding: 12px;
  }

  .vs-vitrin .vs-popup__bas h2[b-1saz0ouawq] {
    font-size: 17px;
  }

  .vs-vitrin .vs-popup__eylem .vs-dugme[b-1saz0ouawq] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/VideoDetay.razor.rz.scp.css */
/* Video detayı — Akademik Analiz kapak/kart/künye/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-05): eski `.vd-badges` / `.vd-chip` / `.vd-panel` / `.vd-hitl` / `.vd-actions`
   kuralları ÖLÜ (yeni markup'ta seçici yok) → silindi. */

.vd-vitrin[b-x6ywnt55u7] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + rozetler + eylemler tek beyaz yüzeyde ── */
.vd-vitrin .vd-kapak[b-x6ywnt55u7] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vd-vitrin .vd-kapak__geri[b-x6ywnt55u7] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.vd-vitrin .vd-kapak__geri[b-x6ywnt55u7]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vd-vitrin .vd-kapak__baslik[b-x6ywnt55u7] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.vd-vitrin .vd-kapak .au-title[b-x6ywnt55u7] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-rozetler[b-x6ywnt55u7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.vd-vitrin .vd-durum[b-x6ywnt55u7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.vd-vitrin .vd-durum[b-x6ywnt55u7]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.vd-vitrin .vd-durum.is-tamam[b-x6ywnt55u7] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.vd-vitrin .vd-durum.is-isleniyor[b-x6ywnt55u7] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.vd-vitrin .vd-durum.is-hata[b-x6ywnt55u7] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.vd-vitrin .vd-etiket[b-x6ywnt55u7] {
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font: 500 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.vd-vitrin .vd-etiket--uyari[b-x6ywnt55u7] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.vd-vitrin .vd-kapak__eylem[b-x6ywnt55u7] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.vd-vitrin .vd-dugme[b-x6ywnt55u7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.vd-vitrin .vd-dugme:hover:not(:disabled)[b-x6ywnt55u7] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vd-vitrin .vd-dugme--ana[b-x6ywnt55u7] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vd-vitrin .vd-dugme--ana:hover:not(:disabled)[b-x6ywnt55u7] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vd-vitrin .vd-dugme--risk[b-x6ywnt55u7] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  color: var(--danger-metin);
}

.vd-vitrin .vd-dugme--risk:hover:not(:disabled)[b-x6ywnt55u7] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.vd-vitrin .vd-dugme:disabled[b-x6ywnt55u7] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vd-vitrin .vd-dugme:focus-visible[b-x6ywnt55u7] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sayfa düzeyi hata / indirme şeridi ── */
.vd-vitrin .vd-hata[b-x6ywnt55u7] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
}

.vd-vitrin .vd-indir[b-x6ywnt55u7] {
  margin: 0 0 16px;
}

/* ── Bölüm kartı ── */
.vd-vitrin .vd-kart[b-x6ywnt55u7] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vd-vitrin .vd-kart[b-x6ywnt55u7]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vd-vitrin .vd-bolum__baslik[b-x6ywnt55u7] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.vd-vitrin .vd-bolum__baslik[b-x6ywnt55u7]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vd-vitrin .vd-not[b-x6ywnt55u7] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.vd-vitrin .vd-maliyet[b-x6ywnt55u7] {
  margin: 0 0 6px;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.vd-vitrin .vd-sure[b-x6ywnt55u7] {
  margin: 0 0 12px;
  color: var(--marka-rampa-uc);
  font: 600 12.5px/1.4 var(--font-body);
}

.vd-vitrin .vd-eylem[b-x6ywnt55u7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Medya ── */
.vd-vitrin .vd-medya[b-x6ywnt55u7]  .me,
.vd-vitrin .vd-medya[b-x6ywnt55u7]  .me-video,
.vd-vitrin .vd-medya[b-x6ywnt55u7]  .me-img {
  width: 100%;
  margin: 0;
  border-radius: 3px 10px 10px 10px;
}

.vd-vitrin .vd-medya[b-x6ywnt55u7]  .me-video {
  max-height: 560px;
  object-fit: contain;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.vd-vitrin .vd-medya[b-x6ywnt55u7]  .me-caption {
  margin-top: 8px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.vd-vitrin .vd-girdiler[b-x6ywnt55u7] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}

.vd-vitrin .vd-girdi[b-x6ywnt55u7] {
  padding: 8px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.vd-vitrin .vd-girdi[b-x6ywnt55u7]  .me,
.vd-vitrin .vd-girdi[b-x6ywnt55u7]  .me-img,
.vd-vitrin .vd-girdi[b-x6ywnt55u7]  .me-imglink {
  width: 100%;
  margin: 0;
}

.vd-vitrin .vd-girdi[b-x6ywnt55u7]  .me-img {
  border-radius: 3px 10px 10px 10px;
  object-fit: cover;
}

/* ── Künye ── */
.vd-vitrin .vd-olgular[b-x6ywnt55u7] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.vd-vitrin .vd-olgular > div[b-x6ywnt55u7] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.vd-vitrin .vd-olgular > div:nth-child(odd)[b-x6ywnt55u7] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vd-vitrin .vd-olgular dt[b-x6ywnt55u7] {
  color: var(--metin-ipucu);
}

.vd-vitrin .vd-olgular dd[b-x6ywnt55u7] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-baglanti[b-x6ywnt55u7] {
  color: var(--marka-600);
  font-weight: 600;
  text-decoration: none;
}

.vd-vitrin .vd-baglanti:hover[b-x6ywnt55u7],
.vd-vitrin .vd-baglanti:focus-visible[b-x6ywnt55u7] {
  text-decoration: underline;
}

/* ── Görünür popup: native dialog top-layer ── */
.vd-vitrin .vd-popup[b-x6ywnt55u7] {
  width: min(600px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.vd-vitrin .vd-popup[open][b-x6ywnt55u7] {
  display: flex;
  flex-direction: column;
}

.vd-vitrin .vd-popup[b-x6ywnt55u7]::backdrop {
  background: var(--scrim);
}

.vd-vitrin .vd-popup__bas[b-x6ywnt55u7] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.vd-vitrin .vd-popup__bas > div[b-x6ywnt55u7] {
  min-width: 0;
}

.vd-vitrin .vd-popup__bas h2[b-x6ywnt55u7] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-popup__bas h2:focus[b-x6ywnt55u7] {
  outline: none;
}

.vd-vitrin .vd-popup__bas p[b-x6ywnt55u7] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-popup__kapat[b-x6ywnt55u7] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.vd-vitrin .vd-popup__kapat:hover[b-x6ywnt55u7] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vd-vitrin .vd-popup__kapat:focus-visible[b-x6ywnt55u7] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vd-vitrin .vd-popup__govde[b-x6ywnt55u7] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vd-vitrin .vd-popup__not[b-x6ywnt55u7] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vd-vitrin .vd-popup__hata[b-x6ywnt55u7] {
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-popup__eylem[b-x6ywnt55u7] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vd-vitrin .vd-kapak[b-x6ywnt55u7] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .vd-vitrin .vd-kapak__geri[b-x6ywnt55u7],
  .vd-vitrin .vd-kapak__baslik[b-x6ywnt55u7],
  .vd-vitrin .vd-kapak__eylem[b-x6ywnt55u7] {
    grid-row: 1;
  }

  .vd-vitrin .vd-kapak__eylem[b-x6ywnt55u7] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vd-vitrin .vd-kapak[b-x6ywnt55u7] {
    padding: 16px;
  }

  .vd-vitrin .vd-dugme[b-x6ywnt55u7] {
    min-height: 44px;
  }

  .vd-vitrin .vd-popup__govde[b-x6ywnt55u7]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vd-vitrin .vd-kapak[b-x6ywnt55u7] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .vd-vitrin .vd-kapak .au-title[b-x6ywnt55u7] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vd-vitrin .vd-not[b-x6ywnt55u7],
  .vd-vitrin .vd-hata[b-x6ywnt55u7] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vd-vitrin .vd-kapak__eylem[b-x6ywnt55u7] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  /* CİHAZ'daki 44 px dokunma hedefi burada DÜŞÜRÜLMEZ (daha özgül seçici ezerdi). */
  .vd-vitrin .vd-kapak__eylem .vd-dugme[b-x6ywnt55u7] {
    flex: 1 0 auto;
  }

  .vd-vitrin .vd-kart[b-x6ywnt55u7] {
    padding: 16px 12px;
  }

  .vd-vitrin .vd-bolum__baslik[b-x6ywnt55u7] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vd-vitrin .vd-girdiler[b-x6ywnt55u7] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vd-vitrin .vd-olgular > div[b-x6ywnt55u7] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    padding: 10px 6px;
  }

  .vd-vitrin .vd-popup[b-x6ywnt55u7] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .vd-vitrin .vd-popup__bas[b-x6ywnt55u7],
  .vd-vitrin .vd-popup__govde[b-x6ywnt55u7],
  .vd-vitrin .vd-popup__eylem[b-x6ywnt55u7] {
    padding: 12px;
  }

  .vd-vitrin .vd-popup__bas h2[b-x6ywnt55u7] {
    font-size: 17px;
  }

  .vd-vitrin .vd-popup__eylem .vd-dugme[b-x6ywnt55u7] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/VideoListe.razor.rz.scp.css */
/* Videolar listesi — Akademik Analiz kapak/kart/ızgara ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-05): eski `.vl-grid` / `.vl-card` / `.vl-thumb` / `.vl-pager` kuralları ÖLÜ → silindi. */

.vl-vitrin[b-5bhxdiuwrc] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.vl-vitrin .vl-kapak[b-5bhxdiuwrc] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vl-vitrin .vl-kapak__geri[b-5bhxdiuwrc] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.vl-vitrin .vl-kapak__geri[b-5bhxdiuwrc]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vl-vitrin .vl-kapak__baslik[b-5bhxdiuwrc] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.vl-vitrin .vl-kapak .au-title[b-5bhxdiuwrc] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vl-vitrin .vl-kapak__alt[b-5bhxdiuwrc] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci bir kart oluşturmaz ── */
.vl-vitrin .vl-suzgec[b-5bhxdiuwrc] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.vl-vitrin .vl-suzgec > *[b-5bhxdiuwrc] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.vl-vitrin .vl-suzgec[b-5bhxdiuwrc]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.vl-vitrin .vl-suzgec[b-5bhxdiuwrc]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.vl-vitrin .vl-suzgec[b-5bhxdiuwrc]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.vl-vitrin .vl-kapak__eylem[b-5bhxdiuwrc] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.vl-vitrin .vl-dugme[b-5bhxdiuwrc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.vl-vitrin .vl-dugme:hover:not(:disabled)[b-5bhxdiuwrc] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vl-vitrin .vl-dugme--ana[b-5bhxdiuwrc] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vl-vitrin .vl-dugme--ana:hover:not(:disabled)[b-5bhxdiuwrc] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vl-vitrin .vl-dugme:disabled[b-5bhxdiuwrc] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vl-vitrin .vl-dugme:focus-visible[b-5bhxdiuwrc] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.vl-vitrin .vl-kart[b-5bhxdiuwrc] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vl-vitrin .vl-kart[b-5bhxdiuwrc]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vl-vitrin .vl-bolum__baslik[b-5bhxdiuwrc] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.vl-vitrin .vl-bolum__baslik[b-5bhxdiuwrc]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vl-vitrin .vl-bos[b-5bhxdiuwrc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vl-vitrin .vl-bos p[b-5bhxdiuwrc] {
  margin: 0;
  line-height: 1.6;
}

/* ── Video ızgarası ── */
.vl-vitrin .vl-izgara[b-5bhxdiuwrc] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
  gap: 16px;
}

.vl-vitrin .vl-kutu[b-5bhxdiuwrc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.vl-vitrin .vl-kutu:hover[b-5bhxdiuwrc],
.vl-vitrin .vl-kutu:focus-within[b-5bhxdiuwrc] {
  border-color: var(--marka-400);
}

.vl-vitrin .vl-onizleme[b-5bhxdiuwrc] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.vl-vitrin .vl-onizleme[b-5bhxdiuwrc]  .me,
.vl-vitrin .vl-onizleme[b-5bhxdiuwrc]  .me-img,
.vl-vitrin .vl-onizleme[b-5bhxdiuwrc]  .me-imglink,
.vl-vitrin .vl-onizleme[b-5bhxdiuwrc]  .me-video {
  width: 100%;
  height: 100%;
  margin: 0;
}

.vl-vitrin .vl-onizleme[b-5bhxdiuwrc]  .me-img,
.vl-vitrin .vl-onizleme[b-5bhxdiuwrc]  .me-video {
  object-fit: cover;
}

/* Kartta alt "yeni sekmede aç" satırı gürültü yapmasın; detay bağlantısı zaten var. */
.vl-vitrin .vl-onizleme[b-5bhxdiuwrc]  .me-caption {
  display: none;
}

.vl-vitrin .vl-onizleme__bos[b-5bhxdiuwrc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.vl-vitrin .vl-govde[b-5bhxdiuwrc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.vl-vitrin .vl-baslik[b-5bhxdiuwrc] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--marka-700);
  font: 600 13.5px/1.35 var(--font-body);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.vl-vitrin .vl-baslik:hover[b-5bhxdiuwrc],
.vl-vitrin .vl-baslik:focus-visible[b-5bhxdiuwrc] {
  text-decoration: underline;
}

.vl-vitrin .vl-rozetler[b-5bhxdiuwrc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.vl-vitrin .vl-durum[b-5bhxdiuwrc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.vl-vitrin .vl-durum[b-5bhxdiuwrc]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.vl-vitrin .vl-durum.is-tamam[b-5bhxdiuwrc] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.vl-vitrin .vl-durum.is-isleniyor[b-5bhxdiuwrc] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.vl-vitrin .vl-durum.is-hata[b-5bhxdiuwrc] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.vl-vitrin .vl-etiket[b-5bhxdiuwrc] {
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font: 500 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.vl-vitrin .vl-uyari[b-5bhxdiuwrc] {
  margin: 0;
  padding: 8px 10px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 11.5px;
  line-height: 1.45;
}

.vl-vitrin .vl-olgu[b-5bhxdiuwrc] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

.vl-vitrin .vl-sayi[b-5bhxdiuwrc] {
  font-variant-numeric: tabular-nums;
}

.vl-vitrin .vl-kutu__detay[b-5bhxdiuwrc] {
  align-self: flex-start;
  margin-top: 2px;
}

.vl-vitrin .vl-sayfalama[b-5bhxdiuwrc] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vl-vitrin .vl-kapak[b-5bhxdiuwrc] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .vl-vitrin .vl-kapak__geri[b-5bhxdiuwrc],
  .vl-vitrin .vl-kapak__baslik[b-5bhxdiuwrc],
  .vl-vitrin .vl-suzgec[b-5bhxdiuwrc],
  .vl-vitrin .vl-kapak__eylem[b-5bhxdiuwrc] {
    grid-row: 1;
  }

  .vl-vitrin .vl-suzgec[b-5bhxdiuwrc] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .vl-vitrin .vl-kapak__eylem[b-5bhxdiuwrc] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vl-vitrin .vl-kapak[b-5bhxdiuwrc] {
    padding: 16px;
  }

  .vl-vitrin .vl-dugme[b-5bhxdiuwrc] {
    min-height: 44px;
  }

  .vl-vitrin .vl-suzgec[b-5bhxdiuwrc]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vl-vitrin .vl-kapak[b-5bhxdiuwrc] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .vl-vitrin .vl-kapak .au-title[b-5bhxdiuwrc] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vl-vitrin .vl-kapak__alt[b-5bhxdiuwrc] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vl-vitrin .vl-suzgec[b-5bhxdiuwrc] {
    flex-direction: column;
    align-items: stretch;
  }

  .vl-vitrin .vl-suzgec > *[b-5bhxdiuwrc] {
    max-width: none;
  }

  .vl-vitrin .vl-kapak__eylem[b-5bhxdiuwrc] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  /* CİHAZ'daki 44 px dokunma hedefi burada DÜŞÜRÜLMEZ (daha özgül seçici ezerdi). */
  .vl-vitrin .vl-kapak__eylem .vl-dugme[b-5bhxdiuwrc] {
    flex: 1 0 auto;
  }

  .vl-vitrin .vl-kart[b-5bhxdiuwrc] {
    padding: 16px 12px;
  }

  .vl-vitrin .vl-bolum__baslik[b-5bhxdiuwrc] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vl-vitrin .vl-izgara[b-5bhxdiuwrc] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vl-vitrin .vl-kutu__detay[b-5bhxdiuwrc] {
    align-self: stretch;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/VideoOnayKuyrugu.razor.rz.scp.css */
/* Video onay kuyruğu — Akademik Analiz kapak/sekme/kart/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-05): eski `.vo-card` / `.vo-media` / `.vo-kind` kuralları ÖLÜ → silindi. */

.vo-vitrin[b-3kkp4rs9h8] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.vo-vitrin .vo-kapak[b-3kkp4rs9h8] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vo-vitrin .vo-kapak__geri[b-3kkp4rs9h8] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.vo-vitrin .vo-kapak__geri[b-3kkp4rs9h8]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vo-vitrin .vo-kapak__baslik[b-3kkp4rs9h8] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.vo-vitrin .vo-kapak .au-title[b-3kkp4rs9h8] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vo-vitrin .vo-kapak__alt[b-3kkp4rs9h8] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.vo-vitrin .vo-kapak__eylem[b-3kkp4rs9h8] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.vo-vitrin .vo-dugme[b-3kkp4rs9h8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.vo-vitrin .vo-dugme:hover:not(:disabled)[b-3kkp4rs9h8] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vo-vitrin .vo-dugme--ana[b-3kkp4rs9h8] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vo-vitrin .vo-dugme--ana:hover:not(:disabled)[b-3kkp4rs9h8] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vo-vitrin .vo-dugme--risk[b-3kkp4rs9h8] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  color: var(--danger-metin);
}

.vo-vitrin .vo-dugme--risk:hover:not(:disabled)[b-3kkp4rs9h8] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.vo-vitrin .vo-dugme:disabled[b-3kkp4rs9h8] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vo-vitrin .vo-dugme:focus-visible[b-3kkp4rs9h8] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, içerikle 16 px ── */
.vo-vitrin .vo-sekmeler[b-3kkp4rs9h8] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.vo-vitrin .vo-sekme[b-3kkp4rs9h8] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.vo-vitrin .vo-sekme:hover:not(.is-secili)[b-3kkp4rs9h8] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.vo-vitrin .vo-sekme.is-secili[b-3kkp4rs9h8] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.vo-vitrin .vo-sekme:focus-visible[b-3kkp4rs9h8] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vo-vitrin .vo-sekme__sayi[b-3kkp4rs9h8] {
  margin-left: 6px;
  font-variant-numeric: tabular-nums;
  opacity: 0.8;
}

/* ── Bölüm kartı ── */
.vo-vitrin .vo-kart[b-3kkp4rs9h8] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vo-vitrin .vo-kart[b-3kkp4rs9h8]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vo-vitrin .vo-kart:focus-visible[b-3kkp4rs9h8] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vo-vitrin .vo-bolum__baslik[b-3kkp4rs9h8] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 4px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.vo-vitrin .vo-bolum__baslik[b-3kkp4rs9h8]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vo-vitrin .vo-bolum__alt[b-3kkp4rs9h8] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vo-vitrin .vo-bos[b-3kkp4rs9h8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vo-vitrin .vo-bos p[b-3kkp4rs9h8] {
  margin: 0;
  line-height: 1.6;
}

/* ── Kuyruk satırları ── */
.vo-vitrin .vo-liste[b-3kkp4rs9h8] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vo-vitrin .vo-satir[b-3kkp4rs9h8] {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.vo-vitrin .vo-satir:hover[b-3kkp4rs9h8],
.vo-vitrin .vo-satir:focus-within[b-3kkp4rs9h8] {
  border-color: var(--marka-400);
}

.vo-vitrin .vo-onizleme[b-3kkp4rs9h8] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.vo-vitrin .vo-onizleme[b-3kkp4rs9h8]  .me,
.vo-vitrin .vo-onizleme[b-3kkp4rs9h8]  .me-img,
.vo-vitrin .vo-onizleme[b-3kkp4rs9h8]  .me-imglink,
.vo-vitrin .vo-onizleme[b-3kkp4rs9h8]  .me-video {
  width: 100%;
  height: 100%;
  margin: 0;
}

.vo-vitrin .vo-onizleme[b-3kkp4rs9h8]  .me-img,
.vo-vitrin .vo-onizleme[b-3kkp4rs9h8]  .me-video {
  object-fit: cover;
}

.vo-vitrin .vo-onizleme[b-3kkp4rs9h8]  .me-caption {
  display: none;
}

.vo-vitrin .vo-onizleme__bos[b-3kkp4rs9h8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.vo-vitrin .vo-govde[b-3kkp4rs9h8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.vo-vitrin .vo-baslik[b-3kkp4rs9h8] {
  color: var(--marka-700);
  font: 600 14px/1.35 var(--font-body);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.vo-vitrin .vo-baslik:hover[b-3kkp4rs9h8],
.vo-vitrin .vo-baslik:focus-visible[b-3kkp4rs9h8] {
  text-decoration: underline;
}

.vo-vitrin .vo-rozetler[b-3kkp4rs9h8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.vo-vitrin .vo-durum[b-3kkp4rs9h8] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.vo-vitrin .vo-durum[b-3kkp4rs9h8]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.vo-vitrin .vo-durum.is-tamam[b-3kkp4rs9h8] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.vo-vitrin .vo-durum.is-isleniyor[b-3kkp4rs9h8] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.vo-vitrin .vo-durum.is-hata[b-3kkp4rs9h8] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.vo-vitrin .vo-etiket[b-3kkp4rs9h8] {
  padding: 3px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font: 500 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.vo-vitrin .vo-sayi[b-3kkp4rs9h8] {
  font-variant-numeric: tabular-nums;
}

.vo-vitrin .vo-olgu[b-3kkp4rs9h8] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

.vo-vitrin .vo-sure[b-3kkp4rs9h8] {
  color: var(--marka-rampa-uc);
  font-weight: 600;
}

.vo-vitrin .vo-uyari[b-3kkp4rs9h8] {
  margin: 0;
  padding: 8px 10px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.vo-vitrin .vo-eylem[b-3kkp4rs9h8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.vo-vitrin .vo-tur[b-3kkp4rs9h8] {
  margin-right: 2px;
  color: var(--metin-ipucu);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* ── Görünür popup: native dialog top-layer ── */
.vo-vitrin .vo-popup[b-3kkp4rs9h8] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.vo-vitrin .vo-popup[open][b-3kkp4rs9h8] {
  display: flex;
  flex-direction: column;
}

.vo-vitrin .vo-popup[b-3kkp4rs9h8]::backdrop {
  background: var(--scrim);
}

.vo-vitrin .vo-popup__bas[b-3kkp4rs9h8] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.vo-vitrin .vo-popup__bas > div[b-3kkp4rs9h8] {
  min-width: 0;
}

.vo-vitrin .vo-popup__bas h2[b-3kkp4rs9h8] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.vo-vitrin .vo-popup__bas h2:focus[b-3kkp4rs9h8] {
  outline: none;
}

.vo-vitrin .vo-popup__bas p[b-3kkp4rs9h8] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vo-vitrin .vo-popup__kapat[b-3kkp4rs9h8] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.vo-vitrin .vo-popup__kapat:hover[b-3kkp4rs9h8] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vo-vitrin .vo-popup__kapat:focus-visible[b-3kkp4rs9h8] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vo-vitrin .vo-popup__govde[b-3kkp4rs9h8] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vo-vitrin .vo-popup__not[b-3kkp4rs9h8] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vo-vitrin .vo-popup__hata[b-3kkp4rs9h8] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vo-vitrin .vo-popup__eylem[b-3kkp4rs9h8] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vo-vitrin .vo-kapak[b-3kkp4rs9h8] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .vo-vitrin .vo-kapak__geri[b-3kkp4rs9h8],
  .vo-vitrin .vo-kapak__baslik[b-3kkp4rs9h8],
  .vo-vitrin .vo-kapak__eylem[b-3kkp4rs9h8] {
    grid-row: 1;
  }

  .vo-vitrin .vo-kapak__eylem[b-3kkp4rs9h8] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vo-vitrin .vo-kapak[b-3kkp4rs9h8] {
    padding: 16px;
  }

  .vo-vitrin .vo-dugme[b-3kkp4rs9h8],
  .vo-vitrin .vo-sekme[b-3kkp4rs9h8] {
    min-height: 44px;
  }

  .vo-vitrin .vo-popup__govde[b-3kkp4rs9h8]  .app-input {
    font-size: max(16px, 1rem);
  }

  .vo-vitrin .vo-sekmeler[b-3kkp4rs9h8] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .vo-vitrin .vo-sekme[b-3kkp4rs9h8] {
    flex: 1 0 auto;
    white-space: nowrap;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vo-vitrin .vo-kapak[b-3kkp4rs9h8] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .vo-vitrin .vo-kapak .au-title[b-3kkp4rs9h8] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vo-vitrin .vo-kapak__alt[b-3kkp4rs9h8],
  .vo-vitrin .vo-bolum__alt[b-3kkp4rs9h8] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vo-vitrin .vo-kapak__eylem .vo-dugme[b-3kkp4rs9h8] {
    flex: 1 0 auto;
  }

  .vo-vitrin .vo-kart[b-3kkp4rs9h8] {
    padding: 16px 12px;
  }

  .vo-vitrin .vo-bolum__baslik[b-3kkp4rs9h8] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vo-vitrin .vo-satir[b-3kkp4rs9h8] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vo-vitrin .vo-eylem .vo-dugme[b-3kkp4rs9h8] {
    flex: 1 1 auto;
  }

  .vo-vitrin .vo-popup[b-3kkp4rs9h8] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .vo-vitrin .vo-popup__bas[b-3kkp4rs9h8],
  .vo-vitrin .vo-popup__govde[b-3kkp4rs9h8],
  .vo-vitrin .vo-popup__eylem[b-3kkp4rs9h8] {
    padding: 12px;
  }

  .vo-vitrin .vo-popup__bas h2[b-3kkp4rs9h8] {
    font-size: 17px;
  }

  .vo-vitrin .vo-popup__eylem .vo-dugme[b-3kkp4rs9h8] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Media/VideoUret.razor.rz.scp.css */
/* Video üretim sihirbazı — Akademik Analiz kapak/kart ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   2026-09-20 (MD-05): `.vu-enhance` / `.vu-inputs` / `.vu-toggles` / `.vu-req` / `.vu-err`
   markup'ta hâlâ kullanılıyor → korundu, token'ları yeni dile çevrildi. */

.vu-vitrin[b-x0gsinkwgx] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.vu-vitrin .vu-kapak[b-x0gsinkwgx] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vu-vitrin .vu-kapak__geri[b-x0gsinkwgx] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.vu-vitrin .vu-kapak__geri[b-x0gsinkwgx]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vu-vitrin .vu-kapak__baslik[b-x0gsinkwgx] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.vu-vitrin .vu-kapak .au-title[b-x0gsinkwgx] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vu-vitrin .vu-kapak__alt[b-x0gsinkwgx] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.vu-vitrin .vu-kapak__eylem[b-x0gsinkwgx] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.vu-vitrin .vu-dugme[b-x0gsinkwgx] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.vu-vitrin .vu-dugme:hover[b-x0gsinkwgx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vu-vitrin .vu-dugme:focus-visible[b-x0gsinkwgx] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vu-vitrin .vu-dugme:disabled[b-x0gsinkwgx] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vu-vitrin .vu-dugme--kucuk[b-x0gsinkwgx] {
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
}

.vu-vitrin .vu-soluk[b-x0gsinkwgx] {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Bilgi / hata şeridi ── */
.vu-vitrin .vu-serit[b-x0gsinkwgx] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vu-vitrin .vu-serit svg[b-x0gsinkwgx] {
  flex: 0 0 16px;
  margin-top: 2px;
}

.vu-vitrin .vu-serit--hata[b-x0gsinkwgx] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Sihirbaz kartı ── */
.vu-vitrin .vu-kart[b-x0gsinkwgx] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vu-vitrin .vu-kart[b-x0gsinkwgx]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* ── Model künyesi ── */
.vu-vitrin .vu-model[b-x0gsinkwgx] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 16px;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  overflow: hidden;
}

.vu-vitrin .vu-model > div[b-x0gsinkwgx] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  font-size: 12.5px;
}

.vu-vitrin .vu-model > div:nth-child(odd)[b-x0gsinkwgx] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vu-vitrin .vu-model dt[b-x0gsinkwgx] {
  color: var(--metin-ipucu);
}

.vu-vitrin .vu-model dd[b-x0gsinkwgx] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.vu-vitrin .vu-modelhint[b-x0gsinkwgx] {
  margin: -4px 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vu-vitrin .vu-not[b-x0gsinkwgx] {
  margin: 10px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.vu-vitrin .vu-sayi[b-x0gsinkwgx] {
  font-variant-numeric: tabular-nums;
}

/* ── Özet ── */
.vu-vitrin .vu-ozet[b-x0gsinkwgx] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.vu-vitrin .vu-ozet b[b-x0gsinkwgx] {
  color: var(--metin-murekkep);
}

/* ── İstem iyileştirme, anahtarlar, girdi görselleri ── */
.vu-vitrin .vu-enhance[b-x0gsinkwgx] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.vu-vitrin .vu-toggles[b-x0gsinkwgx] {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 12px;
}

.vu-vitrin .vu-req[b-x0gsinkwgx] {
  color: var(--danger-metin);
  font-size: 12px;
  font-weight: 600;
}

.vu-vitrin .vu-err[b-x0gsinkwgx] {
  margin-top: 6px;
  color: var(--danger-metin);
  font-size: 12px;
}

.vu-vitrin .vu-inputs[b-x0gsinkwgx] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.vu-vitrin .vu-input[b-x0gsinkwgx] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.vu-vitrin .vu-input[b-x0gsinkwgx]  .me,
.vu-vitrin .vu-input[b-x0gsinkwgx]  .me-img,
.vu-vitrin .vu-input[b-x0gsinkwgx]  .me-imglink {
  width: 100%;
  margin: 0;
}

.vu-vitrin .vu-input[b-x0gsinkwgx]  .me-img {
  border-radius: 3px 10px 10px 10px;
  object-fit: cover;
}

.vu-vitrin .vu-input[b-x0gsinkwgx]  .me-caption {
  display: none;
}

/* ── MASAÜSTÜ geniş: başlık solda, eylem sağda ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vu-vitrin .vu-kapak[b-x0gsinkwgx] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .vu-vitrin .vu-kapak__geri[b-x0gsinkwgx],
  .vu-vitrin .vu-kapak__baslik[b-x0gsinkwgx],
  .vu-vitrin .vu-kapak__eylem[b-x0gsinkwgx] {
    grid-row: 1;
  }

  .vu-vitrin .vu-kapak__eylem[b-x0gsinkwgx] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vu-vitrin .vu-kapak[b-x0gsinkwgx] {
    padding: 16px;
  }

  .vu-vitrin .vu-dugme[b-x0gsinkwgx] {
    min-height: 44px;
  }

  .vu-vitrin .vu-kart[b-x0gsinkwgx]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vu-vitrin .vu-kapak[b-x0gsinkwgx] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .vu-vitrin .vu-kapak .au-title[b-x0gsinkwgx] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vu-vitrin .vu-kapak__alt[b-x0gsinkwgx],
  .vu-vitrin .vu-modelhint[b-x0gsinkwgx],
  .vu-vitrin .vu-not[b-x0gsinkwgx],
  .vu-vitrin .vu-serit[b-x0gsinkwgx] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vu-vitrin .vu-kapak__eylem .vu-dugme[b-x0gsinkwgx] {
    flex: 1 0 auto;
  }

  .vu-vitrin .vu-kart[b-x0gsinkwgx] {
    padding: 16px 12px;
  }

  .vu-vitrin .vu-model > div[b-x0gsinkwgx] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .vu-vitrin .vu-inputs[b-x0gsinkwgx] {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
}
/* _content/EduLive.Web/Components/Pages/Notifications/AlertDetail.razor.rz.scp.css */
/* Sistem Uyarısı — Akademik Analiz kapak/bölüm/popup ölçüleri (BL-01, 2026-09-20).
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.ad-sayfa[b-p5qis9szl6] {
  min-width: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.ad-iz[b-p5qis9szl6] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 12px;
  color: var(--n-500);
}

.ad-iz a[b-p5qis9szl6] {
  color: var(--marka-700);
  text-decoration: none;
  font-weight: 600;
}

.ad-iz a:hover[b-p5qis9szl6] {
  text-decoration: underline;
}

.ad-iz a:focus-visible[b-p5qis9szl6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak: önem + durum + başlık + eylem tek beyaz yüzeyde ── */
.ad-kapak[b-p5qis9szl6] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ad-kapak__baslik[b-p5qis9szl6] {
  min-width: 0;
}

.ad-kapak__ust[b-p5qis9szl6] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

.ad-kapak__eylem[b-p5qis9szl6] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ad-baslik[b-p5qis9szl6] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ad-alt[b-p5qis9szl6] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ad-kapak[b-p5qis9szl6] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ad-kapak__eylem[b-p5qis9szl6] {
    justify-self: end;
  }
}

/* ── Düğmeler ── */
.ad-dugme[b-p5qis9szl6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.ad-dugme:hover:not(:disabled)[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.ad-dugme:disabled[b-p5qis9szl6] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ad-dugme:focus-visible[b-p5qis9szl6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ad-dugme--birincil[b-p5qis9szl6] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ad-dugme--birincil:hover:not(:disabled)[b-p5qis9szl6] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ad-dugme--tehlike[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 32%, transparent);
  color: var(--red-600);
}

.ad-dugme--tehlike:hover:not(:disabled)[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
  border-color: var(--red-500);
}

/* ── Rozet / önem ── */
.ad-rozet[b-p5qis9szl6],
.ad-onem[b-p5qis9szl6] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--kose-dugme);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.ad-onem[b-p5qis9szl6] {
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.ad-onem.is-kritik[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--red-500) 12%, var(--yuzey));
  color: var(--red-600);
}

.ad-onem.is-uyari[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

.ad-onem.is-bilgi[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--marka-rampa-orta) 12%, var(--yuzey));
  color: var(--marka-rampa-orta);
}

.ad-rozet--tamam[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--basari) 24%, var(--yuzey));
  color: var(--basari-metin);
}

.ad-rozet--uyari[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

.ad-rozet--hata[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--red-500) 12%, var(--yuzey));
  color: var(--red-600);
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi, kesik köşe ── */
.ad-bolum[b-p5qis9szl6] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ad-bolum[b-p5qis9szl6]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ad-bolum__baslik[b-p5qis9szl6] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ad-bolum__baslik[b-p5qis9szl6]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Olgu listesi (zebra) ── */
.ad-olgu[b-p5qis9szl6] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ad-olgu > div[b-p5qis9szl6] {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ad-olgu > div:nth-child(odd)[b-p5qis9szl6] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ad-olgu dt[b-p5qis9szl6] {
  color: var(--n-500);
}

.ad-olgu dd[b-p5qis9szl6] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ad-olgu code[b-p5qis9szl6],
.ad-not code[b-p5qis9szl6] {
  font-size: 12px;
  color: var(--marka-700);
}

.ad-not[b-p5qis9szl6] {
  margin: 12px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.ad-not--vurgu[b-p5qis9szl6] {
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--amber-500) 28%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--amber-500) 8%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ── Boş durum ── */
.ad-bos[b-p5qis9szl6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ad-bos p[b-p5qis9szl6] {
  margin: 0;
  line-height: 1.6;
}

.ad-sayfa[b-p5qis9szl6]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ── Onay formu popup'ı (native top layer) ── */
.ad-popup[b-p5qis9szl6] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ad-popup[open][b-p5qis9szl6] {
  display: flex;
  flex-direction: column;
}

.ad-popup[b-p5qis9szl6]::backdrop {
  background: var(--scrim);
}

.ad-popup__bas[b-p5qis9szl6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ad-popup__bas h2[b-p5qis9szl6] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ad-popup__bas h2:focus[b-p5qis9szl6] {
  outline: none;
}

.ad-popup__kapat[b-p5qis9szl6] {
  flex: 0 0 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.ad-popup__govde[b-p5qis9szl6] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ad-popup__aciklama[b-p5qis9szl6] {
  margin: 0 0 12px;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

/* İşlem hatası: alanın doğrulama hatası değil, pencere düzeyinde uyarı. */
.ad-popup__hata[b-p5qis9szl6] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 32%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}

.ad-popup__eylem[b-p5qis9szl6] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ad-kapak[b-p5qis9szl6] {
    padding: 16px;
  }

  .ad-dugme[b-p5qis9szl6] {
    min-height: 44px;
  }

  /* flex-basis 34 px kapatma düğmesini dokunmatikte 34×44 bırakıyordu. */
  .ad-popup__kapat[b-p5qis9szl6] {
    flex: 0 0 44px;
    width: 44px;
  }

  .ad-popup__govde[b-p5qis9szl6]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ad-kapak[b-p5qis9szl6] {
    padding: 12px;
  }

  .ad-baslik[b-p5qis9szl6] {
    font-size: var(--yazi-kapak, 20px);
  }

  .ad-alt[b-p5qis9szl6] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .ad-kapak__eylem[b-p5qis9szl6] {
    justify-self: stretch;
  }

  .ad-kapak__eylem .ad-dugme[b-p5qis9szl6] {
    flex: 1 1 auto;
  }

  .ad-bolum[b-p5qis9szl6] {
    padding: 16px 12px;
  }

  .ad-bolum__baslik[b-p5qis9szl6] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ad-olgu > div[b-p5qis9szl6] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .ad-dugme[b-p5qis9szl6] {
    min-height: 44px;
  }

  .ad-popup[b-p5qis9szl6] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ad-popup__bas[b-p5qis9szl6],
  .ad-popup__govde[b-p5qis9szl6],
  .ad-popup__eylem[b-p5qis9szl6] {
    padding: 12px;
  }

  .ad-popup__kapat[b-p5qis9szl6] {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .ad-popup__eylem .ad-dugme[b-p5qis9szl6] {
    flex: 1 1 auto;
  }

  .ad-popup__govde[b-p5qis9szl6]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}
/* _content/EduLive.Web/Components/Pages/Notifications/NotificationCenter.razor.rz.scp.css */
/* Etkinlik Merkezi — Akademik Analiz kapak/yüzey/tipografi ölçüleri (BL-01, 2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den; cihaz
   kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.nc-sayfa[b-eb6ssr32lz] {
  min-width: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylem tek beyaz yüzeyde ── */
.nc-kapak[b-eb6ssr32lz] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nc-kapak__geri[b-eb6ssr32lz] {
  grid-area: geri;
  display: flex;
  min-width: 30px;
}

.nc-kapak__baslik[b-eb6ssr32lz] {
  grid-area: baslik;
  min-width: 0;
}

.nc-kapak__eylem[b-eb6ssr32lz] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nc-baslik[b-eb6ssr32lz] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.nc-alt[b-eb6ssr32lz] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

/* Geniş masaüstünde başlık solda, eylem sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .nc-kapak[b-eb6ssr32lz] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .nc-kapak__eylem[b-eb6ssr32lz] {
    justify-self: end;
  }
}

/* ── Düğmeler (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.nc-dugme[b-eb6ssr32lz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.nc-dugme:hover:not(:disabled)[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.nc-dugme:disabled[b-eb6ssr32lz] {
  opacity: 0.55;
  cursor: not-allowed;
}

.nc-dugme:focus-visible[b-eb6ssr32lz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.nc-dugme--birincil[b-eb6ssr32lz] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.nc-dugme--birincil:hover:not(:disabled)[b-eb6ssr32lz] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.nc-dugme--sm[b-eb6ssr32lz] {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.nc-nokta[b-eb6ssr32lz] {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
}

.nc-nokta.is-acik[b-eb6ssr32lz] {
  background: var(--basari);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--basari) 28%, transparent);
}

.nc-nokta.is-kapali[b-eb6ssr32lz] {
  background: var(--metin-ipucu);
}

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, içerikten 16 px ── */
.nc-sekmeler[b-eb6ssr32lz] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.nc-sekme[b-eb6ssr32lz] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.nc-sekme:hover[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.nc-sekme.is-secili[b-eb6ssr32lz],
.nc-sekme.is-secili:hover[b-eb6ssr32lz] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.nc-sekme:focus-visible[b-eb6ssr32lz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.nc-panel[b-eb6ssr32lz] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.nc-panel:focus-visible[b-eb6ssr32lz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Süzgeç satırı ── */
.nc-suzgec[b-eb6ssr32lz] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.nc-suzgec__alan[b-eb6ssr32lz] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* "Süzgeçler" katlama düğmesi yalnız telefonda görünür. */
.nc-suzgec-ac[b-eb6ssr32lz] {
  display: none;
  align-self: flex-start;
}

.nc-sifirla[b-eb6ssr32lz] {
  align-self: flex-end;
}

/* ── Liste satırları ── */
.nc-liste[b-eb6ssr32lz] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}

.nc-satir[b-eb6ssr32lz] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.nc-satir--tikla[b-eb6ssr32lz] {
  cursor: pointer;
}

.nc-satir--tikla:hover[b-eb6ssr32lz] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.nc-satir__ana[b-eb6ssr32lz] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.nc-satir__ust[b-eb6ssr32lz] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.nc-satir__ad[b-eb6ssr32lz] {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--metin-murekkep);
  text-decoration: none;
  overflow-wrap: anywhere;
}

a.nc-satir__ad[b-eb6ssr32lz] {
  color: var(--marka-700);
}

a.nc-satir__ad:hover[b-eb6ssr32lz],
a.nc-satir__ad:focus-visible[b-eb6ssr32lz] {
  text-decoration: underline;
}

a.nc-satir__ad:focus-visible[b-eb6ssr32lz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.nc-satir__aciklama[b-eb6ssr32lz] {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.nc-satir__aciklama--ret[b-eb6ssr32lz] {
  color: var(--red-600);
}

.nc-satir__kaynak[b-eb6ssr32lz] {
  font-size: 12px;
  line-height: 1.45;
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.nc-satir__sag[b-eb6ssr32lz] {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.nc-satir__zaman[b-eb6ssr32lz] {
  font-size: 12px;
  color: var(--n-500);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ── Rozetler ── */
.nc-rozet[b-eb6ssr32lz] {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: var(--kose-dugme);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.nc-rozet--tip[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

.nc-rozet--bilgi[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--marka-rampa-orta) 12%, var(--yuzey));
  color: var(--marka-rampa-orta);
}

.nc-rozet--tamam[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--basari) 24%, var(--yuzey));
  color: var(--basari-metin);
}

.nc-rozet--uyari[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

.nc-rozet--hata[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--red-500) 12%, var(--yuzey));
  color: var(--red-600);
}

.nc-onem[b-eb6ssr32lz] {
  font-size: 14px;
  line-height: 1;
}

.nc-onem.is-kritik[b-eb6ssr32lz] {
  color: var(--red-600);
}

.nc-onem.is-uyari[b-eb6ssr32lz] {
  color: var(--amber-600);
}

.nc-onem.is-bilgi[b-eb6ssr32lz] {
  color: var(--marka-rampa-orta);
}

/* ── Sayfalama / daha fazla / boş süzgeç ── */
.nc-sayfalama[b-eb6ssr32lz] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.nc-sayfalama__bilgi[b-eb6ssr32lz] {
  font-size: 12px;
  color: var(--n-500);
  font-variant-numeric: tabular-nums;
}

.nc-daha[b-eb6ssr32lz] {
  align-self: center;
}

.nc-suzgec-bos[b-eb6ssr32lz] {
  margin: 0;
  padding: 12px;
  font-size: 12.5px;
  color: var(--n-500);
  text-align: center;
}

/* ── Boş durum kartı ── */
.nc-bos[b-eb6ssr32lz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.nc-bos p[b-eb6ssr32lz] {
  margin: 0;
  line-height: 1.6;
}

/* DataStates varsayılan panelleri de aynı yüzey dilini alır. */
.nc-sayfa[b-eb6ssr32lz]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ── Talep ayrıntısı popup'ı (native top layer) ── */
.nc-popup[b-eb6ssr32lz] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.nc-popup[open][b-eb6ssr32lz] {
  display: flex;
  flex-direction: column;
}

.nc-popup[b-eb6ssr32lz]::backdrop {
  background: var(--scrim);
}

.nc-popup__bas[b-eb6ssr32lz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.nc-popup__bas h2[b-eb6ssr32lz] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.nc-popup__bas h2:focus[b-eb6ssr32lz] {
  outline: none;
}

.nc-popup__kapat[b-eb6ssr32lz] {
  flex: 0 0 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.nc-popup__govde[b-eb6ssr32lz] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.nc-popup__eylem[b-eb6ssr32lz] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.nc-olgu[b-eb6ssr32lz] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.nc-olgu > div[b-eb6ssr32lz] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.nc-olgu > div:nth-child(odd)[b-eb6ssr32lz] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.nc-olgu dt[b-eb6ssr32lz] {
  color: var(--n-500);
}

.nc-olgu dd[b-eb6ssr32lz] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.nc-olgu__ret[b-eb6ssr32lz] {
  color: var(--red-600);
}

.nc-olgu code[b-eb6ssr32lz] {
  font-size: 12px;
  color: var(--marka-700);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nc-kapak[b-eb6ssr32lz] {
    padding: 16px;
  }

  .nc-dugme[b-eb6ssr32lz],
  .nc-dugme--sm[b-eb6ssr32lz],
  .nc-sekme[b-eb6ssr32lz] {
    min-height: 44px;
  }

  /* flex-basis 34 px kapatma düğmesini dokunmatikte 34×44 bırakıyordu. */
  .nc-popup__kapat[b-eb6ssr32lz] {
    flex: 0 0 44px;
    width: 44px;
  }

  .nc-suzgec[b-eb6ssr32lz]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .nc-kapak[b-eb6ssr32lz] {
    padding: 12px;
  }

  .nc-baslik[b-eb6ssr32lz] {
    font-size: var(--yazi-kapak, 20px);
  }

  .nc-alt[b-eb6ssr32lz] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .nc-kapak__eylem[b-eb6ssr32lz] {
    justify-self: stretch;
  }

  .nc-kapak__eylem .nc-dugme[b-eb6ssr32lz] {
    flex: 1;
  }

  .nc-sekmeler[b-eb6ssr32lz] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .nc-sekmeler[b-eb6ssr32lz]::-webkit-scrollbar {
    display: none;
  }

  .nc-sekme[b-eb6ssr32lz] {
    min-height: 44px;
    font-size: var(--yazi-govde, 13px);
  }

  /* Süzgeçler telefonda katlanır; varsayılan kapalı. */
  .nc-suzgec-ac[b-eb6ssr32lz] {
    display: inline-flex;
    min-height: 44px;
  }

  .nc-suzgec[b-eb6ssr32lz] {
    display: none;
    flex-direction: column;
    align-items: stretch;
  }

  .nc-suzgec.is-acik[b-eb6ssr32lz] {
    display: flex;
  }

  .nc-suzgec__alan[b-eb6ssr32lz] {
    flex: 1 1 auto;
    max-width: none;
  }

  .nc-suzgec[b-eb6ssr32lz]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .nc-satir[b-eb6ssr32lz] {
    flex-direction: column;
    align-items: stretch;
  }

  .nc-satir__ad[b-eb6ssr32lz] {
    font-size: var(--yazi-govde, 13px);
  }

  .nc-satir__sag[b-eb6ssr32lz] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .nc-dugme[b-eb6ssr32lz],
  .nc-dugme--sm[b-eb6ssr32lz] {
    min-height: 44px;
  }

  .nc-popup[b-eb6ssr32lz] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .nc-popup__bas[b-eb6ssr32lz],
  .nc-popup__govde[b-eb6ssr32lz],
  .nc-popup__eylem[b-eb6ssr32lz] {
    padding: 12px;
  }

  .nc-popup__kapat[b-eb6ssr32lz] {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .nc-popup__eylem .nc-dugme[b-eb6ssr32lz] {
    flex: 1 1 auto;
  }

  .nc-olgu > div[b-eb6ssr32lz] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Notifications/RealtimeStatus.razor.rz.scp.css */
/* Canlı Bağlantı Durumu — Akademik Analiz kapak/bölüm/tablo ölçüleri (BL-01, 2026-09-20).
   Tablo başlığı --marka-rampa-serit; cihaz kırılımları docs/mobil/YENI-DIL.md §1.1. */

.rs-sayfa[b-6cdvbv4i4k] {
  min-width: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.rs-kapak[b-6cdvbv4i4k] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rs-kapak__geri[b-6cdvbv4i4k] {
  grid-area: geri;
  display: flex;
  min-width: 30px;
}

.rs-kapak__baslik[b-6cdvbv4i4k] {
  grid-area: baslik;
  min-width: 0;
}

.rs-kapak__eylem[b-6cdvbv4i4k] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rs-baslik[b-6cdvbv4i4k] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.rs-alt[b-6cdvbv4i4k] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .rs-kapak[b-6cdvbv4i4k] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .rs-kapak__eylem[b-6cdvbv4i4k] {
    justify-self: end;
  }
}

/* ── Düğmeler ── */
.rs-dugme[b-6cdvbv4i4k] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.rs-dugme:hover:not(:disabled)[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.rs-dugme:disabled[b-6cdvbv4i4k] {
  opacity: 0.55;
  cursor: not-allowed;
}

.rs-dugme:focus-visible[b-6cdvbv4i4k] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.rs-dugme--birincil[b-6cdvbv4i4k] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.rs-dugme--birincil:hover:not(:disabled)[b-6cdvbv4i4k] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.rs-donen[b-6cdvbv4i4k] {
  display: block;
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  border: 2px solid color-mix(in srgb, var(--on-brand) 38%, transparent);
  border-top-color: var(--on-brand);
  border-radius: 50%;
  animation: rs-donme-b-6cdvbv4i4k 0.7s linear infinite;
}

@keyframes rs-donme-b-6cdvbv4i4k {
  to {
    transform: rotate(360deg);
  }
}

/* ── Canlı duyuru + işlem adımı ── */
.rs-canli[b-6cdvbv4i4k] {
  margin: 0 0 12px;
  font-size: 12.5px;
  color: var(--metin-ikincil);
}

.rs-islem[b-6cdvbv4i4k] {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0 0 12px;
  padding: 11px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.rs-islem__nokta[b-6cdvbv4i4k] {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: currentColor;
}

.rs-islem--calisiyor[b-6cdvbv4i4k] {
  border-color: color-mix(in srgb, var(--marka-600) 30%, transparent);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
  color: var(--marka-700);
}

.rs-islem--calisiyor .rs-islem__nokta[b-6cdvbv4i4k] {
  animation: rs-nabiz-b-6cdvbv4i4k 1.1s ease-in-out infinite;
}

@keyframes rs-nabiz-b-6cdvbv4i4k {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    transform: scale(0.72);
  }
}

.rs-islem--basarili[b-6cdvbv4i4k] {
  border-color: color-mix(in srgb, var(--basari) 42%, transparent);
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--basari-metin);
}

.rs-islem--bekliyor[b-6cdvbv4i4k] {
  border-color: color-mix(in srgb, var(--amber-500) 32%, transparent);
  background: color-mix(in srgb, var(--amber-500) 12%, var(--yuzey));
  color: var(--amber-600);
}

.rs-islem--hata[b-6cdvbv4i4k] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  color: var(--red-600);
}

@media (prefers-reduced-motion: reduce) {
  .rs-donen[b-6cdvbv4i4k],
  .rs-islem--calisiyor .rs-islem__nokta[b-6cdvbv4i4k] {
    animation: none;
  }
}

/* ── Bölüm sekmeleri ── */
.rs-sekmeler[b-6cdvbv4i4k] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.rs-sekme[b-6cdvbv4i4k] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.rs-sekme:hover[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.rs-sekme.is-secili[b-6cdvbv4i4k],
.rs-sekme.is-secili:hover[b-6cdvbv4i4k] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.rs-sekme:focus-visible[b-6cdvbv4i4k] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.rs-panel[b-6cdvbv4i4k] {
  min-width: 0;
}

.rs-panel:focus-visible[b-6cdvbv4i4k] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart ızgarası ── */
.rs-izgara[b-6cdvbv4i4k] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
}

.rs-kart[b-6cdvbv4i4k] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rs-kart[b-6cdvbv4i4k]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.rs-kart--genis[b-6cdvbv4i4k] {
  grid-column: 1 / -1;
}

.rs-kart__bas[b-6cdvbv4i4k] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.rs-kart__baslik[b-6cdvbv4i4k] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.rs-kart__baslik[b-6cdvbv4i4k]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Durum hapları ── */
.rs-hap[b-6cdvbv4i4k] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--kose-dugme);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.rs-hap.is-acik[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--basari) 24%, var(--yuzey));
  color: var(--basari-metin);
}

.rs-hap.is-kapali[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--red-500) 12%, var(--yuzey));
  color: var(--red-600);
}

.rs-hap.is-uyari[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--amber-500) 16%, var(--yuzey));
  color: var(--amber-600);
}

.rs-hap.is-gorev[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

.rs-hap.is-cuzdan[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

/* ── Olgu listesi ── */
.rs-olgu[b-6cdvbv4i4k] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.rs-olgu > div[b-6cdvbv4i4k] {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, 1.6fr);
  gap: 10px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}

.rs-olgu > div:nth-child(odd)[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.rs-olgu dt[b-6cdvbv4i4k] {
  color: var(--n-500);
}

.rs-olgu dd[b-6cdvbv4i4k] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.rs-not[b-6cdvbv4i4k] {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--n-500);
}

.rs-bos[b-6cdvbv4i4k] {
  margin: 0;
  padding: 28px 16px;
  border: 1px dashed var(--hat-girdi);
  border-radius: var(--kose-kart);
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

/* ── Olay tablosu: kendi alanında kayar, başlık üstte sabit ── */
.rs-tablo-kap[b-6cdvbv4i4k] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.rs-tablo[b-6cdvbv4i4k] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.rs-tablo__ust[b-6cdvbv4i4k] {
  caption-side: bottom;
  padding: 8px 10px;
  font-size: 12px;
  color: var(--n-500);
  text-align: start;
}

.rs-tablo thead th[b-6cdvbv4i4k] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  text-align: start;
  white-space: nowrap;
}

.rs-tablo tbody td[b-6cdvbv4i4k] {
  padding: 10px 13px;
  border-top: 1px solid var(--hat-kart);
  font-size: 13px;
  color: var(--metin-murekkep);
  vertical-align: top;
  overflow-wrap: anywhere;
}

.rs-tablo tbody tr:nth-child(even) td[b-6cdvbv4i4k] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.rs-zaman[b-6cdvbv4i4k] {
  display: block;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.rs-yas[b-6cdvbv4i4k] {
  display: block;
  font-size: 11.5px;
  color: var(--n-500);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .rs-kapak[b-6cdvbv4i4k] {
    padding: 16px;
  }

  .rs-dugme[b-6cdvbv4i4k],
  .rs-sekme[b-6cdvbv4i4k] {
    min-height: 44px;
  }
}

/* ── CİHAZ: ilk anlamlı sütun yapışık ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .rs-tablo__yapisik[b-6cdvbv4i4k] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }

  .rs-tablo thead th.rs-tablo__yapisik[b-6cdvbv4i4k] {
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .rs-tablo tbody tr:nth-child(even) td.rs-tablo__yapisik[b-6cdvbv4i4k] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .rs-kapak[b-6cdvbv4i4k] {
    padding: 12px;
  }

  .rs-baslik[b-6cdvbv4i4k] {
    font-size: var(--yazi-kapak, 20px);
  }

  .rs-alt[b-6cdvbv4i4k] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .rs-kapak__eylem[b-6cdvbv4i4k] {
    justify-self: stretch;
  }

  .rs-kapak__eylem .rs-dugme[b-6cdvbv4i4k] {
    flex: 1;
  }

  .rs-sekmeler[b-6cdvbv4i4k] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .rs-sekmeler[b-6cdvbv4i4k]::-webkit-scrollbar {
    display: none;
  }

  .rs-sekme[b-6cdvbv4i4k] {
    min-height: 44px;
    font-size: var(--yazi-govde, 13px);
  }

  .rs-izgara[b-6cdvbv4i4k] {
    grid-template-columns: minmax(0, 1fr);
  }

  .rs-kart[b-6cdvbv4i4k] {
    padding: 16px 12px;
  }

  .rs-kart__baslik[b-6cdvbv4i4k] {
    font-size: var(--yazi-bolum, 14px);
  }

  .rs-olgu > div[b-6cdvbv4i4k] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 9px 6px;
  }

  .rs-dugme[b-6cdvbv4i4k] {
    min-height: 44px;
  }

  .rs-tablo tbody td[b-6cdvbv4i4k],
  .rs-tablo thead th[b-6cdvbv4i4k] {
    padding: 10px;
  }

  .rs-tablo tbody td[b-6cdvbv4i4k] {
    font-size: var(--yazi-govde, 13px);
  }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/DersPlanlari.razor.rz.scp.css */
/* Ders planları — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Global `ogretim-planlari.css` scoped paketten SONRA yükleniyor (App.razor 24 → 35),
   bu yüzden her kural `.dp-vitrin ::deep` ile yazılır. Yeni hex YOK. */

.dp-vitrin[b-zzhk808dg5] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.dp-vitrin[b-zzhk808dg5]  .dp-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "suzgec suzgec suzgec";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dp-vitrin[b-zzhk808dg5]  .dp-kapak__geri { grid-area: geri; }
.dp-vitrin[b-zzhk808dg5]  .dp-kapak__metin { grid-area: baslik; min-width: 0; }
.dp-vitrin[b-zzhk808dg5]  .dp-suzgec { grid-area: suzgec; }
.dp-vitrin[b-zzhk808dg5]  .dp-kapak__eylem { grid-area: eylem; justify-self: end; }

.dp-vitrin[b-zzhk808dg5]  .dp-baslik {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.dp-vitrin[b-zzhk808dg5]  .dp-ozet {
  margin: 4px 0 0;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dp-vitrin[b-zzhk808dg5]  .dp-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.dp-vitrin[b-zzhk808dg5]  .dp-alan {
  display: grid;
  gap: 4px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  color: var(--metin-ikincil);
}

.dp-vitrin[b-zzhk808dg5]  .dp-alan > span {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dp-vitrin[b-zzhk808dg5]  .dp-alan .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.dp-vitrin[b-zzhk808dg5]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dp-vitrin[b-zzhk808dg5]  .au-btn:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.dp-vitrin[b-zzhk808dg5]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.dp-vitrin[b-zzhk808dg5]  .au-btn--primary:hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.dp-vitrin[b-zzhk808dg5]  .au-btn[disabled] { opacity: .6; cursor: not-allowed; }

.dp-vitrin[b-zzhk808dg5]  :is(.au-btn, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Özet şeridi ───────────────────────────────────────────────── */
.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit > div {
  display: grid;
  gap: 4px;
  padding: 13px 16px 15px;
  border-top: 3px solid transparent;
  border-right: 1px solid var(--hat-kart);
}

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit > div:last-child { border-right: 0; }
.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit > div:nth-child(1) { border-top-color: var(--marka-600); }
.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit > div:nth-child(2) { border-top-color: var(--marka-rampa-orta); }
.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit > div:nth-child(3) { border-top-color: var(--turkuaz-500); }
.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit > div:nth-child(4) { border-top-color: var(--basari); }

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit dt {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
}

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit dd {
  margin: 0;
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
}

/* Sayının yanında "Planı olmayan ders" yazısı var; renk tek başına anlam taşımaz. */
.dp-vitrin[b-zzhk808dg5]  .dp-sayac--eksik { border-top-color: var(--danger); }
.dp-vitrin[b-zzhk808dg5]  .dp-sayac--eksik dd { color: var(--danger-metin); }

/* ── Uyarı / bilgi / hata ──────────────────────────────────────── */
.dp-vitrin[b-zzhk808dg5]  :is(.dp-uyari, .dp-bilgi) {
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-rampa-orta);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.dp-vitrin[b-zzhk808dg5]  .dp-bilgi { border-left-color: var(--basari); }

.dp-vitrin[b-zzhk808dg5]  .dp-hata {
  margin-bottom: 12px;
  padding: 10px 14px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plan-yok {
  margin: 0 0 16px;
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Plan kartı ────────────────────────────────────────────────── */
.dp-vitrin[b-zzhk808dg5]  .dp-liste { display: grid; gap: 16px; margin: 0 0 16px; padding: 0; list-style: none; }

.dp-vitrin[b-zzhk808dg5]  .dp-kart {
  position: relative;
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dp-vitrin[b-zzhk808dg5]  .dp-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.dp-vitrin[b-zzhk808dg5]  .dp-plan__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 12px;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plan__kimlik { min-width: 0; }

.dp-vitrin[b-zzhk808dg5]  .dp-plan__ad {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plan__kunye {
  margin: 2px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plan__guncelleme {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar > div {
  display: grid;
  gap: 2px;
  padding: 10px 13px;
  border-right: 1px solid var(--hat-kart);
}

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar > div:last-child { border-right: 0; }

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar dt {
  margin: 0;
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

.dp-vitrin[b-zzhk808dg5]  .dp-sayaclar dd {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.2 var(--font-display);
  font-variant-numeric: tabular-nums;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plan__eylem { display: flex; flex-wrap: wrap; gap: 8px; }

.dp-vitrin[b-zzhk808dg5]  .dp-inceleme { margin: 0; }

/* ── Boş durum ve planı olmayan dersler ────────────────────────── */
.dp-vitrin[b-zzhk808dg5]  .dp-bos-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.dp-vitrin[b-zzhk808dg5]  .dp-bos { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

.dp-vitrin[b-zzhk808dg5]  .dp-plansiz { justify-items: start; }

.dp-vitrin[b-zzhk808dg5]  .dp-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dp-vitrin[b-zzhk808dg5]  .dp-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dp-vitrin[b-zzhk808dg5]  .dp-kart__alt {
  margin: 0;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plansiz__liste {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  list-style: none;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plansiz__liste li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 13px;
  font-size: 13px;
}

.dp-vitrin[b-zzhk808dg5]  .dp-plansiz__liste li:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dp-vitrin[b-zzhk808dg5]  .dp-plansiz__ad { min-width: 0; font-weight: 600; overflow-wrap: anywhere; }

/* ── Popup: native top layer ───────────────────────────────────── */
.dp-vitrin[b-zzhk808dg5]  .dp-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.dp-vitrin[b-zzhk808dg5]  .dp-popup[open] { display: flex; flex-direction: column; }
.dp-vitrin[b-zzhk808dg5]  .dp-popup::backdrop { background: var(--scrim); }

.dp-vitrin[b-zzhk808dg5]  .dp-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dp-vitrin[b-zzhk808dg5]  .dp-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.dp-vitrin[b-zzhk808dg5]  .dp-popup__bas h2:focus { outline: none; }

.dp-vitrin[b-zzhk808dg5]  .dp-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dp-vitrin[b-zzhk808dg5]  .dp-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

/* İşlem hatası popup açıkken burada; sayfa başındaki şerit modalın arkasında kalır. */
.dp-vitrin[b-zzhk808dg5]  .dp-popup-hata {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

.dp-vitrin[b-zzhk808dg5]  .dp-son-is-metni {
  margin: 0 0 14px;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
}

.dp-vitrin[b-zzhk808dg5]  .dp-olgular { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.dp-vitrin[b-zzhk808dg5]  .dp-olgular > div {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.dp-vitrin[b-zzhk808dg5]  .dp-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dp-vitrin[b-zzhk808dg5]  .dp-olgular dt { color: var(--n-500); }

.dp-vitrin[b-zzhk808dg5]  .dp-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  text-align: end;
}

.dp-vitrin[b-zzhk808dg5]  .dp-popup__altbaslik {
  margin: 16px 0 6px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.dp-vitrin[b-zzhk808dg5]  .dp-sebep-liste { display: grid; margin: 0; padding: 0; list-style: none; }

.dp-vitrin[b-zzhk808dg5]  .dp-sebep-liste li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  font-size: 12.5px;
}

.dp-vitrin[b-zzhk808dg5]  .dp-sebep-liste li:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dp-vitrin[b-zzhk808dg5]  .dp-son-is-hata { margin: 14px 0 0; border-left-color: var(--danger); }

.dp-vitrin[b-zzhk808dg5]  .dp-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540 fareli: başlık solda, süzgeç ve eylem sağda ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .dp-vitrin[b-zzhk808dg5]  .dp-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `end` hizalaması süzgeci shrink-to-fit ölçtürür; sarma satırının max-content'i
     `.dp-alan`ın `flex: 0 1 176px` tabanını saymaz → kap daralır, alanlar alt alta
     yığılır. Kap sütunu doldurur, sağa yaslama flex satırının kendisinde yapılır. */
  .dp-vitrin[b-zzhk808dg5]  .dp-suzgec { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dp-vitrin[b-zzhk808dg5]  .dp-kapak { padding: 16px; }
  .dp-vitrin[b-zzhk808dg5]  .au-btn { min-height: 44px; }
  .dp-vitrin[b-zzhk808dg5]  .dp-alan .app-input { height: 44px; min-height: 44px; }

  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit > div:nth-child(2n) { border-right: 0; }

  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar > div:nth-child(2n) { border-right: 0; }
}

@media (pointer: coarse) {
  .dp-vitrin[b-zzhk808dg5]  .dp-alan .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .dp-vitrin[b-zzhk808dg5]  .dp-kapak {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec"
      "eylem";
    padding: 12px;
  }

  .dp-vitrin[b-zzhk808dg5]  .dp-baslik { font-size: var(--yazi-kapak, 20px); }
  .dp-vitrin[b-zzhk808dg5]  .dp-kapak__eylem { width: 100%; justify-self: stretch; }
  .dp-vitrin[b-zzhk808dg5]  .dp-kapak__eylem .au-btn { flex: 1 1 auto; }
  .dp-vitrin[b-zzhk808dg5]  .dp-alan { flex: 1 1 100%; max-width: none; }

  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar-serit dd { font-size: var(--yazi-kpi, 20px); }

  .dp-vitrin[b-zzhk808dg5]  .dp-kart { padding: 16px 12px; }
  .dp-vitrin[b-zzhk808dg5]  :is(.dp-plan__ad, .dp-kart__baslik) { font-size: var(--yazi-bolum, 14px); }

  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar { grid-template-columns: minmax(0, 1fr); }

  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar > div {
    grid-template-columns: 1fr auto;
    align-items: baseline;
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar > div:last-child { border-bottom: 0; }
  .dp-vitrin[b-zzhk808dg5]  .dp-sayaclar dd { font-size: 16px; }

  .dp-vitrin[b-zzhk808dg5]  .dp-plan__eylem .au-btn { flex: 1 1 auto; }

  .dp-vitrin[b-zzhk808dg5]  .dp-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dp-vitrin[b-zzhk808dg5]  :is(.dp-popup__bas, .dp-popup__govde, .dp-popup__eylem) { padding: 12px; }
  .dp-vitrin[b-zzhk808dg5]  .dp-popup__eylem .au-btn { flex: 1 1 auto; }

  .dp-vitrin[b-zzhk808dg5]  .dp-olgular > div {
    grid-template-columns: minmax(110px, 1fr) minmax(0, 1fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/GlobalPlanlar.razor.rz.scp.css */
/* Global planlar — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Global `ogretim-planlari.css` scoped paketten SONRA yükleniyor (App.razor 24 → 35),
   bu yüzden her kural `.gp-vitrin ::deep` ile yazılır. Yeni hex YOK. */

.gp-vitrin[b-56dtbp6qsh] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.gp-vitrin[b-56dtbp6qsh]  .gp-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gp-vitrin[b-56dtbp6qsh]  .gp-kapak__geri { grid-area: geri; }
.gp-vitrin[b-56dtbp6qsh]  .gp-kapak__metin { grid-area: baslik; min-width: 0; }
.gp-vitrin[b-56dtbp6qsh]  .gp-suzgec { grid-area: suzgec; }

.gp-vitrin[b-56dtbp6qsh]  .gp-baslik {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-ozet-metin {
  margin: 4px 0 0;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-alan {
  display: grid;
  gap: 4px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  color: var(--metin-ikincil);
}

.gp-vitrin[b-56dtbp6qsh]  .gp-arama-alani { flex: 1 1 240px; max-width: 320px; }

.gp-vitrin[b-56dtbp6qsh]  .gp-alan > span {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-alan .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.gp-vitrin[b-56dtbp6qsh]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.gp-vitrin[b-56dtbp6qsh]  .au-btn:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.gp-vitrin[b-56dtbp6qsh]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.gp-vitrin[b-56dtbp6qsh]  .au-btn--primary:hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.gp-vitrin[b-56dtbp6qsh]  .au-btn[disabled] { opacity: .6; cursor: not-allowed; }

.gp-vitrin[b-56dtbp6qsh]  :is(.au-btn, .app-input):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Liste ve kart ─────────────────────────────────────────────── */
.gp-vitrin[b-56dtbp6qsh]  .gp-sayi {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-liste {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 16px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-kart {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gp-vitrin[b-56dtbp6qsh]  .gp-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gp-vitrin[b-56dtbp6qsh]  .gp-plan__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 12px;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-plan__kimlik { min-width: 0; }

.gp-vitrin[b-56dtbp6qsh]  .gp-plan__ad {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-kunye {
  margin: 2px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-ozet {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-plan__eylem { display: flex; flex-wrap: wrap; gap: 8px; }

.gp-vitrin[b-56dtbp6qsh]  .gp-daha { width: 100%; justify-content: center; }

/* ── Bilgi / hata / boş ────────────────────────────────────────── */
.gp-vitrin[b-56dtbp6qsh]  .gp-bilgi {
  display: grid;
  gap: 8px;
  justify-items: start;
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--basari);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-hata {
  display: grid;
  gap: 8px;
  justify-items: start;
  margin: 0 0 12px;
  padding: 10px 14px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

.gp-vitrin[b-56dtbp6qsh]  :is(.gp-hata p, .gp-bilgi p) { margin: 0; }

.gp-vitrin[b-56dtbp6qsh]  .gp-bos-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-bos { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Önizleme popup'ı ──────────────────────────────────────────── */
.gp-vitrin[b-56dtbp6qsh]  .gp-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup[open] { display: flex; flex-direction: column; }
.gp-vitrin[b-56dtbp6qsh]  .gp-popup::backdrop { background: var(--scrim); }

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__bas h2:focus { outline: none; }

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup-hata {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-olgular { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.gp-vitrin[b-56dtbp6qsh]  .gp-olgular > div {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gp-vitrin[b-56dtbp6qsh]  .gp-olgular dt { color: var(--n-500); }

.gp-vitrin[b-56dtbp6qsh]  .gp-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__altbaslik {
  margin: 16px 0 6px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__icerik {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__bos {
  margin: 16px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__not {
  margin: 16px 0 0;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-rampa-orta);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.6;
}

.gp-vitrin[b-56dtbp6qsh]  .gp-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540 fareli: başlık solda, süzgeçler sağda ──────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .gp-vitrin[b-56dtbp6qsh]  .gp-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik suzgec";
  }

  /* Kap gerilir, içerik satır içinde sağa yaslanır. `justify-self: end` kabı
     shrink-to-fit ölçtürürdü; sarmalı flex kabın max-content'i alanların
     `flex: 0 1 176px` tabanını saymaz → süzgeçler alt alta yığılırdı. */
  .gp-vitrin[b-56dtbp6qsh]  .gp-suzgec { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gp-vitrin[b-56dtbp6qsh]  .gp-kapak { padding: 16px; }
  .gp-vitrin[b-56dtbp6qsh]  .au-btn { min-height: 44px; }
  .gp-vitrin[b-56dtbp6qsh]  .gp-alan .app-input { height: 44px; min-height: 44px; }
  .gp-vitrin[b-56dtbp6qsh]  .gp-liste { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
}

@media (pointer: coarse) {
  .gp-vitrin[b-56dtbp6qsh]  .gp-alan .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .gp-vitrin[b-56dtbp6qsh]  .gp-kapak {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec";
    padding: 12px;
  }

  .gp-vitrin[b-56dtbp6qsh]  .gp-baslik { font-size: var(--yazi-kapak, 20px); }
  .gp-vitrin[b-56dtbp6qsh]  :is(.gp-alan, .gp-arama-alani) { flex: 1 1 100%; max-width: none; }
  .gp-vitrin[b-56dtbp6qsh]  .gp-ara { width: 100%; justify-content: center; }

  .gp-vitrin[b-56dtbp6qsh]  .gp-liste { grid-template-columns: minmax(0, 1fr); }
  .gp-vitrin[b-56dtbp6qsh]  .gp-kart { padding: 16px 12px; }
  .gp-vitrin[b-56dtbp6qsh]  .gp-plan__ad { font-size: var(--yazi-bolum, 14px); }
  .gp-vitrin[b-56dtbp6qsh]  .gp-plan__eylem .au-btn { flex: 1 1 auto; }

  .gp-vitrin[b-56dtbp6qsh]  .gp-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .gp-vitrin[b-56dtbp6qsh]  :is(.gp-popup__bas, .gp-popup__govde, .gp-popup__eylem) { padding: 12px; }
  .gp-vitrin[b-56dtbp6qsh]  .gp-popup__eylem .au-btn { flex: 1 1 auto; }

  .gp-vitrin[b-56dtbp6qsh]  .gp-olgular > div {
    grid-template-columns: minmax(110px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/IslenmeKaydi.razor.rz.scp.css */
/* İşlenen dersler — Akademik Analiz görsel dili (ölçüler:
   docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md).
   Yalnız bu sayfaya kapsanmıştır; ortak ogretim-planlari.css değişmez.
   Renk/köşe/gölge değerleri aurora.css :root tokenlarından gelir. */

.isl-kok[b-3oll7s5afe] {
    --isl-kart-dolgu: 24px;
    --isl-hat: var(--hat-kart);
    /* Referanstaki --anv-cift-satir ile aynı değer; o token yalnız
       .analiz-vitrin kapsamında tanımlı olduğu için burada yerel ad alır. */
    --isl-cift-satir: #f7fafe;
    --isl-kart-golge: 0 1px 0 rgba(9, 26, 48, .04), 0 18px 34px -26px rgba(9, 26, 48, .5);
    --isl-kapak-golge: 0 1px 0 rgba(9, 26, 48, .04), 0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
    display: grid;
    gap: 16px;
    min-width: 0;
    padding-top: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak: başlık + eylemler tek beyaz yüzeyde ───────────────────────── */

.isl-kapak[b-3oll7s5afe] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin: 0;
    padding: 16px var(--isl-kart-dolgu) 18px;
    border: 1px solid var(--isl-hat);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: var(--isl-kapak-golge);
}

.isl-kapak > :first-child[b-3oll7s5afe] { grid-area: geri; }
.isl-kapak__ad[b-3oll7s5afe] { grid-area: baslik; min-width: 0; }
.isl-kapak__eylem[b-3oll7s5afe] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.isl-kapak .au-title[b-3oll7s5afe] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--yazi-kapak, 23px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.isl-kapak__alt[b-3oll7s5afe] {
    margin: 3px 0 0;
    font-size: var(--yazi-kucuk, 12.5px);
    color: var(--metin-ipucu);
    overflow-wrap: anywhere;
}

.isl-kapak .au-btn[b-3oll7s5afe] {
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border-radius: var(--kose-dugme);
    font-size: 12.5px;
    font-weight: 600;
}

.isl-kapak .isl-kapak__bag[b-3oll7s5afe] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--hat-girdi);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    text-decoration: none;
}

.isl-kapak .isl-kapak__bag:hover[b-3oll7s5afe] { border-color: var(--marka-400); color: var(--marka-600); }
.isl-kapak .au-btn:focus-visible[b-3oll7s5afe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Ortak yüzeyler ───────────────────────────────────────────────────── */

.isl-kok .au-card[b-3oll7s5afe] {
    border: 1px solid var(--isl-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: var(--isl-kart-golge);
}

.isl-kok .isl-uyari[b-3oll7s5afe] { padding: 12px 16px; margin: 0; font-size: var(--yazi-govde, 13px); }
.isl-kok .isl-uyari--bilgi[b-3oll7s5afe] { border-left: 3px solid var(--turkuaz-500); }
.isl-kok .isl-bos[b-3oll7s5afe] { display: grid; gap: 10px; justify-items: start; padding: 18px; }
.isl-kok .isl-not[b-3oll7s5afe] { margin: 0; font-size: var(--yazi-kucuk, 12px); color: var(--metin-ipucu); }
.isl-kok .isl-suzgec[b-3oll7s5afe] { margin: 0; font-size: var(--yazi-kucuk, 12.5px); color: var(--metin-ikincil); }
.isl-kok .isl-suzgec a[b-3oll7s5afe] { color: var(--marka-600); }

.isl-gorunmez[b-3oll7s5afe] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* İlerleme özeti (paylaşılan bileşen) aynı ölçülere getirilir. */
.isl-kok[b-3oll7s5afe]  .isl-ozet { padding: 18px; }
.isl-kok[b-3oll7s5afe]  .isl-ozet .op-ayar__baslik {
    margin: 0 0 3px;
    font-family: var(--font-display);
    font-size: var(--yazi-bolum, 15px);
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--marka-700);
}
.isl-kok[b-3oll7s5afe]  .isl-halka { width: 96px; height: 96px; }
.isl-kok[b-3oll7s5afe]  .isl-halka__ic { width: 72px; height: 72px; }
.isl-kok[b-3oll7s5afe]  .isl-sayilar dt { color: var(--metin-ipucu); font-size: var(--yazi-etiket, 11.5px); }
.isl-kok[b-3oll7s5afe]  .isl-sayilar dd { color: var(--metin-murekkep); font-family: var(--font-display); }

/* ── Bölüm sekmeleri (az kaydırma: yalnız seçili bölüm çizilir) ───────── */

.isl-sekmeler[b-3oll7s5afe] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--isl-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.isl-sekme[b-3oll7s5afe] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
}

.isl-sekme:hover[b-3oll7s5afe] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-600);
}

.isl-sekme.is-etkin[b-3oll7s5afe],
.isl-sekme.is-etkin:hover[b-3oll7s5afe] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.isl-sekme:focus-visible[b-3oll7s5afe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.isl-panel[b-3oll7s5afe] { min-width: 0; }
.isl-panel:focus-visible[b-3oll7s5afe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartları ───────────────────────────────────────────────────── */

.isl-kok .isl-gecmis[b-3oll7s5afe],
.isl-kok .isl-ilerleme[b-3oll7s5afe] {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 18px;
}

.isl-kok .op-ayar__baslik[b-3oll7s5afe] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--yazi-bolum, 15px);
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.isl-ilerleme__ozet[b-3oll7s5afe] { margin: 0; font-size: var(--yazi-kucuk, 12px); color: var(--metin-ipucu); }

.isl-bos-bolum[b-3oll7s5afe] { display: grid; gap: 10px; justify-items: start; }
.isl-kok .isl-bos-bolum p[b-3oll7s5afe] { margin: 0; }

/* Konu ilerlemesi tablosu — başlıkta mavi→petrol şerit, gövde beyaz. */

.isl-tablo-kap[b-3oll7s5afe] {
    max-height: min(540px, 60dvh);
    overflow: auto;
    border: 1px solid var(--isl-hat);
    border-radius: var(--kose-kart);
}

.isl-tablo[b-3oll7s5afe] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--yuzey);
    font-size: var(--yazi-govde, 13px);
}

.isl-tablo thead tr[b-3oll7s5afe] { position: relative; }

.isl-tablo thead th[b-3oll7s5afe] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 10px 13px;
    background: var(--marka-rampa-serit);
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .07em;
    white-space: nowrap;
}

.isl-tablo tbody td[b-3oll7s5afe],
.isl-tablo tbody th[b-3oll7s5afe] {
    padding: 10px 13px;
    border-top: 1px solid var(--line);
    color: var(--metin-murekkep);
    text-align: left;
    vertical-align: middle;
}

.isl-tablo tbody tr.isl-tablo__konu:nth-child(even)[b-3oll7s5afe] { background: var(--isl-cift-satir); }

.isl-tablo__unite th[b-3oll7s5afe] {
    background: color-mix(in srgb, var(--marka-600) 6%, var(--yuzey));
    color: var(--marka-700);
    font-size: var(--yazi-etiket, 11.5px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.isl-tablo__sayi[b-3oll7s5afe] { font-variant-numeric: tabular-nums; text-align: right; }
.isl-tablo thead th.isl-tablo__sayi[b-3oll7s5afe] { text-align: right; }
.isl-tablo__ad[b-3oll7s5afe] { color: var(--marka-600); text-decoration: none; overflow-wrap: anywhere; }
.isl-tablo__ad:hover[b-3oll7s5afe] { text-decoration: underline; }
.isl-tablo__ad:focus-visible[b-3oll7s5afe] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.isl-tablo__konu.is-tamam .isl-tablo__sayi[b-3oll7s5afe] { font-weight: 600; }

.isl-kok .isl-rozet[b-3oll7s5afe] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border: 1px solid var(--hat-girdi);
    border-radius: 999px;
    font-size: var(--yazi-etiket, 11px);
    color: var(--metin-ipucu);
    white-space: nowrap;
}

.isl-kok .isl-rozet--tamam[b-3oll7s5afe] {
    border-color: color-mix(in srgb, var(--turkuaz-500) 55%, var(--hat-girdi));
    color: var(--marka-rampa-uc);
}

/* ── Ders geçmişi listesi ─────────────────────────────────────────────── */

.isl-kok .isl-dersler[b-3oll7s5afe] { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }

.isl-kok .isl-ders[b-3oll7s5afe] {
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid var(--isl-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.isl-kok .isl-ders__bas[b-3oll7s5afe] { font-size: var(--yazi-govde, 13px); }
.isl-kok .isl-ders__bas strong[b-3oll7s5afe] { font-family: var(--font-display); color: var(--marka-700); }
.isl-kok .isl-ders__not[b-3oll7s5afe] { font-size: var(--yazi-kucuk, 12px); color: var(--metin-ikincil); }
.isl-kok .isl-ders__konular > li[b-3oll7s5afe] { min-height: 28px; font-size: var(--yazi-govde, 13px); }
.isl-kok .isl-ders.is-iptal[b-3oll7s5afe] { background: var(--isl-cift-satir); }

.isl-kok .isl-iptal[b-3oll7s5afe] {
    min-width: 28px;
    min-height: 28px;
    border-radius: 8px;
}

/* ── Pencere (native dialog) ──────────────────────────────────────────── */

.isl-kok .isl-pencere[b-3oll7s5afe] {
    width: min(680px, calc(100vw - 48px));
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--isl-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.isl-kok .isl-pencere[open][b-3oll7s5afe] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.isl-kok .isl-pencere[b-3oll7s5afe]::backdrop { background: var(--scrim); }
.isl-kok .isl-pencere--onay[b-3oll7s5afe] { width: min(440px, calc(100vw - 48px)); }
.isl-kok .isl-pencere--onay[open][b-3oll7s5afe] { display: block; }

.isl-pencere__bas[b-3oll7s5afe] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--line);
}

.isl-pencere__bas > div[b-3oll7s5afe] { min-width: 0; flex: 1 1 auto; }

.isl-pencere__bas h2[b-3oll7s5afe] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.isl-pencere__bas h2:focus-visible[b-3oll7s5afe] { outline: 2px solid var(--marka-600); outline-offset: 3px; }
.isl-pencere__alt[b-3oll7s5afe] { margin: 3px 0 0; font-size: var(--yazi-kucuk, 12px); color: var(--metin-ipucu); }

.isl-kok .isl-pencere__kapat[b-3oll7s5afe] {
    flex: 0 0 auto;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 20px;
    line-height: 1;
}

.isl-kok .isl-pencere__kapat:hover[b-3oll7s5afe] { border-color: var(--marka-400); color: var(--marka-600); }

.isl-pencere__govde[b-3oll7s5afe] {
    min-height: 0;
    overflow: auto;
    padding: 16px 20px;
    display: grid;
    gap: 12px;
}

.isl-kok .isl-pencere__hata[b-3oll7s5afe] {
    margin: 0;
    padding: 10px 12px;
    border-radius: var(--kose-dugme);
    font-size: var(--yazi-govde, 13px);
}

.isl-pencere__eylem[b-3oll7s5afe] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid var(--line);
    background: var(--isl-cift-satir);
}

.isl-kok .isl-pencere__eylem .au-btn[b-3oll7s5afe] { min-height: 36px; border-radius: var(--kose-dugme); }

.isl-kok .isl-vazgec[b-3oll7s5afe] {
    border: 1px solid var(--hat-girdi);
    background: var(--yuzey);
    color: var(--metin-ikincil);
}

/* Form pencere içinde: alan ölçüleri referanstan. */
.isl-kok .isl-form[b-3oll7s5afe] { display: grid; gap: 12px; min-width: 0; }
.isl-kok .isl-konular[b-3oll7s5afe] { max-height: min(46dvh, 380px); overflow: auto; padding-right: 2px; }
.isl-kok .isl-konular legend[b-3oll7s5afe] { font-size: var(--yazi-etiket, 11.5px); text-transform: uppercase; letter-spacing: .08em; color: var(--metin-ipucu); }

.isl-kok .isl-unite[b-3oll7s5afe] {
    color: var(--marka-700);
    font-size: var(--yazi-etiket, 11px);
    letter-spacing: .06em;
}

.isl-kok .isl-konu[b-3oll7s5afe] { border-radius: var(--kose-dugme); font-size: var(--yazi-govde, 13px); }
.isl-kok .isl-konu:hover[b-3oll7s5afe] { border-color: var(--hat-girdi); background: var(--isl-cift-satir); }

.isl-kok .isl-konu.is-secili[b-3oll7s5afe] {
    border-color: var(--marka-500);
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.isl-kok .isl-konu:focus-within[b-3oll7s5afe] { outline: 2px solid var(--marka-600); outline-offset: 1px; }
.isl-kok .isl-sayac[b-3oll7s5afe] { color: var(--metin-ipucu); font-size: var(--yazi-kucuk, 12px); }
.isl-kok .isl-sayac.is-tamam[b-3oll7s5afe] { color: var(--marka-rampa-uc); font-weight: 600; }
.isl-kok .isl-ek[b-3oll7s5afe] { font-size: var(--yazi-etiket, 11.5px); text-transform: uppercase; letter-spacing: .08em; color: var(--metin-ipucu); }
.isl-kok .isl-ek__alan[b-3oll7s5afe] { border-radius: var(--kose-dugme); font-size: var(--yazi-govde, 13px); }

/* Onay penceresi */
.isl-kok .isl-onay[b-3oll7s5afe] {
    display: grid;
    gap: 10px;
    padding: 20px;
    border: 0;
    border-radius: 0;
    font-size: var(--yazi-govde, 13px);
}

.isl-kok .isl-onay h2[b-3oll7s5afe] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--marka-700);
}

.isl-kok .isl-onay h2:focus-visible[b-3oll7s5afe] { outline: 2px solid var(--marka-600); outline-offset: 3px; }
/* `.isl-onay` bir GRID; buradaki eski `flex: none` etkisizdi (ölü bildirim). */
.isl-kok .isl-onay > span[b-3oll7s5afe] { color: var(--metin-ikincil); overflow-wrap: anywhere; }
.isl-onay__eylem[b-3oll7s5afe] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

/* ── TABLET ───────────────────────────────────────────────────────────── */

@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .isl-kok .isl-pencere[b-3oll7s5afe] { width: calc(100vw - 32px); }
}

/* ── CİHAZ: dokunma hedefleri ─────────────────────────────────────────── */

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .isl-kapak .au-btn[b-3oll7s5afe],
    .isl-kok .isl-pencere__eylem .au-btn[b-3oll7s5afe] { min-height: 44px; }
    .isl-sekme[b-3oll7s5afe] { min-height: 44px; }
    .isl-kok .isl-pencere__kapat[b-3oll7s5afe] { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
    .isl-kok .isl-iptal[b-3oll7s5afe] { min-width: 44px; min-height: 44px; }
    .isl-kok .isl-ek__alan[b-3oll7s5afe] { min-height: 44px; font-size: max(16px, 1rem); }
    .isl-kok .isl-pencere .app-input[b-3oll7s5afe] { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .isl-kok[b-3oll7s5afe] { gap: 12px; }

    .isl-kapak[b-3oll7s5afe] {
        padding: 12px 16px 14px;
        column-gap: 10px;
        row-gap: 10px;
    }

    /* Eylemler başlığın ALTINDA tek satır, içerik genişliğinde; taşarsa kayar. */
    .isl-kapak__eylem[b-3oll7s5afe] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .isl-kapak__eylem[b-3oll7s5afe]::-webkit-scrollbar { display: none; }
    .isl-kapak .au-btn[b-3oll7s5afe] { flex: 0 0 auto; min-height: 44px; }

    .isl-sekmeler[b-3oll7s5afe] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .isl-sekmeler[b-3oll7s5afe]::-webkit-scrollbar { display: none; }
    .isl-sekme[b-3oll7s5afe] { flex: 0 0 auto; }

    .isl-kok .isl-gecmis[b-3oll7s5afe],
    .isl-kok .isl-ilerleme[b-3oll7s5afe] { padding: 14px; }

    .isl-kok .isl-pencere[b-3oll7s5afe] {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 24px);
    }

    .isl-pencere__bas[b-3oll7s5afe],
    .isl-pencere__govde[b-3oll7s5afe],
    .isl-pencere__eylem[b-3oll7s5afe] { padding-left: 14px; padding-right: 14px; }
    .isl-kok .isl-onay[b-3oll7s5afe] { padding: 16px; }

    /* İlk anlamlı sütun (konu adı) yatay kaydırmada yapışık kalır. */
    .isl-tablo[b-3oll7s5afe] { min-width: 420px; }
    .isl-tablo tbody td:first-child[b-3oll7s5afe] { position: sticky; left: 0; z-index: 1; background: var(--yuzey); }
    .isl-tablo thead th:first-child[b-3oll7s5afe] { position: sticky; left: 0; z-index: 3; }
}

/* ── MASAÜSTÜ: kapak tek satır, eylemler sağda ────────────────────────── */

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .isl-kapak[b-3oll7s5afe] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
    }

    .isl-kapak__eylem[b-3oll7s5afe] { justify-self: end; }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/KazanimAtama.razor.rz.scp.css */
/* Kazanım ata — Akademik Analiz görsel dili, yalnız bu sayfa.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   yeni hex yok, tüm değerler aurora.css token'larıdır. Sayfaya özel kapsam
   `.ka-vitrin`; wwwroot/css/ogretim-planlari.css'e DOKUNULMAZ, oradaki
   `.ka-*` kuralları buradan (kapsam + öznellik) ezilir. */

.au-page.ka-vitrin[b-hkx5i2qhf7] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────── */

.ka-kapak[b-hkx5i2qhf7] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ka-kapak__yazi[b-hkx5i2qhf7] { min-width: 0; }

.ka-kapak .au-title[b-hkx5i2qhf7] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ka-alt[b-hkx5i2qhf7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--n-500);
}

.ka-alt__ad[b-hkx5i2qhf7] { overflow-wrap: anywhere; font-weight: 600; color: var(--metin-ikincil); }

.ka-rozet[b-hkx5i2qhf7] {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.ka-kapak__eylem[b-hkx5i2qhf7] { justify-self: end; gap: 8px; }

.ka-vitrin[b-hkx5i2qhf7]  .au-breadcrumb--dugme {
  margin: 0;
  width: 30px;
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* ── Durum şeritleri ───────────────────────────────────────────────── */

.ka-serit[b-hkx5i2qhf7] {
  margin: 0 0 12px;
  padding: 12px 16px;
  border: 1px solid var(--hat-kart);
  border-left-width: 4px;
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.ka-serit--uyari[b-hkx5i2qhf7] { border-left-color: var(--marka-rampa-uc); }
.ka-serit--hata[b-hkx5i2qhf7] { border-left-color: var(--red-600); color: var(--red-600); }
.ka-serit--bilgi[b-hkx5i2qhf7] { border-left-color: var(--turkuaz-500); }

/* ── İki panel ─────────────────────────────────────────────────────── */

.ka-vitrin .ka-paneller[b-hkx5i2qhf7] {
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.ka-kart[b-hkx5i2qhf7] {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ka-kart[b-hkx5i2qhf7]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ka-vitrin .ka-panel[b-hkx5i2qhf7] { display: grid; gap: 12px; min-width: 0; align-content: start; }

.ka-bos[b-hkx5i2qhf7] { display: grid; gap: 12px; justify-items: start; }

.ka-bolum-baslik[b-hkx5i2qhf7] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.ka-bolum-baslik[b-hkx5i2qhf7]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ka-alt-baslik[b-hkx5i2qhf7] {
  margin: 4px 0 0;
  font: 700 12.8px/1.45 var(--font-body);
  color: var(--metin-ikincil);
}

.ka-ipucu[b-hkx5i2qhf7] { margin: 0; font-size: 12px; line-height: 1.5; color: var(--n-500); }

/* ── Konu listesi ──────────────────────────────────────────────────── */

.ka-vitrin .ka-konular[b-hkx5i2qhf7] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 4px;
  max-height: min(620px, 66dvh);
  overflow: auto;
  overscroll-behavior: contain;
}

.ka-vitrin .ka-unite[b-hkx5i2qhf7] {
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 3px 8px 8px 8px;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.ka-vitrin .ka-unite:first-child[b-hkx5i2qhf7] { margin-top: 0; }

.ka-vitrin .ka-konu[b-hkx5i2qhf7] {
  display: grid;
  gap: 4px;
  width: 100%;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}

.ka-vitrin .ka-konu:hover:not(:disabled)[b-hkx5i2qhf7] { border-color: var(--marka-400); }

.ka-vitrin .ka-konu.is-etkin[b-hkx5i2qhf7] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
  color: var(--marka-700);
  font-weight: 600;
}

.ka-vitrin .ka-konu:disabled[b-hkx5i2qhf7] { opacity: .6; cursor: default; }

.ka-konu__ad[b-hkx5i2qhf7] { overflow-wrap: anywhere; }

.ka-konu__ek[b-hkx5i2qhf7] { display: flex; flex-wrap: wrap; gap: 4px; }

.ka-konu__pul[b-hkx5i2qhf7] {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--yuzey-alt);
  border: 1px solid var(--hat-girdi);
  color: var(--n-500);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── Seçili konu ve atamalar ───────────────────────────────────────── */

.ka-vitrin .ka-atanan[b-hkx5i2qhf7] { display: grid; gap: 10px; }

.ka-secili[b-hkx5i2qhf7] {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-left: 4px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
}

.ka-secili .ka-alt-baslik[b-hkx5i2qhf7] { margin: 0; font-size: 13px; color: var(--marka-700); }
.ka-secili__standart[b-hkx5i2qhf7] { margin: 0; font-size: 12px; color: var(--metin-ikincil); overflow-wrap: anywhere; }
.ka-secili .au-dim[b-hkx5i2qhf7] { font-size: 12px; color: var(--n-500); }

.ka-vitrin .ka-cipler[b-hkx5i2qhf7] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
  max-height: min(320px, 40dvh);
  overflow: auto;
  overscroll-behavior: contain;
}

.ka-vitrin .ka-cip[b-hkx5i2qhf7] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  font-size: 13px;
}

.ka-vitrin .ka-cip > span:first-of-type[b-hkx5i2qhf7] { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }

.ka-vitrin .ka-cip .au-chip[b-hkx5i2qhf7] {
  flex: 0 0 auto;
  padding: 0 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey-alt);
  color: var(--n-500);
  font-size: 11px;
  font-weight: 600;
}

.ka-vitrin .kc-dugum__kod[b-hkx5i2qhf7] {
  flex: 0 0 auto;
  padding: 1px 6px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 700;
}

.ka-vitrin .au-ikon-btn--sil[b-hkx5i2qhf7] { flex: 0 0 auto; color: var(--red-600); }

.ka-vitrin .ka-metin[b-hkx5i2qhf7] { display: flex; gap: 8px; align-items: center; }
.ka-vitrin .ka-metin .app-input[b-hkx5i2qhf7] { flex: 1 1 auto; min-width: 0; }

.ka-vitrin .op-ayar__eylem.ka-kaydet[b-hkx5i2qhf7] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 4px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Ağaç ve arama ─────────────────────────────────────────────────── */

.ka-arama[b-hkx5i2qhf7] { display: grid; gap: 4px; }
.ka-arama__ozet[b-hkx5i2qhf7] { margin: 0; font-size: 12px; color: var(--n-500); }

.ka-vitrin .app-input[b-hkx5i2qhf7] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.ka-vitrin .kc-agac-kap[b-hkx5i2qhf7] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.ka-vitrin .ka-sonuc[b-hkx5i2qhf7] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 4px;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.ka-sonuc__oge[b-hkx5i2qhf7] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  font-size: 13px;
}

.ka-sonuc__oge:last-child[b-hkx5i2qhf7] { border-bottom: 0; }
.ka-sonuc__oge:nth-child(even)[b-hkx5i2qhf7] { background: var(--yuzey-alt); }
.ka-sonuc__oge .kc-dugum[b-hkx5i2qhf7] { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; }
.ka-sonuc__oge .kc-dugum__ad[b-hkx5i2qhf7] { overflow-wrap: anywhere; }

.ka-vitrin .ka-ata[b-hkx5i2qhf7] { flex: 0 0 auto; min-height: 30px; padding: 0 10px; font-size: 12px; }

.ka-vitrin .ka-ata.is-atandi[b-hkx5i2qhf7] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* ── Düğmeler ──────────────────────────────────────────────────────── */

.ka-vitrin .au-btn[b-hkx5i2qhf7],
.ka-vitrin[b-hkx5i2qhf7]  .au-btn {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ka-vitrin .au-btn:hover:not(:disabled)[b-hkx5i2qhf7],
.ka-vitrin[b-hkx5i2qhf7]  .au-btn:hover:not(:disabled) {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ka-vitrin .au-btn--primary[b-hkx5i2qhf7] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ka-vitrin .au-btn--primary:hover:not(:disabled)[b-hkx5i2qhf7] { background: var(--marka-500); }
.ka-vitrin .au-btn:disabled[b-hkx5i2qhf7] { opacity: .55; cursor: default; }

.ka-vitrin :is(.au-btn, .app-input, .ka-konu):focus-visible[b-hkx5i2qhf7],
.ka-vitrin[b-hkx5i2qhf7]  :is(.au-btn, .au-breadcrumb, .app-tree__row):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Öneri penceresi ───────────────────────────────────────────────── */

.ka-popup[b-hkx5i2qhf7] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ka-popup[open][b-hkx5i2qhf7] { display: flex; flex-direction: column; }
.ka-popup[b-hkx5i2qhf7]::backdrop { background: var(--scrim); }

.ka-popup__baslik[b-hkx5i2qhf7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ka-popup__baslik h2[b-hkx5i2qhf7] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.ka-popup__baslik h2:focus-visible[b-hkx5i2qhf7] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.ka-popup__govde[b-hkx5i2qhf7] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.ka-popup__govde > * + *[b-hkx5i2qhf7] { margin-top: 12px; }
.ka-popup__hata[b-hkx5i2qhf7] { margin: 0; color: var(--red-600); font-weight: 600; }

.ka-vitrin :is(.ka-kovalar, .ka-belirsiz, .ka-liste)[b-hkx5i2qhf7] {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 4px;
  font-size: 13px;
}

.ka-vitrin :is(.ka-belirsiz, .ka-liste)[b-hkx5i2qhf7] {
  max-height: 200px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ka-secenek[b-hkx5i2qhf7] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey-alt);
  font-size: 13px;
  cursor: pointer;
}

.ka-secenek input[b-hkx5i2qhf7] { margin-top: 2px; accent-color: var(--marka-600); }

.ka-popup__eylemler[b-hkx5i2qhf7] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ka-kapak[b-hkx5i2qhf7] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .ka-kapak__eylem[b-hkx5i2qhf7] { grid-column: 1 / -1; justify-self: start; }
  .ka-vitrin[b-hkx5i2qhf7]  .au-breadcrumb--dugme { width: 44px; height: 44px; }
  .ka-vitrin .ka-paneller[b-hkx5i2qhf7] { grid-template-columns: minmax(0, 260px) minmax(0, 1fr); }
  .ka-vitrin :is(.au-btn, .ka-konu)[b-hkx5i2qhf7] { min-height: 44px; }
  .ka-vitrin[b-hkx5i2qhf7]  .au-btn { min-height: 44px; }
  .ka-vitrin .app-input[b-hkx5i2qhf7] { height: 44px; min-height: 44px; }
}

/* ── Dokunmatik: girdi en az 16 px ─────────────────────────────────── */
@media (pointer: coarse) {
  .ka-vitrin .app-input[b-hkx5i2qhf7] { font-size: max(16px, 1rem); }
}

/* ── TELEFON ───────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ka-kapak[b-hkx5i2qhf7] { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; padding: 12px; }
  .ka-kapak__eylem[b-hkx5i2qhf7] { grid-column: 1 / -1; justify-self: stretch; }
  .ka-kapak__eylem .au-btn[b-hkx5i2qhf7] { width: 100%; }
  .ka-kapak .au-title[b-hkx5i2qhf7] { font-size: var(--yazi-kapak, 20px); }
  .ka-vitrin[b-hkx5i2qhf7]  .au-breadcrumb--dugme { width: 44px; height: 44px; }
  .ka-vitrin .ka-paneller[b-hkx5i2qhf7] { grid-template-columns: minmax(0, 1fr); }
  .ka-kart[b-hkx5i2qhf7] { padding: 16px 12px; }
  .ka-bolum-baslik[b-hkx5i2qhf7] { font-size: var(--yazi-bolum, 14px); }
  .ka-vitrin .ka-konular[b-hkx5i2qhf7] { max-height: min(340px, 45dvh); }
  .ka-vitrin .ka-metin[b-hkx5i2qhf7] { flex-direction: column; align-items: stretch; }
  .ka-vitrin .ka-metin .au-btn[b-hkx5i2qhf7] { width: 100%; }
  .ka-vitrin .op-ayar__eylem.ka-kaydet .au-btn--primary[b-hkx5i2qhf7] { width: 100%; }
  .ka-vitrin :is(.au-btn, .ka-konu)[b-hkx5i2qhf7] { min-height: 44px; }
  .ka-vitrin[b-hkx5i2qhf7]  .au-btn { min-height: 44px; }
  .ka-vitrin .app-input[b-hkx5i2qhf7] { height: 44px; min-height: 44px; }
  .ka-sonuc__oge[b-hkx5i2qhf7] { flex-wrap: wrap; }
  .ka-popup[b-hkx5i2qhf7] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ka-popup__baslik[b-hkx5i2qhf7],
  .ka-popup__govde[b-hkx5i2qhf7],
  .ka-popup__eylemler[b-hkx5i2qhf7] { padding: 12px; }
  .ka-popup__kapat[b-hkx5i2qhf7] { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; font-size: 24px; }
  .ka-popup__eylemler[b-hkx5i2qhf7] { flex-wrap: wrap; }
  .ka-popup__eylemler .au-btn[b-hkx5i2qhf7] { flex: 1 1 140px; }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/KazanimCepte.razor.rz.scp.css */
/* Kazanım Cepte — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, 5 px marka şeridi, bölüm sekmeleri,
   sınırlı kaydırma, native dialog popup) + kardeş uygulama DelegationCenter.razor.css.

   Yeni hex YOK (yalnız token), !important YOK, sabit spacer YOK.
   Bu sayfa bir analiz vitrini DEĞİL → --anv-* / --agv-* token'ları miras alınmaz;
   sekme vurguları genel marka rampasının uçlarından (marka-600 → rampa-orta) gelir.

   `kc-*` sınıfları ortak wwwroot/css/ogretim-planlari.css'te de tanımlı; oraya
   DOKUNULMADI. Buradaki kurallar scoped öznitelik sayesinde daha yüksek
   özgüllükte olduğundan eski görünümün üzerine yazar. Çocuk bileşenlerin
   (AppTree, DataStates, GeriBaglanti) içi ::deep ile hedeflenir. */

/* Dış boşluğu ortak data-vitrin kabuğu verir; iç sayfada ikinci dolgu yok. */
.au-page.kcp-vitrin[b-txcxogihkt] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ders süzgeci + ana eylem tek beyaz yüzeyde ──── */
.kcp-vitrin[b-txcxogihkt]  .kcp-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kapak__bas {
  min-width: 0;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kapak__geri {
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

/* Geri düğmesinde yalnız ok görünür — ad ekran okuyucuda kalır. */
.kcp-vitrin[b-txcxogihkt]  .kcp-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* Süzgeç satırı kapağın İÇİNDE; ikinci bir filtre kartı oluşturulmaz. */
.kcp-vitrin[b-txcxogihkt]  .kcp-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-alan-etiket {
  flex: 0 0 auto;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-suzgec__ipucu {
  flex: 1 0 100%;
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

/* ── Ortak kontroller ─────────────────────────────────────────────── */
.kcp-vitrin[b-txcxogihkt]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kcp-vitrin[b-txcxogihkt]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.kcp-vitrin[b-txcxogihkt]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.kcp-vitrin[b-txcxogihkt]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.kcp-vitrin[b-txcxogihkt]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.kcp-vitrin[b-txcxogihkt]  :is(.au-btn, .kc-cip, .kcp-sekme, .kcp-panel, .kc-agac-kap):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Seçim çipleri: ders süzgeci ve hafta şeridi ───────────────────── */
.kcp-vitrin[b-txcxogihkt]  .kc-cipler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Ders süzgeci segmentli tek şerittir; çok kurslu öğretmende yatay kayar. */
.kcp-vitrin[b-txcxogihkt]  .kcp-serit {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  min-height: 28px;
  padding: 4px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px/1.35 var(--font-body);
  text-align: start;
  cursor: pointer;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip.is-etkin {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip.is-etkin:hover:not(:disabled) {
  background: var(--marka-500);
  color: var(--on-brand);
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip:disabled {
  opacity: .55;
  cursor: default;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip__no {
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip__alt {
  color: var(--n-500);
  font-size: 11px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip.is-etkin :is(.kc-cip__alt, .kcp-cip__konu) {
  color: color-mix(in srgb, var(--on-brand) 78%, transparent);
}

/* Hafta kartları: her biri kendi küçük kartı, şerit kendi alanında kayar. */
.kcp-vitrin[b-txcxogihkt]  .kcp-haftalar-serit {
  flex-wrap: wrap;
  gap: 8px;
  max-height: min(320px, 46dvh);
  padding: 2px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip--hafta {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 100%;
  min-height: 34px;
  padding: 9px 12px;
  border-color: var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-variant-numeric: tabular-nums;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip--hafta.is-etkin {
  border-color: var(--marka-600);
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip__bu {
  align-self: flex-start;
  padding: 1px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--turkuaz-500) 22%, var(--yuzey));
  color: var(--marka-700);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip--hafta.is-etkin .kc-cip__bu {
  background: color-mix(in srgb, var(--on-brand) 24%, transparent);
  color: var(--on-brand);
}

/* İlk konu başlığı ipucu: iki satırdan uzunu kırpılır, çip boyu sabit kalır. */
.kcp-vitrin[b-txcxogihkt]  .kcp-cip__konu {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  max-width: 100%;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-cip__etiket {
  align-self: flex-start;
  padding: 1px 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  color: var(--n-500);
  font-size: 10.5px;
  font-weight: 600;
  white-space: nowrap;
}

.kcp-vitrin[b-txcxogihkt]  .kc-cip--hafta.is-etkin .kcp-cip__etiket {
  border-color: color-mix(in srgb, var(--on-brand) 40%, transparent);
  color: color-mix(in srgb, var(--on-brand) 82%, transparent);
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────────── */
.kcp-vitrin[b-txcxogihkt]  .kcp-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-sekme {
  --kcp-sekme-vurgu: var(--marka-600);
  display: inline-flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol dağılımı; renk gezinme vurgusudur, başarı/hata anlamı taşımaz. */
.kcp-vitrin[b-txcxogihkt]  .kcp-sekme:nth-child(n+2) { --kcp-sekme-vurgu: var(--marka-rampa-orta); }

.kcp-vitrin[b-txcxogihkt]  .kcp-sekme:hover {
  background: color-mix(in srgb, var(--kcp-sekme-vurgu) 14%, var(--yuzey));
  color: var(--kcp-sekme-vurgu);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-sekme[aria-selected="true"] {
  background: var(--kcp-sekme-vurgu);
  color: var(--on-brand);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-sekme:focus-visible {
  outline-color: var(--kcp-sekme-vurgu);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-sekme__sayi {
  padding: 1px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--kcp-sekme-vurgu) 12%, var(--yuzey));
  color: var(--kcp-sekme-vurgu);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-sekme[aria-selected="true"] .kcp-sekme__sayi {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
  color: var(--on-brand);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-panel {
  min-width: 0;
}

/* İşlemde: ders/hafta değişiminde ESKİ içerik ekranda kalıyor — soluklaştırmak
   onun henüz güncel olmadığını söyler (durum metni ayrıca role="status"). */
.kcp-vitrin[b-txcxogihkt]  .kcp-panel[aria-busy="true"] .kcp-kart {
  opacity: .62;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-yukleniyor {
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Kart yüzeyleri ───────────────────────────────────────────────── */
.kcp-vitrin[b-txcxogihkt]  :is(.kcp-kart, .kcp-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kcp-vitrin[b-txcxogihkt]  :is(.kcp-kart, .kcp-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Ortak ogretim-planlari.css `.kc-plan/.kc-haftalar/.kc-hafta/.kc-meb/.kc-agac`
   satırına `display: grid; gap: 10px` yazıyor; o dosyaya dokunulmadığı için
   burada blok akışına geri alınır — yoksa başlık marjı (12 px) ızgara
   aralığıyla (10 px) toplanıp 22 px'e çıkıyordu. */
.kcp-vitrin[b-txcxogihkt]  .kcp-kart {
  display: block;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Rozet kuşağı: köken/dönem/sayaç etiketleri başlığın karşısında. */
.kcp-vitrin[b-txcxogihkt]  .kc-plan__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart p {
  margin: 0 0 8px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart p:last-child {
  margin-bottom: 0;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart .au-dim {
  color: var(--n-500);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart a {
  color: var(--marka-700);
  font-weight: 600;
}

.kcp-vitrin[b-txcxogihkt]  :is(.kc-kurs-neden, .kc-hafta-sebep) a {
  margin-left: 4px;
}

.kcp-vitrin[b-txcxogihkt]  .kc-kurs-ozet {
  overflow-wrap: anywhere;
}

.kcp-vitrin[b-txcxogihkt]  .kc-sayi {
  color: var(--marka-700);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.kcp-vitrin[b-txcxogihkt]  .kc-damga {
  font-size: 12px;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-damga__ek {
  margin-left: 4px;
  color: var(--n-500);
}

/* ── Uyarı / hata satırları: ikinci bir kart yüzeyi kurmaz ─────────── */
.kcp-vitrin[b-txcxogihkt]  .kcp-uyari,
.kcp-vitrin[b-txcxogihkt]  .kcp-hata {
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-uyari {
  border-color: color-mix(in srgb, var(--amber-600) 36%, var(--hat-kart));
  background: color-mix(in srgb, var(--amber-600) 7%, var(--yuzey));
}

.kcp-vitrin[b-txcxogihkt]  .kcp-hata {
  border-color: color-mix(in srgb, var(--danger) 38%, var(--hat-kart));
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Boş / yetkisiz durum ─────────────────────────────────────────── */
.kcp-vitrin[b-txcxogihkt]  .kcp-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-bos__metin {
  max-width: 48ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Haftanın içeriği: konu ve kazanım listeleri ───────────────────── */
.kcp-vitrin[b-txcxogihkt]  .kc-alt-baslik {
  margin: 14px 0 6px;
  color: var(--metin-murekkep);
  font: 700 12.8px/1.45 var(--font-body);
  /* Ortak dosyadaki `.kc-alt-baslik` BÜYÜK HARF + harf aralığı veriyor;
     `font` kısayolu bu iki özelliği sıfırlamaz, açıkça geri alınır. */
  letter-spacing: normal;
  text-transform: none;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-kart .kc-alt-baslik:first-of-type {
  margin-top: 0;
}

.kcp-vitrin[b-txcxogihkt]  .kc-konular {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.kcp-vitrin[b-txcxogihkt]  .kc-hafta-kazanimlar {
  gap: 6px;
  padding-left: 0;
  list-style: none;
}

.kcp-vitrin[b-txcxogihkt]  .kc-hafta-kazanimlar > li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kcp-vitrin[b-txcxogihkt]  .kc-hafta-kazanimlar > li > span:first-child {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}

.kcp-vitrin[b-txcxogihkt]  .kc-alanlar {
  display: grid;
  gap: 2px;
  margin: 0;
}

.kcp-vitrin[b-txcxogihkt]  .kc-alanlar > div {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, 2.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kcp-vitrin[b-txcxogihkt]  .kc-alanlar > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kcp-vitrin[b-txcxogihkt]  .kc-alanlar dt {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-weight: 600;
}

.kcp-vitrin[b-txcxogihkt]  .kc-alanlar dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-murekkep);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ── Kazanım ağacı: kendi alanında kayar ───────────────────────────── */
.kcp-vitrin[b-txcxogihkt]  .kc-agac-kap {
  max-height: min(540px, 60dvh);
  padding: 3px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.kcp-vitrin[b-txcxogihkt]  .kc-agac-kap .app-tree__row {
  gap: 8px;
  min-height: 34px;
  font-size: 13px;
}

.kcp-vitrin[b-txcxogihkt]  .kc-dugum {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

.kcp-vitrin[b-txcxogihkt]  .kc-dugum__kod {
  flex: 0 0 auto;
  padding: 1px 6px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--marka-500) 9%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.kcp-vitrin[b-txcxogihkt]  .kc-dugum__ad {
  min-width: 0;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

/* Tema ve kademe satırları gövde kazanımından ayrışır (sunucunun `tip` alanı). */
.kcp-vitrin[b-txcxogihkt]  .kc-dugum:is([data-tip="tema"], [data-tip="ders"], [data-tip="sinif"], [data-tip="kademe"]) .kc-dugum__ad {
  color: var(--marka-700);
  font-weight: 600;
}

.kcp-vitrin[b-txcxogihkt]  .kc-rozet {
  flex: 0 0 auto;
  padding: 1px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.kcp-vitrin[b-txcxogihkt]  .kc-rozet--planda {
  border-color: color-mix(in srgb, var(--marka-500) 34%, transparent);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

.kcp-vitrin[b-txcxogihkt]  .kc-rozet--islendi {
  border-color: color-mix(in srgb, var(--turkuaz-500) 44%, transparent);
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

/* ── Kazanım ayrıntısı: native top layer ──────────────────────────── */
.kcp-vitrin[b-txcxogihkt]  .kcp-popup {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup[open] {
  display: flex;
  flex-direction: column;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup::backdrop {
  background: var(--scrim);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup__bas h2:focus {
  outline: none;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kcp-vitrin[b-txcxogihkt]  .kcp-olgular dt {
  color: var(--n-500);
}

.kcp-vitrin[b-txcxogihkt]  .kcp-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.kcp-vitrin[b-txcxogihkt]  .kcp-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kcp-vitrin[b-txcxogihkt]  .kcp-kapak {
    padding: 16px;
  }

  .kcp-vitrin[b-txcxogihkt]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .kcp-vitrin[b-txcxogihkt]  :is(.kc-cip, .kcp-sekme) {
    min-height: 44px;
  }

  /* Şerit tek yatay kaydırılabilir bant; sayfanın tamamı taşmaz. */
  .kcp-vitrin[b-txcxogihkt]  .kcp-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-sekme {
    flex: 0 0 auto;
  }

  .kcp-vitrin[b-txcxogihkt]  .kc-agac-kap .app-tree__chev {
    width: 44px;
    height: 44px;
  }

  .kcp-vitrin[b-txcxogihkt]  .kc-agac-kap .app-tree__chev--leaf {
    width: 20px;
  }
}

@media (pointer: coarse) {
  .kcp-vitrin[b-txcxogihkt]  .kc-cip {
    font-size: max(12.5px, .8rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Geri + başlık tek satır; eylemler başlığın altında içerik genişliğinde. */
  .kcp-vitrin[b-txcxogihkt]  .kcp-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-kapak__eylem .au-btn {
    flex: 1 1 auto;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-suzgec {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-haftalar-serit {
    max-height: min(280px, 44dvh);
  }

  .kcp-vitrin[b-txcxogihkt]  .kc-cip--hafta {
    flex: 1 1 100%;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-kart {
    padding: 16px 12px;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-kart__baslik {
    font-size: var(--yazi-bolum, 14px);
  }

  .kcp-vitrin[b-txcxogihkt]  .kc-alanlar > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 10px 6px;
  }

  .kcp-vitrin[b-txcxogihkt]  .kc-agac-kap {
    max-height: min(420px, 58dvh);
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kcp-vitrin[b-txcxogihkt]  :is(.kcp-popup__bas, .kcp-popup__govde, .kcp-popup__eylem) {
    padding: 12px;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-popup__eylem .au-btn {
    flex: 1 1 auto;
  }

  .kcp-vitrin[b-txcxogihkt]  .kcp-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/Kutuphanem.razor.rz.scp.css */
/* Kütüphanem — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Kaynak: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 23 px başlık / 24 px yatay dolgu, girdi 34 px, popup ölçüleri) ve
   docs/mobil/YENI-DIL.md §1.1 cihaz sorguları, §7 telefon başlık satırı.
   Yeni hex YOK, !important YOK, sabit spacer YOK. */

.kt-vitrin[b-mzutyujjno] {
  max-width: none;
  padding: 0 0 44px;
}

/* ── Beyaz kapak: geri + başlık + süzgeçler ─────────────────────── */
.kt-vitrin .kt-kapak[b-mzutyujjno] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 rgba(9, 26, 48, .04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kt-vitrin .kt-kapak__kimlik[b-mzutyujjno] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri metin";
  align-items: center;
  min-width: 0;
  gap: 12px;
}

/* GeriBaglanti ayrı bir bileşendir → ::deep. */
.kt-vitrin .kt-kapak[b-mzutyujjno]  .au-breadcrumb {
  grid-area: geri;
  align-self: center;
  margin: 0;
}

.kt-vitrin .kt-kapak__metin[b-mzutyujjno] {
  grid-area: metin;
  min-width: 0;
}

.kt-vitrin .kt-kapak__baslik[b-mzutyujjno] {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--yazi-kapak, 23px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.kt-vitrin .kt-kapak__alt[b-mzutyujjno] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12.5px);
  line-height: 1.5;
}

.kt-vitrin .kt-suzgec-ac[b-mzutyujjno] {
  display: none;
  grid-area: ac;
}

/* Kapak içindeki süzgeç kabı: ikinci kart DEĞİL — şeffaf, kenarsız. */
.kt-vitrin .kt-suzgec[b-mzutyujjno] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  gap: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.kt-vitrin .kt-tur-alani[b-mzutyujjno] {
  container: kt-tur / inline-size;
  min-width: 0;
}

.kt-vitrin .kt-turler[b-mzutyujjno] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

.kt-vitrin .kt-tur-secimi[b-mzutyujjno] {
  display: none;
  width: 100%;
  max-width: 260px;
  margin-inline: auto;
}

@container kt-tur (max-width: 420px) {
  .kt-vitrin .kt-turler[b-mzutyujjno] { display: none; }
  .kt-vitrin .kt-tur-secimi[b-mzutyujjno] { display: block; }
}

.kt-vitrin .kc-cip[b-mzutyujjno] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: 8px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

@media (hover: hover) {
  .kt-vitrin .kc-cip:hover:not(:disabled):not(.is-etkin)[b-mzutyujjno] {
    border-color: color-mix(in srgb, var(--marka-500) 40%, var(--hat-girdi));
    background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
    color: var(--marka-600);
  }
}

.kt-vitrin .kc-cip.is-etkin[b-mzutyujjno] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.kt-vitrin .kc-cip:disabled[b-mzutyujjno] {
  opacity: .5;
  cursor: default;
}

.kt-vitrin .kt-arama[b-mzutyujjno] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px 12px;
}

.kt-vitrin .kt-arama > .kt-alan[b-mzutyujjno] {
  display: grid;
  max-width: none;
}

.kt-vitrin .kt-alan[b-mzutyujjno] {
  display: flex;
  flex: 1 1 220px;
  min-width: 0;
  max-width: 320px;
  flex-direction: column;
  gap: 4px;
}

.kt-vitrin .kt-alan__etiket[b-mzutyujjno] {
  color: var(--metin-ipucu);
  font-size: var(--yazi-etiket, 10px);
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.kt-vitrin .kt-alan__girdi[b-mzutyujjno] {
  /* Ortak `.kt-arama .app-input` flex-basis'i sütun etikette 180 px
     yüksekliğe dönüşmesin; alanın boyutunu kendi kontrol ölçüsü belirler. */
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: var(--yazi-govde, 13px);
  font-weight: 500;
  box-shadow: none;
}

.kt-vitrin .hz-atanmamis[b-mzutyujjno] {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12.5px);
}

.kt-vitrin .hz-atanmamis input[type="checkbox"][b-mzutyujjno] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--marka-600);
}

.kt-vitrin .kt-ara[b-mzutyujjno] {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--marka-600);
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
}

@media (hover: hover) {
  .kt-vitrin .kt-ara:hover:not(:disabled)[b-mzutyujjno] {
    border-color: var(--marka-500);
    background: var(--marka-500);
    color: var(--on-brand);
  }
}

.kt-vitrin :is(.kt-alan__girdi, .au-btn, .kc-cip, .kt-suzgec-ac):focus-visible[b-mzutyujjno] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Uyarı / bilgi şeritleri ────────────────────────────────────── */
.kt-vitrin .kt-uyari[b-mzutyujjno],
.kt-vitrin .kt-hata[b-mzutyujjno],
.kt-vitrin .kt-bilgi[b-mzutyujjno] {
  margin: 0 0 12px;
  padding: 12px 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
  line-height: 1.55;
}

.kt-vitrin .kt-uyari[b-mzutyujjno] {
  border-color: color-mix(in srgb, var(--amber-600) 35%, var(--yuzey));
  background: color-mix(in srgb, var(--amber-500) 6%, var(--yuzey));
}

.kt-vitrin .kt-hata[b-mzutyujjno] {
  border-color: color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  color: var(--danger-metin);
}

.kt-vitrin .kt-bilgi[b-mzutyujjno] {
  border-color: color-mix(in srgb, var(--basari-metin) 28%, var(--yuzey));
  background: color-mix(in srgb, var(--basari-metin) 6%, var(--yuzey));
  color: var(--basari-metin);
}

.kt-vitrin .kt-sayac[b-mzutyujjno] {
  margin: 0 0 10px;
  color: var(--metin-ipucu);
  font-size: var(--yazi-kucuk, 12px);
  font-variant-numeric: tabular-nums;
}

.kt-vitrin .kt-bos[b-mzutyujjno] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 24px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.kt-vitrin .kt-bos p[b-mzutyujjno] {
  max-width: 72ch;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-govde, 13px);
  line-height: 1.6;
}

/* ── İçerik listesi ─────────────────────────────────────────────── */
.kt-vitrin .kt-liste[b-mzutyujjno] {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.kt-vitrin .kt-satir[b-mzutyujjno] {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 rgba(9, 26, 48, .04),
    0 18px 34px -26px rgba(9, 26, 48, .5);
  transition: border-color .15s ease, box-shadow .15s ease;
}

@media (hover: hover) {
  .kt-vitrin .kt-satir:hover[b-mzutyujjno] {
    border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-kart));
  }
}

.kt-vitrin .kt-satir__ust[b-mzutyujjno] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.kt-vitrin .hz-tur[b-mzutyujjno] {
  flex: 0 0 auto;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: 8px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-600);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
}

.kt-vitrin .kt-satir__ad[b-mzutyujjno] {
  flex: 1 1 220px;
  min-width: 0;
  color: var(--marka-700);
  font-size: var(--yazi-govde, 13.5px);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.kt-vitrin a.kt-satir__ad:hover[b-mzutyujjno] {
  text-decoration: underline;
}

.kt-vitrin .hz-rozet[b-mzutyujjno] {
  flex: 0 0 auto;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: 8px;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.kt-vitrin .kt-rozet--atanmis[b-mzutyujjno] {
  border-color: color-mix(in srgb, var(--basari-metin) 28%, var(--yuzey));
  background: color-mix(in srgb, var(--basari-metin) 7%, var(--yuzey));
  color: var(--basari-metin);
}

.kt-vitrin .kt-rozet--bos[b-mzutyujjno] {
  border-color: color-mix(in srgb, var(--amber-600) 32%, var(--yuzey));
  background: color-mix(in srgb, var(--amber-500) 8%, var(--yuzey));
  color: var(--amber-600);
}

.kt-vitrin .kt-plana-ekle[b-mzutyujjno] {
  flex: 0 0 auto;
  height: 30px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-600);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
}

.kt-vitrin .kt-satir__alt[b-mzutyujjno] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: var(--yazi-kucuk, 12px);
  font-variant-numeric: tabular-nums;
}

/* ── "Plana ekle" penceresi ─────────────────────────────────────── */
.kt-vitrin .kt-popup[b-mzutyujjno] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  height: fit-content;
  min-height: 0;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.kt-vitrin .kt-popup[open][b-mzutyujjno] {
  display: flex;
  flex-direction: column;
}

.kt-popup[b-mzutyujjno]::backdrop {
  background: var(--scrim);
}

.kt-vitrin .kt-popup__baslik[b-mzutyujjno] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kt-vitrin .kt-popup__baslik[b-mzutyujjno]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--marka-rampa-serit);
}

.kt-vitrin .kt-popup__baslik h2[b-mzutyujjno] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

/* Başlık yalnız açılış odağıdır; görünür odak halkası düğmelere aittir. */
.kt-vitrin .kt-popup__baslik h2:focus[b-mzutyujjno] {
  outline: none;
}

.kt-vitrin .kt-popup__baslik p[b-mzutyujjno] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.kt-vitrin .kt-popup__kapat[b-mzutyujjno] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  justify-content: center;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 22px;
  line-height: 1;
}

.kt-vitrin .kt-popup__govde[b-mzutyujjno] {
  flex: 0 1 auto;
  min-width: 0;
  min-height: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kt-vitrin .kt-popup__hata[b-mzutyujjno] {
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  color: var(--danger-metin);
}

.kt-vitrin .kt-ekle[b-mzutyujjno] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.kt-vitrin .kt-secim[b-mzutyujjno] {
  min-width: 0;
}

.kt-vitrin :is(.kt-secim, .kt-tur-secimi)[b-mzutyujjno]  .app-field {
  min-width: 0;
  gap: 7px;
  opacity: 1;
}

.kt-vitrin :is(.kt-secim, .kt-tur-secimi)[b-mzutyujjno]  .app-field__label {
  color: var(--metin-ikincil);
  font: 700 11px/1.4 var(--font-body);
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Seçim kontrolü ve liste görünümü ortak css/dropdown.css dosyasındadır. */

.kt-vitrin :is(.kt-ekle__uyari, .kt-ekle__ipucu)[b-mzutyujjno] {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.6;
}

.kt-vitrin .kt-ekle__uyari[b-mzutyujjno] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.kt-vitrin .kt-ekle__uyari svg[b-mzutyujjno] {
  flex: 0 0 18px;
  margin-top: 2px;
  color: var(--marka-600);
}

.kt-vitrin .kt-ekle__uyari p[b-mzutyujjno] { margin: 0; }
.kt-vitrin .kt-ekle__uyari strong[b-mzutyujjno] { display: block; font-weight: 600; }
.kt-vitrin .kt-ekle__uyari span[b-mzutyujjno] { display: block; margin-top: 2px; }

@media (max-width: 1023px), (pointer: coarse) {
  .kt-vitrin .kt-popup__kapat[b-mzutyujjno] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
  }
}

.kt-vitrin .kt-popup__eylemler[b-mzutyujjno] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
}

.kt-vitrin .kt-popup__eylemler .au-btn[b-mzutyujjno] {
  height: 34px;
  min-height: 34px;
  padding: 0 16px;
  border-radius: var(--kose-dugme);
  font-size: var(--yazi-kucuk, 12.5px);
}

.kt-vitrin[b-mzutyujjno]  .ds-panel {
  border-radius: var(--kose-bolum);
}

/* Dar pencere / tablet: iki eşit alan ve Ara aynı satırda;
   atanmamış içerik seçimi bütün satırı kullanır. */
@media (min-width: 641px) and (max-width: 1279px) {
  .kt-vitrin .kt-suzgec[b-mzutyujjno] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px 12px;
  }

  .kt-vitrin .kt-tur-alani[b-mzutyujjno] {
    grid-column: 1;
    grid-row: 1;
  }

  .kt-vitrin .kt-turler[b-mzutyujjno] { display: none; }

  .kt-vitrin .kt-tur-secimi[b-mzutyujjno] {
    display: block;
    max-width: none;
    margin-inline: 0;
  }

  .kt-vitrin .kt-arama[b-mzutyujjno] { display: contents; }

  .kt-vitrin .kt-arama > .kt-alan[b-mzutyujjno] {
    grid-column: 2;
    grid-row: 1;
    gap: 7px;
  }

  .kt-vitrin .kt-alan__etiket[b-mzutyujjno] {
    color: var(--metin-ikincil);
    font: 700 11px/1.4 var(--font-body);
    letter-spacing: .1em;
  }

  .kt-vitrin .kt-ara[b-mzutyujjno] {
    grid-column: 3;
    grid-row: 1;
  }

  .kt-vitrin .hz-atanmamis[b-mzutyujjno] {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

/* ── TABLET ─────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kt-vitrin .kt-kapak[b-mzutyujjno] {
    padding: 16px 20px 18px;
  }

  .kt-vitrin :is(.kt-alan__girdi, .kt-ara, .kc-cip, .kt-plana-ekle)[b-mzutyujjno] {
    height: 44px;
    min-height: 44px;
  }

  .kt-vitrin .hz-atanmamis[b-mzutyujjno] {
    min-height: 44px;
  }

  .kt-vitrin .kt-popup__kapat[b-mzutyujjno] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .kt-vitrin .kt-popup__eylemler .au-btn[b-mzutyujjno] {
    height: 44px;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .kt-vitrin .kt-alan__girdi[b-mzutyujjno] {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* YENI-DIL §7: geri + başlık tek satır; eylem başlığın ALTINDA. */
  .kt-vitrin .kt-kapak[b-mzutyujjno] {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 16px 16px;
  }

  .kt-vitrin .kt-kapak__kimlik[b-mzutyujjno] {
    grid-template-columns: 26px minmax(0, 1fr);
    grid-template-areas:
      "geri metin"
      "ac ac";
  }

  .kt-vitrin .kt-kapak__baslik[b-mzutyujjno] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kt-vitrin .kt-suzgec-ac[b-mzutyujjno] {
    display: inline-flex;
    align-self: start;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-600);
    font-size: var(--yazi-kucuk, 12px);
    font-weight: 600;
  }

  /* Katlanabilir süzgeç: açılmadan yer kaplamaz. */
  .kt-vitrin .kt-suzgec[b-mzutyujjno] {
    display: none;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .kt-vitrin .kt-turler[b-mzutyujjno] { display: none; }
  .kt-vitrin .kt-tur-secimi[b-mzutyujjno] { display: block; max-width: none; }

  .kt-vitrin .kt-suzgec.is-acik[b-mzutyujjno] {
    display: grid;
  }

  .kt-vitrin .kt-arama[b-mzutyujjno] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
  }

  .kt-vitrin .kt-alan[b-mzutyujjno] {
    max-width: none;
  }

  .kt-vitrin :is(.kt-alan__girdi, .kt-ara, .kc-cip, .kt-plana-ekle)[b-mzutyujjno] {
    min-height: 44px;
  }

  .kt-vitrin .hz-atanmamis[b-mzutyujjno] {
    grid-column: 1 / -1;
    min-height: 44px;
  }

  .kt-vitrin .kt-satir__ust[b-mzutyujjno] {
    gap: 6px;
  }

  .kt-vitrin .kt-plana-ekle[b-mzutyujjno] {
    flex: 1 1 100%;
    justify-content: center;
  }

  .kt-vitrin .kt-popup[b-mzutyujjno] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kt-vitrin .kt-popup__baslik[b-mzutyujjno] {
    padding: 18px 16px 14px;
  }

  .kt-vitrin .kt-popup__baslik h2[b-mzutyujjno] {
    font-size: 18px;
  }

  .kt-vitrin .kt-popup__govde[b-mzutyujjno] {
    padding: 16px;
  }

  .kt-vitrin .kt-ekle[b-mzutyujjno] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kt-vitrin .kt-popup__eylemler[b-mzutyujjno] {
    padding: 12px 16px;
  }

  .kt-vitrin .kt-popup__eylemler .au-btn[b-mzutyujjno] {
    flex: 1 1 auto;
    justify-content: center;
    min-height: 44px;
  }
}

/* Masaüstünde üç alan: başlık, ortalanmış içerik türü, arama.
   Tür alanı daralınca container sorgusu aynı seçimi dropdown'da gösterir. */
@media (min-width: 1280px) {
  .kt-vitrin .kt-kapak[b-mzutyujjno] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    column-gap: 24px;
  }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/OgretimPlanlariHub.razor.rz.scp.css */
/* Öğretim planları hub'ı — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Kaynak: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 23 px başlık / 24 px yatay dolgu, girdi 34 px, tablo başlığı
   --marka-rampa-serit) ve docs/mobil/YENI-DIL.md §1.1 cihaz sorguları.
   Yeni hex YOK, !important YOK, sabit spacer YOK — hepsi mevcut token.
   Çocuk bileşenlerin (DataStates) içi ::deep ile hedeflenir. */

.op-vitrin[b-s6y48cxxcv] {
  --op-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  --op-uc: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  --op-kart-golge: 0 1px 0 rgba(9, 26, 48, .04), 0 18px 34px -26px rgba(9, 26, 48, .5);
  max-width: none;
  padding: 0;
  font-family: var(--font-body);
}

/* ── Beyaz kapak: başlık + kurs süzgeci ─────────────────────────── */
.op-vitrin .op-kapak[b-s6y48cxxcv] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "metin ac"
    "suzgec suzgec";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 rgba(9, 26, 48, .04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.op-vitrin .op-kapak__metin[b-s6y48cxxcv] {
  grid-area: metin;
  min-width: 0;
}

.op-vitrin .op-kapak__baslik[b-s6y48cxxcv] {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--yazi-kapak, 23px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.op-vitrin .op-kapak__alt[b-s6y48cxxcv] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12.5px);
  line-height: 1.5;
}

/* Süzgeci açan düğme yalnız telefondadır (aşağıda görünür kılınır). */
.op-vitrin .op-suzgec-ac[b-s6y48cxxcv] {
  display: none;
  grid-area: ac;
}

.op-vitrin .op-suzgec[b-s6y48cxxcv] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.op-vitrin .op-alan[b-s6y48cxxcv] {
  display: flex;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  flex-direction: column;
  gap: 4px;
}

.op-vitrin .op-alan__etiket[b-s6y48cxxcv] {
  color: var(--metin-ikincil);
  font-size: max(11px, var(--yazi-etiket, 10px));
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.op-vitrin .op-alan__girdi[b-s6y48cxxcv] {
  width: 100%;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: var(--yazi-govde, 13px);
  font-weight: 500;
  box-shadow: none;
}

.op-vitrin .op-sifirla[b-s6y48cxxcv] {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
}

.op-vitrin .op-sifirla:disabled[b-s6y48cxxcv] {
  opacity: .45;
  cursor: default;
}

.op-vitrin :is(.op-alan__girdi, .au-btn, .op-suzgec-ac, .op-bugun__kaydir):focus-visible[b-s6y48cxxcv] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kısayol kartları ───────────────────────────────────────────── */
.op-vitrin .op-kisayol[b-s6y48cxxcv] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.op-vitrin .op-yonetim[b-s6y48cxxcv] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* HubCard'ın eski cam yüzeyi yalnız bu sayfada referans kart dilini alır. */
.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 12px;
  align-items: start;
  align-content: start;
  gap: 12px;
  min-width: 0;
  min-height: 112px;
  padding: 23px 18px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--op-kart-golge);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--op-serit);
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card::after {
  content: "";
  align-self: center;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid var(--marka-600);
  border-right: 1.5px solid var(--marka-600);
  transform: rotate(45deg);
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card__glow {
  display: none;
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card__ikon {
  align-self: start;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 6%, var(--yuzey));
  color: var(--marka-600);
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card__ikon svg {
  width: 18px;
  height: 18px;
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card__metin {
  display: flex;
  gap: 6px;
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card__title {
  align-self: stretch;
  text-align: start;
  font-size: var(--yazi-bolum, 15px);
  font-weight: 700;
  line-height: 1.3;
  color: var(--metin-murekkep);
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card__desc {
  display: block;
  overflow: visible;
  font-size: var(--yazi-kucuk, 12.8px);
  line-height: 1.5;
  color: var(--metin-ikincil);
  -webkit-line-clamp: unset;
}

.op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 3px;
}

@media (hover: hover) {
  .op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card:hover {
    border-color: var(--marka-500);
    box-shadow: 0 18px 34px -26px color-mix(in srgb, var(--marka-600) 65%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .op-vitrin .op-kisayol[b-s6y48cxxcv]  .hub-card { transition: none; }
}

.op-vitrin .op-bolum-baslik[b-s6y48cxxcv] {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-size: var(--yazi-bolum, 15px);
  font-weight: 700;
  letter-spacing: -.012em;
  color: var(--marka-700);
  text-transform: none;
}

.op-vitrin .op-bolum-baslik[b-s6y48cxxcv]::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 9px;
  background: var(--op-uc);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── "Ders programı bugün": tablo standardı ─────────────────────── */
.op-vitrin .op-bugun[b-s6y48cxxcv] {
  position: relative;
  display: block;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--op-kart-golge);
}

.op-vitrin .op-bugun[b-s6y48cxxcv]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 2px 2px 0 0;
  background: var(--op-serit);
}

.op-vitrin .op-bugun__baslik[b-s6y48cxxcv] {
  margin-bottom: 12px;
}

/* Uzun program kendi alanında kayar; sayfanın tamamı taşmaz. */
.op-vitrin .op-bugun__kaydir[b-s6y48cxxcv] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width sıfırlaması ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar ve bu,
   sarmalayıcısı olmayan tablolar için genel siperdir. Tablo kendi kabında
   kaydığı için burada zararlıdır: sticky thead'i bozar, ikinci kaydırıcı açar. */
.op-vitrin .op-bugun__tablo[b-s6y48cxxcv] {
  display: table;
  width: 100%;
  min-width: 520px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--font-body);
  font-size: var(--yazi-govde, 13px);
  color: var(--metin-murekkep);
}

.op-vitrin .op-bugun__tablo thead[b-s6y48cxxcv] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

/* Eski liste stilleri tablo gövdesini grid/flex düzenine çevirmemeli. */
.op-vitrin .op-bugun__liste[b-s6y48cxxcv] {
  display: table-row-group;
}

.op-vitrin .op-bugun__ders[b-s6y48cxxcv] {
  display: table-row;
  padding: 0;
  border: 0;
}

.op-vitrin .op-bugun__tablo th[b-s6y48cxxcv] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.op-vitrin .op-bugun__tablo td[b-s6y48cxxcv] {
  padding: 10px 13px;
  border: 0;
  border-top: 1px solid var(--line);
  vertical-align: middle;
}

.op-vitrin .op-bugun__tablo tbody tr:nth-child(even) td[b-s6y48cxxcv] {
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
}

.op-vitrin .op-bugun__saat[b-s6y48cxxcv] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.op-vitrin .op-bugun__hucre-ad[b-s6y48cxxcv] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.op-vitrin .op-bugun__ad[b-s6y48cxxcv] {
  font-weight: 600;
  color: var(--marka-700);
  text-decoration: none;
}

.op-vitrin .op-bugun__ad:hover[b-s6y48cxxcv] {
  text-decoration: underline;
}

.op-vitrin .op-bugun__ders--bagsiz .op-bugun__ad[b-s6y48cxxcv] {
  color: var(--metin-ipucu);
  font-weight: 500;
}

.op-vitrin .op-bugun__derslik[b-s6y48cxxcv] {
  color: var(--metin-ipucu);
  font-size: var(--yazi-kucuk, 12px);
}

.op-vitrin .op-bugun__bos[b-s6y48cxxcv] {
  color: var(--metin-ipucu);
}

.op-vitrin .op-bugun-bos[b-s6y48cxxcv] {
  margin: 0 0 16px;
  color: var(--metin-ipucu);
  font-size: var(--yazi-kucuk, 12.5px);
}

/* ── Zil kartı (programda var, kursta yok) ──────────────────────── */
.op-vitrin .op-zil[b-s6y48cxxcv] {
  display: grid;
  gap: 8px;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--amber-600) 35%, var(--yuzey));
  border-radius: var(--kose-bolum);
  background: color-mix(in srgb, var(--amber-500) 6%, var(--yuzey));
}

.op-vitrin .op-zil p[b-s6y48cxxcv] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12.5px);
  line-height: 1.6;
}

.op-vitrin .op-zil__hata[b-s6y48cxxcv] {
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  color: var(--danger-metin);
}

.op-vitrin .op-zil__liste[b-s6y48cxxcv] {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.op-vitrin .op-zil__kurs[b-s6y48cxxcv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  font-size: var(--yazi-govde, 13px);
}

/* ── Uyarı / özet şeritleri ─────────────────────────────────────── */
.op-vitrin .op-uyari[b-s6y48cxxcv],
.op-vitrin .op-plansiz-ozet[b-s6y48cxxcv],
.op-vitrin .op-hata[b-s6y48cxxcv] {
  margin: 0 0 12px;
  padding: 12px 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
  line-height: 1.55;
}

.op-vitrin .op-uyari[b-s6y48cxxcv] {
  border-color: color-mix(in srgb, var(--amber-600) 35%, var(--yuzey));
  background: color-mix(in srgb, var(--amber-500) 6%, var(--yuzey));
}

.op-vitrin .op-hata[b-s6y48cxxcv] {
  border-color: color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  color: var(--danger-metin);
}

.op-vitrin .op-plansiz-ozet[b-s6y48cxxcv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.op-vitrin .op-plansiz-ozet strong[b-s6y48cxxcv] {
  color: var(--marka-700);
}

.op-vitrin .op-plansiz-ozet__suz[b-s6y48cxxcv] {
  height: 30px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-600);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
}

.op-vitrin .op-sayac[b-s6y48cxxcv] {
  margin: 0 0 10px;
  color: var(--metin-ipucu);
  font-size: var(--yazi-kucuk, 12px);
  font-variant-numeric: tabular-nums;
}

.op-vitrin .op-bos[b-s6y48cxxcv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 24px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--op-kart-golge);
}

.op-vitrin .op-bos .au-btn[b-s6y48cxxcv] {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border-color: var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--marka-600);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
}

.op-vitrin .op-bos p[b-s6y48cxxcv] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-govde, 13px);
}

/* ── Kurs kartları ──────────────────────────────────────────────── */
.op-vitrin .op-kartlar[b-s6y48cxxcv] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.op-vitrin .op-kart[b-s6y48cxxcv] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: var(--op-kart-golge);
  transition: box-shadow .15s ease, border-color .15s ease;
}

@media (hover: hover) {
  .op-vitrin .op-kart:hover[b-s6y48cxxcv] {
    border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-kart));
    box-shadow:
      0 1px 0 rgba(9, 26, 48, .04),
      0 22px 40px -24px color-mix(in srgb, var(--marka-600) 55%, transparent);
  }
}

.op-vitrin .op-kart--plansiz[b-s6y48cxxcv] {
  border-color: color-mix(in srgb, var(--amber-600) 45%, var(--hat-kart));
}

.op-vitrin .op-kart__ust[b-s6y48cxxcv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.op-vitrin .op-kart__ad[b-s6y48cxxcv] {
  flex: 1 1 160px;
  min-width: 0;
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--yazi-bolum, 15px);
  font-weight: 700;
  letter-spacing: -.012em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.op-vitrin .op-kart__bilgi[b-s6y48cxxcv] {
  display: grid;
  gap: 4px;
  margin: 0;
  font-size: var(--yazi-kucuk, 12px);
}

.op-vitrin .op-kart__bilgi > div[b-s6y48cxxcv] {
  display: flex;
  gap: 6px;
}

.op-vitrin .op-kart__bilgi dt[b-s6y48cxxcv] {
  margin: 0;
  color: var(--metin-ipucu);
}

.op-vitrin .op-kart__bilgi dd[b-s6y48cxxcv] {
  margin: 0;
  color: var(--metin-murekkep);
  font-weight: 600;
}

.op-vitrin .op-kart__eylem[b-s6y48cxxcv] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.op-vitrin .op-kart__eylem .au-btn[b-s6y48cxxcv] {
  height: 34px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: var(--kose-dugme);
  font-size: var(--yazi-kucuk, 12.5px);
}

/* DataStates'in kendi iskelet/hata paneli sayfanın yüzey diline uyar. */
.op-vitrin[b-s6y48cxxcv]  .ds-panel {
  padding: 24px;
  border-color: var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--op-kart-golge);
}

.op-vitrin[b-s6y48cxxcv]  .ds-title {
  color: var(--marka-700);
  font-size: var(--yazi-bolum, 15px);
}

.op-vitrin[b-s6y48cxxcv]  .ds-action {
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  font-size: var(--yazi-kucuk, 12.5px);
}

/* ── TABLET ─────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .op-vitrin .op-yonetim[b-s6y48cxxcv] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .op-vitrin .op-kapak[b-s6y48cxxcv] {
    padding: 16px 20px 18px;
  }

  .op-vitrin :is(.op-alan__girdi, .op-sifirla, .op-plansiz-ozet__suz)[b-s6y48cxxcv] {
    height: 44px;
    min-height: 44px;
  }

  .op-vitrin .op-kart__eylem .au-btn[b-s6y48cxxcv] {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (saat) yatay kaydırmada yapışık kalır. */
  .op-vitrin .op-bugun__tablo :is(th, td):first-child[b-s6y48cxxcv] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .op-vitrin .op-bugun__tablo thead th:first-child[b-s6y48cxxcv] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .op-vitrin .op-bos .au-btn[b-s6y48cxxcv] {
    min-height: 44px;
  }

  .op-vitrin .op-alan__girdi[b-s6y48cxxcv] {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .op-vitrin .op-kapak[b-s6y48cxxcv] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "metin"
      "ac"
      "suzgec";
    padding: 14px 16px 16px;
  }

  /* Eylem (süzgeç düğmesi) başlığın ALTINDA, içerik genişliğinde — YENI-DIL §7. */
  .op-vitrin .op-suzgec-ac[b-s6y48cxxcv] {
    display: inline-flex;
    align-self: start;
    justify-self: start;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-600);
    font-size: var(--yazi-kucuk, 12px);
    font-weight: 600;
  }

  /* Katlanabilir süzgeç: açılmadan yer kaplamaz. */
  .op-vitrin .op-suzgec[b-s6y48cxxcv] {
    display: none;
  }

  .op-vitrin .op-suzgec.is-acik[b-s6y48cxxcv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .op-vitrin .op-alan[b-s6y48cxxcv] {
    flex: 1 1 auto;
    max-width: none;
  }

  .op-vitrin :is(.op-alan__girdi, .op-sifirla, .op-plansiz-ozet__suz)[b-s6y48cxxcv] {
    height: 44px;
    min-height: 44px;
  }

  .op-vitrin .op-kapak__baslik[b-s6y48cxxcv] {
    font-size: var(--yazi-kapak, 20px);
  }

  .op-vitrin .op-kisayol[b-s6y48cxxcv],
  .op-vitrin .op-yonetim[b-s6y48cxxcv],
  .op-vitrin .op-kartlar[b-s6y48cxxcv] {
    grid-template-columns: minmax(0, 1fr);
  }

  .op-vitrin .op-bugun[b-s6y48cxxcv],
  .op-vitrin .op-zil[b-s6y48cxxcv] {
    padding: 14px;
  }

  .op-vitrin .op-bugun__tablo[b-s6y48cxxcv] {
    min-width: 460px;
  }

  .op-vitrin .op-bugun__tablo :is(th, td):first-child[b-s6y48cxxcv] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .op-vitrin .op-bugun__tablo thead th:first-child[b-s6y48cxxcv] {
    z-index: 3;
    background: var(--marka-500);
  }

  .op-vitrin .op-kart__eylem[b-s6y48cxxcv] {
    flex-direction: column;
    align-items: stretch;
  }

  .op-vitrin .op-kart__eylem .au-btn[b-s6y48cxxcv] {
    justify-content: center;
    min-height: 44px;
  }
}

/* ── Geniş masaüstü: başlık solda, süzgeç sağ kenarda tek satır ─── */
@media (min-width: 1540px) {
  .op-vitrin .op-kapak[b-s6y48cxxcv] {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "metin suzgec";
  }

  /* Kap sütunu doldurur, alanlar satır içinde sağa yaslanır. `justify-self: end`
     kabı shrink-to-fit ölçtürdüğü için `.op-alan` tabanları (flex-basis 176px)
     sayılmaz, süzgeçler alt alta yığılıp kapağı uzatırdı. */
  .op-vitrin .op-suzgec[b-s6y48cxxcv] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/PlanAyarlari.razor.rz.scp.css */
/* Plan ayarları — Akademik Analiz görsel dili, yalnız bu sayfa.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   yeni hex yok, tüm değerler aurora.css token'larıdır. Sayfaya özel kapsam
   `.pa-vitrin`; ortak `au-*`/`op-*` kuralları BURADAN ezilir, wwwroot'taki
   ogretim-planlari.css'e dokunulmaz. */

.au-page.pa-vitrin[b-eqle0wfsmt] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylem aynı beyaz yüzeyde ──────────────────── */

.pa-kapak[b-eqle0wfsmt] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pa-kapak__yazi[b-eqle0wfsmt] { min-width: 0; }

.pa-kapak .au-title[b-eqle0wfsmt] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pa-alt[b-eqle0wfsmt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--n-500);
}

.pa-alt__ad[b-eqle0wfsmt] { overflow-wrap: anywhere; font-weight: 600; color: var(--metin-ikincil); }

.pa-rozet[b-eqle0wfsmt] {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.pa-kapak__eylem[b-eqle0wfsmt] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  justify-self: end;
}

.pa-kirli[b-eqle0wfsmt] { font-size: 12px; color: var(--metin-ipucu); }

.pa-vitrin[b-eqle0wfsmt]  .au-breadcrumb--dugme {
  margin: 0;
  width: 30px;
  height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* ── Durum şeritleri ───────────────────────────────────────────────── */

.pa-serit[b-eqle0wfsmt] {
  margin: 0 0 12px;
  padding: 12px 16px;
  border: 1px solid var(--hat-kart);
  border-left-width: 4px;
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.pa-serit--uyari[b-eqle0wfsmt] { border-left-color: var(--marka-rampa-uc); }
.pa-serit--hata[b-eqle0wfsmt] { border-left-color: var(--red-600); color: var(--red-600); }
.pa-serit--bilgi[b-eqle0wfsmt] { border-left-color: var(--turkuaz-500); }

/* ── Bölüm sekmeleri (az kaydırma) ─────────────────────────────────── */

.pa-sekmeler[b-eqle0wfsmt] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.pa-sekme[b-eqle0wfsmt] {
  --pa-sekme-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.pa-sekme:nth-child(2)[b-eqle0wfsmt] { --pa-sekme-vurgu: color-mix(in srgb, var(--marka-600) 50%, var(--marka-rampa-uc)); }
.pa-sekme:nth-child(3)[b-eqle0wfsmt] { --pa-sekme-vurgu: var(--marka-rampa-uc); }
.pa-sekme:nth-child(4)[b-eqle0wfsmt] { --pa-sekme-vurgu: color-mix(in srgb, var(--marka-rampa-uc) 50%, var(--basari)); }

.pa-sekme:hover[b-eqle0wfsmt] {
  background: color-mix(in srgb, var(--pa-sekme-vurgu) 14%, var(--yuzey));
  color: var(--pa-sekme-vurgu);
}

.pa-sekme[aria-selected="true"][b-eqle0wfsmt],
.pa-sekme[aria-selected="true"]:hover[b-eqle0wfsmt] {
  background: var(--pa-sekme-vurgu);
  color: var(--on-brand);
}

.pa-sekme:focus-visible[b-eqle0wfsmt] { outline: 2px solid var(--pa-sekme-vurgu); outline-offset: 2px; }

.pa-panel[b-eqle0wfsmt] { display: grid; gap: 16px; min-width: 0; }
.pa-panel:focus-visible[b-eqle0wfsmt] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartları ────────────────────────────────────────────────── */

.pa-kart[b-eqle0wfsmt] {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pa-kart[b-eqle0wfsmt]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pa-kart.op-ayar[b-eqle0wfsmt] { display: grid; gap: 12px; }

.pa-bolum-baslik[b-eqle0wfsmt] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.pa-bolum-baslik[b-eqle0wfsmt]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pa-bos[b-eqle0wfsmt] { display: grid; gap: 12px; justify-items: start; }

/* ── Form alanları ─────────────────────────────────────────────────── */

.pa-alanlar[b-eqle0wfsmt] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
}

.pa-vitrin .op-ayar__satir[b-eqle0wfsmt] { display: grid; gap: 4px; min-width: 0; }

.pa-vitrin .op-ayar__etiket[b-eqle0wfsmt] {
  font-size: 11px;
  font-weight: 700;
  color: var(--metin-ikincil);
}

.pa-vitrin .op-ayar__ipucu[b-eqle0wfsmt] {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--n-500);
}

.pa-vitrin .app-input[b-eqle0wfsmt],
.pa-vitrin[b-eqle0wfsmt]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.pa-vitrin .op-ayar__sayi[b-eqle0wfsmt] { max-width: 200px; }

.pa-vitrin[b-eqle0wfsmt]  .app-field { min-width: 0; }
.pa-vitrin[b-eqle0wfsmt]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }
.pa-vitrin[b-eqle0wfsmt]  .app-field__hint { font-size: 12px; color: var(--n-500); }

/* Sunucudan gelen türev ölçüler — okunur, düzenlenmez. */
.pa-olcu[b-eqle0wfsmt] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 0;
  margin: 4px 0 0;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.pa-olcu__oge[b-eqle0wfsmt] {
  padding: 10px 14px 12px;
  border-top: 3px solid var(--marka-600);
  border-right: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.pa-olcu__oge:nth-child(2)[b-eqle0wfsmt] { border-top-color: var(--marka-rampa-orta); }
.pa-olcu__oge:nth-child(3)[b-eqle0wfsmt] { border-top-color: var(--marka-rampa-uc); }
.pa-olcu__oge:nth-child(4)[b-eqle0wfsmt] { border-top-color: color-mix(in srgb, var(--marka-rampa-uc) 50%, var(--basari)); }
.pa-olcu__oge:nth-child(5)[b-eqle0wfsmt] { border-top-color: color-mix(in srgb, var(--basari) 70%, var(--marka-rampa-uc)); }
.pa-olcu__oge:last-child[b-eqle0wfsmt] { border-right: 0; }

.pa-olcu dt[b-eqle0wfsmt] {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--n-500);
}

.pa-olcu dd[b-eqle0wfsmt] {
  margin: 0;
  font: 700 20px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  color: var(--metin-murekkep);
}

/* ── Aylık ders sayıları ───────────────────────────────────────────── */

.pa-vitrin .op-aylar[b-eqle0wfsmt] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
}

.pa-vitrin .op-ay[b-eqle0wfsmt] { display: grid; gap: 4px; min-width: 0; }

.pa-vitrin .op-ay__etiket[b-eqle0wfsmt] {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 11px;
  color: var(--metin-ikincil);
}

.pa-vitrin .op-ay__roma[b-eqle0wfsmt] { font-weight: 700; color: var(--marka-700); }
.pa-vitrin .op-ay__ad[b-eqle0wfsmt] { color: var(--n-500); }
.pa-vitrin .op-ay__giris[b-eqle0wfsmt] { width: 100%; min-width: 0; text-align: right; }

.pa-toplam[b-eqle0wfsmt] {
  margin: 0;
  font-size: 12px;
  color: var(--n-500);
  font-variant-numeric: tabular-nums;
}

/* ── Paylaşım seçenekleri ──────────────────────────────────────────── */

.pa-vitrin .op-radyo[b-eqle0wfsmt] { border: 0; margin: 0; padding: 0; display: grid; gap: 8px; }

.pa-vitrin .op-radyo__oge[b-eqle0wfsmt] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  cursor: pointer;
}

.pa-vitrin .op-radyo__oge:hover[b-eqle0wfsmt] { border-color: var(--marka-400); }

.pa-vitrin .op-radyo__oge.is-etkin[b-eqle0wfsmt] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 6%, var(--yuzey));
}

.pa-vitrin .op-radyo__oge span[b-eqle0wfsmt] { display: grid; gap: 2px; font-size: 13px; }
.pa-vitrin .op-radyo__oge .au-dim[b-eqle0wfsmt] { font-size: 12px; color: var(--n-500); }
.pa-vitrin .op-radyo__oge input[b-eqle0wfsmt] { margin-top: 2px; accent-color: var(--marka-600); }

/* ── Sürüm tablosu ─────────────────────────────────────────────────── */

.pa-tablo-kap[b-eqle0wfsmt] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
}

.pa-tablo[b-eqle0wfsmt] {
  width: 100%;
  min-width: 560px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.pa-tablo thead th[b-eqle0wfsmt] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border: 0;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.pa-tablo tbody td[b-eqle0wfsmt] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.pa-tablo tbody tr:nth-child(even) td[b-eqle0wfsmt] { background: var(--yuzey-alt); }
.pa-tablo tbody tr:last-child td[b-eqle0wfsmt] { border-bottom: 0; }

.pa-tablo .pa-tablo__ilk[b-eqle0wfsmt] { font-variant-numeric: tabular-nums; font-weight: 700; }
.pa-tablo .pa-eylem[b-eqle0wfsmt] { text-align: right; white-space: nowrap; }

.pa-sayfalama[b-eqle0wfsmt] { display: flex; justify-content: center; }

/* ── Eğitmen listesi ───────────────────────────────────────────────── */

.pa-vitrin .op-egitmen[b-eqle0wfsmt] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
  font-size: 13px;
}

.pa-vitrin .op-egitmen li[b-eqle0wfsmt] {
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
}

/* ── Düğmeler ──────────────────────────────────────────────────────── */

.pa-vitrin .au-btn[b-eqle0wfsmt],
.pa-vitrin[b-eqle0wfsmt]  .au-btn {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.pa-vitrin .au-btn:hover:not(:disabled)[b-eqle0wfsmt],
.pa-vitrin[b-eqle0wfsmt]  .au-btn:hover:not(:disabled) {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.pa-vitrin .au-btn--primary[b-eqle0wfsmt] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.pa-vitrin .au-btn--primary:hover:not(:disabled)[b-eqle0wfsmt] { background: var(--marka-500); }

.pa-vitrin .au-btn:disabled[b-eqle0wfsmt] { opacity: .55; cursor: default; }

.pa-vitrin :is(.au-btn, .app-input, .pa-sekme):focus-visible[b-eqle0wfsmt],
.pa-vitrin[b-eqle0wfsmt]  :is(.au-btn, .app-input, .au-breadcrumb):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Onay penceresi ────────────────────────────────────────────────── */

.pa-popup[b-eqle0wfsmt] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pa-popup[open][b-eqle0wfsmt] { display: flex; flex-direction: column; }
.pa-popup[b-eqle0wfsmt]::backdrop { background: var(--scrim); }

.pa-popup__baslik[b-eqle0wfsmt] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pa-popup__baslik h2[b-eqle0wfsmt] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.pa-popup__baslik h2:focus-visible[b-eqle0wfsmt] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pa-popup__govde[b-eqle0wfsmt] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.pa-popup__govde p[b-eqle0wfsmt] { margin: 0; }
.pa-popup__govde .pa-popup__hata[b-eqle0wfsmt] { margin: 12px 0 0; color: var(--red-600); font-weight: 600; }

.pa-popup__eylemler[b-eqle0wfsmt] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pa-kapak[b-eqle0wfsmt] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .pa-kapak__eylem[b-eqle0wfsmt] { grid-column: 1 / -1; justify-self: start; }
  .pa-vitrin[b-eqle0wfsmt]  .au-breadcrumb--dugme { width: 44px; height: 44px; }
  .pa-sekmeler[b-eqle0wfsmt] { flex-wrap: nowrap; overflow-x: auto; }
  .pa-vitrin :is(.au-btn, .pa-sekme)[b-eqle0wfsmt] { min-height: 44px; }
  .pa-vitrin[b-eqle0wfsmt]  .au-btn { min-height: 44px; }
  .pa-vitrin .app-input[b-eqle0wfsmt],
  .pa-vitrin[b-eqle0wfsmt]  .app-field .app-input { height: 44px; min-height: 44px; }
  .pa-alanlar[b-eqle0wfsmt] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}

/* ── Dokunmatik: girdi en az 16 px ─────────────────────────────────── */
@media (pointer: coarse) {
  .pa-vitrin .app-input[b-eqle0wfsmt],
  .pa-vitrin[b-eqle0wfsmt]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ───────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pa-kapak[b-eqle0wfsmt] { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; padding: 12px; }
  .pa-kapak__eylem[b-eqle0wfsmt] { grid-column: 1 / -1; justify-self: stretch; }
  .pa-kapak__eylem .au-btn[b-eqle0wfsmt] { width: 100%; }
  .pa-kapak .au-title[b-eqle0wfsmt] { font-size: var(--yazi-kapak, 20px); }
  .pa-vitrin[b-eqle0wfsmt]  .au-breadcrumb--dugme { width: 44px; height: 44px; }
  .pa-sekmeler[b-eqle0wfsmt] { flex-wrap: nowrap; overflow-x: auto; }
  .pa-sekme[b-eqle0wfsmt] { min-height: 44px; }
  .pa-kart[b-eqle0wfsmt] { padding: 16px 12px; }
  .pa-bolum-baslik[b-eqle0wfsmt] { font-size: var(--yazi-bolum, 14px); }
  .pa-alanlar[b-eqle0wfsmt] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .pa-vitrin .op-aylar[b-eqle0wfsmt] { grid-template-columns: repeat(auto-fit, minmax(74px, 1fr)); }
  .pa-olcu[b-eqle0wfsmt] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pa-olcu__oge:nth-child(2n)[b-eqle0wfsmt] { border-right: 0; }
  .pa-vitrin .au-btn[b-eqle0wfsmt] { min-height: 44px; }
  .pa-vitrin[b-eqle0wfsmt]  .au-btn { min-height: 44px; }
  .pa-vitrin .app-input[b-eqle0wfsmt],
  .pa-vitrin[b-eqle0wfsmt]  .app-field .app-input { height: 44px; min-height: 44px; }
  .pa-tablo-kap[b-eqle0wfsmt] { max-height: min(460px, 60dvh); }
  .pa-tablo .pa-tablo__ilk[b-eqle0wfsmt] { position: sticky; left: 0; z-index: 1; background: var(--yuzey); }
  .pa-tablo thead th.pa-tablo__ilk[b-eqle0wfsmt] { z-index: 3; background: var(--marka-rampa-uc); }
  .pa-tablo tbody tr:nth-child(even) td.pa-tablo__ilk[b-eqle0wfsmt] { background: var(--yuzey-alt); }
  .pa-popup[b-eqle0wfsmt] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pa-popup__baslik[b-eqle0wfsmt],
  .pa-popup__govde[b-eqle0wfsmt],
  .pa-popup__eylemler[b-eqle0wfsmt] { padding: 12px; }
  .pa-popup__kapat[b-eqle0wfsmt] { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; font-size: 24px; }
  .pa-popup__eylemler[b-eqle0wfsmt] { flex-wrap: wrap; }
  .pa-popup__eylemler .au-btn[b-eqle0wfsmt] { flex: 1 1 140px; }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/PlanDuzenle.razor.rz.scp.css */
/* Plan konularını düzenle — Akademik Analiz tasarım dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Kapsam SAYFAYA ÖZELDİR: ortak wwwroot/css dosyaları değişmez. */

/* `.wrap` bu bileşenin dışında ve scoped CSS ile hedeflenemez; referansın
   20/24/44 px kenarına sayfanın KENDİ negatif marjıyla inilir. */
.au-page.op-duzenle-vitrin[b-uetcywrv3e] {
  max-width: none;
  padding: 0;
  margin-block: calc(20px - clamp(30px, 5vw, 56px)) calc(44px - 80px);
  margin-inline: calc(var(--ust-yan-masaustu, 24px) - var(--icerik-yan, 24px));
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak ──────────────────────────────────────────────────────── */
.op-duzenle-vitrin .op-kapak[b-uetcywrv3e] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.op-duzenle-vitrin .op-kapak[b-uetcywrv3e]  .au-breadcrumb { grid-area: geri; justify-self: start; }
.op-duzenle-vitrin .op-kapak__yazi[b-uetcywrv3e] { grid-area: baslik; min-width: 0; }
.op-duzenle-vitrin .op-kapak__eylem[b-uetcywrv3e] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.op-duzenle-vitrin .op-kapak .au-title[b-uetcywrv3e] {
  margin: 0;
  font: 700 var(--yazi-kapak, 23px) / 1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.op-duzenle-vitrin .op-kapak__alt[b-uetcywrv3e] { margin: 4px 0 0; color: var(--n-500); font-size: var(--yazi-kucuk, 12.5px); }

/* ── Rozetler ─────────────────────────────────────────────────────────── */
.op-duzenle-vitrin .op-rozetler[b-uetcywrv3e] { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.op-duzenle-vitrin .op-rozet[b-uetcywrv3e] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: var(--yazi-etiket, 11px);
  font-weight: 600;
}
.op-duzenle-vitrin .op-rozet--kirli[b-uetcywrv3e] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-700);
}
.op-duzenle-vitrin .op-rozet--salt[b-uetcywrv3e] { color: var(--n-500); }

/* ── Ortak düğme dili ─────────────────────────────────────────────────── */
.op-duzenle-vitrin .au-btn[b-uetcywrv3e] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
  box-shadow: none;
}
.op-duzenle-vitrin .au-btn:hover:not(:disabled)[b-uetcywrv3e] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.op-duzenle-vitrin .au-btn--primary[b-uetcywrv3e] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.op-duzenle-vitrin .au-btn--primary:hover:not(:disabled)[b-uetcywrv3e] { background: var(--marka-500); border-color: var(--marka-500); }
.op-duzenle-vitrin .au-btn:disabled[b-uetcywrv3e] { opacity: .55; cursor: default; }
.op-duzenle-vitrin .au-btn:focus-visible[b-uetcywrv3e] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartları ───────────────────────────────────────────────────── */
.op-duzenle-vitrin .au-card[b-uetcywrv3e],
.op-duzenle-vitrin[b-uetcywrv3e]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.op-duzenle-vitrin .au-card[b-uetcywrv3e]::before,
.op-duzenle-vitrin[b-uetcywrv3e]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.op-duzenle-vitrin .au-card--uyari[b-uetcywrv3e] { border-color: var(--au-uyari-kenar, #e0a03a); }
.op-duzenle-vitrin .au-card--hata[b-uetcywrv3e] { border-color: var(--au-hata, #b3352c); }

.op-duzenle-vitrin .op-bolum__bas[b-uetcywrv3e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 3px;
}
.op-duzenle-vitrin .op-bolum__baslik[b-uetcywrv3e] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -.012em;
}
.op-duzenle-vitrin .op-bolum__baslik[b-uetcywrv3e]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.op-duzenle-vitrin .op-bolum__durum[b-uetcywrv3e] { color: var(--marka-700); font-size: var(--yazi-kucuk, 12px); font-weight: 600; }
.op-duzenle-vitrin .op-bolum__ipucu[b-uetcywrv3e] { margin: 0 0 12px; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }

.op-duzenle-vitrin .op-bos[b-uetcywrv3e] { display: grid; gap: 12px; justify-items: center; padding: 36px 20px; text-align: center; }
.op-duzenle-vitrin .op-bos__eylem[b-uetcywrv3e] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

/* ── Düzenleme ızgarası ───────────────────────────────────────────────── */
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 12px 12px 12px;
}
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo { min-width: 860px; }
/* Geçiş `thead` boyunca TEK PARÇA çizilir; `th` arka planları şeffaftır. */
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo thead th {
  position: sticky;
  top: 0;
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo th,
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo td { padding: 8px 12px; }
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo tbody td {
  border-top: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
}
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo .pki-unite td {
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  font-weight: 600;
}
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-tablo tfoot td {
  position: sticky;
  bottom: 0;
  background: var(--yuzey);
  border-top: 1px solid var(--hat-girdi);
  color: var(--marka-700);
  font-weight: 700;
}
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-giris {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
}
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-giris:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-giris:disabled { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); color: var(--metin-ikincil); }
.op-duzenle-vitrin[b-uetcywrv3e]  .au-ikon-btn {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  color: var(--marka-700);
}
.op-duzenle-vitrin[b-uetcywrv3e]  .au-ikon-btn:hover:not(:disabled) { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.op-duzenle-vitrin[b-uetcywrv3e]  .au-ikon-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-bayat { color: var(--n-500); }
.op-duzenle-vitrin[b-uetcywrv3e]  .pki-bos { margin: 12px 0 0; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }

/* ── Popup ────────────────────────────────────────────────────────────── */
.op-duzenle-vitrin .op-popup[b-uetcywrv3e] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.op-duzenle-vitrin .op-popup[open][b-uetcywrv3e] { display: flex; flex-direction: column; }
.op-duzenle-vitrin .op-popup[b-uetcywrv3e]::backdrop { background: var(--scrim); }
.op-duzenle-vitrin .op-popup__bas[b-uetcywrv3e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.op-duzenle-vitrin .op-popup__bas h2[b-uetcywrv3e] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.op-duzenle-vitrin .op-popup__bas h2:focus[b-uetcywrv3e] { outline: none; }
.op-duzenle-vitrin .op-popup__kapat[b-uetcywrv3e] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}
.op-duzenle-vitrin .op-popup__govde[b-uetcywrv3e] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.op-duzenle-vitrin .op-popup__eylem[b-uetcywrv3e] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.op-duzenle-vitrin .op-alan[b-uetcywrv3e] { display: grid; gap: 6px; }
.op-duzenle-vitrin .op-alan__etiket[b-uetcywrv3e] {
  color: var(--n-500);
  font-size: var(--yazi-etiket, 10px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.op-duzenle-vitrin .op-alan .app-input[b-uetcywrv3e] {
  width: 100%;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
  font-weight: 500;
}
.op-duzenle-vitrin .op-alan .app-input:focus-visible[b-uetcywrv3e] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.op-duzenle-vitrin .op-alan__ipucu[b-uetcywrv3e] { margin: 0; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); line-height: 1.5; }

/* ── TABLET ───────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .op-duzenle-vitrin .op-kapak[b-uetcywrv3e] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    padding: 16px;
  }
  .op-duzenle-vitrin .op-popup__bas[b-uetcywrv3e],
  .op-duzenle-vitrin .op-popup__govde[b-uetcywrv3e] { padding: 16px; }
}

/* ── DAR MASAÜSTÜ (FARELİ, 1024-1279) ─────────────────────────────────── */
/* 5 eylem düğmesi tek satırda ~716 px tutuyor; 1280 altı FARELİ masaüstünde
   başlık sütunu 156 px'e iniyor ve başlık 3 satıra kırılıyor (ölçüm: vp 1024,
   kapak 140 px → 243 px). Eylemler başlığın altına iner — tablet bandının
   zaten uyguladığı düzenin aynısı; masaüstü padding'i korunur. */
@media (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .op-duzenle-vitrin .op-kapak[b-uetcywrv3e] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
  }
}

/* ── CİHAZ (TELEFON ∪ TABLET) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.op-duzenle-vitrin[b-uetcywrv3e] {
    margin-block: calc(12px - clamp(30px, 5vw, 56px)) calc(44px - 80px);
    margin-inline: calc(16px - var(--icerik-yan, 24px));
  }
  /* K3/K4 — dokunma hedefi 44 px. `cihaz.css:644` tabanı (0,1,1) özgüllüktedir
     ve buradaki kapsamlı `.op-duzenle-vitrin .au-btn[b-…]` (0,3,0) onu EZER;
     kural yalnız TABLET bandındayken telefon 34 px'te kalıyordu. */
  .op-duzenle-vitrin .au-btn[b-uetcywrv3e] { min-height: 44px; }
  /* Izgara cihazda kart moduna döner (cihaz.css bant 14); kaydırma tavanı kalkar. */
  .op-duzenle-vitrin[b-uetcywrv3e]  .pki-kaydir { max-height: none; border: 0; }
  /* K4 — dokunmatikte girdi en az 16 px, hedef en az 44 px. */
  .op-duzenle-vitrin[b-uetcywrv3e]  .pki-giris,
  .op-duzenle-vitrin .op-alan .app-input[b-uetcywrv3e] { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.op-duzenle-vitrin[b-uetcywrv3e] { margin-inline: calc(12px - var(--icerik-yan, 24px)); }
  .op-duzenle-vitrin .op-kapak[b-uetcywrv3e] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    padding: 12px;
  }
  /* §7 — eylemler başlığın altında TEK SATIR; ikiden fazlası yatay kayar. */
  .op-duzenle-vitrin .op-kapak__eylem[b-uetcywrv3e] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .op-duzenle-vitrin .op-kapak__eylem[b-uetcywrv3e]::-webkit-scrollbar { display: none; }
  /* Yalnız esneme kapatılır; `min-height: 40px` CİHAZ bandındaki 44 px
     tabanını EZERDİ (FinansHub.razor.css:181). */
  .op-duzenle-vitrin .op-kapak__eylem .au-btn[b-uetcywrv3e] { flex: 0 0 auto; }
  .op-duzenle-vitrin .au-card[b-uetcywrv3e],
  .op-duzenle-vitrin[b-uetcywrv3e]  .ds-panel { padding: 16px 12px; }
  .op-duzenle-vitrin .op-popup[b-uetcywrv3e] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .op-duzenle-vitrin .op-popup__bas[b-uetcywrv3e],
  .op-duzenle-vitrin .op-popup__govde[b-uetcywrv3e],
  .op-duzenle-vitrin .op-popup__eylem[b-uetcywrv3e] { padding: 12px; }
  .op-duzenle-vitrin .op-popup__eylem .au-btn[b-uetcywrv3e] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/PlanGorunumu.razor.rz.scp.css */
/* Plan görünümü — Akademik Analiz tasarım dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Kapsam SAYFAYA ÖZELDİR: ortak wwwroot/css dosyaları değişmez. */

/* ── Sayfa kabuğu ─────────────────────────────────────────────────────
   `.wrap` bu bileşenin dışında ve scoped CSS ile hedeflenemez; referansın
   20/24/44 px kenarına sayfanın KENDİ negatif marjıyla inilir. */
.au-page.op-plan-vitrin[b-zuypdky51a] {
  max-width: none;
  padding: 0;
  margin-block: calc(20px - clamp(30px, 5vw, 56px)) calc(44px - 80px);
  margin-inline: calc(var(--ust-yan-masaustu, 24px) - var(--icerik-yan, 24px));
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak: başlık + özet + eylemler ───────────────────────────── */
.op-plan-vitrin .op-kapak[b-zuypdky51a] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.op-plan-vitrin .op-kapak[b-zuypdky51a]  .au-breadcrumb { grid-area: geri; justify-self: start; }
.op-plan-vitrin .op-kapak__yazi[b-zuypdky51a] { grid-area: baslik; min-width: 0; }
.op-plan-vitrin .op-kapak__eylem[b-zuypdky51a] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }

.op-plan-vitrin .op-kapak .au-title[b-zuypdky51a] {
  margin: 0;
  font: 700 var(--yazi-kapak, 23px) / 1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.op-plan-vitrin .op-kapak__alt[b-zuypdky51a] {
  margin: 4px 0 0;
  color: var(--n-500);
  font-size: var(--yazi-kucuk, 12.5px);
}

/* ── Rozetler: sunucudan gelen plan durumu / paylaşım / kaynak ───────── */
.op-plan-vitrin .op-rozetler[b-zuypdky51a] { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.op-plan-vitrin .op-rozet[b-zuypdky51a] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: var(--yazi-etiket, 11px);
  font-weight: 600;
  letter-spacing: .01em;
}
.op-plan-vitrin .op-rozet--aktif[b-zuypdky51a] { border-color: var(--marka-400); color: var(--marka-700); }
.op-plan-vitrin .op-rozet--taslak[b-zuypdky51a] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 8%, var(--yuzey));
}
.op-plan-vitrin .op-rozet--arsiv[b-zuypdky51a] { color: var(--n-500); }

/* ── Ortak düğme dili ─────────────────────────────────────────────────── */
.op-plan-vitrin .au-btn[b-zuypdky51a] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
  box-shadow: none;
}
.op-plan-vitrin .au-btn:hover:not(:disabled)[b-zuypdky51a] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.op-plan-vitrin .au-btn--primary[b-zuypdky51a] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.op-plan-vitrin .au-btn--primary:hover:not(:disabled)[b-zuypdky51a] { background: var(--marka-500); border-color: var(--marka-500); }
.op-plan-vitrin .au-btn:disabled[b-zuypdky51a] { opacity: .55; cursor: default; }
.op-plan-vitrin .au-btn:focus-visible[b-zuypdky51a] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Özet şeridi: tek birleşik yüzey, gap 0 (referans KPI şeridi deyimi) ─ */
.op-plan-vitrin .op-olcu[b-zuypdky51a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.op-plan-vitrin .op-olcu__hucre[b-zuypdky51a] {
  display: grid;
  gap: 4px;
  padding: 13px 16px 15px;
  border-top: 3px solid var(--marka-500);
  border-inline-end: 1px solid var(--hat-kart);
}
.op-plan-vitrin .op-olcu__hucre:nth-child(2)[b-zuypdky51a] { border-top-color: var(--marka-rampa-orta); }
.op-plan-vitrin .op-olcu__hucre:nth-child(3)[b-zuypdky51a] { border-top-color: var(--marka-rampa-uc); }
.op-plan-vitrin .op-olcu__hucre:nth-child(4)[b-zuypdky51a] { border-top-color: var(--turkuaz-500); }
.op-plan-vitrin .op-olcu__hucre:last-child[b-zuypdky51a] { border-inline-end: 0; }
.op-plan-vitrin .op-olcu dt[b-zuypdky51a] {
  margin: 0;
  color: var(--n-500);
  font-size: var(--yazi-etiket, 11.5px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.op-plan-vitrin .op-olcu dd[b-zuypdky51a] {
  margin: 0;
  color: var(--marka-700);
  font: 700 var(--yazi-kpi, 27px) / 1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.op-plan-vitrin .op-olcu__ek[b-zuypdky51a] { color: var(--n-500); font-size: var(--yazi-govde, 13px); font-weight: 600; }

/* ── Bölüm kartları ───────────────────────────────────────────────────── */
.op-plan-vitrin .au-card[b-zuypdky51a],
.op-plan-vitrin[b-zuypdky51a]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.op-plan-vitrin .au-card[b-zuypdky51a]::before,
.op-plan-vitrin[b-zuypdky51a]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
/* İlerleme kartı paylaşılan bileşendedir; aynı yüzeyi ::deep ile alır. */
.op-plan-vitrin[b-zuypdky51a]  .isl-ozet {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.op-plan-vitrin[b-zuypdky51a]  .isl-ozet::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.op-plan-vitrin .au-card--uyari[b-zuypdky51a] { border-color: var(--au-uyari-kenar, #e0a03a); }
.op-plan-vitrin .au-card--hata[b-zuypdky51a] { border-color: var(--au-hata, #b3352c); }

.op-plan-vitrin .op-bolum__bas[b-zuypdky51a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 3px;
}
.op-plan-vitrin .op-bolum__baslik[b-zuypdky51a] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -.012em;
}
.op-plan-vitrin .op-bolum__baslik[b-zuypdky51a]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.op-plan-vitrin .op-bolum__ipucu[b-zuypdky51a] { margin: 0 0 12px; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }
.op-plan-vitrin .op-not[b-zuypdky51a] { margin: 0 0 16px; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }
.op-plan-vitrin .op-serbest[b-zuypdky51a] { margin: 0 0 16px; font-size: var(--yazi-govde, 13px); }
.op-plan-vitrin .op-serbest a[b-zuypdky51a] { color: var(--marka-600); font-weight: 600; }

.op-plan-vitrin .op-taslak[b-zuypdky51a],
.op-plan-vitrin .op-kaynak[b-zuypdky51a] { display: grid; gap: 10px; justify-items: start; }
.op-plan-vitrin .op-taslak__metin[b-zuypdky51a],
.op-plan-vitrin .op-kaynak__metin[b-zuypdky51a] { margin: 0; color: var(--metin-ikincil); font-size: var(--yazi-govde, 13px); line-height: 1.6; }
.op-plan-vitrin .op-taslak__yarim[b-zuypdky51a] { margin: 0; font-size: var(--yazi-kucuk, 12px); }

.op-plan-vitrin .op-bos[b-zuypdky51a] { display: grid; gap: 12px; justify-items: center; padding: 36px 20px; text-align: center; }
.op-plan-vitrin .op-bos__eylem[b-zuypdky51a] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

/* ── İlerleme özeti tipografisi ───────────────────────────────────────── */
.op-plan-vitrin[b-zuypdky51a]  .isl-halka__oran { font-family: var(--font-display); font-weight: 700; }
.op-plan-vitrin[b-zuypdky51a]  .isl-sayilar dt { color: var(--n-500); }
.op-plan-vitrin[b-zuypdky51a]  .isl-sayilar dd { color: var(--metin-murekkep); font-family: var(--font-display); }
.op-plan-vitrin[b-zuypdky51a]  .op-ayar__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -.012em;
}

/* ── Konu ızgarası: mavi–petrol başlık, sınırlı alanda kaydırma ───────── */
.op-plan-vitrin[b-zuypdky51a]  .pki-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 12px 12px 12px;
}
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo { min-width: 860px; }
/* Geçiş `thead` boyunca TEK PARÇA çizilir; `th` arka planları şeffaftır. */
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo thead th {
  position: sticky;
  top: 0;
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo th,
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo td { padding: 10px 13px; }
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo tbody td {
  border-top: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
}
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo .pki-unite td {
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  color: var(--marka-700);
  font-weight: 600;
}
.op-plan-vitrin[b-zuypdky51a]  .pki-tablo tfoot td {
  position: sticky;
  bottom: 0;
  background: var(--yuzey);
  border-top: 1px solid var(--hat-girdi);
  color: var(--marka-700);
  font-weight: 700;
}
.op-plan-vitrin[b-zuypdky51a]  .pki-islenen a,
.op-plan-vitrin[b-zuypdky51a]  .pki-hazirlik a { color: var(--marka-600); font-weight: 600; }
.op-plan-vitrin[b-zuypdky51a]  .pki-bos { margin: 12px 0 0; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }

/* ── Künye popup: native top layer, başlık ve eylemler sabit ──────────── */
/* Arka plan kaydırma kilidi CSS'te DEĞİL: scoped CSS `html`/`body`ye ulaşamaz
   (kapsam niteliği son seçiciye eklenir). Kilit `.razor.js` içinde kurulur. */
.op-plan-vitrin .op-popup[b-zuypdky51a] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.op-plan-vitrin .op-popup[open][b-zuypdky51a] { display: flex; flex-direction: column; }
.op-plan-vitrin .op-popup[b-zuypdky51a]::backdrop { background: var(--scrim); }
.op-plan-vitrin .op-popup__bas[b-zuypdky51a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.op-plan-vitrin .op-popup__bas h2[b-zuypdky51a] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.op-plan-vitrin .op-popup__bas h2:focus[b-zuypdky51a] { outline: none; }
.op-plan-vitrin .op-popup__kapat[b-zuypdky51a] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}
.op-plan-vitrin .op-popup__govde[b-zuypdky51a] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.op-plan-vitrin .op-popup__eylem[b-zuypdky51a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.op-plan-vitrin .op-kunye__alanlar[b-zuypdky51a] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.op-plan-vitrin .op-kunye__alanlar > div[b-zuypdky51a] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: var(--yazi-govde, 13px);
}
.op-plan-vitrin .op-kunye__alanlar > div:nth-child(odd)[b-zuypdky51a] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.op-plan-vitrin .op-kunye__alanlar dt[b-zuypdky51a] { margin: 0; color: var(--n-500); }
.op-plan-vitrin .op-kunye__alanlar dd[b-zuypdky51a] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── TABLET (YENI-DIL §1.1 metni) ─────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .op-plan-vitrin .op-kapak[b-zuypdky51a] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    padding: 16px;
  }
  .op-plan-vitrin .op-popup__govde[b-zuypdky51a],
  .op-plan-vitrin .op-popup__bas[b-zuypdky51a] { padding: 16px; }
}

/* ── CİHAZ (TELEFON ∪ TABLET) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.op-plan-vitrin[b-zuypdky51a] {
    margin-block: calc(12px - clamp(30px, 5vw, 56px)) calc(44px - 80px);
    margin-inline: calc(16px - var(--icerik-yan, 24px));
  }
  /* K3/K4 — dokunma hedefi 44 px. Kural CİHAZ bandında olmak ZORUNDA:
     `cihaz.css:644` tabanı `:where(button, a[href]…)` ile (0,1,1) özgüllükte
     yazılmıştır ve buradaki kapsamlı `.op-plan-vitrin .au-btn[b-…]` (0,3,0)
     onu EZER. Yalnız TABLET bandına yazmak telefonu 34 px'te bırakıyordu. */
  .op-plan-vitrin .au-btn[b-zuypdky51a] { min-height: 44px; }
  /* Izgara cihazda kart moduna döner (cihaz.css bant 14); kaydırma tavanı kalkar. */
  .op-plan-vitrin[b-zuypdky51a]  .pki-kaydir { max-height: none; border: 0; }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.op-plan-vitrin[b-zuypdky51a] { margin-inline: calc(12px - var(--icerik-yan, 24px)); }
  .op-plan-vitrin .op-kapak[b-zuypdky51a] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    padding: 12px;
  }
  /* §7 — eylemler başlığın altında TEK SATIR; ikiden fazlası yatay kayar. */
  .op-plan-vitrin .op-kapak__eylem[b-zuypdky51a] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .op-plan-vitrin .op-kapak__eylem[b-zuypdky51a]::-webkit-scrollbar { display: none; }
  /* Yalnız esneme kapatılır. `min-height: 40px` yazmak CİHAZ bandındaki 44 px
     tabanını EZER (FinansHub.razor.css:181 aynı tuzağı ölçüp yazmıştı). */
  .op-plan-vitrin .op-kapak__eylem .au-btn[b-zuypdky51a] { flex: 0 0 auto; }
  .op-plan-vitrin .op-olcu[b-zuypdky51a] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .op-plan-vitrin .op-olcu__hucre:nth-child(2n)[b-zuypdky51a] { border-inline-end: 0; }
  .op-plan-vitrin .au-card[b-zuypdky51a],
  .op-plan-vitrin[b-zuypdky51a]  .isl-ozet,
  .op-plan-vitrin[b-zuypdky51a]  .ds-panel { padding: 16px 12px; }
  .op-plan-vitrin .op-popup[b-zuypdky51a] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .op-plan-vitrin .op-popup__bas[b-zuypdky51a],
  .op-plan-vitrin .op-popup__govde[b-zuypdky51a],
  .op-plan-vitrin .op-popup__eylem[b-zuypdky51a] { padding: 12px; }
  .op-plan-vitrin .op-popup__eylem .au-btn[b-zuypdky51a] { flex: 1 1 auto; }
  .op-plan-vitrin .op-kunye__alanlar > div[b-zuypdky51a] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/PlanHazirliklari.razor.rz.scp.css */
/* Hazırlıklar — Akademik Analiz görsel dili (ölçüler:
   docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md).
   Yalnız bu sayfaya kapsanmıştır; ortak ogretim-planlari.css değişmez.
   Renk/köşe/gölge değerleri aurora.css :root tokenlarından gelir. */

.hz-kok[b-z99zcahkuu] {
    --hz-kart-dolgu: 24px;
    --hz-hat: var(--hat-kart);
    /* Referanstaki --anv-cift-satir ile aynı değer; o token yalnız
       .analiz-vitrin kapsamında tanımlı olduğu için burada yerel ad alır. */
    --hz-cift-satir: #f7fafe;
    --hz-kart-golge: 0 1px 0 rgba(9, 26, 48, .04), 0 18px 34px -26px rgba(9, 26, 48, .5);
    --hz-kapak-golge: 0 1px 0 rgba(9, 26, 48, .04), 0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
    display: grid;
    gap: 16px;
    min-width: 0;
    padding-top: 0;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */

.hz-kapak[b-z99zcahkuu] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
    margin: 0;
    padding: 16px var(--hz-kart-dolgu) 18px;
    border: 1px solid var(--hz-hat);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: var(--hz-kapak-golge);
}

.hz-kapak > :first-child[b-z99zcahkuu] { grid-area: geri; }
.hz-kapak__ad[b-z99zcahkuu] { grid-area: baslik; min-width: 0; }
.hz-kapak__eylem[b-z99zcahkuu] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.hz-kapak .au-title[b-z99zcahkuu] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--yazi-kapak, 23px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.026em;
    color: var(--marka-700);
}

.hz-kapak__alt[b-z99zcahkuu] {
    margin: 3px 0 0;
    font-size: var(--yazi-kucuk, 12.5px);
    color: var(--metin-ipucu);
    overflow-wrap: anywhere;
}

.hz-kapak .au-btn[b-z99zcahkuu] {
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border-radius: var(--kose-dugme);
    font-size: 12.5px;
    font-weight: 600;
}

.hz-kapak .hz-kapak__bag[b-z99zcahkuu] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--hat-girdi);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    text-decoration: none;
}

.hz-kapak .hz-kapak__bag:hover[b-z99zcahkuu] { border-color: var(--marka-400); color: var(--marka-600); }
.hz-kapak .au-btn:focus-visible[b-z99zcahkuu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Ortak yüzeyler ───────────────────────────────────────────────────── */

.hz-kok .au-card[b-z99zcahkuu] {
    border: 1px solid var(--hz-hat);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: var(--hz-kart-golge);
}

.hz-kok .hz-uyari[b-z99zcahkuu] { padding: 12px 16px; margin: 0; font-size: var(--yazi-govde, 13px); }
.hz-kok .hz-uyari--bilgi[b-z99zcahkuu] { border-left: 3px solid var(--turkuaz-500); }
.hz-kok .hz-kapali[b-z99zcahkuu] { display: grid; gap: 6px; padding: 18px; }
.hz-kok .hz-kapali p[b-z99zcahkuu] { margin: 0; }
.hz-kok .hz-bos-plan[b-z99zcahkuu] { display: grid; gap: 10px; justify-items: start; padding: 18px; }

.hz-kok .op-ayar__baslik[b-z99zcahkuu] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--yazi-bolum, 15px);
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--marka-700);
}

/* ── İki panel: konu gezinmesi + seçili konunun kartları ──────────────── */

.hz-kok .hz-paneller[b-z99zcahkuu] {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.hz-kok .hz-konular[b-z99zcahkuu] {
    display: grid;
    gap: 2px;
    align-content: start;
    min-width: 0;
    max-height: min(620px, 72dvh);
    overflow: auto;
    padding: 14px;
}

.hz-konular__baslik[b-z99zcahkuu] {
    margin: 0 0 6px;
    font-size: var(--yazi-etiket, 10px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--metin-ipucu);
}

.hz-kok .hz-unite[b-z99zcahkuu] {
    margin: 10px 0 2px;
    font-size: var(--yazi-etiket, 11px);
    letter-spacing: .06em;
    color: var(--marka-700);
}

.hz-kok .hz-konu[b-z99zcahkuu] {
    border-radius: var(--kose-dugme);
    font-size: var(--yazi-govde, 13px);
    color: var(--metin-murekkep);
}

.hz-kok .hz-konu:hover[b-z99zcahkuu] {
    border-color: var(--hat-girdi);
    background: color-mix(in srgb, var(--marka-600) 6%, var(--yuzey));
    color: var(--marka-600);
}

.hz-kok .hz-konu.is-etkin[b-z99zcahkuu],
.hz-kok .hz-konu.is-etkin:hover[b-z99zcahkuu] {
    border-color: transparent;
    background: var(--marka-600);
    color: var(--on-brand);
}

.hz-kok .hz-konu:focus-visible[b-z99zcahkuu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.hz-kok .hz-konu--serbest[b-z99zcahkuu] {
    margin-top: 10px;
    border-top: 1px dashed var(--hz-hat);
    border-radius: var(--kose-dugme);
}

.hz-kok .hz-sayac[b-z99zcahkuu] {
    background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
    color: var(--metin-ikincil);
    font-size: var(--yazi-kucuk, 12px);
}

.hz-kok .hz-konu.is-etkin .hz-sayac[b-z99zcahkuu] {
    background: color-mix(in srgb, var(--on-brand) 22%, transparent);
    color: var(--on-brand);
}

.hz-kok .hz-icerik[b-z99zcahkuu] { display: grid; gap: 12px; min-width: 0; padding: 18px; }

.hz-icerik__bas[b-z99zcahkuu] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}

.hz-icerik__ad[b-z99zcahkuu] { min-width: 0; }
.hz-icerik__sayi[b-z99zcahkuu] { margin: 3px 0 0; font-size: var(--yazi-kucuk, 12px); color: var(--metin-ipucu); }
.hz-bos-bolum[b-z99zcahkuu] { display: grid; gap: 10px; justify-items: start; }
.hz-kok .hz-bos[b-z99zcahkuu] { margin: 0; }

/* ── Kart listesi ─────────────────────────────────────────────────────── */

.hz-kok .hz-kartlar[b-z99zcahkuu] { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }

.hz-kok .hz-kart[b-z99zcahkuu] {
    padding: 12px 14px;
    border: 1px solid var(--hz-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.hz-kok .hz-kart:nth-child(even)[b-z99zcahkuu] { background: var(--hz-cift-satir); }
.hz-kok .hz-kart.is-kayip[b-z99zcahkuu] { border-color: color-mix(in srgb, var(--danger) 45%, var(--hz-hat)); }
.hz-kok .hz-kart__ad[b-z99zcahkuu] { font-size: var(--yazi-govde, 13px); color: var(--marka-700); }
.hz-kok a.hz-kart__ad[b-z99zcahkuu] { color: var(--marka-600); text-decoration: none; }
.hz-kok a.hz-kart__ad:hover[b-z99zcahkuu] { text-decoration: underline; }
.hz-kok a.hz-kart__ad:focus-visible[b-z99zcahkuu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.hz-kok .hz-kart__metin[b-z99zcahkuu] { font-size: var(--yazi-kucuk, 12px); color: var(--metin-ikincil); }
.hz-kart__meta[b-z99zcahkuu] { margin: 0; font-size: var(--yazi-etiket, 11px); color: var(--metin-ipucu); }

.hz-kok .hz-tur[b-z99zcahkuu] {
    border-radius: 999px;
    font-size: var(--yazi-etiket, 11px);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hz-kok .hz-rozet[b-z99zcahkuu] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--hat-girdi);
    border-radius: 999px;
    font-size: var(--yazi-etiket, 11px);
    color: var(--metin-ipucu);
}

.hz-kok .hz-rozet--kayip[b-z99zcahkuu] {
    border-color: color-mix(in srgb, var(--danger) 55%, var(--hat-girdi));
    color: var(--danger);
}

.hz-kok .hz-alan[b-z99zcahkuu] { font-size: var(--yazi-etiket, 11px); color: var(--metin-ipucu); }

.hz-kok .hz-alan .app-input[b-z99zcahkuu] {
    min-width: 150px;
    height: 34px;
    min-height: 34px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: var(--yazi-govde, 13px);
}

.hz-kok .hz-kart__eylem .au-btn[b-z99zcahkuu] {
    min-height: 34px;
    border-radius: var(--kose-dugme);
    font-size: var(--yazi-kucuk, 12.5px);
}

.hz-kok .hz-gorunurluk.is-acik[b-z99zcahkuu] {
    border-color: color-mix(in srgb, var(--turkuaz-500) 55%, var(--hat-girdi));
    color: var(--marka-rampa-uc);
}

.hz-kok .hz-kaldir[b-z99zcahkuu] { min-width: 34px; min-height: 34px; border-radius: var(--kose-dugme); }

/* ── Pencere (native dialog) ──────────────────────────────────────────── */

.hz-kok .hz-pencere[b-z99zcahkuu] {
    width: min(760px, calc(100vw - 48px));
    max-height: calc(100dvh - 48px);
    padding: 0;
    border: 1px solid var(--hz-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.hz-kok .hz-pencere[open][b-z99zcahkuu] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.hz-kok .hz-pencere[b-z99zcahkuu]::backdrop { background: var(--scrim); }
.hz-kok .hz-pencere--onay[b-z99zcahkuu] { width: min(440px, calc(100vw - 48px)); }
.hz-kok .hz-pencere--onay[open][b-z99zcahkuu] { display: block; }

.hz-pencere__bas[b-z99zcahkuu] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--line);
}

.hz-pencere__bas > div[b-z99zcahkuu] { min-width: 0; flex: 1 1 auto; }

.hz-pencere__bas h2[b-z99zcahkuu] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.hz-pencere__bas h2:focus-visible[b-z99zcahkuu] { outline: 2px solid var(--marka-600); outline-offset: 3px; }
.hz-pencere__alt[b-z99zcahkuu] { margin: 3px 0 0; font-size: var(--yazi-kucuk, 12px); color: var(--metin-ipucu); }

.hz-kok .hz-pencere__kapat[b-z99zcahkuu] {
    flex: 0 0 auto;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 20px;
    line-height: 1;
}

.hz-kok .hz-pencere__kapat:hover[b-z99zcahkuu] { border-color: var(--marka-400); color: var(--marka-600); }

.hz-pencere__govde[b-z99zcahkuu] {
    min-height: 0;
    overflow: auto;
    padding: 16px 20px;
    display: grid;
    gap: 12px;
}

.hz-kok .hz-pencere__hata[b-z99zcahkuu] {
    margin: 0;
    padding: 10px 12px;
    border-radius: var(--kose-dugme);
    font-size: var(--yazi-govde, 13px);
}

.hz-pencere__eylem[b-z99zcahkuu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid var(--line);
    background: var(--hz-cift-satir);
}

.hz-kok .hz-pencere__eylem .au-btn[b-z99zcahkuu] {
    min-height: 36px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
}

/* Pencere içindeki ekleme bloğu */
.hz-kok .hz-ekle[b-z99zcahkuu] { display: grid; gap: 12px; padding-top: 0; border-top: 0; }

.hz-kok .hz-sekmeler[b-z99zcahkuu] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--hz-hat);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.hz-kok .hz-sekme[b-z99zcahkuu] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--metin-murekkep);
    font: 600 12.5px var(--font-body);
}

.hz-kok .hz-sekme:hover[b-z99zcahkuu] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-600);
}

.hz-kok .hz-sekme.is-etkin[b-z99zcahkuu],
.hz-kok .hz-sekme.is-etkin:hover[b-z99zcahkuu] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.hz-kok .hz-sekme:focus-visible[b-z99zcahkuu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.hz-kok .hz-suzgec[b-z99zcahkuu] { gap: 12px; align-items: flex-end; }

.hz-kok .hz-pencere .app-input[b-z99zcahkuu] {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    font: 400 13px var(--font-body);
}

.hz-kok .hz-pencere textarea.app-input[b-z99zcahkuu] { height: auto; padding: 8px 12px; resize: vertical; }
.hz-kok .hz-atanmamis[b-z99zcahkuu] { font-size: var(--yazi-kucuk, 12px); color: var(--metin-ikincil); }
.hz-kok .hz-etiket[b-z99zcahkuu] { font-size: var(--yazi-etiket, 11.5px); text-transform: uppercase; letter-spacing: .08em; color: var(--metin-ipucu); }
.hz-form__eylem[b-z99zcahkuu] { display: flex; justify-content: flex-end; }
.hz-kok .hz-form__eylem .au-btn[b-z99zcahkuu] { min-height: 36px; border-radius: var(--kose-dugme); }
.hz-kok .hz-url-uyari[b-z99zcahkuu] { margin: 0; font-size: var(--yazi-kucuk, 12px); color: var(--danger); }
.hz-kok .hz-okunamayan[b-z99zcahkuu] { margin: 0; padding: 8px 10px; border-radius: var(--kose-dugme); font-size: var(--yazi-kucuk, 12px); }
.hz-kutuphane__sayi[b-z99zcahkuu] { margin: 0; font-size: var(--yazi-etiket, 11px); color: var(--metin-ipucu); }

.hz-kok .hz-sonuclar[b-z99zcahkuu] { max-height: min(46dvh, 360px); overflow: auto; }

.hz-kok .hz-sonuc[b-z99zcahkuu] {
    padding: 8px 10px;
    border: 1px solid var(--hz-hat);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    font-size: var(--yazi-govde, 13px);
}

.hz-kok .hz-sonuc:nth-child(even)[b-z99zcahkuu] { background: var(--hz-cift-satir); }
.hz-kok .hz-sonuc__kullanim[b-z99zcahkuu] { font-size: var(--yazi-etiket, 11px); color: var(--metin-ipucu); }
.hz-kok .hz-bagla[b-z99zcahkuu] { min-height: 32px; border-radius: var(--kose-dugme); }

/* Onay penceresi */
.hz-kok .hz-onay[b-z99zcahkuu] {
    display: grid;
    gap: 10px;
    padding: 20px;
    border: 0;
    border-radius: 0;
    font-size: var(--yazi-govde, 13px);
}

.hz-kok .hz-onay h2[b-z99zcahkuu] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--marka-700);
}

.hz-kok .hz-onay h2:focus-visible[b-z99zcahkuu] { outline: 2px solid var(--marka-600); outline-offset: 3px; }
.hz-kok .hz-onay > span[b-z99zcahkuu] { color: var(--metin-ikincil); overflow-wrap: anywhere; }
.hz-onay__eylem[b-z99zcahkuu] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

/* ── TABLET ───────────────────────────────────────────────────────────── */

@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .hz-kok .hz-paneller[b-z99zcahkuu] { grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); }
    .hz-kok .hz-pencere[b-z99zcahkuu] { width: calc(100vw - 32px); }
}

/* ── CİHAZ: dokunma hedefleri ─────────────────────────────────────────── */

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .hz-kapak .au-btn[b-z99zcahkuu],
    .hz-kok .hz-kart__eylem .au-btn[b-z99zcahkuu],
    .hz-kok .hz-pencere__eylem .au-btn[b-z99zcahkuu],
    .hz-kok .hz-form__eylem .au-btn[b-z99zcahkuu],
    .hz-kok .hz-bagla[b-z99zcahkuu] { min-height: 44px; }
    .hz-kok .hz-sekme[b-z99zcahkuu] { min-height: 44px; }
    .hz-kok .hz-kaldir[b-z99zcahkuu] { min-width: 44px; min-height: 44px; }
    .hz-kok .hz-pencere__kapat[b-z99zcahkuu] { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
    .hz-kok .hz-alan .app-input[b-z99zcahkuu] { min-height: 44px; font-size: max(16px, 1rem); }
    .hz-kok .hz-pencere .app-input[b-z99zcahkuu] { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .hz-kok[b-z99zcahkuu] { gap: 12px; }

    .hz-kapak[b-z99zcahkuu] {
        padding: 12px 16px 14px;
        column-gap: 10px;
        row-gap: 10px;
    }

    /* Eylemler başlığın ALTINDA tek satır; taşarsa yatay kayar. */
    .hz-kapak__eylem[b-z99zcahkuu] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .hz-kapak__eylem[b-z99zcahkuu]::-webkit-scrollbar { display: none; }
    .hz-kapak .au-btn[b-z99zcahkuu] { flex: 0 0 auto; min-height: 44px; }

    /* Tek sütun: konular üstte kendi alanında kayar, kartlar altta. */
    .hz-kok .hz-paneller[b-z99zcahkuu] { grid-template-columns: 1fr; }
    .hz-kok .hz-konular[b-z99zcahkuu] { max-height: 40dvh; padding: 12px; }
    .hz-kok .hz-icerik[b-z99zcahkuu] { padding: 14px; }

    .hz-icerik__bas[b-z99zcahkuu] { align-items: flex-start; flex-direction: column; }
    .hz-kok .hz-kart__eylem[b-z99zcahkuu] { flex-direction: column; align-items: stretch; }
    .hz-kok .hz-alan .app-input[b-z99zcahkuu] { min-width: 0; width: 100%; }

    .hz-kok .hz-pencere[b-z99zcahkuu] {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 24px);
    }

    .hz-pencere__bas[b-z99zcahkuu],
    .hz-pencere__govde[b-z99zcahkuu],
    .hz-pencere__eylem[b-z99zcahkuu] { padding-left: 14px; padding-right: 14px; }
    .hz-kok .hz-onay[b-z99zcahkuu] { padding: 16px; }

    .hz-kok .hz-sekmeler[b-z99zcahkuu] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .hz-kok .hz-sekmeler[b-z99zcahkuu]::-webkit-scrollbar { display: none; }
    .hz-kok .hz-sekme[b-z99zcahkuu] { flex: 0 0 auto; }
    .hz-kok .hz-suzgec[b-z99zcahkuu] { flex-direction: column; align-items: stretch; }
    .hz-kok .hz-suzgec .app-input[b-z99zcahkuu] { flex: 1 1 auto; width: 100%; }
    .hz-kok .hz-sonuc[b-z99zcahkuu] { flex-wrap: wrap; }
}

/* ── MASAÜSTÜ: kapak tek satır, eylemler sağda ────────────────────────── */

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .hz-kapak[b-z99zcahkuu] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
    }

    .hz-kapak__eylem[b-z99zcahkuu] { justify-self: end; }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/PlanOlustur.razor.rz.scp.css */
/* Plan oluştur sihirbazı — Akademik Analiz tasarım dili (2026-09-20).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Kapsam SAYFAYA ÖZELDİR: ortak wwwroot/css ve AppWizard bileşeni değişmez. */

/* `.wrap` bu bileşenin dışında ve scoped CSS ile hedeflenemez; referansın
   20/24/44 px kenarına sayfanın KENDİ negatif marjıyla inilir. */
.au-page.op-olustur-vitrin[b-qg7mbxv5ps] {
  max-width: none;
  padding: 0;
  margin-block: calc(20px - clamp(30px, 5vw, 56px)) calc(44px - 80px);
  margin-inline: calc(var(--ust-yan-masaustu, 24px) - var(--icerik-yan, 24px));
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Beyaz kapak ──────────────────────────────────────────────────────── */
.op-olustur-vitrin .op-kapak[b-qg7mbxv5ps] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.op-olustur-vitrin .op-kapak[b-qg7mbxv5ps]  .au-breadcrumb { grid-area: geri; justify-self: start; }
.op-olustur-vitrin .op-kapak__yazi[b-qg7mbxv5ps] { grid-area: baslik; min-width: 0; }
.op-olustur-vitrin .op-kapak .au-title[b-qg7mbxv5ps] {
  margin: 0;
  font: 700 var(--yazi-kapak, 23px) / 1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.op-olustur-vitrin .op-kapak__alt[b-qg7mbxv5ps] { margin: 4px 0 0; color: var(--n-500); font-size: var(--yazi-kucuk, 12.5px); line-height: 1.6; }

/* ── Ortak düğme dili ─────────────────────────────────────────────────── */
.op-olustur-vitrin .au-btn[b-qg7mbxv5ps] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
  box-shadow: none;
}
.op-olustur-vitrin .au-btn:hover:not(:disabled)[b-qg7mbxv5ps] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.op-olustur-vitrin .au-btn:disabled[b-qg7mbxv5ps] { opacity: .55; cursor: default; }
.op-olustur-vitrin .au-btn:focus-visible[b-qg7mbxv5ps] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Kartlar ve durum kutuları ────────────────────────────────────────── */
.op-olustur-vitrin .au-card[b-qg7mbxv5ps],
.op-olustur-vitrin[b-qg7mbxv5ps]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.op-olustur-vitrin .au-card[b-qg7mbxv5ps]::before,
.op-olustur-vitrin[b-qg7mbxv5ps]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.op-olustur-vitrin .au-card--uyari[b-qg7mbxv5ps] { border-color: var(--au-uyari-kenar, #e0a03a); }
.op-olustur-vitrin .au-card--hata[b-qg7mbxv5ps] { border-color: var(--au-hata, #b3352c); }
.op-olustur-vitrin .op-cozum[b-qg7mbxv5ps] { display: grid; gap: 10px; justify-items: start; margin-bottom: 12px; }
.op-olustur-vitrin .op-cozum__ozet[b-qg7mbxv5ps] { margin: 0; color: var(--metin-ikincil); font-size: var(--yazi-govde, 13px); }
.op-olustur-vitrin .op-uyarilar[b-qg7mbxv5ps] { margin: 0; padding-left: 18px; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }

/* ── Sihirbaz kabuğu (AppWizard bileşeni ::deep ile) ──────────────────── */
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-kart {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-title {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -.012em;
}
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-count { color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-progress__fill { background: var(--marka-rampa-serit); }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-step-ind__label { color: var(--metin-ikincil); font-size: var(--yazi-kucuk, 12px); }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-step-ind.is-active .wiz-step-ind__label { color: var(--marka-700); font-weight: 600; }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-step-ind.is-active .wiz-step-ind__num,
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-step-ind.is-done .wiz-step-ind__num {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font-size: var(--yazi-kucuk, 12.5px);
  font-weight: 600;
}
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-btn--ghost { border: 1px solid var(--hat-girdi); background: var(--yuzey); color: var(--marka-700); }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-btn--primary { border: 1px solid var(--marka-600); background: var(--marka-600); color: var(--on-brand); }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-btn--primary:hover:not(:disabled) { background: var(--marka-500); border-color: var(--marka-500); }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-error {
  border: 1px solid var(--au-hata, #b3352c);
  border-radius: var(--kose-dugme);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
}

/* ── Adım gövdesi: alanlar, radyolar, çipler ─────────────────────────── */
.op-olustur-vitrin .op-ayar__satir[b-qg7mbxv5ps] { display: grid; gap: 6px; margin-bottom: 12px; }
.op-olustur-vitrin .op-ayar__etiket[b-qg7mbxv5ps] {
  color: var(--n-500);
  font-size: var(--yazi-etiket, 10px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.op-olustur-vitrin .op-ayar__baslik[b-qg7mbxv5ps] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -.012em;
}
.op-olustur-vitrin .op-ayar__baslik[b-qg7mbxv5ps]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.op-olustur-vitrin .op-ayar__ipucu[b-qg7mbxv5ps] { margin: 0 0 12px; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); line-height: 1.6; }
.op-olustur-vitrin .op-bolum-sebep[b-qg7mbxv5ps] { margin: 0 0 8px; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); }
.op-olustur-vitrin .op-sayfalama[b-qg7mbxv5ps] { margin: 10px 0 0; }

.op-olustur-vitrin .app-input[b-qg7mbxv5ps] {
  width: 100%;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
  font-weight: 500;
}
.op-olustur-vitrin .app-input:focus-visible[b-qg7mbxv5ps] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.op-olustur-vitrin .op-ayar__sayi[b-qg7mbxv5ps] { max-width: 210px; }
.op-olustur-vitrin .op-tablo-metin[b-qg7mbxv5ps] { min-height: 120px; padding: 10px 12px; line-height: 1.5; resize: vertical; }

.op-olustur-vitrin .op-radyo[b-qg7mbxv5ps] { border: 0; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; }
.op-olustur-vitrin .op-radyo__oge[b-qg7mbxv5ps] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  cursor: pointer;
}
.op-olustur-vitrin .op-radyo__oge:hover[b-qg7mbxv5ps] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey)); }
.op-olustur-vitrin .op-radyo__oge:has(input:checked)[b-qg7mbxv5ps] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}
.op-olustur-vitrin .op-radyo__oge:has(input:focus-visible)[b-qg7mbxv5ps] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.op-olustur-vitrin .op-radyo__oge span[b-qg7mbxv5ps] { display: grid; gap: 2px; font-size: var(--yazi-govde, 13px); color: var(--metin-ikincil); }
.op-olustur-vitrin .op-radyo__oge strong[b-qg7mbxv5ps] { color: var(--metin-murekkep); }
.op-olustur-vitrin .op-radyo__oge input[b-qg7mbxv5ps] { margin-top: 3px; accent-color: var(--marka-600); }

.op-olustur-vitrin .kc-cipler[b-qg7mbxv5ps] { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.op-olustur-vitrin .kc-cip[b-qg7mbxv5ps] {
  display: grid;
  gap: 2px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  text-align: left;
  cursor: pointer;
}
.op-olustur-vitrin .kc-cip:hover:not(:disabled)[b-qg7mbxv5ps] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)); }
.op-olustur-vitrin .kc-cip:focus-visible[b-qg7mbxv5ps] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.op-olustur-vitrin .kc-cip.is-etkin[b-qg7mbxv5ps] { border-color: var(--marka-600); background: var(--marka-600); color: var(--on-brand); }
.op-olustur-vitrin .kc-cip.is-etkin .kc-cip__alt[b-qg7mbxv5ps] { color: color-mix(in srgb, var(--on-brand) 80%, transparent); }
.op-olustur-vitrin .kc-cip:disabled[b-qg7mbxv5ps] { opacity: .5; cursor: default; }
.op-olustur-vitrin .kc-cip__no[b-qg7mbxv5ps] { font-size: var(--yazi-govde, 13px); font-weight: 600; }
.op-olustur-vitrin .kc-cip__alt[b-qg7mbxv5ps] { color: var(--n-500); font-size: var(--yazi-etiket, 11px); }

.op-olustur-vitrin .op-unite-secim[b-qg7mbxv5ps] { margin: 0 0 12px; padding: 0; list-style: none; display: grid; gap: 6px; }
.op-olustur-vitrin .op-unite-secim label[b-qg7mbxv5ps] {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  font-size: var(--yazi-govde, 13px);
  cursor: pointer;
}
.op-olustur-vitrin .op-unite-secim label:hover[b-qg7mbxv5ps] { border-color: var(--marka-400); }
.op-olustur-vitrin .op-unite-secim label:has(input:checked)[b-qg7mbxv5ps] { border-color: var(--marka-600); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.op-olustur-vitrin .op-unite-secim input[b-qg7mbxv5ps] { accent-color: var(--marka-600); }
.op-olustur-vitrin .op-unite-secim__ad[b-qg7mbxv5ps] { font-weight: 600; color: var(--metin-murekkep); }

.op-olustur-vitrin .op-esleme[b-qg7mbxv5ps] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.op-olustur-vitrin .op-esleme__satir[b-qg7mbxv5ps] { display: grid; gap: 6px; }

/* ── Önizleme popup ───────────────────────────────────────────────────── */
.op-olustur-vitrin .op-popup[b-qg7mbxv5ps] {
  width: min(820px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.op-olustur-vitrin .op-popup[open][b-qg7mbxv5ps] { display: flex; flex-direction: column; }
.op-olustur-vitrin .op-popup[b-qg7mbxv5ps]::backdrop { background: var(--scrim); }
.op-olustur-vitrin .op-popup__bas[b-qg7mbxv5ps] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.op-olustur-vitrin .op-popup__bas h2[b-qg7mbxv5ps] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.op-olustur-vitrin .op-popup__bas h2:focus[b-qg7mbxv5ps] { outline: none; }
.op-olustur-vitrin .op-popup__kapat[b-qg7mbxv5ps] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}
.op-olustur-vitrin .op-popup__govde[b-qg7mbxv5ps] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.op-olustur-vitrin .op-popup__eylem[b-qg7mbxv5ps] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.op-olustur-vitrin .op-onizleme__not[b-qg7mbxv5ps] { margin: 0 0 12px; color: var(--n-500); font-size: var(--yazi-kucuk, 12px); line-height: 1.6; }
.op-olustur-vitrin .op-onizleme__kaydir[b-qg7mbxv5ps] {
  max-height: min(420px, 50dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 12px 12px 12px;
}
.op-olustur-vitrin .op-onizleme__tablo[b-qg7mbxv5ps] { width: 100%; border-collapse: collapse; }
/* Geçiş `thead` boyunca TEK PARÇA çizilir; `th` arka planları şeffaftır. */
.op-olustur-vitrin .op-onizleme__tablo thead[b-qg7mbxv5ps] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}
.op-olustur-vitrin .op-onizleme__tablo th[b-qg7mbxv5ps] {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .07em;
  white-space: nowrap;
}
.op-olustur-vitrin .op-onizleme__esleme[b-qg7mbxv5ps] {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: none;
  color: color-mix(in srgb, var(--on-brand) 82%, transparent);
}
.op-olustur-vitrin .op-onizleme__tablo td[b-qg7mbxv5ps] {
  padding: 8px 13px;
  border-top: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font-size: var(--yazi-govde, 13px);
  white-space: nowrap;
}
.op-olustur-vitrin .op-onizleme__tablo tbody tr:nth-child(even) td[b-qg7mbxv5ps] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
/* Kaydırılan geniş tabloda ilk sütun yapışık kalır: hangi satır olduğu kaybolmaz.
   Sabit sütun OPAK zemin ister (referans: AnalizTablo `--at-bas-zemin` deyimi). */
.op-olustur-vitrin .op-onizleme__tablo tbody td:first-child[b-qg7mbxv5ps],
.op-olustur-vitrin .op-onizleme__tablo thead th:first-child[b-qg7mbxv5ps] { position: sticky; left: 0; z-index: 1; }
.op-olustur-vitrin .op-onizleme__tablo tbody td:first-child[b-qg7mbxv5ps] { background: var(--yuzey); box-shadow: 1px 0 0 var(--hat-kart); }
.op-olustur-vitrin .op-onizleme__tablo tbody tr:nth-child(even) td:first-child[b-qg7mbxv5ps] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.op-olustur-vitrin .op-onizleme__tablo thead th:first-child[b-qg7mbxv5ps] { z-index: 3; background: var(--marka-500); }

/* ── TABLET ───────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .op-olustur-vitrin .op-kapak[b-qg7mbxv5ps] { padding: 16px; }
  .op-olustur-vitrin .op-popup__bas[b-qg7mbxv5ps],
  .op-olustur-vitrin .op-popup__govde[b-qg7mbxv5ps] { padding: 16px; }
}

/* ── CİHAZ (TELEFON ∪ TABLET) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .au-page.op-olustur-vitrin[b-qg7mbxv5ps] {
    margin-block: calc(12px - clamp(30px, 5vw, 56px)) calc(44px - 80px);
    margin-inline: calc(16px - var(--icerik-yan, 24px));
  }
  /* K4 — dokunmatikte girdi en az 16 px, hedef en az 44 px.
     Düğme kuralı CİHAZ bandında olmak ZORUNDA: `cihaz.css:644` tabanı
     (0,1,1) özgüllüktedir, buradaki kapsamlı seçici (0,3,0) onu ezer.
     Yalnız TABLET bandındayken sihirbazın İleri/Geri/"Planı kur"
     düğmeleri telefonda 34 px kalıyordu. */
  .op-olustur-vitrin .app-input[b-qg7mbxv5ps] { min-height: 44px; font-size: max(16px, 1rem); }
  .op-olustur-vitrin .au-btn[b-qg7mbxv5ps],
  .op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-btn { min-height: 44px; }
  .op-olustur-vitrin .op-tablo-metin[b-qg7mbxv5ps] { min-height: 140px; }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .au-page.op-olustur-vitrin[b-qg7mbxv5ps] { margin-inline: calc(12px - var(--icerik-yan, 24px)); }
  .op-olustur-vitrin .op-kapak[b-qg7mbxv5ps] { padding: 12px; }
  .op-olustur-vitrin .au-card[b-qg7mbxv5ps],
  .op-olustur-vitrin[b-qg7mbxv5ps]  .ds-panel,
  .op-olustur-vitrin[b-qg7mbxv5ps]  .wiz-kart { padding: 16px 12px; }
  .op-olustur-vitrin .op-esleme[b-qg7mbxv5ps] { grid-template-columns: 1fr; }
  .op-olustur-vitrin .kc-cipler[b-qg7mbxv5ps] { flex-direction: column; }
  .op-olustur-vitrin .kc-cip[b-qg7mbxv5ps] { width: 100%; }
  .op-olustur-vitrin .op-ayar__sayi[b-qg7mbxv5ps] { max-width: none; }
  .op-olustur-vitrin .op-popup[b-qg7mbxv5ps] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .op-olustur-vitrin .op-popup__bas[b-qg7mbxv5ps],
  .op-olustur-vitrin .op-popup__govde[b-qg7mbxv5ps],
  .op-olustur-vitrin .op-popup__eylem[b-qg7mbxv5ps] { padding: 12px; }
  .op-olustur-vitrin .op-popup__eylem .au-btn[b-qg7mbxv5ps] { flex: 1 1 auto; }
  .op-olustur-vitrin .op-onizleme__kaydir[b-qg7mbxv5ps] { max-height: min(340px, 50dvh); }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/StandartKarsilastirma.razor.rz.scp.css */
/* Standart karşılaştırma — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Global `ogretim-planlari.css` scoped paketten SONRA yükleniyor (App.razor 24 → 35),
   bu yüzden her kural `.kk-vitrin ::deep` ile yazılır. Yeni hex YOK. */

.kk-vitrin[b-5jeanv31hf] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kk-vitrin[b-5jeanv31hf]  .kk-kapak__geri { grid-area: geri; }
.kk-vitrin[b-5jeanv31hf]  .kk-kapak__metin { grid-area: baslik; min-width: 0; }
.kk-vitrin[b-5jeanv31hf]  .kk-suzgec { grid-area: suzgec; }

.kk-vitrin[b-5jeanv31hf]  .kk-baslik {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.kk-vitrin[b-5jeanv31hf]  .kk-ozet {
  margin: 4px 0 0;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.kk-vitrin[b-5jeanv31hf]  .kk-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.kk-vitrin[b-5jeanv31hf]  .kk-alan {
  display: grid;
  gap: 4px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  color: var(--metin-ikincil);
}

.kk-vitrin[b-5jeanv31hf]  .kk-alan > span {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.kk-vitrin[b-5jeanv31hf]  .kk-alan .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.kk-vitrin[b-5jeanv31hf]  :is(.kk-yalniz-kazanim, .kk-planlanmayan) {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
}

/* ── Düğmeler ──────────────────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kk-vitrin[b-5jeanv31hf]  .au-btn:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.kk-vitrin[b-5jeanv31hf]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.kk-vitrin[b-5jeanv31hf]  .au-btn--primary:hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.kk-vitrin[b-5jeanv31hf]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.kk-vitrin[b-5jeanv31hf]  :is(.au-btn, .app-input, .kk-kaydir, .kk-agac-kaydir, .kk-panel, .kk-sekme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sayaç şeridi ──────────────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div {
  display: grid;
  gap: 4px;
  padding: 13px 16px 15px;
  border-top: 3px solid transparent;
  border-right: 1px solid var(--hat-kart);
}

.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:last-child { border-right: 0; }

.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(1) { border-top-color: var(--marka-600); }
.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(2) { border-top-color: var(--marka-500); }
.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(3) { border-top-color: var(--marka-rampa-orta); }
.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(4) { border-top-color: var(--marka-rampa-uc); }
.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(5) { border-top-color: var(--turkuaz-500); }
.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(6) { border-top-color: var(--basari); }

.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar dt {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
}

.kk-vitrin[b-5jeanv31hf]  .kk-sayaclar dd {
  margin: 0;
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
}

/* Sayının yanında "Hiçbir planda yok" yazısı var; renk tek başına anlam taşımaz. */
.kk-vitrin[b-5jeanv31hf]  .kk-sayac--eksik { border-top-color: var(--danger); }
.kk-vitrin[b-5jeanv31hf]  .kk-sayac--eksik dd { color: var(--danger-metin); }

/* ── Uyarı / açıklama satırları ────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-uyari {
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-rampa-orta);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.kk-vitrin[b-5jeanv31hf]  :is(.kk-disari, .kk-ogrenci) {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.kk-vitrin[b-5jeanv31hf]  .kk-liste-hata {
  margin-bottom: 12px;
  padding: 10px 14px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

/* ── Bölüm sekmeleri ───────────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-sekmeler {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  scrollbar-width: thin;
}

.kk-vitrin[b-5jeanv31hf]  .kk-sekme {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.kk-vitrin[b-5jeanv31hf]  .kk-sekme:hover {
  background: color-mix(in srgb, var(--marka-rampa-orta) 14%, var(--yuzey));
  color: var(--marka-700);
}

.kk-vitrin[b-5jeanv31hf]  .kk-sekme[aria-selected="true"],
.kk-vitrin[b-5jeanv31hf]  .kk-sekme[aria-selected="true"]:hover {
  background: var(--marka-600);
  color: var(--on-brand);
}

.kk-vitrin[b-5jeanv31hf]  .kk-sekme__sayi {
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.kk-vitrin[b-5jeanv31hf]  .kk-sekme[aria-selected="true"] .kk-sekme__sayi {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
  color: var(--on-brand);
}

.kk-vitrin[b-5jeanv31hf]  .kk-panel { outline-offset: 4px; }

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-kart {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kk-vitrin[b-5jeanv31hf]  .kk-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kk-vitrin[b-5jeanv31hf]  .kk-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kk-vitrin[b-5jeanv31hf]  .kk-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kk-vitrin[b-5jeanv31hf]  .kk-kart__alt {
  margin: 0 0 12px;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.kk-vitrin[b-5jeanv31hf]  .kk-ders-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.kk-vitrin[b-5jeanv31hf]  :is(.kk-ders-sec p, .kk-suzgec-bos, .kk-kurs-bos) {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Kazanım ağacı: kendi kabında kayar ────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-agac-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.kk-vitrin[b-5jeanv31hf]  .kk-agac { display: grid; margin: 0; padding: 0; list-style: none; }

.kk-vitrin[b-5jeanv31hf]  .kk-dugum {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 10px 13px;
  padding-inline-start: calc(13px + min(var(--kk-derinlik, 0), 6) * 18px);
  border-bottom: 1px solid var(--line);
  background: var(--yuzey);
  font-size: 13px;
}

.kk-vitrin[b-5jeanv31hf]  .kk-dugum:nth-child(even) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kk-vitrin[b-5jeanv31hf]  .kk-dugum:last-child { border-bottom: 0; }

.kk-vitrin[b-5jeanv31hf]  .kk-dugum:not(.kk-dugum--kazanim) {
  color: var(--marka-700);
  font-weight: 700;
}

.kk-vitrin[b-5jeanv31hf]  .kk-dugum__ad {
  display: flex;
  flex: 1 1 280px;
  gap: 8px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.kk-vitrin[b-5jeanv31hf]  .kk-kod {
  color: var(--n-500);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.kk-vitrin[b-5jeanv31hf]  .kk-dugum__olcu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.kk-vitrin[b-5jeanv31hf]  .kk-sayi {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.kk-vitrin[b-5jeanv31hf]  .kk-cubuk {
  position: relative;
  width: 132px;
  height: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.kk-vitrin[b-5jeanv31hf]  :is(.kk-cubuk__planda, .kk-cubuk__islendi) {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: 4px;
}

.kk-vitrin[b-5jeanv31hf]  .kk-cubuk__planda {
  background: color-mix(in srgb, var(--marka-500) 45%, transparent);
}

.kk-vitrin[b-5jeanv31hf]  .kk-cubuk__islendi { background: var(--marka-rampa-uc); }

/* Rozet: renk yanında kelime (WCAG 1.4.1). */
.kk-vitrin[b-5jeanv31hf]  :is(.kk-rozet, .kk-popup-rozet) {
  padding: 2px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 9px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.kk-vitrin[b-5jeanv31hf]  .kk-rozet--islendi {
  border-color: var(--marka-rampa-uc);
  color: var(--marka-rampa-uc);
}

.kk-vitrin[b-5jeanv31hf]  .kk-rozet--planda {
  border-color: var(--marka-500);
  color: var(--marka-700);
}

.kk-vitrin[b-5jeanv31hf]  :is(.kk-rozet--yok, .kk-rozet--plansiz) { color: var(--n-500); }

/* ── Öğrenci sonucu şeridi ─────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-sonuc {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.kk-vitrin[b-5jeanv31hf]  .kk-sonuc__cubuk {
  display: flex;
  width: 132px;
  height: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.kk-vitrin[b-5jeanv31hf]  .kk-sonuc__parca { min-width: 0; }
.kk-vitrin[b-5jeanv31hf]  .kk-sonuc__parca--edindi { background: var(--marka-rampa-uc); }
.kk-vitrin[b-5jeanv31hf]  .kk-sonuc__parca--kismen { background: var(--turkuaz-500); }
.kk-vitrin[b-5jeanv31hf]  .kk-sonuc__parca--edinemedi { background: var(--danger); }

.kk-vitrin[b-5jeanv31hf]  .kk-sonuc__metin {
  color: var(--metin-ikincil);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.kk-vitrin[b-5jeanv31hf]  :is(.kk-sonuc--yok, .kk-sonuc--az) { color: var(--n-500); }

/* ── Kurs tablosu ──────────────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar. */
.kk-vitrin[b-5jeanv31hf]  .kk-kurslar {
  display: table;
  overflow: visible;
  width: 100%;
  min-width: 760px;
  max-width: none;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.kk-vitrin[b-5jeanv31hf]  .kk-kurslar thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.kk-vitrin[b-5jeanv31hf]  .kk-kurslar th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.kk-vitrin[b-5jeanv31hf]  .kk-kurslar td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.kk-vitrin[b-5jeanv31hf]  .kk-kurslar tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kk-vitrin[b-5jeanv31hf]  .kk-kurslar tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kk-vitrin[b-5jeanv31hf]  .kk-kurs-satir--secili td {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.kk-vitrin[b-5jeanv31hf]  .kk-hucre-kurs {
  min-width: 180px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.kk-vitrin[b-5jeanv31hf]  .kk-hucre-kurs a { color: var(--marka-700); }

.kk-vitrin[b-5jeanv31hf]  :is(th, td).kk-sayi-hucre {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* ── Popup ─────────────────────────────────────────────────────── */
.kk-vitrin[b-5jeanv31hf]  .kk-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.kk-vitrin[b-5jeanv31hf]  .kk-popup[open] { display: flex; flex-direction: column; }
.kk-vitrin[b-5jeanv31hf]  .kk-popup::backdrop { background: var(--scrim); }

.kk-vitrin[b-5jeanv31hf]  .kk-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kk-vitrin[b-5jeanv31hf]  .kk-popup__bas h2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.kk-vitrin[b-5jeanv31hf]  .kk-popup__bas h2:focus { outline: none; }

.kk-vitrin[b-5jeanv31hf]  .kk-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.kk-vitrin[b-5jeanv31hf]  .kk-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kk-vitrin[b-5jeanv31hf]  .kk-popup__ozet {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.kk-vitrin[b-5jeanv31hf]  .kk-kirilim-liste { display: grid; margin: 0; padding: 0; list-style: none; }

.kk-vitrin[b-5jeanv31hf]  .kk-kirilim-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  font-size: 13px;
}

.kk-vitrin[b-5jeanv31hf]  .kk-kirilim-satir:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kk-vitrin[b-5jeanv31hf]  .kk-kirilim-ad { min-width: 0; overflow-wrap: anywhere; }

.kk-vitrin[b-5jeanv31hf]  .kk-popup__ogrenci {
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

.kk-vitrin[b-5jeanv31hf]  .kk-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540 fareli: başlık solda, süzgeçler sağda ──────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kk-vitrin[b-5jeanv31hf]  .kk-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik suzgec";
  }

  /* `justify-self: end` ızgara öğesini shrink-to-fit ölçtürür; sarmalı (wrap) esnek kabın
     max-content'i çocukların İÇERİK genişliğinden hesaplanır ve `.kk-alan`ın `flex: 0 1 176px`
     tabanı sayılmaz → kap daralır, süzgeçler alt alta yığılıp kapağı uzatır. Kap alanı
     doldurur, sağa yaslama satır içinde yapılır (dar ekranda sarma korunur). */
  .kk-vitrin[b-5jeanv31hf]  .kk-suzgec { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kk-vitrin[b-5jeanv31hf]  .kk-kapak { padding: 16px; }

  .kk-vitrin[b-5jeanv31hf]  :is(.au-btn, .au-btn--sm, .kk-sekme) { min-height: 44px; }

  .kk-vitrin[b-5jeanv31hf]  .kk-alan .app-input { height: 44px; min-height: 44px; }

  .kk-vitrin[b-5jeanv31hf]  .kk-sayaclar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(3n) { border-right: 0; }

  /* İlk anlamlı sütun (Kurs) yatay kaydırmada yapışık kalır. */
  .kk-vitrin[b-5jeanv31hf]  .kk-kurslar :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .kk-vitrin[b-5jeanv31hf]  .kk-kurslar th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .kk-vitrin[b-5jeanv31hf]  .kk-alan .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .kk-vitrin[b-5jeanv31hf]  .kk-kapak {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec";
    padding: 12px;
  }

  .kk-vitrin[b-5jeanv31hf]  .kk-baslik { font-size: var(--yazi-kapak, 20px); }
  .kk-vitrin[b-5jeanv31hf]  .kk-alan { flex: 1 1 100%; max-width: none; }

  .kk-vitrin[b-5jeanv31hf]  .kk-sayaclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(3n) { border-right: 1px solid var(--hat-kart); }
  .kk-vitrin[b-5jeanv31hf]  .kk-sayaclar > div:nth-child(2n) { border-right: 0; }
  .kk-vitrin[b-5jeanv31hf]  .kk-sayaclar dd { font-size: var(--yazi-kpi, 20px); }

  .kk-vitrin[b-5jeanv31hf]  .kk-kart { padding: 16px 12px; }
  .kk-vitrin[b-5jeanv31hf]  .kk-kart__baslik { font-size: var(--yazi-bolum, 14px); }

  .kk-vitrin[b-5jeanv31hf]  :is(.kk-kaydir, .kk-agac-kaydir) { max-height: min(460px, 62dvh); }
  .kk-vitrin[b-5jeanv31hf]  .kk-kurslar { min-width: 640px; }
  .kk-vitrin[b-5jeanv31hf]  .kk-kurslar :is(th, td) { padding: 10px; }

  .kk-vitrin[b-5jeanv31hf]  .kk-dugum {
    padding: 12px 10px;
    padding-inline-start: calc(10px + min(var(--kk-derinlik, 0), 4) * 12px);
  }

  .kk-vitrin[b-5jeanv31hf]  .kk-dugum__ad { flex: 1 1 100%; }
  .kk-vitrin[b-5jeanv31hf]  :is(.kk-cubuk, .kk-sonuc__cubuk) { width: 96px; }

  .kk-vitrin[b-5jeanv31hf]  .kk-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kk-vitrin[b-5jeanv31hf]  :is(.kk-popup__bas, .kk-popup__govde, .kk-popup__eylem) { padding: 12px; }
  .kk-vitrin[b-5jeanv31hf]  .kk-popup__eylem .au-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/OgretimPlanlari/YonetimPlanDurumu.razor.rz.scp.css */
/* Plan durumu — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Global `ogretim-planlari.css` scoped paketten SONRA yükleniyor (App.razor 24 → 35),
   bu yüzden her kural `.yp-vitrin ::deep` ile yazılır: aynı sınıf sayısında bile
   fazladan kapsam seçicisi kazanır. Yeni hex YOK — aurora.css token'ları. */

.au-page.yp-vitrin[b-74crdfd69o] {
  display: block;
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ───────── */
.yp-vitrin[b-74crdfd69o]  .yp-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik baslik"
    "suzgec suzgec eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yp-vitrin[b-74crdfd69o]  .yp-kapak__geri { grid-area: geri; }
.yp-vitrin[b-74crdfd69o]  .yp-kapak__metin { grid-area: baslik; min-width: 0; }
.yp-vitrin[b-74crdfd69o]  .yp-suzgec { grid-area: suzgec; }
.yp-vitrin[b-74crdfd69o]  .yp-kapak__eylem { grid-area: eylem; }

.yp-vitrin[b-74crdfd69o]  .yp-baslik {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.yp-vitrin[b-74crdfd69o]  .yp-ozet {
  margin: 4px 0 0;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.yp-vitrin[b-74crdfd69o]  .yp-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  min-width: 0;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.yp-vitrin[b-74crdfd69o]  .yp-alan {
  display: grid;
  gap: 4px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  color: var(--metin-ikincil);
}

.yp-vitrin[b-74crdfd69o]  .yp-alan > span {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.yp-vitrin[b-74crdfd69o]  .yp-alan .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.yp-vitrin[b-74crdfd69o]  .yp-yalniz-eksik {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
}

.yp-vitrin[b-74crdfd69o]  .yp-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-self: end;
  gap: 8px;
  justify-self: end;
}

.yp-vitrin[b-74crdfd69o]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.yp-vitrin[b-74crdfd69o]  .au-btn:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.yp-vitrin[b-74crdfd69o]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.yp-vitrin[b-74crdfd69o]  .au-btn--primary:hover {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.yp-vitrin[b-74crdfd69o]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.yp-vitrin[b-74crdfd69o]  :is(.au-btn, .app-input, .yp-kaydir, .yp-panel, .yp-sekme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sayaç şeridi: tek birleşik yüzey, üstte renk bandı ────────── */
.yp-vitrin[b-74crdfd69o]  .yp-sayaclar {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div {
  display: grid;
  gap: 4px;
  padding: 13px 16px 15px;
  border-top: 3px solid transparent;
  border-right: 1px solid var(--hat-kart);
}

.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:last-child { border-right: 0; }

.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(1) { border-top-color: var(--marka-600); }
.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(2) { border-top-color: var(--marka-500); }
.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(3) { border-top-color: var(--marka-rampa-orta); }
.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(4) { border-top-color: var(--marka-rampa-uc); }
.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(5) { border-top-color: var(--turkuaz-500); }
.yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(6) { border-top-color: var(--basari); }

.yp-vitrin[b-74crdfd69o]  .yp-sayaclar dt {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  line-height: 1.4;
}

.yp-vitrin[b-74crdfd69o]  .yp-sayaclar dd {
  margin: 0;
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
}

/* Sayı yanında kelime var; renk tek başına anlam taşımaz (WCAG 1.4.1). */
.yp-vitrin[b-74crdfd69o]  .yp-sayac--eksik { border-top-color: var(--danger); }
.yp-vitrin[b-74crdfd69o]  .yp-sayac--eksik dd { color: var(--danger-metin); }

/* ── Uyarı / bilgi satırları ───────────────────────────────────── */
.yp-vitrin[b-74crdfd69o]  :is(.yp-uyari, .yp-bilgi) {
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-rampa-orta);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.yp-vitrin[b-74crdfd69o]  .yp-bilgi { border-left-color: var(--basari); }

/* ── Bölüm sekmeleri ───────────────────────────────────────────── */
.yp-vitrin[b-74crdfd69o]  .yp-sekmeler {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  scrollbar-width: thin;
}

.yp-vitrin[b-74crdfd69o]  .yp-sekme {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.yp-vitrin[b-74crdfd69o]  .yp-sekme:hover {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.yp-vitrin[b-74crdfd69o]  .yp-sekme[aria-selected="true"],
.yp-vitrin[b-74crdfd69o]  .yp-sekme[aria-selected="true"]:hover {
  background: var(--marka-600);
  color: var(--on-brand);
}

.yp-vitrin[b-74crdfd69o]  .yp-sekme__sayi {
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.yp-vitrin[b-74crdfd69o]  .yp-sekme[aria-selected="true"] .yp-sekme__sayi {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
  color: var(--on-brand);
}

.yp-vitrin[b-74crdfd69o]  .yp-panel { outline-offset: 4px; }

/* ── Bölüm kartı ───────────────────────────────────────────────── */
.yp-vitrin[b-74crdfd69o]  .yp-kart {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yp-vitrin[b-74crdfd69o]  .yp-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yp-vitrin[b-74crdfd69o]  .yp-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.yp-vitrin[b-74crdfd69o]  .yp-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.yp-vitrin[b-74crdfd69o]  .yp-kart__alt {
  margin: 0 0 12px;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.yp-vitrin[b-74crdfd69o]  .yp-bos-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.yp-vitrin[b-74crdfd69o]  :is(.yp-bos, .yp-suzgec-bos) {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Tablo: kendi kabında kayar, başlık üstte sabit ────────────── */
.yp-vitrin[b-74crdfd69o]  .yp-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar; tablo kendi
   kabında kaydığı için o siper sticky başlığı ve yapışık sütunu bozardı. */
.yp-vitrin[b-74crdfd69o]  .yp-tablo {
  display: table;
  overflow: visible;
  width: 100%;
  min-width: 860px;
  max-width: none;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.yp-vitrin[b-74crdfd69o]  .yp-tablo thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.yp-vitrin[b-74crdfd69o]  .yp-tablo th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.yp-vitrin[b-74crdfd69o]  .yp-tablo td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.yp-vitrin[b-74crdfd69o]  .yp-tablo tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.yp-vitrin[b-74crdfd69o]  .yp-tablo tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.yp-vitrin[b-74crdfd69o]  .yp-hucre-kurs {
  min-width: 200px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.yp-vitrin[b-74crdfd69o]  .yp-hucre-kurs a { color: var(--marka-700); }

.yp-vitrin[b-74crdfd69o]  .yp-kurs-durum {
  margin-left: 6px;
  font-size: 11px;
}

.yp-vitrin[b-74crdfd69o]  .yp-plan-kaynak {
  display: block;
  margin-top: 2px;
  color: var(--n-500);
  font-size: 11.5px;
}

/* Kırmızı satır: renk + "zorunlu" kelimesi birlikte (WCAG 1.4.1). */
.yp-vitrin[b-74crdfd69o]  .yp-satir--eksik td {
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
}

.yp-vitrin[b-74crdfd69o]  .yp-satir--eksik td:first-child {
  box-shadow: inset 3px 0 0 var(--danger);
}

.yp-vitrin[b-74crdfd69o]  :is(.yp-lead--lead_yok, .yp-lead--coklu_lead) { color: var(--danger-metin); }

.yp-vitrin[b-74crdfd69o]  .yp-hucre-eylem { width: 1%; white-space: nowrap; text-align: right; }

.yp-vitrin[b-74crdfd69o]  .yp-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Zorunluluk kuralları ──────────────────────────────────────── */
.yp-vitrin[b-74crdfd69o]  .yp-kural-liste { display: grid; margin: 0; padding: 0; list-style: none; }

.yp-vitrin[b-74crdfd69o]  .yp-kural {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  padding: 12px 10px;
  border-bottom: 1px solid var(--line);
}

.yp-vitrin[b-74crdfd69o]  .yp-kural:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.yp-vitrin[b-74crdfd69o]  .yp-kural:last-child { border-bottom: 0; }

.yp-vitrin[b-74crdfd69o]  .yp-kural__ad {
  display: grid;
  gap: 2px;
  flex: 1 1 220px;
  min-width: 0;
  font-size: 13px;
}

.yp-vitrin[b-74crdfd69o]  .yp-kural__ad .au-dim { color: var(--n-500); font-size: 12px; }

.yp-vitrin[b-74crdfd69o]  .yp-kural__anahtar {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
}

.yp-vitrin[b-74crdfd69o]  .yp-kural-gerekce {
  flex: 2 1 240px;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
}

.yp-vitrin[b-74crdfd69o]  .yp-kural-hata {
  margin: 0 0 12px;
  padding: 10px 14px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
}

/* ── Popup: native top layer, başlık ve eylemler sabit ─────────── */
.yp-vitrin[b-74crdfd69o]  .yp-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.yp-vitrin[b-74crdfd69o]  .yp-popup[open] { display: flex; flex-direction: column; }
.yp-vitrin[b-74crdfd69o]  .yp-popup::backdrop { background: var(--scrim); }

.yp-vitrin[b-74crdfd69o]  .yp-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.yp-vitrin[b-74crdfd69o]  .yp-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.yp-vitrin[b-74crdfd69o]  .yp-popup__bas h2:focus { outline: none; }

.yp-vitrin[b-74crdfd69o]  .yp-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.yp-vitrin[b-74crdfd69o]  .yp-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.yp-vitrin[b-74crdfd69o]  .yp-olgular { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.yp-vitrin[b-74crdfd69o]  .yp-olgular > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.yp-vitrin[b-74crdfd69o]  .yp-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.yp-vitrin[b-74crdfd69o]  .yp-olgular dt { color: var(--n-500); }

.yp-vitrin[b-74crdfd69o]  .yp-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.yp-vitrin[b-74crdfd69o]  .yp-detay-eksik { margin: 14px 0 0; }

.yp-vitrin[b-74crdfd69o]  .yp-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540: başlık solda, süzgeç ve eylem sağda ──────── */
@media (min-width: 1540px) {
  .yp-vitrin[b-74crdfd69o]  .yp-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
     çocukların `flex: 0 1 176px` tabanını saymaz → süzgeçler alt alta yığılıyordu.
     Kap sütunu doldurur, sağa yaslama flex satırında yapılır. */
  .yp-vitrin[b-74crdfd69o]  .yp-suzgec { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yp-vitrin[b-74crdfd69o]  .yp-kapak {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "suzgec suzgec"
      "eylem eylem";
    padding: 16px;
  }

  .yp-vitrin[b-74crdfd69o]  .yp-yalniz-eksik { min-height: 44px; }

  .yp-vitrin[b-74crdfd69o]  .yp-kapak__geri .au-breadcrumb--dugme {
    width: 44px;
    min-height: 44px;
  }

  .yp-vitrin[b-74crdfd69o]  :is(.au-btn, .au-btn--sm, .yp-sekme) { min-height: 44px; }

  .yp-vitrin[b-74crdfd69o]  :is(.yp-alan .app-input, .yp-kural-gerekce) {
    height: 44px;
    min-height: 44px;
  }

  .yp-vitrin[b-74crdfd69o]  .yp-sayaclar { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(3n) { border-right: 0; }

  /* İlk anlamlı sütun (Kurs) yatay kaydırmada yapışık kalır. */
  .yp-vitrin[b-74crdfd69o]  .yp-tablo :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Yapışık başlık saydam kalamaz — altındaki hücreler görünürdü. */
  .yp-vitrin[b-74crdfd69o]  .yp-tablo th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .yp-vitrin[b-74crdfd69o]  :is(.yp-alan .app-input, .yp-kural-gerekce) { font-size: max(16px, 1rem); }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .yp-vitrin[b-74crdfd69o]  .yp-kapak {
    padding: 12px;
  }

  .yp-vitrin[b-74crdfd69o]  .yp-baslik { font-size: var(--yazi-kapak, 20px); }

  .yp-vitrin[b-74crdfd69o]  .yp-kapak__eylem { width: 100%; justify-self: stretch; }
  .yp-vitrin[b-74crdfd69o]  .yp-kapak__eylem .au-btn { flex: 1 1 auto; }

  .yp-vitrin[b-74crdfd69o]  .yp-alan { flex: 1 1 100%; max-width: none; }

  .yp-vitrin[b-74crdfd69o]  .yp-sayaclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(3n) { border-right: 1px solid var(--hat-kart); }
  .yp-vitrin[b-74crdfd69o]  .yp-sayaclar > div:nth-child(2n) { border-right: 0; }
  .yp-vitrin[b-74crdfd69o]  .yp-sayaclar dd { font-size: var(--yazi-kpi, 20px); }

  .yp-vitrin[b-74crdfd69o]  .yp-kart { padding: 16px 12px; }
  .yp-vitrin[b-74crdfd69o]  .yp-kart__baslik { font-size: var(--yazi-bolum, 14px); }

  .yp-vitrin[b-74crdfd69o]  .yp-kaydir { max-height: min(460px, 62dvh); }
  .yp-vitrin[b-74crdfd69o]  .yp-tablo { min-width: 720px; }
  .yp-vitrin[b-74crdfd69o]  .yp-tablo :is(th, td) { padding: 10px; }

  .yp-vitrin[b-74crdfd69o]  .yp-kural { padding: 12px 6px; }
  .yp-vitrin[b-74crdfd69o]  .yp-kural__ad { flex: 1 1 100%; }
  .yp-vitrin[b-74crdfd69o]  .yp-kural-gerekce { flex: 1 1 100%; }

  .yp-vitrin[b-74crdfd69o]  .yp-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .yp-vitrin[b-74crdfd69o]  :is(.yp-popup__bas, .yp-popup__govde, .yp-popup__eylem) { padding: 12px; }
  .yp-vitrin[b-74crdfd69o]  .yp-popup__eylem .au-btn { flex: 1 1 auto; }

  .yp-vitrin[b-74crdfd69o]  .yp-olgular > div {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Publisher/Bundles/PaketDetay.razor.rz.scp.css */
/* Paket detayı — Akademik Analiz kapak, sekme, yüzey, tablo ve popup ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.
   Sayfaya özgü pk-* adları global admin-users.css kurallarıyla karşılaşmaz;
   ortak bileşen içi (AppTextField / AppField / TypeCardGrid / GeriBaglanti) ::deep ile. */

.au-page.pk-detay[b-6n04yqmpzz] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + rozetler + bütün ana eylemler tek beyaz yüzeyde ──────── */
.pk-detay .pk-kapak[b-6n04yqmpzz] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pk-detay .pk-kapak__geri[b-6n04yqmpzz] { grid-area: geri; align-self: center; }
.pk-detay .pk-kapak__baslik[b-6n04yqmpzz] { grid-area: baslik; min-width: 0; }
.pk-detay .pk-kapak__eylem[b-6n04yqmpzz] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.pk-detay .pk-baslik[b-6n04yqmpzz] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pk-detay .pk-rozetler[b-6n04yqmpzz] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.pk-detay .pk-dugme[b-6n04yqmpzz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.pk-detay .pk-dugme:hover:not(:disabled)[b-6n04yqmpzz] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.pk-detay .pk-dugme:disabled[b-6n04yqmpzz] { opacity: .5; cursor: default; }

.pk-detay .pk-dugme--ana[b-6n04yqmpzz] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.pk-detay .pk-dugme--ana:hover:not(:disabled)[b-6n04yqmpzz] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.pk-detay .pk-dugme--yikici[b-6n04yqmpzz] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  background: var(--yuzey);
  color: var(--danger-metin);
}

.pk-detay .pk-dugme--yikici:hover:not(:disabled)[b-6n04yqmpzz] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.pk-detay .pk-dugme--kucuk[b-6n04yqmpzz] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.pk-detay .pk-dugme:focus-visible[b-6n04yqmpzz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.au-page.pk-detay[b-6n04yqmpzz]  .pk-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.pk-detay[b-6n04yqmpzz]  .pk-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, 16 px içerik boşluğu ── */
.pk-detay .pk-sekmeler[b-6n04yqmpzz] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.pk-detay .pk-sekme[b-6n04yqmpzz] {
  --pk-vurgu: var(--marka-600);
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

/* Vurgu dağılımı: lacivert → petrol (Akademik Analiz KPI rampasının iki ucu). */
.pk-detay .pk-sekme:nth-child(2)[b-6n04yqmpzz] { --pk-vurgu: var(--marka-rampa-uc); }

.pk-detay .pk-sekme[aria-selected="true"][b-6n04yqmpzz] {
  background: var(--pk-vurgu);
  color: var(--on-brand);
}

.pk-detay .pk-sekme:focus-visible[b-6n04yqmpzz] { outline: 2px solid var(--pk-vurgu); outline-offset: 2px; }

@media (hover: hover) {
  .pk-detay .pk-sekme:hover:not([aria-selected="true"])[b-6n04yqmpzz] {
    background: color-mix(in srgb, var(--pk-vurgu) 14%, var(--yuzey));
    color: var(--pk-vurgu);
  }
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.pk-detay .pk-kart[b-6n04yqmpzz] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pk-detay .pk-kart:focus-visible[b-6n04yqmpzz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pk-detay .pk-kart[b-6n04yqmpzz]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pk-detay .pk-kart__bas[b-6n04yqmpzz] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.pk-detay .pk-kart__bas-metin[b-6n04yqmpzz] { min-width: 0; }

.pk-detay .pk-bolum-baslik[b-6n04yqmpzz] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pk-detay .pk-bolum-baslik[b-6n04yqmpzz]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pk-detay .pk-bolum-ipucu[b-6n04yqmpzz] {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.pk-detay .pk-aciklama[b-6n04yqmpzz] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.pk-detay .pk-aciklama--bos[b-6n04yqmpzz] { color: var(--metin-ipucu); }

/* ── Olgu listesi ─────────────────────────────────────────────────────────── */
.pk-detay .pk-olgu[b-6n04yqmpzz] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.pk-detay .pk-olgu > div[b-6n04yqmpzz] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.pk-detay .pk-olgu > div:nth-child(odd)[b-6n04yqmpzz] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pk-detay .pk-olgu dt[b-6n04yqmpzz] { color: var(--n-500); }

.pk-detay .pk-olgu dd[b-6n04yqmpzz] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Tablo: kendi sınırlı alanında kayar, başlık üstte sabit ──────────────── */
.pk-detay .pk-tablo-kap[b-6n04yqmpzz] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.pk-detay .pk-tablo[b-6n04yqmpzz] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.pk-detay .pk-gizli[b-6n04yqmpzz] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.pk-detay .pk-tablo thead[b-6n04yqmpzz] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.pk-detay .pk-tablo thead th[b-6n04yqmpzz] {
  padding: 10px 13px;
  background: transparent;
  border-bottom: none;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.pk-detay .pk-tablo tbody td[b-6n04yqmpzz] {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
}

.pk-detay .pk-tablo tbody tr:nth-child(even)[b-6n04yqmpzz] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pk-detay .pk-kimlik[b-6n04yqmpzz] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  color: var(--n-500);
}

.pk-detay .pk-sayi[b-6n04yqmpzz] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pk-detay .pk-zaman[b-6n04yqmpzz] { color: var(--n-500); font-size: 12px; white-space: nowrap; }
.pk-detay .pk-sessiz[b-6n04yqmpzz] { color: var(--metin-ipucu); }

/* ── Rozetler ─────────────────────────────────────────────────────────────── */
.pk-detay .pk-rozet[b-6n04yqmpzz] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.pk-detay .pk-rozet--notr[b-6n04yqmpzz] {
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.pk-detay .pk-rozet--iyi[b-6n04yqmpzz] {
  border-color: color-mix(in srgb, var(--basari) 60%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--basari-metin);
}

.pk-detay .pk-rozet--bekliyor[b-6n04yqmpzz] {
  border-color: color-mix(in srgb, var(--analiz-dikkat-metin) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--analiz-dikkat-metin) 10%, var(--yuzey));
  color: var(--analiz-dikkat-metin);
}

.pk-detay .pk-rozet--ret[b-6n04yqmpzz],
.pk-detay .pk-rozet--kapali[b-6n04yqmpzz] {
  border-color: color-mix(in srgb, var(--danger) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-rozet-metin);
}

.pk-detay .pk-rozet--taslak[b-6n04yqmpzz] {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ── Uyarı bantları ───────────────────────────────────────────────────────── */
.pk-detay .pk-uyari[b-6n04yqmpzz] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  padding: 11px 14px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.pk-detay .pk-uyari--bilgi[b-6n04yqmpzz] {
  border-color: color-mix(in srgb, var(--marka-500) 26%, var(--hat-girdi));
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.pk-detay .pk-uyari--dikkat[b-6n04yqmpzz] {
  border-color: color-mix(in srgb, var(--analiz-dikkat-metin) 34%, var(--hat-girdi));
  background: color-mix(in srgb, var(--analiz-dikkat-metin) 8%, var(--yuzey));
  color: var(--analiz-dikkat-metin);
}

.pk-detay .pk-uyari--hata[b-6n04yqmpzz] {
  border-color: color-mix(in srgb, var(--danger) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
  color: var(--danger-metin);
}

.pk-detay .pk-popup__govde .pk-uyari[b-6n04yqmpzz] { margin-bottom: 0; }

/* ── Boş durum ───────────────────────────────────────────────────────────── */
.pk-detay .pk-bos[b-6n04yqmpzz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.pk-detay .pk-bos p[b-6n04yqmpzz] { margin: 0; line-height: 1.6; }

/* ── Popup'lar: kaydırılmış sayfada da görünür native dialog ──────────────── */
.pk-detay .pk-popup[b-6n04yqmpzz] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pk-detay .pk-popup--dar[b-6n04yqmpzz] { width: min(460px, calc(100vw - 48px)); }

.pk-detay .pk-popup[open][b-6n04yqmpzz] { display: flex; flex-direction: column; }
.pk-detay .pk-popup[b-6n04yqmpzz]::backdrop { background: var(--scrim); }

.pk-detay .pk-popup__bas[b-6n04yqmpzz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pk-detay .pk-popup__bas h2[b-6n04yqmpzz] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pk-detay .pk-popup__bas h2:focus[b-6n04yqmpzz] { outline: none; }

.pk-detay .pk-popup__kapat[b-6n04yqmpzz] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.pk-detay .pk-popup__govde[b-6n04yqmpzz] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pk-detay .pk-popup__metin[b-6n04yqmpzz] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.pk-detay .pk-popup__eylem[b-6n04yqmpzz] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Form alanları (popup içi) ────────────────────────────────────────────── */
.au-page.pk-detay[b-6n04yqmpzz]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.pk-detay[b-6n04yqmpzz]  .app-input {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.pk-detay[b-6n04yqmpzz]  .app-input:focus,
.au-page.pk-detay[b-6n04yqmpzz]  .app-input:focus-within,
.au-page.pk-detay[b-6n04yqmpzz]  .app-input:focus-visible {
  border-color: var(--marka-600);
  box-shadow: none;
}

.pk-detay .pk-metin-alani[b-6n04yqmpzz] {
  width: 100%;
  min-height: 78px;
  font-family: var(--font-body);
  line-height: 1.55;
  resize: vertical;
}

.au-page.pk-detay[b-6n04yqmpzz]  .tcg { gap: 8px; }

.au-page.pk-detay[b-6n04yqmpzz]  .tcg__card {
  min-height: 34px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: none;
}

.au-page.pk-detay[b-6n04yqmpzz]  .tcg__card:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.au-page.pk-detay[b-6n04yqmpzz]  .tcg__card.is-sel {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 9%, var(--yuzey));
  color: var(--marka-700);
}

.au-page.pk-detay[b-6n04yqmpzz]  .tcg__card:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.au-page.pk-detay[b-6n04yqmpzz]  .tcg__card-title { font-size: 13px; font-weight: 600; }
.au-page.pk-detay[b-6n04yqmpzz]  .tcg__card-desc { color: var(--n-500); font-size: 12px; line-height: 1.45; }
.au-page.pk-detay[b-6n04yqmpzz]  .tcg__card-mark { color: var(--marka-600); }

/* ── Bekleme göstergesi ───────────────────────────────────────────────────── */
.pk-detay .pk-spin[b-6n04yqmpzz] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid color-mix(in srgb, currentColor 35%, transparent);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: pk-detay-spin-b-6n04yqmpzz .7s linear infinite;
}

@keyframes pk-detay-spin-b-6n04yqmpzz {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .pk-detay .pk-spin[b-6n04yqmpzz] { animation: none; }
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, eylem grubu sağa yaslı ─────────── */
@media (min-width: 1540px) {
  .pk-detay .pk-kapak[b-6n04yqmpzz] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .pk-detay .pk-kapak__eylem[b-6n04yqmpzz] { justify-self: end; }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pk-detay .pk-kapak[b-6n04yqmpzz] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .pk-detay .pk-dugme[b-6n04yqmpzz],
  .pk-detay .pk-dugme--kucuk[b-6n04yqmpzz] { min-height: 44px; }
  .au-page.pk-detay[b-6n04yqmpzz]  .pk-geri { width: 44px; height: 44px; min-height: 44px; }
  .au-page.pk-detay[b-6n04yqmpzz]  .app-input { min-height: 44px; }
  .au-page.pk-detay[b-6n04yqmpzz]  .tcg__card { min-height: 44px; }

  /* Sekmeler tek yatay kaydırılabilir şerit; en az 44 px. */
  .pk-detay .pk-sekmeler[b-6n04yqmpzz] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .pk-detay .pk-sekme[b-6n04yqmpzz] { min-height: 44px; flex: 0 0 auto; }

  .pk-detay .pk-tablo-kap[b-6n04yqmpzz] { max-height: min(420px, 62dvh); }
  .pk-detay .pk-tablo thead th:first-child[b-6n04yqmpzz],
  .pk-detay .pk-tablo tbody td:first-child[b-6n04yqmpzz] {
    position: sticky;
    left: 0;
    z-index: 1;
  }
  .pk-detay .pk-tablo tbody td:first-child[b-6n04yqmpzz] { background: var(--yuzey); }
  .pk-detay .pk-tablo tbody tr:nth-child(even) td:first-child[b-6n04yqmpzz] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
  .pk-detay .pk-tablo thead th:first-child[b-6n04yqmpzz] { z-index: 3; background: var(--marka-500); }
}

@media (pointer: coarse) {
  .au-page.pk-detay[b-6n04yqmpzz]  .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pk-detay .pk-kapak[b-6n04yqmpzz] { padding: 12px; gap: 12px 8px; }
  .pk-detay .pk-baslik[b-6n04yqmpzz] { font-size: var(--yazi-kapak, 20px); }
  .pk-detay .pk-kapak__eylem .pk-dugme[b-6n04yqmpzz] { flex: 1 1 auto; }
  .pk-detay .pk-kart[b-6n04yqmpzz] { padding: 16px 12px; }
  .pk-detay .pk-bolum-baslik[b-6n04yqmpzz] { font-size: var(--yazi-bolum, 14px); }

  /* cihaz.css telefon bandında her <table>'ı display:block + overflow-x:auto yapar. */
  .pk-detay .pk-tablo-kap[b-6n04yqmpzz] { max-height: none; overflow: visible; border: 0; }
  .pk-detay .pk-tablo thead[b-6n04yqmpzz] { position: static; }
  .pk-detay .pk-tablo thead th[b-6n04yqmpzz],
  .pk-detay .pk-tablo tbody td[b-6n04yqmpzz] { padding-inline: 8px; }

  .pk-detay .pk-popup[b-6n04yqmpzz],
  .pk-detay .pk-popup--dar[b-6n04yqmpzz] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pk-detay .pk-popup__bas[b-6n04yqmpzz],
  .pk-detay .pk-popup__govde[b-6n04yqmpzz],
  .pk-detay .pk-popup__eylem[b-6n04yqmpzz] { padding: 12px; }
  .pk-detay .pk-popup__eylem .pk-dugme[b-6n04yqmpzz] { flex: 1 1 auto; }
  .pk-detay .pk-olgu > div[b-6n04yqmpzz] { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Publisher/Bundles/Paketlerim.razor.rz.scp.css */
/* Paketlerim — Akademik Analiz kapak, yüzey, tipografi ve tablo ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.

   Neden sayfaya özgü pk-* adları: admin-users.css ortak .au-head/.au-title/.au-btn
   kuralları eşit özgüllükte çakışırdı; pk-* adları hiçbir global kuralla karşılaşmaz.
   Ortak bileşen içi (AppSelect, GeriBaglanti) kurallar ::deep ile yazılır. */

/* Referans: sayfa içinde ikinci bir 1600 px daraltıcı ve ek dolgu yok —
   yan boşluğu .wrap verir (admin-users.css .au-page varsayılanı ezilir). */
.au-page.pk-liste[b-4nk0p6br0v] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ─────────────────── */
.pk-liste .pk-kapak[b-4nk0p6br0v] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pk-liste .pk-kapak__geri[b-4nk0p6br0v] { grid-area: geri; align-self: center; }
.pk-liste .pk-kapak__baslik[b-4nk0p6br0v] { grid-area: baslik; min-width: 0; }
.pk-liste .pk-suzgec[b-4nk0p6br0v] { grid-area: suzgec; }
.pk-liste .pk-kapak__eylem[b-4nk0p6br0v] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.pk-liste .pk-baslik[b-4nk0p6br0v] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pk-liste .pk-alt[b-4nk0p6br0v] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.pk-liste .pk-suzgec[b-4nk0p6br0v] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* AppSelect kök öğesi (.app-field) alt bileşende doğuyor → ::deep şart. */
.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec > .app-field { flex: 0 1 176px; max-width: 210px; min-width: 0; }
.pk-liste .pk-sifirla[b-4nk0p6br0v] { flex: 0 0 auto; }

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.pk-liste .pk-dugme[b-4nk0p6br0v] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.pk-liste .pk-dugme:hover:not(:disabled)[b-4nk0p6br0v] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.pk-liste .pk-dugme:disabled[b-4nk0p6br0v] { opacity: .5; cursor: default; }

.pk-liste .pk-dugme--ana[b-4nk0p6br0v] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.pk-liste .pk-dugme--ana:hover:not(:disabled)[b-4nk0p6br0v] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.pk-liste .pk-dugme--kucuk[b-4nk0p6br0v] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.pk-liste .pk-dugme:focus-visible[b-4nk0p6br0v] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* GeriBaglanti alt bileşende doğar → ::deep. Ad metnini admin-users.css'teki
   .au-breadcrumb--dugme kuralı görsel olarak gizler (erişilebilir ad kalır). */
.au-page.pk-liste[b-4nk0p6br0v]  .pk-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.pk-liste[b-4nk0p6br0v]  .pk-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Süzgeç alanları: AppField/AppSelect iç yapısı (::deep). */
.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-field { min-width: 0; }

.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-input:focus-within,
.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-input:focus-visible {
  border-color: var(--marka-600);
  box-shadow: none;
}

.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-select__caret { color: var(--marka-600); opacity: 1; }
.au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-select__value.is-empty { color: var(--metin-ipucu); }

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.pk-liste .pk-kart[b-4nk0p6br0v] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pk-liste .pk-kart[b-4nk0p6br0v]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pk-liste .pk-bolum-baslik[b-4nk0p6br0v] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pk-liste .pk-bolum-baslik[b-4nk0p6br0v]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pk-liste .pk-bolum-ipucu[b-4nk0p6br0v] {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.pk-liste .pk-sayac[b-4nk0p6br0v] {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

/* ── Tablo: kendi sınırlı alanında kayar, başlık üstte sabit ──────────────── */
.pk-liste .pk-tablo-kap[b-4nk0p6br0v] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.pk-liste .pk-tablo[b-4nk0p6br0v] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.pk-liste .pk-gizli[b-4nk0p6br0v] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.pk-liste .pk-tablo thead[b-4nk0p6br0v] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.pk-liste .pk-tablo thead th[b-4nk0p6br0v] {
  padding: 10px 13px;
  background: transparent;
  border-bottom: none;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.pk-liste .pk-tablo tbody td[b-4nk0p6br0v] {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}

.pk-liste .pk-tablo tbody tr:nth-child(even)[b-4nk0p6br0v] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pk-liste .pk-satir[b-4nk0p6br0v] { cursor: pointer; }

.pk-liste .pk-satir:hover[b-4nk0p6br0v] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.pk-liste .pk-satir:focus-visible[b-4nk0p6br0v] {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.pk-liste .pk-ad-hucre[b-4nk0p6br0v] { min-width: 200px; }

.pk-liste .pk-baglanti[b-4nk0p6br0v] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.pk-liste .pk-baglanti:hover[b-4nk0p6br0v] { text-decoration: underline; }
.pk-liste .pk-baglanti:focus-visible[b-4nk0p6br0v] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pk-liste .pk-desc[b-4nk0p6br0v] {
  display: block;
  max-width: 44ch;
  margin-top: 3px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pk-liste .pk-sayi[b-4nk0p6br0v] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pk-liste .pk-zaman[b-4nk0p6br0v] { color: var(--n-500); font-size: 12px; white-space: nowrap; }

/* ── Rozetler: onay durumu ve erişim ─────────────────────────────────────── */
.pk-liste .pk-rozet[b-4nk0p6br0v] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.pk-liste .pk-rozet--iyi[b-4nk0p6br0v] {
  border-color: color-mix(in srgb, var(--basari) 60%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--basari-metin);
}

.pk-liste .pk-rozet--bekliyor[b-4nk0p6br0v] {
  border-color: color-mix(in srgb, var(--analiz-dikkat-metin) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--analiz-dikkat-metin) 10%, var(--yuzey));
  color: var(--analiz-dikkat-metin);
}

.pk-liste .pk-rozet--ret[b-4nk0p6br0v],
.pk-liste .pk-rozet--kapali[b-4nk0p6br0v] {
  border-color: color-mix(in srgb, var(--danger) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-rozet-metin);
}

.pk-liste .pk-rozet--taslak[b-4nk0p6br0v] {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ── Boş durum + sayfalayıcı ─────────────────────────────────────────────── */
.pk-liste .pk-bos[b-4nk0p6br0v] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.pk-liste .pk-bos p[b-4nk0p6br0v] { margin: 0; line-height: 1.6; }

.pk-liste .pk-sayfalayici[b-4nk0p6br0v] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-top: 12px;
}

.pk-liste .pk-sayfa-bilgi[b-4nk0p6br0v] { color: var(--n-500); font-size: 12px; font-variant-numeric: tabular-nums; }

/* ── Özet popup'ı: kaydırılmış sayfada da görünür native dialog ───────────── */
.pk-liste .pk-popup[b-4nk0p6br0v] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pk-liste .pk-popup[open][b-4nk0p6br0v] { display: flex; flex-direction: column; }
.pk-liste .pk-popup[b-4nk0p6br0v]::backdrop { background: var(--scrim); }

.pk-liste .pk-popup__bas[b-4nk0p6br0v] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pk-liste .pk-popup__bas h2[b-4nk0p6br0v] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pk-liste .pk-popup__bas h2:focus[b-4nk0p6br0v] { outline: none; }

.pk-liste .pk-popup__kapat[b-4nk0p6br0v] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.pk-liste .pk-popup__govde[b-4nk0p6br0v] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pk-liste .pk-popup__aciklama[b-4nk0p6br0v] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.pk-liste .pk-olgu[b-4nk0p6br0v] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.pk-liste .pk-olgu > div[b-4nk0p6br0v] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.pk-liste .pk-olgu > div:nth-child(odd)[b-4nk0p6br0v] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pk-liste .pk-olgu dt[b-4nk0p6br0v] { color: var(--n-500); }

.pk-liste .pk-olgu dd[b-4nk0p6br0v] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.pk-liste .pk-popup__eylem[b-4nk0p6br0v] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, süzgeç + eylem sağa yaslı ──────────
   Eşik YENI-DIL §1.3 uyarınca 1101 DEĞİL. Alt kat §1.1 MASAÜSTÜ metnini birebir
   kullanır; üst kat (≥1540) pointer koşulu almaz (≥1280 dokunmatik de MASAÜSTÜ). */
@media (min-width: 1540px) {
  .pk-liste .pk-kapak[b-4nk0p6br0v] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `justify-self: end` süzgeci shrink-to-fit ölçtürüyordu: Chromium sarmalı flex kabın
     max-content'ini `.app-field`'ların `flex: 0 1 176px` tabanını saymadan hesaplayınca kap
     daralıyor, alanlar alt alta yığılıyordu. Kap izini doldurur, hizayı flex satırı verir. */
  .pk-liste .pk-suzgec[b-4nk0p6br0v] { justify-self: stretch; justify-content: flex-end; }
}

/* MASAÜSTÜ ∩ (<1540) — §1.1 MASAÜSTÜ metni, üst sınırla daraltılmış. */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .pk-liste .pk-kapak[b-4nk0p6br0v] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "suzgec suzgec eylem";
  }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pk-liste .pk-kapak[b-4nk0p6br0v] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .pk-liste .pk-dugme[b-4nk0p6br0v],
  .pk-liste .pk-dugme--kucuk[b-4nk0p6br0v] { min-height: 44px; }
  .au-page.pk-liste[b-4nk0p6br0v]  .pk-geri { width: 44px; height: 44px; min-height: 44px; }
  .au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-input { min-height: 44px; height: 44px; }

  /* Uzun tablo cihazda da kendi kabında kayar; ilk anlamlı sütun yapışık kalır. */
  .pk-liste .pk-tablo-kap[b-4nk0p6br0v] { max-height: min(420px, 62dvh); }
  .pk-liste .pk-tablo thead th:first-child[b-4nk0p6br0v],
  .pk-liste .pk-tablo tbody td:first-child[b-4nk0p6br0v] {
    position: sticky;
    left: 0;
    z-index: 1;
  }
  .pk-liste .pk-tablo tbody td:first-child[b-4nk0p6br0v] { background: var(--yuzey); }
  .pk-liste .pk-tablo tbody tr:nth-child(even) td:first-child[b-4nk0p6br0v] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
  .pk-liste .pk-tablo thead th:first-child[b-4nk0p6br0v] { z-index: 3; background: var(--marka-500); }
}

@media (pointer: coarse) {
  .au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pk-liste .pk-kapak[b-4nk0p6br0v] { padding: 12px; gap: 12px 8px; }
  .pk-liste .pk-baslik[b-4nk0p6br0v] { font-size: var(--yazi-kapak, 20px); }
  .pk-liste .pk-alt[b-4nk0p6br0v] { font-size: var(--yazi-kucuk, 12px); }
  .pk-liste .pk-suzgec[b-4nk0p6br0v] { flex-direction: column; align-items: stretch; gap: 10px; }
  .au-page.pk-liste[b-4nk0p6br0v]  .pk-suzgec > .app-field { flex: 1 1 auto; max-width: none; }
  .pk-liste .pk-kapak__eylem .pk-dugme[b-4nk0p6br0v] { flex: 1; }
  .pk-liste .pk-kart[b-4nk0p6br0v] { padding: 16px 12px; }
  .pk-liste .pk-bolum-baslik[b-4nk0p6br0v] { font-size: var(--yazi-bolum, 14px); }

  /* cihaz.css telefon bandında her <table>'ı display:block + overflow-x:auto yapar;
     ikinci bir kaydırma kabı iki kat kaydırma üretirdi → kap serbest bırakılır. */
  .pk-liste .pk-tablo-kap[b-4nk0p6br0v] { max-height: none; overflow: visible; border: 0; }
  .pk-liste .pk-tablo thead[b-4nk0p6br0v] { position: static; }
  .pk-liste .pk-tablo thead th[b-4nk0p6br0v],
  .pk-liste .pk-tablo tbody td[b-4nk0p6br0v] { padding-inline: 8px; }
  .pk-liste .pk-desc[b-4nk0p6br0v] { max-width: 28ch; }

  .pk-liste .pk-popup[b-4nk0p6br0v] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pk-liste .pk-popup__bas[b-4nk0p6br0v],
  .pk-liste .pk-popup__govde[b-4nk0p6br0v],
  .pk-liste .pk-popup__eylem[b-4nk0p6br0v] { padding: 12px; }
  .pk-liste .pk-popup__eylem .pk-dugme[b-4nk0p6br0v] { flex: 1 1 auto; }
  .pk-liste .pk-olgu > div[b-4nk0p6br0v] { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Publisher/Bundles/PaketOlustur.razor.rz.scp.css */
/* Yeni paket — Akademik Analiz kapak, yüzey, tipografi ve form ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.
   Sayfaya özgü pk-* adları global admin-users.css kurallarıyla karşılaşmaz;
   ortak bileşen içi (AppTextField / AppField / TypeCardGrid) kurallar ::deep ile. */

.au-page.pk-yeni[b-hrd8wxagob] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + alt metin + vazgeç tek beyaz yüzeyde ─────────────────── */
.pk-yeni .pk-kapak[b-hrd8wxagob] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pk-yeni .pk-kapak__geri[b-hrd8wxagob] { grid-area: geri; align-self: center; }
.pk-yeni .pk-kapak__baslik[b-hrd8wxagob] { grid-area: baslik; min-width: 0; }
.pk-yeni .pk-kapak__eylem[b-hrd8wxagob] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.pk-yeni .pk-baslik[b-hrd8wxagob] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pk-yeni .pk-alt[b-hrd8wxagob] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.pk-yeni .pk-alt b[b-hrd8wxagob] { color: var(--metin-ikincil); }

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.pk-yeni .pk-dugme[b-hrd8wxagob] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.pk-yeni .pk-dugme:hover:not(:disabled)[b-hrd8wxagob] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.pk-yeni .pk-dugme:disabled[b-hrd8wxagob] { opacity: .5; cursor: default; }

.pk-yeni .pk-dugme--ana[b-hrd8wxagob] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.pk-yeni .pk-dugme--ana:hover:not(:disabled)[b-hrd8wxagob] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.pk-yeni .pk-dugme:focus-visible[b-hrd8wxagob] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.au-page.pk-yeni[b-hrd8wxagob]  .pk-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.pk-yeni[b-hrd8wxagob]  .pk-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.pk-yeni .pk-kart[b-hrd8wxagob] {
  position: relative;
  min-width: 0;
  max-width: 820px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pk-yeni .pk-kart[b-hrd8wxagob]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pk-yeni .pk-bolum-baslik[b-hrd8wxagob] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pk-yeni .pk-bolum-baslik[b-hrd8wxagob]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pk-yeni .pk-bolum-ipucu[b-hrd8wxagob] {
  margin: 0 0 16px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Form ─────────────────────────────────────────────────────────────────── */
.pk-yeni .pk-form[b-hrd8wxagob] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pk-yeni .pk-form__eylem[b-hrd8wxagob] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
  padding-block-start: 16px;
  border-top: 1px solid var(--hat-kart);
}

.pk-yeni .pk-form__not[b-hrd8wxagob] {
  margin: 0;
  padding: 10px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.pk-yeni .pk-uyari[b-hrd8wxagob] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.pk-yeni .pk-uyari--hata[b-hrd8wxagob] {
  border-color: color-mix(in srgb, var(--danger) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
  color: var(--danger-metin);
}

/* Alan ölçüleri: 34 px kontrol, 3px/10px köşe, 13 px/500 girdi metni. */
.au-page.pk-yeni[b-hrd8wxagob]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.pk-yeni[b-hrd8wxagob]  .app-input {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.pk-yeni[b-hrd8wxagob]  .app-input:focus,
.au-page.pk-yeni[b-hrd8wxagob]  .app-input:focus-within,
.au-page.pk-yeni[b-hrd8wxagob]  .app-input:focus-visible {
  border-color: var(--marka-600);
  box-shadow: none;
}

.pk-yeni .pk-metin-alani[b-hrd8wxagob] {
  width: 100%;
  min-height: 78px;
  font-family: var(--font-body);
  line-height: 1.55;
  resize: vertical;
}

/* TypeCardGrid kartları: yeni dilin yüzey, köşe ve vurgu değerleri. */
.au-page.pk-yeni[b-hrd8wxagob]  .tcg { gap: 10px; }

.au-page.pk-yeni[b-hrd8wxagob]  .tcg__card {
  min-height: 34px;
  padding: 12px 14px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: none;
}

.au-page.pk-yeni[b-hrd8wxagob]  .tcg__card:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.au-page.pk-yeni[b-hrd8wxagob]  .tcg__card.is-sel {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 9%, var(--yuzey));
  color: var(--marka-700);
}

.au-page.pk-yeni[b-hrd8wxagob]  .tcg__card:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.au-page.pk-yeni[b-hrd8wxagob]  .tcg__card-title { font-size: 13px; font-weight: 600; }
.au-page.pk-yeni[b-hrd8wxagob]  .tcg__card-desc { color: var(--n-500); font-size: 12px; line-height: 1.45; }
.au-page.pk-yeni[b-hrd8wxagob]  .tcg__card-mark { color: var(--marka-600); }

/* ── Bekleme göstergesi ───────────────────────────────────────────────────── */
.pk-yeni .pk-spin[b-hrd8wxagob] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid color-mix(in srgb, var(--on-brand) 35%, transparent);
  border-top-color: var(--on-brand);
  border-radius: 50%;
  animation: pk-spin-b-hrd8wxagob .7s linear infinite;
}

@keyframes pk-spin-b-hrd8wxagob {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .pk-yeni .pk-spin[b-hrd8wxagob] { animation: none; }
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, eylem sağa yaslı ───────────────── */
@media (min-width: 1540px) {
  .pk-yeni .pk-kapak[b-hrd8wxagob] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pk-yeni .pk-kapak[b-hrd8wxagob] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .pk-yeni .pk-dugme[b-hrd8wxagob] { min-height: 44px; }
  .au-page.pk-yeni[b-hrd8wxagob]  .pk-geri { width: 44px; height: 44px; min-height: 44px; }
  .au-page.pk-yeni[b-hrd8wxagob]  .app-input { min-height: 44px; }
  .au-page.pk-yeni[b-hrd8wxagob]  .tcg__card { min-height: 44px; }
}

@media (pointer: coarse) {
  .au-page.pk-yeni[b-hrd8wxagob]  .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pk-yeni .pk-kapak[b-hrd8wxagob] { padding: 12px; gap: 12px 8px; }
  .pk-yeni .pk-baslik[b-hrd8wxagob] { font-size: var(--yazi-kapak, 20px); }
  .pk-yeni .pk-alt[b-hrd8wxagob] { font-size: var(--yazi-kucuk, 12px); }
  .pk-yeni .pk-kapak__eylem .pk-dugme[b-hrd8wxagob] { flex: 1; }
  .pk-yeni .pk-kart[b-hrd8wxagob] { padding: 16px 12px; }
  .pk-yeni .pk-bolum-baslik[b-hrd8wxagob] { font-size: var(--yazi-bolum, 14px); }
  .pk-yeni .pk-form__eylem .pk-dugme[b-hrd8wxagob] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Publisher/Degerlendirmeler.razor.rz.scp.css */
/* Değerlendirmeler — Akademik Analiz kapak/kart/tablo ölçüleri (2026-09-20 geçişi).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.dz-vitrin[b-0choglednk] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + dürüst rozet + paket seçici tek beyaz yüzeyde ── */
.dz-kapak[b-0choglednk] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.dz-kapak__baslik[b-0choglednk] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.dz-kapak .au-title[b-0choglednk] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}
.dz-kapak__alt[b-0choglednk] {
  margin: 4px 0 0;
  max-width: 64ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}
.dz-kapak__suzgec[b-0choglednk] { flex: 0 1 260px; min-width: 0; }
.dz-kapak__suzgec[b-0choglednk]  .app-field { min-width: 0; }

/* Bu sayfa SALT GÖRÜNÜMDÜR: kendi markup'ında tek bir `au-btn` yok (geri bağlantısı
   `au-breadcrumb`, "Tekrar dene" DataStates'in `ds-action`'ı, sayfalama AppDataGrid'in
   `grid-pager__btn`'i — üçü de alt bileşen, kapsam niteleyicisi almaz). Kardeş yayıncı
   ekranlarından kopyalanan `.dz-vitrin .au-btn` taban bloğu bu yüzden hiçbir öğeyle
   eşleşmiyordu; kaldırıldı. Sayfaya gerçekten bir düğme eklenirse taban yeniden yazılır. */

/* ── Bölüm kartı ── */
.dz-kart[b-0choglednk] {
  position: relative;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: hidden;
}
.dz-kart:last-child[b-0choglednk] { margin-bottom: 0; }
.dz-kart[b-0choglednk]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.dz-kart__baslik[b-0choglednk] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
}
.dz-kart__baslik[b-0choglednk]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.dz-ipucu[b-0choglednk] { margin: 0 0 12px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.dz-dist-yok[b-0choglednk] { margin: 0; align-self: center; }
.dz-bos[b-0choglednk] { margin: 0; padding: 24px 4px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Özet: ortalama + dağılım ── */
.dz-ozet__izgara[b-0choglednk] {
  display: grid;
  grid-template-columns: minmax(150px, 200px) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding-top: 4px;
}
.dz-avg[b-0choglednk] { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.dz-avg__num[b-0choglednk] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}
.dz-count[b-0choglednk] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.4; }

.dz-stars[b-0choglednk] { display: inline-flex; gap: 2px; font-size: 16px; }
.dz-stars--sm[b-0choglednk] { font-size: 13px; }
.dz-star[b-0choglednk] { color: var(--hat-girdi); }
.dz-star.is-on[b-0choglednk] { color: var(--amber-500); }

.dz-dist[b-0choglednk] { display: flex; flex-direction: column; gap: 6px; }
.dz-bar-row[b-0choglednk] { display: grid; grid-template-columns: 34px minmax(0, 1fr) 32px; align-items: center; gap: 10px; }
.dz-bar-label[b-0choglednk] { color: var(--metin-ikincil); font-size: 12px; white-space: nowrap; }
.dz-bar-track[b-0choglednk] {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  overflow: hidden;
}
.dz-bar-fill[b-0choglednk] { display: block; height: 100%; border-radius: 999px; background: var(--marka-rampa-serit); min-width: 0; }
.dz-bar-count[b-0choglednk] { color: var(--metin-ipucu); font-size: 12px; text-align: end; font-variant-numeric: tabular-nums; }

/* ── Yorum tablosu (AppDataGrid çocuk bileşeni) ── */
.dz-kullanici[b-0choglednk] { unicode-bidi: isolate; white-space: nowrap; }
.dz-yorum[b-0choglednk] { display: inline-block; max-width: 48ch; overflow-wrap: anywhere; }
.dz-tarih[b-0choglednk] { color: var(--metin-ikincil); font-variant-numeric: tabular-nums; }
.dz-duzenlendi[b-0choglednk] {
  display: inline-block;
  margin-inline-start: 6px;
  padding: 1px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11px;
}

.dz-liste[b-0choglednk]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.dz-liste[b-0choglednk]  .grid-table { background: var(--yuzey); font-size: 13px; color: var(--metin-murekkep); }
.dz-liste[b-0choglednk]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}
.dz-liste[b-0choglednk]  .grid-table thead th {
  background: transparent;
  color: var(--on-brand);
  padding: 10px 13px;
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
}
.dz-liste[b-0choglednk]  .grid-table thead .grid-sort { color: var(--on-brand); }
.dz-liste[b-0choglednk]  .grid-table tbody td {
  padding: 10px 13px;
  border-top: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
}
.dz-liste[b-0choglednk]  .grid-table tbody tr:nth-child(even) td { background: var(--anv-cift-satir, #f7fafe); }
.dz-kart[b-0choglednk]  .ds-panel { border-radius: var(--kose-dugme); border-color: var(--hat-kart); }

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dz-kapak[b-0choglednk] { padding: 16px; }
  .dz-liste[b-0choglednk]  .grid-scroll { max-height: min(460px, 60dvh); }
}

/* TELEFON */
@media (max-width: 640px) {
  .dz-kapak[b-0choglednk] { flex-direction: column; align-items: stretch; padding: 12px; }
  .dz-kapak .au-title[b-0choglednk] { font-size: var(--yazi-kapak, 20px); }
  .dz-kapak__alt[b-0choglednk] { font-size: var(--yazi-kucuk, 12px); }
  .dz-kapak__suzgec[b-0choglednk] { flex: 1 1 auto; width: 100%; }
  .dz-vitrin[b-0choglednk]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .dz-kart[b-0choglednk] { padding: 16px 12px; }
  .dz-kart__baslik[b-0choglednk] { font-size: var(--yazi-bolum, 14px); }
  .dz-ozet__izgara[b-0choglednk] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .dz-avg__num[b-0choglednk] { font-size: var(--yazi-kpi, 20px); }
  .dz-yorum[b-0choglednk] { max-width: 24ch; }
  .dz-liste[b-0choglednk]  .grid-table { font-size: var(--yazi-govde, 13px); }
  .dz-liste[b-0choglednk]  .grid-table :is(th, td):first-child {
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--yuzey);
  }
  .dz-liste[b-0choglednk]  .grid-table thead th:first-child { z-index: 3; background: var(--marka-500); }
  .dz-liste[b-0choglednk]  .grid-table tbody tr:nth-child(even) td:first-child { background: var(--anv-cift-satir, #f7fafe); }
}
/* _content/EduLive.Web/Components/Pages/Publisher/Lisanslar.razor.rz.scp.css */
/* Lisanslar — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Sayfaya kapsanmış (scoped) CSS: wwwroot/css/*.css DEĞİŞTİRİLMEDİ, yeni hex yok,
   !important yok, sahte spacer yok. Yalnız mevcut tokenlar.

   ÖZGÜLLÜK NOTU: kapsanmış CSS App.razor'da cihaz.css'ten ÖNCE yüklenir; cihaz
   bantlarında cihaz.css'i yenmek gerektiğinde seçici `body.edulive-cihaz` ile başlar. */

.au-page.lisanslar-vitrin[b-js2vgzs42w] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + süzgeç tek beyaz yüzeyde ──────────────────────── */
.lz-kapak[b-js2vgzs42w] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.lz-kapak[b-js2vgzs42w]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Geri düğmesinde yalnız kama görünür; metin ekran okuyucuda kalır. */
.lz-kapak[b-js2vgzs42w]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.lz-kapak[b-js2vgzs42w]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.lz-baslik[b-js2vgzs42w] {
  grid-area: baslik;
  min-width: 0;
}

.lz-baslik .au-title[b-js2vgzs42w] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.lz-ozet[b-js2vgzs42w] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.lz-eylemler[b-js2vgzs42w] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────────── */
.lisanslar-vitrin .au-btn[b-js2vgzs42w] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.lisanslar-vitrin .au-btn:hover:not(:disabled)[b-js2vgzs42w] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.lisanslar-vitrin .au-btn--primary[b-js2vgzs42w] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.lisanslar-vitrin .au-btn--primary:hover:not(:disabled)[b-js2vgzs42w] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.lisanslar-vitrin .au-btn--sm[b-js2vgzs42w] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.lisanslar-vitrin .au-btn:disabled[b-js2vgzs42w] {
  opacity: .5;
  cursor: not-allowed;
}

.lisanslar-vitrin .au-btn:focus-visible[b-js2vgzs42w] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* Açık/kapalı süzgeç düğmesi tek dolu vurgu (aria-pressed ile eşleşir). */
.lz-etkin.is-secili[b-js2vgzs42w] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.lz-bant[b-js2vgzs42w] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px iç boşluk, 4 px aralık ── */
.lz-tabs[b-js2vgzs42w] {
  display: flex;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.lz-tabs[b-js2vgzs42w]::-webkit-scrollbar {
  display: none;
}

.lz-tab[b-js2vgzs42w] {
  appearance: none;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Vurgu KPI paletinden: iki bölüm → lacivert ve petrol (yeni palet üretilmez). */
.lz-tab:nth-child(1):hover[b-js2vgzs42w] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.lz-tab:nth-child(2):hover[b-js2vgzs42w] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.lz-tab:nth-child(1).is-active[b-js2vgzs42w],
.lz-tab:nth-child(1).is-active:hover[b-js2vgzs42w] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.lz-tab:nth-child(2).is-active[b-js2vgzs42w],
.lz-tab:nth-child(2).is-active:hover[b-js2vgzs42w] {
  background: var(--marka-rampa-uc);
  color: var(--on-brand);
}

.lz-tab:nth-child(1):focus-visible[b-js2vgzs42w] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.lz-tab:nth-child(2):focus-visible[b-js2vgzs42w] {
  outline: 2px solid var(--marka-rampa-uc);
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.lz-bolum[b-js2vgzs42w] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.lz-bolum:focus-visible[b-js2vgzs42w] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.lz-bolum[b-js2vgzs42w]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.lz-bolum-baslik[b-js2vgzs42w] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.lz-bolum-baslik[b-js2vgzs42w]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.lz-not[b-js2vgzs42w] {
  margin: 0 0 12px;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.lz-mini[b-js2vgzs42w] {
  font-size: 11.5px;
}

/* Lisans rozetleri — kopyalanabilir vurgulu, salt okunur nötr. */
.lz-lic[b-js2vgzs42w] {
  display: inline-block;
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
}

.lz-lic.is-clone[b-js2vgzs42w] {
  border-color: var(--marka-rampa-uc);
  color: var(--marka-rampa-uc);
}

.lz-lic.is-ro[b-js2vgzs42w] {
  color: var(--metin-ipucu);
}

.lz-satir-eylem[b-js2vgzs42w] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
}

.lz-ack[b-js2vgzs42w] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.lz-ack input[b-js2vgzs42w] {
  margin-top: 2px;
  min-width: 18px;
  min-height: 18px;
}

/* Boş durum: anlamlı metin (sahte örnek satır YOK). */
.lz-bos[b-js2vgzs42w] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.lz-bos p[b-js2vgzs42w] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

/* ── Tablo: mavi–petrol başlık geçişi, yapışık başlık, sınırlı kaydırma ───── */
.lz-tablo[b-js2vgzs42w]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
  box-shadow: none;
}

.lz-tablo[b-js2vgzs42w]  .grid-table {
  min-width: 820px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

/* Geçiş thead boyunca TEK parça çizilir; hücre arka planları şeffaftır. */
.lz-tablo[b-js2vgzs42w]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.lz-tablo[b-js2vgzs42w]  .grid-table thead th {
  background: transparent;
  border: 0;
}

.lz-tablo[b-js2vgzs42w]  .grid-th-label {
  display: block;
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.lz-tablo[b-js2vgzs42w]  .grid-table tbody td {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--hat-kart);
  vertical-align: middle;
}

.lz-tablo[b-js2vgzs42w]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.lz-tablo[b-js2vgzs42w]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* İlk anlamlı sütun (paket) yatay kaydırmada yapışık kalır; opak zemin şart.
   Başlık zemini rampanın o sütuna denk gelen tonundan türetilir. */
.lz-tablo[b-js2vgzs42w]  .grid-table thead th:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--marka-500);
}

.lz-tablo[b-js2vgzs42w]  .grid-table tbody td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--yuzey);
  border-right: 1px solid var(--hat-kart);
}

.lz-tablo[b-js2vgzs42w]  .grid-table tbody tr:nth-child(even) td:nth-child(1) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.lz-tablo[b-js2vgzs42w]  .grid-table tbody tr:hover td:nth-child(1) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Son sütun (işlemler) içeriğine göre daralır. */
.lz-tablo[b-js2vgzs42w]  .grid-table :is(th, td):last-child {
  width: 1%;
  white-space: nowrap;
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.lz-tablo[b-js2vgzs42w]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.lz-tablo[b-js2vgzs42w]  .grid-pager {
  margin-top: 14px;
}

.lz-tablo[b-js2vgzs42w]  .grid-pager__info {
  color: var(--n-500);
  font-size: 12.5px;
}

.lz-tablo[b-js2vgzs42w]  .grid-pager__btn {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  box-shadow: none;
}

.lz-tablo[b-js2vgzs42w]  :is(.grid-pager__btn, .grid-sort):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Detay popup: native top layer; başlık ve eylemler sabit ──────────────── */
.lz-popup[b-js2vgzs42w] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.lz-popup[open][b-js2vgzs42w] {
  display: flex;
  flex-direction: column;
}

.lz-popup[b-js2vgzs42w]::backdrop {
  background: var(--scrim);
}

.lz-popup-bas[b-js2vgzs42w] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.lz-popup-bas h2[b-js2vgzs42w] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.lz-popup-bas h2:focus[b-js2vgzs42w] {
  outline: none;
}

.lisanslar-vitrin .lz-popup-kapat[b-js2vgzs42w] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.lz-popup-govde[b-js2vgzs42w] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.lz-olgular[b-js2vgzs42w] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.lz-olgular > div[b-js2vgzs42w] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.lz-olgular > div:nth-child(odd)[b-js2vgzs42w] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.lz-olgular dt[b-js2vgzs42w] {
  color: var(--n-500);
}

.lz-olgular dd[b-js2vgzs42w] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.lz-popup-eylem[b-js2vgzs42w] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .lz-kapak[b-js2vgzs42w] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri  baslik"
      "eylem eylem";
    padding: 16px;
  }

  .lz-kapak[b-js2vgzs42w]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .lz-eylemler[b-js2vgzs42w] {
    justify-self: stretch;
  }

  .lisanslar-vitrin :is(.au-btn, .au-btn--sm)[b-js2vgzs42w] {
    min-height: 44px;
  }

  .lz-tab[b-js2vgzs42w] {
    min-height: 44px;
  }

  .lz-tablo[b-js2vgzs42w]  .grid-pager__btn {
    width: 44px;
    height: 44px;
  }

  /* Uzun tablo kendi kabında yatay kayar; ilk anlamlı sütun yapışık kalır.
     cihaz.css'in genel `table { display:block; overflow-x:auto }` siperi burada
     zararlıdır: yapışık başlığı ve sütunu ikinci bir kaydırıcıya bağlar. */
  body.edulive-cihaz .lz-tablo[b-js2vgzs42w]  .grid-table {
    display: table;
    overflow: visible;
    max-width: none;
    min-width: 760px;
  }

  body.edulive-cihaz .lz-tablo[b-js2vgzs42w]  .grid-table tbody tr {
    display: table-row;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  body.edulive-cihaz .lz-tablo[b-js2vgzs42w]  .grid-table tbody td {
    display: table-cell;
  }

  body.edulive-cihaz .lz-tablo[b-js2vgzs42w]  .grid-table tbody td::before {
    content: none;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .lz-kapak[b-js2vgzs42w] {
    padding: 12px;
    row-gap: 12px;
  }

  .lz-baslik .au-title[b-js2vgzs42w] {
    font-size: var(--yazi-kapak, 20px);
  }

  .lz-ozet[b-js2vgzs42w] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .lz-eylemler .au-btn[b-js2vgzs42w] {
    flex: 1 0 auto;
    justify-content: center;
  }

  .lz-bolum[b-js2vgzs42w] {
    padding: 16px 12px;
  }

  .lz-bolum-baslik[b-js2vgzs42w] {
    font-size: var(--yazi-bolum, 14px);
  }

  .lz-not[b-js2vgzs42w] {
    font-size: var(--yazi-kucuk, 12px);
  }

  body.edulive-cihaz .lz-tablo[b-js2vgzs42w]  .grid-table {
    min-width: 700px;
  }

  .lz-tablo[b-js2vgzs42w]  .grid-table :is(th, td) {
    padding: 10px;
  }

  .lz-popup[b-js2vgzs42w] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .lz-popup-bas[b-js2vgzs42w],
  .lz-popup-govde[b-js2vgzs42w],
  .lz-popup-eylem[b-js2vgzs42w] {
    padding: 12px;
  }

  .lz-popup-eylem .au-btn[b-js2vgzs42w] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .lz-olgular > div[b-js2vgzs42w] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Publisher/SatinAlimlarim.razor.rz.scp.css */
/* Satın alımlarım — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Sayfaya kapsanmış (scoped) CSS: wwwroot/css/*.css DEĞİŞTİRİLMEDİ, yeni hex yok,
   !important yok, sahte spacer yok. Yalnız mevcut tokenlar.

   ÖZGÜLLÜK NOTU: kapsanmış CSS App.razor'da cihaz.css'ten ÖNCE yüklenir; cihaz
   bantlarında cihaz.css'i yenmek gerektiğinde seçici `body.edulive-cihaz` ile başlar. */

.au-page.satinalim-vitrin[b-gsk46uqj45] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + özet + ana eylem tek beyaz yüzeyde ─────────────── */
.sa-kapak[b-gsk46uqj45] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sa-kapak[b-gsk46uqj45]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Geri düğmesinde yalnız kama görünür; metin ekran okuyucuda kalır. */
.sa-kapak[b-gsk46uqj45]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.sa-kapak[b-gsk46uqj45]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sa-baslik[b-gsk46uqj45] {
  grid-area: baslik;
  min-width: 0;
}

.sa-baslik .au-title[b-gsk46uqj45] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.sa-ozet[b-gsk46uqj45] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.sa-eylemler[b-gsk46uqj45] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────────── */
.satinalim-vitrin .au-btn[b-gsk46uqj45] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.satinalim-vitrin .au-btn:hover:not(:disabled)[b-gsk46uqj45] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.satinalim-vitrin .au-btn--primary[b-gsk46uqj45] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.satinalim-vitrin .au-btn--primary:hover:not(:disabled)[b-gsk46uqj45] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.satinalim-vitrin .au-btn--sm[b-gsk46uqj45] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.satinalim-vitrin .au-btn:disabled[b-gsk46uqj45] {
  opacity: .5;
  cursor: not-allowed;
}

.satinalim-vitrin .au-btn:focus-visible[b-gsk46uqj45] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px iç boşluk, 4 px aralık ── */
.sa-tabs[b-gsk46uqj45] {
  display: flex;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.sa-tabs[b-gsk46uqj45]::-webkit-scrollbar {
  display: none;
}

.sa-tab[b-gsk46uqj45] {
  appearance: none;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Vurgu KPI paletinden: iki bölüm → lacivert ve petrol (yeni palet üretilmez). */
.sa-tab:nth-child(1):hover[b-gsk46uqj45] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.sa-tab:nth-child(2):hover[b-gsk46uqj45] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.sa-tab:nth-child(1).is-sel[b-gsk46uqj45],
.sa-tab:nth-child(1).is-sel:hover[b-gsk46uqj45] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.sa-tab:nth-child(2).is-sel[b-gsk46uqj45],
.sa-tab:nth-child(2).is-sel:hover[b-gsk46uqj45] {
  background: var(--marka-rampa-uc);
  color: var(--on-brand);
}

.sa-tab:nth-child(1):focus-visible[b-gsk46uqj45] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sa-tab:nth-child(2):focus-visible[b-gsk46uqj45] {
  outline: 2px solid var(--marka-rampa-uc);
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.sa-bolum[b-gsk46uqj45] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sa-bolum:focus-visible[b-gsk46uqj45] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sa-bolum[b-gsk46uqj45]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sa-bolum-baslik[b-gsk46uqj45] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.sa-bolum-baslik[b-gsk46uqj45]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sa-not[b-gsk46uqj45] {
  margin: 0 0 12px;
  max-width: 78ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.sa-bolum[b-gsk46uqj45]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.sa-bolum[b-gsk46uqj45]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.sa-bolum[b-gsk46uqj45]  .ds-desc { font-size: 13px; color: var(--n-500); }

.sa-bolum[b-gsk46uqj45]  .cpg {
  margin-top: 14px;
}

.sa-bolum[b-gsk46uqj45]  .cpg__info {
  color: var(--n-500);
  font-size: 12.5px;
}

/* Sayfalayıcı ayrı bileşende: kapsam özniteliği düşmez, ::deep ile hizalanır. */
.sa-bolum[b-gsk46uqj45]  .cpg .au-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sa-bolum[b-gsk46uqj45]  .cpg .au-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Tablo: mavi–petrol başlık geçişi, yapışık başlık, sınırlı kaydırma ───── */
.sa-tablo-kaydir[b-gsk46uqj45] {
  max-width: 100%;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.sa-tablo[b-gsk46uqj45] {
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
  font: 400 13px var(--font-body);
}

/* Geçiş thead boyunca TEK parça çizilir; hücre arka planları şeffaftır. */
.sa-tablo thead[b-gsk46uqj45] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.sa-tablo th[b-gsk46uqj45] {
  padding: 10px 13px;
  text-align: start;
  background: transparent;
  border: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sa-tablo td[b-gsk46uqj45] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.sa-tablo tbody tr:nth-child(even) td[b-gsk46uqj45] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sa-tablo tbody tr:hover td[b-gsk46uqj45] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* İlk anlamlı sütun (paket adı) yatay kaydırmada yapışık kalır; opak zemin şart.
   Başlık zemini rampanın o sütuna denk gelen tonundan türetilir. */
.sa-tablo thead th:nth-child(1)[b-gsk46uqj45] {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--marka-500);
}

.sa-tablo tbody td:nth-child(1)[b-gsk46uqj45] {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--yuzey);
  border-right: 1px solid var(--hat-kart);
}

.sa-tablo tbody tr:nth-child(even) td:nth-child(1)[b-gsk46uqj45] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sa-tablo tbody tr:hover td:nth-child(1)[b-gsk46uqj45] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sa-ad[b-gsk46uqj45] {
  max-width: 34ch;
  overflow-wrap: anywhere;
}

.sa-soluk[b-gsk46uqj45] {
  color: var(--n-500);
  white-space: nowrap;
}

.sa-bedel[b-gsk46uqj45] {
  color: var(--marka-700);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Boş durum: anlamlı metin + birincil eylem (sahte örnek satır YOK). */
.sa-bos[b-gsk46uqj45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.sa-bos p[b-gsk46uqj45] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sa-kapak[b-gsk46uqj45] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri  baslik"
      "eylem eylem";
    padding: 16px;
  }

  .sa-kapak[b-gsk46uqj45]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .sa-eylemler[b-gsk46uqj45] {
    justify-self: stretch;
  }

  .satinalim-vitrin :is(.au-btn, .au-btn--sm)[b-gsk46uqj45] {
    min-height: 44px;
  }

  .sa-tab[b-gsk46uqj45] {
    min-height: 44px;
  }

  /* Uzun tablo kendi kabında yatay kayar; ilk anlamlı sütun yapışık kalır.
     cihaz.css'in genel `table { display:block; overflow-x:auto }` siperi burada
     zararlıdır: yapışık başlığı ve sütunu ikinci bir kaydırıcıya bağlar. */
  body.edulive-cihaz .sa-tablo[b-gsk46uqj45] {
    display: table;
    overflow: visible;
    max-width: none;
    min-width: 700px;
  }

  body.edulive-cihaz .sa-tablo tbody tr[b-gsk46uqj45] {
    display: table-row;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  body.edulive-cihaz .sa-tablo tbody td[b-gsk46uqj45] {
    display: table-cell;
  }

  body.edulive-cihaz .sa-tablo tbody td[b-gsk46uqj45]::before {
    content: none;
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .sa-kapak[b-gsk46uqj45] {
    padding: 12px;
    row-gap: 12px;
  }

  .sa-baslik .au-title[b-gsk46uqj45] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sa-ozet[b-gsk46uqj45] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .sa-eylemler .au-btn[b-gsk46uqj45] {
    flex: 1 0 auto;
    justify-content: center;
  }

  .sa-bolum[b-gsk46uqj45] {
    padding: 16px 12px;
  }

  .sa-bolum-baslik[b-gsk46uqj45] {
    font-size: var(--yazi-bolum, 14px);
  }

  .sa-not[b-gsk46uqj45] {
    font-size: var(--yazi-kucuk, 12px);
  }

  body.edulive-cihaz .sa-tablo[b-gsk46uqj45] {
    min-width: 640px;
  }

  .sa-tablo :is(th, td)[b-gsk46uqj45] {
    padding: 10px;
  }

  .sa-ad[b-gsk46uqj45] {
    max-width: 22ch;
  }

  .sa-bos .au-btn[b-gsk46uqj45] {
    width: 100%;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Publisher/SyndicationGrantlari.razor.rz.scp.css */
/* Grant'lar — Akademik Analiz kapak/sekme/kart/tablo ölçüleri (2026-09-20 geçişi).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.gz-vitrin[b-0fz912rm1n] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + durum süzgeci + ana eylem tek beyaz yüzeyde ── */
.gz-kapak[b-0fz912rm1n] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.gz-kapak__baslik[b-0fz912rm1n] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.gz-kapak .au-title[b-0fz912rm1n] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}
.gz-kapak__alt[b-0fz912rm1n] {
  margin: 4px 0 0;
  max-width: 62ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}
/* Kap üst flex satırında shrink-to-fit ölçülünce çocuğun 176px flex tabanı sayılmıyor,
   süzgeç ile birincil düğme alt alta yığılıyordu; kalan alan doldurulur, sağa yaslama iç satırda yapılır. */
.gz-kapak__sag[b-0fz912rm1n] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; flex: 1 1 auto; justify-content: flex-end; }
.gz-kapak__suzgec[b-0fz912rm1n] { flex: 0 1 176px; max-width: 210px; min-width: 0; }

/* ── Düğme tabanı ── */
.gz-vitrin .au-btn[b-0fz912rm1n] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.gz-vitrin .au-btn:hover[b-0fz912rm1n] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.gz-vitrin .au-btn--primary[b-0fz912rm1n] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.gz-vitrin .au-btn--primary:hover[b-0fz912rm1n] { background: var(--marka-500); border-color: var(--marka-500); }
/* Yıkıcı eylem kapak dilinde de kırmızı kalmalı — taban override'ı bunu ezmesin. */
.gz-vitrin .au-btn--danger[b-0fz912rm1n] {
  background: color-mix(in srgb, var(--danger) 10%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 30%, transparent);
  color: var(--danger-metin);
}
.gz-vitrin .au-btn--danger:hover[b-0fz912rm1n] {
  background: color-mix(in srgb, var(--danger) 18%, var(--yuzey));
  border-color: color-mix(in srgb, var(--danger) 45%, transparent);
}
/* İkincil satır eylemi: yıkıcı değil ama varsayılandan ayrışsın. */
.gz-vitrin .gz-ikincil[b-0fz912rm1n] {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  border-color: color-mix(in srgb, var(--marka-500) 26%, transparent);
}
.gz-vitrin .gz-ikincil:hover[b-0fz912rm1n] { background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey)); }
.gz-vitrin .au-btn--sm[b-0fz912rm1n] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.gz-vitrin .au-btn:focus-visible[b-0fz912rm1n] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.gz-vitrin .au-btn[disabled][b-0fz912rm1n] { opacity: .55; cursor: not-allowed; }
.gz-ana-eylem[b-0fz912rm1n] { align-self: flex-end; }
.gz-banner[b-0fz912rm1n] { margin-bottom: 16px; }

/* ── Bölüm sekmeleri ── */
.gz-sekmeler[b-0fz912rm1n] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}
.gz-sekme[b-0fz912rm1n] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}
.gz-sekme:hover[b-0fz912rm1n] { background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey)); color: var(--marka-700); }
.gz-sekme.is-sec[b-0fz912rm1n], .gz-sekme.is-sec:hover[b-0fz912rm1n] { background: var(--marka-600); color: var(--on-brand); }
.gz-sekme:focus-visible[b-0fz912rm1n] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.gz-kart[b-0fz912rm1n] {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: hidden;
}
.gz-kart:focus-visible[b-0fz912rm1n] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.gz-kart[b-0fz912rm1n]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.gz-kart__baslik[b-0fz912rm1n] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.gz-kart__baslik[b-0fz912rm1n]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.gz-ipucu[b-0fz912rm1n] { margin: 0 0 12px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.gz-soluk[b-0fz912rm1n] { color: var(--metin-ipucu); font-size: 12px; }
.gz-tarih[b-0fz912rm1n] { color: var(--metin-ikincil); font-variant-numeric: tabular-nums; white-space: nowrap; }
.gz-kimlik[b-0fz912rm1n] { color: var(--metin-ikincil); font-size: 12px; unicode-bidi: isolate; }
.gz-neden[b-0fz912rm1n] { display: block; margin-top: 3px; color: var(--metin-ipucu); font-size: 11.5px; }
.gz-actions[b-0fz912rm1n] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

/* Lisans rozeti — mevcut marka/turkuaz tonlarından, yeni palet yok. */
.gz-lisans[b-0fz912rm1n] {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
.gz-lisans.is-clone[b-0fz912rm1n] {
  background: color-mix(in srgb, var(--turkuaz-500) 18%, var(--yuzey));
  color: var(--marka-700);
}
.gz-lisans.is-ro[b-0fz912rm1n] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* ── Liste tablosu (AppDataGrid çocuk bileşeni) ── */
.gz-grid[b-0fz912rm1n]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.gz-grid[b-0fz912rm1n]  .grid-table { background: var(--yuzey); font-size: 13px; color: var(--metin-murekkep); }
.gz-grid[b-0fz912rm1n]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}
.gz-grid[b-0fz912rm1n]  .grid-table thead th {
  background: transparent;
  color: var(--on-brand);
  padding: 10px 13px;
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.gz-grid[b-0fz912rm1n]  .grid-table thead .grid-sort { color: var(--on-brand); }
.gz-grid[b-0fz912rm1n]  .grid-table tbody td {
  padding: 10px 13px;
  border-top: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
  vertical-align: top;
}
.gz-grid[b-0fz912rm1n]  .grid-table tbody tr:nth-child(even) td { background: var(--anv-cift-satir, #f7fafe); }
.gz-kart[b-0fz912rm1n]  .ds-panel { border-radius: var(--kose-dugme); border-color: var(--hat-kart); }

/* ── Native popup: kaydırılmış sayfada da görünür ──
   Arka plan kaydırma kilidi SyndicationGrantlari.razor.js içindedir; scoped CSS `html`/`body`
   seçicilerini kapsam niteleyicisiyle yazdığı için buradan uygulanamaz. */
.gz-popup[b-0fz912rm1n] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.gz-popup--dar[b-0fz912rm1n] { width: min(480px, calc(100vw - 48px)); }
.gz-popup[open][b-0fz912rm1n] { display: flex; flex-direction: column; }
.gz-popup[b-0fz912rm1n]::backdrop { background: var(--scrim); }
.gz-popup__bas[b-0fz912rm1n] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.gz-popup__bas h2[b-0fz912rm1n] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.gz-popup__bas h2:focus[b-0fz912rm1n] { outline: none; }
.gz-vitrin .gz-popup__kapat[b-0fz912rm1n] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}
.gz-popup__govde[b-0fz912rm1n] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.gz-popup__eylem[b-0fz912rm1n] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.gz-popup .au-banner[b-0fz912rm1n] { margin-bottom: 14px; }

.gz-field[b-0fz912rm1n] { margin-bottom: 14px; }
.gz-field:last-child[b-0fz912rm1n] { margin-bottom: 0; }
.gz-field--half[b-0fz912rm1n] { max-width: 260px; }
.gz-label[b-0fz912rm1n] {
  display: block;
  margin-bottom: 6px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.gz-hint[b-0fz912rm1n] { margin: 6px 0 0; }
.gz-inline-warn[b-0fz912rm1n] { margin-top: 10px; }
/* Onay penceresi içi doğrulama hatası — sayfa bandı scrim'in arkasında kaldığı için buraya yazılır. */
.gz-popup-hata[b-0fz912rm1n] {
  margin: 10px 0 0;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.gz-olgu[b-0fz912rm1n] { display: flex; flex-direction: column; gap: 2px; margin: 0 0 14px; }
.gz-olgu > div[b-0fz912rm1n] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1.6fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.gz-olgu > div:nth-child(odd)[b-0fz912rm1n] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.gz-olgu dt[b-0fz912rm1n] { color: var(--n-500); }
.gz-olgu dd[b-0fz912rm1n] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.gz-spin[b-0fz912rm1n] {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 2px solid color-mix(in srgb, var(--on-brand) 45%, transparent);
  border-top-color: var(--on-brand);
  border-radius: 50%;
  animation: gz-don-b-0fz912rm1n .7s linear infinite;
}
@keyframes gz-don-b-0fz912rm1n { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .gz-spin[b-0fz912rm1n] { animation: none; }
}

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gz-kapak[b-0fz912rm1n] { padding: 16px; }
  .gz-vitrin .au-btn[b-0fz912rm1n] { min-height: 44px; }
  .gz-vitrin .au-btn--sm[b-0fz912rm1n] { min-height: 44px; }
  .gz-sekme[b-0fz912rm1n] { min-height: 44px; }
  .gz-grid[b-0fz912rm1n]  .grid-scroll { max-height: min(460px, 60dvh); }
}

/* TELEFON */
@media (max-width: 640px) {
  .gz-kapak[b-0fz912rm1n] { flex-direction: column; align-items: stretch; padding: 12px; }
  .gz-kapak .au-title[b-0fz912rm1n] { font-size: var(--yazi-kapak, 20px); }
  .gz-kapak__alt[b-0fz912rm1n] { font-size: var(--yazi-kucuk, 12px); }
  .gz-kapak__sag[b-0fz912rm1n] { flex-direction: column; align-items: stretch; width: 100%; }
  .gz-kapak__suzgec[b-0fz912rm1n] { flex: 1 1 auto; max-width: none; }
  .gz-ana-eylem[b-0fz912rm1n] { align-self: stretch; min-height: 44px; }
  .gz-vitrin[b-0fz912rm1n]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .gz-sekmeler[b-0fz912rm1n] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .gz-sekme[b-0fz912rm1n] { flex: 0 0 auto; min-height: 44px; }
  .gz-kart[b-0fz912rm1n] { padding: 16px 12px; }
  .gz-kart__baslik[b-0fz912rm1n] { font-size: var(--yazi-bolum, 14px); }
  .gz-actions[b-0fz912rm1n] { justify-content: flex-start; }
  .gz-vitrin .au-btn--sm[b-0fz912rm1n] { min-height: 44px; }
  .gz-grid[b-0fz912rm1n]  .grid-table { font-size: var(--yazi-govde, 13px); }
  .gz-grid[b-0fz912rm1n]  .grid-table :is(th, td):first-child {
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--yuzey);
  }
  .gz-grid[b-0fz912rm1n]  .grid-table thead th:first-child { z-index: 3; background: var(--marka-500); }
  .gz-grid[b-0fz912rm1n]  .grid-table tbody tr:nth-child(even) td:first-child { background: var(--anv-cift-satir, #f7fafe); }
  .gz-popup[b-0fz912rm1n], .gz-popup--dar[b-0fz912rm1n] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .gz-popup__bas[b-0fz912rm1n], .gz-popup__govde[b-0fz912rm1n], .gz-popup__eylem[b-0fz912rm1n] { padding: 12px; }
  .gz-popup__eylem .au-btn[b-0fz912rm1n] { flex: 1 1 auto; min-height: 44px; }
  .gz-field--half[b-0fz912rm1n] { max-width: none; }
  .gz-olgu > div[b-0fz912rm1n] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Publisher/YayinciAnalitik.razor.rz.scp.css */
/* Yayıncı Analitiği — Akademik Analiz kapak/KPI/kart/tablo ölçüleri (2026-09-20 geçişi).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir).
   KPI bant tonları mevcut marka rampası token'larından karıştırılır; yeni palet üretilmez. */

.ya-vitrin[b-87ybjw90w8] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.ya-kapak[b-87ybjw90w8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.ya-kapak__baslik[b-87ybjw90w8] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.ya-kapak .au-title[b-87ybjw90w8] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}
.ya-kapak__alt[b-87ybjw90w8] { margin: 4px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.5; }
.ya-kapak__eylem[b-87ybjw90w8] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Düğme tabanı ── */
.ya-vitrin .au-btn[b-87ybjw90w8] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.ya-vitrin .au-btn:hover[b-87ybjw90w8] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.ya-vitrin .au-btn:focus-visible[b-87ybjw90w8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Üst bilgi şeridi (4 metrik — tek birleşik yüzey) ── */
.ya-ozet[b-87ybjw90w8] { margin-bottom: 16px; }
.ya-kpi-serit[b-87ybjw90w8] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}
.ya-kpi[b-87ybjw90w8] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-inline-end: 1px solid var(--hat-kart);
}
.ya-kpi:last-child[b-87ybjw90w8] { border-inline-end: 0; }
.ya-kpi__bant[b-87ybjw90w8] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font: 700 11.5px/1 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ya-kpi__bant--1[b-87ybjw90w8] { background: var(--marka-600); }
.ya-kpi__bant--2[b-87ybjw90w8] { background: color-mix(in srgb, var(--marka-600) 55%, var(--marka-rampa-orta)); }
.ya-kpi__bant--3[b-87ybjw90w8] { background: color-mix(in srgb, var(--marka-rampa-orta) 40%, var(--marka-700)); }
.ya-kpi__bant--4[b-87ybjw90w8] { background: color-mix(in srgb, var(--marka-rampa-uc) 60%, var(--marka-700)); }
.ya-kpi__deger[b-87ybjw90w8] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

/* ── Bölüm sekmeleri ── */
.ya-sekmeler[b-87ybjw90w8] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}
.ya-sekme[b-87ybjw90w8] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}
.ya-sekme:hover[b-87ybjw90w8] { background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey)); color: var(--marka-700); }
.ya-sekme.is-sec[b-87ybjw90w8], .ya-sekme.is-sec:hover[b-87ybjw90w8] { background: var(--marka-600); color: var(--on-brand); }
.ya-sekme:focus-visible[b-87ybjw90w8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.ya-panel:focus-visible[b-87ybjw90w8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.ya-kart[b-87ybjw90w8] {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: hidden;
}
.ya-kart[b-87ybjw90w8]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.ya-kart__baslik[b-87ybjw90w8] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.ya-kart__baslik[b-87ybjw90w8]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.ya-ipucu[b-87ybjw90w8] { margin: 0 0 12px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.ya-bos[b-87ybjw90w8] { margin: 0; padding: 24px 4px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.ya-sayac[b-87ybjw90w8] { margin: 0 0 8px; color: var(--metin-ipucu); font-size: 12px; }
/* Gelir projeksiyonu kayıt düşümü — pencerenin ne yaptığını söyleyen dürüst not. */
.ya-uyari[b-87ybjw90w8] {
  padding: 8px 10px;
  border-inline-start: 3px solid color-mix(in srgb, var(--marka-500) 40%, transparent);
  border-radius: 0 var(--kose-dugme) var(--kose-dugme) 0;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}
.ya-daha[b-87ybjw90w8] { display: flex; justify-content: center; margin-top: 12px; }
.ya-daha-hata[b-87ybjw90w8] { margin: 8px 0 0; color: var(--danger-metin); font-size: 12px; text-align: center; }
.ya-suzgec[b-87ybjw90w8] { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.ya-suzgec[b-87ybjw90w8]  .app-field { flex: 0 1 176px; max-width: 210px; min-width: 0; }

/* ── Tablo ── */
.ya-tablo-kap[b-87ybjw90w8] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.ya-tablo[b-87ybjw90w8] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}
.ya-tablo thead[b-87ybjw90w8] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}
.ya-tablo thead th[b-87ybjw90w8] {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.ya-tablo tbody td[b-87ybjw90w8] {
  padding: 10px 13px;
  border-top: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
  vertical-align: top;
}
.ya-tablo tbody tr:nth-child(even) td[b-87ybjw90w8] { background: var(--anv-cift-satir, #f7fafe); }
.ya-sut-sayi[b-87ybjw90w8] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ya-sira[b-87ybjw90w8] {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
  font-weight: 700;
  font-size: 12px;
}

/* ── Olgu listesi (gelir projeksiyonu) ── */
.ya-olgu[b-87ybjw90w8] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.ya-olgu > div[b-87ybjw90w8] {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 12px 10px;
  font-size: 13px;
}
.ya-olgu > div:nth-child(odd)[b-87ybjw90w8] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ya-olgu dt[b-87ybjw90w8] { color: var(--n-500); }
.ya-olgu dd[b-87ybjw90w8] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.ya-olgu dd strong[b-87ybjw90w8] { color: var(--marka-700); font-size: 18px; font-family: var(--font-display); }

/* ── Durum yüzeyleri (DataStates çocuk bileşeni) ── */
.ya-kart[b-87ybjw90w8]  .ds-panel, .ya-ozet[b-87ybjw90w8]  .ds-panel {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-kart);
}

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ya-kapak[b-87ybjw90w8] { padding: 16px; }
  .ya-vitrin .au-btn[b-87ybjw90w8] { min-height: 44px; }
  .ya-sekme[b-87ybjw90w8] { min-height: 44px; }
  .ya-kpi-serit[b-87ybjw90w8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ya-kpi:nth-child(2n)[b-87ybjw90w8] { border-inline-end: 0; }
  .ya-kpi:nth-child(-n+2)[b-87ybjw90w8] { border-bottom: 1px solid var(--hat-kart); }
  .ya-tablo-kap[b-87ybjw90w8] { max-height: min(460px, 60dvh); }
}

/* TELEFON */
@media (max-width: 640px) {
  .ya-kapak[b-87ybjw90w8] { flex-direction: column; align-items: stretch; padding: 12px; }
  .ya-kapak .au-title[b-87ybjw90w8] { font-size: var(--yazi-kapak, 20px); }
  .ya-kapak__alt[b-87ybjw90w8] { font-size: var(--yazi-kucuk, 12px); }
  .ya-kapak__eylem[b-87ybjw90w8] { width: 100%; flex-wrap: nowrap; overflow-x: auto; }
  .ya-kapak__eylem .au-btn[b-87ybjw90w8] { flex: 1 0 auto; min-height: 44px; }
  .ya-kpi-serit[b-87ybjw90w8] { grid-template-columns: minmax(0, 1fr); }
  .ya-kpi[b-87ybjw90w8] { border-inline-end: 0; border-bottom: 1px solid var(--hat-kart); }
  .ya-kpi:last-child[b-87ybjw90w8] { border-bottom: 0; }
  .ya-kpi__deger[b-87ybjw90w8] { font-size: var(--yazi-kpi, 20px); }
  .ya-kpi__bant[b-87ybjw90w8] { font-size: var(--yazi-etiket, 11px); }
  .ya-sekmeler[b-87ybjw90w8] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .ya-sekme[b-87ybjw90w8] { flex: 0 0 auto; min-height: 44px; }
  .ya-kart[b-87ybjw90w8] { padding: 16px 12px; }
  .ya-kart__baslik[b-87ybjw90w8] { font-size: var(--yazi-bolum, 14px); }
  .ya-suzgec[b-87ybjw90w8] { flex-direction: column; }
  .ya-suzgec[b-87ybjw90w8]  .app-field { flex: 1 1 auto; max-width: none; }
  .ya-vitrin[b-87ybjw90w8]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .ya-tablo[b-87ybjw90w8] { font-size: var(--yazi-govde, 13px); }
  .ya-tablo :is(th, td).ya-sut-ilk[b-87ybjw90w8] {
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--yuzey);
  }
  .ya-tablo thead th.ya-sut-ilk[b-87ybjw90w8] { z-index: 3; background: var(--marka-500); }
  .ya-tablo tbody tr:nth-child(even) td.ya-sut-ilk[b-87ybjw90w8] { background: var(--anv-cift-satir, #f7fafe); }
  .ya-olgu > div[b-87ybjw90w8] { grid-template-columns: minmax(100px, 1fr) minmax(0, 1.4fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Publisher/YayinciDenetim.razor.rz.scp.css */
/* Yayıncı İşlem Geçmişi — Akademik Analiz kapak/kart/tablo ölçüleri (2026-09-20 geçişi).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.yd-vitrin[b-4595avojdb] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + eylemler aynı beyaz yüzeyde ── */
.yd-kapak[b-4595avojdb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.yd-kapak__baslik[b-4595avojdb] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.yd-kapak .au-title[b-4595avojdb] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}
.yd-kapak__alt[b-4595avojdb] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}
.yd-kapak__eylem[b-4595avojdb] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Ortak düğme tabanı ── */
.yd-vitrin .au-btn[b-4595avojdb] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.yd-vitrin .au-btn:hover[b-4595avojdb] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.yd-vitrin .au-btn--sm[b-4595avojdb] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.yd-vitrin .au-btn:focus-visible[b-4595avojdb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ── */
.yd-sekmeler[b-4595avojdb] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}
.yd-sekme[b-4595avojdb] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}
.yd-sekme:hover[b-4595avojdb] { background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey)); color: var(--marka-700); }
.yd-sekme.is-sec[b-4595avojdb], .yd-sekme.is-sec:hover[b-4595avojdb] { background: var(--marka-600); color: var(--on-brand); }
.yd-sekme:focus-visible[b-4595avojdb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.yd-panel:focus-visible[b-4595avojdb] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.yd-kart[b-4595avojdb] {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  overflow: hidden;
}
.yd-kart[b-4595avojdb]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.yd-kart__baslik[b-4595avojdb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.yd-kart__baslik[b-4595avojdb]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.yd-ipucu[b-4595avojdb] { margin: 0 0 12px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.yd-bos[b-4595avojdb] { margin: 0; padding: 24px 4px; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.yd-sayac[b-4595avojdb] { margin: 0 0 8px; color: var(--metin-ipucu); font-size: 12px; }
.yd-daha[b-4595avojdb] { display: flex; justify-content: center; margin-top: 12px; }
.yd-gizli-metin[b-4595avojdb] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Süzgeçler ── */
.yd-suzgec[b-4595avojdb] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 14px;
}
.yd-suzgec__tarih[b-4595avojdb] { display: flex; flex-wrap: wrap; gap: 12px; }
.yd-suzgec__tarih[b-4595avojdb]  .app-field { flex: 0 1 176px; max-width: 210px; min-width: 0; }
.yd-sifirla[b-4595avojdb] { align-self: flex-end; }

/* ── Tablo: mavi–petrol başlık geçişi, sınırlı alanda kayar, başlık sabit ── */
.yd-tablo-kap[b-4595avojdb] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.yd-tablo[b-4595avojdb] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}
.yd-tablo thead[b-4595avojdb] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}
.yd-tablo thead th[b-4595avojdb] {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.yd-tablo tbody td[b-4595avojdb] {
  padding: 10px 13px;
  border-top: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
  vertical-align: top;
}
.yd-tablo tbody tr:nth-child(even) td[b-4595avojdb] { background: var(--anv-cift-satir, #f7fafe); }
/* Not artık ayrı sütun değil; eylem rozetinin altında yalnız doluysa çıkar. */
.yd-not[b-4595avojdb] {
  display: block;
  margin-top: 4px;
  max-width: 32ch;
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.yd-sut-islem[b-4595avojdb] { text-align: end; white-space: nowrap; }
.yd-daha-hata[b-4595avojdb] { margin: 8px 0 0; color: var(--danger-metin); font-size: 12px; text-align: center; }

/* ── Detay popup: native top layer, kaydırılmış sayfada da görünür ──
   Arka plan kaydırma kilidi YayinciDenetim.razor.js içindedir; scoped CSS `html`/`body`
   seçicilerini kapsam niteleyicisiyle yazdığı için buradan uygulanamaz. */
.yd-popup[b-4595avojdb] {
  width: min(660px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.yd-popup[open][b-4595avojdb] { display: flex; flex-direction: column; }
.yd-popup[b-4595avojdb]::backdrop { background: var(--scrim); }
.yd-popup__bas[b-4595avojdb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.yd-popup__bas h2[b-4595avojdb] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.yd-popup__bas h2:focus[b-4595avojdb] { outline: none; }
.yd-vitrin .yd-popup__kapat[b-4595avojdb] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}
.yd-popup__govde[b-4595avojdb] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.yd-popup__alt-baslik[b-4595avojdb] { margin: 16px 0 6px; font: 700 13px/1.4 var(--font-display); color: var(--marka-700); }
.yd-popup__eylem[b-4595avojdb] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}
.yd-olgu[b-4595avojdb] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.yd-olgu > div[b-4595avojdb] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.yd-olgu > div:nth-child(odd)[b-4595avojdb] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.yd-olgu dt[b-4595avojdb] { color: var(--n-500); }
.yd-olgu dd[b-4595avojdb] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.yd-kod[b-4595avojdb] {
  margin: 0;
  padding: 10px 12px;
  max-height: 200px;
  overflow: auto;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

/* ── Durum yüzeyleri (DataStates çocuk bileşeni) ── */
.yd-kart[b-4595avojdb]  .ds-panel {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-kart);
}

/* TABLET */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yd-kapak[b-4595avojdb] { padding: 16px; }
  .yd-vitrin .au-btn[b-4595avojdb] { min-height: 44px; }
  .yd-vitrin .au-btn--sm[b-4595avojdb] { min-height: 44px; }
  .yd-sekme[b-4595avojdb] { min-height: 44px; }
  .yd-tablo-kap[b-4595avojdb] { max-height: min(460px, 60dvh); }
}

/* TELEFON */
@media (max-width: 640px) {
  .yd-kapak[b-4595avojdb] { flex-direction: column; align-items: stretch; padding: 12px; }
  .yd-kapak .au-title[b-4595avojdb] { font-size: var(--yazi-kapak, 20px); }
  .yd-kapak__alt[b-4595avojdb] { font-size: var(--yazi-kucuk, 12px); }
  .yd-kapak__eylem[b-4595avojdb] { width: 100%; flex-wrap: nowrap; overflow-x: auto; }
  .yd-kapak__eylem .au-btn[b-4595avojdb] { flex: 1 0 auto; min-height: 44px; }
  .yd-sekmeler[b-4595avojdb] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .yd-sekme[b-4595avojdb] { flex: 0 0 auto; min-height: 44px; }
  .yd-kart[b-4595avojdb] { padding: 16px 12px; }
  .yd-kart__baslik[b-4595avojdb] { font-size: var(--yazi-bolum, 14px); }
  .yd-suzgec[b-4595avojdb] { flex-direction: column; align-items: stretch; }
  .yd-suzgec__tarih[b-4595avojdb] { flex-direction: column; }
  .yd-suzgec__tarih[b-4595avojdb]  .app-field { flex: 1 1 auto; max-width: none; }
  .yd-vitrin[b-4595avojdb]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .yd-sifirla[b-4595avojdb] { align-self: stretch; min-height: 44px; }
  .yd-tablo[b-4595avojdb] { font-size: var(--yazi-govde, 13px); }
  .yd-tablo :is(th, td).yd-sut-ilk[b-4595avojdb] {
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
    background: var(--yuzey);
  }
  .yd-tablo thead th.yd-sut-ilk[b-4595avojdb] { z-index: 3; background: var(--marka-500); }
  .yd-tablo tbody tr:nth-child(even) td.yd-sut-ilk[b-4595avojdb] { background: var(--anv-cift-satir, #f7fafe); }
  .yd-not[b-4595avojdb] { max-width: 22ch; }
  .yd-vitrin .au-btn--sm[b-4595avojdb] { min-height: 44px; }
  .yd-popup[b-4595avojdb] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .yd-popup__bas[b-4595avojdb], .yd-popup__govde[b-4595avojdb], .yd-popup__eylem[b-4595avojdb] { padding: 12px; }
  .yd-olgu > div[b-4595avojdb] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Publisher/YayinciHub.razor.rz.scp.css */
/* Yayıncılık hub'ı — Akademik Analiz kapak, bölüm kartı ve yüzey ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.

   Neden wwwroot/css/hub-vitrin.css kullanılmadı: o dosya kartın şerit ucunu ROTA ADIYLA
   listeleyen sayfa-özel bir blok taşıyor ve her yeni hub'ın kendi rotalarını oraya eklemesini
   şart koşuyor. Bu paket ortak CSS'e dokunmuyor; kart dili burada sayfa-scoped kuruluyor.
   HubGrid/HubCard alt bileşende doğduğu için kart kuralları ::deep ile yazılır. */

.au-page.yh-hub[b-nxdupjnhqz] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.yh-hub .yh-kapak[b-nxdupjnhqz] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yh-hub .yh-kapak__geri[b-nxdupjnhqz] { grid-area: geri; align-self: center; }
.yh-hub .yh-kapak__baslik[b-nxdupjnhqz] { grid-area: baslik; min-width: 0; }

.yh-hub .yh-baslik[b-nxdupjnhqz] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.yh-hub .yh-alt[b-nxdupjnhqz] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.au-page.yh-hub[b-nxdupjnhqz]  .yh-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.yh-hub[b-nxdupjnhqz]  .yh-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.yh-hub .yh-kart[b-nxdupjnhqz] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yh-hub .yh-kart:last-child[b-nxdupjnhqz] { margin-bottom: 0; }

.yh-hub .yh-kart[b-nxdupjnhqz]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yh-hub .yh-bolum-baslik[b-nxdupjnhqz] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.yh-hub .yh-bolum-baslik[b-nxdupjnhqz]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.yh-hub .yh-bolum-ipucu[b-nxdupjnhqz] {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Bağlantı kartları (HubGrid / HubCard → ::deep) ──────────────────────── */
.au-page.yh-hub[b-nxdupjnhqz]  .hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}

.au-page.yh-hub[b-nxdupjnhqz]  .hub-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
  padding: 14px 16px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background-color: var(--yuzey);
  background-image: none;
  color: var(--metin-murekkep);
  text-decoration: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  transform: none;
}

/* Eski cam/degrade süsleri bu sayfada kapalı — yeni dil düz beyaz yüzeydir. */
.au-page.yh-hub[b-nxdupjnhqz]  .hub-card__glow { display: none; }
.au-page.yh-hub[b-nxdupjnhqz]  .hub-card::after { content: none; }

.au-page.yh-hub[b-nxdupjnhqz]  .hub-card:hover,
.au-page.yh-hub[b-nxdupjnhqz]  .hub-card:focus-visible {
  border-color: var(--marka-400);
  background-color: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  transform: none;
  box-shadow: none;
}

.au-page.yh-hub[b-nxdupjnhqz]  .hub-card:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.au-page.yh-hub[b-nxdupjnhqz]  .hub-card__metin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  margin-top: 0;
}

.au-page.yh-hub[b-nxdupjnhqz]  .hub-card__title {
  color: var(--marka-700);
  font: 600 13.5px/1.35 var(--font-body);
  letter-spacing: -.01em;
}

.au-page.yh-hub[b-nxdupjnhqz]  .hub-card__desc {
  display: block;
  min-height: 0;
  overflow: visible;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
  white-space: normal;
  text-overflow: clip;
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yh-hub .yh-kapak[b-nxdupjnhqz] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .au-page.yh-hub[b-nxdupjnhqz]  .yh-geri { width: 44px; height: 44px; min-height: 44px; }
  .au-page.yh-hub[b-nxdupjnhqz]  .hub-card { min-height: 44px; }
}

/* ── TELEFON: tek sütun ──────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .yh-hub .yh-kapak[b-nxdupjnhqz] { padding: 12px; gap: 12px 8px; }
  .yh-hub .yh-baslik[b-nxdupjnhqz] { font-size: var(--yazi-kapak, 20px); }
  .yh-hub .yh-alt[b-nxdupjnhqz] { font-size: var(--yazi-kucuk, 12px); }
  .yh-hub .yh-kart[b-nxdupjnhqz] { padding: 16px 12px; }
  .yh-hub .yh-bolum-baslik[b-nxdupjnhqz] { font-size: var(--yazi-bolum, 14px); }
  .au-page.yh-hub[b-nxdupjnhqz]  .hub-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
/* _content/EduLive.Web/Components/Pages/Publisher/YayinciProfil.razor.rz.scp.css */
/* Yayıncı profili — Akademik Analiz kapak, sekme, yüzey, ölçü şeridi ve popup ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.
   Sayfaya özgü yp-* adları global admin-users.css kurallarıyla karşılaşmaz;
   ortak bileşen içi (AppTextField / AppField / TypeCardGrid / GeriBaglanti) ::deep ile. */

.au-page.yp-sayfa[b-dnbid0ov67] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.yp-sayfa .yp-kapak[b-dnbid0ov67] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yp-sayfa .yp-kapak__geri[b-dnbid0ov67] { grid-area: geri; align-self: center; }
.yp-sayfa .yp-kapak__baslik[b-dnbid0ov67] { grid-area: baslik; min-width: 0; }
.yp-sayfa .yp-kapak__eylem[b-dnbid0ov67] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.yp-sayfa .yp-baslik[b-dnbid0ov67] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.yp-sayfa .yp-alt[b-dnbid0ov67] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.yp-sayfa .yp-dugme[b-dnbid0ov67] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.yp-sayfa .yp-dugme:hover:not(:disabled)[b-dnbid0ov67] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.yp-sayfa .yp-dugme:disabled[b-dnbid0ov67] { opacity: .5; cursor: default; }

.yp-sayfa .yp-dugme--ana[b-dnbid0ov67] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.yp-sayfa .yp-dugme--ana:hover:not(:disabled)[b-dnbid0ov67] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.yp-sayfa .yp-dugme--kucuk[b-dnbid0ov67] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.yp-sayfa .yp-dugme:focus-visible[b-dnbid0ov67] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.au-page.yp-sayfa[b-dnbid0ov67]  .yp-geri {
  width: 30px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.au-page.yp-sayfa[b-dnbid0ov67]  .yp-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri ─────────────────────────────────────────────────────── */
.yp-sayfa .yp-sekmeler[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.yp-sayfa .yp-sekme[b-dnbid0ov67] {
  --yp-vurgu: var(--marka-600);
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.yp-sayfa .yp-sekme:nth-child(2)[b-dnbid0ov67] { --yp-vurgu: var(--marka-rampa-uc); }

.yp-sayfa .yp-sekme[aria-selected="true"][b-dnbid0ov67] {
  background: var(--yp-vurgu);
  color: var(--on-brand);
}

.yp-sayfa .yp-sekme:focus-visible[b-dnbid0ov67] { outline: 2px solid var(--yp-vurgu); outline-offset: 2px; }

@media (hover: hover) {
  .yp-sayfa .yp-sekme:hover:not([aria-selected="true"])[b-dnbid0ov67] {
    background: color-mix(in srgb, var(--yp-vurgu) 14%, var(--yuzey));
    color: var(--yp-vurgu);
  }
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.yp-sayfa .yp-kart[b-dnbid0ov67] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yp-sayfa .yp-kart:focus-visible[b-dnbid0ov67] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.yp-sayfa .yp-kart[b-dnbid0ov67]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yp-sayfa .yp-kart__bas[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.yp-sayfa .yp-kart__bas-metin[b-dnbid0ov67] { min-width: 0; }

.yp-sayfa .yp-bolum-baslik[b-dnbid0ov67] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.yp-sayfa .yp-bolum-baslik[b-dnbid0ov67]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.yp-sayfa .yp-bolum-ipucu[b-dnbid0ov67] {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.yp-sayfa .yp-ipucu[b-dnbid0ov67] {
  margin: 0 0 14px;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ── Profil gövdesi ──────────────────────────────────────────────────────── */
/* min-width:0 — ölçü şeridi ızgarasının otomatik en küçük boyutu min-content'tir;
   kabı serbest bırakmazsak uzun bir profil adı kartı taşırır (cihaz.css 1. bant notu). */
.yp-sayfa .yp-profil[b-dnbid0ov67] { min-width: 0; }

.yp-sayfa .yp-profil__bas[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.yp-sayfa .yp-profil__kimlik[b-dnbid0ov67] { min-width: 0; }

.yp-sayfa .yp-profil__ad[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--marka-700);
  font: 700 17px/1.3 var(--font-display);
  letter-spacing: -.016em;
  overflow-wrap: anywhere;
}

.yp-sayfa .yp-profil__tur[b-dnbid0ov67] {
  margin-top: 3px;
  color: var(--n-500);
  font-size: 12.5px;
}

.yp-sayfa .yp-profil__aciklama[b-dnbid0ov67] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.yp-sayfa .yp-profil__aciklama--bos[b-dnbid0ov67] { color: var(--metin-ipucu); }

/* ── Ölçü şeridi: Akademik Analiz KPI şeridi ölçüleri (tek birleşik yüzey) ── */
.yp-sayfa .yp-olcu-serit[b-dnbid0ov67] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.yp-sayfa .yp-olcu[b-dnbid0ov67] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.yp-sayfa .yp-olcu:last-child[b-dnbid0ov67] { border-right: 0; }

.yp-sayfa .yp-olcu__bant[b-dnbid0ov67] {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.yp-sayfa .yp-olcu:nth-child(2) .yp-olcu__bant[b-dnbid0ov67] { background: var(--marka-rampa-orta); }
.yp-sayfa .yp-olcu:nth-child(3) .yp-olcu__bant[b-dnbid0ov67] { background: var(--marka-rampa-uc); }

.yp-sayfa .yp-olcu__deger[b-dnbid0ov67] {
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.yp-sayfa .yp-olcu__alt[b-dnbid0ov67] { color: var(--n-500); font-size: 11.5px; line-height: 1.4; }

/* ── Olgu listesi ─────────────────────────────────────────────────────────── */
.yp-sayfa .yp-olgu[b-dnbid0ov67] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.yp-sayfa .yp-olgu > div[b-dnbid0ov67] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.yp-sayfa .yp-olgu > div:nth-child(odd)[b-dnbid0ov67] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.yp-sayfa .yp-olgu dt[b-dnbid0ov67] { color: var(--n-500); }

.yp-sayfa .yp-olgu dd[b-dnbid0ov67] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.yp-sayfa .yp-baglanti[b-dnbid0ov67] { color: var(--marka-700); font-weight: 600; text-decoration: none; }
.yp-sayfa .yp-baglanti:hover[b-dnbid0ov67] { text-decoration: underline; }
.yp-sayfa .yp-baglanti:focus-visible[b-dnbid0ov67] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.yp-sayfa .yp-sessiz[b-dnbid0ov67] { color: var(--metin-ipucu); font-size: 12px; }

/* ── Çalışma alanı listesi ───────────────────────────────────────────────── */
.yp-sayfa .yp-alan-liste[b-dnbid0ov67] { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }

.yp-sayfa .yp-alan[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 10px;
  border-bottom: 1px solid var(--line);
}

.yp-sayfa .yp-alan:last-child[b-dnbid0ov67] { border-bottom: 0; }
.yp-sayfa .yp-alan:nth-child(odd)[b-dnbid0ov67] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.yp-sayfa .yp-alan__metin[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.yp-sayfa .yp-alan__ad[b-dnbid0ov67] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.yp-sayfa .yp-alan__aciklama[b-dnbid0ov67] {
  flex: 1 1 100%;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.45;
}

.yp-sayfa .yp-alan__eylem[b-dnbid0ov67] { display: flex; align-items: center; gap: 10px; }

/* ── Rozetler ─────────────────────────────────────────────────────────────── */
.yp-sayfa .yp-rozet[b-dnbid0ov67] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.yp-sayfa .yp-rozet--iyi[b-dnbid0ov67] {
  border-color: color-mix(in srgb, var(--basari) 60%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--basari-metin);
}

.yp-sayfa .yp-rozet--kapali[b-dnbid0ov67] {
  border-color: color-mix(in srgb, var(--danger) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-rozet-metin);
}

/* ── Form ve uyarılar ─────────────────────────────────────────────────────── */
.yp-sayfa .yp-form[b-dnbid0ov67] { display: flex; flex-direction: column; gap: 16px; }

.yp-sayfa .yp-form__eylem[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-block-start: 14px;
  border-top: 1px solid var(--hat-kart);
}

.yp-sayfa .yp-salt-okunur[b-dnbid0ov67] {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px dashed var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
}

.yp-sayfa .yp-uyari[b-dnbid0ov67] {
  padding: 10px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.yp-sayfa .yp-uyari--hata[b-dnbid0ov67] {
  border-color: color-mix(in srgb, var(--danger) 38%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
  color: var(--danger-metin);
}

/* Not: .yp-bos kuralları kaldırıldı — tek tüketicisi olan çalışma alanı <Empty> slotu
   ulaşılamaz olduğu için silindi (kişisel alan get-or-create, liste hiç boş kalmıyor). */

/* ── Popup'lar ───────────────────────────────────────────────────────────── */
.yp-sayfa .yp-popup[b-dnbid0ov67] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.yp-sayfa .yp-popup[open][b-dnbid0ov67] { display: flex; flex-direction: column; }
.yp-sayfa .yp-popup[b-dnbid0ov67]::backdrop { background: var(--scrim); }

.yp-sayfa .yp-popup__bas[b-dnbid0ov67] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.yp-sayfa .yp-popup__bas h2[b-dnbid0ov67] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.yp-sayfa .yp-popup__bas h2:focus[b-dnbid0ov67] { outline: none; }

.yp-sayfa .yp-popup__kapat[b-dnbid0ov67] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.yp-sayfa .yp-popup__govde[b-dnbid0ov67] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.yp-sayfa .yp-popup__metin[b-dnbid0ov67] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.yp-sayfa .yp-popup__eylem[b-dnbid0ov67] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Ortak alan bileşenleri (::deep) ─────────────────────────────────────── */
.au-page.yp-sayfa[b-dnbid0ov67]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.yp-sayfa[b-dnbid0ov67]  .app-input {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.yp-sayfa[b-dnbid0ov67]  .app-input:focus,
.au-page.yp-sayfa[b-dnbid0ov67]  .app-input:focus-within,
.au-page.yp-sayfa[b-dnbid0ov67]  .app-input:focus-visible {
  border-color: var(--marka-600);
  box-shadow: none;
}

.yp-sayfa .yp-metin-alani[b-dnbid0ov67] {
  width: 100%;
  min-height: 78px;
  font-family: var(--font-body);
  line-height: 1.55;
  resize: vertical;
}

.au-page.yp-sayfa[b-dnbid0ov67]  .tcg { gap: 10px; }

.au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card {
  min-height: 34px;
  padding: 12px 14px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: none;
}

.au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card.is-sel {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 9%, var(--yuzey));
  color: var(--marka-700);
}

.au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card-title { font-size: 13px; font-weight: 600; }
.au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card-desc { color: var(--n-500); font-size: 12px; line-height: 1.45; }
.au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card-mark { color: var(--marka-600); }

/* ── MASAÜSTÜ geniş (≥1540) ──────────────────────────────────────────────── */
@media (min-width: 1540px) {
  .yp-sayfa .yp-kapak[b-dnbid0ov67] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .yp-sayfa .yp-kapak__eylem[b-dnbid0ov67] { justify-self: end; }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yp-sayfa .yp-kapak[b-dnbid0ov67] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .yp-sayfa .yp-dugme[b-dnbid0ov67],
  .yp-sayfa .yp-dugme--kucuk[b-dnbid0ov67] { min-height: 44px; }
  .au-page.yp-sayfa[b-dnbid0ov67]  .yp-geri { width: 44px; height: 44px; min-height: 44px; }
  .au-page.yp-sayfa[b-dnbid0ov67]  .app-input { min-height: 44px; }
  .au-page.yp-sayfa[b-dnbid0ov67]  .tcg__card { min-height: 44px; }

  .yp-sayfa .yp-sekmeler[b-dnbid0ov67] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .yp-sayfa .yp-sekme[b-dnbid0ov67] { min-height: 44px; flex: 0 0 auto; }
}

@media (pointer: coarse) {
  .au-page.yp-sayfa[b-dnbid0ov67]  .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .yp-sayfa .yp-kapak[b-dnbid0ov67] { padding: 12px; gap: 12px 8px; }
  .yp-sayfa .yp-baslik[b-dnbid0ov67] { font-size: var(--yazi-kapak, 20px); }
  .yp-sayfa .yp-alt[b-dnbid0ov67] { font-size: var(--yazi-kucuk, 12px); }
  .yp-sayfa .yp-kapak__eylem .yp-dugme[b-dnbid0ov67] { flex: 1; }
  .yp-sayfa .yp-kart[b-dnbid0ov67] { padding: 16px 12px; }
  .yp-sayfa .yp-bolum-baslik[b-dnbid0ov67] { font-size: var(--yazi-bolum, 14px); }
  .yp-sayfa .yp-kart__bas .yp-dugme[b-dnbid0ov67] { width: 100%; }

  /* Ölçü şeridi telefonda tek sütuna iner (3 hücre yan yana sığmaz). */
  .yp-sayfa .yp-olcu-serit[b-dnbid0ov67] { grid-template-columns: minmax(0, 1fr); }
  .yp-sayfa .yp-olcu[b-dnbid0ov67] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .yp-sayfa .yp-olcu:last-child[b-dnbid0ov67] { border-bottom: 0; }
  .yp-sayfa .yp-olcu__deger[b-dnbid0ov67] { font-size: var(--yazi-kpi, 20px); }

  .yp-sayfa .yp-alan[b-dnbid0ov67] { align-items: flex-start; }
  .yp-sayfa .yp-alan__eylem[b-dnbid0ov67] { width: 100%; justify-content: space-between; }

  .yp-sayfa .yp-popup[b-dnbid0ov67] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .yp-sayfa .yp-popup__bas[b-dnbid0ov67],
  .yp-sayfa .yp-popup__govde[b-dnbid0ov67],
  .yp-sayfa .yp-popup__eylem[b-dnbid0ov67] { padding: 12px; }
  .yp-sayfa .yp-popup__eylem .yp-dugme[b-dnbid0ov67] { flex: 1 1 auto; }
  .yp-sayfa .yp-olgu > div[b-dnbid0ov67] { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Question/FeedbackStats.razor.rz.scp.css */
/* Geri bildirim istatistikleri — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Bu sayfa analiz vitrini DEĞİLDİR: --anv-* / --agv-* token'ları yalnız `.au-page.analiz-vitrin`
   kapsamında tanımlıdır ve buraya miras gelmez → global aurora token'ları kullanılır.
   KPI bant renkleri referansın `--agv-kpi-etiket-1..6` sırasının ilk üçüdür; o token'lar bu
   kapsamda TANIMLI OLMADIĞI için aynı değerler sayfa-yerel takma ad olarak yazılır
   (#203188 · #1b5f93 · #0a7183) — yeni palet üretilmez.
   Kardeş uygulama: SorularList.razor.css (aynı paket). */

.fs-sayfa[b-0kmeumtgxu] {
  --fs-hat-ince: rgba(12, 58, 116, 0.08);
  --fs-cift-satir: #f7fafe;
  --fs-grup-bas: #f4f8fe;
  /* 1. bandın değeri global `--marka-600` ile AYNIDIR (#203188) → token kullanılır;
     2. ve 3. bandın global karşılığı yoktur, referans değerleriyle yerel tanımlanır. */
  --fs-kpi-1: var(--marka-600);
  --fs-kpi-2: #1b5f93;
  --fs-kpi-3: #0a7183;
  --fs-kpi-alt: #4f6889;
  --fs-kart-golge: 0 1px 0 rgba(9, 26, 48, 0.04), 0 18px 34px -26px rgba(9, 26, 48, 0.5);
  --fs-kapak-golge: 0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  --fs-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  max-width: none;
  min-width: 0;
}

/* ── Beyaz kapak: başlık + eylem tek yüzeyde (referans 23 px / 24-16-18 px) ── */
.fs-kapak[b-0kmeumtgxu] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: var(--fs-kapak-golge);
}

/* GeriBaglanti AYRI bir bileşendir: kapsam niteliği onun işaretlemesine inmez →
   `.fs-kapak > .au-breadcrumb` hiç eşleşmez. Çocuk bileşene ::deep ile ulaşılır. */
.fs-kapak[b-0kmeumtgxu]  .au-breadcrumb {
  grid-area: geri;
  align-self: center;
  margin: 0;
}

.fs-kapak__baslik[b-0kmeumtgxu] {
  grid-area: baslik;
  min-width: 0;
}

.fs-kapak .au-title[b-0kmeumtgxu] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.fs-kapak .au-sub[b-0kmeumtgxu] {
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--muted);
}

.fs-eylemler[b-0kmeumtgxu] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  justify-self: end;
}

.fs-eylem[b-0kmeumtgxu] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 500 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.fs-eylem:hover:not(:disabled)[b-0kmeumtgxu] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.fs-eylem:disabled[b-0kmeumtgxu] {
  opacity: 0.55;
  cursor: not-allowed;
}

.fs-eylem--birincil[b-0kmeumtgxu] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  font-weight: 600;
}

.fs-eylem--birincil:hover[b-0kmeumtgxu] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.fs-eylem:focus-visible[b-0kmeumtgxu],
.fs-tablo-kap:focus-visible[b-0kmeumtgxu] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Özet şeridi: tek birleşik yüzey, hücre başına renkli bant (referans KPI dili) ── */
.fs-serit[b-0kmeumtgxu] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.fs-kpi[b-0kmeumtgxu] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
  min-width: 0;
}

.fs-kpi:last-child[b-0kmeumtgxu] {
  border-right: 0;
}

.fs-kpi__bant[b-0kmeumtgxu] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font: 700 11.5px/1 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fs-kpi__bant--1[b-0kmeumtgxu] {
  background: var(--fs-kpi-1);
}

.fs-kpi__bant--2[b-0kmeumtgxu] {
  background: var(--fs-kpi-2);
}

.fs-kpi__bant--3[b-0kmeumtgxu] {
  background: var(--fs-kpi-3);
}

.fs-kpi__deger[b-0kmeumtgxu] {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kpi, 27px);
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.fs-kpi__alt[b-0kmeumtgxu] {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--fs-kpi-alt);
}

/* ── Bölüm kartı ── */
.fs-bolum[b-0kmeumtgxu] {
  position: relative;
  padding: 18px;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--fs-kart-golge);
  overflow: hidden;
  min-width: 0;
}

.fs-bolum[b-0kmeumtgxu]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--fs-serit);
}

.fs-bolum__bas[b-0kmeumtgxu] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}

.fs-bolum__baslik[b-0kmeumtgxu] {
  display: flex;
  align-items: center;
  margin: 0 0 3px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.25;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.fs-bolum__baslik[b-0kmeumtgxu]::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 9px;
  flex: none;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.fs-bolum__alt[b-0kmeumtgxu] {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── Dağılım tablosu ── */
.fs-tablo-kap[b-0kmeumtgxu] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--fs-hat-ince);
  border-radius: var(--kose-dugme);
  min-width: 0;
}

.fs-tablo[b-0kmeumtgxu] {
  width: 100%;
  border-collapse: collapse;
  font: 400 var(--yazi-govde, 13px) / 1.45 var(--font-body);
  color: var(--metin-murekkep);
}

/* Geçiş thead boyunca tek parça çizilir; hücre arka planları şeffaftır. */
.fs-tablo thead[b-0kmeumtgxu] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}

.fs-tablo thead th[b-0kmeumtgxu] {
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 13px;
  white-space: nowrap;
}

.fs-tablo td[b-0kmeumtgxu],
.fs-tablo tbody th[b-0kmeumtgxu] {
  padding: 10px 13px;
  border-top: 1px solid var(--fs-hat-ince);
  vertical-align: middle;
  text-align: left;
}

.fs-tablo tbody tr:nth-child(even)[b-0kmeumtgxu] {
  background: var(--fs-cift-satir);
}

.fs-tablo tbody th.fs-sutun-puan[b-0kmeumtgxu] {
  width: 1%;
  font: 600 13px/1.45 var(--font-body);
  white-space: nowrap;
  color: var(--metin-murekkep);
}

.fs-tablo .fs-sutun-sayi[b-0kmeumtgxu] {
  width: 1%;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.fs-cubuk[b-0kmeumtgxu] {
  height: 8px;
  min-width: 80px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
  overflow: hidden;
}

.fs-cubuk__dolgu[b-0kmeumtgxu] {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--marka-rampa-serit);
}

.fs-not[b-0kmeumtgxu] {
  margin: 12px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

/* ── Boş ve iskelet ── */
.fs-bos[b-0kmeumtgxu] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.fs-bos .au-dim[b-0kmeumtgxu] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  color: var(--metin-murekkep);
}

.fs-bos__aciklama[b-0kmeumtgxu] {
  margin: 0;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.fs-iskelet[b-0kmeumtgxu] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fs-iskelet__satir[b-0kmeumtgxu] {
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--fs-grup-bas) 0%, var(--yuzey) 50%, var(--fs-grup-bas) 100%);
  background-size: 200% 100%;
  animation: fsParilti-b-0kmeumtgxu 1.4s linear infinite;
}

.fs-iskelet__satir--bas[b-0kmeumtgxu] {
  height: 30px;
  width: 42%;
}

.fs-iskelet__satir--kisa[b-0kmeumtgxu] {
  width: 62%;
}

@keyframes fsParilti-b-0kmeumtgxu {
  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fs-iskelet__satir[b-0kmeumtgxu] {
    animation: none;
  }
}

.fs-gorsel-gizli[b-0kmeumtgxu] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ═══ CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 ═══ */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .fs-kapak[b-0kmeumtgxu] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .fs-eylemler[b-0kmeumtgxu] {
    justify-self: stretch;
    justify-content: flex-start;
  }

  .fs-eylem[b-0kmeumtgxu] {
    min-height: 44px;
  }
}

/* ═══ TELEFON — tek sütun; şerit alt alta ═══ */
@media (max-width: 640px) {
  .fs-kapak[b-0kmeumtgxu] {
    padding: 12px;
  }

  .fs-kapak .au-title[b-0kmeumtgxu] {
    font-size: var(--yazi-kapak, 20px);
    overflow-wrap: anywhere;
  }

  .fs-kapak .au-sub[b-0kmeumtgxu] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .fs-eylem[b-0kmeumtgxu] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .fs-serit[b-0kmeumtgxu] {
    grid-template-columns: minmax(0, 1fr);
  }

  .fs-kpi[b-0kmeumtgxu] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .fs-kpi:last-child[b-0kmeumtgxu] {
    border-bottom: 0;
  }

  .fs-kpi__deger[b-0kmeumtgxu] {
    font-size: var(--yazi-kpi, 20px);
  }

  .fs-bolum[b-0kmeumtgxu] {
    padding: 14px;
  }

  .fs-bolum__baslik[b-0kmeumtgxu] {
    font-size: var(--yazi-bolum, 14px);
  }

  .fs-cubuk[b-0kmeumtgxu] {
    min-width: 60px;
  }
}
/* _content/EduLive.Web/Components/Pages/Question/OnayKuyrugu.razor.rz.scp.css */
/* Soru onay kuyruğu — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Bu sayfa analiz vitrini DEĞİLDİR: --anv-* / --agv-* token'ları yalnız `.au-page.analiz-vitrin`
   kapsamında tanımlıdır ve buraya miras gelmez → global aurora token'ları kullanılır; global
   karşılığı OLMAYAN referans değerleri sayfa-yerel takma ad olarak, referanstaki değerin
   AYNISIYLA tanımlanır. Kardeş uygulama: SorularList.razor.css (aynı paket). */

.oq-sayfa[b-ju0bdb1u6j] {
  --oq-hat-ince: rgba(12, 58, 116, 0.08);
  --oq-cift-satir: #f7fafe;
  --oq-etiket-renk: #55698f;
  --oq-alan-metin: #33475c;
  --oq-grup-bas: #f4f8fe;
  --oq-kart-golge: 0 1px 0 rgba(9, 26, 48, 0.04), 0 18px 34px -26px rgba(9, 26, 48, 0.5);
  --oq-kapak-golge: 0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  --oq-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  max-width: none;
  min-width: 0;
}

/* ── Beyaz kapak: başlık + süzgeç + eylem tek yüzeyde (referans 23 px / 24-16-18 px) ── */
.oq-kapak[b-ju0bdb1u6j] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "filtre filtre filtre";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: var(--oq-kapak-golge);
}

/* GeriBaglanti AYRI bir bileşendir: kapsam niteliği onun işaretlemesine inmez →
   `.oq-kapak > .au-breadcrumb` hiç eşleşmez. Çocuk bileşene ::deep ile ulaşılır. */
.oq-kapak[b-ju0bdb1u6j]  .au-breadcrumb {
  grid-area: geri;
  align-self: center;
  margin: 0;
}

.oq-kapak__baslik[b-ju0bdb1u6j] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.oq-kapak .au-title[b-ju0bdb1u6j] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.oq-kapak .au-sub[b-ju0bdb1u6j] {
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--muted);
}

/* ── Süzgeç alanı ── */
.oq-filtre[b-ju0bdb1u6j] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.oq-alan[b-ju0bdb1u6j] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 176px;
  max-width: 210px;
  min-width: 0;
}

.oq-alan--genis[b-ju0bdb1u6j] {
  flex: 1 1 220px;
  max-width: 320px;
}

.oq-alan--dar[b-ju0bdb1u6j] {
  flex: 0 0 132px;
  max-width: 132px;
}

.oq-etiket[b-ju0bdb1u6j] {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--oq-etiket-renk);
}

.oq-girdi[b-ju0bdb1u6j] {
  height: 34px;
  min-width: 0;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--oq-alan-metin);
  font: 500 13px/1.2 var(--font-body);
}

.oq-girdi:hover:not(:disabled)[b-ju0bdb1u6j] {
  border-color: var(--marka-400);
}

.oq-girdi:focus-visible[b-ju0bdb1u6j],
.oq-sifirla:focus-visible[b-ju0bdb1u6j],
.oq-eylem:focus-visible[b-ju0bdb1u6j],
.oq-suzgec-ac:focus-visible[b-ju0bdb1u6j],
.oq-satir-eylem:focus-visible[b-ju0bdb1u6j],
.oq-bag:focus-visible[b-ju0bdb1u6j],
.oq-popup__kapat:focus-visible[b-ju0bdb1u6j],
.oq-tablo-kap:focus-visible[b-ju0bdb1u6j] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.oq-sifirla[b-ju0bdb1u6j] {
  height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.oq-sifirla:hover:not(:disabled)[b-ju0bdb1u6j] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.oq-sifirla:disabled[b-ju0bdb1u6j] {
  opacity: 0.5;
  cursor: not-allowed;
}

.oq-kapsam[b-ju0bdb1u6j] {
  flex: 1 0 100%;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--metin-ipucu);
}

/* Telefon dışında süzgeç her zaman açıktır; aç/kapat düğmesi gizlidir. */
.oq-suzgec-ac[b-ju0bdb1u6j] {
  display: none;
}

/* ── Kapak eylemleri ── */
.oq-eylemler[b-ju0bdb1u6j] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 7px;
  margin-left: auto;
}

.oq-eylem[b-ju0bdb1u6j] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 500 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.oq-eylem:hover:not(:disabled)[b-ju0bdb1u6j] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.oq-eylem:disabled[b-ju0bdb1u6j] {
  opacity: 0.55;
  cursor: not-allowed;
}

.oq-eylem--birincil[b-ju0bdb1u6j] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  font-weight: 600;
}

.oq-eylem--birincil:hover:not(:disabled)[b-ju0bdb1u6j] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

/* ── Bilgi şeridi: reddetmenin gerçek anlamı ── */
.oq-bilgi[b-ju0bdb1u6j] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 22%, var(--hat-kart));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12.5px;
  line-height: 1.5;
}

.oq-bilgi svg[b-ju0bdb1u6j] {
  flex: none;
  margin-top: 2px;
  color: var(--marka-600);
}

/* ── Bölüm kartı ── */
.oq-bolum[b-ju0bdb1u6j] {
  position: relative;
  padding: 18px;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--oq-kart-golge);
  overflow: hidden;
  min-width: 0;
}

.oq-bolum[b-ju0bdb1u6j]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--oq-serit);
}

.oq-bolum__bas[b-ju0bdb1u6j] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}

.oq-bolum__baslik[b-ju0bdb1u6j] {
  display: flex;
  align-items: center;
  margin: 0 0 3px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.25;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.oq-bolum__baslik[b-ju0bdb1u6j]::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 9px;
  flex: none;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.oq-bolum__alt[b-ju0bdb1u6j] {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── İşlem hatası ── */
.oq-hata[b-ju0bdb1u6j] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 13px;
  line-height: 1.5;
}

.oq-hata svg[b-ju0bdb1u6j] {
  flex: none;
  margin-top: 2px;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ── */
.oq-tablo-kap[b-ju0bdb1u6j] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--oq-hat-ince);
  border-radius: var(--kose-dugme);
  min-width: 0;
}

.oq-tablo[b-ju0bdb1u6j] {
  width: 100%;
  border-collapse: collapse;
  font: 400 var(--yazi-govde, 13px) / 1.45 var(--font-body);
  color: var(--metin-murekkep);
}

/* Geçiş thead boyunca tek parça çizilir; hücre arka planları şeffaftır. */
.oq-tablo thead[b-ju0bdb1u6j] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}

.oq-tablo th[b-ju0bdb1u6j] {
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 13px;
  white-space: nowrap;
}

.oq-tablo td[b-ju0bdb1u6j] {
  padding: 10px 13px;
  border-top: 1px solid var(--oq-hat-ince);
  vertical-align: middle;
}

.oq-tablo tbody tr:nth-child(even)[b-ju0bdb1u6j] {
  background: var(--oq-cift-satir);
}

.oq-satir:hover[b-ju0bdb1u6j],
.oq-satir:focus-within[b-ju0bdb1u6j] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.oq-sutun-konu[b-ju0bdb1u6j] {
  min-width: 0;
}

.oq-sutun-eylem[b-ju0bdb1u6j] {
  width: 1%;
  text-align: right;
  white-space: nowrap;
}

.oq-soluk[b-ju0bdb1u6j] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.oq-bag[b-ju0bdb1u6j] {
  color: var(--marka-500);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.oq-bag:hover[b-ju0bdb1u6j] {
  text-decoration: underline;
}

.oq-satir-eylem[b-ju0bdb1u6j] {
  height: 28px;
  margin-left: 6px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.oq-satir-eylem:hover:not(:disabled)[b-ju0bdb1u6j] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.oq-satir-eylem:disabled[b-ju0bdb1u6j] {
  opacity: 0.55;
  cursor: not-allowed;
}

.oq-satir-eylem--onay[b-ju0bdb1u6j] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.oq-satir-eylem--onay:hover:not(:disabled)[b-ju0bdb1u6j] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

/* ── Sayfalama, boş ve iskelet ── */
.oq-sayfalama[b-ju0bdb1u6j] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.oq-sayfa-bilgi[b-ju0bdb1u6j] {
  font: 600 12.5px/1 var(--font-body);
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.oq-bos[b-ju0bdb1u6j] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.oq-bos .au-dim[b-ju0bdb1u6j] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  color: var(--metin-murekkep);
}

.oq-bos__aciklama[b-ju0bdb1u6j] {
  margin: 0;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.oq-iskelet[b-ju0bdb1u6j] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.oq-iskelet__satir[b-ju0bdb1u6j] {
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--oq-grup-bas) 0%, var(--yuzey) 50%, var(--oq-grup-bas) 100%);
  background-size: 200% 100%;
  animation: oqParilti-b-ju0bdb1u6j 1.4s linear infinite;
}

.oq-iskelet__satir--bas[b-ju0bdb1u6j] {
  height: 30px;
  width: 42%;
}

.oq-iskelet__satir--kisa[b-ju0bdb1u6j] {
  width: 62%;
}

@keyframes oqParilti-b-ju0bdb1u6j {
  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oq-iskelet__satir[b-ju0bdb1u6j] {
    animation: none;
  }
}

.oq-gorsel-gizli[b-ju0bdb1u6j] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Yerinde önizleme: native modal, kaydırılmış sayfanın üstünde ── */
.oq-popup[b-ju0bdb1u6j] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.oq-popup[open][b-ju0bdb1u6j] {
  display: flex;
  flex-direction: column;
}

.oq-popup[b-ju0bdb1u6j]::backdrop {
  background: var(--scrim);
}

.oq-popup__bas[b-ju0bdb1u6j] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.oq-popup__bas[b-ju0bdb1u6j]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--oq-serit);
}

.oq-popup__bas h2[b-ju0bdb1u6j] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.oq-popup__bas h2:focus[b-ju0bdb1u6j] {
  outline: none;
}

.oq-popup__alt[b-ju0bdb1u6j] {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.oq-popup__kapat[b-ju0bdb1u6j] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.oq-popup__kapat:hover[b-ju0bdb1u6j] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.oq-popup__govde[b-ju0bdb1u6j] {
  flex: 0 1 auto;
  min-height: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.oq-popup__not[b-ju0bdb1u6j] {
  margin: 16px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.oq-popup__eylemler[b-ju0bdb1u6j] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: var(--oq-grup-bas);
}

.oq-olgular[b-ju0bdb1u6j] {
  margin: 0;
  display: grid;
  gap: 0;
}

.oq-olgular > div[b-ju0bdb1u6j] {
  display: grid;
  grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--oq-hat-ince);
}

.oq-olgular > div:last-child[b-ju0bdb1u6j] {
  border-bottom: 0;
}

.oq-olgular dt[b-ju0bdb1u6j] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.oq-olgular dd[b-ju0bdb1u6j] {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.oq-giris[b-ju0bdb1u6j] {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--oq-hat-ince);
  border-radius: var(--kose-kart);
  background: var(--oq-grup-bas);
}

.oq-giris__baslik[b-ju0bdb1u6j] {
  margin: 0 0 6px;
  font: 700 12.5px/1.3 var(--font-body);
  letter-spacing: 0.02em;
  color: var(--metin-ikincil);
}

.oq-giris__metin[b-ju0bdb1u6j] {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ═══ MASAÜSTÜ (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .oq-kapak[b-ju0bdb1u6j] {
    grid-template-columns: 30px minmax(0, max-content) auto;
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    justify-content: start;
  }

  .oq-kapak__baslik[b-ju0bdb1u6j] {
    margin-right: 8px;
  }

  /* Süzgeç ve eylem kabı aynı grid satırında; süzgeç kapsam cümlesiyle daha yüksek.
     Kapak `align-items: center` olduğu için eylem kabı aradaki farkın yarısı kadar
     aşağı kayıyordu → üstten hizala, girdi tabanları süzgeçle tek çizgide dursun. */
  .oq-eylemler[b-ju0bdb1u6j] {
    align-self: start;
  }
}

/* Başlık solda, süzgeç + eylem sağ kenarda (referans 1540 px eşiği). */
@media (min-width: 1540px) {
  .oq-kapak[b-ju0bdb1u6j] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
    justify-content: stretch;
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium max-content'i çocukların
     içeriğinden hesaplar, `.oq-alan` tabanını (`flex: 0 1 176px`) saymaz → kap daralır,
     süzgeçler alt alta yığılır. Kap sütunu doldurur; sağa yaslama flex satırında olur. */
  .oq-filtre[b-ju0bdb1u6j] {
    justify-self: stretch;
    justify-content: flex-end;
  }

  /* Kapsam cümlesi (~430 px) süzgeç satırına alınınca satır ihtiyacı iz genişliğini
     aşıyor ve denetimler ikiye kırılıyordu; temel kural (flex: 1 0 100%) geçerli kalsın:
     denetimler tek satırda sağa yaslı, açıklama altlarında kendi satırında. */
}

/* ═══ TABLET (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .oq-filtre[b-ju0bdb1u6j] {
    flex: 1 1 100%;
  }

  .oq-alan--genis[b-ju0bdb1u6j] {
    max-width: none;
  }
}

/* ═══ CİHAZ: dokunma hedefi ve girdi puntosu (K4) ═══ */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .oq-girdi[b-ju0bdb1u6j] {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .oq-sifirla[b-ju0bdb1u6j],
  .oq-eylem[b-ju0bdb1u6j],
  .oq-suzgec-ac[b-ju0bdb1u6j],
  .oq-popup__kapat[b-ju0bdb1u6j] {
    min-height: 44px;
  }

  .oq-satir-eylem[b-ju0bdb1u6j] {
    min-height: 44px;
    height: 44px;
    padding: 0 14px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .oq-tablo th.oq-sutun-konu[b-ju0bdb1u6j],
  .oq-tablo td.oq-sutun-konu[b-ju0bdb1u6j] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .oq-tablo thead th.oq-sutun-konu[b-ju0bdb1u6j] {
    z-index: 4;
    background: var(--marka-500);
  }

  .oq-tablo tbody tr:nth-child(even) td.oq-sutun-konu[b-ju0bdb1u6j] {
    background: var(--oq-cift-satir);
  }
}

/* ═══ TELEFON (docs/mobil/YENI-DIL.md §1.1, §7) ═══ */
@media (max-width: 640px) {
  .oq-kapak[b-ju0bdb1u6j] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik suzgec"
      "eylem eylem eylem"
      "filtre filtre filtre";
    gap: 10px 8px;
    padding: 12px;
  }

  .oq-kapak__baslik[b-ju0bdb1u6j] {
    min-width: 0;
  }

  .oq-kapak .au-title[b-ju0bdb1u6j] {
    font-size: var(--yazi-kapak, 20px);
    overflow-wrap: anywhere;
  }

  .oq-kapak .au-sub[b-ju0bdb1u6j] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Katlanabilir süzgeç: telefonda yalnız açıkken çizilir. */
  .oq-suzgec-ac[b-ju0bdb1u6j] {
    grid-area: suzgec;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
  }

  .oq-suzgec-ac[aria-expanded="true"][b-ju0bdb1u6j] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
  }

  .oq-filtre[b-ju0bdb1u6j] {
    display: none;
    flex-direction: column;
    align-items: stretch;
  }

  .oq-filtre.is-acik[b-ju0bdb1u6j] {
    display: flex;
  }

  .oq-alan[b-ju0bdb1u6j],
  .oq-alan--genis[b-ju0bdb1u6j],
  .oq-alan--dar[b-ju0bdb1u6j] {
    flex: 1 1 auto;
    max-width: none;
  }

  .oq-eylemler[b-ju0bdb1u6j] {
    grid-area: eylem;
    justify-content: flex-start;
    margin: 0;
  }

  .oq-eylem[b-ju0bdb1u6j] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .oq-bolum[b-ju0bdb1u6j] {
    padding: 14px;
  }

  .oq-tablo-kap[b-ju0bdb1u6j] {
    max-height: min(440px, 62dvh);
  }

  .oq-satir-eylem[b-ju0bdb1u6j] {
    margin: 2px 0 2px 6px;
  }

  .oq-olgular > div[b-ju0bdb1u6j] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .oq-popup[b-ju0bdb1u6j] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .oq-popup__bas[b-ju0bdb1u6j] {
    padding: 18px 16px 14px;
  }

  .oq-popup__bas h2[b-ju0bdb1u6j] {
    font-size: 18px;
  }

  .oq-popup__govde[b-ju0bdb1u6j] {
    padding: 16px;
  }

  .oq-popup__eylemler[b-ju0bdb1u6j] {
    padding: 12px 16px;
  }

  .oq-popup__eylemler .oq-eylem[b-ju0bdb1u6j] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Question/RevizyonGecmisi.razor.rz.scp.css */
/* Soru sürüm geçmişi — Akademik Analiz görsel dili: 23 px kapak, `--marka-rampa-serit` tablo başlığı,
   sınırlı alanda kayan tablo, sabit başlık satırı, cihazda yapışık ilk sütun, görünür ayrıntı popup'ı.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md (#tablo-görünümü);
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1. Ortak CSS dosyası DEĞİŞTİRİLMEDİ. */

.au-page.rg-vitrin[b-c0fmw8jmfz] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

.rg-vitrin .rg-gizli[b-c0fmw8jmfz] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* ───────── Kapak ───────── */
.rg-vitrin .rg-kapak[b-c0fmw8jmfz] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    align-items: start;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rg-vitrin .rg-baslik[b-c0fmw8jmfz] { grid-area: baslik; min-width: 0; }

.rg-vitrin .rg-kapak h1[b-c0fmw8jmfz] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.rg-vitrin .rg-alt[b-c0fmw8jmfz] { margin: 6px 0 0; color: var(--metin-ikincil); font-size: 12.5px; }

.rg-vitrin .rg-eylemler[b-c0fmw8jmfz] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ───────── Düğmeler ───────── */
.rg-vitrin .rg-dugme[b-c0fmw8jmfz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.rg-vitrin .rg-dugme--kucuk[b-c0fmw8jmfz] { height: 30px; min-height: 30px; padding: 0 10px; font-size: 12px; }

.rg-vitrin .rg-dugme:hover:not(:disabled)[b-c0fmw8jmfz] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.rg-vitrin .rg-dugme--ana[b-c0fmw8jmfz] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.rg-vitrin .rg-dugme--ana:hover:not(:disabled)[b-c0fmw8jmfz] { background: var(--marka-500); border-color: var(--marka-500); }
.rg-vitrin .rg-dugme:disabled[b-c0fmw8jmfz] { cursor: wait; opacity: .65; }
.rg-vitrin .rg-dugme:focus-visible[b-c0fmw8jmfz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.rg-vitrin[b-c0fmw8jmfz]  .au-breadcrumb.rg-geri {
    grid-area: geri;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.rg-vitrin[b-c0fmw8jmfz]  .au-breadcrumb.rg-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.rg-vitrin[b-c0fmw8jmfz]  .au-breadcrumb.rg-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ───────── Uyarı ───────── */
.rg-vitrin .rg-uyari[b-c0fmw8jmfz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--red-600) 32%, var(--hat-kart));
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.rg-vitrin .rg-uyari svg[b-c0fmw8jmfz] { flex: 0 0 16px; }

/* ───────── Kart ───────── */
.rg-vitrin .rg-kart[b-c0fmw8jmfz] {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rg-vitrin .rg-kart[b-c0fmw8jmfz]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.rg-vitrin .rg-bolum-baslik[b-c0fmw8jmfz] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.rg-vitrin .rg-bolum-baslik[b-c0fmw8jmfz]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.rg-vitrin .rg-ipucu[b-c0fmw8jmfz] { margin: 0 0 12px; color: var(--n-500); font-size: 12px; line-height: 1.6; }
.rg-vitrin .rg-bos[b-c0fmw8jmfz] { margin: 0 0 12px; color: var(--n-500); font-size: 13px; line-height: 1.6; }

/* ───────── Tablo: kendi alanında kayar, başlık üstte sabit ───────── */
.rg-vitrin .rg-tablo-kap[b-c0fmw8jmfz] {
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
}

.rg-vitrin .rg-tablo[b-c0fmw8jmfz] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--yuzey);
    font-size: 13px;
    color: var(--metin-murekkep);
}

.rg-vitrin .rg-tablo thead th[b-c0fmw8jmfz] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 10px 13px;
    text-align: left;
    /* Sabit başlık opak zemin ister; geçiş satır boyunca tek parça çizilir
       (referans: akademik-analiz.md#tablo-görünümü). */
    background: var(--marka-rampa-serit);
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.rg-vitrin .rg-tablo tbody td[b-c0fmw8jmfz] {
    padding: 10px 13px;
    border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
    vertical-align: top;
}

.rg-vitrin .rg-tablo tbody tr:nth-child(even) td[b-c0fmw8jmfz] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.rg-vitrin .rg-tablo tbody tr:hover td[b-c0fmw8jmfz] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.rg-vitrin .rg-diff[b-c0fmw8jmfz] { max-width: 360px; color: var(--metin-ikincil); overflow-wrap: anywhere; }
.rg-vitrin .rg-sayisal[b-c0fmw8jmfz] { white-space: nowrap; font-variant-numeric: tabular-nums; }

.rg-vitrin .rg-eylem-hucre[b-c0fmw8jmfz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    white-space: nowrap;
}

/* ───────── Ayrıntı popup'ı ───────── */
.rg-vitrin .rg-popup[b-c0fmw8jmfz] {
    width: min(640px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.rg-vitrin .rg-popup[open][b-c0fmw8jmfz] { display: flex; flex-direction: column; }
.rg-vitrin .rg-popup[b-c0fmw8jmfz]::backdrop { background: var(--scrim); }

/* cihaz.css bant 20.2 (`.au-page > *:not(.amn) + *`) her doğrudan çocuğa 12 px üst marj
   veriyor; bu native dialog'un otomatik merkezlemesini bozar (pencere yukarı kayar). */
body.edulive-cihaz .au-page.rg-vitrin > dialog.rg-popup[b-c0fmw8jmfz] { margin: auto; }

.rg-vitrin .rg-popup__bas[b-c0fmw8jmfz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.rg-vitrin .rg-popup__bas h2[b-c0fmw8jmfz] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.rg-vitrin .rg-popup__bas h2:focus-visible[b-c0fmw8jmfz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.rg-vitrin .rg-popup__bas p[b-c0fmw8jmfz] { margin: 4px 0 0; color: var(--n-500); font-size: 12px; }

.rg-vitrin .rg-popup__kapat[b-c0fmw8jmfz] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.rg-vitrin .rg-popup__kapat:hover[b-c0fmw8jmfz] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.rg-vitrin .rg-popup__kapat:focus-visible[b-c0fmw8jmfz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.rg-vitrin .rg-popup__govde[b-c0fmw8jmfz] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px;
    font-size: 13px;
    line-height: 1.6;
}

.rg-vitrin .rg-popup__eylem[b-c0fmw8jmfz] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.rg-vitrin .rg-olgular[b-c0fmw8jmfz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px 24px;
    margin: 0;
}

.rg-vitrin .rg-olgular > div[b-c0fmw8jmfz] { min-width: 0; }

.rg-vitrin .rg-olgular dt[b-c0fmw8jmfz] {
    margin: 0 0 3px;
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.rg-vitrin .rg-olgular dd[b-c0fmw8jmfz] { margin: 0; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }

.rg-vitrin .rg-alt-baslik[b-c0fmw8jmfz] {
    margin: 18px 0 8px;
    font: 700 13px/1.4 var(--font-display);
    color: var(--metin-ikincil);
}

.rg-vitrin .rg-metin[b-c0fmw8jmfz] { margin: 0; color: var(--metin-ikincil); overflow-wrap: anywhere; }
.rg-vitrin .rg-rapor[b-c0fmw8jmfz] { min-width: 0; overflow-wrap: anywhere; }

.rg-vitrin[b-c0fmw8jmfz]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ───────── GENİŞ MASAÜSTÜ ───────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .rg-vitrin .rg-kapak[b-c0fmw8jmfz] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
        align-items: center;
    }
    .rg-vitrin .rg-eylemler[b-c0fmw8jmfz] { justify-self: end; flex-wrap: nowrap; }
}

/* ───────── TABLET ───────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .rg-vitrin .rg-kapak[b-c0fmw8jmfz] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
}

/* ───────── CİHAZ: ilk anlamlı sütun yapışık + dokunma hedefi ≥ 44 ───────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .rg-vitrin :is(.rg-dugme, .rg-popup__kapat)[b-c0fmw8jmfz] { min-height: 44px; }
    .rg-vitrin .rg-dugme--kucuk[b-c0fmw8jmfz] { height: 44px; padding: 0 12px; }
    .rg-vitrin .rg-popup__kapat[b-c0fmw8jmfz] { width: 44px; flex-basis: 44px; }
    .rg-vitrin[b-c0fmw8jmfz]  .au-breadcrumb.rg-geri { width: 44px; height: 44px; }

    /* Cihazda dikey ritmin tek sahibi cihaz.css bant 20.2'dir (12 px). */
    .rg-vitrin :is(.rg-kapak, .rg-uyari)[b-c0fmw8jmfz] { margin-bottom: 0; }

    .rg-vitrin .rg-tablo[b-c0fmw8jmfz] { min-width: 720px; }
    .rg-vitrin .rg-tablo :is(thead th, tbody td).rg-sutun-no[b-c0fmw8jmfz] {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--yuzey);      /* yapışık sütun opak zemin ister */
    }
    /* Yapışık başlık hücresi opak olmak zorunda; renk rampanın 0% durağıdır (--marka-500), böylece
       sağdaki geçişle dikiş oluşmaz. Referans: AnalizTablo `--at-bas-zemin: var(--marka-500)`. */
    .rg-vitrin .rg-tablo thead th.rg-sutun-no[b-c0fmw8jmfz] { z-index: 3; background: var(--marka-500); }
    .rg-vitrin .rg-tablo tbody tr:nth-child(even) td.rg-sutun-no[b-c0fmw8jmfz] {
        background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    }
    /* Yapışık sütun satır vurgusunu da izlesin (opak zemin kuralı hover'ı ezmesin). */
    .rg-vitrin .rg-tablo tbody tr:hover td.rg-sutun-no[b-c0fmw8jmfz] {
        background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    }
}

/* ───────── TELEFON ───────── */
@media (max-width: 640px) {
    .rg-vitrin .rg-kapak[b-c0fmw8jmfz] { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px; }
    .rg-vitrin .rg-kapak h1[b-c0fmw8jmfz] { font-size: var(--yazi-kapak, 20px); }
    .rg-vitrin .rg-alt[b-c0fmw8jmfz] { font-size: var(--yazi-kucuk, 12px); }
    .rg-vitrin .rg-eylemler[b-c0fmw8jmfz] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; gap: 6px; }
    .rg-vitrin .rg-kart[b-c0fmw8jmfz] { padding: 16px 12px; }
    .rg-vitrin .rg-bolum-baslik[b-c0fmw8jmfz] { font-size: var(--yazi-bolum, 14px); }
    .rg-vitrin .rg-tablo[b-c0fmw8jmfz] { font-size: var(--yazi-govde, 13px); }
    .rg-vitrin .rg-tablo-kap[b-c0fmw8jmfz] { max-height: min(460px, 60dvh); }
    .rg-vitrin .rg-diff[b-c0fmw8jmfz] { max-width: 240px; }
    .rg-vitrin .rg-popup[b-c0fmw8jmfz] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .rg-vitrin :is(.rg-popup__bas, .rg-popup__govde, .rg-popup__eylem)[b-c0fmw8jmfz] { padding: 12px; }
    .rg-vitrin .rg-olgular[b-c0fmw8jmfz] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruDetail.razor.rz.scp.css */
/* Soru detayı — Akademik Analiz görsel dili (23 px kapak, bölüm sekmeleri, beyaz yüzeyler).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; cihaz kırılımları
   docs/mobil/YENI-DIL.md §1.1. Sayfaya özel kapsam — ortak CSS dosyası DEĞİŞTİRİLMEDİ. */

.au-page.sd-vitrin[b-r3jbyaugjx] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ───────── Kapak: başlık + rozetler + ana eylemler tek beyaz yüzeyde ───────── */
.sd-vitrin .sd-kapak[b-r3jbyaugjx] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    align-items: start;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sd-vitrin .sd-baslik[b-r3jbyaugjx] { grid-area: baslik; min-width: 0; }

.sd-vitrin .sd-kapak h1[b-r3jbyaugjx] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.sd-vitrin .sd-alt[b-r3jbyaugjx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
}

.sd-vitrin .sd-ayrac[b-r3jbyaugjx] { color: var(--metin-ipucu); }

.sd-vitrin .sd-rozetler[b-r3jbyaugjx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 0;
}

.sd-vitrin .sd-rozet[b-r3jbyaugjx] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 10px;
    border: 1px solid var(--hat-girdi);
    border-radius: 3px 10px 10px 10px;
    background: var(--yuzey-alt);
    color: var(--metin-ikincil);
    font-size: 11.5px;
    font-weight: 600;
}

.sd-vitrin .sd-rozet--onayli[b-r3jbyaugjx] {
    border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-kart));
    background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
    color: var(--marka-700);
}

.sd-vitrin .sd-rozet--bekleyen[b-r3jbyaugjx],
.sd-vitrin .sd-rozet--taslak[b-r3jbyaugjx] {
    border-color: color-mix(in srgb, var(--marka-500) 26%, var(--hat-kart));
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
    color: var(--marka-700);
}

.sd-vitrin .sd-rozet--red[b-r3jbyaugjx],
.sd-vitrin .sd-rozet--pasif[b-r3jbyaugjx] {
    border-color: color-mix(in srgb, var(--red-600) 32%, var(--hat-kart));
    background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
    color: var(--red-600);
}

.sd-vitrin .sd-eylemler[b-r3jbyaugjx] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ───────── Düğmeler: 34 px taban, kesik sol üst köşe ───────── */
.sd-vitrin .sd-dugme[b-r3jbyaugjx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.sd-vitrin .sd-dugme:hover[b-r3jbyaugjx] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sd-vitrin .sd-dugme--ana[b-r3jbyaugjx] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.sd-vitrin .sd-dugme--ana:hover[b-r3jbyaugjx] { background: var(--marka-500); border-color: var(--marka-500); }

.sd-vitrin .sd-dugme:focus-visible[b-r3jbyaugjx] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sd-vitrin[b-r3jbyaugjx]  .au-breadcrumb.sd-geri {
    grid-area: geri;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.sd-vitrin[b-r3jbyaugjx]  .au-breadcrumb.sd-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.sd-vitrin[b-r3jbyaugjx]  .au-breadcrumb.sd-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ───────── Bölüm sekmeleri (17 Eylül kararı: yalnız seçili bölüm görünür) ───────── */
.sd-vitrin .sd-sekmeler[b-r3jbyaugjx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.sd-vitrin .sd-sekme[b-r3jbyaugjx] {
    --sd-vurgu: var(--marka-600);
    flex-shrink: 0;
    min-height: 34px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--kose-dugme);
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12.5px var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.sd-vitrin .sd-sekme:nth-child(2)[b-r3jbyaugjx] { --sd-vurgu: var(--marka-rampa-orta); }
.sd-vitrin .sd-sekme:nth-child(3)[b-r3jbyaugjx] { --sd-vurgu: var(--marka-rampa-uc); }

.sd-vitrin .sd-sekme:hover[b-r3jbyaugjx] {
    background: color-mix(in srgb, var(--sd-vurgu) 14%, var(--yuzey));
    color: var(--sd-vurgu);
}

.sd-vitrin .sd-sekme[aria-selected="true"][b-r3jbyaugjx] { background: var(--sd-vurgu); color: var(--on-brand); }
.sd-vitrin .sd-sekme:focus-visible[b-r3jbyaugjx] { outline: 2px solid var(--sd-vurgu); outline-offset: 2px; }

/* ───────── Bölüm kartı ───────── */
.sd-vitrin .sd-kart[b-r3jbyaugjx] {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sd-vitrin .sd-kart[b-r3jbyaugjx]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sd-vitrin .sd-kart:focus-visible[b-r3jbyaugjx] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sd-vitrin .sd-bolum-baslik[b-r3jbyaugjx] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.sd-vitrin .sd-bolum-baslik[b-r3jbyaugjx]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sd-vitrin .sd-bolum-baslik:not(:first-child)[b-r3jbyaugjx] { margin-top: 18px; }

.sd-vitrin .sd-alt-baslik[b-r3jbyaugjx] {
    margin: 18px 0 10px;
    font: 700 13px/1.4 var(--font-display);
    color: var(--metin-ikincil);
}

/* ───────── İçerik bölümü ───────── */
.sd-vitrin .sd-piyes[b-r3jbyaugjx] { margin: 0 0 6px; font-weight: 600; color: var(--metin-murekkep); font-size: 13px; }

.sd-vitrin .sd-govde[b-r3jbyaugjx] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.7;
    font-size: 13px;
    color: var(--metin-ikincil);
    overflow-wrap: anywhere;
}

.sd-vitrin .sd-icerik[b-r3jbyaugjx] { min-width: 0; font-size: 13px; }
.sd-vitrin .sd-icerik[b-r3jbyaugjx]  img { max-width: 100%; height: auto; }

.sd-vitrin .sd-bos[b-r3jbyaugjx] { margin: 0 0 12px; color: var(--n-500); font-size: 13px; line-height: 1.6; }

/* ───────── Künye / üretim olgu listeleri ───────── */
.sd-vitrin .sd-olgular[b-r3jbyaugjx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px 24px;
    margin: 0;
}

.sd-vitrin .sd-olgular > div[b-r3jbyaugjx] { min-width: 0; }

.sd-vitrin .sd-olgular dt[b-r3jbyaugjx] {
    margin: 0 0 3px;
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.sd-vitrin .sd-olgular dd[b-r3jbyaugjx] {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--metin-murekkep);
    overflow-wrap: anywhere;
}

.sd-vitrin .sd-cipler[b-r3jbyaugjx] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }

.sd-vitrin .sd-cip[b-r3jbyaugjx] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-kart);
    background: var(--yuzey-alt);
    font-size: 12.5px;
    color: var(--metin-murekkep);
}

.sd-vitrin .sd-cip__tur[b-r3jbyaugjx] { color: var(--metin-ipucu); font-size: 11.5px; }

/* DataStates panelleri kart diline hizalanır. */
.sd-vitrin[b-r3jbyaugjx]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ───────── GENİŞ MASAÜSTÜ: başlık solda, eylemler sağ kenarda tek satır (referans 1540 sınırı) ───────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .sd-vitrin .sd-kapak[b-r3jbyaugjx] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
        align-items: center;
    }
    .sd-vitrin .sd-eylemler[b-r3jbyaugjx] { justify-self: end; flex-wrap: nowrap; }
}

/* ───────── TABLET ───────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sd-vitrin .sd-kapak[b-r3jbyaugjx] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
    .sd-vitrin .sd-sekmeler[b-r3jbyaugjx] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
}

/* ───────── CİHAZ (telefon ∪ tablet): dokunma hedefi ≥ 44 ───────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sd-vitrin :is(.sd-dugme, .sd-sekme)[b-r3jbyaugjx] { min-height: 44px; }
    .sd-vitrin[b-r3jbyaugjx]  .au-breadcrumb.sd-geri { width: 44px; height: 44px; }
    /* Cihazda dikey ritmin tek sahibi cihaz.css bant 20.2'dir (12 px); kendi alt marjımızı
       bırakırsak 16+12 = 28 px'e çıkar. */
    .sd-vitrin :is(.sd-kapak, .sd-sekmeler)[b-r3jbyaugjx] { margin-bottom: 0; }
}

/* ───────── TELEFON ───────── */
@media (max-width: 640px) {
    .sd-vitrin .sd-kapak[b-r3jbyaugjx] {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }
    .sd-vitrin .sd-kapak h1[b-r3jbyaugjx] { font-size: var(--yazi-kapak, 20px); }
    .sd-vitrin .sd-alt[b-r3jbyaugjx] { font-size: var(--yazi-kucuk, 12px); }
    /* YENI-DIL §7: eylemler başlığın altında tek satır, ikiden fazlası yatay kayar. */
    .sd-vitrin .sd-eylemler[b-r3jbyaugjx] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        gap: 6px;
    }
    .sd-vitrin .sd-sekmeler[b-r3jbyaugjx] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .sd-vitrin .sd-kart[b-r3jbyaugjx] { padding: 16px 12px; }
    .sd-vitrin .sd-bolum-baslik[b-r3jbyaugjx] { font-size: var(--yazi-bolum, 14px); }
    .sd-vitrin :is(.sd-govde, .sd-icerik, .sd-olgular dd, .sd-bos)[b-r3jbyaugjx] { font-size: var(--yazi-govde, 13px); }
    .sd-vitrin .sd-olgular[b-r3jbyaugjx] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruDuzenle.razor.rz.scp.css */
/* Soruyu düzenle — Akademik Analiz görsel dili: 23 px kapak, bölüm sekmeleri, görünür önizleme popup'ı.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; cihaz kırılımları
   docs/mobil/YENI-DIL.md §1.1. Sayfaya özel kapsam — ortak CSS dosyası DEĞİŞTİRİLMEDİ. */

.au-page.sdz-vitrin[b-5v4wa7cpiu] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ───────── Kapak ───────── */
.sdz-vitrin .sdz-kapak[b-5v4wa7cpiu] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    align-items: start;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sdz-vitrin .sdz-baslik[b-5v4wa7cpiu] { grid-area: baslik; min-width: 0; }

.sdz-vitrin .sdz-kapak h1[b-5v4wa7cpiu] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.sdz-vitrin .sdz-alt[b-5v4wa7cpiu] {
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    overflow-wrap: anywhere;
}

.sdz-vitrin .sdz-eylemler[b-5v4wa7cpiu] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ───────── Düğmeler ───────── */
.sdz-vitrin .sdz-dugme[b-5v4wa7cpiu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.sdz-vitrin .sdz-dugme:hover:not(:disabled)[b-5v4wa7cpiu] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sdz-vitrin .sdz-dugme--ana[b-5v4wa7cpiu] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.sdz-vitrin .sdz-dugme--ana:hover:not(:disabled)[b-5v4wa7cpiu] { background: var(--marka-500); border-color: var(--marka-500); }
.sdz-vitrin .sdz-dugme:disabled[b-5v4wa7cpiu] { cursor: wait; opacity: .65; }
.sdz-vitrin .sdz-dugme:focus-visible[b-5v4wa7cpiu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sdz-vitrin[b-5v4wa7cpiu]  .au-breadcrumb.sdz-geri {
    grid-area: geri;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.sdz-vitrin[b-5v4wa7cpiu]  .au-breadcrumb.sdz-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.sdz-vitrin[b-5v4wa7cpiu]  .au-breadcrumb.sdz-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ───────── Uyarı şeridi ───────── */
.sdz-vitrin .sdz-uyari[b-5v4wa7cpiu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--red-600) 32%, var(--hat-kart));
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.sdz-vitrin .sdz-uyari svg[b-5v4wa7cpiu] { flex: 0 0 16px; }

/* ───────── Bölüm sekmeleri ───────── */
.sdz-vitrin .sdz-sekmeler[b-5v4wa7cpiu] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
}

.sdz-vitrin .sdz-sekme[b-5v4wa7cpiu] {
    --sdz-vurgu: var(--marka-600);
    flex-shrink: 0;
    min-height: 34px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--kose-dugme);
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12.5px var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.sdz-vitrin .sdz-sekme:nth-child(2)[b-5v4wa7cpiu] { --sdz-vurgu: var(--marka-rampa-uc); }

.sdz-vitrin .sdz-sekme:hover[b-5v4wa7cpiu] {
    background: color-mix(in srgb, var(--sdz-vurgu) 14%, var(--yuzey));
    color: var(--sdz-vurgu);
}

.sdz-vitrin .sdz-sekme[aria-selected="true"][b-5v4wa7cpiu] { background: var(--sdz-vurgu); color: var(--on-brand); }
.sdz-vitrin .sdz-sekme:focus-visible[b-5v4wa7cpiu] { outline: 2px solid var(--sdz-vurgu); outline-offset: 2px; }

/* ───────── Bölüm kartı ───────── */
.sdz-vitrin .sdz-kart[b-5v4wa7cpiu] {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sdz-vitrin .sdz-kart[b-5v4wa7cpiu]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sdz-vitrin .sdz-kart:focus-visible[b-5v4wa7cpiu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sdz-vitrin .sdz-bolum-baslik[b-5v4wa7cpiu] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.sdz-vitrin .sdz-bolum-baslik[b-5v4wa7cpiu]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sdz-vitrin .sdz-ipucu[b-5v4wa7cpiu] { margin: 0 0 14px; color: var(--n-500); font-size: 12px; line-height: 1.6; }
.sdz-vitrin .sdz-bos[b-5v4wa7cpiu] { margin: 0 0 12px; color: var(--n-500); font-size: 13px; line-height: 1.6; }

/* ───────── Form ───────── */
.sdz-vitrin .sdz-form[b-5v4wa7cpiu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    align-items: start;
}

.sdz-vitrin[b-5v4wa7cpiu]  .app-field { min-width: 0; }
.sdz-vitrin[b-5v4wa7cpiu]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }

.sdz-vitrin[b-5v4wa7cpiu]  .app-field .app-input {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}

/* Çok satırlı alan iki sütunlu ızgarada tam genişlik kaplar. */
.sdz-vitrin .sdz-form__genis[b-5v4wa7cpiu] { grid-column: 1 / -1; min-width: 0; }

/* Yalnız bu sayfanın 34 px'lik .app-input kuralını geri alır; genişlik/satır aralığı/resize
   ortak AppField.razor.css'ten gelir (tekrar etmiyoruz). */
.sdz-vitrin[b-5v4wa7cpiu]  .app-field textarea.app-input { height: auto; min-height: 96px; padding: 10px 12px; }
.sdz-vitrin[b-5v4wa7cpiu]  .app-field__hint { color: var(--n-500); font-size: 12px; line-height: 1.5; }
.sdz-vitrin[b-5v4wa7cpiu]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sdz-vitrin .sdz-editor[b-5v4wa7cpiu] { min-width: 0; }

.sdz-vitrin[b-5v4wa7cpiu]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ───────── Önizleme popup'ı (native dialog) ───────── */
.sdz-vitrin .sdz-popup[b-5v4wa7cpiu] {
    width: min(760px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.sdz-vitrin .sdz-popup[open][b-5v4wa7cpiu] { display: flex; flex-direction: column; }
.sdz-vitrin .sdz-popup[b-5v4wa7cpiu]::backdrop { background: var(--scrim); }

/* cihaz.css bant 20.2 (`.au-page > *:not(.amn) + *`) her doğrudan çocuğa 12 px üst marj
   veriyor; bu native dialog'un otomatik merkezlemesini bozar (pencere yukarı kayar). */
body.edulive-cihaz .au-page.sdz-vitrin > dialog.sdz-popup[b-5v4wa7cpiu] { margin: auto; }

.sdz-vitrin .sdz-popup__bas[b-5v4wa7cpiu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.sdz-vitrin .sdz-popup__bas h2[b-5v4wa7cpiu] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.sdz-vitrin .sdz-popup__bas h2:focus-visible[b-5v4wa7cpiu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.sdz-vitrin .sdz-popup__bas p[b-5v4wa7cpiu] { margin: 4px 0 0; color: var(--n-500); font-size: 12px; }

.sdz-vitrin .sdz-popup__kapat[b-5v4wa7cpiu] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.sdz-vitrin .sdz-popup__kapat:hover[b-5v4wa7cpiu] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.sdz-vitrin .sdz-popup__kapat:focus-visible[b-5v4wa7cpiu] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.sdz-vitrin .sdz-popup__govde[b-5v4wa7cpiu] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px;
    font-size: 13px;
    line-height: 1.7;
}

.sdz-vitrin .sdz-popup__govde[b-5v4wa7cpiu]  img { max-width: 100%; height: auto; }

.sdz-vitrin .sdz-popup__eylem[b-5v4wa7cpiu] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ───────── GENİŞ MASAÜSTÜ: eylemler başlığın sağında tek satır ───────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .sdz-vitrin .sdz-kapak[b-5v4wa7cpiu] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
        align-items: center;
    }
    .sdz-vitrin .sdz-eylemler[b-5v4wa7cpiu] { justify-self: end; flex-wrap: nowrap; }
}

/* ───────── TABLET ───────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sdz-vitrin .sdz-kapak[b-5v4wa7cpiu] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
    .sdz-vitrin .sdz-sekmeler[b-5v4wa7cpiu] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
}

/* ───────── CİHAZ: dokunma hedefi ≥ 44 ───────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .sdz-vitrin :is(.sdz-dugme, .sdz-sekme, .sdz-popup__kapat)[b-5v4wa7cpiu] { min-height: 44px; }
    .sdz-vitrin .sdz-popup__kapat[b-5v4wa7cpiu] { width: 44px; flex-basis: 44px; }
    .sdz-vitrin[b-5v4wa7cpiu]  .au-breadcrumb.sdz-geri { width: 44px; height: 44px; }
    .sdz-vitrin[b-5v4wa7cpiu]  .app-field .app-input { height: 44px; min-height: 44px; }
    /* Dokunma hedefi kuralı çok satırlı alanı tek satıra indirmesin. */
    .sdz-vitrin[b-5v4wa7cpiu]  .app-field textarea.app-input { height: auto; min-height: 96px; }
    /* Cihazda dikey ritmin tek sahibi cihaz.css bant 20.2'dir (12 px). */
    .sdz-vitrin :is(.sdz-kapak, .sdz-uyari, .sdz-sekmeler)[b-5v4wa7cpiu] { margin-bottom: 0; }
}

/* Dokunmatikte girdi metni en az 16 px (YENI-DIL K4 — iOS yakınlaştırma engeli). */
@media (pointer: coarse) {
    .sdz-vitrin[b-5v4wa7cpiu]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ───────── TELEFON ───────── */
@media (max-width: 640px) {
    .sdz-vitrin .sdz-kapak[b-5v4wa7cpiu] { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px; }
    .sdz-vitrin .sdz-kapak h1[b-5v4wa7cpiu] { font-size: var(--yazi-kapak, 20px); }
    .sdz-vitrin .sdz-alt[b-5v4wa7cpiu] { font-size: var(--yazi-kucuk, 12px); }
    .sdz-vitrin .sdz-eylemler[b-5v4wa7cpiu] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; gap: 6px; }
    .sdz-vitrin .sdz-sekmeler[b-5v4wa7cpiu] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .sdz-vitrin .sdz-kart[b-5v4wa7cpiu] { padding: 16px 12px; }
    .sdz-vitrin .sdz-bolum-baslik[b-5v4wa7cpiu] { font-size: var(--yazi-bolum, 14px); }
    .sdz-vitrin .sdz-form[b-5v4wa7cpiu] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .sdz-vitrin .sdz-popup[b-5v4wa7cpiu] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .sdz-vitrin :is(.sdz-popup__bas, .sdz-popup__govde, .sdz-popup__eylem)[b-5v4wa7cpiu] { padding: 12px; }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruGenerate.razor.rz.scp.css */
/* SR-03 — Soru üretim sihirbazı, Akademik Analiz görsel dili (2026-09-20).
   Yalnız bu sayfa: ortak CSS (aurora/admin-users/analiz-vitrin) DEĞİŞTİRİLMEDİ.
   Kurallar: yalnız mevcut token'lar (yeni hex yok), !important yok, sabit spacer yok.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 24 px yatay / 16 px üst / 18 px alt, başlık 23 px / 700, kontrol 34 px,
   bölüm kartı 18 px dolgu + 5 px marka şeridi, köşe token'ları --kose-*.
   Alt bileşenlerin (AppWizard, AppField, TypeCardGrid, GeriBaglanti) işaretlemesine
   ::deep ile erişilir; bileşen dosyaları değiştirilmez. */

.sg-vitrin[b-f3ln0xwdy8] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
}

/* ─── Kapak: başlık + ana eylemler tek beyaz yüzeyde ─── */
.sg-kapak[b-f3ln0xwdy8] {
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sg-kapak__satir[b-f3ln0xwdy8] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.sg-kapak__metin[b-f3ln0xwdy8] {
  min-width: 0;
}

.sg-kapak .au-title[b-f3ln0xwdy8] {
  margin: 0;
  color: var(--marka-700);
  font: 700 var(--yazi-kapak, 23px) / 1.1 var(--font-display);
  letter-spacing: -0.026em;
  overflow-wrap: anywhere;
}

.sg-kapak .au-sub[b-f3ln0xwdy8] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12.5px);
  overflow-wrap: anywhere;
}

.sg-kapak__eylemler[b-f3ln0xwdy8] {
  margin-left: auto;
  flex: 0 0 auto;
  gap: 8px;
}

/* Geri düğmesi GeriBaglanti bileşeninden gelir → ::deep. */
.sg-kapak[b-f3ln0xwdy8]  .au-breadcrumb--dugme {
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Kapak ve popup eylem düğmeleri — 34 px taban çizgisi, kesik sol üst köşe. */
.sg-eylem[b-f3ln0xwdy8] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.sg-eylem:hover:not(:disabled)[b-f3ln0xwdy8] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-500);
  transform: none;
}

/* ─── Yükleniyor / uyarı satırları ─── */
.sg-durum[b-f3ln0xwdy8] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12.5px);
}

.sg-spin[b-f3ln0xwdy8] {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 2px solid var(--hat-girdi);
  border-top-color: var(--marka-600);
  border-radius: 50%;
  animation: sgDon-b-f3ln0xwdy8 0.8s linear infinite;
}

@keyframes sgDon-b-f3ln0xwdy8 {
  to {
    transform: rotate(360deg);
  }
}

.sg-banner[b-f3ln0xwdy8] {
  align-items: center;
  margin: 12px 0 0;
  border-radius: var(--kose-dugme);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.sg-banner__eylem[b-f3ln0xwdy8] {
  margin-left: auto;
  flex: 0 0 auto;
}

/* ─── Sihirbaz kartı ─── */
.sg-kart[b-f3ln0xwdy8] {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sg-kart[b-f3ln0xwdy8]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500), var(--turkuaz-500) 52%, var(--basari));
}

/* AppWizard kabuğu (Components/Ui) — yalnız görünüm, davranış dokunulmadı. */
.sg-kart[b-f3ln0xwdy8]  .app-wizard {
  gap: 16px;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-steps {
  min-width: 0;
  padding: 0;
  gap: 8px;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-step-ind {
  min-width: 0;
  padding-inline: 4px;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-step-ind__num {
  width: 30px;
  height: 30px;
  font-size: 13px;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-step-ind__label {
  font-size: 12px;
  overflow-wrap: anywhere;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-progress__fill {
  background: var(--marka-rampa-serit);
}

.sg-kart[b-f3ln0xwdy8]  .wiz-title-row {
  padding: 0;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sg-kart[b-f3ln0xwdy8]  .wiz-count {
  color: var(--metin-ipucu);
  font-size: 12px;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-kart {
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-body {
  padding: 18px;
  font-size: 13px;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-foot {
  padding: 14px 18px;
  gap: 10px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.sg-kart[b-f3ln0xwdy8]  .wiz-error {
  border-radius: var(--kose-dugme);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-btn {
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
}

.sg-kart[b-f3ln0xwdy8]  .wiz-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-500);
  transform: none;
}

.sg-kart[b-f3ln0xwdy8]  .wiz-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.sg-kart[b-f3ln0xwdy8]  .wiz-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* ─── Form alanları (Components/Ui işaretlemesi) ─── */
.sg-kart[b-f3ln0xwdy8]  .app-field {
  min-width: 0;
}

.sg-kart[b-f3ln0xwdy8]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.sg-kart[b-f3ln0xwdy8]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
}

.sg-kart[b-f3ln0xwdy8]  .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.sg-kart[b-f3ln0xwdy8]  .app-ms__control {
  min-height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
}

/* Üretim yolu / mod kartları. */
.sg-kart[b-f3ln0xwdy8]  .tcg__card {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: none;
}

.sg-kart[b-f3ln0xwdy8]  .tcg__card:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  transform: none;
}

/* TypeCardGrid'in kendi `.tcg__card.is-sel` kuralı ESKİ `--brand` tonunda 1 px iç halka
   çiziyor ve iki kural aynı özgüllükte (bileşen paketindeki sıra belirleyici olurdu).
   Seçici burada .is-sel ile bir sınıf daha alarak kesinleştirilir; halka yeni marka
   token'ına çevrilir — seçili kart belirgin kalır, eski palet sızmaz. */
.sg-kart[b-f3ln0xwdy8]  .tcg__card.is-sel {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  box-shadow: inset 0 0 0 1px var(--marka-600);
}

.sg-kart[b-f3ln0xwdy8]  .tcg__card-title {
  color: var(--marka-700);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sg-kart[b-f3ln0xwdy8]  .tcg__card-desc {
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.5;
}

.sg-kart[b-f3ln0xwdy8]  .tcg__card-badge {
  padding: 3px 7px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ─── Adım içi gruplama (sayfanın kendi işaretlemesi) ─── */
.au-field-group[b-f3ln0xwdy8] {
  padding-block: 12px;
}

.au-field-group + .au-field-group[b-f3ln0xwdy8] {
  margin-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

.au-group-title[b-f3ln0xwdy8] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 4px;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.au-group-title[b-f3ln0xwdy8]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.au-form-grid[b-f3ln0xwdy8] {
  gap: 16px 24px;
}

.au-dim[b-f3ln0xwdy8] {
  margin: 0 0 4px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

.au-error-text[b-f3ln0xwdy8] {
  margin: 6px 0 0;
  color: var(--red-600);
  font-size: 12px;
}

.sg-dagilim[b-f3ln0xwdy8] {
  margin: 10px 0 0;
  color: var(--metin-ikincil);
}

.sg-dagilim b[b-f3ln0xwdy8] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.sg-son-not[b-f3ln0xwdy8] {
  margin: 12px 0 0;
}

/* ─── Özet listesi (adım 6 + popup, aynı işaretleme) ─── */
.au-summary[b-f3ln0xwdy8] {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.au-summary b[b-f3ln0xwdy8] {
  color: var(--marka-700);
}

/* ─── Yükleniyor iskeleti ─── */
/* Yerini tuttuğu ızgaraların ölçüsünü BİREBİR taklit eder, yoksa yükleme bitince
   kartlar sıçrar: kart iskeleti TypeCardGrid `.tcg` (auto-fill/180px/10px), alan
   iskeleti ise `.au-form-grid` ile aynı. `.tcg` auto-FILL kullanıyor — auto-fit ile
   üç iskelet kartı geniş ekranda satırı doldurup gerçek kartlardan kat kat büyüyordu. */
.sg-iskelet[b-f3ln0xwdy8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.sg-iskelet--dar[b-f3ln0xwdy8] {
  margin-top: 12px;
  gap: 16px 24px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.sg-iskelet__kart[b-f3ln0xwdy8] {
  height: 78px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background:
    linear-gradient(
      90deg,
      var(--yuzey-alt) 25%,
      color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 50%,
      var(--yuzey-alt) 75%);
  background-size: 200% 100%;
  animation: sgParilti-b-f3ln0xwdy8 1.4s ease-in-out infinite;
}

@keyframes sgParilti-b-f3ln0xwdy8 {
  to {
    background-position: -200% 0;
  }
}

/* ─── Boş durum ─── */
.sg-bos[b-f3ln0xwdy8] {
  display: grid;
  gap: 10px;
  justify-items: center;
  padding: 28px 16px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey-alt);
  text-align: center;
  color: var(--metin-ikincil);
}

.sg-bos__baslik[b-f3ln0xwdy8] {
  margin: 0;
  color: var(--marka-700);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
}

.sg-bos .au-dim[b-f3ln0xwdy8] {
  max-width: 56ch;
  margin: 0;
}

.sg-bos__eylem[b-f3ln0xwdy8] {
  margin-top: 2px;
}

/* ─── Seçim özeti popup'ı (native dialog) ─── */
.sg-popup[b-f3ln0xwdy8] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sg-popup[open][b-f3ln0xwdy8] {
  display: flex;
  flex-direction: column;
}

.sg-popup[b-f3ln0xwdy8]::backdrop {
  background: var(--scrim);
}

.sg-popup__bas[b-f3ln0xwdy8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sg-popup__bas h2[b-f3ln0xwdy8] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
}

.sg-popup__kapat[b-f3ln0xwdy8] {
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
  color: var(--marka-700);
  font-size: 20px;
  line-height: 1;
}

.sg-popup__kapat:hover[b-f3ln0xwdy8] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-500);
  transform: none;
}

.sg-popup__govde[b-f3ln0xwdy8] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sg-popup__not[b-f3ln0xwdy8] {
  margin: 0 0 12px;
}

.sg-popup__eylemler[b-f3ln0xwdy8] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ─── Klavye odağı (sayfanın tamamı, alt bileşenler dahil) ─── */
.sg-vitrin[b-f3ln0xwdy8]  :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ─── MASAÜSTÜ (1024 px ve üzeri, fare): iki sütun ───
   Global `.au-form-grid` auto-fit/240px olduğu için 1440–1920 px'de iki alanlık bir
   satır ~700 px'e esniyor; tek satırlık sayı/metin girdileri için onaylı referansın
   yoğunluğu değil. abonelik-planlari-vitrin.css'teki `.planlar-vitrin .au-form-grid`
   ile aynı iki sütun düzeni uygulanır. Dokunmatik 1024–1279 bandı ve tablet/telefon
   kuralları BU BLOKTAN SONRA geldiği için onları ezmez. */
@media (min-width: 1024px) {
  .au-form-grid[b-f3ln0xwdy8],
  .sg-iskelet--dar[b-f3ln0xwdy8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ─── TABLET (docs/mobil/YENI-DIL.md §1.1 sorgu metni birebir) ─── */
@media (min-width: 641px) and (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sg-kapak[b-f3ln0xwdy8] {
    padding: 16px;
  }

  .sg-kart[b-f3ln0xwdy8] {
    padding: 16px;
  }

  .au-form-grid[b-f3ln0xwdy8],
  .sg-iskelet--dar[b-f3ln0xwdy8] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

/* ─── CİHAZ (telefon ∪ tablet): dokunma hedefi 44 px ─── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sg-eylem[b-f3ln0xwdy8],
  .sg-popup__kapat[b-f3ln0xwdy8] {
    min-height: 44px;
  }

  .sg-popup__kapat[b-f3ln0xwdy8] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    font-size: 24px;
  }

  .sg-kapak[b-f3ln0xwdy8]  .au-breadcrumb--dugme {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .sg-kart[b-f3ln0xwdy8]  .wiz-btn {
    min-height: 44px;
  }

  .sg-kart[b-f3ln0xwdy8]  .app-input {
    min-height: 44px;
  }

  .sg-kart[b-f3ln0xwdy8]  .app-ms__control {
    min-height: 44px;
  }
}

/* Dokunmatikte girdi yazısı 16 px (iOS yakınlaştırma engeli, YENI-DIL §2.3 K4). */
@media (pointer: coarse) {
  .sg-kart[b-f3ln0xwdy8]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ─── TELEFON: tek sütun, eylemler başlığın altında tek satır ─── */
@media (max-width: 640px) {
  .sg-kapak[b-f3ln0xwdy8],
  .sg-kart[b-f3ln0xwdy8] {
    padding: 16px 12px;
  }

  .sg-kapak__satir[b-f3ln0xwdy8] {
    flex-wrap: wrap;
  }

  .sg-kapak__metin[b-f3ln0xwdy8] {
    flex: 1 1 auto;
  }

  .sg-kapak__eylemler[b-f3ln0xwdy8] {
    flex: 1 1 100%;
    margin-left: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .sg-eylem[b-f3ln0xwdy8] {
    flex: 0 0 auto;
  }

  .au-form-grid[b-f3ln0xwdy8] {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .sg-iskelet[b-f3ln0xwdy8],
  .sg-iskelet--dar[b-f3ln0xwdy8] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sg-kart[b-f3ln0xwdy8]  .wiz-body,
  .sg-kart[b-f3ln0xwdy8]  .wiz-foot {
    padding: 12px;
  }

  .sg-kart[b-f3ln0xwdy8]  .wiz-steps {
    display: flex;
    flex-wrap: wrap;
  }

  .sg-kart[b-f3ln0xwdy8]  .wiz-step-ind:not(.is-active) .wiz-step-ind__label {
    display: none;
  }

  .sg-popup[b-f3ln0xwdy8] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sg-popup__bas[b-f3ln0xwdy8],
  .sg-popup__govde[b-f3ln0xwdy8],
  .sg-popup__eylemler[b-f3ln0xwdy8] {
    padding: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sg-spin[b-f3ln0xwdy8],
  .sg-iskelet__kart[b-f3ln0xwdy8] {
    animation: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruJobsList.razor.rz.scp.css */
/* Soru üretim işleri — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Bu sayfa analiz vitrini DEĞİLDİR: --anv-* / --agv-* token'ları yalnız `.au-page.analiz-vitrin`
   kapsamında tanımlıdır ve buraya miras gelmez. Bu yüzden global aurora token'ları kullanılır;
   global karşılığı OLMAYAN referans değerleri (ince ayraç, çift satır, kapak etiketi) aşağıda
   sayfa-yerel takma ad olarak, referanstaki değerin AYNISIYLA tanımlanır — yeni palet üretilmez.
   Ortak token ihtiyacı rapora "paylasilan_ihtiyac" olarak yazıldı. */

.sj-sayfa[b-v5w7zfek35] {
  --sj-hat-ince: rgba(12, 58, 116, 0.08);
  --sj-cift-satir: #f7fafe;
  --sj-etiket-renk: #55698f;
  --sj-alan-metin: #33475c;
  --sj-grup-bas: #f4f8fe;
  --sj-kart-golge: 0 1px 0 rgba(9, 26, 48, 0.04), 0 18px 34px -26px rgba(9, 26, 48, 0.5);
  --sj-kapak-golge: 0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  --sj-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  min-width: 0;
}

/* ── Beyaz kapak: başlık + süzgeç + eylem tek yüzeyde (referans 23 px) ── */
.sj-kapak[b-v5w7zfek35] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "filtre filtre filtre";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: var(--sj-kapak-golge);
}

.sj-kapak > .au-breadcrumb[b-v5w7zfek35] {
  grid-area: geri;
  align-self: center;
  margin: 0;
}

.sj-kapak__baslik[b-v5w7zfek35] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.sj-kapak .au-title[b-v5w7zfek35] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sj-kapak .au-sub[b-v5w7zfek35] {
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--muted);
}

/* ── Süzgeç alanı ── */
.sj-filtre[b-v5w7zfek35] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.sj-alan[b-v5w7zfek35] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 176px;
  max-width: 210px;
  min-width: 0;
}

.sj-alan--genis[b-v5w7zfek35] {
  flex: 1 1 220px;
  max-width: 320px;
}

.sj-alan--dar[b-v5w7zfek35] {
  flex: 0 0 132px;
  max-width: 132px;
}

.sj-etiket[b-v5w7zfek35] {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-etiket-renk);
}

.sj-girdi[b-v5w7zfek35] {
  height: 34px;
  min-width: 0;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--sj-alan-metin);
  font: 500 13px/1.2 var(--font-body);
}

.sj-girdi:hover:not(:disabled)[b-v5w7zfek35] {
  border-color: var(--marka-400);
}

.sj-girdi:focus-visible[b-v5w7zfek35],
.sj-sifirla:focus-visible[b-v5w7zfek35],
.sj-eylem:focus-visible[b-v5w7zfek35],
.sj-suzgec-ac:focus-visible[b-v5w7zfek35],
.sj-satir-eylem:focus-visible[b-v5w7zfek35],
.sj-bag:focus-visible[b-v5w7zfek35],
.sj-tablo-kap:focus-visible[b-v5w7zfek35] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sj-sifirla[b-v5w7zfek35] {
  height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.sj-sifirla:hover:not(:disabled)[b-v5w7zfek35] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sj-sifirla:disabled[b-v5w7zfek35] {
  opacity: 0.5;
  cursor: not-allowed;
}

.sj-kapsam[b-v5w7zfek35] {
  flex: 1 0 100%;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--metin-ipucu);
}

/* Telefon dışında süzgeç her zaman açıktır; aç/kapat düğmesi gizlidir. */
.sj-suzgec-ac[b-v5w7zfek35] {
  display: none;
}

/* ── Kapak eylemleri ── */
.sj-eylemler[b-v5w7zfek35] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 7px;
  margin-left: auto;
}

.sj-eylem[b-v5w7zfek35] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 500 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.sj-eylem:hover:not(:disabled)[b-v5w7zfek35] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sj-eylem:disabled[b-v5w7zfek35] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sj-eylem--birincil[b-v5w7zfek35] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  font-weight: 600;
}

.sj-eylem--birincil:hover:not(:disabled)[b-v5w7zfek35] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

/* ── Bölüm kartı ── */
.sj-bolum[b-v5w7zfek35] {
  position: relative;
  padding: 18px;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--sj-kart-golge);
  overflow: hidden;
  min-width: 0;
}

.sj-bolum[b-v5w7zfek35]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--sj-serit);
}

.sj-bolum__bas[b-v5w7zfek35] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}

.sj-bolum__baslik[b-v5w7zfek35] {
  display: flex;
  align-items: center;
  margin: 0 0 3px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.25;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.sj-bolum__baslik[b-v5w7zfek35]::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 9px;
  flex: none;
  background: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sj-bolum__alt[b-v5w7zfek35] {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── Tablo ── */
.sj-tablo-kap[b-v5w7zfek35] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--sj-hat-ince);
  border-radius: var(--kose-dugme);
  min-width: 0;
}

.sj-tablo[b-v5w7zfek35] {
  width: 100%;
  border-collapse: collapse;
  font: 400 var(--yazi-govde, 13px) / 1.45 var(--font-body);
  color: var(--metin-murekkep);
}

/* Geçiş thead boyunca tek parça çizilir; hücre arka planları şeffaftır. */
.sj-tablo thead[b-v5w7zfek35] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}

.sj-tablo th[b-v5w7zfek35] {
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 13px;
  white-space: nowrap;
}

.sj-tablo td[b-v5w7zfek35] {
  padding: 10px 13px;
  border-top: 1px solid var(--sj-hat-ince);
  vertical-align: middle;
}

.sj-tablo tbody tr:nth-child(even)[b-v5w7zfek35] {
  background: var(--sj-cift-satir);
}

.sj-satir[b-v5w7zfek35] {
  cursor: pointer;
}

/* Satır odaklanabilir DEĞİLDİR (tablo semantiği korunur); klavye odağı hücredeki
   bağlantıdadır. Buradaki vurgu yalnız fare üzerine gelme geri bildirimidir. */
.sj-satir:hover[b-v5w7zfek35],
.sj-satir:focus-within[b-v5w7zfek35] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sj-sutun-kimlik[b-v5w7zfek35] {
  min-width: 0;
}

.sj-sutun-eylem[b-v5w7zfek35] {
  text-align: right;
  white-space: nowrap;
}

.sj-soluk[b-v5w7zfek35] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sj-bag[b-v5w7zfek35] {
  border: 0;
  padding: 0;
  background: none;
  color: var(--marka-500);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}

.sj-bag:hover[b-v5w7zfek35] {
  text-decoration: underline;
}

.sj-bag--kimlik[b-v5w7zfek35] {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.sj-satir-eylem[b-v5w7zfek35] {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.sj-satir-eylem:hover[b-v5w7zfek35] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

/* ── Durum rozeti ── */
.sj-durum[b-v5w7zfek35] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.sj-durum[b-v5w7zfek35]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.sj-durum.is-active[b-v5w7zfek35] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.sj-durum.is-passive[b-v5w7zfek35] {
  background: color-mix(in srgb, var(--danger-metin) 9%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Sayfalama, boş ve iskelet ── */
.sj-sayfalama[b-v5w7zfek35] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.sj-sayfa-bilgi[b-v5w7zfek35] {
  font: 600 12.5px/1 var(--font-body);
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.sj-sonuc-yok[b-v5w7zfek35] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 18px 0 4px;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.sj-bos[b-v5w7zfek35] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.sj-bos .au-dim[b-v5w7zfek35] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  color: var(--metin-murekkep);
}

.sj-bos__aciklama[b-v5w7zfek35] {
  margin: 0;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.sj-iskelet[b-v5w7zfek35] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sj-iskelet__satir[b-v5w7zfek35] {
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--sj-grup-bas) 0%, var(--yuzey) 50%, var(--sj-grup-bas) 100%);
  background-size: 200% 100%;
  animation: sjParilti-b-v5w7zfek35 1.4s linear infinite;
}

.sj-iskelet__satir--bas[b-v5w7zfek35] {
  height: 30px;
  width: 42%;
}

.sj-iskelet__satir--kisa[b-v5w7zfek35] {
  width: 62%;
}

@keyframes sjParilti-b-v5w7zfek35 {
  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sj-iskelet__satir[b-v5w7zfek35] {
    animation: none;
  }
}

.sj-gorsel-gizli[b-v5w7zfek35] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Yerinde ayrıntı: native modal, kaydırılmış sayfanın üstünde ── */
.sj-popup[b-v5w7zfek35] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.sj-popup[open][b-v5w7zfek35] {
  display: flex;
  flex-direction: column;
}

.sj-popup[b-v5w7zfek35]::backdrop {
  background: var(--scrim);
}

.sj-popup__bas[b-v5w7zfek35] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sj-popup__bas[b-v5w7zfek35]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--sj-serit);
}

.sj-popup__bas h2[b-v5w7zfek35] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sj-popup__bas h2:focus[b-v5w7zfek35] {
  outline: none;
}

.sj-popup__alt[b-v5w7zfek35] {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.sj-popup__kapat[b-v5w7zfek35] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.sj-popup__kapat:hover[b-v5w7zfek35] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sj-popup__kapat:focus-visible[b-v5w7zfek35] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sj-popup__govde[b-v5w7zfek35] {
  flex: 0 1 auto;
  min-height: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sj-popup__eylemler[b-v5w7zfek35] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: var(--sj-grup-bas);
}

.sj-olgular[b-v5w7zfek35] {
  margin: 0;
  display: grid;
  gap: 0;
}

.sj-olgular > div[b-v5w7zfek35] {
  display: grid;
  grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--sj-hat-ince);
}

.sj-olgular > div:last-child[b-v5w7zfek35] {
  border-bottom: 0;
}

.sj-olgular dt[b-v5w7zfek35] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.sj-olgular dd[b-v5w7zfek35] {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.sj-kod[b-v5w7zfek35] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  color: var(--metin-ikincil);
}

.sj-hata[b-v5w7zfek35] {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
}

.sj-hata__mesaj[b-v5w7zfek35] {
  margin: 0;
  color: var(--danger-metin);
}

.sj-hata__tek[b-v5w7zfek35] {
  margin-top: 8px;
  font-size: 12px;
  color: var(--metin-ikincil);
}

.sj-hata__tek pre[b-v5w7zfek35] {
  margin: 6px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ═══ MASAÜSTÜ (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .sj-kapak[b-v5w7zfek35] {
    grid-template-columns: 30px minmax(0, max-content) auto;
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    justify-content: start;
  }

  .sj-kapak__baslik[b-v5w7zfek35] {
    margin-right: 8px;
  }

  /* Süzgeç kapsam satırıyla iki satıra çıkınca (`.sj-kapsam { flex: 1 0 100% }`)
     kapağın `align-items: center` kuralı eylem kabını ortalıyor ve aynı araç
     çubuğundaki düğmeleri 14 px aşağı kaydırıyordu; üst kenara sabitliyoruz. */
  .sj-eylemler[b-v5w7zfek35] {
    align-self: start;
  }
}

/* Başlık solda, süzgeç + eylem sağ kenarda (referans 1540 px eşiği). */
@media (min-width: 1540px) {
  .sj-kapak[b-v5w7zfek35] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
    justify-content: stretch;
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın
     max-content'i `.sj-alan`ın `flex: 0 1 176px` tabanını saymaz, alanlar
     alt alta yığılırdı. Kap 1fr izini doldurur, içerik sağa yaslanır. */
  .sj-filtre[b-v5w7zfek35] {
    justify-self: stretch;
    justify-content: flex-end;
  }

  .sj-kapsam[b-v5w7zfek35] {
    flex: 0 1 auto;
    order: -1;
    align-self: center;
  }
}

/* ═══ TABLET (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sj-filtre[b-v5w7zfek35] {
    flex: 1 1 100%;
  }

  .sj-alan--genis[b-v5w7zfek35] {
    max-width: none;
  }
}

/* ═══ CİHAZ: dokunma hedefi ve girdi puntosu ═══ */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sj-girdi[b-v5w7zfek35] {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .sj-sifirla[b-v5w7zfek35],
  .sj-eylem[b-v5w7zfek35],
  .sj-suzgec-ac[b-v5w7zfek35],
  .sj-popup__kapat[b-v5w7zfek35] {
    min-height: 44px;
  }

  .sj-satir-eylem[b-v5w7zfek35] {
    min-height: 44px;
    height: 44px;
    padding: 0 14px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .sj-tablo th.sj-sutun-kimlik[b-v5w7zfek35],
  .sj-tablo td.sj-sutun-kimlik[b-v5w7zfek35] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .sj-tablo thead th.sj-sutun-kimlik[b-v5w7zfek35] {
    z-index: 4;
    background: var(--marka-500);
  }

  .sj-tablo tbody tr:nth-child(even) td.sj-sutun-kimlik[b-v5w7zfek35] {
    background: var(--sj-cift-satir);
  }
}

/* ═══ TELEFON (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (max-width: 640px) {
  .sj-kapak[b-v5w7zfek35] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik suzgec"
      "eylem eylem eylem"
      "filtre filtre filtre";
    gap: 10px 8px;
    padding: 12px;
  }

  .sj-kapak__baslik[b-v5w7zfek35] {
    min-width: 0;
  }

  .sj-kapak .au-title[b-v5w7zfek35] {
    overflow-wrap: anywhere;
  }

  .sj-kapak .au-sub[b-v5w7zfek35] {
    font-size: 12px;
  }

  /* Katlanabilir süzgeç: telefonda yalnız açıkken çizilir. */
  .sj-suzgec-ac[b-v5w7zfek35] {
    grid-area: suzgec;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
  }

  .sj-suzgec-ac[aria-expanded="true"][b-v5w7zfek35] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
  }

  .sj-filtre[b-v5w7zfek35] {
    display: none;
    flex-direction: column;
    align-items: stretch;
  }

  .sj-filtre.is-acik[b-v5w7zfek35] {
    display: flex;
  }

  .sj-alan[b-v5w7zfek35],
  .sj-alan--genis[b-v5w7zfek35],
  .sj-alan--dar[b-v5w7zfek35] {
    flex: 1 1 auto;
    max-width: none;
  }

  .sj-eylemler[b-v5w7zfek35] {
    grid-area: eylem;
    justify-content: flex-start;
    margin: 0;
  }

  .sj-eylem[b-v5w7zfek35] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .sj-bolum[b-v5w7zfek35] {
    padding: 14px;
  }

  .sj-tablo-kap[b-v5w7zfek35] {
    max-height: min(440px, 62dvh);
  }

  .sj-olgular > div[b-v5w7zfek35] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .sj-popup[b-v5w7zfek35] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sj-popup__bas[b-v5w7zfek35] {
    padding: 18px 16px 14px;
  }

  .sj-popup__bas h2[b-v5w7zfek35] {
    font-size: 18px;
  }

  .sj-popup__govde[b-v5w7zfek35] {
    padding: 16px;
  }

  .sj-popup__eylemler[b-v5w7zfek35] {
    padding: 12px 16px;
  }

  .sj-popup__eylemler .sj-eylem[b-v5w7zfek35] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Question/SorularList.razor.rz.scp.css */
/* Soru kütüphanesi — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Bu sayfa analiz vitrini DEĞİLDİR: --anv-* / --agv-* token'ları yalnız `.au-page.analiz-vitrin`
   kapsamında tanımlıdır ve buraya miras gelmez. Bu yüzden global aurora token'ları kullanılır;
   global karşılığı OLMAYAN referans değerleri (ince ayraç, çift satır, kapak etiketi) aşağıda
   sayfa-yerel takma ad olarak, referanstaki değerin AYNISIYLA tanımlanır — yeni palet üretilmez.
   Kardeş uygulama: SoruJobsList.razor.css (SR-05). */

.sl-sayfa[b-1iv9njt4zs] {
  --sl-hat-ince: rgba(12, 58, 116, 0.08);
  --sl-cift-satir: #f7fafe;
  --sl-etiket-renk: #55698f;
  --sl-alan-metin: #33475c;
  --sl-grup-bas: #f4f8fe;
  --sl-kart-golge: 0 1px 0 rgba(9, 26, 48, 0.04), 0 18px 34px -26px rgba(9, 26, 48, 0.5);
  --sl-kapak-golge: 0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  --sl-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  max-width: none;
  min-width: 0;
}

/* ── Beyaz kapak: başlık + süzgeç + eylem tek yüzeyde (referans 23 px / 24-16-18 px) ── */
.sl-kapak[b-1iv9njt4zs] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "filtre filtre filtre";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: var(--sl-kapak-golge);
}

/* GeriBaglanti AYRI bir bileşendir: kapsam niteliği (b-xxxx) onun işaretlemesine
   inmez, bu yüzden `.sl-kapak > .au-breadcrumb` HİÇ eşleşmez (ölü kural). Çocuk
   bileşene ulaşmanın tek yolu ::deep — referans: AnalizSinavlar.razor.css. */
.sl-kapak[b-1iv9njt4zs]  .au-breadcrumb {
  grid-area: geri;
  align-self: center;
  margin: 0;
}

.sl-kapak__baslik[b-1iv9njt4zs] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.sl-kapak .au-title[b-1iv9njt4zs] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sl-kapak .au-sub[b-1iv9njt4zs] {
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--muted);
}

/* ── Süzgeç alanı ── */
.sl-filtre[b-1iv9njt4zs] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.sl-alan[b-1iv9njt4zs] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 176px;
  max-width: 210px;
  min-width: 0;
}

.sl-alan--genis[b-1iv9njt4zs] {
  flex: 1 1 220px;
  max-width: 320px;
}

.sl-alan--dar[b-1iv9njt4zs] {
  flex: 0 0 132px;
  max-width: 132px;
}

.sl-etiket[b-1iv9njt4zs] {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sl-etiket-renk);
}

.sl-girdi[b-1iv9njt4zs] {
  height: 34px;
  min-width: 0;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--sl-alan-metin);
  font: 500 13px/1.2 var(--font-body);
}

.sl-girdi:hover:not(:disabled)[b-1iv9njt4zs] {
  border-color: var(--marka-400);
}

.sl-girdi:focus-visible[b-1iv9njt4zs],
.sl-sifirla:focus-visible[b-1iv9njt4zs],
.sl-eylem:focus-visible[b-1iv9njt4zs],
.sl-suzgec-ac:focus-visible[b-1iv9njt4zs],
.sl-satir-eylem:focus-visible[b-1iv9njt4zs],
.sl-bag:focus-visible[b-1iv9njt4zs],
.sl-popup__kapat:focus-visible[b-1iv9njt4zs],
.sl-tablo-kap:focus-visible[b-1iv9njt4zs] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sl-sifirla[b-1iv9njt4zs] {
  height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.sl-sifirla:hover:not(:disabled)[b-1iv9njt4zs] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sl-sifirla:disabled[b-1iv9njt4zs] {
  opacity: 0.5;
  cursor: not-allowed;
}

.sl-kapsam[b-1iv9njt4zs] {
  flex: 1 0 100%;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--metin-ipucu);
}

/* Telefon dışında süzgeç her zaman açıktır; aç/kapat düğmesi gizlidir. */
.sl-suzgec-ac[b-1iv9njt4zs] {
  display: none;
}

/* ── Kapak eylemleri ── */
.sl-eylemler[b-1iv9njt4zs] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 7px;
  margin-left: auto;
}

.sl-eylem[b-1iv9njt4zs] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 500 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.sl-eylem:hover:not(:disabled)[b-1iv9njt4zs] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sl-eylem:disabled[b-1iv9njt4zs] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sl-eylem--birincil[b-1iv9njt4zs] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  font-weight: 600;
}

.sl-eylem--birincil:hover:not(:disabled)[b-1iv9njt4zs] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

/* ── Bölüm kartı ── */
.sl-bolum[b-1iv9njt4zs] {
  position: relative;
  padding: 18px;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--sl-kart-golge);
  overflow: hidden;
  min-width: 0;
}

.sl-bolum[b-1iv9njt4zs]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--sl-serit);
}

.sl-bolum__bas[b-1iv9njt4zs] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}

.sl-bolum__baslik[b-1iv9njt4zs] {
  display: flex;
  align-items: center;
  margin: 0 0 3px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.25;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.sl-bolum__baslik[b-1iv9njt4zs]::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 9px;
  flex: none;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sl-bolum__alt[b-1iv9njt4zs] {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ── */
.sl-tablo-kap[b-1iv9njt4zs] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--sl-hat-ince);
  border-radius: var(--kose-dugme);
  min-width: 0;
}

.sl-tablo[b-1iv9njt4zs] {
  width: 100%;
  border-collapse: collapse;
  font: 400 var(--yazi-govde, 13px) / 1.45 var(--font-body);
  color: var(--metin-murekkep);
}

/* Geçiş thead boyunca tek parça çizilir; hücre arka planları şeffaftır. */
.sl-tablo thead[b-1iv9njt4zs] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}

.sl-tablo th[b-1iv9njt4zs] {
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 13px;
  white-space: nowrap;
}

.sl-tablo td[b-1iv9njt4zs] {
  padding: 10px 13px;
  border-top: 1px solid var(--sl-hat-ince);
  vertical-align: middle;
}

.sl-tablo tbody tr:nth-child(even)[b-1iv9njt4zs] {
  background: var(--sl-cift-satir);
}

.sl-satir[b-1iv9njt4zs] {
  cursor: pointer;
}

/* Satır odaklanabilir DEĞİLDİR (tablo semantiği korunur); klavye odağı hücredeki
   bağlantıdadır. Buradaki vurgu yalnız fare üzerine gelme geri bildirimidir. */
.sl-satir:hover[b-1iv9njt4zs],
.sl-satir:focus-within[b-1iv9njt4zs] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sl-sutun-konu[b-1iv9njt4zs] {
  min-width: 0;
}

.sl-sutun-eylem[b-1iv9njt4zs] {
  width: 1%;
  text-align: right;
  white-space: nowrap;
}

.sl-soluk[b-1iv9njt4zs] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sl-bag[b-1iv9njt4zs] {
  color: var(--marka-500);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.sl-bag:hover[b-1iv9njt4zs] {
  text-decoration: underline;
}

.sl-satir-eylem[b-1iv9njt4zs] {
  height: 28px;
  margin-left: 6px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.sl-satir-eylem:hover:not(:disabled)[b-1iv9njt4zs] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.sl-satir-eylem:disabled[b-1iv9njt4zs] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sl-satir-eylem--yikici[b-1iv9njt4zs] {
  color: var(--danger-metin);
}

.sl-satir-eylem--yikici:hover:not(:disabled)[b-1iv9njt4zs] {
  border-color: color-mix(in srgb, var(--danger-metin) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger-metin) 8%, var(--yuzey));
}

/* ── Onay rozeti ── */
.sl-durum[b-1iv9njt4zs] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.sl-durum[b-1iv9njt4zs]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.sl-durum.is-active[b-1iv9njt4zs] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

/* ── Sayfalama, boş ve iskelet ── */
.sl-sayfalama[b-1iv9njt4zs] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.sl-sayfa-bilgi[b-1iv9njt4zs] {
  font: 600 12.5px/1 var(--font-body);
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.sl-bos[b-1iv9njt4zs] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.sl-bos .au-dim[b-1iv9njt4zs] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  color: var(--metin-murekkep);
}

.sl-bos__aciklama[b-1iv9njt4zs] {
  margin: 0;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.sl-iskelet[b-1iv9njt4zs] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sl-iskelet__satir[b-1iv9njt4zs] {
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--sl-grup-bas) 0%, var(--yuzey) 50%, var(--sl-grup-bas) 100%);
  background-size: 200% 100%;
  animation: slParilti-b-1iv9njt4zs 1.4s linear infinite;
}

.sl-iskelet__satir--bas[b-1iv9njt4zs] {
  height: 30px;
  width: 42%;
}

.sl-iskelet__satir--kisa[b-1iv9njt4zs] {
  width: 62%;
}

@keyframes slParilti-b-1iv9njt4zs {
  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sl-iskelet__satir[b-1iv9njt4zs] {
    animation: none;
  }
}

.sl-gorsel-gizli[b-1iv9njt4zs] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Yerinde ayrıntı: native modal, kaydırılmış sayfanın üstünde ── */
.sl-popup[b-1iv9njt4zs] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.sl-popup[open][b-1iv9njt4zs] {
  display: flex;
  flex-direction: column;
}

.sl-popup[b-1iv9njt4zs]::backdrop {
  background: var(--scrim);
}

.sl-popup__bas[b-1iv9njt4zs] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sl-popup__bas[b-1iv9njt4zs]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--sl-serit);
}

.sl-popup__bas h2[b-1iv9njt4zs] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.sl-popup__bas h2:focus[b-1iv9njt4zs] {
  outline: none;
}

.sl-popup__alt[b-1iv9njt4zs] {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.sl-popup__kapat[b-1iv9njt4zs] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.sl-popup__kapat:hover[b-1iv9njt4zs] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sl-popup__govde[b-1iv9njt4zs] {
  flex: 0 1 auto;
  min-height: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sl-popup__eylemler[b-1iv9njt4zs] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: var(--sl-grup-bas);
}

.sl-olgular[b-1iv9njt4zs] {
  margin: 0;
  display: grid;
  gap: 0;
}

.sl-olgular > div[b-1iv9njt4zs] {
  display: grid;
  grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--sl-hat-ince);
}

.sl-olgular > div:last-child[b-1iv9njt4zs] {
  border-bottom: 0;
}

.sl-olgular dt[b-1iv9njt4zs] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.sl-olgular dd[b-1iv9njt4zs] {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.sl-giris[b-1iv9njt4zs] {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--sl-hat-ince);
  border-radius: var(--kose-kart);
  background: var(--sl-grup-bas);
}

.sl-giris__baslik[b-1iv9njt4zs] {
  margin: 0 0 6px;
  font: 700 12.5px/1.3 var(--font-body);
  letter-spacing: 0.02em;
  color: var(--metin-ikincil);
}

.sl-giris__metin[b-1iv9njt4zs] {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ═══ MASAÜSTÜ (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .sl-kapak[b-1iv9njt4zs] {
    grid-template-columns: 30px minmax(0, max-content) auto;
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    justify-content: start;
  }

  .sl-kapak__baslik[b-1iv9njt4zs] {
    margin-right: 8px;
  }
}

/* 1540 px tek satır kapağı KALDIRILDI: altı süzgeç kontrolünün taban genişliği
   (320 + 3×176 + 132 + ~64 + 5×12 gap ≈ 1004 px) `.au-page{max-width:1600px}`
   altında hiçbir genişlikte tek satıra sığmıyordu; süzgeç iki satıra kırılıp
   `align-items:center` yüzünden başlık/eylemle hizasız kalıyordu. Ayrıca
   `.sl-kapsam{order:-1}` ipucu paragrafını kontrol satırının başına alıp 532 px
   yiyor, arama alanını diğer süzgeçlerden koparıyordu. Masaüstü katmanı
   ("geri baslik ." / "filtre filtre eylem") artık ≥1024 px'in tamamında geçerli;
   `.sl-kapsam` taban kuralıyla (flex: 1 0 100%) kendi tam-genişlik satırında kalır. */

/* ═══ TABLET (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sl-filtre[b-1iv9njt4zs] {
    flex: 1 1 100%;
  }

  .sl-alan--genis[b-1iv9njt4zs] {
    max-width: none;
  }
}

/* ═══ CİHAZ: dokunma hedefi ve girdi puntosu (K4) ═══ */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sl-girdi[b-1iv9njt4zs] {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .sl-sifirla[b-1iv9njt4zs],
  .sl-eylem[b-1iv9njt4zs],
  .sl-suzgec-ac[b-1iv9njt4zs],
  .sl-popup__kapat[b-1iv9njt4zs] {
    min-height: 44px;
  }

  .sl-satir-eylem[b-1iv9njt4zs] {
    min-height: 44px;
    height: 44px;
    padding: 0 14px;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .sl-tablo th.sl-sutun-konu[b-1iv9njt4zs],
  .sl-tablo td.sl-sutun-konu[b-1iv9njt4zs] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .sl-tablo thead th.sl-sutun-konu[b-1iv9njt4zs] {
    z-index: 4;
    background: var(--marka-500);
  }

  .sl-tablo tbody tr:nth-child(even) td.sl-sutun-konu[b-1iv9njt4zs] {
    background: var(--sl-cift-satir);
  }
}

/* ═══ TELEFON (docs/mobil/YENI-DIL.md §1.1, §7) ═══ */
@media (max-width: 640px) {
  .sl-kapak[b-1iv9njt4zs] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik suzgec"
      "eylem eylem eylem"
      "filtre filtre filtre";
    gap: 10px 8px;
    padding: 12px;
  }

  .sl-kapak__baslik[b-1iv9njt4zs] {
    min-width: 0;
  }

  .sl-kapak .au-title[b-1iv9njt4zs] {
    font-size: var(--yazi-kapak, 20px);
    overflow-wrap: anywhere;
  }

  .sl-kapak .au-sub[b-1iv9njt4zs] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Katlanabilir süzgeç: telefonda yalnız açıkken çizilir. */
  .sl-suzgec-ac[b-1iv9njt4zs] {
    grid-area: suzgec;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px/1 var(--font-body);
    cursor: pointer;
  }

  .sl-suzgec-ac[aria-expanded="true"][b-1iv9njt4zs] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
  }

  .sl-filtre[b-1iv9njt4zs] {
    display: none;
    flex-direction: column;
    align-items: stretch;
  }

  .sl-filtre.is-acik[b-1iv9njt4zs] {
    display: flex;
  }

  .sl-alan[b-1iv9njt4zs],
  .sl-alan--genis[b-1iv9njt4zs],
  .sl-alan--dar[b-1iv9njt4zs] {
    flex: 1 1 auto;
    max-width: none;
  }

  .sl-eylemler[b-1iv9njt4zs] {
    grid-area: eylem;
    justify-content: flex-start;
    margin: 0;
  }

  .sl-eylem[b-1iv9njt4zs] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .sl-bolum[b-1iv9njt4zs] {
    padding: 14px;
  }

  .sl-tablo-kap[b-1iv9njt4zs] {
    max-height: min(440px, 62dvh);
  }

  .sl-satir-eylem[b-1iv9njt4zs] {
    margin: 2px 0 2px 6px;
  }

  .sl-olgular > div[b-1iv9njt4zs] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .sl-popup[b-1iv9njt4zs] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sl-popup__bas[b-1iv9njt4zs] {
    padding: 18px 16px 14px;
  }

  .sl-popup__bas h2[b-1iv9njt4zs] {
    font-size: 18px;
  }

  .sl-popup__govde[b-1iv9njt4zs] {
    padding: 16px;
  }

  .sl-popup__eylemler[b-1iv9njt4zs] {
    padding: 12px 16px;
  }

  .sl-popup__eylemler .sl-eylem[b-1iv9njt4zs] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruReactIzleme.razor.rz.scp.css */
/* ReAct soru üretimi izleme — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Bu sayfa analiz vitrini DEĞİLDİR: --anv-* / --agv-* token'ları yalnız `.au-page.analiz-vitrin`
   kapsamında tanımlıdır ve buraya miras gelmez. Global aurora token'ları kullanılır; global
   karşılığı OLMAYAN referans değerleri sayfa-yerel takma ad olarak, referanstaki değerin
   AYNISIYLA tanımlanır — yeni palet üretilmez. Ortak token ihtiyacı raporda. */

.sr-sayfa[b-m32o2wmm8y] {
  --sr-hat-ince: rgba(12, 58, 116, 0.08);
  --sr-cift-satir: #f7fafe;
  --sr-grup-bas: #f4f8fe;
  /* Referanstaki --agv-kpi-etiket-1..6 değerleri; 1. bandın karşılığı global --marka-600. */
  --sr-bant-2: #1b5f93;
  --sr-bant-3: #0a7183;
  --sr-bant-4: #0a7a72;
  --sr-bant-5: #107a5c;
  --sr-bant-6: #227a44;
  --sr-kart-golge: 0 1px 0 rgba(9, 26, 48, 0.04), 0 18px 34px -26px rgba(9, 26, 48, 0.5);
  --sr-kapak-golge: 0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  --sr-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  min-width: 0;
}

/* ── Beyaz kapak (referans 23 px) ── */
.sr-kapak[b-m32o2wmm8y] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: var(--sr-kapak-golge);
}

.sr-kapak > .au-breadcrumb[b-m32o2wmm8y] {
  grid-area: geri;
  align-self: center;
  margin: 0;
}

.sr-kapak__baslik[b-m32o2wmm8y] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.sr-kapak .au-title[b-m32o2wmm8y] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sr-kapak .au-sub[b-m32o2wmm8y] {
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.sr-eylemler[b-m32o2wmm8y] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.sr-eylem[b-m32o2wmm8y] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 500 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.sr-eylem:hover:not(:disabled)[b-m32o2wmm8y] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sr-eylem:disabled[b-m32o2wmm8y] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sr-eylem:focus-visible[b-m32o2wmm8y],
.sr-satir-eylem:focus-visible[b-m32o2wmm8y],
.sr-popup__kapat:focus-visible[b-m32o2wmm8y],
.sr-tablo-kap:focus-visible[b-m32o2wmm8y],
.sr-panel:focus-visible[b-m32o2wmm8y] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sr-eylem--birincil[b-m32o2wmm8y] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  font-weight: 600;
}

.sr-eylem--birincil:hover:not(:disabled)[b-m32o2wmm8y] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.sr-eylem-satiri[b-m32o2wmm8y] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

/* ── Bölüm sekmeleri (referans şerit ölçüleri) ── */
.sr-sekmeler[b-m32o2wmm8y] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 6px;
  margin: 0 0 16px;
  min-width: 0;
  background: var(--yuzey);
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.sr-sekme[b-m32o2wmm8y] {
  --sr-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.sr-sekme:nth-child(2)[b-m32o2wmm8y] { --sr-sekme-vurgu: var(--sr-bant-3); }

.sr-sekmeler .sr-sekme:hover[b-m32o2wmm8y] {
  background: color-mix(in srgb, var(--sr-sekme-vurgu) 14%, var(--yuzey));
  color: var(--sr-sekme-vurgu);
}

.sr-sekmeler .sr-sekme[aria-selected="true"][b-m32o2wmm8y] {
  background: var(--sr-sekme-vurgu);
  color: var(--on-brand);
}

.sr-sekme:focus-visible[b-m32o2wmm8y] {
  outline: 2px solid var(--sr-sekme-vurgu);
  outline-offset: 2px;
}

.sr-panel[b-m32o2wmm8y] {
  min-width: 0;
}

/* ── Bölüm kartı ── */
.sr-bolum[b-m32o2wmm8y] {
  position: relative;
  padding: 18px;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--sr-kart-golge);
  overflow: hidden;
  min-width: 0;
}

.sr-bolum[b-m32o2wmm8y]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--sr-serit);
}

.sr-bolum__bas[b-m32o2wmm8y] {
  margin-bottom: 12px;
}

.sr-bolum__baslik[b-m32o2wmm8y] {
  display: flex;
  align-items: center;
  margin: 0 0 3px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.25;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.sr-bolum__baslik[b-m32o2wmm8y]::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 9px;
  flex: none;
  background: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sr-bolum__alt[b-m32o2wmm8y] {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── Canlı satırı ── */
.sr-canli[b-m32o2wmm8y] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  font-size: 13.5px;
  color: var(--metin-ikincil);
}

.sr-donen[b-m32o2wmm8y] {
  width: 16px;
  height: 16px;
  flex: none;
  border-radius: 50%;
  border: 2px solid var(--hat-girdi);
  border-top-color: var(--marka-500);
  animation: srDonus-b-m32o2wmm8y 0.8s linear infinite;
}

@keyframes srDonus-b-m32o2wmm8y {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sr-donen[b-m32o2wmm8y] {
    animation-duration: 2.4s;
  }
}

/* ── Ölçü şeridi: tek birleşik yüzey (referans KPI şeridi ölçüleri) ── */
.sr-olcu-serit[b-m32o2wmm8y] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.sr-olcu[b-m32o2wmm8y] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  background: var(--yuzey);
  border-right: 1px solid var(--sr-hat-ince);
  border-bottom: 1px solid var(--sr-hat-ince);
  min-width: 0;
}

.sr-olcu:nth-child(2n)[b-m32o2wmm8y] {
  border-right: 0;
}

.sr-olcu:nth-last-child(-n + 2)[b-m32o2wmm8y] {
  border-bottom: 0;
}

.sr-olcu__bant[b-m32o2wmm8y] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font: 700 11.5px/1 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sr-olcu__bant--1[b-m32o2wmm8y] { background: var(--marka-600); }
.sr-olcu__bant--2[b-m32o2wmm8y] { background: var(--sr-bant-2); }
.sr-olcu__bant--3[b-m32o2wmm8y] { background: var(--sr-bant-3); }
.sr-olcu__bant--4[b-m32o2wmm8y] { background: var(--sr-bant-4); }
.sr-olcu__bant--5[b-m32o2wmm8y] { background: var(--sr-bant-5); }
.sr-olcu__bant--6[b-m32o2wmm8y] { background: var(--sr-bant-6); }

.sr-olcu__deger[b-m32o2wmm8y] {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.3;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

.sr-olcu__deger--sayi[b-m32o2wmm8y] {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

/* ── Durum rozeti ── */
.sr-durum[b-m32o2wmm8y] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
}

.sr-durum[b-m32o2wmm8y]::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
}

.sr-durum.is-active[b-m32o2wmm8y] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.sr-durum.is-passive[b-m32o2wmm8y] {
  background: color-mix(in srgb, var(--danger-metin) 9%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Olgular ── */
.sr-olgular[b-m32o2wmm8y] {
  margin: 16px 0 0;
  display: grid;
  gap: 0;
}

.sr-olgular > div[b-m32o2wmm8y] {
  display: grid;
  grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--sr-hat-ince);
}

.sr-olgular > div:last-child[b-m32o2wmm8y] {
  border-bottom: 0;
}

.sr-olgular dt[b-m32o2wmm8y] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.sr-olgular dd[b-m32o2wmm8y] {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.sr-kod[b-m32o2wmm8y] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  color: var(--metin-ikincil);
}

.sr-err[b-m32o2wmm8y] {
  display: block;
  color: var(--danger-metin);
  line-height: 1.55;
}

/* Bitmiş ama soru kaydı oluşmamış çalışmanın açıklaması (kapalı uç bildirimi). */
.sr-not[b-m32o2wmm8y] {
  margin: 14px 0 0;
  padding: 11px 14px;
  border: 1px solid var(--sr-hat-ince);
  border-radius: var(--kose-kart);
  background: var(--sr-grup-bas);
  font-size: 13px;
  line-height: 1.55;
  color: var(--metin-ikincil);
}

/* ── Adım tablosu ── */
.sr-tablo-kap[b-m32o2wmm8y] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--sr-hat-ince);
  border-radius: var(--kose-dugme);
  min-width: 0;
}

.sr-tablo[b-m32o2wmm8y] {
  width: 100%;
  border-collapse: collapse;
  font: 400 var(--yazi-govde, 13px) / 1.45 var(--font-body);
  color: var(--metin-murekkep);
}

/* Geçiş thead boyunca tek parça çizilir; hücre arka planları şeffaftır. */
.sr-tablo thead[b-m32o2wmm8y] {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--marka-rampa-serit);
}

.sr-tablo th[b-m32o2wmm8y] {
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 13px;
  white-space: nowrap;
}

.sr-tablo td[b-m32o2wmm8y] {
  padding: 10px 13px;
  border-top: 1px solid var(--sr-hat-ince);
  vertical-align: middle;
}

.sr-tablo tbody tr:nth-child(even)[b-m32o2wmm8y] {
  background: var(--sr-cift-satir);
}

/* Satır tıklanabilir DEĞİL; vurgu yalnız satır içindeki düğme odaklandığında verilir. */
.sr-satir:focus-within[b-m32o2wmm8y] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sr-sutun-no[b-m32o2wmm8y] {
  width: 56px;
  font-variant-numeric: tabular-nums;
  color: var(--metin-ipucu);
}

.sr-sutun-tur[b-m32o2wmm8y] {
  min-width: 0;
}

.sr-sutun-eylem[b-m32o2wmm8y] {
  text-align: right;
  white-space: nowrap;
}

.sr-soluk[b-m32o2wmm8y] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sr-tur[b-m32o2wmm8y] {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 9%, var(--yuzey));
  color: var(--marka-700);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.sr-tur.is-arac[b-m32o2wmm8y] {
  background: color-mix(in srgb, var(--sr-bant-3) 12%, var(--yuzey));
  color: var(--sr-bant-3);
}

.sr-tur.is-final[b-m32o2wmm8y] {
  background: color-mix(in srgb, var(--sr-bant-6) 14%, var(--yuzey));
  color: var(--sr-bant-6);
}

.sr-tur.is-hata[b-m32o2wmm8y] {
  background: color-mix(in srgb, var(--danger-metin) 9%, var(--yuzey));
  color: var(--danger-metin);
}

.sr-satir-eylem[b-m32o2wmm8y] {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.sr-satir-eylem:hover[b-m32o2wmm8y] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.sr-gorsel-gizli[b-m32o2wmm8y] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Boş ve iskelet ── */
.sr-bos[b-m32o2wmm8y] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.sr-bos__baslik[b-m32o2wmm8y] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  color: var(--metin-murekkep);
}

.sr-bos__aciklama[b-m32o2wmm8y] {
  margin: 0;
  max-width: 56ch;
  font-size: 13px;
  line-height: 1.55;
  color: var(--metin-ikincil);
}

.sr-iskelet[b-m32o2wmm8y] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sr-iskelet__satir[b-m32o2wmm8y] {
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--sr-grup-bas) 0%, var(--yuzey) 50%, var(--sr-grup-bas) 100%);
  background-size: 200% 100%;
  animation: srParilti-b-m32o2wmm8y 1.4s linear infinite;
}

.sr-iskelet__satir--bas[b-m32o2wmm8y] {
  height: 30px;
  width: 38%;
}

.sr-iskelet__satir--kisa[b-m32o2wmm8y] {
  width: 60%;
}

@keyframes srParilti-b-m32o2wmm8y {
  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sr-iskelet__satir[b-m32o2wmm8y] {
    animation: none;
  }
}

/* ── Adım ayrıntısı: native modal ── */
.sr-popup[b-m32o2wmm8y] {
  width: min(760px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.sr-popup[open][b-m32o2wmm8y] {
  display: flex;
  flex-direction: column;
}

.sr-popup[b-m32o2wmm8y]::backdrop {
  background: var(--scrim);
}

.sr-popup__bas[b-m32o2wmm8y] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sr-popup__bas[b-m32o2wmm8y]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--sr-serit);
}

.sr-popup__bas h2[b-m32o2wmm8y] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sr-popup__bas h2:focus[b-m32o2wmm8y] {
  outline: none;
}

.sr-popup__alt[b-m32o2wmm8y] {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.sr-popup__kapat[b-m32o2wmm8y] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.sr-popup__kapat:hover[b-m32o2wmm8y] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sr-popup__govde[b-m32o2wmm8y] {
  flex: 0 1 auto;
  min-height: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sr-popup__alt-baslik[b-m32o2wmm8y] {
  margin: 0 0 6px;
  font: 700 12px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.sr-popup__alt-baslik + .sr-dokum[b-m32o2wmm8y] {
  margin-bottom: 16px;
}

/* Olgu listesindeki hata: öğretmen-dostu mesaj + altında teknik döküm. */
.sr-err + .sr-dokum[b-m32o2wmm8y] {
  margin-top: 8px;
}

.sr-popup__bos[b-m32o2wmm8y] {
  margin: 0;
  color: var(--metin-ikincil);
}

/* Sınıflı <pre>; cihaz.css'in `details pre:not([class])` kuralı buraya UYGULANMAZ. */
.sr-dokum[b-m32o2wmm8y] {
  margin: 0;
  padding: 12px;
  max-height: 38vh;
  overflow: auto;
  overscroll-behavior: contain;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--sr-hat-ince);
  border-radius: var(--kose-kart);
  background: var(--sr-grup-bas);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.sr-popup__eylemler[b-m32o2wmm8y] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: var(--sr-grup-bas);
}

/* ═══ MASAÜSTÜ (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .sr-olcu-serit[b-m32o2wmm8y] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  /* Taban iki sütunlu olduğu için `.sr-olcu:nth-child(2n)` dikey ayracı siliyor; o kural
     bu blokta AYNI özgüllükle geri alınmazsa altı sütunda 2. ve 4. ayraç kaybolur. */
  .sr-olcu[b-m32o2wmm8y],
  .sr-olcu:nth-child(2n)[b-m32o2wmm8y] {
    border-bottom: 0;
    border-right: 1px solid var(--sr-hat-ince);
  }

  .sr-olcu:nth-child(6n)[b-m32o2wmm8y],
  .sr-olcu:last-child[b-m32o2wmm8y] {
    border-right: 0;
  }

  .sr-sekme[b-m32o2wmm8y] {
    flex: 0 0 auto;
  }
}

/* ═══ TABLET: üç sütunlu ölçü şeridi ═══ */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sr-olcu-serit[b-m32o2wmm8y] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sr-olcu:nth-child(2n)[b-m32o2wmm8y] {
    border-right: 1px solid var(--sr-hat-ince);
  }

  .sr-olcu:nth-child(3n)[b-m32o2wmm8y] {
    border-right: 0;
  }

  .sr-olcu:nth-last-child(-n + 3)[b-m32o2wmm8y] {
    border-bottom: 0;
  }
}

/* ═══ CİHAZ: dokunma hedefi + yatay kayan sekme şeridi ═══ */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sr-sekmeler[b-m32o2wmm8y] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .sr-sekme[b-m32o2wmm8y] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .sr-eylem[b-m32o2wmm8y],
  .sr-popup__kapat[b-m32o2wmm8y] {
    min-height: 44px;
  }

  .sr-satir-eylem[b-m32o2wmm8y] {
    min-height: 44px;
    height: 44px;
    padding: 0 14px;
  }

  /* İlk anlamlı sütun (adım türü) yatay kaydırmada yapışık kalır. */
  .sr-tablo th.sr-sutun-tur[b-m32o2wmm8y],
  .sr-tablo td.sr-sutun-tur[b-m32o2wmm8y] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .sr-tablo thead th.sr-sutun-tur[b-m32o2wmm8y] {
    z-index: 4;
    background: var(--marka-500);
  }

  .sr-tablo tbody tr:nth-child(even) td.sr-sutun-tur[b-m32o2wmm8y] {
    background: var(--sr-cift-satir);
  }
}

/* ═══ TELEFON (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (max-width: 640px) {
  .sr-kapak[b-m32o2wmm8y] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    gap: 10px 8px;
    padding: 12px;
  }

  .sr-eylemler[b-m32o2wmm8y] {
    justify-content: flex-start;
  }

  .sr-eylem[b-m32o2wmm8y] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .sr-bolum[b-m32o2wmm8y] {
    padding: 14px;
  }

  .sr-olcu-serit[b-m32o2wmm8y] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sr-olcu[b-m32o2wmm8y] {
    border-right: 0;
  }

  .sr-olcu:last-child[b-m32o2wmm8y] {
    border-bottom: 0;
  }

  .sr-olgular > div[b-m32o2wmm8y] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .sr-tablo-kap[b-m32o2wmm8y] {
    max-height: min(440px, 62dvh);
  }

  .sr-popup[b-m32o2wmm8y] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sr-popup__bas[b-m32o2wmm8y] {
    padding: 18px 16px 14px;
  }

  .sr-popup__bas h2[b-m32o2wmm8y] {
    font-size: 18px;
  }

  .sr-popup__govde[b-m32o2wmm8y] {
    padding: 16px;
  }

  .sr-popup__eylemler[b-m32o2wmm8y] {
    padding: 12px 16px;
  }

  .sr-popup__eylemler .sr-eylem[b-m32o2wmm8y] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .sr-dokum[b-m32o2wmm8y] {
    max-height: 34vh;
  }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruRevize.razor.rz.scp.css */
/* Soruyu revize et — Akademik Analiz görsel dili (23 px kapak, tek beyaz form kartı).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; cihaz kırılımları
   docs/mobil/YENI-DIL.md §1.1. Sayfaya özel kapsam — ortak CSS dosyası DEĞİŞTİRİLMEDİ.
   Tek bölümlü kısa ekran olduğu için sekme YOK (tasarım sözleşmesi: gereksiz sekme ekleme). */

.au-page.srv-vitrin[b-aoaju047wg] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ───────── Kapak ───────── */
.srv-vitrin .srv-kapak[b-aoaju047wg] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    align-items: start;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.srv-vitrin .srv-baslik[b-aoaju047wg] { grid-area: baslik; min-width: 0; }

.srv-vitrin .srv-kapak h1[b-aoaju047wg] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.srv-vitrin .srv-alt[b-aoaju047wg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    overflow-wrap: anywhere;
}

.srv-vitrin .srv-ayrac[b-aoaju047wg] { color: var(--metin-ipucu); }

.srv-vitrin .srv-eylemler[b-aoaju047wg] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ───────── Düğmeler ───────── */
.srv-vitrin .srv-dugme[b-aoaju047wg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.srv-vitrin .srv-dugme:hover:not(:disabled)[b-aoaju047wg] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.srv-vitrin .srv-dugme--ana[b-aoaju047wg] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.srv-vitrin .srv-dugme--ana:hover:not(:disabled)[b-aoaju047wg] { background: var(--marka-500); border-color: var(--marka-500); }
.srv-vitrin .srv-dugme:disabled[b-aoaju047wg] { cursor: wait; opacity: .65; }
.srv-vitrin .srv-dugme:focus-visible[b-aoaju047wg] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.srv-vitrin[b-aoaju047wg]  .au-breadcrumb.srv-geri {
    grid-area: geri;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.srv-vitrin[b-aoaju047wg]  .au-breadcrumb.srv-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.srv-vitrin[b-aoaju047wg]  .au-breadcrumb.srv-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ───────── Uyarı şeridi ───────── */
.srv-vitrin .srv-uyari[b-aoaju047wg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--red-600) 32%, var(--hat-kart));
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.srv-vitrin .srv-uyari svg[b-aoaju047wg] { flex: 0 0 16px; }

/* ───────── Kart ───────── */
.srv-vitrin .srv-kart[b-aoaju047wg] {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.srv-vitrin .srv-kart[b-aoaju047wg]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.srv-vitrin .srv-bolum-baslik[b-aoaju047wg] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.srv-vitrin .srv-bolum-baslik[b-aoaju047wg]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.srv-vitrin .srv-alt-baslik[b-aoaju047wg] {
    margin: 18px 0 10px;
    padding-top: 16px;
    border-top: 1px solid var(--hat-kart);
    font: 700 13px/1.4 var(--font-display);
    color: var(--metin-ikincil);
}

.srv-vitrin .srv-ipucu[b-aoaju047wg] { margin: 12px 0 0; color: var(--n-500); font-size: 12px; line-height: 1.6; }
.srv-vitrin .srv-bos[b-aoaju047wg] { margin: 0 0 12px; color: var(--n-500); font-size: 13px; line-height: 1.6; }

/* ───────── Form ───────── */
.srv-vitrin .srv-form[b-aoaju047wg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    align-items: start;
}

.srv-vitrin[b-aoaju047wg]  .app-field { min-width: 0; }
.srv-vitrin[b-aoaju047wg]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }

.srv-vitrin[b-aoaju047wg]  .app-field .app-input,
.srv-vitrin[b-aoaju047wg]  .app-select-wrap > button {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}

/* Çok satırlı alan iki sütunlu ızgarada tam genişlik kaplar. */
.srv-vitrin .srv-form__genis[b-aoaju047wg] { grid-column: 1 / -1; min-width: 0; }

/* Yalnız bu sayfanın 34 px'lik .app-input kuralını geri alır; genişlik/satır aralığı/resize
   ortak AppField.razor.css'ten gelir (tekrar etmiyoruz). */
.srv-vitrin[b-aoaju047wg]  .app-field textarea.app-input { height: auto; min-height: 96px; padding: 10px 12px; }
.srv-vitrin[b-aoaju047wg]  .app-field__hint { color: var(--n-500); font-size: 12px; line-height: 1.5; }
.srv-vitrin[b-aoaju047wg]  .app-toggle__label { font-size: 13px; color: var(--metin-ikincil); }
.srv-vitrin[b-aoaju047wg]  .app-toggle.is-on .app-toggle__track { background: var(--marka-600); }

.srv-vitrin[b-aoaju047wg]  :is(.app-input, .app-toggle, .app-select-wrap > button):focus-visible {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.srv-vitrin[b-aoaju047wg]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ───────── GENİŞ MASAÜSTÜ ───────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .srv-vitrin .srv-kapak[b-aoaju047wg] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
        align-items: center;
    }
    .srv-vitrin .srv-eylemler[b-aoaju047wg] { justify-self: end; flex-wrap: nowrap; }
}

/* ───────── TABLET ───────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .srv-vitrin .srv-kapak[b-aoaju047wg] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
}

/* ───────── CİHAZ: dokunma hedefi ≥ 44 ───────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .srv-vitrin .srv-dugme[b-aoaju047wg] { min-height: 44px; }
    .srv-vitrin[b-aoaju047wg]  .au-breadcrumb.srv-geri { width: 44px; height: 44px; }
    .srv-vitrin[b-aoaju047wg]  :is(.app-field .app-input, .app-select-wrap > button, .app-toggle) { min-height: 44px; }
    /* Dokunma hedefi kuralı çok satırlı alanı tek satıra indirmesin. */
    .srv-vitrin[b-aoaju047wg]  .app-field textarea.app-input { height: auto; min-height: 96px; }
    /* Cihazda dikey ritmin tek sahibi cihaz.css bant 20.2'dir (12 px). */
    .srv-vitrin :is(.srv-kapak, .srv-uyari)[b-aoaju047wg] { margin-bottom: 0; }
}

/* Dokunmatikte girdi metni en az 16 px (YENI-DIL K4). */
@media (pointer: coarse) {
    .srv-vitrin[b-aoaju047wg]  :is(.app-field .app-input, .app-select-wrap > button) { font-size: max(16px, 1rem); }
}

/* ───────── TELEFON ───────── */
@media (max-width: 640px) {
    .srv-vitrin .srv-kapak[b-aoaju047wg] { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px; }
    .srv-vitrin .srv-kapak h1[b-aoaju047wg] { font-size: var(--yazi-kapak, 20px); }
    .srv-vitrin .srv-alt[b-aoaju047wg] { font-size: var(--yazi-kucuk, 12px); }
    .srv-vitrin .srv-eylemler[b-aoaju047wg] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; gap: 6px; }
    .srv-vitrin .srv-eylemler .srv-dugme[b-aoaju047wg] { flex: 1 1 0; }
    .srv-vitrin .srv-kart[b-aoaju047wg] { padding: 16px 12px; }
    .srv-vitrin .srv-bolum-baslik[b-aoaju047wg] { font-size: var(--yazi-bolum, 14px); }
    .srv-vitrin .srv-form[b-aoaju047wg] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruStudyoHub.razor.rz.scp.css */
/* Soru Stüdyosu hub'ı — Akademik Analiz kapak/tipografi ölçüleri, sayfa-scoped.
   Kart dili ortak `hub-vitrin.css`ten gelir (App.razor:29 yükler); burada yalnız kapak
   ve bölüm başlığı vardır. `--anv-*` / `--agv-*` token'ları yalnız analiz vitrinlerinde
   tanımlıdır ve buraya miras gelmez → global aurora token'ları kullanılır.
   Kardeş uygulama: Media/MedyaStudyoHub.razor.css (MD-01). */

.ss-vitrin[b-bk9mvtck4e] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler aynı beyaz yüzeyde (referans 24/16/18 px, radius 3px 0 0 0) ── */
.ss-vitrin .ss-kapak[b-bk9mvtck4e] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ss-vitrin .ss-kapak__geri[b-bk9mvtck4e] {
  grid-area: geri;
  min-width: 0;
}

/* GeriBaglanti ayrı bir bileşendir; kapsam niteliği onun işaretlemesine inmez → ::deep. */
.ss-vitrin .ss-kapak__geri[b-bk9mvtck4e]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.ss-vitrin .ss-kapak__baslik[b-bk9mvtck4e] {
  grid-area: baslik;
  min-width: 0;
}

.ss-vitrin .ss-kapak .au-title[b-bk9mvtck4e] {
  margin: 0;
  font: 700 var(--yazi-kapak, 23px) / 1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.ss-vitrin .ss-kapak__alt[b-bk9mvtck4e] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ss-vitrin .ss-kapak__eylem[b-bk9mvtck4e] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Kapak düğmeleri: 34 px, 12.5/600, kesik sol üst köşe ── */
.ss-vitrin .ss-dugme[b-bk9mvtck4e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.ss-vitrin .ss-dugme:hover[b-bk9mvtck4e] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ss-vitrin .ss-dugme--ana[b-bk9mvtck4e] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.ss-vitrin .ss-dugme--ana:hover[b-bk9mvtck4e] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.ss-vitrin .ss-dugme:focus-visible[b-bk9mvtck4e] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm başlığı: 15/700 + üçgen işaret ── */
.ss-vitrin .ss-bolum[b-bk9mvtck4e] {
  margin: 0 0 16px;
}

.ss-vitrin .ss-bolum__baslik[b-bk9mvtck4e] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 var(--yazi-bolum, 15px) / 1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.ss-vitrin .ss-bolum__baslik[b-bk9mvtck4e]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ═══ CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 ═══ */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ss-vitrin .ss-kapak[b-bk9mvtck4e] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .ss-vitrin .ss-kapak__eylem[b-bk9mvtck4e] {
    justify-self: stretch;
  }

  .ss-vitrin .ss-dugme[b-bk9mvtck4e] {
    min-height: 44px;
  }
}

/* ═══ TELEFON — docs/mobil/YENI-DIL.md §1.1, §7 (eylemler başlığın altında tek satır) ═══ */
@media (max-width: 640px) {
  .ss-vitrin .ss-kapak[b-bk9mvtck4e] {
    padding: 12px;
  }

  .ss-vitrin .ss-kapak .au-title[b-bk9mvtck4e] {
    font-size: var(--yazi-kapak, 20px);
    overflow-wrap: anywhere;
  }

  .ss-vitrin .ss-kapak__alt[b-bk9mvtck4e] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* İki eylem var → yatay kayan şerit gerekmez; dar ekranda satıra sığarlar. */
  .ss-vitrin .ss-kapak__eylem[b-bk9mvtck4e] {
    flex-wrap: wrap;
  }

  .ss-vitrin .ss-dugme[b-bk9mvtck4e] {
    flex: 1 1 auto;
    min-height: 40px;
  }

  .ss-vitrin .ss-bolum__baslik[b-bk9mvtck4e] {
    font-size: var(--yazi-bolum, 14px);
  }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruTopluIslemler.razor.rz.scp.css */
/* SR-04 — Toplu Üretim İşlemleri, Akademik Analiz görsel dilinin bu ekrana
   uyarlaması. Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   masaüstü tablosundan; renkler yalnız mevcut aurora.css token'larından.
   `--anv-*` / `--agv-*` token'ları .analiz-vitrin kapsamına aittir, burada YOK. */

.tui-vitrin[b-nr2j4f8iy8] {
    --tui-dolgu: 24px;
    --tui-hat: var(--hat-kart);
    --tui-hat-ince: rgba(12, 58, 116, 0.08);
    --tui-cift-satir: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    --tui-kart-golge: var(--glass-shadow);
    max-width: none;
    min-width: 0;
    padding-inline: 0;
    padding-top: 0;
    font-family: var(--font-body);
    color: var(--metin-murekkep);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ──────────────── */
.tui-kapak[b-nr2j4f8iy8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 16px;
    padding: 16px var(--tui-dolgu) 18px;
    background: var(--yuzey);
    border: 1px solid var(--tui-hat);
    border-radius: 3px 0 0 0;
    box-shadow: var(--tui-kart-golge);
}

.tui-kapak__baslik[b-nr2j4f8iy8] { min-width: 0; }

.tui-kapak__baslik h1[b-nr2j4f8iy8] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -0.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tui-kapak__baslik p[b-nr2j4f8iy8] {
    margin: 6px 0 0;
    max-width: 76ch;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--metin-ikincil);
}

.tui-kapak__suzgec[b-nr2j4f8iy8] { display: flex; align-items: flex-end; min-width: 0; }

.tui-kapak__eylem[b-nr2j4f8iy8] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
}

.tui-dugme[b-nr2j4f8iy8] {
    min-height: 34px;
    border-radius: var(--kose-dugme);
    font-size: 12.5px;
    font-weight: 600;
}

/* Masaüstünde geniş alanda tek satır: başlık solda, süzgeç ve eylemler sağda. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .tui-kapak[b-nr2j4f8iy8] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: end;
        column-gap: 12px;
    }
    .tui-kapak__eylem[b-nr2j4f8iy8] { justify-self: end; }
}

/* ── Üst bilgi kartları: tek birleşik yüzey, gap 0 ────────────────────── */
.tui-kpi[b-nr2j4f8iy8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 16px;
    background: var(--yuzey);
    border: 1px solid var(--tui-hat);
    border-radius: 3px 0 0 0;
    box-shadow: var(--tui-kart-golge);
    overflow: hidden;
}

.tui-kpi__h[b-nr2j4f8iy8] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 0 16px 15px;
    border-right: 1px solid var(--tui-hat);
}

.tui-kpi__h:last-child[b-nr2j4f8iy8] { border-right: 0; }

/* Lacivert → petrol sırası; referansın altı bandı yerine bu ekranın dört ölçüsü. */
.tui-kpi__b[b-nr2j4f8iy8] {
    --tui-bant: var(--marka-600);
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0 -16px 7px;
    padding: 0 16px;
    background: var(--tui-bant);
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tui-kpi__h:nth-child(2) .tui-kpi__b[b-nr2j4f8iy8] { --tui-bant: color-mix(in srgb, var(--marka-600) 50%, var(--marka-rampa-orta)); }
.tui-kpi__h:nth-child(3) .tui-kpi__b[b-nr2j4f8iy8] { --tui-bant: var(--marka-rampa-orta); }
.tui-kpi__h:nth-child(4) .tui-kpi__b[b-nr2j4f8iy8] { --tui-bant: var(--marka-rampa-uc); }

.tui-kpi__d[b-nr2j4f8iy8] {
    font: 700 27px/1 var(--font-display);
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
    color: var(--metin-murekkep);
}

.tui-kpi__a[b-nr2j4f8iy8] {
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--metin-ikincil);
}

/* ── Bölüm sekmeleri ─────────────────────────────────────────────────── */
.tui-sekmeler[b-nr2j4f8iy8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-width: 0;
    margin-bottom: 16px;
    padding: 6px;
    background: var(--yuzey);
    border: 1px solid var(--tui-hat);
    border-radius: 3px 10px 10px 10px;
}

.tui-sekme[b-nr2j4f8iy8] {
    --tui-vurgu: var(--marka-600);
    flex: 1 0 auto;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 12.5px/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.tui-sekme:nth-child(2)[b-nr2j4f8iy8] { --tui-vurgu: var(--marka-rampa-uc); }

.tui-sekmeler .tui-sekme:hover[b-nr2j4f8iy8] {
    background: color-mix(in srgb, var(--tui-vurgu) 14%, var(--yuzey));
    color: var(--tui-vurgu);
}

.tui-sekmeler .tui-sekme[aria-selected="true"][b-nr2j4f8iy8] {
    background: var(--tui-vurgu);
    color: var(--on-brand);
}

.tui-sekme:focus-visible[b-nr2j4f8iy8],
.tui-panel:focus-visible[b-nr2j4f8iy8] {
    outline: 2px solid var(--tui-vurgu, var(--marka-600));
    outline-offset: 2px;
}

.tui-panel[b-nr2j4f8iy8] { min-width: 0; }

/* ── Bölüm kartı ─────────────────────────────────────────────────────── */
.tui-bolum[b-nr2j4f8iy8] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    background: var(--yuzey);
    border: 1px solid var(--tui-hat);
    border-radius: var(--kose-bolum);
    box-shadow: var(--tui-kart-golge);
    overflow: hidden;
}

/* Kart üst şeridi — marka geçişi, 5 px. */
.tui-bolum[b-nr2j4f8iy8]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tui-bolum__bas[b-nr2j4f8iy8] { margin-bottom: 12px; padding-top: 5px; }

.tui-bolum__bas h2[b-nr2j4f8iy8] {
    display: flex;
    align-items: center;
    margin: 0 0 3px;
    font: 700 15px/1.3 var(--font-display);
    letter-spacing: -0.012em;
    color: var(--marka-700);
}

.tui-uc[b-nr2j4f8iy8] {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    margin-right: 9px;
    background: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tui-bolum__alt[b-nr2j4f8iy8] {
    margin: 0;
    max-width: 88ch;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--metin-ikincil);
}

.tui-eylemler[b-nr2j4f8iy8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.tui-ipucu[b-nr2j4f8iy8] {
    margin: 0 0 10px;
    font-size: 12px;
    color: var(--metin-ipucu);
}

/* ── Uyarı ve durum şeritleri ────────────────────────────────────────── */
.tui-uyari[b-nr2j4f8iy8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 16px;
    padding: 11px 14px;
    border: 1px solid var(--tui-hat);
    border-radius: var(--kose-kart);
    font-size: 13px;
    line-height: 1.45;
}

.tui-uyari--hata[b-nr2j4f8iy8] {
    border-color: color-mix(in srgb, var(--danger) 34%, var(--hat-kart));
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    color: var(--danger-metin);
}

.tui-uyari--bilgi[b-nr2j4f8iy8] {
    margin-bottom: 12px;
    border-color: color-mix(in srgb, var(--marka-500) 26%, var(--hat-kart));
    background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
    color: var(--marka-700);
}

.tui-hata[b-nr2j4f8iy8] { color: var(--danger-metin); }

/* ── Yükleniyor iskeleti ─────────────────────────────────────────────── */
.tui-iskelet[b-nr2j4f8iy8] { display: flex; flex-direction: column; gap: 10px; }

.tui-iskelet__c[b-nr2j4f8iy8] {
    height: 38px;
    border-radius: var(--kose-kart);
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 0%,
        color-mix(in srgb, var(--marka-500) 11%, var(--yuzey)) 50%,
        color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 100%);
    background-size: 220% 100%;
    animation: tui-parla-b-nr2j4f8iy8 1.4s var(--ease-smooth) infinite;
}

.tui-iskelet__c--kisa[b-nr2j4f8iy8] { width: 62%; }

@keyframes tui-parla-b-nr2j4f8iy8 {
    from { background-position: 120% 0; }
    to { background-position: -120% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .tui-iskelet__c[b-nr2j4f8iy8] { animation: none; }
}

/* ── Boş durum ───────────────────────────────────────────────────────── */
.tui-bos[b-nr2j4f8iy8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 30px 18px;
    border: 1px dashed var(--tui-hat);
    border-radius: var(--kose-kart);
    background: var(--tui-cift-satir);
    text-align: center;
}

.tui-bos p[b-nr2j4f8iy8] {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--metin-ikincil);
}

/* ── Tablo: mavi–petrol rampa başlık, sınırlı alanda kayar ───────────── */
.tui-tablo-kap[b-nr2j4f8iy8] {
    min-width: 0;
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--tui-hat);
    border-radius: 3px 10px 10px 10px;
}

.tui-tablo[b-nr2j4f8iy8] {
    width: 100%;
    border-collapse: collapse;
    background: var(--yuzey);
    font-size: 13px;
    color: var(--metin-murekkep);
}

.tui-gizli[b-nr2j4f8iy8] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

/* Geçiş thead boyunca TEK parça çizilir; th arka planları şeffaftır. */
.tui-tablo thead[b-nr2j4f8iy8] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.tui-tablo thead th[b-nr2j4f8iy8] {
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    text-align: start;
    white-space: nowrap;
}

.tui-tablo tbody td[b-nr2j4f8iy8] {
    padding: 10px 13px;
    border-top: 1px solid var(--tui-hat-ince);
    vertical-align: top;
}

.tui-tablo tbody tr:nth-child(even):not(.tui-hata-satir)[b-nr2j4f8iy8] { background: var(--tui-cift-satir); }

.tui-tablo .tui-say[b-nr2j4f8iy8] { text-align: end; font-variant-numeric: tabular-nums; }

.tui-dosya[b-nr2j4f8iy8] { max-width: 24ch; overflow-wrap: anywhere; }

.tui-kok[b-nr2j4f8iy8] { max-width: 46ch; overflow-wrap: anywhere; color: var(--metin-ikincil); }

.tui-hata-satir td[b-nr2j4f8iy8] { padding-top: 0; border-top: 0; font-size: 12.5px; }

/* ── Rozet ───────────────────────────────────────────────────────────── */
.tui-rozet[b-nr2j4f8iy8] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 3px 9px 9px 9px;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}

.tui-rozet--bilgi[b-nr2j4f8iy8] { background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey)); color: var(--marka-700); }
.tui-rozet--soluk[b-nr2j4f8iy8] { background: color-mix(in srgb, var(--n-500) 14%, var(--yuzey)); color: var(--metin-ikincil); }
.tui-rozet--olumlu[b-nr2j4f8iy8] { background: color-mix(in srgb, var(--marka-rampa-uc) 16%, var(--yuzey)); color: var(--marka-rampa-uc); }
.tui-rozet--hata[b-nr2j4f8iy8] { background: color-mix(in srgb, var(--danger) 12%, var(--yuzey)); color: var(--danger-rozet-metin); }

/* ── İlerleme ────────────────────────────────────────────────────────── */
.tui-ilerleme[b-nr2j4f8iy8] { display: flex; align-items: center; gap: 8px; min-width: 140px; }

.tui-ilerleme progress[b-nr2j4f8iy8] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 72px;
    height: 7px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
    appearance: none;
}

.tui-ilerleme progress[b-nr2j4f8iy8]::-webkit-progress-bar {
    border-radius: 999px;
    background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
}

.tui-ilerleme progress[b-nr2j4f8iy8]::-webkit-progress-value { border-radius: 999px; background: var(--marka-rampa-serit); }
.tui-ilerleme progress[b-nr2j4f8iy8]::-moz-progress-bar { border-radius: 999px; background: var(--marka-500); }

.tui-ilerleme__y[b-nr2j4f8iy8] {
    flex: 0 0 auto;
    font-size: 12.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--marka-700);
}

.tui-ilerleme__alt[b-nr2j4f8iy8] {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: var(--metin-ipucu);
}

.tui-satir-eylem[b-nr2j4f8iy8] { display: flex; flex-wrap: wrap; gap: 6px; }

/* ── Künye popup'ı ───────────────────────────────────────────────────── */
.tui-popup[b-nr2j4f8iy8] {
    width: min(620px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.tui-popup[open][b-nr2j4f8iy8] { display: flex; flex-direction: column; }
.tui-popup[b-nr2j4f8iy8]::backdrop { background: var(--scrim); }

.tui-popup__bas[b-nr2j4f8iy8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.tui-popup__bas h2[b-nr2j4f8iy8] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tui-popup__bas h2:focus[b-nr2j4f8iy8] { outline: none; }

.tui-popup__kapat[b-nr2j4f8iy8] {
    flex: 0 0 auto;
    min-width: 34px;
    min-height: 34px;
    padding: 0 10px;
    font-size: 20px;
    line-height: 1;
}

.tui-popup__govde[b-nr2j4f8iy8] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.tui-popup__eylem[b-nr2j4f8iy8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

.tui-kunye[b-nr2j4f8iy8] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.tui-kunye > div[b-nr2j4f8iy8] {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
    gap: 12px;
    align-items: baseline;
    padding: 10px;
    font-size: 13px;
}

.tui-kunye > div:nth-child(odd)[b-nr2j4f8iy8] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.tui-kunye dt[b-nr2j4f8iy8] { color: var(--n-500); }

.tui-kunye dd[b-nr2j4f8iy8] {
    min-width: 0;
    margin: 0;
    color: var(--metin-ikincil);
    text-align: end;
    overflow-wrap: anywhere;
}

.tui-kunye code[b-nr2j4f8iy8] { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

/* ── TABLET ──────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .tui-vitrin[b-nr2j4f8iy8] { --tui-dolgu: 18px; }
    .tui-kpi[b-nr2j4f8iy8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tui-kpi__h:nth-child(2)[b-nr2j4f8iy8] { border-right: 0; }
    .tui-kpi__h:nth-child(n+3)[b-nr2j4f8iy8] { border-top: 1px solid var(--tui-hat); }
    .tui-sekmeler[b-nr2j4f8iy8] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .tui-sekme[b-nr2j4f8iy8] { flex: 0 0 auto; min-height: 44px; }
    .tui-dugme[b-nr2j4f8iy8],
    .tui-satir-eylem .au-btn[b-nr2j4f8iy8],
    .tui-eylemler .au-btn[b-nr2j4f8iy8],
    .tui-bos .au-btn[b-nr2j4f8iy8] { min-height: 44px; }
    .tui-popup__kapat[b-nr2j4f8iy8] { min-width: 44px; min-height: 44px; font-size: 24px; }
}

/* ── TELEFON ─────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .tui-vitrin[b-nr2j4f8iy8] { --tui-dolgu: 12px; }
    .tui-kapak[b-nr2j4f8iy8] { padding: 12px; gap: 12px; }
    .tui-kapak__baslik h1[b-nr2j4f8iy8] { font-size: var(--yazi-kapak, 20px); }
    .tui-kapak__baslik p[b-nr2j4f8iy8] { font-size: var(--yazi-kucuk, 12px); }

    /* Eylemler başlığın altında tek satır, içerik genişliğinde; ikiden fazlası kayar. */
    .tui-kapak__eylem[b-nr2j4f8iy8] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .tui-kapak__eylem .tui-dugme[b-nr2j4f8iy8] { flex: 0 0 auto; min-height: 44px; }

    .tui-kpi[b-nr2j4f8iy8] { grid-template-columns: minmax(0, 1fr); }
    .tui-kpi__h[b-nr2j4f8iy8] { border-right: 0; border-top: 1px solid var(--tui-hat); }
    .tui-kpi__h:first-child[b-nr2j4f8iy8] { border-top: 0; }
    .tui-kpi__d[b-nr2j4f8iy8] { font-size: var(--yazi-kpi, 20px); }
    .tui-kpi__b[b-nr2j4f8iy8] { font-size: var(--yazi-etiket, 11px); }

    .tui-sekmeler[b-nr2j4f8iy8] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .tui-sekme[b-nr2j4f8iy8] { flex: 0 0 auto; min-height: 44px; font-size: var(--yazi-govde, 13px); }

    .tui-bolum[b-nr2j4f8iy8] { padding: 12px; }
    .tui-bolum__bas h2[b-nr2j4f8iy8] { font-size: var(--yazi-bolum, 14px); }
    .tui-bolum__alt[b-nr2j4f8iy8] { font-size: var(--yazi-kucuk, 12px); }

    .tui-tablo[b-nr2j4f8iy8] { font-size: var(--yazi-govde, 13px); }
    .tui-tablo thead th[b-nr2j4f8iy8],
    .tui-tablo tbody td[b-nr2j4f8iy8] { padding: 10px; }

    /* İlk anlamlı sütun (durum / kayıt zamanı) yatay kaydırmada yapışık kalır. */
    .tui-tablo thead th:first-child[b-nr2j4f8iy8] { position: sticky; left: 0; z-index: 5; background: var(--marka-600); }
    .tui-tablo tbody td:first-child[b-nr2j4f8iy8] { position: sticky; left: 0; z-index: 3; background: var(--yuzey); }
    .tui-tablo tbody tr:nth-child(even):not(.tui-hata-satir) td:first-child[b-nr2j4f8iy8] { background: var(--tui-cift-satir); }
    .tui-hata-satir td[b-nr2j4f8iy8] { position: static; }

    .tui-satir-eylem .au-btn[b-nr2j4f8iy8],
    .tui-eylemler .au-btn[b-nr2j4f8iy8],
    .tui-bos .au-btn[b-nr2j4f8iy8] { min-height: 44px; }

    .tui-popup[b-nr2j4f8iy8] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .tui-popup__bas[b-nr2j4f8iy8],
    .tui-popup__govde[b-nr2j4f8iy8],
    .tui-popup__eylem[b-nr2j4f8iy8] { padding: 12px; }
    .tui-popup__eylem .au-btn[b-nr2j4f8iy8] { flex: 1 1 auto; min-height: 44px; }
    .tui-popup__kapat[b-nr2j4f8iy8] { min-width: 44px; min-height: 44px; font-size: 24px; }
    .tui-kunye > div[b-nr2j4f8iy8] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* Dokunmatikte girdi metni 16 px altına düşmez (K4). */
@media (pointer: coarse) {
    .tui-vitrin[b-nr2j4f8iy8]  input,
    .tui-vitrin[b-nr2j4f8iy8]  select,
    .tui-vitrin[b-nr2j4f8iy8]  textarea { font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruTopluUret.razor.rz.scp.css */
/* SR-04 — Toplu Soru Üretimi, Akademik Analiz görsel dilinin bu ekrana uyarlaması.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md masaüstü
   tablosundan; renkler yalnız mevcut aurora.css token'larından. `--anv-*` / `--agv-*`
   token'ları .analiz-vitrin kapsamına aittir, bu sayfada TANIMLI DEĞİL. */

.tup-vitrin[b-n3maganfkr] {
    --tup-dolgu: 24px;
    --tup-hat: var(--hat-kart);
    --tup-hat-ince: rgba(12, 58, 116, 0.08);
    --tup-cift-satir: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
    --tup-kart-golge: var(--glass-shadow);
    max-width: none;
    min-width: 0;
    padding-inline: 0;
    padding-top: 0;
    font-family: var(--font-body);
    color: var(--metin-murekkep);
}

/* ── Kapak ───────────────────────────────────────────────────────────── */
.tup-kapak[b-n3maganfkr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 16px;
    padding: 16px var(--tup-dolgu) 18px;
    background: var(--yuzey);
    border: 1px solid var(--tup-hat);
    border-radius: 3px 0 0 0;
    box-shadow: var(--tup-kart-golge);
}

.tup-kapak__baslik[b-n3maganfkr] { min-width: 0; }

.tup-kapak__baslik h1[b-n3maganfkr] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -0.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tup-kapak__baslik p[b-n3maganfkr] {
    margin: 6px 0 0;
    max-width: 82ch;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--metin-ikincil);
}

.tup-kapak__eylem[b-n3maganfkr] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
}

.tup-dugme[b-n3maganfkr] {
    min-height: 34px;
    border-radius: var(--kose-dugme);
    font-size: 12.5px;
    font-weight: 600;
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .tup-kapak[b-n3maganfkr] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        column-gap: 12px;
    }
    .tup-kapak__eylem[b-n3maganfkr] { justify-self: end; }
}

/* ── Bölüm kartı ─────────────────────────────────────────────────────── */
.tup-bolum[b-n3maganfkr] {
    position: relative;
    min-width: 0;
    margin-bottom: 16px;
    padding: 18px;
    background: var(--yuzey);
    border: 1px solid var(--tup-hat);
    border-radius: var(--kose-bolum);
    box-shadow: var(--tup-kart-golge);
    overflow: hidden;
}

.tup-bolum[b-n3maganfkr]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tup-bolum__bas[b-n3maganfkr] { margin-bottom: 12px; padding-top: 5px; }

.tup-bolum__bas h2[b-n3maganfkr] {
    display: flex;
    align-items: center;
    margin: 0 0 3px;
    font: 700 15px/1.3 var(--font-display);
    letter-spacing: -0.012em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.tup-uc[b-n3maganfkr] {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    margin-right: 9px;
    background: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tup-bolum__alt[b-n3maganfkr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    max-width: 96ch;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--metin-ikincil);
}

.tup-kimlik[b-n3maganfkr] { color: var(--metin-ipucu); }
.tup-kimlik code[b-n3maganfkr] { font-size: 12px; color: var(--marka-700); unicode-bidi: isolate; }

.tup-alt-baslik[b-n3maganfkr] {
    margin: 16px 0 8px;
    font: 700 13px/1.3 var(--font-display);
    letter-spacing: -0.008em;
    color: var(--marka-700);
}

/* ── Form: yükleme yüzeyi + alan ızgarası ────────────────────────────── */
.tup-yukleme[b-n3maganfkr] { margin-bottom: 14px; }

.tup-izgara[b-n3maganfkr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.tup-eylemler[b-n3maganfkr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}

.tup-ipucu[b-n3maganfkr] { font-size: 12px; color: var(--metin-ipucu); }

/* ── Uyarı şeritleri ─────────────────────────────────────────────────── */
.tup-uyari[b-n3maganfkr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 11px 14px;
    border: 1px solid var(--tup-hat);
    border-radius: var(--kose-kart);
    font-size: 13px;
    line-height: 1.45;
}

.tup-uyari--hata[b-n3maganfkr] {
    border-color: color-mix(in srgb, var(--danger) 34%, var(--hat-kart));
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    color: var(--danger-metin);
}

.tup-uyari--bilgi[b-n3maganfkr] {
    margin-bottom: 12px;
    border-color: color-mix(in srgb, var(--marka-500) 26%, var(--hat-kart));
    background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
    color: var(--marka-700);
}

.tup-hata[b-n3maganfkr] { color: var(--danger-metin); }

/* ── Üst bilgi kartları ──────────────────────────────────────────────── */
.tup-kpi[b-n3maganfkr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 16px;
    background: var(--yuzey);
    border: 1px solid var(--tup-hat);
    border-radius: 3px 0 0 0;
    box-shadow: var(--tup-kart-golge);
    overflow: hidden;
}

.tup-kpi__h[b-n3maganfkr] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 0 16px 15px;
    border-right: 1px solid var(--tup-hat);
}

.tup-kpi__h:last-child[b-n3maganfkr] { border-right: 0; }

.tup-kpi__b[b-n3maganfkr] {
    --tup-bant: var(--marka-600);
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0 -16px 7px;
    padding: 0 16px;
    background: var(--tup-bant);
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tup-kpi__h:nth-child(2) .tup-kpi__b[b-n3maganfkr] { --tup-bant: color-mix(in srgb, var(--marka-600) 50%, var(--marka-rampa-orta)); }
.tup-kpi__h:nth-child(3) .tup-kpi__b[b-n3maganfkr] { --tup-bant: var(--marka-rampa-orta); }
.tup-kpi__h:nth-child(4) .tup-kpi__b[b-n3maganfkr] { --tup-bant: var(--marka-rampa-uc); }

.tup-kpi__d[b-n3maganfkr] {
    font: 700 27px/1 var(--font-display);
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
    color: var(--metin-murekkep);
}

.tup-kpi__a[b-n3maganfkr] {
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--metin-ikincil);
}

/* ── İlerleme ────────────────────────────────────────────────────────── */
.tup-ilerleme[b-n3maganfkr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.tup-ilerleme progress[b-n3maganfkr] {
    flex: 1 1 auto;
    min-width: 0;
    height: 8px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
    appearance: none;
}

.tup-ilerleme progress[b-n3maganfkr]::-webkit-progress-bar {
    border-radius: 999px;
    background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
}

.tup-ilerleme progress[b-n3maganfkr]::-webkit-progress-value { border-radius: 999px; background: var(--marka-rampa-serit); }
.tup-ilerleme progress[b-n3maganfkr]::-moz-progress-bar { border-radius: 999px; background: var(--marka-500); }

.tup-ilerleme__y[b-n3maganfkr] {
    flex: 0 0 auto;
    font: 600 13px/1 var(--font-body);
    font-variant-numeric: tabular-nums;
    color: var(--marka-700);
}

/* ── Sayaç listesi ───────────────────────────────────────────────────── */
.tup-olcu[b-n3maganfkr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 2px;
    margin: 0;
}

.tup-olcu > div[b-n3maganfkr] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    background: var(--tup-cift-satir);
    border-radius: 3px 8px 8px 8px;
    font-size: 12.5px;
}

.tup-olcu dt[b-n3maganfkr] { color: var(--n-500); }

.tup-olcu dd[b-n3maganfkr] {
    margin: 0;
    color: var(--metin-ikincil);
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* ── Rozet ───────────────────────────────────────────────────────────── */
.tup-rozet[b-n3maganfkr] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 3px 9px 9px 9px;
    font-size: 11.5px;
    font-weight: 700;
}

.tup-rozet--bilgi[b-n3maganfkr] { background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey)); color: var(--marka-700); }
.tup-rozet--soluk[b-n3maganfkr] { background: color-mix(in srgb, var(--n-500) 14%, var(--yuzey)); color: var(--metin-ikincil); }
.tup-rozet--olumlu[b-n3maganfkr] { background: color-mix(in srgb, var(--marka-rampa-uc) 16%, var(--yuzey)); color: var(--marka-rampa-uc); }
.tup-rozet--hata[b-n3maganfkr] { background: color-mix(in srgb, var(--danger) 12%, var(--yuzey)); color: var(--danger-rozet-metin); }

/* ── Yükleniyor iskeleti (`?batch=` ile açılış) ──────────────────────── */
.tup-iskelet[b-n3maganfkr] { display: flex; flex-direction: column; gap: 10px; }

.tup-iskelet__c[b-n3maganfkr] {
    height: 38px;
    border-radius: var(--kose-kart);
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 0%,
        color-mix(in srgb, var(--marka-500) 11%, var(--yuzey)) 50%,
        color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)) 100%);
    background-size: 220% 100%;
    animation: tup-parla-b-n3maganfkr 1.4s var(--ease-smooth) infinite;
}

.tup-iskelet__c--kisa[b-n3maganfkr] { width: 62%; }

@keyframes tup-parla-b-n3maganfkr {
    from { background-position: 120% 0; }
    to { background-position: -120% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .tup-iskelet__c[b-n3maganfkr] { animation: none; }
}

/* ── Boş durum ───────────────────────────────────────────────────────── */
.tup-bos[b-n3maganfkr] {
    padding: 26px 18px;
    border: 1px dashed var(--tup-hat);
    border-radius: var(--kose-kart);
    background: var(--tup-cift-satir);
    text-align: center;
}

.tup-bos p[b-n3maganfkr] { margin: 0; font-size: 13px; line-height: 1.55; color: var(--metin-ikincil); }

/* ── Tablo: mavi–petrol rampa başlık, sınırlı alanda kayar ───────────── */
.tup-tablo-kap[b-n3maganfkr] {
    min-width: 0;
    max-height: min(540px, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--tup-hat);
    border-radius: 3px 10px 10px 10px;
}

.tup-tablo[b-n3maganfkr] {
    width: 100%;
    border-collapse: collapse;
    background: var(--yuzey);
    font-size: 13px;
    color: var(--metin-murekkep);
}

.tup-gizli[b-n3maganfkr] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

/* Geçiş thead boyunca TEK parça çizilir; th arka planları şeffaftır. */
.tup-tablo thead[b-n3maganfkr] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.tup-tablo thead th[b-n3maganfkr] {
    padding: 10px 13px;
    background: transparent;
    color: var(--on-brand);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    text-align: start;
    white-space: nowrap;
}

.tup-tablo tbody td[b-n3maganfkr] {
    padding: 10px 13px;
    border-top: 1px solid var(--tup-hat-ince);
    vertical-align: top;
}

.tup-tablo tbody tr:nth-child(even)[b-n3maganfkr] { background: var(--tup-cift-satir); }

.tup-isaret[b-n3maganfkr] { margin-left: 5px; font-weight: 700; }
.tup-isaret--ok[b-n3maganfkr] { color: var(--marka-rampa-uc); }
.tup-isaret--uyari[b-n3maganfkr] { color: var(--danger-metin); }

.tup-bag[b-n3maganfkr] { color: var(--marka-500); font-weight: 600; }
.tup-bag:hover[b-n3maganfkr] { color: var(--marka-700); }

/* ── Plan biçimi popup'ı ─────────────────────────────────────────────── */
.tup-popup[b-n3maganfkr] {
    width: min(640px, calc(100vw - 48px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: var(--panel-golge);
    overflow: hidden;
}

.tup-popup[open][b-n3maganfkr] { display: flex; flex-direction: column; }
.tup-popup[b-n3maganfkr]::backdrop { background: var(--scrim); }

.tup-popup__bas[b-n3maganfkr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hat-kart);
}

.tup-popup__bas h2[b-n3maganfkr] {
    min-width: 0;
    margin: 0;
    font: 700 18px/1.3 var(--font-display);
    color: var(--marka-700);
}

.tup-popup__bas h2:focus[b-n3maganfkr] { outline: none; }

.tup-popup__kapat[b-n3maganfkr] {
    flex: 0 0 auto;
    min-width: 34px;
    min-height: 34px;
    padding: 0 10px;
    font-size: 20px;
    line-height: 1;
}

.tup-popup__govde[b-n3maganfkr] {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.tup-popup__govde h3[b-n3maganfkr] {
    margin: 16px 0 5px;
    font: 700 13px/1.3 var(--font-display);
    color: var(--marka-700);
}

.tup-popup__govde h3:first-child[b-n3maganfkr] { margin-top: 0; }

.tup-popup__govde p[b-n3maganfkr] {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--metin-ikincil);
}

.tup-popup__eylem[b-n3maganfkr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ──────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .tup-vitrin[b-n3maganfkr] { --tup-dolgu: 18px; }
    .tup-kpi[b-n3maganfkr] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tup-kpi__h:nth-child(2)[b-n3maganfkr] { border-right: 0; }
    .tup-kpi__h:nth-child(n+3)[b-n3maganfkr] { border-top: 1px solid var(--tup-hat); }
    .tup-dugme[b-n3maganfkr],
    .tup-eylemler .au-btn[b-n3maganfkr] { min-height: 44px; }
    .tup-popup__kapat[b-n3maganfkr] { min-width: 44px; min-height: 44px; font-size: 24px; }
}

/* ── TELEFON ─────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .tup-vitrin[b-n3maganfkr] { --tup-dolgu: 12px; }
    .tup-kapak[b-n3maganfkr] { padding: 12px; gap: 12px; }
    .tup-kapak__baslik h1[b-n3maganfkr] { font-size: var(--yazi-kapak, 20px); }
    .tup-kapak__baslik p[b-n3maganfkr] { font-size: var(--yazi-kucuk, 12px); }

    /* Eylemler başlığın altında tek satır, içerik genişliğinde; taşarsa kayar. */
    .tup-kapak__eylem[b-n3maganfkr] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
    .tup-kapak__eylem .tup-dugme[b-n3maganfkr] { flex: 0 0 auto; min-height: 44px; }

    .tup-bolum[b-n3maganfkr] { padding: 12px; }
    .tup-bolum__bas h2[b-n3maganfkr] { font-size: var(--yazi-bolum, 14px); }
    .tup-bolum__alt[b-n3maganfkr] { font-size: var(--yazi-kucuk, 12px); }

    .tup-izgara[b-n3maganfkr] { grid-template-columns: minmax(0, 1fr); }

    .tup-kpi[b-n3maganfkr] { grid-template-columns: minmax(0, 1fr); }
    .tup-kpi__h[b-n3maganfkr] { border-right: 0; border-top: 1px solid var(--tup-hat); }
    .tup-kpi__h:first-child[b-n3maganfkr] { border-top: 0; }
    .tup-kpi__d[b-n3maganfkr] { font-size: var(--yazi-kpi, 20px); }
    .tup-kpi__b[b-n3maganfkr] { font-size: var(--yazi-etiket, 11px); }

    .tup-olcu[b-n3maganfkr] { grid-template-columns: minmax(0, 1fr); }

    .tup-tablo[b-n3maganfkr] { font-size: var(--yazi-govde, 13px); }
    .tup-tablo thead th[b-n3maganfkr],
    .tup-tablo tbody td[b-n3maganfkr] { padding: 10px; }

    /* "No" sütunu yatay kaydırmada yapışık kalır — satır kimliği kaybolmasın. */
    .tup-tablo thead th:first-child[b-n3maganfkr] { position: sticky; left: 0; z-index: 5; background: var(--marka-600); }
    .tup-tablo tbody td:first-child[b-n3maganfkr] { position: sticky; left: 0; z-index: 3; background: var(--yuzey); }
    .tup-tablo tbody tr:nth-child(even) td:first-child[b-n3maganfkr] { background: var(--tup-cift-satir); }

    .tup-eylemler .au-btn[b-n3maganfkr] { flex: 1 1 auto; min-height: 44px; }

    .tup-popup[b-n3maganfkr] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
    .tup-popup__bas[b-n3maganfkr],
    .tup-popup__govde[b-n3maganfkr],
    .tup-popup__eylem[b-n3maganfkr] { padding: 12px; }
    .tup-popup__eylem .au-btn[b-n3maganfkr] { flex: 1 1 auto; min-height: 44px; }
    .tup-popup__kapat[b-n3maganfkr] { min-width: 44px; min-height: 44px; font-size: 24px; }
}

/* Dokunmatikte girdi metni 16 px altına düşmez (K4). */
@media (pointer: coarse) {
    .tup-vitrin[b-n3maganfkr]  input,
    .tup-vitrin[b-n3maganfkr]  select,
    .tup-vitrin[b-n3maganfkr]  textarea { font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruUretimIzleme.razor.rz.scp.css */
/* Soru üretim izleme — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Bu sayfa analiz vitrini DEĞİLDİR: --anv-* / --agv-* token'ları yalnız `.au-page.analiz-vitrin`
   kapsamında tanımlıdır ve buraya miras gelmez. Global aurora token'ları kullanılır; global
   karşılığı OLMAYAN referans değerleri sayfa-yerel takma ad olarak, referanstaki değerin
   AYNISIYLA tanımlanır — yeni palet üretilmez. Ortak token ihtiyacı raporda. */

.si-sayfa[b-ztffxtax4u] {
  --si-hat-ince: rgba(12, 58, 116, 0.08);
  --si-grup-bas: #f4f8fe;
  /* Ölçü şeridi bantları: referanstaki --agv-kpi-etiket-1..4 değerleri.
     1. bandın karşılığı global --marka-600 (#203188) olduğu için token kullanıldı. */
  --si-bant-2: #1b5f93;
  --si-bant-3: #0a7183;
  --si-bant-4: #0a7a72;
  --si-kart-golge: 0 1px 0 rgba(9, 26, 48, 0.04), 0 18px 34px -26px rgba(9, 26, 48, 0.5);
  --si-kapak-golge: 0 1px 0 rgba(9, 26, 48, 0.04),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
  --si-serit: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  min-width: 0;
}

/* ── Beyaz kapak (referans 23 px) ── */
.si-kapak[b-ztffxtax4u] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: var(--si-kapak-golge);
}

.si-kapak > .au-breadcrumb[b-ztffxtax4u] {
  grid-area: geri;
  align-self: center;
  margin: 0;
}

.si-kapak__baslik[b-ztffxtax4u] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.si-kapak .au-title[b-ztffxtax4u] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-kapak, 23px);
  line-height: 1.1;
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.si-kapak .au-sub[b-ztffxtax4u] {
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.si-eylemler[b-ztffxtax4u] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.si-eylem[b-ztffxtax4u] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 500 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.si-eylem:hover:not(:disabled)[b-ztffxtax4u] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.si-eylem:disabled[b-ztffxtax4u] {
  opacity: 0.55;
  cursor: not-allowed;
}

.si-eylem:focus-visible[b-ztffxtax4u],
.si-popup__kapat:focus-visible[b-ztffxtax4u] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.si-eylem--birincil[b-ztffxtax4u] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  font-weight: 600;
}

.si-eylem--birincil:hover:not(:disabled)[b-ztffxtax4u] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.si-eylem-satiri[b-ztffxtax4u] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

/* ── Bölüm kartı ── */
.si-bolum[b-ztffxtax4u] {
  position: relative;
  padding: 18px;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: var(--si-kart-golge);
  overflow: hidden;
  min-width: 0;
}

.si-bolum[b-ztffxtax4u]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--si-serit);
}

.si-bolum__bas[b-ztffxtax4u] {
  margin-bottom: 12px;
}

.si-bolum__baslik[b-ztffxtax4u] {
  display: flex;
  align-items: center;
  margin: 0 0 3px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.25;
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.si-bolum__baslik[b-ztffxtax4u]::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 9px;
  flex: none;
  background: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.si-bolum__alt[b-ztffxtax4u] {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* ── Ölçü şeridi: tek birleşik yüzey (referans KPI şeridi ölçüleri) ── */
.si-olcu-serit[b-ztffxtax4u] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.si-olcu[b-ztffxtax4u] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  background: var(--yuzey);
  border-right: 1px solid var(--si-hat-ince);
  border-bottom: 1px solid var(--si-hat-ince);
  min-width: 0;
}

.si-olcu:nth-child(2n)[b-ztffxtax4u] {
  border-right: 0;
}

.si-olcu:nth-last-child(-n + 2)[b-ztffxtax4u] {
  border-bottom: 0;
}

.si-olcu__bant[b-ztffxtax4u] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font: 700 11.5px/1 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.si-olcu__bant--1[b-ztffxtax4u] { background: var(--marka-600); }
.si-olcu__bant--2[b-ztffxtax4u] { background: var(--si-bant-2); }
.si-olcu__bant--3[b-ztffxtax4u] { background: var(--si-bant-3); }
.si-olcu__bant--4[b-ztffxtax4u] { background: var(--si-bant-4); }

.si-olcu__deger[b-ztffxtax4u] {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  line-height: 1.3;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

.si-olcu__deger--zaman[b-ztffxtax4u] {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

/* ── Durum rozeti ── */
.si-durum[b-ztffxtax4u] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.si-durum[b-ztffxtax4u]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.si-durum.is-active[b-ztffxtax4u] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.si-durum.is-passive[b-ztffxtax4u] {
  background: color-mix(in srgb, var(--danger-metin) 9%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Ek olgular ── */
.si-olgular[b-ztffxtax4u] {
  margin: 16px 0 0;
  display: grid;
  gap: 0;
}

.si-olgular > div[b-ztffxtax4u] {
  display: grid;
  grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--si-hat-ince);
}

.si-olgular > div:last-child[b-ztffxtax4u] {
  border-bottom: 0;
}

.si-olgular dt[b-ztffxtax4u] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.si-olgular dd[b-ztffxtax4u] {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.si-kod[b-ztffxtax4u] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  color: var(--metin-ikincil);
}

/* ── Hata özeti (ayrıntı pencerede) ── */
.si-hata-ozet[b-ztffxtax4u] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--danger-metin) 25%, var(--yuzey));
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--danger-metin) 6%, var(--yuzey));
}

.si-hata-ozet__mesaj[b-ztffxtax4u] {
  flex: 1 1 260px;
  margin: 0;
  color: var(--danger-metin);
  font-size: 13px;
  line-height: 1.5;
}

/* ── Boş ve iskelet ── */
.si-bos[b-ztffxtax4u] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.si-bos__baslik[b-ztffxtax4u] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--yazi-bolum, 15px);
  color: var(--metin-murekkep);
}

.si-bos__aciklama[b-ztffxtax4u] {
  margin: 0;
  max-width: 56ch;
  font-size: 13px;
  line-height: 1.55;
  color: var(--metin-ikincil);
}

.si-iskelet[b-ztffxtax4u] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.si-iskelet__satir[b-ztffxtax4u] {
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--si-grup-bas) 0%, var(--yuzey) 50%, var(--si-grup-bas) 100%);
  background-size: 200% 100%;
  animation: siParilti-b-ztffxtax4u 1.4s linear infinite;
}

.si-iskelet__satir--bas[b-ztffxtax4u] {
  height: 30px;
  width: 38%;
}

.si-iskelet__satir--kisa[b-ztffxtax4u] {
  width: 60%;
}

@keyframes siParilti-b-ztffxtax4u {
  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .si-iskelet__satir[b-ztffxtax4u] {
    animation: none;
  }
}

/* ── Yerinde hata ayrıntısı: native modal ── */
.si-popup[b-ztffxtax4u] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
  overflow: hidden;
  font: 400 13px/1.5 var(--font-body);
}

.si-popup[open][b-ztffxtax4u] {
  display: flex;
  flex-direction: column;
}

.si-popup[b-ztffxtax4u]::backdrop {
  background: var(--scrim);
}

.si-popup__bas[b-ztffxtax4u] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.si-popup__bas[b-ztffxtax4u]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--si-serit);
}

.si-popup__bas h2[b-ztffxtax4u] {
  margin: 0;
  font: 700 20px/1.2 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.si-popup__bas h2:focus[b-ztffxtax4u] {
  outline: none;
}

.si-popup__alt[b-ztffxtax4u] {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.si-popup__kapat[b-ztffxtax4u] {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.si-popup__kapat:hover[b-ztffxtax4u] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.si-popup__govde[b-ztffxtax4u] {
  flex: 0 1 auto;
  min-height: 0;
  padding: 20px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.si-popup__mesaj[b-ztffxtax4u] {
  margin: 0;
  color: var(--danger-metin);
  font-size: 13.5px;
  line-height: 1.55;
}

.si-popup__ipucu[b-ztffxtax4u] {
  margin: 14px 0 6px;
  font-size: 12px;
  color: var(--metin-ipucu);
}

/* Sınıflı <pre>; cihaz.css'in `details pre:not([class])` kuralı buraya UYGULANMAZ. */
.si-popup__tek[b-ztffxtax4u] {
  margin: 0;
  padding: 12px;
  max-height: 40vh;
  overflow: auto;
  overscroll-behavior: contain;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--si-hat-ince);
  border-radius: var(--kose-kart);
  background: var(--si-grup-bas);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

.si-popup__eylemler[b-ztffxtax4u] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hat-kart);
  background: var(--si-grup-bas);
}

/* ═══ MASAÜSTÜ (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .si-olcu-serit[b-ztffxtax4u] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* Taban iki sütunlu olduğu için `.si-olcu:nth-child(2n)` dikey ayracı siliyor; o kural
     bu blokta AYNI özgüllükle geri alınmazsa dört sütunda 2. ayraç kaybolur. */
  .si-olcu[b-ztffxtax4u],
  .si-olcu:nth-child(2n)[b-ztffxtax4u] {
    border-bottom: 0;
    border-right: 1px solid var(--si-hat-ince);
  }

  .si-olcu:nth-child(4n)[b-ztffxtax4u],
  .si-olcu:last-child[b-ztffxtax4u] {
    border-right: 0;
  }
}

/* ═══ CİHAZ: dokunma hedefi ═══ */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .si-eylem[b-ztffxtax4u],
  .si-popup__kapat[b-ztffxtax4u] {
    min-height: 44px;
  }
}

/* ═══ TELEFON (docs/mobil/YENI-DIL.md §1.1) ═══ */
@media (max-width: 640px) {
  .si-kapak[b-ztffxtax4u] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    gap: 10px 8px;
    padding: 12px;
  }

  .si-eylemler[b-ztffxtax4u] {
    justify-content: flex-start;
  }

  .si-eylem[b-ztffxtax4u] {
    flex: 1 1 auto;
    justify-content: center;
  }

  .si-bolum[b-ztffxtax4u] {
    padding: 14px;
  }

  .si-olcu-serit[b-ztffxtax4u] {
    grid-template-columns: minmax(0, 1fr);
  }

  .si-olcu[b-ztffxtax4u] {
    border-right: 0;
  }

  .si-olcu:last-child[b-ztffxtax4u] {
    border-bottom: 0;
  }

  .si-olgular > div[b-ztffxtax4u] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .si-popup[b-ztffxtax4u] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .si-popup__bas[b-ztffxtax4u] {
    padding: 18px 16px 14px;
  }

  .si-popup__bas h2[b-ztffxtax4u] {
    font-size: 18px;
  }

  .si-popup__govde[b-ztffxtax4u] {
    padding: 16px;
  }

  .si-popup__eylemler[b-ztffxtax4u] {
    padding: 12px 16px;
  }

  .si-popup__eylemler .si-eylem[b-ztffxtax4u] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Question/SoruUyarla.razor.rz.scp.css */
/* Soruyu sınıfa uyarla — Akademik Analiz görsel dili (23 px kapak, tek beyaz form kartı).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; cihaz kırılımları
   docs/mobil/YENI-DIL.md §1.1. Sayfaya özel kapsam — ortak CSS dosyası DEĞİŞTİRİLMEDİ. */

.au-page.suy-vitrin[b-qry3k3gcuy] {
    max-width: none;
    padding: 0 0 44px;
    color: var(--metin-murekkep);
    font-family: var(--font-body);
}

/* ───────── Kapak ───────── */
.suy-vitrin .suy-kapak[b-qry3k3gcuy] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    align-items: start;
    gap: 14px 12px;
    margin-bottom: 16px;
    padding: 16px 24px 18px;
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.suy-vitrin .suy-baslik[b-qry3k3gcuy] { grid-area: baslik; min-width: 0; }

.suy-vitrin .suy-kapak h1[b-qry3k3gcuy] {
    margin: 0;
    font: 700 23px/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.suy-vitrin .suy-alt[b-qry3k3gcuy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    margin: 6px 0 0;
    color: var(--metin-ikincil);
    font-size: 12.5px;
    overflow-wrap: anywhere;
}

.suy-vitrin .suy-ayrac[b-qry3k3gcuy] { color: var(--metin-ipucu); }

.suy-vitrin .suy-eylemler[b-qry3k3gcuy] {
    grid-area: eylem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ───────── Düğmeler ───────── */
.suy-vitrin .suy-dugme[b-qry3k3gcuy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.suy-vitrin .suy-dugme:hover:not(:disabled)[b-qry3k3gcuy] {
    border-color: var(--marka-400);
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.suy-vitrin .suy-dugme--ana[b-qry3k3gcuy] {
    border-color: var(--marka-600);
    background: var(--marka-600);
    color: var(--on-brand);
}

.suy-vitrin .suy-dugme--ana:hover:not(:disabled)[b-qry3k3gcuy] { background: var(--marka-500); border-color: var(--marka-500); }
.suy-vitrin .suy-dugme:disabled[b-qry3k3gcuy] { cursor: wait; opacity: .65; }
.suy-vitrin .suy-dugme:focus-visible[b-qry3k3gcuy] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.suy-vitrin[b-qry3k3gcuy]  .au-breadcrumb.suy-geri {
    grid-area: geri;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
}

.suy-vitrin[b-qry3k3gcuy]  .au-breadcrumb.suy-geri .au-breadcrumb__ad {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.suy-vitrin[b-qry3k3gcuy]  .au-breadcrumb.suy-geri:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ───────── Uyarı şeridi ───────── */
.suy-vitrin .suy-uyari[b-qry3k3gcuy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--red-600) 32%, var(--hat-kart));
    border-radius: var(--kose-kart);
    background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
    color: var(--red-600);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.suy-vitrin .suy-uyari svg[b-qry3k3gcuy] { flex: 0 0 16px; }

/* ───────── Kart ───────── */
.suy-vitrin .suy-kart[b-qry3k3gcuy] {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
                0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.suy-vitrin .suy-kart[b-qry3k3gcuy]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.suy-vitrin .suy-bolum-baslik[b-qry3k3gcuy] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font: 700 15px/1.4 var(--font-display);
    letter-spacing: -.012em;
    color: var(--marka-700);
}

.suy-vitrin .suy-bolum-baslik[b-qry3k3gcuy]::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: var(--marka-degrade);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.suy-vitrin .suy-ipucu[b-qry3k3gcuy] { margin: 12px 0 0; color: var(--n-500); font-size: 12px; line-height: 1.6; }
.suy-vitrin .suy-bos[b-qry3k3gcuy] { margin: 0 0 12px; color: var(--n-500); font-size: 13px; line-height: 1.6; }

/* ───────── Kaynak → hedef özeti ───────── */
.suy-vitrin .suy-olgular[b-qry3k3gcuy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px 24px;
    margin: 0 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--hat-kart);
}

.suy-vitrin .suy-olgular > div[b-qry3k3gcuy] { min-width: 0; }

.suy-vitrin .suy-olgular dt[b-qry3k3gcuy] {
    margin: 0 0 3px;
    font: 700 10px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.suy-vitrin .suy-olgular dd[b-qry3k3gcuy] {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--metin-murekkep);
    overflow-wrap: anywhere;
}

/* ───────── Form ───────── */
.suy-vitrin .suy-form[b-qry3k3gcuy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    align-items: start;
}

.suy-vitrin[b-qry3k3gcuy]  .app-field { min-width: 0; }
.suy-vitrin[b-qry3k3gcuy]  .app-field__label { font-size: 11px; font-weight: 700; color: var(--metin-ikincil); }

.suy-vitrin[b-qry3k3gcuy]  .app-select-wrap > button {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 13px;
    box-shadow: none;
}

.suy-vitrin[b-qry3k3gcuy]  .app-field__hint { color: var(--n-500); font-size: 12px; line-height: 1.5; }
.suy-vitrin[b-qry3k3gcuy]  .app-select-wrap > button:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.suy-vitrin[b-qry3k3gcuy]  .ds-panel {
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
}

/* ───────── GENİŞ MASAÜSTÜ ───────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
    .suy-vitrin .suy-kapak[b-qry3k3gcuy] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        grid-template-areas: "geri baslik eylem";
        align-items: center;
    }
    .suy-vitrin .suy-eylemler[b-qry3k3gcuy] { justify-self: end; flex-wrap: nowrap; }
}

/* ───────── TABLET ───────── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .suy-vitrin .suy-kapak[b-qry3k3gcuy] { padding: 16px; grid-template-columns: 44px minmax(0, 1fr); }
}

/* ───────── CİHAZ: dokunma hedefi ≥ 44 ───────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .suy-vitrin .suy-dugme[b-qry3k3gcuy] { min-height: 44px; }
    .suy-vitrin[b-qry3k3gcuy]  .au-breadcrumb.suy-geri { width: 44px; height: 44px; }
    .suy-vitrin[b-qry3k3gcuy]  .app-select-wrap > button { min-height: 44px; }
    /* Cihazda dikey ritmin tek sahibi cihaz.css bant 20.2'dir (12 px). */
    .suy-vitrin :is(.suy-kapak, .suy-uyari)[b-qry3k3gcuy] { margin-bottom: 0; }
}

/* Dokunmatikte girdi metni en az 16 px (YENI-DIL K4). */
@media (pointer: coarse) {
    .suy-vitrin[b-qry3k3gcuy]  .app-select-wrap > button { font-size: max(16px, 1rem); }
}

/* ───────── TELEFON ───────── */
@media (max-width: 640px) {
    .suy-vitrin .suy-kapak[b-qry3k3gcuy] { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px; }
    .suy-vitrin .suy-kapak h1[b-qry3k3gcuy] { font-size: var(--yazi-kapak, 20px); }
    .suy-vitrin .suy-alt[b-qry3k3gcuy] { font-size: var(--yazi-kucuk, 12px); }
    .suy-vitrin .suy-eylemler[b-qry3k3gcuy] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; gap: 6px; }
    .suy-vitrin .suy-eylemler .suy-dugme[b-qry3k3gcuy] { flex: 1 1 0; }
    .suy-vitrin .suy-kart[b-qry3k3gcuy] { padding: 16px 12px; }
    .suy-vitrin .suy-bolum-baslik[b-qry3k3gcuy] { font-size: var(--yazi-bolum, 14px); }
    .suy-vitrin .suy-olgular[b-qry3k3gcuy] { grid-template-columns: minmax(0, 1fr); }
    .suy-vitrin .suy-form[b-qry3k3gcuy] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
/* _content/EduLive.Web/Components/Pages/Question/VideoluSoruIzle.razor.rz.scp.css */
/* Videolu soru izleme — Akademik Analiz görsel dili (2026-09-20).

   Ölçüler `docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md`,
   cihaz kırılımları `docs/mobil/YENI-DIL.md` §1.1. Sayfa-scoped; analiz
   vitrini bu ekrana taşınmaz. Yeni hex YOK — yalnız aurora.css token'ları. */

.vsd-vitrin[b-3bku2hf0v9] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────────── */

.vsd-kapak[b-3bku2hf0v9] {
  display: grid;
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vsd-kapak__geri[b-3bku2hf0v9] { grid-area: geri; }
.vsd-kapak__baslik[b-3bku2hf0v9] { grid-area: baslik; min-width: 0; }
.vsd-kapak__eylem[b-3bku2hf0v9] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.vsd-kapak .au-title[b-3bku2hf0v9] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.vsd-kapak__alt[b-3bku2hf0v9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 6px 0 0;
  font-size: 12.5px;
  color: var(--metin-ikincil);
}

/* ── Düğmeler ──────────────────────────────────────────────────────────── */

.vsd-vitrin .au-btn[b-3bku2hf0v9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.vsd-vitrin .au-btn--sm[b-3bku2hf0v9] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.vsd-vitrin .au-btn--primary[b-3bku2hf0v9] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vsd-vitrin .vsd-btn--yikici[b-3bku2hf0v9] { color: var(--danger-metin); border-color: var(--hat-girdi); }

.vsd-vitrin .au-btn:disabled[b-3bku2hf0v9] { opacity: .55; cursor: not-allowed; }

@media (hover: hover) {
  .vsd-vitrin .au-btn:hover[b-3bku2hf0v9] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
  }
  .vsd-vitrin .au-btn--primary:hover[b-3bku2hf0v9] { background: var(--marka-500); border-color: var(--marka-500); }
  .vsd-vitrin .vsd-btn--yikici:hover[b-3bku2hf0v9] {
    background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
    border-color: var(--danger);
  }
}

.vsd-vitrin .au-btn:focus-visible[b-3bku2hf0v9],
.vsd-sekme:focus-visible[b-3bku2hf0v9] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri ───────────────────────────────────────────────────── */

.vsd-sekmeler[b-3bku2hf0v9] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.vsd-sekme[b-3bku2hf0v9] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.vsd-sekme.is-secili[b-3bku2hf0v9] {
  background: var(--marka-600);
  color: var(--on-brand);
}

@media (hover: hover) {
  .vsd-sekme:hover[b-3bku2hf0v9] { background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey)); color: var(--marka-600); }
  .vsd-sekme.is-secili:hover[b-3bku2hf0v9] { background: var(--marka-600); color: var(--on-brand); }
}

/* ── Kart, panel, şerit ────────────────────────────────────────────────── */

.vsd-kart[b-3bku2hf0v9],
.vsd-panel[b-3bku2hf0v9],
.vsd-dugum[b-3bku2hf0v9] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vsd-kart[b-3bku2hf0v9]::before,
.vsd-panel[b-3bku2hf0v9]::before,
.vsd-dugum[b-3bku2hf0v9]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vsd-bolum[b-3bku2hf0v9] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.vsd-bolum[b-3bku2hf0v9]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vsd-panel[b-3bku2hf0v9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}
.vsd-panel strong[b-3bku2hf0v9] { color: var(--marka-700); font-size: 14px; }
.vsd-panel--hata strong[b-3bku2hf0v9] { color: var(--danger-metin); }
.vsd-panel__eylem[b-3bku2hf0v9] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

.vsd-serit[b-3bku2hf0v9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-inline-start: 3px solid var(--analiz-dikkat);
  border-radius: var(--kose-dugme);
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-metin);
  font-size: 13px;
  line-height: 1.55;
}
.vsd-serit strong[b-3bku2hf0v9] { color: var(--analiz-dikkat-rozet-metin); }

.vsd-serit--hata[b-3bku2hf0v9] {
  border-inline-start-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

/* export_error makine kodu — cümleden ayrı, sönük (FE-2). */
.vsd-serit__kod[b-3bku2hf0v9] {
  display: block;
  margin-top: 4px;
  font-size: 0.8em;
  opacity: 0.8;
  font-family: var(--font-mono, monospace);
}

/* ── Künye ─────────────────────────────────────────────────────────────── */

.vsd-kunye[b-3bku2hf0v9] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.vsd-kunye > div[b-3bku2hf0v9] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.vsd-kunye > div:nth-child(odd)[b-3bku2hf0v9] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.vsd-kunye dt[b-3bku2hf0v9] { color: var(--metin-ipucu); }
.vsd-kunye dd[b-3bku2hf0v9] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── Akış ──────────────────────────────────────────────────────────────── */

.vsd-akis[b-3bku2hf0v9] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.vsd-dugum__bas[b-3bku2hf0v9] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 10px;
}

.vsd-dugum__ad[b-3bku2hf0v9] {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

.vsd-tur[b-3bku2hf0v9] {
  padding: 2px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.vsd-sure[b-3bku2hf0v9] { color: var(--metin-ipucu); font-size: 12px; font-variant-numeric: tabular-nums; }

.vsd-video[b-3bku2hf0v9],
.vsd-gorsel[b-3bku2hf0v9] {
  display: block;
  width: 100%;
  max-height: 52vh;
  margin: 10px 0;
  border-radius: var(--kose-kart);
  background: var(--marka-700);
  object-fit: contain;
}

.vsd-metin[b-3bku2hf0v9] { margin: 8px 0; font-size: 13px; line-height: 1.6; color: var(--metin-murekkep); }

.vsd-secenekler[b-3bku2hf0v9] {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.vsd-secenek[b-3bku2hf0v9] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  font-size: 13px;
  color: var(--metin-ikincil);
}

/* Doğru seçenek: renk TEK ipucu değil — "doğru" etiketi de basılır. */
.vsd-secenek--dogru[b-3bku2hf0v9] {
  border-color: transparent;
  background: var(--analiz-iyi-acik);
  color: var(--analiz-iyi-rozet-metin);
}

.vsd-secenek__harf[b-3bku2hf0v9] { font-weight: 700; color: var(--marka-700); }
.vsd-secenek--dogru .vsd-secenek__harf[b-3bku2hf0v9] { color: var(--analiz-iyi-rozet-metin); }
.vsd-secenek__not[b-3bku2hf0v9] {
  margin-inline-start: auto;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.vsd-tarif[b-3bku2hf0v9] { margin: 10px 0 0; font-size: 12.5px; color: var(--metin-ikincil); }
.vsd-tarif summary[b-3bku2hf0v9] { cursor: pointer; font-weight: 600; color: var(--marka-700); min-height: 24px; }
.vsd-tarif p[b-3bku2hf0v9] { margin: 6px 0 0; line-height: 1.6; }

.vsd-baglar[b-3bku2hf0v9] { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
.vsd-bag[b-3bku2hf0v9] {
  padding: 2px 9px;
  border: 1px dashed var(--hat-girdi);
  border-radius: 999px;
  font-size: 11.5px;
  color: var(--metin-ipucu);
}

/* ── Rozetler ──────────────────────────────────────────────────────────── */

.vsd-rozet[b-3bku2hf0v9] {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--metin-ikincil);
}
.vsd-rozet--onayli[b-3bku2hf0v9] { border-color: transparent; background: var(--basari-acik); color: var(--basari-metin); }
.vsd-rozet--red[b-3bku2hf0v9] {
  border-color: transparent;
  background: color-mix(in srgb, var(--danger) 12%, var(--yuzey));
  color: var(--danger-rozet-metin);
}
.vsd-rozet--taslak[b-3bku2hf0v9] { color: var(--metin-ipucu); }

/* ── Yükleme iskeleti ──────────────────────────────────────────────────── */

.vsd-iskelet[b-3bku2hf0v9] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}
.vsd-iskelet__bar[b-3bku2hf0v9] {
  height: 14px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}
.vsd-iskelet__bar--baslik[b-3bku2hf0v9] { height: 23px; width: 42%; }
.vsd-iskelet__bar--kisa[b-3bku2hf0v9] { width: 60%; }

/* ── Popup ─────────────────────────────────────────────────────────────── */

.vsd-popup[b-3bku2hf0v9] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.vsd-popup--dar[b-3bku2hf0v9] { width: min(440px, calc(100vw - 48px)); }
.vsd-popup[open][b-3bku2hf0v9] { display: flex; flex-direction: column; }
.vsd-popup[b-3bku2hf0v9]::backdrop { background: var(--scrim); }

.vsd-popup__bas[b-3bku2hf0v9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.vsd-popup__bas h2[b-3bku2hf0v9] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.vsd-popup__bas h2:focus[b-3bku2hf0v9] { outline: none; }

/* `.vsd-vitrin .au-btn` (0,3,0) bu kuralı ezmesin diye kapsam eşitlendi. */
.vsd-vitrin .vsd-popup__kapat[b-3bku2hf0v9] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.vsd-popup__govde[b-3bku2hf0v9] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.vsd-popup__eylem[b-3bku2hf0v9] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.vsd-popup__hata[b-3bku2hf0v9] { margin: 12px 0 0; color: var(--danger-metin); font-size: 13px; }

.vsd-ipucu[b-3bku2hf0v9] { margin: 0 0 10px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.vsd-ipucu strong[b-3bku2hf0v9] { color: var(--marka-700); }

.vsd-alan[b-3bku2hf0v9] {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marka-700);
}

.vsd-girdi[b-3bku2hf0v9] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1.5 var(--font-body);
  resize: vertical;
}
.vsd-girdi:focus-visible[b-3bku2hf0v9] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────────────── */

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vsd-kapak[b-3bku2hf0v9] { padding: 16px; }
  .vsd-vitrin .au-btn[b-3bku2hf0v9] { min-height: 44px; }
  .vsd-vitrin .au-btn--sm[b-3bku2hf0v9] { min-height: 40px; }
  .vsd-sekme[b-3bku2hf0v9] { min-height: 44px; }
  .vsd-girdi[b-3bku2hf0v9] { font-size: max(16px, 1rem); }
  .vsd-tarif summary[b-3bku2hf0v9] { min-height: 44px; display: flex; align-items: center; }

  /* Telefon/tablette sekmeler tek yatay kaydırılabilir şerit. */
  .vsd-sekmeler[b-3bku2hf0v9] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; }
  .vsd-sekme[b-3bku2hf0v9] { flex: 0 0 auto; }
}

/* ── TELEFON ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
  .vsd-kapak[b-3bku2hf0v9] {
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 12px;
  }
  .vsd-kapak .au-title[b-3bku2hf0v9] { font-size: var(--yazi-kapak, 20px); }
  .vsd-kapak__alt[b-3bku2hf0v9] { font-size: var(--yazi-kucuk, 12px); }
  .vsd-kapak__eylem[b-3bku2hf0v9] { flex-wrap: nowrap; overflow-x: auto; }
  .vsd-kapak__eylem .au-btn[b-3bku2hf0v9] { flex: 1 0 auto; }

  .vsd-kart[b-3bku2hf0v9],
  .vsd-dugum[b-3bku2hf0v9] { padding: 16px 12px; }
  .vsd-bolum[b-3bku2hf0v9],
  .vsd-dugum__ad[b-3bku2hf0v9] { font-size: var(--yazi-bolum, 14px); }
  .vsd-metin[b-3bku2hf0v9],
  .vsd-secenek[b-3bku2hf0v9] { font-size: var(--yazi-govde, 13px); }

  .vsd-kunye > div[b-3bku2hf0v9] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
  .vsd-secenekler[b-3bku2hf0v9] { grid-template-columns: minmax(0, 1fr); }

  .vsd-popup[b-3bku2hf0v9],
  .vsd-popup--dar[b-3bku2hf0v9] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .vsd-popup__bas[b-3bku2hf0v9],
  .vsd-popup__govde[b-3bku2hf0v9],
  .vsd-popup__eylem[b-3bku2hf0v9] { padding: 12px; }
  .vsd-popup__eylem .au-btn[b-3bku2hf0v9] { flex: 1 1 auto; }
}

/* ── Geniş masaüstü: eylemler başlığın sağına çıkar ────────────────────── */

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vsd-kapak[b-3bku2hf0v9] {
    grid-template-areas: "geri baslik eylem";
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }
  .vsd-kapak__eylem[b-3bku2hf0v9] { justify-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .vsd-vitrin .au-btn[b-3bku2hf0v9],
  .vsd-sekme[b-3bku2hf0v9] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Question/VideoluSorular.razor.rz.scp.css */
/* Videolu Sorular listesi — Akademik Analiz görsel dili (2026-09-20).

   Ölçüler `docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md`
   tablolarından, cihaz kırılımları `docs/mobil/YENI-DIL.md` §1.1'den birebir
   alındı. Sayfa-scoped: analiz vitrini (`analiz-vitrin.css`) bu ekrana
   taşınmaz, çünkü bu bir analiz ekranı değil.

   Yeni hex YOK — yalnız aurora.css :root token'ları. */

.vsl-vitrin[b-3a2y7x7fsu] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ─────────────── */

.vsl-kapak[b-3a2y7x7fsu] {
  display: grid;
  grid-template-areas:
    "baslik eylem"
    "filtre filtre";
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vsl-kapak__baslik[b-3a2y7x7fsu] { grid-area: baslik; min-width: 0; }
.vsl-suzgec-kap[b-3a2y7x7fsu] { grid-area: filtre; min-width: 0; }
.vsl-kapak__eylem[b-3a2y7x7fsu] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.vsl-kapak .au-title[b-3a2y7x7fsu] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.vsl-kapak__alt[b-3a2y7x7fsu] {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--metin-ikincil);
}

/* Süzgeç: kapağın içinde ikinci bir kart oluşturmaz — şeffaf, sıfır kenar. */
.vsl-suzgec-kap[b-3a2y7x7fsu] { margin: 0; padding: 0; border: 0; background: none; }
.vsl-suzgec-ac[b-3a2y7x7fsu] {
  display: none;
  min-height: 34px;
  align-items: center;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--marka-700);
  cursor: pointer;
}
.vsl-suzgec[b-3a2y7x7fsu] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
.vsl-alan[b-3a2y7x7fsu] { flex: 0 1 176px; min-width: 0; max-width: 210px; }
.vsl-alan--ara[b-3a2y7x7fsu] { flex: 1 1 210px; max-width: 280px; }

/* Telefonda katlanmış bırakılan süzgeç, ekran genişleyince kapalı kalmasın:
   `summary` gizlendiği için kullanıcının onu yeniden açma yolu olmazdı. */
@media (min-width: 641px) {
  .vsl-suzgec-kap:not([open]) > .vsl-suzgec[b-3a2y7x7fsu] { display: flex; }
}

/* Alan etiketi ve girdisi — Akademik Analiz kapak ölçüleri.

   Seçici zinciri BİLEREK uzun: `AppField.razor.css` aynı girdiyi
   `.app-field[b-…] .app-input` (0,3,0) ile boyar ve `height:46px` verir.
   `.vsl-suzgec ::deep .app-input` de (0,3,0) olurdu — beraberlikte kaynak
   sırası karar verir ve `Components/Ui/…` kapsam dosyası demette sonra gelip
   kazanır. `.vsl-vitrin` eklenince (0,4,0) olur; ayrıca `height` `min-height`i
   ezmez, o yüzden ikisi birlikte yazılır. */
.vsl-suzgec[b-3a2y7x7fsu]  .app-field__label,
.vsl-suzgec .app-field__label[b-3a2y7x7fsu] {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marka-700);
}

/* AppField etiket–kontrol aralığı 7 px; sayfanın kendi alanı 4 px. Süzgeç
   satırı `align-items:flex-end` olduğu için fark etiketleri kaydırıyordu. */
.vsl-vitrin .vsl-suzgec[b-3a2y7x7fsu]  .app-field { gap: 4px; }

.vsl-vitrin .vsl-suzgec[b-3a2y7x7fsu]  .app-input,
.vsl-girdi[b-3a2y7x7fsu] {
  width: 100%;
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1.2 var(--font-body);
}

/* Ok simgesi girdinin İÇİNDE durur (AppSelect.razor.css: `right:14px`,
   `pointer-events:none`). Yukarıdaki `padding:0 12px` onun payını siliyordu —
   uzun seçim metni okun altına giriyordu. */
.vsl-vitrin .vsl-suzgec[b-3a2y7x7fsu]  .app-select { padding-right: 36px; }

.vsl-temizle[b-3a2y7x7fsu] { align-self: flex-end; }

/* ── Düğmeler ──────────────────────────────────────────────────────────── */

.vsl-vitrin .au-btn[b-3a2y7x7fsu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.vsl-vitrin .au-btn--sm[b-3a2y7x7fsu] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.vsl-vitrin .au-btn--primary[b-3a2y7x7fsu] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vsl-vitrin .au-btn:disabled[b-3a2y7x7fsu] { opacity: .55; cursor: not-allowed; }

@media (hover: hover) {
  .vsl-vitrin .au-btn:hover[b-3a2y7x7fsu] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
  }
  .vsl-vitrin .au-btn--primary:hover[b-3a2y7x7fsu] { background: var(--marka-500); border-color: var(--marka-500); }
}

.vsl-vitrin .au-btn:focus-visible[b-3a2y7x7fsu],
.vsl-satir__bag:focus-visible[b-3a2y7x7fsu],
.vsl-suzgec-ac:focus-visible[b-3a2y7x7fsu] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sonuç şeridi ve kart ──────────────────────────────────────────────── */

.vsl-ozet[b-3a2y7x7fsu] {
  margin: 0 0 12px;
  font-size: 12.5px;
  color: var(--metin-ikincil);
}
.vsl-ozet strong[b-3a2y7x7fsu] { color: var(--marka-700); font-variant-numeric: tabular-nums; }
.vsl-ozet__alt[b-3a2y7x7fsu] { color: var(--metin-ipucu); }

.vsl-kart[b-3a2y7x7fsu],
.vsl-panel[b-3a2y7x7fsu] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vsl-kart[b-3a2y7x7fsu]::before,
.vsl-panel[b-3a2y7x7fsu]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vsl-bolum[b-3a2y7x7fsu] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.vsl-bolum[b-3a2y7x7fsu]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vsl-panel[b-3a2y7x7fsu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}
.vsl-panel strong[b-3a2y7x7fsu] { color: var(--marka-700); font-size: 14px; }
.vsl-panel--ic[b-3a2y7x7fsu] { box-shadow: none; }
.vsl-panel--ic[b-3a2y7x7fsu]::before { display: none; }
.vsl-panel--hata strong[b-3a2y7x7fsu] { color: var(--danger-metin); }

/* ── Tablo: mavi–petrol başlık şeridi, beyaz gövde ─────────────────────── */

.vsl-kaydir[b-3a2y7x7fsu] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.vsl-tablo[b-3a2y7x7fsu] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
}

.vsl-tablo thead th[b-3a2y7x7fsu] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  text-align: start;
  white-space: nowrap;
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--on-brand);
  background: var(--marka-rampa-serit);
}

.vsl-tablo tbody td[b-3a2y7x7fsu] {
  padding: 10px 13px;
  vertical-align: top;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
}

.vsl-tablo tbody tr:nth-child(even) td[b-3a2y7x7fsu] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vsl-sayi[b-3a2y7x7fsu] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.vsl-bos-deger[b-3a2y7x7fsu] { color: var(--metin-ipucu); }

.vsl-satir__bag[b-3a2y7x7fsu] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
@media (hover: hover) {
  .vsl-satir__bag:hover[b-3a2y7x7fsu] { text-decoration: underline; }
}

.vsl-alt[b-3a2y7x7fsu] {
  display: block;
  margin-top: 2px;
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--metin-ipucu);
  overflow-wrap: anywhere;
}

.vsl-sut--islem[b-3a2y7x7fsu] { text-align: end; white-space: nowrap; }

/* ── Rozetler ──────────────────────────────────────────────────────────── */

.vsl-medya[b-3a2y7x7fsu] { display: flex; flex-wrap: wrap; gap: 4px; }

.vsl-rozet[b-3a2y7x7fsu] {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--metin-ikincil);
}

/* Renk körlüğü ekseni: "var" petrol, "yok" amber — kırmızı/yeşil DEĞİL. */
.vsl-rozet--var[b-3a2y7x7fsu] {
  border-color: transparent;
  background: var(--analiz-iyi-acik);
  color: var(--analiz-iyi-rozet-metin);
}
.vsl-rozet--yok[b-3a2y7x7fsu] {
  border-color: transparent;
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-rozet-metin);
}
.vsl-rozet--onayli[b-3a2y7x7fsu] {
  border-color: transparent;
  background: var(--basari-acik);
  color: var(--basari-metin);
}
.vsl-rozet--red[b-3a2y7x7fsu] {
  border-color: transparent;
  background: color-mix(in srgb, var(--danger) 12%, var(--yuzey));
  color: var(--danger-rozet-metin);
}
.vsl-rozet--taslak[b-3a2y7x7fsu] { color: var(--metin-ipucu); }

/* ── Sayfalama ─────────────────────────────────────────────────────────── */

.vsl-sayfa[b-3a2y7x7fsu] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
  font-size: 12.5px;
  color: var(--metin-ikincil);
}
.vsl-sayfa__n[b-3a2y7x7fsu] { font-variant-numeric: tabular-nums; }

.vsl-gizli[b-3a2y7x7fsu] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Popup: görünür, kaydırılmış sayfada da ekranın üzerinde ───────────── */

.vsl-popup[b-3a2y7x7fsu] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.vsl-popup[open][b-3a2y7x7fsu] { display: flex; flex-direction: column; }
.vsl-popup[b-3a2y7x7fsu]::backdrop { background: var(--scrim); }

.vsl-popup__bas[b-3a2y7x7fsu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.vsl-popup__bas h2[b-3a2y7x7fsu] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.vsl-popup__bas h2:focus[b-3a2y7x7fsu] { outline: none; }

/* `.vsl-vitrin .au-btn` (0,3,0) bu kuralı ezmesin diye kapsam eşitlendi:
   aksi hâlde `padding:0` yerine 13 px yan dolgu uygulanıyor ve 44 px'lik
   kutuda "×" için 18 px içerik kalıyordu. */
.vsl-vitrin .vsl-popup__kapat[b-3a2y7x7fsu] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.vsl-popup__govde[b-3a2y7x7fsu] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vsl-popup__eylem[b-3a2y7x7fsu] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.vsl-popup__hata[b-3a2y7x7fsu] { margin: 0 0 12px; color: var(--danger-metin); font-size: 13px; }
.vsl-ipucu[b-3a2y7x7fsu] { margin: 0; color: var(--metin-ipucu); font-size: 12.5px; }

.vsl-kunye[b-3a2y7x7fsu] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.vsl-kunye > div[b-3a2y7x7fsu] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.vsl-kunye > div:nth-child(odd)[b-3a2y7x7fsu] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.vsl-kunye dt[b-3a2y7x7fsu] { color: var(--metin-ipucu); }
.vsl-kunye dd[b-3a2y7x7fsu] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────────────── */

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vsl-kapak[b-3a2y7x7fsu] { padding: 16px; }
  .vsl-vitrin .au-btn[b-3a2y7x7fsu] { min-height: 44px; }
  .vsl-vitrin .au-btn--sm[b-3a2y7x7fsu] { min-height: 40px; }
  .vsl-vitrin .vsl-suzgec[b-3a2y7x7fsu]  .app-input,
  .vsl-girdi[b-3a2y7x7fsu] { min-height: 44px; height: 44px; font-size: max(16px, 1rem); }

  /* İlk anlamlı sütun yapışık: yatay kaydırmada başlık kaybolmasın. */
  .vsl-tablo th.vsl-sut--ad[b-3a2y7x7fsu],
  .vsl-tablo td.vsl-sut--ad[b-3a2y7x7fsu] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 180px;
    background: var(--yuzey);
    box-shadow: 1px 0 0 var(--hat-kart);
  }
  /* Yapışık başlık hücresi opak olmak ZORUNDA (altından satırlar geçiyor).
     Rampanın 0% durağı `--marka-500`; `--marka-600` kullanılırsa hücre ile
     şeridin devamı arasında görünür bir ton eki oluşuyordu. */
  .vsl-tablo thead th.vsl-sut--ad[b-3a2y7x7fsu] { z-index: 3; background: var(--marka-500); }
  .vsl-tablo tbody tr:nth-child(even) td.vsl-sut--ad[b-3a2y7x7fsu] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
  .vsl-kapak[b-3a2y7x7fsu] {
    grid-template-areas:
      "baslik"
      "filtre"
      "eylem";
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }
  .vsl-kapak .au-title[b-3a2y7x7fsu] { font-size: var(--yazi-kapak, 20px); }
  .vsl-kapak__alt[b-3a2y7x7fsu] { font-size: var(--yazi-kucuk, 12px); }
  .vsl-kapak__eylem[b-3a2y7x7fsu] { flex-wrap: nowrap; overflow-x: auto; }
  .vsl-kapak__eylem .au-btn[b-3a2y7x7fsu] { flex: 1 0 auto; }

  .vsl-suzgec-ac[b-3a2y7x7fsu] { display: flex; }
  .vsl-suzgec-kap[open] .vsl-suzgec[b-3a2y7x7fsu] { margin-top: 10px; }
  .vsl-suzgec[b-3a2y7x7fsu] { flex-direction: column; align-items: stretch; gap: 10px; }
  .vsl-alan[b-3a2y7x7fsu],
  .vsl-alan--ara[b-3a2y7x7fsu] { flex: 1 1 auto; max-width: none; }

  .vsl-kart[b-3a2y7x7fsu] { padding: 16px 12px; }
  .vsl-bolum[b-3a2y7x7fsu] { font-size: var(--yazi-bolum, 14px); }
  .vsl-tablo[b-3a2y7x7fsu] { font-size: var(--yazi-govde, 13px); }
  .vsl-tablo thead th[b-3a2y7x7fsu],
  .vsl-tablo tbody td[b-3a2y7x7fsu] { padding: 10px; }

  .vsl-popup[b-3a2y7x7fsu] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .vsl-popup__bas[b-3a2y7x7fsu],
  .vsl-popup__govde[b-3a2y7x7fsu],
  .vsl-popup__eylem[b-3a2y7x7fsu] { padding: 12px; }
  .vsl-popup__eylem .au-btn[b-3a2y7x7fsu] { flex: 1 1 auto; }
  .vsl-kunye > div[b-3a2y7x7fsu] { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* ── Geniş masaüstü: başlık solda, süzgeç ve eylem sağda tek satır ─────── */

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vsl-kapak[b-3a2y7x7fsu] {
    grid-template-areas: "baslik filtre eylem";
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  /* Sarmalayıcı `end` ile hizalanırsa shrink-to-fit ölçülür; `.vsl-suzgec`
     sarmalayan bir flex satırı ve max-content'i `.vsl-alan`ın `flex: 0 1 176px`
     tabanını saymaz → kap daralır, süzgeçler alt alta yığılır. Sarmalayıcı
     gerilir, sağa yaslamayı iç flex satırının `justify-content`i yapar. */
  .vsl-suzgec-kap[b-3a2y7x7fsu] { justify-self: stretch; }
  .vsl-suzgec[b-3a2y7x7fsu] { justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .vsl-vitrin .au-btn[b-3a2y7x7fsu] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/Question/VideoluSoruUret.razor.rz.scp.css */
/* Videolu Soru üretimi — Akademik Analiz görsel dili (2026-09-20).

   2026-08-26 notu hâlâ geçerli: bu dosya BAŞTA YAZILMAMIŞTI; `vs-*` sınıflarının
   hiçbiri tanımlı olmadığı için sayfa canlıda tamamen stilsiz (ham form)
   render ediliyordu. 2026-09-20'de sınıflar `vsu-*` önekine ve referans
   ölçülerine taşındı.

   Ölçüler `docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md`,
   cihaz kırılımları `docs/mobil/YENI-DIL.md` §1.1. Yeni hex YOK —
   yalnız aurora.css :root token'ları. */

.vsu-vitrin[b-mqzukmjqqk] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────────── */

.vsu-kapak[b-mqzukmjqqk] {
  display: grid;
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vsu-kapak__geri[b-mqzukmjqqk] { grid-area: geri; }
.vsu-kapak__baslik[b-mqzukmjqqk] { grid-area: baslik; min-width: 0; }
.vsu-kapak__eylem[b-mqzukmjqqk] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.vsu-kapak .au-title[b-mqzukmjqqk] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.vsu-kapak__alt[b-mqzukmjqqk] {
  max-width: 76ch;
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--metin-ikincil);
}

/* ── Düğmeler ──────────────────────────────────────────────────────────── */

.vsu-vitrin .au-btn[b-mqzukmjqqk] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.vsu-vitrin .au-btn--sm[b-mqzukmjqqk] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.vsu-vitrin .au-btn--primary[b-mqzukmjqqk] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vsu-vitrin .au-btn:disabled[b-mqzukmjqqk] { opacity: .55; cursor: not-allowed; }

@media (hover: hover) {
  .vsu-vitrin .au-btn:hover[b-mqzukmjqqk] {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
  }
  .vsu-vitrin .au-btn--primary:hover[b-mqzukmjqqk] { background: var(--marka-500); border-color: var(--marka-500); }
}

.vsu-vitrin .au-btn:focus-visible[b-mqzukmjqqk] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Uyarı / gereklilik şeritleri ──────────────────────────────────────── */

.vsu-gereklilik[b-mqzukmjqqk] {
  margin: 0 0 12px;
  font-size: 12.5px;
  color: var(--metin-ipucu);
}

.vsu-serit[b-mqzukmjqqk] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-inline-start: 3px solid var(--analiz-dikkat);
  border-radius: var(--kose-dugme);
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-metin);
  font-size: 13px;
  line-height: 1.55;
}

/* ── Adım kartları: geniş ekranda iki sütun ────────────────────────────── */

.vsu-izgara[b-mqzukmjqqk] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.vsu-adim[b-mqzukmjqqk] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vsu-adim[b-mqzukmjqqk]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vsu-bolum[b-mqzukmjqqk] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

/* Adım numarası sıralamanın tek ipucu — gövde metninden ayrılır. */
.vsu-no[b-mqzukmjqqk] {
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 12px;
  font-weight: 700;
}

.vsu-aciklama[b-mqzukmjqqk] {
  margin: 0 0 12px;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--metin-ikincil);
}

.vsu-alanlar[b-mqzukmjqqk] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

/* ── Popup ─────────────────────────────────────────────────────────────── */

.vsu-popup[b-mqzukmjqqk] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.vsu-popup[open][b-mqzukmjqqk] { display: flex; flex-direction: column; }
.vsu-popup[b-mqzukmjqqk]::backdrop { background: var(--scrim); }

.vsu-popup__bas[b-mqzukmjqqk] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.vsu-popup__bas h2[b-mqzukmjqqk] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}
.vsu-popup__bas h2:focus[b-mqzukmjqqk] { outline: none; }

/* `.vsu-vitrin .au-btn` (0,3,0) bu kuralı ezmesin diye kapsam eşitlendi. */
.vsu-vitrin .vsu-popup__kapat[b-mqzukmjqqk] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.vsu-popup__govde[b-mqzukmjqqk] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.vsu-popup__eylem[b-mqzukmjqqk] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.vsu-popup__hata[b-mqzukmjqqk] { margin: 12px 0 0; color: var(--danger-metin); font-size: 13px; line-height: 1.55; }

.vsu-ipucu[b-mqzukmjqqk] { margin: 0 0 12px; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.vsu-ipucu b[b-mqzukmjqqk] { color: var(--marka-700); }
.vsu-paket[b-mqzukmjqqk] { margin-top: 12px; }

.vsu-kunye[b-mqzukmjqqk] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.vsu-kunye > div[b-mqzukmjqqk] {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.vsu-kunye > div:nth-child(odd)[b-mqzukmjqqk] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.vsu-kunye dt[b-mqzukmjqqk] { color: var(--metin-ipucu); }
.vsu-kunye dd[b-mqzukmjqqk] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────────────── */

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vsu-kapak[b-mqzukmjqqk] { padding: 16px; }
  .vsu-vitrin .au-btn[b-mqzukmjqqk] { min-height: 44px; }
  .vsu-vitrin .au-btn--sm[b-mqzukmjqqk] { min-height: 40px; }
}

/* ── TELEFON ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
  .vsu-kapak[b-mqzukmjqqk] { padding: 12px; }
  .vsu-kapak .au-title[b-mqzukmjqqk] { font-size: var(--yazi-kapak, 20px); }
  .vsu-kapak__alt[b-mqzukmjqqk] { font-size: var(--yazi-kucuk, 12px); }
  .vsu-kapak__eylem[b-mqzukmjqqk] { flex-wrap: nowrap; overflow-x: auto; }
  .vsu-kapak__eylem .au-btn[b-mqzukmjqqk] { flex: 1 0 auto; }

  .vsu-adim[b-mqzukmjqqk] { padding: 16px 12px; }
  .vsu-bolum[b-mqzukmjqqk] { font-size: var(--yazi-bolum, 14px); }
  .vsu-aciklama[b-mqzukmjqqk] { font-size: var(--yazi-kucuk, 12px); }
  .vsu-alanlar[b-mqzukmjqqk] { grid-template-columns: minmax(0, 1fr); }

  .vsu-popup[b-mqzukmjqqk] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .vsu-popup__bas[b-mqzukmjqqk],
  .vsu-popup__govde[b-mqzukmjqqk],
  .vsu-popup__eylem[b-mqzukmjqqk] { padding: 12px; }
  .vsu-popup__eylem .au-btn[b-mqzukmjqqk] { flex: 1 1 auto; }
  .vsu-kunye > div[b-mqzukmjqqk] { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}

/* ── MASAÜSTÜ: adımlar iki sütun, kaydırma yarıya iner ─────────────────── */

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .vsu-izgara[b-mqzukmjqqk] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vsu-kapak[b-mqzukmjqqk] {
    grid-template-areas: "geri baslik eylem";
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }
  .vsu-kapak__eylem[b-mqzukmjqqk] { justify-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .vsu-vitrin .au-btn[b-mqzukmjqqk] { transition: none; }
}

/* export_error makine kodu — cümleden ayrı, sönük (FE-2). */
.vsu-paket__kod[b-mqzukmjqqk] {
  display: block;
  margin-top: 4px;
  font-size: 0.8em;
  opacity: 0.8;
  font-family: var(--font-mono, monospace);
}
/* _content/EduLive.Web/Components/Pages/Scheduling/AdayKarsilastirma.razor.rz.scp.css */
/* Aday karşılaştırma — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, --marka-rampa-serit tablo başlığı, sınırlı kaydırma,
   native dialog pencere) + kardeş uygulama DelegationCenter.razor.css.
   Yeni hex YOK (yalnız token), !important YOK, sabit spacer YOK.
   planlama.css'teki .sk-compare/.sk-score/.sk-metric taban sınıfları KORUNUR, yalnız bu
   sayfa kapsamında yeni dile uyarlanır — ortak dosya değiştirilmez. */

.adk-vitrin[b-lv77ec9zzn] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.adk-vitrin[b-lv77ec9zzn]  .adk-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-kapak__bas { min-width: 0; }

.adk-vitrin[b-lv77ec9zzn]  .adk-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-kapak__geri {
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Ortak kontroller ──────────────────────────────────────────── */
.adk-vitrin[b-lv77ec9zzn]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.adk-vitrin[b-lv77ec9zzn]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.adk-vitrin[b-lv77ec9zzn]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.adk-vitrin[b-lv77ec9zzn]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.adk-vitrin[b-lv77ec9zzn]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.adk-vitrin[b-lv77ec9zzn]  :is(.au-btn, .adk-sekme, .adk-panel, .adk-tablo-kaydir, .adk-kapak__geri):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Özet şerit: tek birleşik yüzey, gerçek veriden ────────────── */
/* Öge sayısı sabit DEĞİL: iptal edilmiş aday varsa dördüncü ölçü eklenir. Sabit üç sütunda
   dördüncü öge alt satıra düşüp şeridi kırıyordu → sütunlar öge sayısından türetilir. */
.adk-vitrin[b-lv77ec9zzn]  .adk-ozet {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-ozet__oge {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 14px 16px 15px;
  border-inline-end: 1px solid var(--hat-kart);
  border-top: 3px solid var(--marka-600);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-ozet__oge:nth-child(2) { border-top-color: var(--marka-rampa-orta); }
.adk-vitrin[b-lv77ec9zzn]  .adk-ozet__oge:nth-child(3) { border-top-color: var(--marka-rampa-uc); }
/* Dördüncü ölçü (iptal edilmiş aday) pasif bir sayıdır — marka rampasını sürdürmez. */
.adk-vitrin[b-lv77ec9zzn]  .adk-ozet__oge:nth-child(4) { border-top-color: var(--n-400); }
.adk-vitrin[b-lv77ec9zzn]  .adk-ozet__oge:last-child { border-inline-end: 0; }

.adk-vitrin[b-lv77ec9zzn]  .adk-ozet__etiket {
  color: var(--n-500);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-ozet__deger {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
}

/* Kısmi süzme uyarısı: ikinci bir kart yüzeyi kurmaz, şeritle kapak arasında durur. */
.adk-vitrin[b-lv77ec9zzn]  .adk-not {
  margin: 0 0 16px;
  padding: 10px 12px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Bölüm sekmeleri: yalnız seçili görünüm çizilir ────────────── */
.adk-vitrin[b-lv77ec9zzn]  .adk-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-sekme {
  --adk-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Renkler gezinme vurgusudur; başarı/hata anlamı taşımaz. */
.adk-vitrin[b-lv77ec9zzn]  .adk-sekme:nth-child(2) { --adk-sekme-vurgu: var(--marka-rampa-uc); }

.adk-vitrin[b-lv77ec9zzn]  .adk-sekme:hover {
  background: color-mix(in srgb, var(--adk-sekme-vurgu) 14%, var(--yuzey));
  color: var(--adk-sekme-vurgu);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-sekme[aria-selected="true"] {
  background: var(--adk-sekme-vurgu);
  color: var(--on-brand);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-sekme:focus-visible { outline-color: var(--adk-sekme-vurgu); }

.adk-vitrin[b-lv77ec9zzn]  .adk-panel { min-width: 0; }

/* ── Aday kartları ─────────────────────────────────────────────── */
.adk-vitrin[b-lv77ec9zzn]  .sk-compare {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.adk-vitrin[b-lv77ec9zzn]  .sk-compare__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.adk-vitrin[b-lv77ec9zzn]  .sk-compare__card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.adk-vitrin[b-lv77ec9zzn]  .sk-compare__card.is-best {
  border-color: color-mix(in srgb, var(--marka-500) 45%, var(--hat-kart));
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 22px 40px -26px color-mix(in srgb, var(--marka-600) 60%, transparent);
}

.adk-vitrin[b-lv77ec9zzn]  .sk-card__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: none;
  margin-bottom: 8px;
}

.adk-vitrin[b-lv77ec9zzn]  .sk-chip {
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-etiket {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.adk-vitrin[b-lv77ec9zzn]  .sk-score {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-alt {
  margin-top: 4px;
  color: var(--n-500);
  font-size: 11.5px;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-metrikler {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.adk-vitrin[b-lv77ec9zzn]  .sk-metric {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  font-size: 13px;
}

.adk-vitrin[b-lv77ec9zzn]  .sk-metric:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.adk-vitrin[b-lv77ec9zzn]  .sk-metric__label { color: var(--n-500); }

.adk-vitrin[b-lv77ec9zzn]  .sk-metric__value {
  color: var(--metin-murekkep);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-kart-eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
}

/* ── Karşılaştırma tablosu ─────────────────────────────────────── */
.adk-vitrin[b-lv77ec9zzn]  .adk-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında sarmalayıcısız tablolar için
   `table { display:block; overflow-x:auto }` yazar; tablo kendi kabında kaydığı için o
   siper burada sticky thead'i bozar ve ikinci bir kaydırıcı açar. */
.adk-vitrin[b-lv77ec9zzn]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 880px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.adk-vitrin[b-lv77ec9zzn]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.adk-vitrin[b-lv77ec9zzn]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.adk-vitrin[b-lv77ec9zzn]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.adk-vitrin[b-lv77ec9zzn]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.adk-vitrin[b-lv77ec9zzn]  .adk-satir--onerilen td {
  box-shadow: inset 3px 0 0 var(--marka-500);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-hedef {
  min-width: 180px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-hedef .au-status { margin-inline-start: 8px; }

.adk-vitrin[b-lv77ec9zzn]  .adk-sayi {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

.adk-vitrin[b-lv77ec9zzn]  .au-result-table .au-dim {
  color: var(--n-500);
  white-space: nowrap;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-satir-eylem {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-satir-eylem .au-btn + .au-btn { margin-inline-start: 6px; }

/* Konumsuz gizleme: <th>/<caption> konumlandırılmadığı için absolute kutu sayfaya kaçar. */
.adk-vitrin[b-lv77ec9zzn]  .adk-gizli-metin {
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Boş / hata / yetkisiz yüzeyleri ───────────────────────────── */
.adk-vitrin[b-lv77ec9zzn]  :is(.adk-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.adk-vitrin[b-lv77ec9zzn]  :is(.adk-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-bos__metin {
  max-width: 52ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Ayrıntı penceresi ─────────────────────────────────────────── */
.adk-vitrin[b-lv77ec9zzn]  .adk-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-popup[open] { display: flex; flex-direction: column; }
.adk-vitrin[b-lv77ec9zzn]  .adk-popup::backdrop { background: var(--scrim); }

.adk-vitrin[b-lv77ec9zzn]  .adk-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.adk-vitrin[b-lv77ec9zzn]  .adk-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-popup__bas h2:focus { outline: none; }

.adk-vitrin[b-lv77ec9zzn]  .adk-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.adk-vitrin[b-lv77ec9zzn]  .adk-olgular dt { color: var(--n-500); }

.adk-vitrin[b-lv77ec9zzn]  .adk-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-popup__metin {
  margin: 14px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.adk-vitrin[b-lv77ec9zzn]  .adk-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .adk-vitrin[b-lv77ec9zzn]  .adk-kapak { padding: 16px; }

  .adk-vitrin[b-lv77ec9zzn]  :is(.au-btn, .au-btn--sm) { min-height: 44px; }

  /* Şerit tek yatay kaydırılabilir bant; sayfanın tamamı taşmaz. */
  .adk-vitrin[b-lv77ec9zzn]  .adk-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .adk-vitrin[b-lv77ec9zzn]  .adk-sekme { flex: 0 0 auto; min-height: 44px; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .adk-vitrin[b-lv77ec9zzn]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .adk-vitrin[b-lv77ec9zzn]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .adk-vitrin[b-lv77ec9zzn]  .adk-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .adk-vitrin[b-lv77ec9zzn]  .adk-kapak .au-title { font-size: var(--yazi-kapak, 20px); }

  .adk-vitrin[b-lv77ec9zzn]  .adk-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .adk-vitrin[b-lv77ec9zzn]  .adk-kapak__eylem .au-btn { flex: 1 1 auto; }

  /* Telefonda tek sütun: sütun akışı satır akışına döner (grid-auto-flow devralınmaz). */
  .adk-vitrin[b-lv77ec9zzn]  .adk-ozet {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .adk-vitrin[b-lv77ec9zzn]  .adk-ozet__oge {
    border-inline-end: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .adk-vitrin[b-lv77ec9zzn]  .adk-ozet__oge:last-child { border-bottom: 0; }
  .adk-vitrin[b-lv77ec9zzn]  .adk-ozet__deger { font-size: var(--yazi-kpi, 20px); }

  .adk-vitrin[b-lv77ec9zzn]  .sk-compare { grid-template-columns: minmax(0, 1fr); }
  .adk-vitrin[b-lv77ec9zzn]  .sk-compare__card { padding: 16px 12px; }
  .adk-vitrin[b-lv77ec9zzn]  .adk-kart-eylem .au-btn { flex: 1 1 auto; }

  .adk-vitrin[b-lv77ec9zzn]  .adk-tablo-kaydir { max-height: min(460px, 62dvh); }
  .adk-vitrin[b-lv77ec9zzn]  .au-result-table { min-width: 720px; }
  .adk-vitrin[b-lv77ec9zzn]  .au-result-table :is(th, td) { padding: 10px; }

  .adk-vitrin[b-lv77ec9zzn]  .adk-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .adk-vitrin[b-lv77ec9zzn]  :is(.adk-popup__bas, .adk-popup__govde, .adk-popup__eylem) { padding: 12px; }
  .adk-vitrin[b-lv77ec9zzn]  .adk-popup__eylem .au-btn { flex: 1 1 auto; }

  .adk-vitrin[b-lv77ec9zzn]  .adk-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/AscAktarim.razor.rz.scp.css */
/* aSc TimeTables aktarımı — Akademik Analiz görsel dili (23 px kapak, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve
   !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   NOT: `.wrap` bu bileşenin dışındadır — scoped CSS ona ulaşamaz; sayfa dış boşluğu
   global `.wrap` kuralında kalır. */

.asc-vitrin[b-4g6usp9pyg] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.asc-vitrin .asc-kapak[b-4g6usp9pyg] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.asc-vitrin .asc-kapak__baslik[b-4g6usp9pyg] {
  min-width: 0;
  flex: 1 1 260px;
  align-self: center;
}

.asc-vitrin .au-title[b-4g6usp9pyg] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.asc-vitrin .asc-kapak__alt[b-4g6usp9pyg] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  flex: 1 1 380px;
}

.asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg]  .edu-dropdown { min-width: 176px; max-width: 210px; }
.asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }
/* AppField paylaşılan `width:100%` taşıdığı için esnek kapta her alan kendi satırına
   düşüyordu; kutuyu kontrol genişliğine sabitleyip iki açılır listeyi yan yana tutuyoruz. */
.asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg]  .app-field { flex: 0 1 210px; min-width: 176px; max-width: 210px; }

.asc-vitrin .asc-kapak__eylem[b-4g6usp9pyg] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.asc-vitrin .asc-ipucu[b-4g6usp9pyg] {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Düğme tabanı ── */
.asc-vitrin .au-btn[b-4g6usp9pyg] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.asc-vitrin .au-btn:hover:not(:disabled)[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.asc-vitrin .au-btn:disabled[b-4g6usp9pyg] { opacity: .55; cursor: not-allowed; }

.asc-vitrin .au-btn--primary[b-4g6usp9pyg] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.asc-vitrin .au-btn--primary:hover:not(:disabled)[b-4g6usp9pyg] { background: var(--marka-500); border-color: var(--marka-500); }

.asc-vitrin :is(.au-btn, .asc-sekme, .asc-bolum, .asc-radyo):focus-visible[b-4g6usp9pyg] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri ── */
.asc-vitrin .asc-sekmeler[b-4g6usp9pyg] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.asc-vitrin .asc-sekme[b-4g6usp9pyg] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.asc-vitrin .asc-sekme:hover[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.asc-vitrin .asc-sekme[aria-selected="true"][b-4g6usp9pyg] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.asc-vitrin .asc-uyari[b-4g6usp9pyg] { margin-bottom: 16px; }

/* ── Bölüm kartı ── */
.asc-vitrin .asc-bolum[b-4g6usp9pyg] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.asc-vitrin .asc-bolum[b-4g6usp9pyg]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.asc-vitrin .asc-bolum__baslik[b-4g6usp9pyg] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.asc-vitrin .asc-bolum__baslik[b-4g6usp9pyg]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.asc-vitrin .asc-bolum__alt[b-4g6usp9pyg] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* Kapaktan taşınan biçim ipucu: bölüm açıklamasıyla aynı dikey ritmi tutsun
   (tarayıcı varsayılanı 1em üst/alt boşluk bırakıp akışı bozuyordu). */
.asc-vitrin .asc-bolum__ipucu[b-4g6usp9pyg] {
  margin: 0 0 14px;
}

.asc-vitrin .asc-sayac[b-4g6usp9pyg] {
  margin: 0 0 10px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.asc-vitrin .asc-bos[b-4g6usp9pyg] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.asc-vitrin .asc-bos p[b-4g6usp9pyg] { margin: 0; line-height: 1.6; }

/* ── Taslak tablosu: sınırlı alanda kayar, başlık üstte sabit ── */
.asc-vitrin .asc-tablo-kap[b-4g6usp9pyg] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.asc-vitrin .asc-tablo[b-4g6usp9pyg] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
}

.asc-vitrin .asc-tablo thead[b-4g6usp9pyg] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.asc-vitrin .asc-tablo thead th[b-4g6usp9pyg] {
  background: transparent;
  border-bottom: 0;
  padding: 10px 13px;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.asc-vitrin .asc-tablo tbody th[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody td[b-4g6usp9pyg] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.asc-vitrin .asc-tablo tbody tr:nth-child(2n) th[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody tr:nth-child(2n) td[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.asc-vitrin .asc-tablo tbody tr.is-secili th[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody tr.is-secili td[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.asc-vitrin .asc-tablo tbody th[scope="row"][b-4g6usp9pyg] { font-weight: 600; }
.asc-vitrin .asc-tablo tbody th[scope="row"] label[b-4g6usp9pyg] { cursor: pointer; }

/* İlk anlamlı sütunlar (seçim + taslak adı) yatay kaydırmada yapışık kalır. */
.asc-vitrin .asc-tablo thead th:nth-child(-n+2)[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody th:nth-child(2)[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody td:first-child[b-4g6usp9pyg] {
  position: sticky;
  z-index: 3;
}

.asc-vitrin .asc-tablo thead th:first-child[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody td:first-child[b-4g6usp9pyg] { left: 0; }

.asc-vitrin .asc-tablo thead th:nth-child(2)[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody th:nth-child(2)[b-4g6usp9pyg] { left: 52px; }

.asc-vitrin .asc-tablo thead th:nth-child(-n+2)[b-4g6usp9pyg] { z-index: 5; background: var(--marka-600); }

.asc-vitrin .asc-tablo tbody td:first-child[b-4g6usp9pyg],
.asc-vitrin .asc-tablo tbody th:nth-child(2)[b-4g6usp9pyg] { background: var(--yuzey); }

.asc-vitrin .asc-tablo__sec[b-4g6usp9pyg] { width: 52px; }

.asc-vitrin .asc-radyo[b-4g6usp9pyg] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--marka-600);
  cursor: pointer;
}

.asc-vitrin .asc-say[b-4g6usp9pyg] { text-align: end; font-variant-numeric: tabular-nums; }
.asc-vitrin .asc-say--kritik[b-4g6usp9pyg] { color: var(--marka-700); font-weight: 700; }
.asc-vitrin .asc-say--uyari[b-4g6usp9pyg] { color: var(--metin-ikincil); font-weight: 600; }

.asc-vitrin .asc-gizli[b-4g6usp9pyg] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Sonuç penceresi (native top layer) ── */
.asc-vitrin .asc-popup[b-4g6usp9pyg] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.asc-vitrin .asc-popup[open][b-4g6usp9pyg] { display: flex; flex-direction: column; }
.asc-vitrin .asc-popup[b-4g6usp9pyg]::backdrop { background: var(--scrim); }

.asc-vitrin .asc-popup__bas[b-4g6usp9pyg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.asc-vitrin .asc-popup__bas h2[b-4g6usp9pyg] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.asc-vitrin .asc-popup__bas h2:focus[b-4g6usp9pyg] { outline: none; }

.asc-vitrin .asc-popup__kapat[b-4g6usp9pyg] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.asc-vitrin .asc-popup__govde[b-4g6usp9pyg] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.asc-vitrin .asc-popup__eylemler[b-4g6usp9pyg] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.asc-vitrin .asc-popup__not[b-4g6usp9pyg] {
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.asc-vitrin .asc-popup__alt-baslik[b-4g6usp9pyg] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.asc-vitrin .asc-kunye[b-4g6usp9pyg] {
  display: grid;
  grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
  gap: 1px;
  margin: 14px 0 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  overflow: hidden;
  font-size: 13px;
}

.asc-vitrin .asc-kunye dt[b-4g6usp9pyg],
.asc-vitrin .asc-kunye dd[b-4g6usp9pyg] {
  margin: 0;
  padding: 9px 12px;
  background: var(--yuzey);
}

.asc-vitrin .asc-kunye dt[b-4g6usp9pyg] { color: var(--metin-ipucu); }
.asc-vitrin .asc-kunye dd[b-4g6usp9pyg] { min-width: 0; color: var(--metin-ikincil); overflow-wrap: anywhere; }

.asc-vitrin .asc-kunye dt:nth-of-type(2n)[b-4g6usp9pyg],
.asc-vitrin .asc-kunye dd:nth-of-type(2n)[b-4g6usp9pyg] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.asc-vitrin .asc-liste[b-4g6usp9pyg] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.asc-vitrin .asc-liste li[b-4g6usp9pyg] {
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Uyarı şeritleri ──
   Temel `.au-banner` ile --warn/--danger/--info global admin-users.css'te tanımlı; --success ise
   YALNIZ `.au-page.form-vitrin` altında var, bu sayfada karşılığı YOKTU: sonuç penceresindeki
   "Dışa aktarım hazır" / "İçe aktarım tamamlandı" şeritleri zeminsiz, hatsız çiziliyordu.
   Dört varyant da admin-users.css ile AYNI token formülüyle burada tanımlanır: bugünkü görünüm
   değişmez, sayfa global dosyanın bir gün scope'lanmasına bağımlı kalmaz. */
.asc-vitrin .au-banner--success[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--green-500) 12%, transparent);
  color: var(--green-600);
  border: 1px solid color-mix(in srgb, var(--green-500) 25%, transparent);
}

.asc-vitrin .au-banner--danger[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
}

.asc-vitrin .au-banner--warn[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--amber-500) 12%, transparent);
  color: var(--amber-600);
  border: 1px solid color-mix(in srgb, var(--amber-500) 25%, transparent);
}

.asc-vitrin .au-banner--info[b-4g6usp9pyg] {
  background: color-mix(in srgb, var(--blue-500) 10%, transparent);
  color: var(--blue-600);
  border: 1px solid color-mix(in srgb, var(--blue-500) 25%, transparent);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .asc-vitrin .asc-kapak[b-4g6usp9pyg] { padding: 16px; }
  .asc-vitrin .asc-sekmeler[b-4g6usp9pyg] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .asc-vitrin .asc-sekme[b-4g6usp9pyg] { flex: 0 0 auto; min-height: 44px; }
  .asc-vitrin .au-btn[b-4g6usp9pyg] { min-height: 44px; }
  .asc-vitrin .asc-radyo[b-4g6usp9pyg] { width: 22px; height: 22px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .asc-vitrin .asc-kapak[b-4g6usp9pyg] { padding: 12px; }
  .asc-vitrin .au-title[b-4g6usp9pyg] { font-size: var(--yazi-kapak, 20px); }
  .asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg] { flex: 1 1 100%; }
  .asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg]  .edu-dropdown { min-width: 0; max-width: none; flex: 1 1 100%; }
  /* Telefonda dikey yığılma kasıtlı: masaüstündeki 210px kutu sabitini geri alıyoruz. */
  .asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg]  .app-field { flex: 1 1 100%; min-width: 0; max-width: none; }
  .asc-vitrin .asc-kapak__filtre[b-4g6usp9pyg]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .asc-vitrin .asc-kapak__eylem[b-4g6usp9pyg] { flex: 1 1 100%; margin-inline-start: 0; }
  .asc-vitrin .asc-kapak__eylem .au-btn[b-4g6usp9pyg] { flex: 1 1 100%; justify-content: center; }
  .asc-vitrin .asc-sekmeler[b-4g6usp9pyg] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .asc-vitrin .asc-sekme[b-4g6usp9pyg] { flex: 0 0 auto; min-height: 44px; }
  .asc-vitrin .asc-bolum[b-4g6usp9pyg] { padding: 16px 12px; }
  .asc-vitrin .asc-bolum__baslik[b-4g6usp9pyg] { font-size: var(--yazi-bolum, 14px); }
  .asc-vitrin .asc-tablo th[b-4g6usp9pyg], .asc-vitrin .asc-tablo td[b-4g6usp9pyg] { padding-inline: 8px; }
  .asc-vitrin .asc-tablo thead th:nth-child(2)[b-4g6usp9pyg],
  .asc-vitrin .asc-tablo tbody th:nth-child(2)[b-4g6usp9pyg] { left: 44px; }
  .asc-vitrin .asc-tablo__sec[b-4g6usp9pyg] { width: 44px; }
  .asc-vitrin .asc-radyo[b-4g6usp9pyg] { width: 22px; height: 22px; }
  .asc-vitrin .au-btn[b-4g6usp9pyg] { min-height: 44px; }
  .asc-vitrin .asc-popup[b-4g6usp9pyg] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .asc-vitrin .asc-popup__bas[b-4g6usp9pyg],
  .asc-vitrin .asc-popup__govde[b-4g6usp9pyg],
  .asc-vitrin .asc-popup__eylemler[b-4g6usp9pyg] { padding: 12px; }
  .asc-vitrin .asc-popup__eylemler .au-btn[b-4g6usp9pyg] { flex: 1 1 100%; justify-content: center; }
  .asc-vitrin .asc-kunye[b-4g6usp9pyg] { grid-template-columns: minmax(0, 1fr); }
  .asc-vitrin .asc-kunye dd[b-4g6usp9pyg] { padding-top: 0; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/AtamaTaslagiDetay.razor.rz.scp.css */
/* Atama taslağı detayı — Akademik Analiz kapak, yüzey, tipografi, tablo ve popup ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.
   Sayfaya özgü atd-* adları global vitrin/cihaz kurallarıyla çakışmaz; ortak bileşen
   (DataStates, GeriBaglanti) içi kurallar ::deep ve .au-page.atd-vitrin (0,3,0) ile yazılır. */

.au-page.atd-vitrin[b-okrpk9wldi] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + rozetler + ana eylemler tek beyaz yüzeyde ─────── */
.atd-vitrin .atd-kapak[b-okrpk9wldi] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem"
    "aciklama aciklama";
  align-items: start;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.atd-vitrin[b-okrpk9wldi]  .atd-geri { grid-area: geri; align-self: center; }
.atd-vitrin .atd-kapak__baslik[b-okrpk9wldi] { grid-area: baslik; min-width: 0; }
.atd-vitrin .atd-kapak__eylem[b-okrpk9wldi] { grid-area: eylem; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.atd-vitrin .atd-kapak__aciklama[b-okrpk9wldi] {
  grid-area: aciklama;
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.atd-vitrin .atd-baslik[b-okrpk9wldi] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.atd-vitrin .atd-alt[b-okrpk9wldi] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.atd-vitrin .atd-alt__tarih[b-okrpk9wldi] { white-space: nowrap; }

.atd-vitrin .atd-rozetler[b-okrpk9wldi] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.au-page.atd-vitrin .atd-dugme[b-okrpk9wldi] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transform: none;
}

.au-page.atd-vitrin .atd-dugme:hover:not(:disabled)[b-okrpk9wldi] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.au-page.atd-vitrin .atd-dugme:disabled[b-okrpk9wldi] { opacity: .5; cursor: default; }

.au-page.atd-vitrin .atd-dugme--ana[b-okrpk9wldi] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.atd-vitrin .atd-dugme--ana:hover:not(:disabled)[b-okrpk9wldi] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.au-page.atd-vitrin .atd-dugme--ana:disabled[b-okrpk9wldi] { background: var(--marka-600); border-color: var(--marka-600); }
.au-page.atd-vitrin .atd-dugme--kucuk[b-okrpk9wldi] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.au-page.atd-vitrin .atd-dugme:focus-visible[b-okrpk9wldi] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.atd-vitrin .atd-kart[b-okrpk9wldi] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.atd-vitrin .atd-kart:last-child[b-okrpk9wldi] { margin-bottom: 0; }

.atd-vitrin .atd-kart[b-okrpk9wldi]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.atd-vitrin .atd-bolum-baslik[b-okrpk9wldi] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.atd-vitrin .atd-bolum-baslik[b-okrpk9wldi]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.atd-vitrin .atd-bolum-ipucu[b-okrpk9wldi] { margin: 0 0 12px; color: var(--n-500); font-size: 12px; line-height: 1.5; }
.atd-vitrin .atd-bos-metin[b-okrpk9wldi] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

.atd-vitrin .atd-kart--bos[b-okrpk9wldi] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 26px 18px 28px;
}

/* ── Uygulama sonucu ──────────────────────────────────────────────────────── */
.atd-vitrin .atd-banner[b-okrpk9wldi] { margin: 10px 0 0; border-radius: var(--kose-dugme); }

.atd-vitrin .atd-hata-liste[b-okrpk9wldi] {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.atd-vitrin .atd-hata[b-okrpk9wldi] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  font-size: 13px;
}

.atd-vitrin .atd-hata__satir[b-okrpk9wldi] {
  color: var(--n-500);
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.atd-vitrin .atd-hata__neden[b-okrpk9wldi] { color: var(--metin-ikincil); overflow-wrap: anywhere; }

/* ── Tablo: --marka-rampa-serit başlık, sınırlı alanda kaydırma ────────────── */
.atd-vitrin .atd-kaydir[b-okrpk9wldi] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.atd-vitrin .atd-kaydir:focus-visible[b-okrpk9wldi] { outline: 2px solid var(--marka-600); outline-offset: -2px; }

.atd-vitrin .atd-tablo[b-okrpk9wldi] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.atd-vitrin .atd-tablo thead[b-okrpk9wldi] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.atd-vitrin .atd-tablo thead th[b-okrpk9wldi] {
  padding: 10px 13px;
  background: transparent;
  border: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.3;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.atd-vitrin .atd-tablo tbody th[b-okrpk9wldi],
.atd-vitrin .atd-tablo tbody td[b-okrpk9wldi] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  text-align: start;
  vertical-align: middle;
}

.atd-vitrin .atd-tablo tbody th[b-okrpk9wldi] { font-weight: 600; }
.atd-vitrin .atd-tablo tbody td[b-okrpk9wldi] { color: var(--metin-ikincil); }

.atd-vitrin .atd-tablo tbody tr:nth-child(even) th[b-okrpk9wldi],
.atd-vitrin .atd-tablo tbody tr:nth-child(even) td[b-okrpk9wldi] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.atd-vitrin .atd-tablo tbody tr:hover th[b-okrpk9wldi],
.atd-vitrin .atd-tablo tbody tr:hover td[b-okrpk9wldi] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.atd-vitrin .atd-tablo tbody tr:last-child th[b-okrpk9wldi],
.atd-vitrin .atd-tablo tbody tr:last-child td[b-okrpk9wldi] { border-bottom: 0; }

.atd-vitrin .atd-tablo tbody th.atd-ad[b-okrpk9wldi] { min-width: 160px; overflow-wrap: anywhere; }
.atd-vitrin .atd-eylem[b-okrpk9wldi], .atd-vitrin .atd-tablo thead .atd-eylem-bas[b-okrpk9wldi] { text-align: end; }

/* Sayısal sütun (haftalık saat): sağa dayalı, tabular rakam, satır kırılmaz. */
.atd-vitrin .atd-tablo thead .atd-sayi-bas[b-okrpk9wldi],
.atd-vitrin .atd-tablo .atd-sayi[b-okrpk9wldi] {
  text-align: end;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.atd-vitrin .atd-tablo .atd-sayi[b-okrpk9wldi] { color: var(--metin-ikincil); }

.atd-vitrin .atd-gorsel-gizli[b-okrpk9wldi] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.au-page.atd-vitrin[b-okrpk9wldi]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* ── Satır ayrıntısı popup'ı: kaydırılmış sayfada da görünür native dialog ──
   Arka plan kaydırma kilidi `.razor.js`'tedir: scoped CSS'te `html:has(...)` kuralına
   kapsam niteliği `html`e eklenir ve kural HİÇ eşleşmez (InstitutionTemplateApply deseni). */
.atd-vitrin .atd-popup[b-okrpk9wldi] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.atd-vitrin .atd-popup[open][b-okrpk9wldi] { display: flex; flex-direction: column; }
.atd-vitrin .atd-popup[b-okrpk9wldi]::backdrop { background: var(--scrim); }

.atd-vitrin .atd-popup__bas[b-okrpk9wldi] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.atd-vitrin .atd-popup__bas h2[b-okrpk9wldi] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.atd-vitrin .atd-popup__bas h2:focus[b-okrpk9wldi] { outline: none; }

.au-page.atd-vitrin .atd-popup__kapat[b-okrpk9wldi] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.atd-vitrin .atd-popup__govde[b-okrpk9wldi] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.atd-vitrin .atd-olgu[b-okrpk9wldi] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.atd-vitrin .atd-olgu > div[b-okrpk9wldi] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.atd-vitrin .atd-olgu > div:nth-child(odd)[b-okrpk9wldi] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.atd-vitrin .atd-olgu dt[b-okrpk9wldi] { color: var(--n-500); }

.atd-vitrin .atd-olgu dd[b-okrpk9wldi] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.atd-vitrin .atd-popup__not[b-okrpk9wldi] { margin: 12px 0 0; color: var(--n-500); font-size: 12px; line-height: 1.5; }

.atd-vitrin .atd-popup__eylem[b-okrpk9wldi] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, eylemler sağa yaslı ────────────── */
@media (min-width: 1540px) {
  .atd-vitrin .atd-kapak[b-okrpk9wldi] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik eylem"
      "aciklama aciklama aciklama";
  }

  /* `end` hizası sarma kabını shrink-to-fit ölçtürür; kap alanını doldurur,
     sağa yaslama flex satırında yapılır. */
  .atd-vitrin .atd-kapak__eylem[b-okrpk9wldi] { justify-self: stretch; justify-content: flex-end; align-self: center; }
}

/* MASAÜSTÜ ∩ (<1540) — YENI-DIL §1.1 MASAÜSTÜ metni, üst sınırla daraltılmış. */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .atd-vitrin .atd-kapak[b-okrpk9wldi] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "aciklama aciklama eylem";
  }

  .atd-vitrin .atd-kapak__eylem[b-okrpk9wldi] { justify-self: stretch; justify-content: flex-end; align-self: center; }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .atd-vitrin .atd-kapak[b-okrpk9wldi] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .au-page.atd-vitrin .atd-dugme[b-okrpk9wldi],
  .au-page.atd-vitrin .atd-dugme--kucuk[b-okrpk9wldi] { min-height: 44px; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .atd-vitrin .atd-tablo thead .atd-ad[b-okrpk9wldi],
  .atd-vitrin .atd-tablo tbody th.atd-ad[b-okrpk9wldi] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 140px;
  }

  .atd-vitrin .atd-tablo tbody th.atd-ad[b-okrpk9wldi] { background: var(--yuzey); }
  .atd-vitrin .atd-tablo thead .atd-ad[b-okrpk9wldi] { z-index: 3; background: var(--marka-600); }
}

/* ── TELEFON — tek sütun, eylemler başlığın altında ───────────────────────── */
@media (max-width: 640px) {
  .atd-vitrin .atd-kapak[b-okrpk9wldi] { padding: 12px; gap: 12px 8px; }
  .atd-vitrin .atd-baslik[b-okrpk9wldi] { font-size: var(--yazi-kapak, 20px); }
  .atd-vitrin .atd-alt[b-okrpk9wldi] { font-size: var(--yazi-kucuk, 12px); }
  .atd-vitrin .atd-kapak__eylem[b-okrpk9wldi] { width: 100%; }
  .au-page.atd-vitrin .atd-kapak__eylem .atd-dugme[b-okrpk9wldi] { flex: 1 1 auto; }
  .atd-vitrin .atd-kart[b-okrpk9wldi] { padding: 16px 12px; }
  .atd-vitrin .atd-bolum-baslik[b-okrpk9wldi] { font-size: var(--yazi-bolum, 14px); }
  .atd-vitrin .atd-tablo[b-okrpk9wldi] { font-size: var(--yazi-govde, 13px); }
  .atd-vitrin .atd-kaydir[b-okrpk9wldi] { max-height: none; }
  .atd-vitrin .atd-popup[b-okrpk9wldi] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .atd-vitrin .atd-popup__bas[b-okrpk9wldi],
  .atd-vitrin .atd-popup__govde[b-okrpk9wldi],
  .atd-vitrin .atd-popup__eylem[b-okrpk9wldi] { padding: 12px; }
  .au-page.atd-vitrin .atd-popup__eylem .atd-dugme[b-okrpk9wldi] { flex: 1 1 auto; }
  .atd-vitrin .atd-olgu > div[b-okrpk9wldi] { grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/AtamaTaslaklari.razor.rz.scp.css */
/* Ders atama taslakları — Akademik Analiz kapak, yüzey, tipografi ve tablo ölçüleri.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.

   Neden atl-* adları: cihaz.css ve *-vitrin.css scoped demetten SONRA yüklenir
   (App.razor 24 ↔ 28/41). Ortak .au-* adları eşit özgüllükte ezilemezdi; sayfaya
   özgü adlar global kuralla hiç karşılaşmaz. Ortak bileşen içi (DataStates,
   AppSelect, GeriBaglanti) kurallar ::deep ile ve .au-page.atl-vitrin öneki
   (0,3,0) üzerinden yazılır. */

.au-page.atl-vitrin[b-cqegxla1i0] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ─────────────────── */
.atl-vitrin .atl-kapak[b-cqegxla1i0] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.atl-vitrin[b-cqegxla1i0]  .atl-geri { grid-area: geri; align-self: center; }
.atl-vitrin .atl-kapak__baslik[b-cqegxla1i0] { grid-area: baslik; min-width: 0; }
.atl-vitrin .atl-suzgec[b-cqegxla1i0] { grid-area: suzgec; }
.atl-vitrin .atl-kapak__eylem[b-cqegxla1i0] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.atl-vitrin .atl-baslik[b-cqegxla1i0] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.atl-vitrin .atl-ozet[b-cqegxla1i0] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.45;
}

.atl-vitrin .atl-ozet__sayi[b-cqegxla1i0] { color: var(--metin-ikincil); font-weight: 600; }

.atl-vitrin .atl-ozet__kirilim[b-cqegxla1i0] {
  padding: 1px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
}

/* ── Süzgeç: alanlar alt çizgiden hizalı, 176/210 px esas genişlik ────────── */
.atl-vitrin .atl-suzgec[b-cqegxla1i0] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec > .app-field { flex: 0 1 176px; max-width: 210px; min-width: 0; }

.au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-input:focus-within,
.au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-input:focus-visible {
  border-color: var(--marka-600);
  box-shadow: none;
}

.au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-select__caret { color: var(--marka-600); opacity: 1; }
.au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-select__value.is-empty { color: var(--metin-ipucu); }

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.au-page.atl-vitrin .atl-dugme[b-cqegxla1i0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transform: none;
}

.au-page.atl-vitrin .atl-dugme:hover:not(:disabled)[b-cqegxla1i0] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.au-page.atl-vitrin .atl-dugme:disabled[b-cqegxla1i0] { opacity: .5; cursor: default; }

.au-page.atl-vitrin .atl-dugme--ana[b-cqegxla1i0] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.atl-vitrin .atl-dugme--ana:hover:not(:disabled)[b-cqegxla1i0] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.au-page.atl-vitrin .atl-dugme--kucuk[b-cqegxla1i0] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.au-page.atl-vitrin .atl-sifirla[b-cqegxla1i0] { align-self: flex-end; }

.au-page.atl-vitrin .atl-dugme:focus-visible[b-cqegxla1i0] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.atl-vitrin .atl-kart[b-cqegxla1i0] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.atl-vitrin .atl-kart[b-cqegxla1i0]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.atl-vitrin .atl-bolum-baslik[b-cqegxla1i0] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.atl-vitrin .atl-bolum-baslik[b-cqegxla1i0]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.atl-vitrin .atl-bolum-ipucu[b-cqegxla1i0] {
  margin: 0 0 12px;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.atl-vitrin .atl-ipucu-uyari[b-cqegxla1i0] { display: block; margin-top: 3px; color: var(--amber-600); }

.atl-vitrin .atl-kart--bos[b-cqegxla1i0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 26px 18px 28px;
}

.atl-vitrin .atl-bos-metin[b-cqegxla1i0] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Tablo: --marka-rampa-serit başlık, beyaz gövde, sınırlı alanda kaydırma ─ */
.atl-vitrin .atl-kaydir[b-cqegxla1i0] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.atl-vitrin .atl-kaydir:focus-visible[b-cqegxla1i0] { outline: 2px solid var(--marka-600); outline-offset: -2px; }

.atl-vitrin .atl-tablo[b-cqegxla1i0] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  color: var(--metin-murekkep);
}

.atl-vitrin .atl-tablo thead[b-cqegxla1i0] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.atl-vitrin .atl-tablo thead th[b-cqegxla1i0] {
  padding: 10px 13px;
  background: transparent;
  border: 0;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.3;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.atl-vitrin .atl-tablo tbody th[b-cqegxla1i0],
.atl-vitrin .atl-tablo tbody td[b-cqegxla1i0] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  text-align: start;
  vertical-align: middle;
}

.atl-vitrin .atl-tablo tbody tr:nth-child(even) th[b-cqegxla1i0],
.atl-vitrin .atl-tablo tbody tr:nth-child(even) td[b-cqegxla1i0] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.atl-vitrin .atl-tablo tbody tr:hover th[b-cqegxla1i0],
.atl-vitrin .atl-tablo tbody tr:hover td[b-cqegxla1i0] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.atl-vitrin .atl-tablo tbody tr:last-child th[b-cqegxla1i0],
.atl-vitrin .atl-tablo tbody tr:last-child td[b-cqegxla1i0] { border-bottom: 0; }

.atl-vitrin .atl-tablo thead .atl-sayi-bas[b-cqegxla1i0],
.atl-vitrin .atl-tablo .atl-sayi[b-cqegxla1i0] { text-align: end; font-variant-numeric: tabular-nums; }

.atl-vitrin .atl-sayi[b-cqegxla1i0] { color: var(--metin-ikincil); }
.atl-vitrin .atl-sayi--kotu[b-cqegxla1i0] { color: var(--red-600); font-weight: 600; }
.atl-vitrin .atl-sayi--uyari[b-cqegxla1i0] { color: var(--amber-600); font-weight: 600; }
.atl-vitrin .atl-tarih[b-cqegxla1i0] { color: var(--metin-ikincil); white-space: nowrap; }
.atl-vitrin .atl-eylem[b-cqegxla1i0], .atl-vitrin .atl-tablo thead .atl-eylem-bas[b-cqegxla1i0] { text-align: end; }

.atl-vitrin .atl-tablo tbody th.atl-ad[b-cqegxla1i0] { font-weight: 600; min-width: 180px; }

.atl-vitrin .atl-baglanti[b-cqegxla1i0] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.atl-vitrin .atl-baglanti:hover[b-cqegxla1i0] { text-decoration: underline; }
.atl-vitrin .atl-baglanti:focus-visible[b-cqegxla1i0] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.atl-vitrin .atl-gorsel-gizli[b-cqegxla1i0] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* DataStates iskeleti/panelleri bölüm kartıyla aynı yüzeyi alır. */
.au-page.atl-vitrin[b-cqegxla1i0]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, süzgeç + eylem sağa yaslı ──────── */
@media (min-width: 1540px) {
  .atl-vitrin .atl-kapak[b-cqegxla1i0] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* justify-self:end süzgeci shrink-to-fit ölçtürür; wrap kabın max-content'i
     çocukların 176 px flex-basis'ini saymadığından alanlar alt alta yığılıyordu.
     Kap track'i doldurur, sağa yaslama flex ekseninde yapılır. */
  .atl-vitrin .atl-suzgec[b-cqegxla1i0] { justify-self: stretch; justify-content: flex-end; }
}

/* MASAÜSTÜ ∩ (<1540) — YENI-DIL §1.1 MASAÜSTÜ metni, üst sınırla daraltılmış. */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .atl-vitrin .atl-kapak[b-cqegxla1i0] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "suzgec suzgec eylem";
  }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .atl-vitrin .atl-kapak[b-cqegxla1i0] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .au-page.atl-vitrin .atl-dugme[b-cqegxla1i0],
  .au-page.atl-vitrin .atl-dugme--kucuk[b-cqegxla1i0] { min-height: 44px; }
  .au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-input { min-height: 44px; height: 44px; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .atl-vitrin .atl-tablo thead .atl-ad[b-cqegxla1i0],
  .atl-vitrin .atl-tablo tbody th.atl-ad[b-cqegxla1i0] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 150px;
  }

  .atl-vitrin .atl-tablo tbody th.atl-ad[b-cqegxla1i0] { background: var(--yuzey); }
  .atl-vitrin .atl-tablo thead .atl-ad[b-cqegxla1i0] { z-index: 3; background: var(--marka-600); }
}

@media (pointer: coarse) {
  .au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON — tek sütun, eylemler başlığın altında ───────────────────────── */
@media (max-width: 640px) {
  .atl-vitrin .atl-kapak[b-cqegxla1i0] { padding: 12px; gap: 12px 8px; }
  .atl-vitrin .atl-baslik[b-cqegxla1i0] { font-size: var(--yazi-kapak, 20px); }
  .atl-vitrin .atl-ozet[b-cqegxla1i0] { font-size: var(--yazi-kucuk, 12px); }
  .atl-vitrin .atl-suzgec[b-cqegxla1i0] { flex-direction: column; align-items: stretch; gap: 10px; }
  .au-page.atl-vitrin[b-cqegxla1i0]  .atl-suzgec > .app-field { flex: 1 1 auto; max-width: none; }
  .au-page.atl-vitrin .atl-sifirla[b-cqegxla1i0] { align-self: stretch; }
  .atl-vitrin .atl-kapak__eylem[b-cqegxla1i0] { width: 100%; }
  .au-page.atl-vitrin .atl-kapak__eylem .atl-dugme[b-cqegxla1i0] { flex: 1; }
  .atl-vitrin .atl-kart[b-cqegxla1i0] { padding: 16px 12px; }
  .atl-vitrin .atl-bolum-baslik[b-cqegxla1i0] { font-size: var(--yazi-bolum, 14px); }
  .atl-vitrin .atl-tablo[b-cqegxla1i0] { font-size: var(--yazi-govde, 13px); }
  .atl-vitrin .atl-kaydir[b-cqegxla1i0] { max-height: none; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/BinaSureleri.razor.rz.scp.css */
/* Binalar arası süreler — Akademik Analiz görsel dili (kapak 23 px, bölüm sekmeleri,
   --marka-rampa-serit tablo başlığı, native form penceresi). Salt Aurora token;
   yeni hex, !important ve sahte spacer YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1
   metinleriyle birebir yazıldı. `.wrap` bu bileşenin dışındadır. */

.bs-vitrin[b-py6l5win0l] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.bs-vitrin .bs-kapak[b-py6l5win0l] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "arac arac";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.bs-vitrin .bs-kapak > :first-child[b-py6l5win0l] { grid-area: geri; }
.bs-vitrin .bs-kapak__baslik[b-py6l5win0l] { grid-area: baslik; min-width: 0; }

.bs-vitrin .bs-kapak__arac[b-py6l5win0l] {
  grid-area: arac;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.bs-vitrin .au-title[b-py6l5win0l] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.bs-vitrin .bs-kapak__alt[b-py6l5win0l] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Filtre alanı referans ölçüsü: esas 176 px, en çok 210 px. */
.bs-vitrin .bs-kapak__filtre[b-py6l5win0l] { flex: 0 1 176px; min-width: 0; }
.bs-vitrin .bs-kapak__filtre[b-py6l5win0l]  .edu-dropdown { max-width: 210px; }
.bs-vitrin .bs-kapak__filtre[b-py6l5win0l]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .bs-vitrin .bs-kapak[b-py6l5win0l] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik arac";
  }
  /* `justify-self: end` ızgara öğesini shrink-to-fit ölçtürür ve esnek kabın ölçüsü
     çocukların İÇERİK genişliğinden çıkar — `.bs-kapak__filtre`nin `flex: 0 1 176px`
     tabanı sayılmaz, araç çubuğu daralıp taşar. Kap alanı doldurur, sağa yaslama
     satır içinde yapılır. */
  .bs-vitrin .bs-kapak__arac[b-py6l5win0l] { justify-self: stretch; justify-content: flex-end; flex-wrap: nowrap; }
}

/* ── Bölüm sekmeleri ── */
.bs-vitrin .bs-sekmeler[b-py6l5win0l] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.bs-vitrin .bs-sekme[b-py6l5win0l] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.bs-vitrin .bs-sekme:hover[b-py6l5win0l] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.bs-vitrin .bs-sekme[aria-selected="true"][b-py6l5win0l] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.bs-vitrin :is(.bs-sekme, .bs-bolum, .au-btn, .bs-tablo-kap):focus-visible[b-py6l5win0l] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.bs-vitrin .bs-bolum[b-py6l5win0l] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.bs-vitrin .bs-bolum[b-py6l5win0l]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.bs-vitrin .bs-bolum__baslik[b-py6l5win0l] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.bs-vitrin .bs-bolum__baslik[b-py6l5win0l]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.bs-vitrin .bs-bolum__alt[b-py6l5win0l] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.bs-vitrin .bs-bos[b-py6l5win0l] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 16px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.bs-vitrin .bs-bos p[b-py6l5win0l] { margin: 0; line-height: 1.6; }
.bs-vitrin .bs-bos__ipucu[b-py6l5win0l] { color: var(--metin-ipucu); font-size: 12.5px; }

/* ── Özet şeridi ── */
.bs-vitrin .bs-ozet[b-py6l5win0l] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.bs-vitrin .bs-ozet[b-py6l5win0l]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.bs-vitrin .bs-ozet__kutu[b-py6l5win0l] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.bs-vitrin .bs-ozet__kutu:last-child[b-py6l5win0l] { border-right: 0; }

.bs-vitrin .bs-ozet__etiket[b-py6l5win0l] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bs-vitrin .bs-ozet__deger[b-py6l5win0l] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.bs-vitrin .bs-ozet__alt[b-py6l5win0l] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Düğme tabanı ── */
.bs-vitrin .au-btn[b-py6l5win0l] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.bs-vitrin .au-btn--primary[b-py6l5win0l] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.bs-vitrin .au-btn--primary:hover[b-py6l5win0l] { background: var(--marka-500); border-color: var(--marka-500); }

/* Yıkıcı eylem. Sayfa kapsamlı `.bs-vitrin .au-btn` kuralı (0,2,0) global `.au-btn--danger`
   kuralını (0,1,0) eziyor ve "Evet, sil" sıradan bir düğme gibi görünüyordu; global kuralın
   token'larıyla aynı görünüm sayfa kapsamında yeniden kuruldu. */
.bs-vitrin .au-btn--danger[b-py6l5win0l] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
}

.bs-vitrin .au-btn--danger:hover:not(:disabled)[b-py6l5win0l] {
  border-color: color-mix(in srgb, var(--red-500) 38%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
}

/* ── Tablolar (liste + matris ortak taban) ── */
.bs-vitrin .bs-tablo-kap[b-py6l5win0l] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.bs-vitrin .bs-tablo[b-py6l5win0l],
.bs-vitrin .bs-matris[b-py6l5win0l] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.bs-vitrin .bs-tablo thead[b-py6l5win0l],
.bs-vitrin .bs-matris thead[b-py6l5win0l] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.bs-vitrin .bs-tablo thead th[b-py6l5win0l],
.bs-vitrin .bs-matris thead th[b-py6l5win0l] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.bs-vitrin .bs-tablo tbody th[b-py6l5win0l],
.bs-vitrin .bs-tablo tbody td[b-py6l5win0l],
.bs-vitrin .bs-matris tbody th[b-py6l5win0l],
.bs-vitrin .bs-matris tbody td[b-py6l5win0l] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.bs-vitrin .bs-tablo tbody tr:nth-child(even) th[b-py6l5win0l],
.bs-vitrin .bs-tablo tbody tr:nth-child(even) td[b-py6l5win0l],
.bs-vitrin .bs-matris tbody tr:nth-child(even) th[b-py6l5win0l],
.bs-vitrin .bs-matris tbody tr:nth-child(even) td[b-py6l5win0l] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk anlamlı sütun yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.bs-vitrin .bs-tablo thead th:first-child[b-py6l5win0l],
.bs-vitrin .bs-tablo tbody th:first-child[b-py6l5win0l],
.bs-vitrin .bs-matris thead th:first-child[b-py6l5win0l],
.bs-vitrin .bs-matris tbody th:first-child[b-py6l5win0l] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.bs-vitrin .bs-tablo thead th:first-child[b-py6l5win0l],
.bs-vitrin .bs-matris thead th:first-child[b-py6l5win0l] { z-index: 5; background: var(--marka-600); }

.bs-vitrin .bs-tablo tbody th.bs-guzergah-hucre[b-py6l5win0l],
.bs-vitrin .bs-matris tbody th.bs-matris__satir[b-py6l5win0l] { background: var(--yuzey); font-weight: 600; }

.bs-vitrin .bs-tablo tbody tr:nth-child(even) th.bs-guzergah-hucre[b-py6l5win0l],
.bs-vitrin .bs-matris tbody tr:nth-child(even) th.bs-matris__satir[b-py6l5win0l] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.bs-vitrin .bs-route[b-py6l5win0l] { display: inline-flex; flex-wrap: wrap; align-items: center; min-width: 0; }
.bs-vitrin .bs-route__arrow[b-py6l5win0l] { color: var(--metin-ipucu); }

.bs-vitrin .bs-sayi[b-py6l5win0l] { text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bs-vitrin .bs-not-hucre[b-py6l5win0l] { color: var(--metin-ikincil); max-width: 280px; }
.bs-vitrin .bs-nota[b-py6l5win0l] { color: var(--metin-ipucu); font-size: 12.5px; }

/* Eylem hücresi: `display:flex` bir <td>'yi tablo hücresi olmaktan çıkarır (tarayıcı anonim
   hücre üretir; dikey hizalama ve kenarlık bozulur). Hücre tablo hücresi kalır, öğeler satır
   içi akar — dar ekranda kendiliğinden alt satıra geçerler. */
.bs-vitrin .bs-satir-eylem[b-py6l5win0l] { text-align: end; }
.bs-vitrin .bs-satir-eylem > *[b-py6l5win0l] { vertical-align: middle; }
.bs-vitrin .bs-satir-eylem > * + *[b-py6l5win0l] { margin-inline-start: 6px; }

.bs-vitrin .bs-onay[b-py6l5win0l] { color: var(--metin-ikincil); font-size: 12.5px; }

/* ── Matris hücreleri ── */
.bs-vitrin .bs-matris__sutun[b-py6l5win0l],
.bs-vitrin .bs-matris__hucre[b-py6l5win0l] { text-align: center; }

.bs-vitrin .bs-matris__hucre[b-py6l5win0l] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bs-vitrin .bs-matris__hucre.is-self[b-py6l5win0l] { color: var(--metin-ipucu); }

.bs-vitrin .bs-matris__hucre.is-turetilmis[b-py6l5win0l] {
  border: 1px dashed color-mix(in srgb, var(--marka-600) 40%, transparent);
  color: var(--metin-ikincil);
}

.bs-vitrin .bs-aciklama[b-py6l5win0l] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

.bs-vitrin .bs-hucre-ornek[b-py6l5win0l] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border: 1px dashed color-mix(in srgb, var(--marka-600) 40%, transparent);
  border-radius: 6px;
  color: var(--metin-ikincil);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.bs-vitrin .bs-hata[b-py6l5win0l] {
  margin: 0;
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.bs-vitrin .bs-gizli[b-py6l5win0l] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Kayıt formu penceresi ── */
.bs-vitrin .bs-popup[b-py6l5win0l] {
  width: min(600px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.bs-vitrin .bs-popup[open][b-py6l5win0l] { display: flex; flex-direction: column; }
.bs-vitrin .bs-popup[b-py6l5win0l]::backdrop { background: var(--scrim); }

.bs-vitrin .bs-popup__bas[b-py6l5win0l] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.bs-vitrin .bs-popup__bas h2[b-py6l5win0l] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.bs-vitrin .bs-popup__bas h2:focus[b-py6l5win0l] { outline: none; }

.bs-vitrin .bs-popup__kapat[b-py6l5win0l] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.bs-vitrin .bs-popup__govde[b-py6l5win0l] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.bs-vitrin .bs-popup__eylem[b-py6l5win0l] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.bs-vitrin .bs-grup[b-py6l5win0l] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.bs-vitrin .bs-grup__baslik[b-py6l5win0l] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-body);
}

.bs-vitrin .bs-grup__izgara[b-py6l5win0l] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.bs-vitrin .bs-okunur[b-py6l5win0l] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.bs-vitrin .bs-okunur__etiket[b-py6l5win0l] {
  color: var(--metin-ikincil);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bs-vitrin .bs-okunur__deger[b-py6l5win0l] { color: var(--metin-murekkep); font-size: 13.5px; font-weight: 600; }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .bs-vitrin .bs-kapak[b-py6l5win0l] { padding: 16px; }
  .bs-vitrin .bs-sekmeler[b-py6l5win0l] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .bs-vitrin .bs-sekme[b-py6l5win0l] { flex: 0 0 auto; min-height: 44px; }
  .bs-vitrin .au-btn[b-py6l5win0l] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .bs-vitrin .bs-kapak[b-py6l5win0l] { padding: 12px; }
  .bs-vitrin .au-title[b-py6l5win0l] { font-size: var(--yazi-kapak, 20px); }
  .bs-vitrin .bs-kapak__arac[b-py6l5win0l] { flex-direction: column; align-items: stretch; }
  .bs-vitrin .bs-kapak__filtre[b-py6l5win0l] { flex: 1 1 auto; }
  .bs-vitrin .bs-kapak__filtre[b-py6l5win0l]  .edu-dropdown { max-width: none; }
  .bs-vitrin .bs-kapak__filtre[b-py6l5win0l]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .bs-vitrin .bs-sekmeler[b-py6l5win0l] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .bs-vitrin .bs-sekme[b-py6l5win0l] { flex: 0 0 auto; min-height: 44px; }
  .bs-vitrin .bs-bolum[b-py6l5win0l] { padding: 16px 12px; }
  .bs-vitrin .bs-bolum__baslik[b-py6l5win0l] { font-size: var(--yazi-bolum, 14px); }
  .bs-vitrin .bs-ozet[b-py6l5win0l] { grid-template-columns: minmax(0, 1fr); }
  .bs-vitrin .bs-ozet__kutu[b-py6l5win0l] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .bs-vitrin .bs-ozet__kutu:last-child[b-py6l5win0l] { border-bottom: 0; }
  .bs-vitrin .bs-ozet__deger[b-py6l5win0l] { font-size: var(--yazi-kpi, 20px); }
  .bs-vitrin .bs-tablo th[b-py6l5win0l], .bs-vitrin .bs-tablo td[b-py6l5win0l],
  .bs-vitrin .bs-matris th[b-py6l5win0l], .bs-vitrin .bs-matris td[b-py6l5win0l] { padding-inline: 8px; }
  .bs-vitrin .bs-not-hucre[b-py6l5win0l] { max-width: none; }
  .bs-vitrin .au-btn[b-py6l5win0l] { min-height: 44px; }
  .bs-vitrin .bs-popup[b-py6l5win0l] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .bs-vitrin .bs-popup__bas[b-py6l5win0l], .bs-vitrin .bs-popup__govde[b-py6l5win0l], .bs-vitrin .bs-popup__eylem[b-py6l5win0l] { padding: 12px; }
  .bs-vitrin .bs-grup__izgara[b-py6l5win0l] { grid-template-columns: minmax(0, 1fr); }
  .bs-vitrin .bs-popup__govde[b-py6l5win0l]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/CakismaMatrisi.razor.rz.scp.css */
/* Çakışma matrisi — Akademik Analiz görsel dili (kapak 23 px, bölüm sekmeleri,
   --marka-rampa-serit tablo başlığı, native form penceresi). Salt Aurora token;
   yeni hex, !important ve sahte spacer YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1
   metinleriyle birebir yazıldı. `.wrap` bu bileşenin dışındadır. */

.cm-vitrin[b-ln4b95zr4y] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.cm-vitrin .cm-kapak[b-ln4b95zr4y] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "arac arac";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.cm-vitrin .cm-kapak > :first-child[b-ln4b95zr4y] { grid-area: geri; }
.cm-vitrin .cm-kapak__baslik[b-ln4b95zr4y] { grid-area: baslik; min-width: 0; }

/* Panel modunda geri bağlantısı yoktur: başlık ilk sütundan başlar. */
.cm-vitrin .cm-kapak--panel[b-ln4b95zr4y] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "baslik"
    "arac";
}

.cm-vitrin .cm-kapak__arac[b-ln4b95zr4y] {
  grid-area: arac;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.cm-vitrin .au-title[b-ln4b95zr4y] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.cm-vitrin .cm-kapak__alt[b-ln4b95zr4y] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.cm-vitrin .cm-kapak__filtre[b-ln4b95zr4y] { flex: 0 1 176px; min-width: 0; }
.cm-vitrin .cm-kapak__filtre[b-ln4b95zr4y]  .edu-dropdown { max-width: 210px; }
.cm-vitrin .cm-kapak__filtre[b-ln4b95zr4y]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .cm-vitrin .cm-kapak[b-ln4b95zr4y] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik arac";
  }
  .cm-vitrin .cm-kapak--panel[b-ln4b95zr4y] {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "baslik arac";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; flex kabın max-content'i çocukların
     `flex: 0 1 176px` tabanını saymaz → araç çubuğu daralıp alt alta düşüyordu.
     Kap sütunu doldurur, sağa yaslama flex satırında yapılır. */
  .cm-vitrin .cm-kapak__arac[b-ln4b95zr4y] { justify-self: stretch; justify-content: flex-end; flex-wrap: nowrap; }
}

/* ── Bölüm sekmeleri ── */
.cm-vitrin .cm-sekmeler[b-ln4b95zr4y] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.cm-vitrin .cm-sekme[b-ln4b95zr4y] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.cm-vitrin .cm-sekme:hover[b-ln4b95zr4y] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.cm-vitrin .cm-sekme[aria-selected="true"][b-ln4b95zr4y] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.cm-vitrin :is(.cm-sekme, .cm-bolum, .au-btn, .cm-tablo-kap):focus-visible[b-ln4b95zr4y] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.cm-vitrin .cm-bolum[b-ln4b95zr4y] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.cm-vitrin .cm-bolum[b-ln4b95zr4y]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.cm-vitrin .cm-bolum__baslik[b-ln4b95zr4y] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.cm-vitrin .cm-bolum__baslik[b-ln4b95zr4y]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cm-vitrin .cm-bolum__alt[b-ln4b95zr4y] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.cm-vitrin .cm-bos[b-ln4b95zr4y] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 16px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.cm-vitrin .cm-bos p[b-ln4b95zr4y] { margin: 0; line-height: 1.6; }
.cm-vitrin .cm-bos__ipucu[b-ln4b95zr4y] { color: var(--metin-ipucu); font-size: 12.5px; }

/* ── Özet şeridi ── */
.cm-vitrin .cm-ozet[b-ln4b95zr4y] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.cm-vitrin .cm-ozet[b-ln4b95zr4y]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.cm-vitrin .cm-ozet__kutu[b-ln4b95zr4y] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.cm-vitrin .cm-ozet__kutu:last-child[b-ln4b95zr4y] { border-right: 0; }

.cm-vitrin .cm-ozet__etiket[b-ln4b95zr4y] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cm-vitrin .cm-ozet__deger[b-ln4b95zr4y] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.cm-vitrin .cm-ozet__alt[b-ln4b95zr4y] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Otomatik tespit çubuğu ── */
.cm-vitrin .cm-tespit-bar[b-ln4b95zr4y] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 12px;
}

.cm-vitrin .cm-tespit-bar__alan[b-ln4b95zr4y] { flex: 0 1 210px; min-width: 0; }
.cm-vitrin .cm-tespit-bar__alan[b-ln4b95zr4y]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

.cm-vitrin .cm-tespit__meta[b-ln4b95zr4y] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.cm-vitrin .cm-tespit__meta strong[b-ln4b95zr4y] { color: var(--marka-700); font-variant-numeric: tabular-nums; }

/* ── Düğme tabanı ── */
.cm-vitrin .au-btn[b-ln4b95zr4y] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.cm-vitrin .au-btn--primary[b-ln4b95zr4y] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.cm-vitrin .au-btn--primary:hover[b-ln4b95zr4y] { background: var(--marka-500); border-color: var(--marka-500); }

/* Yıkıcı eylem. Sayfa kapsamlı `.cm-vitrin .au-btn` kuralı (0,2,0) global `.au-btn--danger`
   kuralını (0,1,0) eziyor ve "Evet, sil" sıradan bir düğme gibi görünüyordu; global kuralın
   token'larıyla aynı görünüm sayfa kapsamında yeniden kuruldu. */
.cm-vitrin .au-btn--danger[b-ln4b95zr4y] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
}

.cm-vitrin .au-btn--danger:hover:not(:disabled)[b-ln4b95zr4y] {
  border-color: color-mix(in srgb, var(--red-500) 38%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
}

/* ── Tablo ── */
.cm-vitrin .cm-tablo-kap[b-ln4b95zr4y] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.cm-vitrin .cm-tablo[b-ln4b95zr4y] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.cm-vitrin .cm-tablo thead[b-ln4b95zr4y] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.cm-vitrin .cm-tablo thead th[b-ln4b95zr4y] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.cm-vitrin .cm-tablo tbody th[b-ln4b95zr4y],
.cm-vitrin .cm-tablo tbody td[b-ln4b95zr4y] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.cm-vitrin .cm-tablo tbody tr:nth-child(even) th[b-ln4b95zr4y],
.cm-vitrin .cm-tablo tbody tr:nth-child(even) td[b-ln4b95zr4y] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk anlamlı sütun (program çifti) yatay kaydırmada yapışık kalır. */
.cm-vitrin .cm-tablo thead th:first-child[b-ln4b95zr4y],
.cm-vitrin .cm-tablo tbody th:first-child[b-ln4b95zr4y] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.cm-vitrin .cm-tablo thead th:first-child[b-ln4b95zr4y] { z-index: 5; background: var(--marka-600); }
.cm-vitrin .cm-tablo tbody th.cm-cift-hucre[b-ln4b95zr4y] { background: var(--yuzey); }
.cm-vitrin .cm-tablo tbody tr:nth-child(even) th.cm-cift-hucre[b-ln4b95zr4y] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.cm-vitrin .cm-pair[b-ln4b95zr4y] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.cm-vitrin .cm-pair__id[b-ln4b95zr4y] { font-weight: 600; overflow-wrap: anywhere; }
.cm-vitrin .cm-pair__link[b-ln4b95zr4y] { color: var(--metin-ipucu); }

.cm-vitrin .cm-sayi[b-ln4b95zr4y] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.cm-vitrin .cm-not-hucre[b-ln4b95zr4y] { color: var(--metin-ikincil); max-width: 320px; }

/* Eylem hücresi: `display:flex` bir <td>'yi tablo hücresi olmaktan çıkarır (tarayıcı anonim
   hücre üretir; dikey hizalama ve kenarlık bozulur). Hücre tablo hücresi kalır, öğeler satır
   içi akar — dar ekranda kendiliğinden alt satıra geçerler. */
.cm-vitrin .cm-satir-eylem[b-ln4b95zr4y] { text-align: end; }
.cm-vitrin .cm-satir-eylem > *[b-ln4b95zr4y] { vertical-align: middle; }
.cm-vitrin .cm-satir-eylem > * + *[b-ln4b95zr4y] { margin-inline-start: 6px; }

.cm-vitrin .cm-onay[b-ln4b95zr4y] { color: var(--metin-ikincil); font-size: 12.5px; }

.cm-vitrin .cm-etiket[b-ln4b95zr4y] {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 8px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ipucu);
  font-size: 11.5px;
  font-weight: 400;
}

.cm-vitrin .cm-nota[b-ln4b95zr4y] { color: var(--metin-ipucu); font-size: 12.5px; margin: 0; }

.cm-vitrin .cm-hata[b-ln4b95zr4y] {
  margin: 0 0 12px;
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.cm-vitrin .cm-gizli[b-ln4b95zr4y] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Elle kayıt penceresi ── */
.cm-vitrin .cm-popup[b-ln4b95zr4y] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.cm-vitrin .cm-popup[open][b-ln4b95zr4y] { display: flex; flex-direction: column; }
.cm-vitrin .cm-popup[b-ln4b95zr4y]::backdrop { background: var(--scrim); }

.cm-vitrin .cm-popup__bas[b-ln4b95zr4y] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.cm-vitrin .cm-popup__bas h2[b-ln4b95zr4y] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.cm-vitrin .cm-popup__bas h2:focus[b-ln4b95zr4y] { outline: none; }

.cm-vitrin .cm-popup__kapat[b-ln4b95zr4y] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.cm-vitrin .cm-popup__govde[b-ln4b95zr4y] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.cm-vitrin .cm-popup__eylem[b-ln4b95zr4y] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.cm-vitrin .cm-grup[b-ln4b95zr4y] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }

.cm-vitrin .cm-grup__baslik[b-ln4b95zr4y] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-body);
}

.cm-vitrin .cm-grup__izgara[b-ln4b95zr4y] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .cm-vitrin .cm-kapak[b-ln4b95zr4y] { padding: 16px; }
  .cm-vitrin .cm-sekmeler[b-ln4b95zr4y] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .cm-vitrin .cm-sekme[b-ln4b95zr4y] { flex: 0 0 auto; min-height: 44px; }
  .cm-vitrin .au-btn[b-ln4b95zr4y] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .cm-vitrin .cm-kapak[b-ln4b95zr4y] { padding: 12px; }
  .cm-vitrin .au-title[b-ln4b95zr4y] { font-size: var(--yazi-kapak, 20px); }
  .cm-vitrin .cm-kapak__arac[b-ln4b95zr4y] { flex-direction: column; align-items: stretch; }
  .cm-vitrin .cm-kapak__filtre[b-ln4b95zr4y] { flex: 1 1 auto; }
  .cm-vitrin .cm-kapak__filtre[b-ln4b95zr4y]  .edu-dropdown { max-width: none; }
  .cm-vitrin .cm-kapak__filtre[b-ln4b95zr4y]  .app-input,
  .cm-vitrin .cm-tespit-bar__alan[b-ln4b95zr4y]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .cm-vitrin .cm-sekmeler[b-ln4b95zr4y] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .cm-vitrin .cm-sekme[b-ln4b95zr4y] { flex: 0 0 auto; min-height: 44px; }
  .cm-vitrin .cm-bolum[b-ln4b95zr4y] { padding: 16px 12px; }
  .cm-vitrin .cm-bolum__baslik[b-ln4b95zr4y] { font-size: var(--yazi-bolum, 14px); }
  .cm-vitrin .cm-ozet[b-ln4b95zr4y] { grid-template-columns: minmax(0, 1fr); }
  .cm-vitrin .cm-ozet__kutu[b-ln4b95zr4y] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .cm-vitrin .cm-ozet__kutu:last-child[b-ln4b95zr4y] { border-bottom: 0; }
  .cm-vitrin .cm-ozet__deger[b-ln4b95zr4y] { font-size: var(--yazi-kpi, 20px); }
  .cm-vitrin .cm-tespit-bar[b-ln4b95zr4y] { flex-direction: column; align-items: stretch; }
  .cm-vitrin .cm-tablo th[b-ln4b95zr4y], .cm-vitrin .cm-tablo td[b-ln4b95zr4y] { padding-inline: 8px; }
  .cm-vitrin .cm-not-hucre[b-ln4b95zr4y] { max-width: none; }
  .cm-vitrin .au-btn[b-ln4b95zr4y] { min-height: 44px; }
  .cm-vitrin .cm-popup[b-ln4b95zr4y] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .cm-vitrin .cm-popup__bas[b-ln4b95zr4y], .cm-vitrin .cm-popup__govde[b-ln4b95zr4y], .cm-vitrin .cm-popup__eylem[b-ln4b95zr4y] { padding: 12px; }
  .cm-vitrin .cm-grup__izgara[b-ln4b95zr4y] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/DenetimGunlugu.razor.rz.scp.css */
/* Planlama denetim günlüğü — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve
   !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   NOT: `.wrap` bileşen dışıdır — scoped CSS ona ulaşamaz. */

.dg-vitrin[b-mw1z2z4t8v] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtre + ana eylemler aynı beyaz yüzeyde ── */
.dg-vitrin .dg-kapak[b-mw1z2z4t8v] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu: 30 px genişlik, kontrol taban çizgisiyle aynı 34 px yükseklik. Ortak
   `.au-breadcrumb--dugme` hâlâ eski dili (30×30, 9 px köşe, --n-300/--muted) veriyor;
   yeni dilin kesik sol üst köşesine ve token'larına sayfa kapsamında hizalanır. */
.dg-vitrin .au-breadcrumb--dugme[b-mw1z2z4t8v] {
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.dg-vitrin .au-breadcrumb--dugme:hover[b-mw1z2z4t8v] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
}

.dg-vitrin .au-breadcrumb--dugme:focus-visible[b-mw1z2z4t8v] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.dg-vitrin .dg-kapak__baslik[b-mw1z2z4t8v] { min-width: 0; flex: 1 1 240px; align-self: center; }

.dg-vitrin .au-title[b-mw1z2z4t8v] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.dg-vitrin .dg-kapak__alt[b-mw1z2z4t8v] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  flex: 1 1 420px;
}

.dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v]  .edu-dropdown { min-width: 176px; max-width: 210px; }
.dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v]  .app-field { min-width: 176px; flex: 1 1 210px; }
.dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

.dg-vitrin .dg-kapak__eylem[b-mw1z2z4t8v] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.dg-vitrin .au-btn[b-mw1z2z4t8v] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dg-vitrin .au-btn:hover:not(:disabled)[b-mw1z2z4t8v] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.dg-vitrin .au-btn:disabled[b-mw1z2z4t8v] { opacity: .55; cursor: not-allowed; }

.dg-vitrin .au-btn--primary[b-mw1z2z4t8v] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.dg-vitrin .au-btn--primary:hover:not(:disabled)[b-mw1z2z4t8v] { background: var(--marka-500); border-color: var(--marka-500); }

.dg-vitrin .au-btn:focus-visible[b-mw1z2z4t8v] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.dg-vitrin .dg-bolum[b-mw1z2z4t8v] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dg-vitrin .dg-bolum[b-mw1z2z4t8v]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.dg-vitrin .dg-bolum__baslik[b-mw1z2z4t8v] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dg-vitrin .dg-bolum__baslik[b-mw1z2z4t8v]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dg-vitrin .dg-bos[b-mw1z2z4t8v] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.dg-vitrin .dg-bos p[b-mw1z2z4t8v] { margin: 0; line-height: 1.6; max-width: 46ch; }

/* ── Tablo: sınırlı alanda kayar, başlık ve ilk sütun sabit ── */
.dg-vitrin .dg-tablo-kap[b-mw1z2z4t8v] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.dg-vitrin .dg-tablo[b-mw1z2z4t8v] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
}

.dg-vitrin .dg-tablo thead[b-mw1z2z4t8v] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.dg-vitrin .dg-tablo thead th[b-mw1z2z4t8v] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

/* Gövde mürekkep rengindedir (akademik-analiz.md "Tablo görünümü": gövde 13 px,
   `--anv-murekkep`). `--metin-ikincil` yazıldığında bu kuralın özgüllüğü (0,2,2)
   sütun kurallarını (0,2,0) yendiği için `.dg-eylem`in rengi hiç uygulanmıyordu. */
.dg-vitrin .dg-tablo tbody th[b-mw1z2z4t8v],
.dg-vitrin .dg-tablo tbody td[b-mw1z2z4t8v] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  text-align: start;
  vertical-align: middle;
}

.dg-vitrin .dg-tablo tbody tr:nth-child(even) th[b-mw1z2z4t8v],
.dg-vitrin .dg-tablo tbody tr:nth-child(even) td[b-mw1z2z4t8v] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Zaman sütunu yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.dg-vitrin .dg-tablo thead th:first-child[b-mw1z2z4t8v],
.dg-vitrin .dg-tablo tbody th:first-child[b-mw1z2z4t8v] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.dg-vitrin .dg-tablo thead th:first-child[b-mw1z2z4t8v] { z-index: 5; background: var(--marka-600); }

.dg-vitrin .dg-tablo tbody th.dg-zaman[b-mw1z2z4t8v] {
  background: var(--yuzey);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dg-vitrin .dg-tablo tbody tr:nth-child(even) th.dg-zaman[b-mw1z2z4t8v] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Sütun kuralları tablo kapsamında yazılır: `.dg-vitrin .dg-ayrinti-hucre` (0,2,0)
   yukarıdaki gövde kuralının (0,2,2) altında kalıyor ve `text-align: end` hiç
   uygulanmıyordu (PlanlamaMerkezi'ndeki `.pm-tablo .pm-sayi` deseni). */
.dg-vitrin .dg-tablo .dg-eylem[b-mw1z2z4t8v] { font-weight: 600; }
.dg-vitrin .dg-tablo .dg-ayrinti-hucre[b-mw1z2z4t8v] { text-align: end; white-space: nowrap; }
.dg-vitrin .dg-yok[b-mw1z2z4t8v] { color: var(--metin-ipucu); }

.dg-vitrin .au-btn--sm[b-mw1z2z4t8v] { min-height: 30px; padding: 0 10px; font-size: 12px; }

/* ── Sayfalama ── */
.dg-vitrin .dg-sayfalama[b-mw1z2z4t8v] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
}

.dg-vitrin .dg-sayfa-etiket[b-mw1z2z4t8v] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dg-vitrin .dg-gizli[b-mw1z2z4t8v] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Ayrıntı penceresi (native top layer) ── */
.dg-vitrin .dg-popup[b-mw1z2z4t8v] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.dg-vitrin .dg-popup[open][b-mw1z2z4t8v] { display: flex; flex-direction: column; }
.dg-vitrin .dg-popup[b-mw1z2z4t8v]::backdrop { background: var(--scrim); }

.dg-vitrin .dg-popup__bas[b-mw1z2z4t8v] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dg-vitrin .dg-popup__bas h2[b-mw1z2z4t8v] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.dg-vitrin .dg-popup__bas h2:focus[b-mw1z2z4t8v] { outline: none; }

.dg-vitrin .dg-popup__kapat[b-mw1z2z4t8v] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dg-vitrin .dg-popup__govde[b-mw1z2z4t8v] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.dg-vitrin .dg-popup__altbaslik[b-mw1z2z4t8v] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.dg-vitrin .dg-popup__bos[b-mw1z2z4t8v] { margin: 12px 0 0; color: var(--metin-ipucu); font-size: 13px; }

.dg-vitrin .dg-kunye[b-mw1z2z4t8v] { display: grid; gap: 6px; margin: 0; }

.dg-vitrin .dg-kunye__satir[b-mw1z2z4t8v] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--hat-kart);
}

.dg-vitrin .dg-kunye__satir:last-child[b-mw1z2z4t8v] { border-bottom: 0; padding-bottom: 0; }

.dg-vitrin .dg-kunye dt[b-mw1z2z4t8v] {
  flex: 0 0 140px;
  color: var(--metin-ipucu);
  font-size: 12px;
  font-weight: 600;
}

.dg-vitrin .dg-kunye dd[b-mw1z2z4t8v] {
  flex: 1 1 200px;
  margin: 0;
  min-width: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.dg-vitrin .dg-iz[b-mw1z2z4t8v] {
  margin: 14px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.dg-vitrin .dg-iz code[b-mw1z2z4t8v] { overflow-wrap: anywhere; font-size: 12px; }

.dg-vitrin .dg-popup__eylem[b-mw1z2z4t8v] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dg-vitrin .dg-kapak[b-mw1z2z4t8v] { padding: 16px; }
  .dg-vitrin .au-breadcrumb--dugme[b-mw1z2z4t8v] { flex-basis: 44px; width: 44px; height: 44px; }
  .dg-vitrin .au-btn[b-mw1z2z4t8v] { min-height: 44px; }
  .dg-vitrin .au-btn--sm[b-mw1z2z4t8v] { min-height: 44px; }
  .dg-vitrin .dg-kapak__eylem[b-mw1z2z4t8v] { margin-inline-start: 0; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .dg-vitrin .dg-kapak[b-mw1z2z4t8v] { padding: 12px; }
  .dg-vitrin .au-breadcrumb--dugme[b-mw1z2z4t8v] { flex-basis: 44px; width: 44px; height: 44px; }
  .dg-vitrin .au-title[b-mw1z2z4t8v] { font-size: var(--yazi-kapak, 20px); }
  .dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v] { flex-direction: column; align-items: stretch; flex-basis: 100%; }
  .dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v]  .edu-dropdown { min-width: 0; max-width: none; }
  .dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v]  .app-field { min-width: 0; }
  .dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .dg-vitrin .dg-kapak__eylem[b-mw1z2z4t8v] { margin-inline-start: 0; width: 100%; }
  .dg-vitrin .dg-kapak__eylem .au-btn[b-mw1z2z4t8v] { flex: 1 1 auto; min-height: 44px; }
  .dg-vitrin .dg-bolum[b-mw1z2z4t8v] { padding: 16px 12px; }
  .dg-vitrin .dg-bolum__baslik[b-mw1z2z4t8v] { font-size: var(--yazi-bolum, 14px); }
  .dg-vitrin .dg-tablo thead th[b-mw1z2z4t8v],
  .dg-vitrin .dg-tablo tbody th[b-mw1z2z4t8v],
  .dg-vitrin .dg-tablo tbody td[b-mw1z2z4t8v] { padding-inline: 8px; }
  .dg-vitrin .au-btn--sm[b-mw1z2z4t8v] { min-height: 44px; }
  .dg-vitrin .dg-sayfalama[b-mw1z2z4t8v] { gap: 10px; }
  .dg-vitrin .dg-popup[b-mw1z2z4t8v] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .dg-vitrin .dg-popup__bas[b-mw1z2z4t8v],
  .dg-vitrin .dg-popup__govde[b-mw1z2z4t8v],
  .dg-vitrin .dg-popup__eylem[b-mw1z2z4t8v] { padding: 12px; }
  .dg-vitrin .dg-kunye dt[b-mw1z2z4t8v] { flex-basis: 100%; }
}

/* ── Kapak ipucu: satır yüksekliğini bozmasın (C kalıbı, ALTERNATİF reçete) ──
   `.dg-kapak__filtre` alanları flex-end hizalıyordu; akıştaki `.app-field__hint` yalnız
   "Varlık kimliği" alanında olduğu için o alanın etiketi+girdisi komşusundan yukarı
   kalkıyordu. Alanlar ÜSTTEN hizalanınca iki etiket ve iki girdi tek çizgiye iner,
   ipucu akışta kalır. Mutlak konumlandırma bilinçli olarak KULLANILMADI: kapak
   `flex-wrap: wrap` + `row-gap: 14px` taşıdığından `.dg-kapak__eylem`'in kendi satırına
   sardığı dar bantta (~760-940px) mutlak ipucu Filtrele/Temizle düğmelerinin üstüne
   biniyordu. Bedeli kapağın ipucu kadar (~45px) uzaması, karşılığı hiçbir genişlikte
   taşma olmaması. Telefonda (≤640) süzgeç zaten sütun olduğundan blok ≥641px'tedir. */
@media (min-width: 641px) {
  .dg-vitrin .dg-kapak__filtre[b-mw1z2z4t8v] { align-items: flex-start; }
  /* Süzgeç bloğu ipucu kadar uzadığından kapak `align-items: flex-end` bu ikisini en
     alta indiriyordu; 25px = etiket 18px + alan boşluğu 7px, yani girdi taban çizgisi. */
  .dg-vitrin .au-breadcrumb--dugme[b-mw1z2z4t8v],
  .dg-vitrin .dg-kapak__eylem[b-mw1z2z4t8v] {
    align-self: flex-start;
    margin-top: 25px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/DersGereksinimleri.razor.rz.scp.css */
/* Ders ekipman gereksinimleri — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, native form penceresi). Salt Aurora token; yeni hex,
   !important ve sahte spacer YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle
   birebir yazıldı. `.wrap` bu bileşenin dışındadır. */

.dg-vitrin[b-4aa3zedg5s] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.dg-vitrin .dg-kapak[b-4aa3zedg5s] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "arac arac";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.dg-vitrin .dg-kapak > :first-child[b-4aa3zedg5s] { grid-area: geri; }
.dg-vitrin .dg-kapak__baslik[b-4aa3zedg5s] { grid-area: baslik; min-width: 0; }

/* Panel modunda geri/başlık yok: tek satır araç çubuğu. */
.dg-vitrin .dg-kapak--panel[b-4aa3zedg5s] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "arac";
}

.dg-vitrin .dg-kapak__arac[b-4aa3zedg5s] {
  grid-area: arac;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.dg-vitrin .au-title[b-4aa3zedg5s] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.dg-vitrin .dg-kapak__alt[b-4aa3zedg5s] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Filtre alanı referans ölçüsü: esas 176 px, en çok 210 px. */
.dg-vitrin .dg-kapak__filtre[b-4aa3zedg5s] { flex: 0 1 176px; min-width: 0; }
.dg-vitrin .dg-kapak__filtre[b-4aa3zedg5s]  .edu-dropdown { max-width: 210px; }
.dg-vitrin .dg-kapak__filtre[b-4aa3zedg5s]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

/* Geniş ekranda başlık solda, araç çubuğu sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .dg-vitrin .dg-kapak[b-4aa3zedg5s] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik arac";
  }
  .dg-vitrin .dg-kapak--panel[b-4aa3zedg5s] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "arac"; }
  /* `justify-self: end` araç çubuğunu shrink-to-fit ölçtürüyordu: Chromium flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 176px` tabanını
     saymaz → kap daralır, süzgeç ile düğme alt alta düşer, kapak uzardı. Kap hücreyi
     doldurur, içerik sağa yaslanır; dar ekranda sarma korunur. */
  .dg-vitrin .dg-kapak__arac[b-4aa3zedg5s] { justify-self: stretch; justify-content: flex-end; flex-wrap: nowrap; }
}

/* ── Özet şeridi ── */
.dg-vitrin .dg-ozet[b-4aa3zedg5s] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.dg-vitrin .dg-ozet[b-4aa3zedg5s]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.dg-vitrin .dg-ozet__kutu[b-4aa3zedg5s] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.dg-vitrin .dg-ozet__kutu:last-child[b-4aa3zedg5s] { border-right: 0; }

.dg-vitrin .dg-ozet__etiket[b-4aa3zedg5s] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dg-vitrin .dg-ozet__deger[b-4aa3zedg5s] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.dg-vitrin .dg-ozet__alt[b-4aa3zedg5s] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm kartı ── */
.dg-vitrin .dg-bolum[b-4aa3zedg5s] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.dg-vitrin .dg-bolum[b-4aa3zedg5s]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.dg-vitrin .dg-bolum__baslik[b-4aa3zedg5s] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.dg-vitrin .dg-bolum__baslik[b-4aa3zedg5s]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.dg-vitrin .dg-bolum__alt[b-4aa3zedg5s] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.dg-vitrin .dg-bos[b-4aa3zedg5s] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.dg-vitrin .dg-bos p[b-4aa3zedg5s] { margin: 0; line-height: 1.6; }
.dg-vitrin .dg-bos__ipucu[b-4aa3zedg5s] { color: var(--metin-ipucu); font-size: 12.5px; }

/* ── Düğme tabanı ── */
.dg-vitrin .au-btn[b-4aa3zedg5s] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.dg-vitrin .au-btn--primary[b-4aa3zedg5s] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.dg-vitrin .au-btn--primary:hover[b-4aa3zedg5s] { background: var(--marka-500); border-color: var(--marka-500); }

/* Yıkıcı eylem. Sayfa kapsamlı `.dg-vitrin .au-btn` kuralı (0,2,0) global `.au-btn--danger`
   kuralını (0,1,0) eziyor ve "Evet, sil" sıradan bir düğme gibi görünüyordu; global kuralın
   token'larıyla aynı görünüm sayfa kapsamında yeniden kuruldu. */
.dg-vitrin .au-btn--danger[b-4aa3zedg5s] {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
}

.dg-vitrin .au-btn--danger:hover:not(:disabled)[b-4aa3zedg5s] {
  border-color: color-mix(in srgb, var(--red-500) 38%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
}

.dg-vitrin :is(.au-btn, .dg-etiket__x, .dg-tablo-kap):focus-visible[b-4aa3zedg5s] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Tablo ── */
.dg-vitrin .dg-tablo-kap[b-4aa3zedg5s] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.dg-vitrin .dg-tablo[b-4aa3zedg5s] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.dg-vitrin .dg-tablo thead[b-4aa3zedg5s] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.dg-vitrin .dg-tablo thead th[b-4aa3zedg5s] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.dg-vitrin .dg-tablo tbody th[b-4aa3zedg5s],
.dg-vitrin .dg-tablo tbody td[b-4aa3zedg5s] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.dg-vitrin .dg-tablo tbody tr:nth-child(even) th[b-4aa3zedg5s],
.dg-vitrin .dg-tablo tbody tr:nth-child(even) td[b-4aa3zedg5s] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk anlamlı sütun (ders) yatay kaydırmada yapışık kalır. */
.dg-vitrin .dg-tablo thead th:first-child[b-4aa3zedg5s],
.dg-vitrin .dg-tablo tbody th:first-child[b-4aa3zedg5s] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.dg-vitrin .dg-tablo thead th:first-child[b-4aa3zedg5s] { z-index: 5; background: var(--marka-600); }
.dg-vitrin .dg-tablo tbody th.dg-ders[b-4aa3zedg5s] { background: var(--yuzey); font-weight: 600; }
.dg-vitrin .dg-tablo tbody tr:nth-child(even) th.dg-ders[b-4aa3zedg5s] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dg-vitrin .dg-not-hucre[b-4aa3zedg5s] { color: var(--metin-ikincil); max-width: 340px; }

/* Eylem hücresi: `display:flex` bir <td>'yi tablo hücresi olmaktan çıkarır (tarayıcı anonim
   hücre üretir; dikey hizalama ve kenarlık bozulur). Hücre tablo hücresi kalır, öğeler satır
   içi akar — dar ekranda kendiliğinden alt satıra geçerler. */
.dg-vitrin .dg-satir-eylem[b-4aa3zedg5s] { text-align: end; }
.dg-vitrin .dg-satir-eylem > *[b-4aa3zedg5s] { vertical-align: middle; }
.dg-vitrin .dg-satir-eylem > * + *[b-4aa3zedg5s] { margin-inline-start: 6px; }

.dg-vitrin .dg-onay[b-4aa3zedg5s] { color: var(--metin-ikincil); font-size: 12.5px; }

/* ── Etiketler ── */
.dg-vitrin .dg-etiketler[b-4aa3zedg5s] { display: flex; flex-wrap: wrap; gap: 6px; }

.dg-vitrin .dg-etiket[b-4aa3zedg5s] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  padding: 2px 9px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.4;
}

.dg-vitrin .dg-etiket--silinebilir[b-4aa3zedg5s] { padding-right: 4px; }

.dg-vitrin .dg-etiket__x[b-4aa3zedg5s] {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--metin-ipucu);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}

.dg-vitrin .dg-etiket__x:hover[b-4aa3zedg5s] { background: color-mix(in srgb, var(--marka-600) 12%, var(--yuzey)); color: var(--marka-600); }

.dg-vitrin .dg-nota[b-4aa3zedg5s] { color: var(--metin-ipucu); font-size: 12.5px; }

.dg-vitrin .dg-gizli[b-4aa3zedg5s] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Form penceresi (native top layer) ── */
.dg-vitrin .dg-popup[b-4aa3zedg5s] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.dg-vitrin .dg-popup[open][b-4aa3zedg5s] { display: flex; flex-direction: column; }
.dg-vitrin .dg-popup[b-4aa3zedg5s]::backdrop { background: var(--scrim); }

.dg-vitrin .dg-popup__bas[b-4aa3zedg5s] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.dg-vitrin .dg-popup__bas h2[b-4aa3zedg5s] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.dg-vitrin .dg-popup__bas h2:focus[b-4aa3zedg5s] { outline: none; }

.dg-vitrin .dg-popup__kapat[b-4aa3zedg5s] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.dg-vitrin .dg-popup__govde[b-4aa3zedg5s] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.dg-vitrin .dg-popup__eylem[b-4aa3zedg5s] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.dg-vitrin .dg-popup__hata[b-4aa3zedg5s] {
  margin: 0;
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.dg-vitrin .dg-alan[b-4aa3zedg5s] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }

.dg-vitrin .dg-alan__etiket[b-4aa3zedg5s] {
  color: var(--metin-ikincil);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dg-vitrin .dg-ekle-satiri[b-4aa3zedg5s] { display: flex; gap: 8px; align-items: center; min-width: 0; }
.dg-vitrin .dg-ekle-satiri .app-input[b-4aa3zedg5s] { flex: 1 1 auto; min-width: 0; min-height: 34px; border-radius: var(--kose-dugme); }

.dg-vitrin .dg-notlar[b-4aa3zedg5s] {
  width: 100%;
  min-height: 72px;
  padding: 8px 12px;
  border-radius: var(--kose-dugme);
  font-family: var(--font-body);
  font-size: 13px;
  resize: vertical;
}

.dg-vitrin .dg-okunur[b-4aa3zedg5s] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.dg-vitrin .dg-okunur__etiket[b-4aa3zedg5s] {
  color: var(--metin-ikincil);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dg-vitrin .dg-okunur__deger[b-4aa3zedg5s] { color: var(--metin-murekkep); font-size: 13.5px; font-weight: 600; }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .dg-vitrin .dg-kapak[b-4aa3zedg5s] { padding: 16px; }
  .dg-vitrin .au-btn[b-4aa3zedg5s] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .dg-vitrin .dg-kapak[b-4aa3zedg5s] { padding: 12px; }
  .dg-vitrin .au-title[b-4aa3zedg5s] { font-size: var(--yazi-kapak, 20px); }
  .dg-vitrin .dg-kapak__arac[b-4aa3zedg5s] { flex-direction: column; align-items: stretch; }
  .dg-vitrin .dg-kapak__filtre[b-4aa3zedg5s] { flex: 1 1 auto; }
  .dg-vitrin .dg-kapak__filtre[b-4aa3zedg5s]  .edu-dropdown { max-width: none; }
  .dg-vitrin .dg-kapak__filtre[b-4aa3zedg5s]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .dg-vitrin .dg-ozet[b-4aa3zedg5s] { grid-template-columns: minmax(0, 1fr); }
  .dg-vitrin .dg-ozet__kutu[b-4aa3zedg5s] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .dg-vitrin .dg-ozet__kutu:last-child[b-4aa3zedg5s] { border-bottom: 0; }
  .dg-vitrin .dg-ozet__deger[b-4aa3zedg5s] { font-size: var(--yazi-kpi, 20px); }
  .dg-vitrin .dg-bolum[b-4aa3zedg5s] { padding: 16px 12px; }
  .dg-vitrin .dg-bolum__baslik[b-4aa3zedg5s] { font-size: var(--yazi-bolum, 14px); }
  .dg-vitrin .dg-tablo th[b-4aa3zedg5s], .dg-vitrin .dg-tablo td[b-4aa3zedg5s] { padding-inline: 8px; }
  .dg-vitrin .dg-not-hucre[b-4aa3zedg5s] { max-width: none; }
  .dg-vitrin .au-btn[b-4aa3zedg5s] { min-height: 44px; }
  .dg-vitrin .dg-popup[b-4aa3zedg5s] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .dg-vitrin .dg-popup__bas[b-4aa3zedg5s], .dg-vitrin .dg-popup__govde[b-4aa3zedg5s], .dg-vitrin .dg-popup__eylem[b-4aa3zedg5s] { padding: 12px; }
  .dg-vitrin .dg-ekle-satiri .app-input[b-4aa3zedg5s],
  .dg-vitrin .dg-notlar[b-4aa3zedg5s] { font-size: max(16px, 1rem); }
  .dg-vitrin .dg-ekle-satiri .app-input[b-4aa3zedg5s] { min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/EkipmanAciklari.razor.rz.scp.css */
/* Ekipman açıkları — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve !important YOK.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir yazıldı.
   NOT: `.wrap` bu bileşenin dışındadır — sayfa dış boşluğu global `.wrap` kuralında kalır. */

.eg-vitrin[b-43ida3b6x2] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + dönem + kapsam aynı beyaz yüzeyde ── */
.eg-vitrin .eg-kapak[b-43ida3b6x2] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "arac arac";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.eg-vitrin .eg-kapak > :first-child[b-43ida3b6x2] { grid-area: geri; }
.eg-vitrin .eg-kapak__baslik[b-43ida3b6x2] { grid-area: baslik; min-width: 0; }

.eg-vitrin .eg-kapak__arac[b-43ida3b6x2] {
  grid-area: arac;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.eg-vitrin .au-title[b-43ida3b6x2] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.eg-vitrin .eg-kapak__alt[b-43ida3b6x2] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Filtre alanı referans ölçüsü: esas 176 px, en çok 210 px. */
.eg-vitrin .eg-kapak__filtre[b-43ida3b6x2] { flex: 0 1 176px; min-width: 0; }
.eg-vitrin .eg-kapak__filtre[b-43ida3b6x2]  .edu-dropdown { max-width: 210px; }
.eg-vitrin .eg-kapak__filtre[b-43ida3b6x2]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

/* Kapsam segmenti (referans segment ölçüsü: kap 3 px dolgu, düğme 28 px) */
.eg-vitrin .eg-kapsam[b-43ida3b6x2] {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}

.eg-vitrin .eg-kapsam__dugme[b-43ida3b6x2] {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.eg-vitrin .eg-kapsam__dugme:hover[b-43ida3b6x2] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.eg-vitrin .eg-kapsam__dugme[aria-pressed="true"][b-43ida3b6x2] {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* Geniş ekranda başlık solda, araç çubuğu sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .eg-vitrin .eg-kapak[b-43ida3b6x2] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik arac";
  }
  /* `justify-self: end` araç çubuğunu shrink-to-fit ölçtürüyordu: kap, `.eg-kapak__filtre`in
     `flex: 0 1 176px` tabanını saymayan bir max-content'e daralabiliyor. Kap izini doldurur,
     hizayı flex satırı verir. */
  .eg-vitrin .eg-kapak__arac[b-43ida3b6x2] { justify-self: stretch; justify-content: flex-end; flex-wrap: nowrap; }
}

/* ── Özet şeridi: tek birleşik yüzey, üstte marka rampası ── */
.eg-vitrin .eg-ozet[b-43ida3b6x2] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.eg-vitrin .eg-ozet[b-43ida3b6x2]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.eg-vitrin .eg-ozet__kutu[b-43ida3b6x2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.eg-vitrin .eg-ozet__kutu:last-child[b-43ida3b6x2] { border-right: 0; }

.eg-vitrin .eg-ozet__etiket[b-43ida3b6x2] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.eg-vitrin .eg-ozet__deger[b-43ida3b6x2] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.eg-vitrin .eg-ozet__alt[b-43ida3b6x2] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm kartı ── */
.eg-vitrin .eg-bolum[b-43ida3b6x2] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.eg-vitrin .eg-bolum[b-43ida3b6x2]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.eg-vitrin .eg-bolum__baslik[b-43ida3b6x2] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.eg-vitrin .eg-bolum__baslik[b-43ida3b6x2]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.eg-vitrin .eg-bolum__alt[b-43ida3b6x2] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.eg-vitrin .eg-bolum__bos[b-43ida3b6x2] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 13px;
}

/* Boş / seçim yapılmamış durum */
.eg-vitrin .eg-bos[b-43ida3b6x2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.eg-vitrin .eg-bos p[b-43ida3b6x2] { margin: 0; line-height: 1.6; }
.eg-vitrin .eg-bos__ipucu[b-43ida3b6x2] { color: var(--metin-ipucu); font-size: 12.5px; }

/* ── Düğme tabanı ── */
.eg-vitrin .au-btn[b-43ida3b6x2] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.eg-vitrin .au-btn--primary[b-43ida3b6x2] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.eg-vitrin .au-btn--primary:hover[b-43ida3b6x2] { background: var(--marka-500); border-color: var(--marka-500); }

.eg-vitrin :is(.au-btn, .eg-kapsam__dugme, .eg-tablo-kap):focus-visible[b-43ida3b6x2] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Tablo: mavi–petrol başlık, beyaz gövde, kendi alanında kayar ── */
.eg-vitrin .eg-tablo-kap[b-43ida3b6x2] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.eg-vitrin .eg-tablo[b-43ida3b6x2] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.eg-vitrin .eg-tablo thead[b-43ida3b6x2] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.eg-vitrin .eg-tablo thead th[b-43ida3b6x2] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.eg-vitrin .eg-tablo tbody th[b-43ida3b6x2],
.eg-vitrin .eg-tablo tbody td[b-43ida3b6x2] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.eg-vitrin .eg-tablo tbody tr:nth-child(even) th[b-43ida3b6x2],
.eg-vitrin .eg-tablo tbody tr:nth-child(even) td[b-43ida3b6x2] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk anlamlı sütun (ders) yatay kaydırmada yapışık kalır — opak zemin gerekir. */
.eg-vitrin .eg-tablo thead th:first-child[b-43ida3b6x2],
.eg-vitrin .eg-tablo tbody th:first-child[b-43ida3b6x2] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.eg-vitrin .eg-tablo thead th:first-child[b-43ida3b6x2] { z-index: 5; background: var(--marka-600); }
.eg-vitrin .eg-tablo tbody th.eg-ders[b-43ida3b6x2] { background: var(--yuzey); font-weight: 600; }
.eg-vitrin .eg-tablo tbody tr:nth-child(even) th.eg-ders[b-43ida3b6x2] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.eg-vitrin .eg-satir-eylem[b-43ida3b6x2] { text-align: end; white-space: nowrap; }

/* ── Ekipman / mekân etiketleri ── */
.eg-vitrin .eg-etiketler[b-43ida3b6x2] { display: flex; flex-wrap: wrap; gap: 6px; }

.eg-vitrin .eg-etiket[b-43ida3b6x2] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 9px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.4;
}

.eg-vitrin .eg-etiket--fazla[b-43ida3b6x2] { color: var(--metin-ipucu); font-variant-numeric: tabular-nums; }

.eg-vitrin .eg-nota[b-43ida3b6x2] { color: var(--metin-ipucu); font-size: 12.5px; }

.eg-vitrin .eg-gizli[b-43ida3b6x2] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Ders ayrıntısı penceresi (native top layer) ── */
.eg-vitrin .eg-popup[b-43ida3b6x2] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.eg-vitrin .eg-popup[open][b-43ida3b6x2] { display: flex; flex-direction: column; }
.eg-vitrin .eg-popup[b-43ida3b6x2]::backdrop { background: var(--scrim); }

.eg-vitrin .eg-popup__bas[b-43ida3b6x2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.eg-vitrin .eg-popup__bas h2[b-43ida3b6x2] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.eg-vitrin .eg-popup__bas h2:focus[b-43ida3b6x2] { outline: none; }

.eg-vitrin .eg-popup__kapat[b-43ida3b6x2] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.eg-vitrin .eg-popup__govde[b-43ida3b6x2] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.eg-vitrin .eg-popup__durum[b-43ida3b6x2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 4px;
}

.eg-vitrin .eg-popup__alt-baslik[b-43ida3b6x2] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-body);
  letter-spacing: .01em;
}

.eg-vitrin .eg-mekanlar[b-43ida3b6x2] {
  margin: 0;
  padding-left: 18px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.7;
}

.eg-vitrin .eg-popup__not[b-43ida3b6x2] {
  margin: 16px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .eg-vitrin .eg-kapak[b-43ida3b6x2] { padding: 16px; }
  .eg-vitrin .au-btn[b-43ida3b6x2] { min-height: 44px; }
  .eg-vitrin .eg-kapsam__dugme[b-43ida3b6x2] { min-height: 38px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .eg-vitrin .eg-kapak[b-43ida3b6x2] { padding: 12px; }
  .eg-vitrin .au-title[b-43ida3b6x2] { font-size: var(--yazi-kapak, 20px); }
  .eg-vitrin .eg-kapak__arac[b-43ida3b6x2] { flex-direction: column; align-items: stretch; }
  .eg-vitrin .eg-kapak__filtre[b-43ida3b6x2] { flex: 1 1 auto; }
  .eg-vitrin .eg-kapak__filtre[b-43ida3b6x2]  .edu-dropdown { max-width: none; }
  .eg-vitrin .eg-kapak__filtre[b-43ida3b6x2]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .eg-vitrin .eg-kapsam[b-43ida3b6x2] { display: flex; }
  .eg-vitrin .eg-kapsam__dugme[b-43ida3b6x2] { flex: 1 1 0; min-height: 44px; }
  .eg-vitrin .eg-ozet[b-43ida3b6x2] { grid-template-columns: minmax(0, 1fr); }
  .eg-vitrin .eg-ozet__kutu[b-43ida3b6x2] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .eg-vitrin .eg-ozet__kutu:last-child[b-43ida3b6x2] { border-bottom: 0; }
  .eg-vitrin .eg-ozet__deger[b-43ida3b6x2] { font-size: var(--yazi-kpi, 20px); }
  .eg-vitrin .eg-bolum[b-43ida3b6x2] { padding: 16px 12px; }
  .eg-vitrin .eg-bolum__baslik[b-43ida3b6x2] { font-size: var(--yazi-bolum, 14px); }
  .eg-vitrin .eg-tablo th[b-43ida3b6x2], .eg-vitrin .eg-tablo td[b-43ida3b6x2] { padding-inline: 8px; }
  .eg-vitrin .au-btn[b-43ida3b6x2] { min-height: 44px; }
  .eg-vitrin .eg-popup[b-43ida3b6x2] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .eg-vitrin .eg-popup__bas[b-43ida3b6x2], .eg-vitrin .eg-popup__govde[b-43ida3b6x2] { padding: 12px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/GozetmenAtama.razor.rz.scp.css */
/* Gözetmen atama — Akademik Analiz görsel dili (kapak 23 px, bölüm sekmeleri,
   --marka-rampa-serit tablo başlığı, görünür popup). Yalnız mevcut token'lar;
   yeni hex, !important ve sabit spacer yok. Ölçüler:
   docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md */

.gza-kok[b-lq2xauvtum] {
  min-width: 0;
}

.au-page.gza-vitrin[b-lq2xauvtum] {
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ───────────────── Kapak: başlık + künye tek beyaz yüzeyde ───────────────── */

.gza-kapak[b-lq2xauvtum] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gza-kapak__metin[b-lq2xauvtum] {
  min-width: 0;
  flex: 1 1 260px;
}

.gza-kapak .au-title[b-lq2xauvtum] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.gza-kapak__alt[b-lq2xauvtum] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

/* Sınav künyesi — backend ExamResponse alanları (saat, öğrenci, durum, onay). */
.gza-kunye[b-lq2xauvtum] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0;
}

.gza-kunye > div[b-lq2xauvtum] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.gza-kunye dt[b-lq2xauvtum] {
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gza-kunye dd[b-lq2xauvtum] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* ───────────────── Bölüm sekmeleri ───────────────── */

.gza-sekmeler[b-lq2xauvtum] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.gza-sekme[b-lq2xauvtum] {
  --gza-vurgu: var(--marka-600);
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px var(--font-body);
  cursor: pointer;
}

.gza-sekme--atama[b-lq2xauvtum] {
  --gza-vurgu: color-mix(in srgb, var(--marka-600) 45%, var(--turkuaz-500));
}

.gza-sekme--yuk[b-lq2xauvtum] {
  --gza-vurgu: color-mix(in srgb, var(--turkuaz-500) 55%, var(--marka-700));
}

.gza-sekme:disabled[b-lq2xauvtum] {
  color: var(--metin-ipucu);
  cursor: not-allowed;
}

.gza-sekme.is-secili[b-lq2xauvtum] {
  background: var(--gza-vurgu);
  color: var(--on-brand);
}

.gza-sekme:focus-visible[b-lq2xauvtum] {
  outline: 2px solid var(--gza-vurgu);
  outline-offset: 2px;
}

@media (hover: hover) {
  .gza-sekme:hover:not(:disabled):not(.is-secili)[b-lq2xauvtum] {
    background: color-mix(in srgb, var(--gza-vurgu) 14%, var(--yuzey));
    color: var(--gza-vurgu);
  }

  .gza-sekme.is-secili:hover[b-lq2xauvtum] {
    background: var(--gza-vurgu);
    color: var(--on-brand);
  }
}

/* ───────────────── Bölüm kartı ───────────────── */

.gza-bolum[b-lq2xauvtum],
.gza-bos[b-lq2xauvtum] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gza-bolum[b-lq2xauvtum]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gza-bolum:focus-visible[b-lq2xauvtum] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gza-bolum__baslik[b-lq2xauvtum] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--marka-700);
  font: 700 15px/1.25 var(--font-display);
  letter-spacing: -.012em;
}

.gza-bolum__baslik[b-lq2xauvtum]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gza-bolum__baslik--ayrik[b-lq2xauvtum] {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--hat-kart);
}

.gza-alt-baslik[b-lq2xauvtum] {
  margin: 18px 0 8px;
  color: var(--marka-700);
  font: 700 13px/1.3 var(--font-display);
}

.gza-ipucu[b-lq2xauvtum] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.gza-alanlar[b-lq2xauvtum] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.gza-alanlar--dar[b-lq2xauvtum] {
  grid-template-columns: minmax(0, 220px);
}

.gza-eylemler[b-lq2xauvtum] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.gza-serit[b-lq2xauvtum] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.gza-rozetler[b-lq2xauvtum] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.gza-rozetler li[b-lq2xauvtum] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Boş durum — anlamlı metin + birincil eylem. */
.gza-bos[b-lq2xauvtum] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
}

.gza-bos strong[b-lq2xauvtum] {
  color: var(--marka-700);
  font: 700 15px/1.25 var(--font-display);
}

.gza-bos span[b-lq2xauvtum] {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ───────────────── Tablo ───────────────── */

.gza-tablo-kutu[b-lq2xauvtum] {
  min-width: 0;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.gza-tablo[b-lq2xauvtum] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.gza-sr[b-lq2xauvtum] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Geçiş thead boyunca TEK PARÇA çizilir; th arka planları şeffaftır. */
.gza-tablo thead[b-lq2xauvtum] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.gza-tablo th[b-lq2xauvtum] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px var(--font-body);
  letter-spacing: .07em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.gza-tablo td[b-lq2xauvtum] {
  padding: 10px 13px;
  border-top: 1px solid var(--line);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.gza-tablo tbody tr:nth-child(even) td[b-lq2xauvtum] {
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
}

.gza-tablo__say[b-lq2xauvtum] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.gza-tablo__ilk[b-lq2xauvtum] {
  min-width: 160px;
}

.gza-tablo__ilk .au-chip[b-lq2xauvtum] {
  margin-left: 8px;
}

.gza-tablo__eylem[b-lq2xauvtum] {
  width: 1%;
  white-space: nowrap;
}

/* ───────────────── Popup (native dialog) ───────────────── */

.gza-popup[b-lq2xauvtum] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--ust-golge);
  overflow: hidden;
}

.gza-popup[open][b-lq2xauvtum] {
  display: flex;
  flex-direction: column;
}

.gza-popup[b-lq2xauvtum]::backdrop {
  background: var(--scrim);
}

.gza-popup__baslik[b-lq2xauvtum] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.gza-popup__baslik > div[b-lq2xauvtum] {
  min-width: 0;
}

.gza-popup__baslik h2[b-lq2xauvtum] {
  margin: 0;
  color: var(--marka-700);
  font: 700 20px/1.2 var(--font-display);
  overflow-wrap: anywhere;
}

.gza-popup__baslik p[b-lq2xauvtum] {
  margin: 8px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gza-popup__kapat[b-lq2xauvtum] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  min-height: 44px;
  padding: 0;
  font-size: 22px;
}

.gza-popup__govde[b-lq2xauvtum] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.gza-popup__govde .gza-alt-baslik:first-child[b-lq2xauvtum] {
  margin-top: 0;
}

.gza-popup__eylemler[b-lq2xauvtum] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

/* ───────────────── Ortak kontroller (kendi + alt bileşen markup'ı) ───────────────── */

.gza-vitrin .au-btn[b-lq2xauvtum],
.gza-vitrin[b-lq2xauvtum]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.gza-vitrin .au-btn--primary[b-lq2xauvtum],
.gza-vitrin[b-lq2xauvtum]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.gza-vitrin .au-btn:focus-visible[b-lq2xauvtum],
.gza-vitrin[b-lq2xauvtum]  .au-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

@media (hover: hover) {
  .gza-vitrin .au-btn:hover:not(:disabled)[b-lq2xauvtum],
  .gza-vitrin[b-lq2xauvtum]  .au-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
  }

  .gza-vitrin .au-btn--primary:hover:not(:disabled)[b-lq2xauvtum],
  .gza-vitrin[b-lq2xauvtum]  .au-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
  }
}

.gza-vitrin[b-lq2xauvtum]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  font-size: 13px;
}

.gza-vitrin[b-lq2xauvtum]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ───────────────── TABLET ───────────────── */

@media (min-width: 641px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gza-tablo__ilk[b-lq2xauvtum] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .gza-tablo tbody tr:nth-child(even) .gza-tablo__ilk[b-lq2xauvtum] {
    background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
  }

  .gza-tablo thead .gza-tablo__ilk[b-lq2xauvtum] {
    z-index: 3;
    background: var(--marka-500);
  }
}

/* ───────────────── TELEFON ───────────────── */

@media (max-width: 640px) {
  .gza-kapak[b-lq2xauvtum] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }

  .gza-kapak .au-title[b-lq2xauvtum] {
    font-size: var(--yazi-kapak, 20px);
  }

  .gza-kunye[b-lq2xauvtum] {
    gap: 8px 14px;
  }

  .gza-sekmeler[b-lq2xauvtum] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .gza-sekme[b-lq2xauvtum] {
    min-height: 44px;
    white-space: nowrap;
  }

  .gza-bolum[b-lq2xauvtum],
  .gza-bos[b-lq2xauvtum] {
    padding: 12px;
  }

  .gza-bolum__baslik[b-lq2xauvtum] {
    font-size: var(--yazi-bolum, 14px);
  }

  .gza-alanlar[b-lq2xauvtum],
  .gza-alanlar--dar[b-lq2xauvtum] {
    grid-template-columns: minmax(0, 1fr);
  }

  .gza-eylemler .au-btn[b-lq2xauvtum] {
    flex: 1 1 auto;
  }

  .gza-tablo__ilk[b-lq2xauvtum] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 130px;
    background: var(--yuzey);
  }

  .gza-tablo tbody tr:nth-child(even) .gza-tablo__ilk[b-lq2xauvtum] {
    background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
  }

  .gza-tablo thead .gza-tablo__ilk[b-lq2xauvtum] {
    z-index: 3;
    background: var(--marka-500);
  }

  .gza-popup[b-lq2xauvtum] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .gza-popup__baslik[b-lq2xauvtum],
  .gza-popup__govde[b-lq2xauvtum],
  .gza-popup__eylemler[b-lq2xauvtum] {
    padding: 12px;
  }

  .gza-popup__baslik h2[b-lq2xauvtum] {
    font-size: 18px;
  }
}

/* ───────────────── Dokunmatik hedefler ───────────────── */

@media (pointer: coarse) {
  .gza-vitrin .au-btn[b-lq2xauvtum],
  .gza-vitrin[b-lq2xauvtum]  .au-btn {
    min-height: 44px;
  }

  .gza-sekme[b-lq2xauvtum] {
    min-height: 44px;
  }

  .gza-vitrin[b-lq2xauvtum]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ───────────────── MASAÜSTÜ ───────────────── */

@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) and (hover: hover), (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .gza-kapak[b-lq2xauvtum] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik kunye";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
  }

  /* Geri bağlantısı GeriBaglanti bileşeninden gelir → kapsam niteliği bu sayfaya
     ait DEĞİL; ::deep olmadan seçici hiç eşleşmez ve yerleşim tesadüfe kalırdı. */
  .gza-kapak[b-lq2xauvtum]  .au-breadcrumb {
    grid-area: geri;
  }

  .gza-kapak__metin[b-lq2xauvtum] {
    grid-area: baslik;
  }

  .gza-kunye[b-lq2xauvtum] {
    grid-area: kunye;
    justify-self: end;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/HocaEslestirme.razor.rz.scp.css */
/* AI hoca-ders eşleştirme — Akademik Analiz görsel dili (kapak 23 px, özet şeridi,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve !important YOK.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Vurgu tek lacivert tondur: `--agv-kpi-etiket-*` yalnız `.analiz-genel-vitrin` kapsamında
   tanımlıdır, bu ekran onları miras almaz (referans §"Renk ve yüzey rolleri"). */

.he-vitrin[b-apqnsqmoju] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtreler + ana eylem aynı beyaz yüzeyde ── */
.he-vitrin .he-kapak[b-apqnsqmoju] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "filtre filtre filtre";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri düğmesi `GeriBaglanti` bileşeninin köküdür: kendi `.razor.css`'i olmadığı için HİÇBİR
   kapsam damgası taşımaz. `> :first-child` yazımı derlenince damgayı o `<a>`'ya iliştiriyordu
   (`> :first-child[b-…]`) ve kural hiç eşleşmiyordu — yerleşim yalnız ızgaranın otomatik
   yerleştirmesiyle ayakta kalıyordu. Emsal (StandardsPage, Stiller, SoruStudyoHub) `::deep` kullanır. */
.he-vitrin .he-kapak[b-apqnsqmoju]  .au-breadcrumb { grid-area: geri; }
.he-vitrin .he-kapak__baslik[b-apqnsqmoju] { grid-area: baslik; min-width: 0; }
.he-vitrin .he-kapak__eylem[b-apqnsqmoju] { grid-area: eylem; display: flex; gap: 8px; }

.he-vitrin .he-kapak__filtre[b-apqnsqmoju] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Süzgeç kabının flex çocuğu `.app-field`'dır; paylaşılan `width:100%` kuralı her alanı
   tek başına satıra düşürüyordu. Taban 176 px verilerek alanlar yan yana kalır. */
.he-vitrin .he-kapak__filtre[b-apqnsqmoju]  .app-field { flex: 0 1 176px; min-width: 0; max-width: 210px; margin: 0; }
.he-vitrin .he-kapak__filtre[b-apqnsqmoju]  .edu-dropdown { min-width: 176px; max-width: 210px; }
/* Paylaşılan AppField `height:46px` (0,3,0) kuralını `min-height` ezemiyordu; `.app-field`
   eklenerek özgüllük (0,4,0)'a çıkar ve kontrol `.he-onay`/`.au-btn` ile aynı 34 px olur. */
.he-vitrin .he-kapak__filtre[b-apqnsqmoju]  .app-field .app-input { height: 34px; min-height: 34px; border-radius: var(--kose-dugme); font-size: 13px; }

.he-vitrin .au-title[b-apqnsqmoju] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.he-vitrin .he-kapak__alt[b-apqnsqmoju] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Yalnız öğretmensiz dersler — kapak içinde onay kutusu, alanlarla aynı taban çizgisi. */
.he-vitrin .he-onay[b-apqnsqmoju] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.he-vitrin .he-onay input[b-apqnsqmoju] { width: 16px; height: 16px; accent-color: var(--marka-600); }
.he-vitrin .he-onay:has(input:disabled)[b-apqnsqmoju] { color: var(--metin-ipucu); cursor: default; }
.he-vitrin .he-onay:has(input:focus-visible)[b-apqnsqmoju] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Geniş ekranda başlık solda, filtreler ve eylem sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .he-vitrin .he-kapak[b-apqnsqmoju] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }
  /* `justify-self: end` ızgara öğesini shrink-to-fit ölçtürür; Chromium flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar ve taban genişliklerini
     (`.edu-dropdown` 176 px) saymaz → kap daralır, alanlar alt alta yığılırdı.
     Kap gerdirilir, sağa yaslama flex satırının kendisinde yapılır. */
  .he-vitrin .he-kapak__filtre[b-apqnsqmoju] { justify-self: stretch; justify-content: flex-end; }
}

/* ── Özet şeridi: tek birleşik yüzey, üstte marka rampası ── */
.he-vitrin .he-ozet[b-apqnsqmoju] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.he-vitrin .he-ozet[b-apqnsqmoju]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.he-vitrin .he-ozet__kutu[b-apqnsqmoju] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.he-vitrin .he-ozet__kutu:last-child[b-apqnsqmoju] { border-right: 0; }

.he-vitrin .he-ozet__etiket[b-apqnsqmoju] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.he-vitrin .he-ozet__deger[b-apqnsqmoju] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.he-vitrin .he-ozet__alt[b-apqnsqmoju] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.4; }

/* ── Sunucu uyarısı (yanıttaki `warning`) ── */
.he-vitrin .he-uyari[b-apqnsqmoju] {
  margin-bottom: 16px;
  padding: 12px 18px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 30%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Bölüm kartı ── */
.he-vitrin .he-bolum[b-apqnsqmoju] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.he-vitrin .he-bolum[b-apqnsqmoju]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.he-vitrin .he-bolum__baslik[b-apqnsqmoju] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.he-vitrin .he-bolum__baslik[b-apqnsqmoju]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.he-vitrin .he-bolum__alt[b-apqnsqmoju] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.he-vitrin .he-bos[b-apqnsqmoju] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.he-vitrin .he-bos p[b-apqnsqmoju] { margin: 0; line-height: 1.6; }

/* ── Düğmeler ── */
.he-vitrin .au-btn[b-apqnsqmoju] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.he-vitrin .au-btn:hover:not(:disabled)[b-apqnsqmoju] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.he-vitrin .au-btn--primary[b-apqnsqmoju] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.he-vitrin .au-btn--primary:hover:not(:disabled)[b-apqnsqmoju] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.he-vitrin .au-btn--sm[b-apqnsqmoju] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.he-vitrin .au-btn:disabled[b-apqnsqmoju] { opacity: .55; cursor: not-allowed; }

/* Kapatma düğmesi de `.au-btn` taşır (`class="au-btn he-popup__kapat"`); ayrıca listelemek
   artıktı — kardeş ekranlar (pf/wl) yalnız au-btn DIŞI odaklanabilirleri sayar. */
.he-vitrin .au-btn:focus-visible[b-apqnsqmoju] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Ders tablosu ── */
.he-vitrin .he-tablo-kap[b-apqnsqmoju] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.he-vitrin .he-tablo[b-apqnsqmoju] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.he-vitrin .he-tablo thead[b-apqnsqmoju] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.he-vitrin .he-tablo thead th[b-apqnsqmoju] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.he-vitrin .he-tablo tbody th[b-apqnsqmoju],
.he-vitrin .he-tablo tbody td[b-apqnsqmoju] {
  padding: 8px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.he-vitrin .he-tablo tbody th[b-apqnsqmoju] { font-weight: 600; }

.he-vitrin .he-tablo tbody tr:nth-child(even) th[b-apqnsqmoju],
.he-vitrin .he-tablo tbody tr:nth-child(even) td[b-apqnsqmoju] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk anlamlı sütun (ders adı) yatay kaydırmada yapışık kalır. */
.he-vitrin .he-tablo thead th:first-child[b-apqnsqmoju],
.he-vitrin .he-tablo tbody th:first-child[b-apqnsqmoju] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.he-vitrin .he-tablo thead th:first-child[b-apqnsqmoju] { z-index: 5; background: var(--marka-600); }
.he-vitrin .he-tablo tbody th:first-child[b-apqnsqmoju] { background: var(--yuzey); }
.he-vitrin .he-tablo tbody tr:nth-child(even) th:first-child[b-apqnsqmoju] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.he-vitrin .he-tablo__sayi[b-apqnsqmoju] { text-align: end; font-variant-numeric: tabular-nums; }
.he-vitrin .he-tablo__eylem[b-apqnsqmoju] { text-align: end; white-space: nowrap; }

.he-vitrin .he-gizli[b-apqnsqmoju] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Aday penceresi (native top layer) ── */
.he-vitrin .he-popup[b-apqnsqmoju] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.he-vitrin .he-popup[open][b-apqnsqmoju] { display: flex; flex-direction: column; }
.he-vitrin .he-popup[b-apqnsqmoju]::backdrop { background: var(--scrim); }

.he-vitrin .he-popup__bas[b-apqnsqmoju] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.he-vitrin .he-popup__baslik[b-apqnsqmoju] { min-width: 0; }

.he-vitrin .he-popup__bas h2[b-apqnsqmoju] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.he-vitrin .he-popup__bas h2:focus[b-apqnsqmoju] { outline: none; }

.he-vitrin .he-popup__ozet[b-apqnsqmoju] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.4;
}

.he-vitrin .he-popup__kapat[b-apqnsqmoju] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.he-vitrin .he-popup__govde[b-apqnsqmoju] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.he-vitrin .he-popup__hata[b-apqnsqmoju] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 34%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12.5px;
  line-height: 1.5;
}

.he-vitrin .he-popup__bos[b-apqnsqmoju] { margin: 0; color: var(--metin-ipucu); font-size: 13px; }

/* ── Aday kartları ── */
.he-vitrin .he-cands[b-apqnsqmoju] { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }

.he-vitrin .he-cand[b-apqnsqmoju] {
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.he-vitrin .he-cand__head[b-apqnsqmoju] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.he-vitrin .he-cand__name[b-apqnsqmoju] { color: var(--marka-700); font: 700 14px/1.3 var(--font-display); overflow-wrap: anywhere; }

.he-vitrin .he-cand__score[b-apqnsqmoju] {
  flex: 0 0 auto;
  color: var(--marka-600);
  font: 700 15px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
}

.he-vitrin .he-bars[b-apqnsqmoju] { display: flex; flex-direction: column; gap: 5px; }

.he-vitrin .he-bar-row[b-apqnsqmoju] {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) 40px;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}

.he-vitrin .he-bar__label[b-apqnsqmoju] { color: var(--metin-ikincil); }

.he-vitrin .he-bar[b-apqnsqmoju] {
  height: 8px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  overflow: hidden;
}

.he-vitrin .he-bar__fill[b-apqnsqmoju] { display: block; height: 100%; background: var(--marka-rampa-serit); }

.he-vitrin .he-bar__val[b-apqnsqmoju] { color: var(--metin-ipucu); text-align: end; font-variant-numeric: tabular-nums; }

.he-vitrin .he-cand__foot[b-apqnsqmoju] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--hat-kart);
}

.he-vitrin .he-cand__load[b-apqnsqmoju] { color: var(--metin-ipucu); font-size: 12px; font-variant-numeric: tabular-nums; }

.he-vitrin .he-confirm[b-apqnsqmoju] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.he-vitrin .he-confirm__q[b-apqnsqmoju] { color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.45; }

/* Atanmış derste "ikinci öğretmen eklenir" uyarısı — onay metninden ayrışsın. */
.he-vitrin .he-confirm__q strong[b-apqnsqmoju] { color: var(--marka-700); font-weight: 700; }
.he-vitrin .he-confirm__actions[b-apqnsqmoju] { display: flex; gap: 8px; }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .he-vitrin .he-kapak[b-apqnsqmoju] { padding: 16px; }
  .he-vitrin .au-btn[b-apqnsqmoju] { min-height: 44px; }
  .he-vitrin .he-onay[b-apqnsqmoju] { min-height: 44px; }
  /* Dokunma hedefi: komşu onay kutusu/düğme 44 px olurken açılır kutu 34 px kalmasın. */
  .he-vitrin .he-kapak__filtre[b-apqnsqmoju]  .app-field .app-input { height: 44px; min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .he-vitrin .he-kapak[b-apqnsqmoju] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "filtre filtre"
      "eylem eylem";
    padding: 12px;
  }
  .he-vitrin .au-title[b-apqnsqmoju] { font-size: var(--yazi-kapak, 20px); }
  .he-vitrin .he-kapak__eylem[b-apqnsqmoju] { justify-self: stretch; }
  .he-vitrin .he-kapak__eylem .au-btn[b-apqnsqmoju] { flex: 1 0 auto; }
  .he-vitrin .he-kapak__filtre[b-apqnsqmoju] { flex-direction: column; align-items: stretch; }
  .he-vitrin .he-kapak__filtre[b-apqnsqmoju]  .edu-dropdown { min-width: 0; max-width: none; }
  /* Kap `flex-direction: column` olduğundan 176 px taban YÜKSEKLİĞE dönüşür; tabanı kaldır. */
  .he-vitrin .he-kapak__filtre[b-apqnsqmoju]  .app-field { flex: 0 0 auto; max-width: none; }
  .he-vitrin .he-kapak__filtre[b-apqnsqmoju]  .app-field .app-input { font-size: max(16px, 1rem); height: 44px; min-height: 44px; }
  .he-vitrin .he-ozet[b-apqnsqmoju] { grid-template-columns: minmax(0, 1fr); }
  .he-vitrin .he-ozet__kutu[b-apqnsqmoju] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .he-vitrin .he-ozet__kutu:last-child[b-apqnsqmoju] { border-bottom: 0; }
  .he-vitrin .he-ozet__deger[b-apqnsqmoju] { font-size: var(--yazi-kpi, 20px); }
  .he-vitrin .he-bolum[b-apqnsqmoju] { padding: 16px 12px; }
  .he-vitrin .he-bolum__baslik[b-apqnsqmoju] { font-size: var(--yazi-bolum, 14px); }
  .he-vitrin .au-btn[b-apqnsqmoju], .he-vitrin .au-btn--sm[b-apqnsqmoju] { min-height: 44px; }
  .he-vitrin .he-onay[b-apqnsqmoju] { min-height: 44px; }
  .he-vitrin .he-tablo th[b-apqnsqmoju], .he-vitrin .he-tablo td[b-apqnsqmoju] { padding-inline: 8px; }
  .he-vitrin .he-popup[b-apqnsqmoju] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .he-vitrin .he-popup__bas[b-apqnsqmoju], .he-vitrin .he-popup__govde[b-apqnsqmoju] { padding: 12px; }
  .he-vitrin .he-bar-row[b-apqnsqmoju] { grid-template-columns: 70px minmax(0, 1fr) 36px; }
  .he-vitrin .he-cand__foot[b-apqnsqmoju] { align-items: stretch; flex-direction: column; }
  .he-vitrin .he-confirm__actions .au-btn[b-apqnsqmoju] { flex: 1 0 auto; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/IsYukuAnalitigi.razor.rz.scp.css */
/* İş yükü analitiği — Akademik Analiz görsel dili (kapak 23 px, özet şeridi, bölüm sekmeleri,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve !important YOK.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Sekme vurgusu tek lacivert tondur: `--agv-kpi-etiket-*` yalnız `.analiz-genel-vitrin`
   kapsamında tanımlıdır, bu ekran onları miras almaz (referans §"Renk ve yüzey rolleri"). */

.wl-vitrin[b-65ptf21jaf] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + dönem + ana eylem aynı beyaz yüzeyde ── */
.wl-vitrin .wl-kapak[b-65ptf21jaf] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "filtre filtre filtre";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri düğmesi `GeriBaglanti` bileşeninin köküdür: kendi `.razor.css`'i olmadığı için HİÇBİR
   kapsam damgası taşımaz. `> :first-child` yazımı derlenince damgayı o `<a>`'ya iliştiriyordu
   (`> :first-child[b-…]`) ve kural hiç eşleşmiyordu — yerleşim yalnız ızgaranın otomatik
   yerleştirmesiyle ayakta kalıyordu. Emsal (StandardsPage, Stiller, SoruStudyoHub) `::deep` kullanır. */
.wl-vitrin .wl-kapak[b-65ptf21jaf]  .au-breadcrumb { grid-area: geri; }
.wl-vitrin .wl-kapak__baslik[b-65ptf21jaf] { grid-area: baslik; min-width: 0; }
.wl-vitrin .wl-kapak__eylem[b-65ptf21jaf] { grid-area: eylem; display: flex; gap: 8px; }

.wl-vitrin .wl-kapak__filtre[b-65ptf21jaf] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Süzgeç alanı: 176 px esas, 210 px üst sınır. `.app-field` paylaşılan `width: 100%`
   taşır; ölçü ona verilmezse tek alan 1fr sütununu kaplar ve aşağıdaki ≥1540 dalındaki
   `justify-content: flex-end` dağıtacak boşluk bulamaz (süzgeç başlığa yapışık kalır). */
.wl-vitrin .wl-kapak__filtre[b-65ptf21jaf]  .app-field { flex: 0 1 176px; min-width: 0; max-width: 210px; margin: 0; }
.wl-vitrin .wl-kapak__filtre[b-65ptf21jaf]  .edu-dropdown { min-width: 176px; max-width: 210px; }
.wl-vitrin .wl-kapak__filtre[b-65ptf21jaf]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

.wl-vitrin .au-title[b-65ptf21jaf] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.wl-vitrin .wl-kapak__alt[b-65ptf21jaf] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Geniş ekranda başlık solda, filtre ve eylem sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .wl-vitrin .wl-kapak[b-65ptf21jaf] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium sarmalı flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar, `.edu-dropdown`
     176 px tabanını saymaz → kap daralır, süzgeçler alt alta yığılır. `stretch`
     kabı 1fr sütununa yayar, sağa yaslamayı `justify-content` üstlenir. */
  .wl-vitrin .wl-kapak__filtre[b-65ptf21jaf] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── Özet şeridi: tek birleşik yüzey, üstte marka rampası ── */
.wl-vitrin .wl-ozet[b-65ptf21jaf] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.wl-vitrin .wl-ozet[b-65ptf21jaf]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.wl-vitrin .wl-ozet__kutu[b-65ptf21jaf] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.wl-vitrin .wl-ozet__kutu:last-child[b-65ptf21jaf] { border-right: 0; }

.wl-vitrin .wl-ozet__etiket[b-65ptf21jaf] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wl-vitrin .wl-ozet__deger[b-65ptf21jaf] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.wl-vitrin .wl-ozet__alt[b-65ptf21jaf] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.4; }

/* ── Bölüm sekmeleri ── */
.wl-vitrin .wl-sekmeler[b-65ptf21jaf] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.wl-vitrin .wl-sekme[b-65ptf21jaf] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.wl-vitrin .wl-sekme:hover[b-65ptf21jaf] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.wl-vitrin .wl-sekme[aria-selected="true"][b-65ptf21jaf] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.wl-vitrin .wl-sekme:focus-visible[b-65ptf21jaf],
.wl-vitrin .wl-bolum:focus-visible[b-65ptf21jaf],
.wl-vitrin .wl-tablo-kap:focus-visible[b-65ptf21jaf],
.wl-vitrin .au-btn:focus-visible[b-65ptf21jaf] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.wl-vitrin .wl-bolum[b-65ptf21jaf] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.wl-vitrin .wl-bolum[b-65ptf21jaf]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.wl-vitrin .wl-bolum__baslik[b-65ptf21jaf] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.wl-vitrin .wl-bolum__baslik[b-65ptf21jaf]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.wl-vitrin .wl-bolum__alt[b-65ptf21jaf] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.wl-vitrin .wl-bolum__alt strong[b-65ptf21jaf] { color: var(--metin-murekkep); font-weight: 700; }

.wl-vitrin .wl-bolum__bos[b-65ptf21jaf] { margin: 0; color: var(--metin-ipucu); font-size: 13px; line-height: 1.6; }

.wl-vitrin .wl-bos[b-65ptf21jaf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.wl-vitrin .wl-bos p[b-65ptf21jaf] { margin: 0; line-height: 1.6; }

/* ── Düğmeler ── */
.wl-vitrin .au-btn[b-65ptf21jaf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.wl-vitrin .au-btn:hover:not(:disabled)[b-65ptf21jaf] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.wl-vitrin .au-btn--primary[b-65ptf21jaf] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.wl-vitrin .au-btn--primary:hover:not(:disabled)[b-65ptf21jaf] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.wl-vitrin .au-btn--sm[b-65ptf21jaf] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.wl-vitrin .au-btn:disabled[b-65ptf21jaf] { opacity: .55; cursor: not-allowed; }

/* ── Tablolar ── */
.wl-vitrin .wl-tablo-kap[b-65ptf21jaf] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.wl-vitrin .wl-tablo-kap--popup[b-65ptf21jaf] { max-height: min(360px, 44dvh); }

.wl-vitrin .wl-tablo[b-65ptf21jaf] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.wl-vitrin .wl-tablo thead[b-65ptf21jaf] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.wl-vitrin .wl-tablo thead th[b-65ptf21jaf] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.wl-vitrin .wl-tablo tbody th[b-65ptf21jaf],
.wl-vitrin .wl-tablo tbody td[b-65ptf21jaf] {
  padding: 8px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.wl-vitrin .wl-tablo tbody th[b-65ptf21jaf] { font-weight: 600; }

.wl-vitrin .wl-tablo tbody tr:nth-child(even) th[b-65ptf21jaf],
.wl-vitrin .wl-tablo tbody tr:nth-child(even) td[b-65ptf21jaf] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wl-vitrin .wl-tablo tbody tr.is-active th[b-65ptf21jaf],
.wl-vitrin .wl-tablo tbody tr.is-active td[b-65ptf21jaf] {
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
}

/* İlk anlamlı sütun (bölüm / öğretmen adı) yatay kaydırmada yapışık kalır. */
.wl-vitrin .wl-tablo thead th:first-child[b-65ptf21jaf],
.wl-vitrin .wl-tablo tbody th:first-child[b-65ptf21jaf] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.wl-vitrin .wl-tablo thead th:first-child[b-65ptf21jaf] { z-index: 5; background: var(--marka-600); }
.wl-vitrin .wl-tablo tbody th:first-child[b-65ptf21jaf] { background: var(--yuzey); }
.wl-vitrin .wl-tablo tbody tr:nth-child(even) th:first-child[b-65ptf21jaf] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.wl-vitrin .wl-tablo tbody tr.is-active th:first-child[b-65ptf21jaf] {
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
}

.wl-vitrin .wl-sayi[b-65ptf21jaf] { text-align: end; font-variant-numeric: tabular-nums; }
.wl-vitrin .wl-eylem[b-65ptf21jaf] { text-align: end; white-space: nowrap; }

.wl-vitrin .wl-gizli[b-65ptf21jaf] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Dengesizlik barı ── */
.wl-vitrin .wl-bar[b-65ptf21jaf] {
  width: min(140px, 100%);
  height: 8px;
  margin-bottom: 4px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  overflow: hidden;
}

.wl-vitrin .wl-bar__fill[b-65ptf21jaf] { display: block; height: 100%; background: var(--marka-rampa-serit); }
.wl-vitrin .wl-bar__fill.is-high[b-65ptf21jaf] { background: var(--marka-600); }

.wl-vitrin .wl-bar__cap[b-65ptf21jaf] {
  display: block;
  color: var(--metin-ipucu);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.wl-vitrin .wl-bar__cap.is-high[b-65ptf21jaf] { color: var(--marka-700); font-weight: 600; }

/* ── Bölüm ayrıntısı penceresi (native top layer) ── */
.wl-vitrin .wl-popup[b-65ptf21jaf] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.wl-vitrin .wl-popup[open][b-65ptf21jaf] { display: flex; flex-direction: column; }
.wl-vitrin .wl-popup[b-65ptf21jaf]::backdrop { background: var(--scrim); }

.wl-vitrin .wl-popup__bas[b-65ptf21jaf] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.wl-vitrin .wl-popup__baslik[b-65ptf21jaf] { min-width: 0; }

.wl-vitrin .wl-popup__bas h2[b-65ptf21jaf] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.wl-vitrin .wl-popup__bas h2:focus[b-65ptf21jaf] { outline: none; }

.wl-vitrin .wl-popup__ozet[b-65ptf21jaf] { margin: 4px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.4; }

.wl-vitrin .wl-popup__kapat[b-65ptf21jaf] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.wl-vitrin .wl-popup__govde[b-65ptf21jaf] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.wl-vitrin .wl-popup__bos[b-65ptf21jaf] { margin: 0; color: var(--metin-ipucu); font-size: 13px; }

.wl-vitrin .wl-popup__uyari[b-65ptf21jaf] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12.5px;
  line-height: 1.5;
}

.wl-vitrin .wl-popup__hata[b-65ptf21jaf] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 34%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 6%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12.5px;
  line-height: 1.5;
}

.wl-vitrin .wl-popup__hata p[b-65ptf21jaf] { margin: 0; }

.wl-vitrin .wl-kunye[b-65ptf21jaf] { display: flex; flex-direction: column; gap: 2px; margin: 0 0 14px; }

.wl-vitrin .wl-kunye > div[b-65ptf21jaf] {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.wl-vitrin .wl-kunye > div:nth-child(odd)[b-65ptf21jaf] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.wl-vitrin .wl-kunye dt[b-65ptf21jaf] { color: var(--metin-ipucu); }
.wl-vitrin .wl-kunye dd[b-65ptf21jaf] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .wl-vitrin .wl-kapak[b-65ptf21jaf] { padding: 16px; }
  .wl-vitrin .wl-ozet[b-65ptf21jaf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wl-vitrin .wl-ozet__kutu:nth-child(2n)[b-65ptf21jaf] { border-right: 0; }
  .wl-vitrin .wl-ozet__kutu:nth-child(-n+2)[b-65ptf21jaf] { border-bottom: 1px solid var(--hat-kart); }
  .wl-vitrin .wl-sekmeler[b-65ptf21jaf] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .wl-vitrin .wl-sekme[b-65ptf21jaf] { flex: 0 0 auto; min-height: 44px; }
  .wl-vitrin .au-btn[b-65ptf21jaf] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .wl-vitrin .wl-kapak[b-65ptf21jaf] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "filtre filtre"
      "eylem eylem";
    padding: 12px;
  }
  .wl-vitrin .au-title[b-65ptf21jaf] { font-size: var(--yazi-kapak, 20px); }
  .wl-vitrin .wl-kapak__eylem[b-65ptf21jaf] { justify-self: stretch; }
  .wl-vitrin .wl-kapak__eylem .au-btn[b-65ptf21jaf] { flex: 1 0 auto; }
  .wl-vitrin .wl-kapak__filtre[b-65ptf21jaf] { flex-direction: column; align-items: stretch; }
  /* Telefonda kap dikey akar; masaüstündeki `flex-basis: 176px` YÜKSEKLİK tabanına
     dönüşür ve `max-width: 210px` stretch'i ezer → alan sıfırlanır, tam genişlik alır. */
  .wl-vitrin .wl-kapak__filtre[b-65ptf21jaf]  .app-field { flex: 1 1 100%; max-width: none; }
  .wl-vitrin .wl-kapak__filtre[b-65ptf21jaf]  .edu-dropdown { min-width: 0; max-width: none; }
  .wl-vitrin .wl-kapak__filtre[b-65ptf21jaf]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .wl-vitrin .wl-ozet[b-65ptf21jaf] { grid-template-columns: minmax(0, 1fr); }
  .wl-vitrin .wl-ozet__kutu[b-65ptf21jaf] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .wl-vitrin .wl-ozet__kutu:last-child[b-65ptf21jaf] { border-bottom: 0; }
  .wl-vitrin .wl-ozet__deger[b-65ptf21jaf] { font-size: var(--yazi-kpi, 20px); }
  .wl-vitrin .wl-sekmeler[b-65ptf21jaf] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .wl-vitrin .wl-sekme[b-65ptf21jaf] { flex: 0 0 auto; min-height: 44px; }
  .wl-vitrin .wl-bolum[b-65ptf21jaf] { padding: 16px 12px; }
  .wl-vitrin .wl-bolum__baslik[b-65ptf21jaf] { font-size: var(--yazi-bolum, 14px); }
  .wl-vitrin .au-btn[b-65ptf21jaf], .wl-vitrin .au-btn--sm[b-65ptf21jaf] { min-height: 44px; }
  .wl-vitrin .wl-tablo th[b-65ptf21jaf], .wl-vitrin .wl-tablo td[b-65ptf21jaf] { padding-inline: 8px; }
  .wl-vitrin .wl-bar[b-65ptf21jaf] { width: 100px; }
  .wl-vitrin .wl-popup[b-65ptf21jaf] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .wl-vitrin .wl-popup__bas[b-65ptf21jaf], .wl-vitrin .wl-popup__govde[b-65ptf21jaf] { padding: 12px; }
  .wl-vitrin .wl-kunye > div[b-65ptf21jaf] { grid-template-columns: minmax(110px, 1fr) minmax(0, 1fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/Itiraz.razor.rz.scp.css */
/* İtirazlar — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey, bölüm sekmeleri,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve
   !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   NOT: `.wrap` bileşen dışıdır — scoped CSS ona ulaşamaz. */

.it-vitrin[b-k85vn37p0m] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtre + ana eylemler aynı beyaz yüzeyde ── */
.it-vitrin .it-kapak[b-k85vn37p0m] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu: 30 px genişlik, kontrol taban çizgisiyle aynı 34 px yükseklik. Ortak
   `.au-breadcrumb--dugme` hâlâ eski dili (30×30, 9 px köşe, --n-300/--muted) veriyor;
   yeni dilin kesik sol üst köşesine ve token'larına sayfa kapsamında hizalanır. */
.it-vitrin .au-breadcrumb--dugme[b-k85vn37p0m] {
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.it-vitrin .au-breadcrumb--dugme:hover[b-k85vn37p0m] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
}

.it-vitrin .au-breadcrumb--dugme:focus-visible[b-k85vn37p0m] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.it-vitrin .it-kapak__baslik[b-k85vn37p0m] { min-width: 0; flex: 1 1 240px; align-self: center; }

.it-vitrin .au-title[b-k85vn37p0m] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.it-vitrin .it-kapak__alt[b-k85vn37p0m] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.it-vitrin .it-kapak__filtre[b-k85vn37p0m] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  flex: 1 1 420px;
}

.it-vitrin .it-kapak__filtre[b-k85vn37p0m]  .app-field { min-width: 176px; flex: 1 1 210px; }
.it-vitrin .it-kapak__filtre[b-k85vn37p0m]  .edu-dropdown { min-width: 176px; max-width: 210px; }
.it-vitrin .it-kapak__filtre[b-k85vn37p0m]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

.it-vitrin .it-kapak__eylem[b-k85vn37p0m] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.it-vitrin .au-btn[b-k85vn37p0m] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.it-vitrin .au-btn:hover:not(:disabled)[b-k85vn37p0m] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.it-vitrin .au-btn:disabled[b-k85vn37p0m] { opacity: .55; cursor: not-allowed; }

.it-vitrin .au-btn--primary[b-k85vn37p0m] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.it-vitrin .au-btn--primary:hover:not(:disabled)[b-k85vn37p0m] { background: var(--marka-500); border-color: var(--marka-500); }

/* Yıkıcı eylem (Reddet / İtirazı reddet): global `.au-btn--danger` (0,1,0) yukarıdaki
   kapsamlı `.au-btn` kuralının (scoped 0,3,0) ALTINDA kalıyor — aynı kapsamda yeniden
   kurulmazsa red düğmesi nötr görünür ve yıkıcı eylem ayırt edilemez.
   Yeni hex yok; mevcut kırmızı token'lar. */
.it-vitrin .au-btn--danger[b-k85vn37p0m] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}

.it-vitrin .au-btn--danger:hover:not(:disabled)[b-k85vn37p0m] {
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
}

.it-vitrin .au-btn--sm[b-k85vn37p0m] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.it-vitrin .au-btn:focus-visible[b-k85vn37p0m],
.it-vitrin .it-sekme:focus-visible[b-k85vn37p0m],
.it-vitrin .it-bolum:focus-visible[b-k85vn37p0m] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Kısayol `outline` yukarıda rengi sıfırladığı için red düğmesinin odak rengi SONRA gelir. */
.it-vitrin .au-btn--danger:focus-visible[b-k85vn37p0m] { outline-color: var(--red-600); }

/* ── Bölüm sekmeleri (persona) ── */
.it-vitrin .it-sekmeler[b-k85vn37p0m] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.it-vitrin .it-sekme[b-k85vn37p0m] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.it-vitrin .it-sekme:hover[b-k85vn37p0m] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.it-vitrin .it-sekme[aria-selected="true"][b-k85vn37p0m] {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* ── Bölüm kartı ── */
.it-vitrin .it-bolum[b-k85vn37p0m] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.it-vitrin .it-bolum[b-k85vn37p0m]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.it-vitrin .it-bolum__baslik[b-k85vn37p0m] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.it-vitrin .it-bolum__baslik[b-k85vn37p0m]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.it-vitrin .it-bolum__alt[b-k85vn37p0m] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.it-vitrin .it-bos[b-k85vn37p0m] {
  margin: 0;
  padding: 28px 12px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Tablolar: sınırlı alanda kayar, başlık ve ilk sütun sabit ── */
.it-vitrin .it-tablo-kap[b-k85vn37p0m] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.it-vitrin .it-tablo[b-k85vn37p0m] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
}

.it-vitrin .it-tablo thead[b-k85vn37p0m] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.it-vitrin .it-tablo thead th[b-k85vn37p0m] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

/* Gövde mürekkep rengindedir (akademik-analiz.md "Tablo görünümü": gövde 13 px,
   `--anv-murekkep`); kardeş planlama sayfaları da böyle. */
.it-vitrin .it-tablo tbody th[b-k85vn37p0m],
.it-vitrin .it-tablo tbody td[b-k85vn37p0m] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  text-align: start;
  vertical-align: middle;
}

.it-vitrin .it-tablo tbody tr:nth-child(even) th[b-k85vn37p0m],
.it-vitrin .it-tablo tbody tr:nth-child(even) td[b-k85vn37p0m] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk sütun yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.it-vitrin .it-tablo thead th:first-child[b-k85vn37p0m],
.it-vitrin .it-tablo tbody th:first-child[b-k85vn37p0m] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.it-vitrin .it-tablo thead th:first-child[b-k85vn37p0m] { z-index: 5; background: var(--marka-600); }

.it-vitrin .it-tablo tbody th.it-ad[b-k85vn37p0m] {
  background: var(--yuzey);
  font-weight: 600;
  min-width: 140px;
}

.it-vitrin .it-tablo tbody tr:nth-child(even) th.it-ad[b-k85vn37p0m] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Sütun kuralları tablo kapsamında yazılır: `.it-vitrin .it-sayi` (0,2,0) yukarıdaki
   gövde kuralının (0,2,2) altında kalıyor ve `text-align: end` hiç uygulanmıyordu
   (PlanlamaMerkezi'ndeki `.pm-tablo .pm-sayi` deseni). */
.it-vitrin .it-tablo .it-sayi[b-k85vn37p0m] { text-align: end; font-variant-numeric: tabular-nums; }
.it-vitrin .it-zaman[b-k85vn37p0m] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.it-vitrin .it-gerekce[b-k85vn37p0m] { min-width: 200px; max-width: 360px; }

/* İşlem sütunu bir <td>'dir: `display:flex` hücreyi tablo düzeninden çıkarır (tarayıcı
   anonim hücre üretir) ve yapışık başlık/ilk sütunla birlikte sütun hizası kayar.
   Kardeş sayfalardaki desen kullanılır (`.tt-islem`, `.dg-ayrinti-hucre`). */
.it-vitrin .it-tablo .it-islem[b-k85vn37p0m] {
  text-align: end;
  white-space: nowrap;
}

.it-vitrin .it-islem .au-btn + .au-btn[b-k85vn37p0m] { margin-inline-start: 6px; }

.it-vitrin .it-yok[b-k85vn37p0m] { color: var(--metin-ipucu); }

.it-vitrin .it-tablo .au-status + .au-status[b-k85vn37p0m] { margin-inline-start: 6px; }

.it-vitrin .it-gizli[b-k85vn37p0m] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── İtiraz / çözüm penceresi (native top layer) ── */
.it-vitrin .it-popup[b-k85vn37p0m] {
  width: min(600px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.it-vitrin .it-popup[open][b-k85vn37p0m] { display: flex; flex-direction: column; }
.it-vitrin .it-popup[b-k85vn37p0m]::backdrop { background: var(--scrim); }

.it-vitrin .it-popup__bas[b-k85vn37p0m] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.it-vitrin .it-popup__bas h2[b-k85vn37p0m] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.it-vitrin .it-popup__bas h2:focus[b-k85vn37p0m] { outline: none; }

.it-vitrin .it-popup__kapat[b-k85vn37p0m] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.it-vitrin .it-popup__govde[b-k85vn37p0m] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.it-vitrin .it-popup__altbaslik[b-k85vn37p0m] {
  margin: 4px 0 0;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.it-vitrin .it-popup__not[b-k85vn37p0m] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.it-vitrin .it-kunye[b-k85vn37p0m] {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.it-vitrin .it-kunye__satir[b-k85vn37p0m] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.it-vitrin .it-kunye dt[b-k85vn37p0m] {
  flex: 0 0 150px;
  color: var(--metin-ipucu);
  font-size: 12px;
  font-weight: 600;
}

.it-vitrin .it-kunye dd[b-k85vn37p0m] {
  flex: 1 1 200px;
  margin: 0;
  min-width: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.it-vitrin .it-popup__eylem[b-k85vn37p0m] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .it-vitrin .it-kapak[b-k85vn37p0m] { padding: 16px; }
  .it-vitrin .au-breadcrumb--dugme[b-k85vn37p0m] { flex-basis: 44px; width: 44px; height: 44px; }
  .it-vitrin .au-btn[b-k85vn37p0m] { min-height: 44px; }
  .it-vitrin .au-btn--sm[b-k85vn37p0m] { min-height: 44px; }
  .it-vitrin .it-kapak__eylem[b-k85vn37p0m] { margin-inline-start: 0; }
  .it-vitrin .it-sekmeler[b-k85vn37p0m] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .it-vitrin .it-sekme[b-k85vn37p0m] { flex: 0 0 auto; min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .it-vitrin .it-kapak[b-k85vn37p0m] { padding: 12px; }
  .it-vitrin .au-breadcrumb--dugme[b-k85vn37p0m] { flex-basis: 44px; width: 44px; height: 44px; }
  .it-vitrin .au-title[b-k85vn37p0m] { font-size: var(--yazi-kapak, 20px); }
  .it-vitrin .it-kapak__filtre[b-k85vn37p0m] { flex-direction: column; align-items: stretch; flex-basis: 100%; }
  .it-vitrin .it-kapak__filtre[b-k85vn37p0m]  .edu-dropdown { min-width: 0; max-width: none; }
  .it-vitrin .it-kapak__filtre[b-k85vn37p0m]  .app-field { min-width: 0; }
  .it-vitrin .it-kapak__filtre[b-k85vn37p0m]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .it-vitrin .it-kapak__eylem[b-k85vn37p0m] { margin-inline-start: 0; width: 100%; }
  .it-vitrin .it-kapak__eylem .au-btn[b-k85vn37p0m] { flex: 1 1 auto; min-height: 44px; }
  .it-vitrin .it-sekmeler[b-k85vn37p0m] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .it-vitrin .it-sekme[b-k85vn37p0m] { flex: 0 0 auto; min-height: 44px; }
  .it-vitrin .it-bolum[b-k85vn37p0m] { padding: 16px 12px; }
  .it-vitrin .it-bolum__baslik[b-k85vn37p0m] { font-size: var(--yazi-bolum, 14px); }
  .it-vitrin .it-tablo thead th[b-k85vn37p0m],
  .it-vitrin .it-tablo tbody th[b-k85vn37p0m],
  .it-vitrin .it-tablo tbody td[b-k85vn37p0m] { padding-inline: 8px; }
  .it-vitrin .au-btn--sm[b-k85vn37p0m] { min-height: 44px; }
  .it-vitrin .it-tablo .it-islem[b-k85vn37p0m] { text-align: start; }
  .it-vitrin .it-popup[b-k85vn37p0m] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .it-vitrin .it-popup__bas[b-k85vn37p0m],
  .it-vitrin .it-popup__govde[b-k85vn37p0m],
  .it-vitrin .it-popup__eylem[b-k85vn37p0m] { padding: 12px; }
  .it-vitrin .it-popup[b-k85vn37p0m]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .it-vitrin .it-kunye dt[b-k85vn37p0m] { flex-basis: 100%; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/KisitDetay.razor.rz.scp.css */
/* Kısıt detayı — Akademik Analiz görsel dili (kapak 23 px, künye kartı, rampa tablo, popup).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; renkler yalnız token. */

.au-page.kd-vitrin[b-yepup5hdt2] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.kd-vitrin .kd-kapak[b-yepup5hdt2] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.kd-vitrin .kd-kapak__geri[b-yepup5hdt2] { grid-area: geri; display: flex; align-items: center; align-self: start; padding-top: 4px; }
.kd-vitrin .kd-kapak__baslik[b-yepup5hdt2] { grid-area: baslik; min-width: 0; }
.kd-vitrin .kd-kapak__eylem[b-yepup5hdt2] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.kd-vitrin .kd-kapak .au-title[b-yepup5hdt2] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.kd-vitrin .kd-kapak__alt[b-yepup5hdt2] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 7px 0 0; }
.kd-vitrin .kd-anahtar[b-yepup5hdt2] { color: var(--metin-ipucu); font-size: 11.5px; overflow-wrap: anywhere; unicode-bidi: isolate; }

.kd-vitrin .kd-uyari[b-yepup5hdt2] { margin-bottom: 16px; }

/* ── Düğmeler ── */
.kd-vitrin .au-btn[b-yepup5hdt2],
.kd-vitrin[b-yepup5hdt2]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.kd-vitrin .au-btn:hover:not(:disabled)[b-yepup5hdt2] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.kd-vitrin .au-btn--primary[b-yepup5hdt2] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.kd-vitrin .au-btn--primary:hover:not(:disabled)[b-yepup5hdt2] { background: var(--marka-500); border-color: var(--marka-500); }
.kd-vitrin .au-btn--danger[b-yepup5hdt2] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}
.kd-vitrin .au-btn--danger:hover:not(:disabled)[b-yepup5hdt2] {
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
}
.kd-vitrin .au-btn:disabled[b-yepup5hdt2] { opacity: .55; cursor: not-allowed; }
.kd-vitrin :is(.au-btn, .kd-tablo-kap):focus-visible[b-yepup5hdt2] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.kd-vitrin .kd-bolum[b-yepup5hdt2],
.kd-vitrin[b-yepup5hdt2]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.kd-vitrin .kd-bolum[b-yepup5hdt2]::before,
.kd-vitrin[b-yepup5hdt2]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}
.kd-vitrin .kd-bolum__ust[b-yepup5hdt2] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}
.kd-vitrin .kd-bolum__baslik[b-yepup5hdt2] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.kd-vitrin .kd-bolum__baslik[b-yepup5hdt2]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.kd-vitrin .kd-bolum__ipucu[b-yepup5hdt2] { margin: 0; color: var(--metin-ipucu); font-size: 12px; }
.kd-vitrin .kd-bolum--bos[b-yepup5hdt2] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 20px; text-align: center; }
.kd-vitrin .kd-bos__metin[b-yepup5hdt2] { margin: 0; max-width: 46ch; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Künye ── */
.kd-vitrin .kd-kunye[b-yepup5hdt2] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.kd-vitrin .kd-kunye > div[b-yepup5hdt2] {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.kd-vitrin .kd-kunye > div:nth-child(odd)[b-yepup5hdt2] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kd-vitrin .kd-kunye dt[b-yepup5hdt2] { color: var(--metin-ipucu); }
.kd-vitrin .kd-kunye dd[b-yepup5hdt2] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.kd-vitrin .kd-kunye code[b-yepup5hdt2] { color: var(--marka-700); font-size: 12px; unicode-bidi: isolate; }
.kd-vitrin .kd-yok[b-yepup5hdt2] { color: var(--metin-ipucu); }
.kd-vitrin .kd-yok--blok[b-yepup5hdt2] { margin: 0; font-size: 13px; line-height: 1.6; }

/* ── Tablo ── */
.kd-vitrin .kd-tablo-kap[b-yepup5hdt2] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.kd-vitrin .kd-tablo[b-yepup5hdt2] { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--yuzey); }
.kd-vitrin .kd-gizli[b-yepup5hdt2] {
  position: absolute;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.kd-vitrin .kd-tablo thead th[b-yepup5hdt2] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.kd-vitrin .kd-tablo tbody :is(th, td)[b-yepup5hdt2] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: top;
}
.kd-vitrin .kd-tablo tbody tr:nth-child(even) :is(th, td)[b-yepup5hdt2] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kd-vitrin .kd-tablo tbody tr:last-child :is(th, td)[b-yepup5hdt2] { border-bottom: 0; }
.kd-vitrin .kd-s-ad[b-yepup5hdt2] { min-width: 180px; }
.kd-vitrin .kd-param-ad[b-yepup5hdt2] { display: block; color: var(--marka-700); font-weight: 700; overflow-wrap: anywhere; }

/* ── Popup ── */
.kd-vitrin .kd-popup[b-yepup5hdt2] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.kd-vitrin .kd-popup--dar[b-yepup5hdt2] { width: min(480px, calc(100vw - 48px)); }
.kd-vitrin .kd-popup[open][b-yepup5hdt2] { display: flex; flex-direction: column; }
.kd-vitrin .kd-popup[b-yepup5hdt2]::backdrop { background: var(--scrim); }
.kd-vitrin .kd-popup__ust[b-yepup5hdt2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.kd-vitrin .kd-popup__ust h2[b-yepup5hdt2] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.kd-vitrin .kd-popup__ust h2:focus[b-yepup5hdt2] { outline: none; }
.kd-vitrin .kd-popup__kapat[b-yepup5hdt2] { display: grid; place-items: center; flex: 0 0 auto; width: 34px; min-width: 34px; padding: 0; font-size: 22px; line-height: 1; }
.kd-vitrin .kd-popup__govde[b-yepup5hdt2] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.kd-vitrin .kd-popup__govde .au-banner[b-yepup5hdt2] { margin-bottom: 12px; }
.kd-vitrin .kd-popup__soru[b-yepup5hdt2] { margin: 0; color: var(--metin-ikincil); }
.kd-vitrin .kd-popup__eylem[b-yepup5hdt2] { display: flex; justify-content: flex-end; gap: 8px; flex: 0 0 auto; padding: 14px 18px; border-top: 1px solid var(--hat-kart); }

.kd-vitrin .kd-form[b-yepup5hdt2] { display: flex; flex-direction: column; gap: 14px; }
.kd-vitrin .kd-form-grid[b-yepup5hdt2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.kd-vitrin .kd-alan[b-yepup5hdt2] { display: flex; flex-direction: column; gap: 6px; }
.kd-vitrin .kd-alan__baslik[b-yepup5hdt2] { margin: 0; color: var(--metin-ikincil); font: 700 12px/1.4 var(--font-body); letter-spacing: .03em; text-transform: uppercase; }
.kd-vitrin .kd-alan__ipucu[b-yepup5hdt2] { margin: 0; color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.5; }

.kd-vitrin .kd-popup[b-yepup5hdt2]  .app-field__label { font-size: 12px; font-weight: 700; color: var(--metin-ikincil); }
/* AppSelect/AppTextField/AppNumberField/AppKeyValueEditor hepsi .app-input çıkarır. */
.kd-vitrin .kd-popup[b-yepup5hdt2]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}
/* Seçenek listesi pencerenin kaydırılan gövdesinde kalır, alt kenarda KIRPILMAZ.
   AppSelect.razor.css tabanı `position:absolute` — .kd-popup'ın overflow:hidden'ı
   ve gövdenin overflow:auto'su onu kesiyordu. Aynı düzeltme onaylı referansta da var:
   wwwroot/css/optik-vitrin.css → `.optik-popup .app-sel__panel`. */
.kd-vitrin .kd-popup[b-yepup5hdt2]  .app-sel__panel {
  position: relative;
  inset: auto;
  margin-top: 6px;
  max-height: 220px;
}

/* ── CİHAZ ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kd-vitrin .kd-kapak[b-yepup5hdt2] { padding: 16px; }
  .kd-vitrin .au-btn[b-yepup5hdt2], .kd-vitrin[b-yepup5hdt2]  .au-btn { min-height: 44px; }
  .kd-vitrin .kd-popup__kapat[b-yepup5hdt2] { width: 44px; min-width: 44px; height: 44px; font-size: 24px; }
  .kd-vitrin .kd-popup[b-yepup5hdt2]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .kd-vitrin .kd-s-ad[b-yepup5hdt2] { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--yuzey); }
  .kd-vitrin .kd-tablo tbody tr:nth-child(even) .kd-s-ad[b-yepup5hdt2] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .kd-vitrin .kd-tablo thead .kd-s-ad[b-yepup5hdt2] { z-index: 3; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kd-vitrin .kd-kapak[b-yepup5hdt2] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    padding: 12px;
  }
  .kd-vitrin .kd-kapak .au-title[b-yepup5hdt2] { font-size: var(--yazi-kapak, 20px); }
  .kd-vitrin .kd-kapak__eylem[b-yepup5hdt2] { width: 100%; }
  .kd-vitrin .kd-kapak__eylem .au-btn[b-yepup5hdt2] { flex: 1; justify-content: center; }
  .kd-vitrin .kd-bolum[b-yepup5hdt2] { padding: 16px 12px; }
  .kd-vitrin .kd-bolum__baslik[b-yepup5hdt2] { font-size: var(--yazi-bolum, 14px); }
  .kd-vitrin .kd-kunye > div[b-yepup5hdt2] { grid-template-columns: minmax(96px, 1fr) minmax(0, 1.5fr); gap: 8px; padding: 10px 6px; }
  .kd-vitrin .kd-s-ad[b-yepup5hdt2] { min-width: 140px; }
  .kd-vitrin .kd-popup[b-yepup5hdt2] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .kd-vitrin .kd-popup__ust[b-yepup5hdt2],
  .kd-vitrin .kd-popup__govde[b-yepup5hdt2],
  .kd-vitrin .kd-popup__eylem[b-yepup5hdt2] { padding: 12px; }
  .kd-vitrin .kd-popup__eylem .au-btn[b-yepup5hdt2] { flex: 1 1 auto; justify-content: center; }
  .kd-vitrin .kd-form-grid[b-yepup5hdt2] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/KisitKatalogu.razor.rz.scp.css */
/* Kısıt kataloğu — Akademik Analiz görsel dili (kapak 23 px, rampa tablo başlığı, native popup).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; renkler yalnız token.
   Kapsam sayfaya özel: ortak planlama.css / wwwroot vitrin dosyaları değişmedi. */

.au-page.kk-vitrin[b-2ec04mxpdx] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.kk-vitrin .kk-kapak[b-2ec04mxpdx] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem" "filtre filtre filtre";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.kk-vitrin .kk-kapak__geri[b-2ec04mxpdx] { grid-area: geri; display: flex; align-items: center; }
.kk-vitrin .kk-kapak__baslik[b-2ec04mxpdx] { grid-area: baslik; min-width: 0; height: 34px; display: flex; align-items: center; }
.kk-vitrin .kk-kapak__filtre[b-2ec04mxpdx] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}
.kk-vitrin .kk-kapak__eylem[b-2ec04mxpdx] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.kk-vitrin .kk-kapak .au-title[b-2ec04mxpdx] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

/* Süzgeç alanları: 176 px esas, 210 px üst sınır (referans ölçüsü). */
.kk-vitrin .kk-kapak__filtre[b-2ec04mxpdx]  .app-field { flex: 0 1 176px; min-width: 0; max-width: 210px; margin: 0; }
.kk-vitrin .kk-kapak__filtre[b-2ec04mxpdx]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
/* AppSelect düğmesi de `.app-input` sınıfını taşır (AppSelect.razor) — tek seçici yeter. */
.kk-vitrin .kk-kapak__filtre[b-2ec04mxpdx]  .app-input {
  min-height: 34px;
  /* Paylaşılan AppField.razor.css `height: 46px` veriyor; `min-height` onu ezmez,
     açık `height` gerekir — yoksa açılır kutular 34px'lik `au-btn` yanında 46px çizilir. */
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

/* ── Düğmeler: 34 px taban, kesik sol üst köşe ── */
.kk-vitrin .au-btn[b-2ec04mxpdx],
.kk-vitrin[b-2ec04mxpdx]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.kk-vitrin .au-btn:hover:not(:disabled)[b-2ec04mxpdx] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.kk-vitrin .au-btn--primary[b-2ec04mxpdx] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.kk-vitrin .au-btn--primary:hover:not(:disabled)[b-2ec04mxpdx] { background: var(--marka-500); border-color: var(--marka-500); }
.kk-vitrin .au-btn--danger[b-2ec04mxpdx] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}
.kk-vitrin .au-btn--danger:hover:not(:disabled)[b-2ec04mxpdx] {
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
}
.kk-vitrin .au-btn--sm[b-2ec04mxpdx] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.kk-vitrin .au-btn:disabled[b-2ec04mxpdx] { opacity: .55; cursor: not-allowed; }
.kk-vitrin :is(.au-btn, .kk-ad, .kk-tablo-kap):focus-visible[b-2ec04mxpdx] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı: 5 px marka şeridi, 18 px dolgu ── */
.kk-vitrin .kk-bolum[b-2ec04mxpdx],
.kk-vitrin[b-2ec04mxpdx]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.kk-vitrin .kk-bolum[b-2ec04mxpdx]::before,
.kk-vitrin[b-2ec04mxpdx]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}
.kk-vitrin .kk-bolum__ust[b-2ec04mxpdx] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}
.kk-vitrin .kk-bolum__baslik[b-2ec04mxpdx] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.kk-vitrin .kk-bolum__baslik[b-2ec04mxpdx]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.kk-vitrin .kk-bolum__ipucu[b-2ec04mxpdx] { margin: 0; color: var(--metin-ipucu); font-size: 12px; }
.kk-vitrin .kk-uyari[b-2ec04mxpdx] { display: block; margin-top: 2px; color: var(--metin-ikincil); }

.kk-vitrin .kk-bolum--bos[b-2ec04mxpdx] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 20px; text-align: center; }
.kk-vitrin .kk-bos__metin[b-2ec04mxpdx] { margin: 0; max-width: 46ch; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Tablo: rampa başlık, beyaz gövde, kendi alanında kayar ── */
.kk-vitrin .kk-tablo-kap[b-2ec04mxpdx] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.kk-vitrin .kk-tablo[b-2ec04mxpdx] { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--yuzey); }
.kk-vitrin .kk-gizli[b-2ec04mxpdx] {
  position: absolute;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.kk-vitrin .kk-tablo thead th[b-2ec04mxpdx] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.kk-vitrin .kk-tablo tbody :is(th, td)[b-2ec04mxpdx] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: top;
}
.kk-vitrin .kk-tablo tbody tr:nth-child(even) :is(th, td)[b-2ec04mxpdx] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kk-vitrin .kk-tablo tbody tr:last-child :is(th, td)[b-2ec04mxpdx] { border-bottom: 0; }
.kk-vitrin .kk-tablo tbody tr:hover :is(th, td)[b-2ec04mxpdx] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.kk-vitrin .kk-s-sayi[b-2ec04mxpdx] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.kk-vitrin .kk-s-islem[b-2ec04mxpdx] { width: 1%; white-space: nowrap; }
.kk-vitrin .kk-s-ad[b-2ec04mxpdx] { min-width: 200px; }

.kk-vitrin .kk-ad[b-2ec04mxpdx] { display: block; color: var(--marka-700); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.kk-vitrin .kk-ad:hover[b-2ec04mxpdx] { text-decoration: underline; }
.kk-vitrin .kk-anahtar[b-2ec04mxpdx],
.kk-vitrin .kk-hedef[b-2ec04mxpdx] { display: block; margin-top: 2px; color: var(--metin-ipucu); font-size: 11.5px; overflow-wrap: anywhere; unicode-bidi: isolate; }
.kk-vitrin .kk-kapsam[b-2ec04mxpdx] { display: block; }
.kk-vitrin .kk-yok[b-2ec04mxpdx] { color: var(--metin-ipucu); }
.kk-vitrin .kk-parametreler[b-2ec04mxpdx] { display: flex; flex-wrap: wrap; gap: 4px; max-width: 280px; }
.kk-vitrin .kk-parametreler .sk-chip[b-2ec04mxpdx] { font-size: 11.5px; padding: 2px 8px; }
.kk-vitrin .kk-islemler[b-2ec04mxpdx] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

/* ── Görünür popup: native dialog, top layer ── */
.kk-vitrin .kk-popup[b-2ec04mxpdx] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.kk-vitrin .kk-popup[open][b-2ec04mxpdx] { display: flex; flex-direction: column; }
.kk-vitrin .kk-popup[b-2ec04mxpdx]::backdrop { background: var(--scrim); }
.kk-vitrin .kk-popup__ust[b-2ec04mxpdx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.kk-vitrin .kk-popup__ust h2[b-2ec04mxpdx] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.kk-vitrin .kk-popup__ust h2:focus[b-2ec04mxpdx] { outline: none; }
.kk-vitrin .kk-popup__kapat[b-2ec04mxpdx] { display: grid; place-items: center; flex: 0 0 auto; width: 34px; min-width: 34px; padding: 0; font-size: 22px; line-height: 1; }
.kk-vitrin .kk-popup__govde[b-2ec04mxpdx] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.kk-vitrin .kk-popup__soru[b-2ec04mxpdx] { margin: 0 0 12px; color: var(--metin-ikincil); }
.kk-vitrin .kk-popup__govde .au-banner[b-2ec04mxpdx] { margin-bottom: 12px; }
.kk-vitrin .kk-popup__eylem[b-2ec04mxpdx] { display: flex; justify-content: flex-end; gap: 8px; flex: 0 0 auto; padding: 14px 18px; border-top: 1px solid var(--hat-kart); }
.kk-vitrin .kk-kunye[b-2ec04mxpdx] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.kk-vitrin .kk-kunye > div[b-2ec04mxpdx] { display: grid; grid-template-columns: minmax(90px, 1fr) minmax(0, 2fr); gap: 12px; align-items: baseline; padding: 8px 10px; }
.kk-vitrin .kk-kunye > div:nth-child(odd)[b-2ec04mxpdx] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kk-vitrin .kk-kunye dt[b-2ec04mxpdx] { color: var(--metin-ipucu); }
.kk-vitrin .kk-kunye dd[b-2ec04mxpdx] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── CİHAZ (tablet + telefon): dokunma hedefi ≥44, girdi ≥16 px ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kk-vitrin .kk-kapak[b-2ec04mxpdx] { padding: 16px; }
  .kk-vitrin .au-btn[b-2ec04mxpdx], .kk-vitrin[b-2ec04mxpdx]  .au-btn { min-height: 44px; }
  .kk-vitrin .au-btn--sm[b-2ec04mxpdx] { min-height: 44px; }
  .kk-vitrin .kk-popup__kapat[b-2ec04mxpdx] { width: 44px; min-width: 44px; height: 44px; font-size: 24px; }
  /* Masaüstü kuralı artık açık `height: 34px` veriyor; cihazda dokunma hedefini
     `min-height` kırpmasına bırakmadan açıkça 44px'e yükseltiyoruz. */
  .kk-vitrin .kk-kapak__filtre[b-2ec04mxpdx]  .app-input { min-height: 44px; height: 44px; font-size: max(16px, 1rem); }
  .kk-vitrin .kk-s-ad[b-2ec04mxpdx] { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--yuzey); }
  .kk-vitrin .kk-tablo tbody tr:nth-child(even) .kk-s-ad[b-2ec04mxpdx] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .kk-vitrin .kk-tablo thead .kk-s-ad[b-2ec04mxpdx] { z-index: 3; }
}

/* ── TELEFON: tek sütun, süzgeç ve eylem başlığın altında ── */
@media (max-width: 640px) {
  .kk-vitrin .kk-kapak[b-2ec04mxpdx] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "filtre filtre" "eylem eylem";
    padding: 12px;
  }
  .kk-vitrin .kk-kapak .au-title[b-2ec04mxpdx] { font-size: var(--yazi-kapak, 20px); }
  .kk-vitrin .kk-kapak__baslik[b-2ec04mxpdx] { height: auto; }
  .kk-vitrin .kk-kapak__filtre[b-2ec04mxpdx]  .app-field { flex: 1 1 100%; max-width: none; }
  .kk-vitrin .kk-kapak__eylem[b-2ec04mxpdx] { width: 100%; }
  .kk-vitrin .kk-kapak__eylem .au-btn[b-2ec04mxpdx] { flex: 1; justify-content: center; }
  .kk-vitrin .kk-bolum[b-2ec04mxpdx] { padding: 16px 12px; }
  .kk-vitrin .kk-bolum__baslik[b-2ec04mxpdx] { font-size: var(--yazi-bolum, 14px); }
  .kk-vitrin .kk-s-ad[b-2ec04mxpdx] { min-width: 150px; }
  .kk-vitrin .kk-parametreler[b-2ec04mxpdx] { max-width: 190px; }
  .kk-vitrin .kk-popup[b-2ec04mxpdx] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .kk-vitrin .kk-popup__ust[b-2ec04mxpdx],
  .kk-vitrin .kk-popup__govde[b-2ec04mxpdx],
  .kk-vitrin .kk-popup__eylem[b-2ec04mxpdx] { padding: 12px; }
  .kk-vitrin .kk-popup__eylem .au-btn[b-2ec04mxpdx] { flex: 1 1 auto; justify-content: center; }
  .kk-vitrin .kk-kunye > div[b-2ec04mxpdx] { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 8px 6px; }
}

/* ── Geniş masaüstü: başlık solda, süzgeç + eylem sağ kenarda tek satır ──
   Referans (akademik-analiz.md) bu düzeni ≥1540 px + hover:hover + pointer:fine ile verir. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .kk-vitrin .kk-kapak[b-2ec04mxpdx] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }
  /* `end` shrink-to-fit ölçtürür; Chromium sarmalı flex kabın max-content'ini
     çocukların İÇERİK genişliğinden hesaplar, `flex: 0 1 176px` tabanını saymaz →
     kap daralır, süzgeçler alt alta yığılır. Kap hücreyi kaplasın, sağa yaslamayı
     flex satırı yapsın. */
  .kk-vitrin .kk-kapak__filtre[b-2ec04mxpdx] { justify-self: stretch; justify-content: flex-end; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/KisitOlustur.razor.rz.scp.css */
/* Yeni kısıt sihirbazı — Akademik Analiz görsel dili (kapak 23 px, bölüm kartı, token renkler).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md.
   Sihirbaz kendi adım kartında kalır: az kaydırma ilkesi zaten adım adım karşılanıyor. */

.au-page.ko-vitrin[b-m48nfepi4e] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.ko-vitrin .ko-kapak[b-m48nfepi4e] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.ko-vitrin .ko-kapak__geri[b-m48nfepi4e] { grid-area: geri; display: flex; align-items: center; align-self: start; padding-top: 4px; }
.ko-vitrin .ko-kapak__baslik[b-m48nfepi4e] { grid-area: baslik; min-width: 0; }
.ko-vitrin .ko-kapak .au-title[b-m48nfepi4e] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.ko-vitrin .ko-kapak__alt[b-m48nfepi4e] { margin: 6px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

/* ── Bölüm kartı (sihirbazın kabı) ──
   DataStates paneli de aynı ölçüleri alır (yükleniyor / hata / yetkisiz). */
.ko-vitrin .ko-bolum[b-m48nfepi4e],
.ko-vitrin[b-m48nfepi4e]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.ko-vitrin .ko-bolum[b-m48nfepi4e]::before,
.ko-vitrin[b-m48nfepi4e]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

/* ── Ön koşul eksik (dönem ya da kısıt tipi yok) ── */
.ko-vitrin .ko-bolum--bos[b-m48nfepi4e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}
.ko-vitrin .ko-bos__baslik[b-m48nfepi4e] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.ko-vitrin .ko-bos__metin[b-m48nfepi4e] { margin: 0; max-width: 46ch; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Düğmeler: sihirbaz düğmeleriyle aynı taban ── */
.ko-vitrin .au-btn[b-m48nfepi4e],
.ko-vitrin[b-m48nfepi4e]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}
.ko-vitrin .au-btn--primary[b-m48nfepi4e] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.ko-vitrin .au-btn--primary:hover[b-m48nfepi4e] { background: var(--marka-500); border-color: var(--marka-500); }
.ko-vitrin .au-btn:focus-visible[b-m48nfepi4e] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Sihirbaz kendi kart/gölgesini bırakır; kap zaten bölüm kartıdır. */
.ko-vitrin[b-m48nfepi4e]  .app-wizard { padding: 0; border: 0; background: none; box-shadow: none; }
.ko-vitrin[b-m48nfepi4e]  .app-wizard::before { display: none; }
.ko-vitrin[b-m48nfepi4e]  .wiz-kart { border: 0; background: none; box-shadow: none; padding: 0; }
.ko-vitrin[b-m48nfepi4e]  .wiz-title { font: 700 15px/1.4 var(--font-display); letter-spacing: -.012em; color: var(--metin-murekkep); }
.ko-vitrin[b-m48nfepi4e]  .wiz-count { color: var(--metin-ipucu); font-size: 12px; }
.ko-vitrin[b-m48nfepi4e]  .wiz-step-ind__label { font-size: 12.5px; }
.ko-vitrin[b-m48nfepi4e]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.ko-vitrin[b-m48nfepi4e]  .wiz-btn--primary { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.ko-vitrin[b-m48nfepi4e]  .wiz-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Form ── */
.ko-vitrin .ko-form[b-m48nfepi4e] { display: flex; flex-direction: column; gap: 14px; }
.ko-vitrin .ko-form-grid[b-m48nfepi4e] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.ko-vitrin .ko-alan[b-m48nfepi4e] { display: flex; flex-direction: column; gap: 6px; }
.ko-vitrin .ko-alan__baslik[b-m48nfepi4e] { margin: 0; color: var(--metin-ikincil); font: 700 12px/1.4 var(--font-body); letter-spacing: .03em; text-transform: uppercase; }
.ko-vitrin .ko-alan__ipucu[b-m48nfepi4e] { margin: 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

/* AppSelect düğmesi de `.app-input` taşır (AppSelect.razor) — ayrı .app-sel__btn seçicisi
   bu uygulamada hiçbir öğeyi eşlemiyordu. */
.ko-vitrin[b-m48nfepi4e]  .app-field__label { font-size: 12px; font-weight: 700; color: var(--metin-ikincil); }
.ko-vitrin[b-m48nfepi4e]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── Seçilen tipin künyesi ── */
.ko-vitrin .ko-tip[b-m48nfepi4e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.ko-vitrin .ko-tip__rozetler[b-m48nfepi4e] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ko-vitrin .ko-tip__rozetler .sk-chip[b-m48nfepi4e] { font-size: 11.5px; padding: 2px 8px; }
.ko-vitrin .ko-tip__aciklama[b-m48nfepi4e] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.55; }
.ko-vitrin .ko-tip__satir[b-m48nfepi4e] { margin: 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }

/* ── Özet künyesi ── */
.ko-vitrin .ko-kunye[b-m48nfepi4e] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.ko-vitrin .ko-kunye > div[b-m48nfepi4e] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.ko-vitrin .ko-kunye > div:nth-child(odd)[b-m48nfepi4e] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ko-vitrin .ko-kunye dt[b-m48nfepi4e] { color: var(--metin-ipucu); }
.ko-vitrin .ko-kunye dd[b-m48nfepi4e] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.ko-vitrin .ko-param[b-m48nfepi4e] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.ko-vitrin .ko-param strong[b-m48nfepi4e] { color: var(--metin-murekkep); }
.ko-vitrin .ko-yok[b-m48nfepi4e] { color: var(--metin-ipucu); }
.ko-vitrin .au-banner[b-m48nfepi4e] { margin: 0; }

/* ── CİHAZ ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ko-vitrin .ko-kapak[b-m48nfepi4e] { padding: 16px; }
  .ko-vitrin[b-m48nfepi4e]  .wiz-btn { min-height: 44px; }
  .ko-vitrin .au-btn[b-m48nfepi4e], .ko-vitrin[b-m48nfepi4e]  .au-btn { min-height: 44px; }
  .ko-vitrin[b-m48nfepi4e]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ko-vitrin .ko-kapak[b-m48nfepi4e] { padding: 12px; }
  .ko-vitrin .ko-kapak .au-title[b-m48nfepi4e] { font-size: var(--yazi-kapak, 20px); }
  .ko-vitrin .ko-bolum[b-m48nfepi4e] { padding: 16px 12px; }
  .ko-vitrin .ko-form-grid[b-m48nfepi4e] { grid-template-columns: minmax(0, 1fr); }
  .ko-vitrin .ko-kunye > div[b-m48nfepi4e] { grid-template-columns: minmax(92px, 1fr) minmax(0, 1.5fr); gap: 8px; padding: 10px 6px; }
  .ko-vitrin[b-m48nfepi4e]  .wiz-foot .wiz-btn { flex: 1 1 auto; justify-content: center; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/KisitTipleri.razor.rz.scp.css */
/* Kısıt tipleri — Akademik Analiz görsel dili (kapak 23 px, rampa tablo başlığı, form/silme popup).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; renkler yalnız token.
   Panel modunda (sp-sayfa) kapak yalnız eylem taşır; ana kabuk SayfaPanelHost'tan gelir. */

.au-page.kt-vitrin[b-ssg6an0nb5] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}
.kt-vitrin.kt-vitrin--panel[b-ssg6an0nb5] { color: var(--metin-murekkep); font-family: var(--font-body); }

/* ── Kapak ── */
.kt-vitrin .kt-kapak[b-ssg6an0nb5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.kt-vitrin--panel .kt-kapak[b-ssg6an0nb5] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "eylem";
  justify-items: end;
  padding: 12px 16px;
  box-shadow: none;
}
.kt-vitrin .kt-kapak__geri[b-ssg6an0nb5] { grid-area: geri; display: flex; align-items: center; }
.kt-vitrin .kt-kapak__baslik[b-ssg6an0nb5] { grid-area: baslik; min-width: 0; height: 34px; display: flex; align-items: center; }
.kt-vitrin .kt-kapak__eylem[b-ssg6an0nb5] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.kt-vitrin .kt-kapak .au-title[b-ssg6an0nb5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

/* ── Düğmeler ── */
.kt-vitrin .au-btn[b-ssg6an0nb5],
.kt-vitrin[b-ssg6an0nb5]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.kt-vitrin .au-btn:hover:not(:disabled)[b-ssg6an0nb5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.kt-vitrin .au-btn--primary[b-ssg6an0nb5] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }
.kt-vitrin .au-btn--primary:hover:not(:disabled)[b-ssg6an0nb5] { background: var(--marka-500); border-color: var(--marka-500); }
.kt-vitrin .au-btn--danger[b-ssg6an0nb5] {
  background: color-mix(in srgb, var(--red-500) 10%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  color: var(--red-600);
}
.kt-vitrin .au-btn--danger:hover:not(:disabled)[b-ssg6an0nb5] {
  background: color-mix(in srgb, var(--red-500) 18%, var(--yuzey));
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
}
.kt-vitrin .au-btn--sm[b-ssg6an0nb5] { min-height: 30px; padding: 0 10px; font-size: 12px; }
.kt-vitrin .au-btn:disabled[b-ssg6an0nb5] { opacity: .55; cursor: not-allowed; }
.kt-vitrin :is(.au-btn, .kt-tablo-kap):focus-visible[b-ssg6an0nb5] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.kt-vitrin .kt-bolum[b-ssg6an0nb5],
.kt-vitrin[b-ssg6an0nb5]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.kt-vitrin .kt-bolum[b-ssg6an0nb5]::before,
.kt-vitrin[b-ssg6an0nb5]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}
.kt-vitrin .kt-bolum__ust[b-ssg6an0nb5] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}
.kt-vitrin .kt-bolum__baslik[b-ssg6an0nb5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.kt-vitrin .kt-bolum__baslik[b-ssg6an0nb5]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.kt-vitrin .kt-bolum__ipucu[b-ssg6an0nb5] { margin: 0; color: var(--metin-ipucu); font-size: 12px; }
.kt-vitrin .kt-bolum--bos[b-ssg6an0nb5] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 20px; text-align: center; }
.kt-vitrin .kt-bos__metin[b-ssg6an0nb5] { margin: 0; max-width: 46ch; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── Tablo ── */
.kt-vitrin .kt-tablo-kap[b-ssg6an0nb5] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}
.kt-vitrin .kt-tablo[b-ssg6an0nb5] { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--yuzey); }
.kt-vitrin .kt-gizli[b-ssg6an0nb5] {
  position: absolute;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.kt-vitrin .kt-tablo thead th[b-ssg6an0nb5] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}
.kt-vitrin .kt-tablo tbody :is(th, td)[b-ssg6an0nb5] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: top;
}
.kt-vitrin .kt-tablo tbody tr:nth-child(even) :is(th, td)[b-ssg6an0nb5] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.kt-vitrin .kt-tablo tbody tr:last-child :is(th, td)[b-ssg6an0nb5] { border-bottom: 0; }
.kt-vitrin .kt-tablo tbody tr:hover :is(th, td)[b-ssg6an0nb5] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.kt-vitrin .kt-s-sayi[b-ssg6an0nb5] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.kt-vitrin .kt-s-islem[b-ssg6an0nb5] { width: 1%; white-space: nowrap; }
.kt-vitrin .kt-s-ad[b-ssg6an0nb5] { min-width: 220px; max-width: 340px; }

.kt-vitrin .kt-ad[b-ssg6an0nb5] { display: block; color: var(--marka-700); font-weight: 700; overflow-wrap: anywhere; }
.kt-vitrin .kt-anahtar[b-ssg6an0nb5] { display: block; margin-top: 2px; color: var(--metin-ipucu); font-size: 11.5px; overflow-wrap: anywhere; unicode-bidi: isolate; }
.kt-vitrin .kt-aciklama[b-ssg6an0nb5] { display: block; margin-top: 4px; color: var(--metin-ikincil); font-size: 12px; font-weight: 400; line-height: 1.5; }
.kt-vitrin .kt-rozetler[b-ssg6an0nb5] { display: flex; flex-wrap: wrap; gap: 4px; max-width: 260px; }
.kt-vitrin .kt-rozetler .sk-chip[b-ssg6an0nb5] { font-size: 11.5px; padding: 2px 8px; }
.kt-vitrin .kt-yok[b-ssg6an0nb5] { color: var(--metin-ipucu); }
.kt-vitrin .kt-islemler[b-ssg6an0nb5] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

/* ── Popup ── */
.kt-vitrin .kt-popup[b-ssg6an0nb5] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.kt-vitrin .kt-popup--dar[b-ssg6an0nb5] { width: min(480px, calc(100vw - 48px)); }
.kt-vitrin .kt-popup[open][b-ssg6an0nb5] { display: flex; flex-direction: column; }
.kt-vitrin .kt-popup[b-ssg6an0nb5]::backdrop { background: var(--scrim); }
.kt-vitrin .kt-popup__ust[b-ssg6an0nb5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.kt-vitrin .kt-popup__ust h2[b-ssg6an0nb5] { margin: 0; font: 700 18px/1.3 var(--font-display); color: var(--marka-700); }
.kt-vitrin .kt-popup__ust h2:focus[b-ssg6an0nb5] { outline: none; }
.kt-vitrin .kt-popup__kapat[b-ssg6an0nb5] { display: grid; place-items: center; flex: 0 0 auto; width: 34px; min-width: 34px; padding: 0; font-size: 22px; line-height: 1; }
.kt-vitrin .kt-popup__govde[b-ssg6an0nb5] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.kt-vitrin .kt-popup__govde .au-banner[b-ssg6an0nb5] { margin-bottom: 12px; }
.kt-vitrin .kt-popup__soru[b-ssg6an0nb5] { margin: 0; color: var(--metin-ikincil); }
.kt-vitrin .kt-popup__eylem[b-ssg6an0nb5] { display: flex; justify-content: flex-end; gap: 8px; flex: 0 0 auto; padding: 14px 18px; border-top: 1px solid var(--hat-kart); }

.kt-vitrin .kt-form[b-ssg6an0nb5] { display: flex; flex-direction: column; gap: 14px; }
.kt-vitrin .kt-form-grid[b-ssg6an0nb5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.kt-vitrin .kt-not[b-ssg6an0nb5] {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}
.kt-vitrin .kt-sema[b-ssg6an0nb5] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}
.kt-vitrin .kt-sema__baslik[b-ssg6an0nb5] { font-size: 12px; font-weight: 700; color: var(--metin-ikincil); }
.kt-vitrin .kt-sema .kt-rozetler[b-ssg6an0nb5] { max-width: none; }
.kt-vitrin .kt-sema__not[b-ssg6an0nb5] { color: var(--metin-ipucu); font-size: 11.5px; line-height: 1.5; }

/* Düzenlemede değişmeyen teknik anahtar satırı (girdi değil, künye). */
.kt-vitrin .kt-anahtar-satir[b-ssg6an0nb5] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.kt-vitrin .kt-anahtar-satir__etiket[b-ssg6an0nb5] { font-size: 12px; font-weight: 700; color: var(--metin-ikincil); }

/* AppSelect düğmesi ve AppRichText metin alanı da `.app-input` taşır (AppSelect.razor,
   AppRichText.razor) — ayrı .app-sel__btn / .app-textarea seçicileri hiçbir şeyi eşlemiyordu. */
.kt-vitrin .kt-popup[b-ssg6an0nb5]  .app-field__label { font-size: 12px; font-weight: 700; color: var(--metin-ikincil); }
.kt-vitrin .kt-popup[b-ssg6an0nb5]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}
/* Seçenek listeleri pencerenin kaydırılan gövdesinde kalır, alt kenarda KIRPILMAZ.
   AppSelect/AppMultiSelect tabanı `position:absolute` — .kt-popup'ın overflow:hidden'ı
   ve gövdenin overflow:auto'su "Seviye" ve "Uygulanabilir kapsamlar" listelerini
   kesiyordu (kapsam seçilemiyordu). Onaylı referanstaki düzeltmenin aynısı:
   optik-vitrin.css `.optik-popup .app-sel__panel`,
   abonelik-planlari-vitrin.css `.sp-popup .app-ms__panel`. */
.kt-vitrin .kt-popup[b-ssg6an0nb5]  .app-sel__panel {
  position: relative;
  inset: auto;
  margin-top: 6px;
  max-height: 220px;
}
.kt-vitrin .kt-popup[b-ssg6an0nb5]  .app-ms__panel {
  position: relative;
  inset: auto;
  width: 100%;
  margin-top: 8px;
  box-shadow: none;
}
.kt-vitrin .kt-popup[b-ssg6an0nb5]  .app-ms__opts { max-height: 180px; }

/* ── CİHAZ ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kt-vitrin .kt-kapak[b-ssg6an0nb5] { padding: 16px; }
  .kt-vitrin .au-btn[b-ssg6an0nb5], .kt-vitrin[b-ssg6an0nb5]  .au-btn { min-height: 44px; }
  .kt-vitrin .au-btn--sm[b-ssg6an0nb5] { min-height: 44px; }
  .kt-vitrin .kt-popup__kapat[b-ssg6an0nb5] { width: 44px; min-width: 44px; height: 44px; font-size: 24px; }
  .kt-vitrin .kt-popup[b-ssg6an0nb5]  .app-input { min-height: 44px; font-size: max(16px, 1rem); }
  .kt-vitrin .kt-s-ad[b-ssg6an0nb5] { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--yuzey); }
  .kt-vitrin .kt-tablo tbody tr:nth-child(even) .kt-s-ad[b-ssg6an0nb5] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
  .kt-vitrin .kt-tablo thead .kt-s-ad[b-ssg6an0nb5] { z-index: 3; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .kt-vitrin .kt-kapak[b-ssg6an0nb5] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas: "geri baslik" "eylem eylem";
    padding: 12px;
  }
  .kt-vitrin .kt-kapak .au-title[b-ssg6an0nb5] { font-size: var(--yazi-kapak, 20px); }
  .kt-vitrin .kt-kapak__baslik[b-ssg6an0nb5] { height: auto; }
  .kt-vitrin .kt-kapak__eylem[b-ssg6an0nb5] { width: 100%; }
  .kt-vitrin .kt-kapak__eylem .au-btn[b-ssg6an0nb5] { flex: 1; justify-content: center; }
  .kt-vitrin .kt-bolum[b-ssg6an0nb5] { padding: 16px 12px; }
  .kt-vitrin .kt-bolum__baslik[b-ssg6an0nb5] { font-size: var(--yazi-bolum, 14px); }
  .kt-vitrin .kt-s-ad[b-ssg6an0nb5] { min-width: 160px; }
  .kt-vitrin .kt-rozetler[b-ssg6an0nb5] { max-width: 180px; }
  .kt-vitrin .kt-popup[b-ssg6an0nb5] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .kt-vitrin .kt-popup__ust[b-ssg6an0nb5],
  .kt-vitrin .kt-popup__govde[b-ssg6an0nb5],
  .kt-vitrin .kt-popup__eylem[b-ssg6an0nb5] { padding: 12px; }
  .kt-vitrin .kt-popup__eylem .au-btn[b-ssg6an0nb5] { flex: 1 1 auto; justify-content: center; }
  .kt-vitrin .kt-form-grid[b-ssg6an0nb5] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/NegotiationLog.razor.rz.scp.css */
/* Müzakere günlüğü — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, --marka-rampa-serit tablo başlığı, sınırlı kaydırma,
   native dialog pencere) + kardeş uygulama DelegationCenter.razor.css.
   Yeni hex YOK (yalnız token), !important YOK, sabit spacer YOK.
   Eski dosya --accent/--fg/--muted/--line kullanıyordu; yeni dilin token'larına geçirildi. */

.nl-vitrin[b-z18x96wdix] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + eylemler tek beyaz yüzeyde ────── */
.nl-vitrin[b-z18x96wdix]  .nl-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.nl-vitrin[b-z18x96wdix]  .nl-kapak__bas { min-width: 0; }

.nl-vitrin[b-z18x96wdix]  .nl-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.nl-vitrin[b-z18x96wdix]  .nl-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.nl-vitrin[b-z18x96wdix]  .nl-kapak__geri {
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

.nl-vitrin[b-z18x96wdix]  .nl-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.nl-vitrin[b-z18x96wdix]  .nl-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* Süzgeç satırı kapağın içinde; ikinci bir filtre kartı OLUŞTURULMAZ. */
.nl-vitrin[b-z18x96wdix]  .nl-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.nl-vitrin[b-z18x96wdix]  .nl-suzgec .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.nl-vitrin[b-z18x96wdix]  .nl-suzgec__eylem {
  display: flex;
  align-items: flex-end;
  min-height: 34px;
}

/* Süzgeç notu alan sarmalayıcısının İÇİNDE değil kardeşi; kapak grid'inde 1/-1 ile hem
   masaüstü 3 sütunda hem telefon 2 sütununda tam genişlik alır, flex-end hizası bozulmaz. */
.nl-vitrin[b-z18x96wdix]  .nl-suzgec__not {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

/* ── Ortak kontroller ──────────────────────────────────────────── */
.nl-vitrin[b-z18x96wdix]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.nl-vitrin[b-z18x96wdix]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.nl-vitrin[b-z18x96wdix]  .au-btn:disabled { opacity: .62; cursor: default; }

.nl-vitrin[b-z18x96wdix]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.nl-vitrin[b-z18x96wdix]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.nl-vitrin[b-z18x96wdix]  .app-field :is(.app-input, .app-select) {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.nl-vitrin[b-z18x96wdix]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.nl-vitrin[b-z18x96wdix]  :is(.au-btn, .app-input, .app-select, .nl-sekme, .nl-panel, .nl-tablo-kaydir, .nl-kapak__geri):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri ───────────────────────────────────────────── */
.nl-vitrin[b-z18x96wdix]  .nl-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.nl-vitrin[b-z18x96wdix]  .nl-sekme {
  --nl-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Renkler gezinme vurgusudur; başarı/hata anlamı taşımaz. */
.nl-vitrin[b-z18x96wdix]  .nl-sekme:nth-child(2) { --nl-sekme-vurgu: var(--marka-rampa-uc); }

.nl-vitrin[b-z18x96wdix]  .nl-sekme:hover {
  background: color-mix(in srgb, var(--nl-sekme-vurgu) 14%, var(--yuzey));
  color: var(--nl-sekme-vurgu);
}

.nl-vitrin[b-z18x96wdix]  .nl-sekme[aria-selected="true"] {
  background: var(--nl-sekme-vurgu);
  color: var(--on-brand);
}

.nl-vitrin[b-z18x96wdix]  .nl-sekme:focus-visible { outline-color: var(--nl-sekme-vurgu); }

.nl-vitrin[b-z18x96wdix]  .nl-panel { min-width: 0; }

/* ── Olay akışı ────────────────────────────────────────────────── */
.nl-vitrin[b-z18x96wdix]  .nl-log {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nl-vitrin[b-z18x96wdix]  .nl-item {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.nl-vitrin[b-z18x96wdix]  .nl-item::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nl-vitrin[b-z18x96wdix]  .nl-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.nl-vitrin[b-z18x96wdix]  .nl-round {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.nl-vitrin[b-z18x96wdix]  .nl-round::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.nl-vitrin[b-z18x96wdix]  .nl-agent {
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.nl-vitrin[b-z18x96wdix]  .nl-skor {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.nl-vitrin[b-z18x96wdix]  .nl-time {
  margin-inline-start: auto;
  color: var(--n-500);
  font-size: 12px;
  white-space: nowrap;
}

.nl-vitrin[b-z18x96wdix]  .nl-detail {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.nl-vitrin[b-z18x96wdix]  .nl-detail__title {
  margin: 0 0 8px;
  color: var(--n-500);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nl-vitrin[b-z18x96wdix]  .nl-defs {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.nl-vitrin[b-z18x96wdix]  .nl-defs > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 8px 10px;
  font-size: 13px;
}

.nl-vitrin[b-z18x96wdix]  .nl-defs > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.nl-vitrin[b-z18x96wdix]  .nl-defs dt { color: var(--n-500); }

.nl-vitrin[b-z18x96wdix]  .nl-defs dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.nl-vitrin[b-z18x96wdix]  .nl-empty-detail {
  margin: 10px 0 0;
  color: var(--n-500);
  font-size: 12px;
}

/* ── Tur özeti tablosu ─────────────────────────────────────────── */
.nl-vitrin[b-z18x96wdix]  .nl-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında sarmalayıcısız tablolar için
   `table { display:block; overflow-x:auto }` yazar; tablo kendi kabında kaydığı için o
   siper burada sticky thead'i bozar ve ikinci bir kaydırıcı açar. */
.nl-vitrin[b-z18x96wdix]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 760px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.nl-vitrin[b-z18x96wdix]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.nl-vitrin[b-z18x96wdix]  .au-result-table th[scope="col"] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.nl-vitrin[b-z18x96wdix]  .au-result-table :is(td, th[scope="row"]) {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  text-align: start;
  vertical-align: middle;
}

.nl-vitrin[b-z18x96wdix]  .au-result-table tbody tr:nth-child(even) :is(td, th[scope="row"]) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.nl-vitrin[b-z18x96wdix]  .nl-tur-hucre {
  min-width: 110px;
  color: var(--marka-700);
  font-weight: 700;
  white-space: nowrap;
}

.nl-vitrin[b-z18x96wdix]  .nl-sayi {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

/* Konumsuz gizleme: <caption> konumlandırılmadığı için absolute kutu sayfaya kaçar. */
.nl-vitrin[b-z18x96wdix]  .nl-gizli-metin {
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Boş / hata / yetkisiz yüzeyleri ───────────────────────────── */
.nl-vitrin[b-z18x96wdix]  :is(.nl-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.nl-vitrin[b-z18x96wdix]  :is(.nl-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.nl-vitrin[b-z18x96wdix]  .nl-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

/* Panel İÇİNDEki boş durum ikinci bir kart yüzeyi kurmaz. */
.nl-vitrin[b-z18x96wdix]  .nl-bos--ic {
  padding: 28px 12px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  box-shadow: none;
}

.nl-vitrin[b-z18x96wdix]  .nl-bos--ic::before { content: none; }

.nl-vitrin[b-z18x96wdix]  .nl-bos__metin {
  max-width: 52ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Sayfalama ─────────────────────────────────────────────────── */
.nl-vitrin[b-z18x96wdix]  .nl-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}

.nl-vitrin[b-z18x96wdix]  .nl-pager__info {
  color: var(--n-500);
  font-size: 13px;
}

/* ── "Nasıl okunur?" penceresi ─────────────────────────────────── */
.nl-vitrin[b-z18x96wdix]  .nl-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.nl-vitrin[b-z18x96wdix]  .nl-popup[open] { display: flex; flex-direction: column; }
.nl-vitrin[b-z18x96wdix]  .nl-popup::backdrop { background: var(--scrim); }

.nl-vitrin[b-z18x96wdix]  .nl-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.nl-vitrin[b-z18x96wdix]  .nl-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.nl-vitrin[b-z18x96wdix]  .nl-popup__bas h2:focus { outline: none; }

.nl-vitrin[b-z18x96wdix]  .nl-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.nl-vitrin[b-z18x96wdix]  .nl-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.nl-vitrin[b-z18x96wdix]  .nl-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.nl-vitrin[b-z18x96wdix]  .nl-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.nl-vitrin[b-z18x96wdix]  .nl-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.nl-vitrin[b-z18x96wdix]  .nl-olgular dt { color: var(--n-500); }

.nl-vitrin[b-z18x96wdix]  .nl-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.nl-vitrin[b-z18x96wdix]  .nl-popup__metin {
  margin: 14px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.nl-vitrin[b-z18x96wdix]  .nl-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .nl-vitrin[b-z18x96wdix]  .nl-kapak { padding: 16px; }

  .nl-vitrin[b-z18x96wdix]  :is(.au-btn, .au-btn--sm) { min-height: 44px; }

  .nl-vitrin[b-z18x96wdix]  .app-field :is(.app-input, .app-select) {
    height: 44px;
    min-height: 44px;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-suzgec__eylem { min-height: 44px; }

  /* Şerit tek yatay kaydırılabilir bant; sayfanın tamamı taşmaz. */
  .nl-vitrin[b-z18x96wdix]  .nl-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-sekme { flex: 0 0 auto; min-height: 44px; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .nl-vitrin[b-z18x96wdix]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .nl-vitrin[b-z18x96wdix]  .au-result-table th[scope="col"]:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .nl-vitrin[b-z18x96wdix]  .app-field :is(.app-input, .app-select) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .nl-vitrin[b-z18x96wdix]  .nl-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-kapak .au-title { font-size: var(--yazi-kapak, 20px); }

  .nl-vitrin[b-z18x96wdix]  .nl-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-kapak__eylem .au-btn { flex: 1 1 auto; }

  .nl-vitrin[b-z18x96wdix]  .nl-suzgec {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-suzgec .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-item { padding: 16px 12px; }
  .nl-vitrin[b-z18x96wdix]  .nl-round { font-size: var(--yazi-bolum, 14px); }

  .nl-vitrin[b-z18x96wdix]  .nl-time {
    margin-inline-start: 0;
    width: 100%;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-defs > div {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 8px 6px;
  }

  .nl-vitrin[b-z18x96wdix]  .nl-tablo-kaydir { max-height: min(460px, 62dvh); }
  .nl-vitrin[b-z18x96wdix]  .au-result-table { min-width: 660px; }
  .nl-vitrin[b-z18x96wdix]  .au-result-table :is(th, td) { padding: 10px; }

  .nl-vitrin[b-z18x96wdix]  .nl-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .nl-vitrin[b-z18x96wdix]  :is(.nl-popup__bas, .nl-popup__govde, .nl-popup__eylem) { padding: 12px; }
  .nl-vitrin[b-z18x96wdix]  .nl-popup__eylem .au-btn { flex: 1 1 auto; }

  .nl-vitrin[b-z18x96wdix]  .nl-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/OgretmenIsYuku.razor.rz.scp.css */
/* Öğretmen iş yükü — Akademik Analiz görsel dili (kapak 23 px, özet şeridi, bölüm sekmeleri,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve !important YOK.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Sekme vurgusu tek lacivert tondur: `--agv-kpi-etiket-*` yalnız `.analiz-genel-vitrin`
   kapsamında tanımlıdır, bu ekran onları miras almaz (referans §"Renk ve yüzey rolleri").
   NOT: `.wrap` bileşen dışıdır — scoped CSS ona ulaşamaz (bkz. rapor). */

.iy-vitrin[b-o0dn6uhct7] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtreler aynı beyaz yüzeyde ── */
.iy-vitrin .iy-kapak[b-o0dn6uhct7] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.iy-vitrin .iy-kapak > :first-child[b-o0dn6uhct7] { grid-area: geri; }
.iy-vitrin .iy-kapak__baslik[b-o0dn6uhct7] { grid-area: baslik; min-width: 0; }

.iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

/* Flex öğesi `.app-field`tir (AppSelect'i saran AppField kökü), `.edu-dropdown` değil;
   `AppField.razor.css` ona `width: 100%` verdiği için kural bağlanmazsa her alan kendi
   satırına düşer. */
.iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7]  .app-field { flex: 0 1 176px; min-width: 0; max-width: 210px; }
.iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7]  .edu-dropdown { min-width: 176px; max-width: 210px; }
.iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

.iy-vitrin .au-title[b-o0dn6uhct7] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.iy-vitrin .iy-kapak__alt[b-o0dn6uhct7] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.iy-vitrin .iy-kapak__alt strong[b-o0dn6uhct7] { color: var(--marka-700); }

/* Geniş ekranda başlık solda, filtreler sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .iy-vitrin .iy-kapak[b-o0dn6uhct7] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik filtre";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex satırında Chromium
     max-content'i çocukların içerik genişliğinden hesaplar, `min-width: 176px` tabanını
     saymaz → kap daralır, açılır kutular alt alta yığılır. Sütunu doldur, sağa yasla. */
  .iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7] { justify-self: stretch; justify-content: flex-end; }
}

/* ── Özet şeridi: tek birleşik yüzey, üstte marka rampası ── */
.iy-vitrin .iy-ozet[b-o0dn6uhct7] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.iy-vitrin .iy-ozet[b-o0dn6uhct7]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.iy-vitrin .iy-ozet__kutu[b-o0dn6uhct7] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.iy-vitrin .iy-ozet__kutu:last-child[b-o0dn6uhct7] { border-right: 0; }

.iy-vitrin .iy-ozet__etiket[b-o0dn6uhct7] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.iy-vitrin .iy-ozet__deger[b-o0dn6uhct7] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.iy-vitrin .iy-ozet__deger--rozet[b-o0dn6uhct7] { font-size: 13px; line-height: 1.4; }

.iy-vitrin .iy-ozet__alt[b-o0dn6uhct7] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Yorgunluk uyarısı ── */
.iy-vitrin .iy-uyari[b-o0dn6uhct7] {
  margin-bottom: 16px;
  padding: 14px 18px;
  border: 1px solid color-mix(in srgb, var(--amber-600, var(--marka-500)) 36%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--amber-500, var(--marka-500)) 10%, var(--yuzey));
}

.iy-vitrin .iy-uyari__baslik[b-o0dn6uhct7] {
  margin: 0 0 6px;
  color: var(--marka-700);
  font: 700 13px/1.4 var(--font-display);
}

.iy-vitrin .iy-uyari__liste[b-o0dn6uhct7] {
  margin: 0;
  padding-inline-start: 18px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Bölüm sekmeleri ── */
.iy-vitrin .iy-sekmeler[b-o0dn6uhct7] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.iy-vitrin .iy-sekme[b-o0dn6uhct7] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.iy-vitrin .iy-sekme:hover[b-o0dn6uhct7] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.iy-vitrin .iy-sekme[aria-selected="true"][b-o0dn6uhct7] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.iy-vitrin .iy-sekme:focus-visible[b-o0dn6uhct7],
.iy-vitrin .iy-bolum:focus-visible[b-o0dn6uhct7],
.iy-vitrin .au-btn:focus-visible[b-o0dn6uhct7] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.iy-vitrin .iy-bolum[b-o0dn6uhct7] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.iy-vitrin .iy-bolum[b-o0dn6uhct7]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.iy-vitrin .iy-bolum__baslik[b-o0dn6uhct7] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.iy-vitrin .iy-bolum__baslik[b-o0dn6uhct7]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.iy-vitrin .iy-bolum__alt[b-o0dn6uhct7] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.iy-vitrin .iy-bolum__bos[b-o0dn6uhct7] { margin: 0; color: var(--metin-ipucu); font-size: 13px; }

.iy-vitrin .iy-bos[b-o0dn6uhct7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.iy-vitrin .iy-bos p[b-o0dn6uhct7] { margin: 0; line-height: 1.6; }

/* ── Düğmeler ── */
.iy-vitrin .au-btn[b-o0dn6uhct7] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.iy-vitrin .au-btn:hover[b-o0dn6uhct7] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.iy-vitrin .au-btn--sm[b-o0dn6uhct7] { min-height: 30px; padding-inline: 10px; font-size: 12px; }

/* ── Tablolar ── */
.iy-vitrin .iy-tablo-kap[b-o0dn6uhct7] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.iy-vitrin .iy-tablo[b-o0dn6uhct7] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.iy-vitrin .iy-tablo thead[b-o0dn6uhct7] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.iy-vitrin .iy-tablo thead th[b-o0dn6uhct7] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.iy-vitrin .iy-tablo tbody th[b-o0dn6uhct7],
.iy-vitrin .iy-tablo tbody td[b-o0dn6uhct7] {
  padding: 8px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.iy-vitrin .iy-tablo tbody th[b-o0dn6uhct7] { font-weight: 600; }

.iy-vitrin .iy-tablo tbody tr:nth-child(even) th[b-o0dn6uhct7],
.iy-vitrin .iy-tablo tbody tr:nth-child(even) td[b-o0dn6uhct7] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk anlamlı sütun (ders adı) yatay kaydırmada yapışık kalır. */
.iy-vitrin .iy-tablo thead th:first-child[b-o0dn6uhct7],
.iy-vitrin .iy-tablo tbody th:first-child[b-o0dn6uhct7] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.iy-vitrin .iy-tablo thead th:first-child[b-o0dn6uhct7] { z-index: 5; background: var(--marka-600); }
.iy-vitrin .iy-tablo tbody th:first-child[b-o0dn6uhct7] { background: var(--yuzey); }
.iy-vitrin .iy-tablo tbody tr:nth-child(even) th:first-child[b-o0dn6uhct7] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.iy-vitrin .iy-tablo__sayi[b-o0dn6uhct7] { text-align: end; font-variant-numeric: tabular-nums; }
.iy-vitrin .iy-tablo__eylem[b-o0dn6uhct7] { text-align: end; white-space: nowrap; }

.iy-vitrin .iy-gizli[b-o0dn6uhct7] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Atama ayrıntısı penceresi (native top layer) ── */
.iy-vitrin .iy-popup[b-o0dn6uhct7] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.iy-vitrin .iy-popup[open][b-o0dn6uhct7] { display: flex; flex-direction: column; }
.iy-vitrin .iy-popup[b-o0dn6uhct7]::backdrop { background: var(--scrim); }

.iy-vitrin .iy-popup__bas[b-o0dn6uhct7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.iy-vitrin .iy-popup__bas h2[b-o0dn6uhct7] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.iy-vitrin .iy-popup__bas h2:focus[b-o0dn6uhct7] { outline: none; }

.iy-vitrin .iy-popup__kapat[b-o0dn6uhct7] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.iy-vitrin .iy-popup__govde[b-o0dn6uhct7] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.iy-vitrin .iy-kunye[b-o0dn6uhct7] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.iy-vitrin .iy-kunye > div[b-o0dn6uhct7] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.iy-vitrin .iy-kunye > div:nth-child(odd)[b-o0dn6uhct7] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.iy-vitrin .iy-kunye dt[b-o0dn6uhct7] { color: var(--metin-ipucu); }
.iy-vitrin .iy-kunye dd[b-o0dn6uhct7] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }
.iy-vitrin .iy-kunye__soluk[b-o0dn6uhct7] { color: var(--metin-ipucu); }

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .iy-vitrin .iy-kapak[b-o0dn6uhct7] { padding: 16px; }
  .iy-vitrin .iy-ozet[b-o0dn6uhct7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iy-vitrin .iy-ozet__kutu:nth-child(2n)[b-o0dn6uhct7] { border-right: 0; }
  .iy-vitrin .iy-ozet__kutu:nth-child(-n+2)[b-o0dn6uhct7] { border-bottom: 1px solid var(--hat-kart); }
  .iy-vitrin .iy-sekmeler[b-o0dn6uhct7] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .iy-vitrin .iy-sekme[b-o0dn6uhct7] { flex: 0 0 auto; min-height: 44px; }
  .iy-vitrin .au-btn[b-o0dn6uhct7] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .iy-vitrin .iy-kapak[b-o0dn6uhct7] { padding: 12px; }
  .iy-vitrin .au-title[b-o0dn6uhct7] { font-size: var(--yazi-kapak, 20px); }
  .iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7] { flex-direction: column; align-items: stretch; }
  .iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7]  .edu-dropdown { min-width: 0; max-width: none; }
  /* Kap burada `flex-direction: column`; taban/tavan dikey eksene kaydığı için
     alanların yatay tavanı kaldırılır, aksi halde 210px'te kilitlenip kapak uzar. */
  .iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7]  .app-field { flex: 1 1 auto; max-width: none; }
  .iy-vitrin .iy-kapak__filtre[b-o0dn6uhct7]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .iy-vitrin .iy-ozet[b-o0dn6uhct7] { grid-template-columns: minmax(0, 1fr); }
  .iy-vitrin .iy-ozet__kutu[b-o0dn6uhct7] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .iy-vitrin .iy-ozet__kutu:last-child[b-o0dn6uhct7] { border-bottom: 0; }
  .iy-vitrin .iy-ozet__deger[b-o0dn6uhct7] { font-size: var(--yazi-kpi, 20px); }
  .iy-vitrin .iy-ozet__deger--rozet[b-o0dn6uhct7] { font-size: 13px; }
  .iy-vitrin .iy-sekmeler[b-o0dn6uhct7] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .iy-vitrin .iy-sekme[b-o0dn6uhct7] { flex: 0 0 auto; min-height: 44px; }
  .iy-vitrin .iy-bolum[b-o0dn6uhct7] { padding: 16px 12px; }
  .iy-vitrin .iy-bolum__baslik[b-o0dn6uhct7] { font-size: var(--yazi-bolum, 14px); }
  .iy-vitrin .au-btn[b-o0dn6uhct7] { min-height: 44px; }
  .iy-vitrin .au-btn--sm[b-o0dn6uhct7] { min-height: 44px; }
  .iy-vitrin .iy-tablo th[b-o0dn6uhct7], .iy-vitrin .iy-tablo td[b-o0dn6uhct7] { padding-inline: 8px; }
  .iy-vitrin .iy-popup[b-o0dn6uhct7] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .iy-vitrin .iy-popup__bas[b-o0dn6uhct7], .iy-vitrin .iy-popup__govde[b-o0dn6uhct7] { padding: 12px; }
  .iy-vitrin .iy-kunye > div[b-o0dn6uhct7] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.2fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/OgretmenMusaitligi.razor.rz.scp.css */
/* Öğretmen müsaitliği — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex ve
   !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   `.av-*` sınıf adları korundu: cihaz.css'in ölçülmüş dokunma hedefi kuralları
   (bant 9: `.av-cell { min-height: 44px }`) ve mevcut testler onlara bağlı.
   NOT: `.wrap` bileşen dışıdır — scoped CSS ona ulaşamaz (bkz. rapor). */

.mus-vitrin[b-cbjmixcknj] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.mus-vitrin.mus-vitrin--panel[b-cbjmixcknj] { padding-bottom: 0; }

/* ── Kapak: başlık + filtre + ana eylemler aynı beyaz yüzeyde ── */
.mus-vitrin .mus-kapak[b-cbjmixcknj] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mus-vitrin .mus-kapak__baslik[b-cbjmixcknj] { min-width: 0; flex: 1 1 240px; align-self: center; }

.mus-vitrin .au-title[b-cbjmixcknj] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.mus-vitrin .mus-kapak__alt[b-cbjmixcknj] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.mus-vitrin .mus-kapak__filtre[b-cbjmixcknj] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  flex: 1 1 380px;
}

/* AppField kökü paylaşılan kuralla width:100% aldığı için iki açılır kutu kabın
   tamamını kaplayıp alt alta iniyordu; sayfa özgüllüğüyle daraltıp aynı satırda tutuyoruz. */
.mus-vitrin .mus-kapak__filtre[b-cbjmixcknj]  .app-field { flex: 0 1 176px; min-width: 0; max-width: 210px; }
.mus-vitrin .mus-kapak__filtre[b-cbjmixcknj]  .edu-dropdown { min-width: 176px; max-width: 210px; }
.mus-vitrin .mus-kapak__filtre[b-cbjmixcknj]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

.mus-vitrin .mus-kapak__eylem[b-cbjmixcknj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.mus-vitrin .mus-kirli[b-cbjmixcknj] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill, 999px);
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.mus-vitrin .au-btn[b-cbjmixcknj] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.mus-vitrin .au-btn:hover:not(:disabled)[b-cbjmixcknj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.mus-vitrin .au-btn:disabled[b-cbjmixcknj] { opacity: .55; cursor: not-allowed; }

.mus-vitrin .au-btn--primary[b-cbjmixcknj] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mus-vitrin .au-btn--primary:hover:not(:disabled)[b-cbjmixcknj] { background: var(--marka-500); border-color: var(--marka-500); }

.mus-vitrin .au-btn:focus-visible[b-cbjmixcknj],
.mus-vitrin .av-cell:focus-visible[b-cbjmixcknj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kaydedilmemiş değişiklik onayı (yıkıcı seçim değişimi) ── */
.mus-vitrin .mus-onay[b-cbjmixcknj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 16px;
  padding: 14px 18px;
  border: 1px solid color-mix(in srgb, var(--amber-600) 36%, transparent);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
}

.mus-vitrin .mus-onay__metin[b-cbjmixcknj] {
  min-width: 0;
  flex: 1 1 320px;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.mus-vitrin .mus-onay__metin strong[b-cbjmixcknj] { color: var(--marka-700); }

.mus-vitrin .mus-onay__eylem[b-cbjmixcknj] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Bölüm kartı ── */
.mus-vitrin .mus-bolum[b-cbjmixcknj] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mus-vitrin .mus-bolum[b-cbjmixcknj]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.mus-vitrin .mus-bolum__baslik[b-cbjmixcknj] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.mus-vitrin .mus-bolum__baslik[b-cbjmixcknj]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mus-vitrin .mus-bolum__alt[b-cbjmixcknj] {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.mus-vitrin .mus-bos[b-cbjmixcknj] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mus-vitrin .mus-bos p[b-cbjmixcknj] { margin: 0; line-height: 1.6; }

/* ── Efsane ── */
.mus-vitrin .av-legend[b-cbjmixcknj] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12px;
}

.mus-vitrin .av-legend__item[b-cbjmixcknj] { display: inline-flex; align-items: center; gap: 6px; }

.mus-vitrin .av-legend__sw[b-cbjmixcknj] {
  width: 14px;
  height: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 4px;
}

.mus-vitrin .av-legend__sw.is-available[b-cbjmixcknj] { background: color-mix(in srgb, var(--turkuaz-500) 40%, transparent); }
.mus-vitrin .av-legend__sw.is-blocked[b-cbjmixcknj] { background: color-mix(in srgb, var(--metin-ipucu) 24%, transparent); }
.mus-vitrin .av-legend__sw.is-preferred[b-cbjmixcknj] { background: color-mix(in srgb, var(--marka-500) 34%, transparent); }

.mus-vitrin .mus-ipucu[b-cbjmixcknj] { color: var(--metin-ipucu); font-size: 12px; }

/* ── Izgara tablosu ── */
.mus-vitrin .av-grid-wrap[b-cbjmixcknj] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.mus-vitrin .mus-tablo[b-cbjmixcknj] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.mus-vitrin .mus-tablo thead[b-cbjmixcknj] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.mus-vitrin .mus-tablo thead th[b-cbjmixcknj] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 13px;
  white-space: nowrap;
}

.mus-vitrin .mus-tablo tbody th[b-cbjmixcknj],
.mus-vitrin .mus-tablo tbody td[b-cbjmixcknj] {
  padding: 3px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  vertical-align: middle;
}

/* Saat sütunu yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.mus-vitrin .mus-tablo thead th:first-child[b-cbjmixcknj],
.mus-vitrin .mus-tablo tbody th:first-child[b-cbjmixcknj] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.mus-vitrin .mus-tablo thead th:first-child[b-cbjmixcknj] { z-index: 5; background: var(--marka-600); }

.mus-vitrin .mus-tablo tbody th.av-timehead[b-cbjmixcknj] {
  background: var(--yuzey);
  padding-inline: 13px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
  text-align: end;
  white-space: nowrap;
}

.mus-vitrin .av-cell[b-cbjmixcknj] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 40px;
  min-width: 96px;
  padding: 4px 8px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.mus-vitrin .av-cell__ad[b-cbjmixcknj] { min-width: 0; }
.mus-vitrin .av-cell__not[b-cbjmixcknj] { flex: 0 0 auto; font-size: 11px; opacity: .8; }

.mus-vitrin .av-cell.is-available[b-cbjmixcknj] {
  background: color-mix(in srgb, var(--turkuaz-500) 14%, var(--yuzey));
  border-color: color-mix(in srgb, var(--turkuaz-500) 34%, transparent);
  color: var(--marka-700);
}

.mus-vitrin .av-cell.is-blocked[b-cbjmixcknj] {
  background: color-mix(in srgb, var(--metin-ipucu) 12%, var(--yuzey));
  border-color: var(--hat-kart);
  color: var(--metin-ipucu);
  text-decoration: line-through;
}

.mus-vitrin .av-cell.is-preferred[b-cbjmixcknj] {
  background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
  border-color: color-mix(in srgb, var(--marka-500) 32%, transparent);
  color: var(--marka-600);
}

.mus-vitrin .av-cell:hover[b-cbjmixcknj] { border-color: var(--marka-400); }

.mus-vitrin .mus-gizli[b-cbjmixcknj] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Gerekçe penceresi (native top layer) ── */
.mus-vitrin .mus-popup[b-cbjmixcknj] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mus-vitrin .mus-popup[open][b-cbjmixcknj] { display: flex; flex-direction: column; }
.mus-vitrin .mus-popup[b-cbjmixcknj]::backdrop { background: var(--scrim); }

.mus-vitrin .mus-popup__bas[b-cbjmixcknj] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.mus-vitrin .mus-popup__bas h2[b-cbjmixcknj] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.mus-vitrin .mus-popup__bas h2:focus[b-cbjmixcknj] { outline: none; }

.mus-vitrin .mus-popup__kapat[b-cbjmixcknj] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.mus-vitrin .mus-popup__govde[b-cbjmixcknj] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mus-vitrin .mus-popup__not[b-cbjmixcknj] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.mus-vitrin .mus-popup__bos[b-cbjmixcknj] { margin: 0; color: var(--metin-ipucu); font-size: 13px; }

.mus-vitrin .mus-gerekce-liste[b-cbjmixcknj] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mus-vitrin .mus-gerekce[b-cbjmixcknj] {
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mus-vitrin .mus-gerekce__bas[b-cbjmixcknj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.mus-vitrin .mus-gerekce__slot[b-cbjmixcknj] {
  color: var(--marka-700);
  font-size: 13px;
  font-weight: 700;
}

.mus-vitrin .mus-popup__eylem[b-cbjmixcknj] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mus-vitrin .mus-kapak[b-cbjmixcknj] { padding: 16px; }
  .mus-vitrin .au-btn[b-cbjmixcknj] { min-height: 44px; }
  .mus-vitrin .mus-kapak__eylem[b-cbjmixcknj] { margin-inline-start: 0; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mus-vitrin .mus-kapak[b-cbjmixcknj] { padding: 12px; }
  .mus-vitrin .au-title[b-cbjmixcknj] { font-size: var(--yazi-kapak, 20px); }
  .mus-vitrin .mus-kapak__filtre[b-cbjmixcknj] { flex-direction: column; align-items: stretch; flex-basis: 100%; }
  /* Telefonda kap sütun eksenine dönüyor: temel koldaki 176px flex-basis yükseklik
     olarak yorumlanır ve max-width stretch'i ezerdi; bu yüzden sıfırlıyoruz. */
  .mus-vitrin .mus-kapak__filtre[b-cbjmixcknj]  .app-field { flex: 1 1 auto; max-width: none; }
  .mus-vitrin .mus-kapak__filtre[b-cbjmixcknj]  .edu-dropdown { min-width: 0; max-width: none; }
  .mus-vitrin .mus-kapak__filtre[b-cbjmixcknj]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .mus-vitrin .mus-kapak__eylem[b-cbjmixcknj] { margin-inline-start: 0; width: 100%; }
  .mus-vitrin .mus-kapak__eylem .au-btn[b-cbjmixcknj] { flex: 1 1 auto; min-height: 44px; }
  .mus-vitrin .mus-onay[b-cbjmixcknj] { padding: 12px; }
  .mus-vitrin .mus-onay__eylem[b-cbjmixcknj] { width: 100%; }
  .mus-vitrin .mus-onay__eylem .au-btn[b-cbjmixcknj] { flex: 1 1 auto; min-height: 44px; }
  .mus-vitrin .mus-bolum[b-cbjmixcknj] { padding: 16px 12px; }
  .mus-vitrin .mus-bolum__baslik[b-cbjmixcknj] { font-size: var(--yazi-bolum, 14px); }
  .mus-vitrin .av-cell[b-cbjmixcknj] { min-height: 44px; min-width: 88px; }
  .mus-vitrin .mus-tablo tbody th.av-timehead[b-cbjmixcknj] { padding-inline: 8px; font-size: 12px; }
  .mus-vitrin .mus-tablo thead th[b-cbjmixcknj] { padding-inline: 8px; }
  .mus-vitrin .mus-popup[b-cbjmixcknj] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .mus-vitrin .mus-popup__bas[b-cbjmixcknj],
  .mus-vitrin .mus-popup__govde[b-cbjmixcknj],
  .mus-vitrin .mus-popup__eylem[b-cbjmixcknj] { padding: 12px; }
  .mus-vitrin .mus-popup[b-cbjmixcknj]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/OgretmenPortfoyleri.razor.rz.scp.css */
/* Öğretmen portföyleri — Akademik Analiz görsel dili (kapak 23 px, --marka-rampa-serit tablo
   başlığı, sihirbaz native popup içinde). Salt Aurora token; yeni hex ve !important YOK.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Not: `--agv-*` token'ları yalnız `.analiz-genel-vitrin` kapsamındadır, bu ekran miras almaz. */

.pf-vitrin[b-nrnvgw5xdv] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtre + ana eylem aynı beyaz yüzeyde ── */
.pf-vitrin .pf-kapak[b-nrnvgw5xdv] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "filtre filtre filtre";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri düğmesi `GeriBaglanti` bileşeninin köküdür: kendi `.razor.css`'i olmadığı için HİÇBİR
   kapsam damgası taşımaz. `> :first-child` yazımı derlenince damgayı o `<a>`'ya iliştiriyordu
   (`> :first-child[b-…]`) ve kural hiç eşleşmiyordu — yerleşim yalnız ızgaranın otomatik
   yerleştirmesiyle ayakta kalıyordu. Emsal (StandardsPage, Stiller, SoruStudyoHub) `::deep` kullanır. */
.pf-vitrin .pf-kapak[b-nrnvgw5xdv]  .au-breadcrumb { grid-area: geri; }
.pf-vitrin .pf-kapak__baslik[b-nrnvgw5xdv] { grid-area: baslik; min-width: 0; }
.pf-vitrin .pf-kapak__eylem[b-nrnvgw5xdv] { grid-area: eylem; display: flex; gap: 8px; }

.pf-vitrin .pf-kapak__filtre[b-nrnvgw5xdv] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.pf-vitrin .pf-kapak__filtre[b-nrnvgw5xdv]  .edu-dropdown { min-width: 176px; max-width: 260px; }
.pf-vitrin .pf-kapak__filtre[b-nrnvgw5xdv]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

.pf-vitrin .au-title[b-nrnvgw5xdv] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.pf-vitrin .pf-kapak__alt[b-nrnvgw5xdv] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Geniş ekranda başlık solda, filtre ve eylem sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .pf-vitrin .pf-kapak[b-nrnvgw5xdv] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
     çocukların İÇERİK genişliğinden hesaplanır (flex tabanı sayılmaz) → alanlar alt alta
     yığılıyordu. Kap gerilir, sağa yaslama flex ekseninde yapılır. */
  .pf-vitrin .pf-kapak__filtre[b-nrnvgw5xdv] { justify-self: stretch; justify-content: flex-end; }
}

/* ── Bölüm kartı ── */
.pf-vitrin .pf-bolum[b-nrnvgw5xdv] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pf-vitrin .pf-bolum[b-nrnvgw5xdv]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.pf-vitrin .pf-bolum__baslik[b-nrnvgw5xdv] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pf-vitrin .pf-bolum__baslik[b-nrnvgw5xdv]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pf-vitrin .pf-bolum__alt[b-nrnvgw5xdv] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.pf-vitrin .pf-bos[b-nrnvgw5xdv] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.pf-vitrin .pf-bos p[b-nrnvgw5xdv] { margin: 0; line-height: 1.6; }

/* ── Düğmeler ── */
.pf-vitrin .au-btn[b-nrnvgw5xdv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.pf-vitrin .au-btn:hover:not(:disabled)[b-nrnvgw5xdv] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.pf-vitrin .au-btn--primary[b-nrnvgw5xdv] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.pf-vitrin .au-btn--primary:hover:not(:disabled)[b-nrnvgw5xdv] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.pf-vitrin .au-btn--sm[b-nrnvgw5xdv] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.pf-vitrin .au-btn:disabled[b-nrnvgw5xdv] { opacity: .55; cursor: not-allowed; }

.pf-vitrin .au-btn:focus-visible[b-nrnvgw5xdv],
.pf-vitrin .pf-chip__x:focus-visible[b-nrnvgw5xdv] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Portföy tablosu ── */
.pf-vitrin .pf-tablo-kap[b-nrnvgw5xdv] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.pf-vitrin .pf-tablo[b-nrnvgw5xdv] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.pf-vitrin .pf-tablo thead[b-nrnvgw5xdv] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.pf-vitrin .pf-tablo thead th[b-nrnvgw5xdv] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.pf-vitrin .pf-tablo tbody th[b-nrnvgw5xdv],
.pf-vitrin .pf-tablo tbody td[b-nrnvgw5xdv] {
  padding: 8px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.pf-vitrin .pf-tablo tbody th[b-nrnvgw5xdv] { font-weight: 600; }

.pf-vitrin .pf-tablo tbody tr:nth-child(even) th[b-nrnvgw5xdv],
.pf-vitrin .pf-tablo tbody tr:nth-child(even) td[b-nrnvgw5xdv] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk anlamlı sütun (öğretmen adı) yatay kaydırmada yapışık kalır. */
.pf-vitrin .pf-tablo thead th:first-child[b-nrnvgw5xdv],
.pf-vitrin .pf-tablo tbody th:first-child[b-nrnvgw5xdv] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.pf-vitrin .pf-tablo thead th:first-child[b-nrnvgw5xdv] { z-index: 5; background: var(--marka-600); }
.pf-vitrin .pf-tablo tbody th:first-child[b-nrnvgw5xdv] { background: var(--yuzey); }
.pf-vitrin .pf-tablo tbody tr:nth-child(even) th:first-child[b-nrnvgw5xdv] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pf-vitrin .pf-sayi[b-nrnvgw5xdv] { text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pf-vitrin .pf-eylem[b-nrnvgw5xdv] { text-align: end; white-space: nowrap; }

.pf-vitrin .pf-gizli[b-nrnvgw5xdv] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Sihirbaz penceresi (native top layer) ── */
.pf-vitrin .pf-popup[b-nrnvgw5xdv] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pf-vitrin .pf-popup[open][b-nrnvgw5xdv] { display: flex; flex-direction: column; }
.pf-vitrin .pf-popup[b-nrnvgw5xdv]::backdrop { background: var(--scrim); }

.pf-vitrin .pf-popup__bas[b-nrnvgw5xdv] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pf-vitrin .pf-popup__baslik[b-nrnvgw5xdv] { min-width: 0; }

.pf-vitrin .pf-popup__bas h2[b-nrnvgw5xdv] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pf-vitrin .pf-popup__bas h2:focus[b-nrnvgw5xdv] { outline: none; }

.pf-vitrin .pf-popup__ozet[b-nrnvgw5xdv] { margin: 4px 0 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.4; }

.pf-vitrin .pf-popup__kapat[b-nrnvgw5xdv] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.pf-vitrin .pf-popup__govde[b-nrnvgw5xdv] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pf-vitrin .pf-popup__hata[b-nrnvgw5xdv] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 34%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Sihirbaz alanları ── */
.pf-vitrin .pf-fixed[b-nrnvgw5xdv] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 12px;
}

.pf-vitrin .pf-fixed__lbl[b-nrnvgw5xdv] { color: var(--metin-ipucu); font-size: 12px; }
.pf-vitrin .pf-fixed__val[b-nrnvgw5xdv] { color: var(--marka-700); font-weight: 600; font-size: 13.5px; }

.pf-vitrin .pf-field[b-nrnvgw5xdv] { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }

.pf-vitrin .pf-field__lbl[b-nrnvgw5xdv] {
  color: var(--metin-ikincil);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.pf-vitrin .pf-ipucu[b-nrnvgw5xdv] { margin: 0; color: var(--metin-ipucu); font-size: 12px; line-height: 1.45; }

.pf-vitrin .pf-err[b-nrnvgw5xdv] {
  margin: 0;
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.pf-vitrin .pf-chips[b-nrnvgw5xdv] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* Şerit sayfayı basmasın (2026-09-18 — SIS "Ortak dersler" hatasının aynısı):
     veriden beslenen etiket listeleri tavansız büyüyüp komşu öğelerin üzerine biniyordu. */
  max-height: 140px;
  overflow-y: auto;
  min-width: 0;
}

.pf-vitrin .pf-chip[b-nrnvgw5xdv] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 320px;
  min-width: 0;
  padding: 4px 6px 4px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pf-vitrin .pf-chip__x[b-nrnvgw5xdv] {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--metin-ipucu);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}

.pf-vitrin .pf-chip__x:hover[b-nrnvgw5xdv] { color: var(--marka-700); background: color-mix(in srgb, var(--marka-600) 10%, transparent); }

.pf-vitrin .pf-addrow[b-nrnvgw5xdv] { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.pf-vitrin .pf-addrow--split .app-input[b-nrnvgw5xdv],
.pf-vitrin .pf-addrow--slot .app-input[b-nrnvgw5xdv] { flex: 1 1 140px; }
.pf-vitrin .pf-term[b-nrnvgw5xdv] { flex: 1 1 140px; }
.pf-vitrin .pf-num[b-nrnvgw5xdv] { max-width: 160px; }
.pf-vitrin .pf-time[b-nrnvgw5xdv] { max-width: 140px; }

.pf-vitrin .app-input[b-nrnvgw5xdv] {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  outline: none;
}

.pf-vitrin .app-input:focus-visible[b-nrnvgw5xdv] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pf-vitrin .pf-notes[b-nrnvgw5xdv] {
  min-height: 72px;
  padding: 10px 12px;
  resize: vertical;
  line-height: 1.5;
}

.pf-vitrin .pf-slots[b-nrnvgw5xdv] { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }

.pf-vitrin .pf-slot[b-nrnvgw5xdv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 6px 6px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pf-vitrin .pf-kapak[b-nrnvgw5xdv] { padding: 16px; }
  .pf-vitrin .au-btn[b-nrnvgw5xdv] { min-height: 44px; }
  .pf-vitrin .app-input[b-nrnvgw5xdv] { min-height: 44px; }
  /* Rozet ve zaman dilimi "×" düğmeleri dokunmatikte 44 px hedefe çıkar (YENI-DIL K4).
     `.pf-chip { overflow: hidden }` genişletilmiş görünmez alanı kırpacağı için
     düğmenin kendisi büyütülür. */
  .pf-vitrin .pf-chip[b-nrnvgw5xdv] { min-height: 44px; padding-block: 0; }
  .pf-vitrin .pf-chip__x[b-nrnvgw5xdv],
  .pf-vitrin .pf-slot .pf-chip__x[b-nrnvgw5xdv] { width: 44px; height: 44px; }
  .pf-vitrin .pf-slot[b-nrnvgw5xdv] { min-height: 44px; padding-block: 0; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .pf-vitrin .pf-kapak[b-nrnvgw5xdv] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "filtre filtre"
      "eylem eylem";
    padding: 12px;
  }
  .pf-vitrin .au-title[b-nrnvgw5xdv] { font-size: var(--yazi-kapak, 20px); }
  .pf-vitrin .pf-kapak__eylem[b-nrnvgw5xdv] { justify-self: stretch; }
  .pf-vitrin .pf-kapak__eylem .au-btn[b-nrnvgw5xdv] { flex: 1 0 auto; }
  .pf-vitrin .pf-kapak__filtre[b-nrnvgw5xdv] { flex-direction: column; align-items: stretch; }
  .pf-vitrin .pf-kapak__filtre[b-nrnvgw5xdv]  .edu-dropdown { min-width: 0; max-width: none; }
  .pf-vitrin .pf-kapak__filtre[b-nrnvgw5xdv]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .pf-vitrin .pf-bolum[b-nrnvgw5xdv] { padding: 16px 12px; }
  .pf-vitrin .pf-bolum__baslik[b-nrnvgw5xdv] { font-size: var(--yazi-bolum, 14px); }
  .pf-vitrin .au-btn[b-nrnvgw5xdv], .pf-vitrin .au-btn--sm[b-nrnvgw5xdv] { min-height: 44px; }
  .pf-vitrin .pf-tablo th[b-nrnvgw5xdv], .pf-vitrin .pf-tablo td[b-nrnvgw5xdv] { padding-inline: 8px; }
  .pf-vitrin .pf-popup[b-nrnvgw5xdv] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pf-vitrin .pf-popup__bas[b-nrnvgw5xdv], .pf-vitrin .pf-popup__govde[b-nrnvgw5xdv] { padding: 12px; }
  .pf-vitrin .app-input[b-nrnvgw5xdv] { min-height: 44px; font-size: max(16px, 1rem); }
  .pf-vitrin .pf-num[b-nrnvgw5xdv], .pf-vitrin .pf-time[b-nrnvgw5xdv] { max-width: none; }
  .pf-vitrin .pf-addrow--split .app-input[b-nrnvgw5xdv],
  .pf-vitrin .pf-addrow--slot .app-input[b-nrnvgw5xdv] { flex: 1 1 100%; }
  .pf-vitrin .pf-addrow .au-btn[b-nrnvgw5xdv] { flex: 1 0 auto; }
  /* Dokunma hedefi 44 px (YENI-DIL K4) — bkz. TABLET bandındaki aynı kural. */
  .pf-vitrin .pf-chip[b-nrnvgw5xdv] { min-height: 44px; padding-block: 0; }
  .pf-vitrin .pf-chip__x[b-nrnvgw5xdv] { width: 44px; height: 44px; }
  .pf-vitrin .pf-slot[b-nrnvgw5xdv] { min-height: 44px; padding-block: 0; }
  .pf-vitrin .pf-chips[b-nrnvgw5xdv] { max-height: 180px; overscroll-behavior: contain; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/Optimizasyon.razor.rz.scp.css */
/* Optimizasyon başlat — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, native dialog pencere) + kardeş uygulama
   DelegationCenter.razor.css / org-birimleri-vitrin.css.
   Yeni hex YOK (yalnız token), !important YOK, sabit spacer YOK.
   Bu sayfa bir analiz vitrini DEĞİL → --anv-*/--agv-* token'ları miras alınmaz.
   Çocuk bileşenlerin (AppSelect, GeriBaglanti) içi[b-gu9nktdn29]  ile hedeflenir. */

.opt-vitrin {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler tek beyaz yüzeyde ────────────── */
.opt-vitrin[b-gu9nktdn29]  .opt-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.opt-vitrin[b-gu9nktdn29]  .opt-kapak__bas { min-width: 0; }

.opt-vitrin[b-gu9nktdn29]  .opt-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.opt-vitrin[b-gu9nktdn29]  .opt-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Geri düğmesi: yalnız ok görünür, ad ekran okuyucuda kalır. */
.opt-vitrin[b-gu9nktdn29]  .opt-kapak__geri {
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

.opt-vitrin[b-gu9nktdn29]  .opt-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.opt-vitrin[b-gu9nktdn29]  .opt-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Ortak kontroller ──────────────────────────────────────────── */
.opt-vitrin[b-gu9nktdn29]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.opt-vitrin[b-gu9nktdn29]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.opt-vitrin[b-gu9nktdn29]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.opt-vitrin[b-gu9nktdn29]  .au-btn--primary:hover:not(:disabled) {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.opt-vitrin[b-gu9nktdn29]  .au-btn:disabled { opacity: .62; cursor: default; }

.opt-vitrin[b-gu9nktdn29]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.opt-vitrin[b-gu9nktdn29]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.opt-vitrin[b-gu9nktdn29]  .app-field :is(.app-input, .app-select) {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.opt-vitrin[b-gu9nktdn29]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.opt-vitrin[b-gu9nktdn29]  :is(.au-btn, .app-input, .app-select):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Ayar kartı ────────────────────────────────────────────────── */
.opt-vitrin[b-gu9nktdn29]  .opt-kart {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.opt-vitrin[b-gu9nktdn29]  .opt-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.opt-vitrin[b-gu9nktdn29]  .opt-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.opt-vitrin[b-gu9nktdn29]  .opt-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.opt-vitrin[b-gu9nktdn29]  .opt-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.opt-vitrin[b-gu9nktdn29]  .opt-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.opt-vitrin[b-gu9nktdn29]  .opt-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 560px;
}

.opt-vitrin[b-gu9nktdn29]  .opt-form .app-field { max-width: none; }

/* Hedef açıklaması seçicinin hemen altında; ikinci bir kart kurmaz. */
.opt-vitrin[b-gu9nktdn29]  .opt-ipucu {
  margin: -8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* Dönem listesi yüklenemedi / boş — kartın içinde, kart yüzeyi tekrarlanmaz. */
.opt-vitrin[b-gu9nktdn29]  .opt-uyari {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px dashed var(--hat-kart);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.opt-vitrin[b-gu9nktdn29]  .opt-eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 4px;
}

.opt-vitrin[b-gu9nktdn29]  .au-banner--danger {
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* ── Pencere: native top layer, kaydırılmış sayfada da görünür ─── */
.opt-vitrin[b-gu9nktdn29]  .opt-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.opt-vitrin[b-gu9nktdn29]  .opt-popup[open] { display: flex; flex-direction: column; }
.opt-vitrin[b-gu9nktdn29]  .opt-popup::backdrop { background: var(--scrim); }

.opt-vitrin[b-gu9nktdn29]  .opt-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.opt-vitrin[b-gu9nktdn29]  .opt-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.opt-vitrin[b-gu9nktdn29]  .opt-popup__bas h2:focus { outline: none; }

.opt-vitrin[b-gu9nktdn29]  .opt-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.opt-vitrin[b-gu9nktdn29]  .opt-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.opt-vitrin[b-gu9nktdn29]  .opt-adimlar {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 16px;
  padding-inline-start: 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.opt-vitrin[b-gu9nktdn29]  .opt-adimlar b { color: var(--metin-murekkep); }

.opt-vitrin[b-gu9nktdn29]  .opt-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.opt-vitrin[b-gu9nktdn29]  .opt-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.opt-vitrin[b-gu9nktdn29]  .opt-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.opt-vitrin[b-gu9nktdn29]  .opt-olgular dt { color: var(--n-500); }

.opt-vitrin[b-gu9nktdn29]  .opt-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.opt-vitrin[b-gu9nktdn29]  .opt-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .opt-vitrin[b-gu9nktdn29]  .opt-kapak { padding: 16px; }

  .opt-vitrin[b-gu9nktdn29]  :is(.au-btn, .au-btn--sm) { min-height: 44px; }

  .opt-vitrin[b-gu9nktdn29]  .app-field :is(.app-input, .app-select) {
    height: 44px;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .opt-vitrin[b-gu9nktdn29]  .app-field :is(.app-input, .app-select) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Geri + başlık tek satır; eylemler başlığın altında içerik genişliğinde. */
  .opt-vitrin[b-gu9nktdn29]  .opt-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .opt-vitrin[b-gu9nktdn29]  .opt-kapak .au-title { font-size: var(--yazi-kapak, 20px); }

  .opt-vitrin[b-gu9nktdn29]  .opt-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .opt-vitrin[b-gu9nktdn29]  .opt-kapak__eylem .au-btn { flex: 1 1 auto; }

  .opt-vitrin[b-gu9nktdn29]  .opt-kart { padding: 16px 12px; }
  .opt-vitrin[b-gu9nktdn29]  .opt-kart__baslik { font-size: var(--yazi-bolum, 14px); }

  .opt-vitrin[b-gu9nktdn29]  .opt-eylem { flex-direction: column; align-items: stretch; }
  .opt-vitrin[b-gu9nktdn29]  .opt-eylem .au-btn { width: 100%; }

  .opt-vitrin[b-gu9nktdn29]  .opt-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .opt-vitrin[b-gu9nktdn29]  :is(.opt-popup__bas, .opt-popup__govde, .opt-popup__eylem) { padding: 12px; }
  .opt-vitrin[b-gu9nktdn29]  .opt-popup__eylem .au-btn { flex: 1 1 auto; }

  .opt-vitrin[b-gu9nktdn29]  .opt-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/OptimizasyonCanli.razor.rz.scp.css */
/* Canlı optimizasyon — Akademik Analiz ölçüleri, YALNIZ bu sayfa.
   Referans: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (23 px kapak h1, 18 px bölüm kartı, native dialog pencere).
   Yeni hex YOK (yalnız token), !important YOK, sabit spacer YOK.
   JobMonitor bu sayfanın kartının içinde çizilir; iç öğeleri ::deep ile yüzeye uydurulur —
   bileşenin kendi dosyası DEĞİŞTİRİLMEZ. */

.opc-vitrin[b-8ha3ormywq] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────── */
.opc-vitrin[b-8ha3ormywq]  .opc-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.opc-vitrin[b-8ha3ormywq]  .opc-kapak__bas { min-width: 0; }

.opc-vitrin[b-8ha3ormywq]  .opc-kapak .au-title {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.opc-vitrin[b-8ha3ormywq]  .opc-kapak__alt {
  max-width: 82ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.opc-vitrin[b-8ha3ormywq]  .opc-kapak__geri {
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  text-decoration: none;
}

.opc-vitrin[b-8ha3ormywq]  .opc-kapak__geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.opc-vitrin[b-8ha3ormywq]  .opc-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

.opc-vitrin[b-8ha3ormywq]  .opc-etiketler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.opc-vitrin[b-8ha3ormywq]  .opc-etiket {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
}

.opc-vitrin[b-8ha3ormywq]  .opc-etiket--bitti {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, transparent);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--turkuaz-rozet-metin);
}

/* ── Ortak kontroller ──────────────────────────────────────────── */
.opc-vitrin[b-8ha3ormywq]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.opc-vitrin[b-8ha3ormywq]  .au-btn:hover:not(:disabled) {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.opc-vitrin[b-8ha3ormywq]  .au-btn:disabled { opacity: .62; cursor: default; }

.opc-vitrin[b-8ha3ormywq]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* İptali başlatan düğme ve onay düğmesi yıkıcı eylem tonunu taşır. */
.opc-vitrin[b-8ha3ormywq]  :is(.opc-iptal, .opc-onay) {
  border-color: color-mix(in srgb, var(--danger) 35%, var(--hat-girdi));
  color: var(--danger-metin);
}

.opc-vitrin[b-8ha3ormywq]  :is(.opc-iptal, .opc-onay):hover:not(:disabled) {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.opc-vitrin[b-8ha3ormywq]  .opc-onay {
  border-color: var(--danger);
  background: var(--danger);
  color: var(--on-brand);
}

.opc-vitrin[b-8ha3ormywq]  .opc-onay:hover:not(:disabled) {
  background: color-mix(in srgb, var(--danger) 86%, var(--metin-murekkep));
  color: var(--on-brand);
}

.opc-vitrin[b-8ha3ormywq]  :is(.au-btn, .opc-kapak__geri):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Canlı oturum bildirimi ────────────────────────────────────── */
.opc-vitrin[b-8ha3ormywq]  .opc-bildirim {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-inline-start: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.opc-vitrin[b-8ha3ormywq]  .opc-bildirim a {
  color: var(--marka-700);
  font-weight: 600;
}

/* ── İzleme kartı ──────────────────────────────────────────────── */
.opc-vitrin[b-8ha3ormywq]  .opc-kart {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.opc-vitrin[b-8ha3ormywq]  .opc-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.opc-vitrin[b-8ha3ormywq]  .opc-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.opc-vitrin[b-8ha3ormywq]  .opc-kart__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.opc-vitrin[b-8ha3ormywq]  .opc-kart__baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.opc-vitrin[b-8ha3ormywq]  .opc-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

/* JobMonitor kendi yüzeyini kurmaz — kartın içinde yaşar. */
.opc-vitrin[b-8ha3ormywq]  .job-monitor {
  min-width: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
}

.opc-vitrin[b-8ha3ormywq]  .jm-log {
  max-height: min(320px, 46dvh);
  overflow: auto;
  overscroll-behavior: contain;
}

.opc-vitrin[b-8ha3ormywq]  .jm-log__item {
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.opc-vitrin[b-8ha3ormywq]  .jm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── İptal onayı penceresi ─────────────────────────────────────── */
.opc-vitrin[b-8ha3ormywq]  .opc-popup {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.opc-vitrin[b-8ha3ormywq]  .opc-popup[open] { display: flex; flex-direction: column; }
.opc-vitrin[b-8ha3ormywq]  .opc-popup::backdrop { background: var(--scrim); }

.opc-vitrin[b-8ha3ormywq]  .opc-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.opc-vitrin[b-8ha3ormywq]  .opc-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.opc-vitrin[b-8ha3ormywq]  .opc-popup__bas h2:focus { outline: none; }

.opc-vitrin[b-8ha3ormywq]  .opc-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.opc-vitrin[b-8ha3ormywq]  .opc-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.opc-vitrin[b-8ha3ormywq]  .opc-popup__metin {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.opc-vitrin[b-8ha3ormywq]  .opc-popup__govde .au-banner--danger {
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.opc-vitrin[b-8ha3ormywq]  .opc-popup__eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ──────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .opc-vitrin[b-8ha3ormywq]  .opc-kapak { padding: 16px; }
  .opc-vitrin[b-8ha3ormywq]  :is(.au-btn, .au-btn--sm) { min-height: 44px; }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .opc-vitrin[b-8ha3ormywq]  .opc-kapak {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .opc-vitrin[b-8ha3ormywq]  .opc-kapak .au-title { font-size: var(--yazi-kapak, 20px); }

  .opc-vitrin[b-8ha3ormywq]  .opc-kapak__eylem {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .opc-vitrin[b-8ha3ormywq]  .opc-kapak__eylem .au-btn { flex: 1 1 auto; }

  .opc-vitrin[b-8ha3ormywq]  .opc-kart { padding: 16px 12px; }
  .opc-vitrin[b-8ha3ormywq]  .opc-kart__baslik { font-size: var(--yazi-bolum, 14px); }

  .opc-vitrin[b-8ha3ormywq]  .opc-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .opc-vitrin[b-8ha3ormywq]  :is(.opc-popup__bas, .opc-popup__govde, .opc-popup__eylem) { padding: 12px; }
  .opc-vitrin[b-8ha3ormywq]  .opc-popup__eylem .au-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/OrtakBosZaman.razor.rz.scp.css */
/* Ortak boş zaman — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey, --marka-rampa-serit
   tablo başlığı, bölüm sekmeleri, native popup). Salt Aurora token; yeni hex ve !important YOK.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir yazıldı.
   NOT: `.wrap` bu bileşenin dışındadır — scoped CSS ona ulaşamaz; sayfa dış boşluğu
   global `.wrap` kuralında kalır (ortak vitrin dosyası gerekir, bkz. rapor). */

.obz-vitrin[b-omd7cmxss5] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtre aynı beyaz yüzeyde ── */
.obz-vitrin .obz-kapak[b-omd7cmxss5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.obz-vitrin .obz-kapak > :first-child[b-omd7cmxss5] { grid-area: geri; }
.obz-vitrin .obz-kapak__baslik[b-omd7cmxss5] { grid-area: baslik; min-width: 0; }
.obz-vitrin .obz-kapak__filtre[b-omd7cmxss5] { grid-area: filtre; min-width: 0; }

.obz-vitrin .au-title[b-omd7cmxss5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.obz-vitrin .obz-kapak__alt[b-omd7cmxss5] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Filtre alanı referans ölçüsü: en çok 210 px. */
.obz-vitrin .obz-kapak__filtre[b-omd7cmxss5]  .edu-dropdown { max-width: 210px; }
.obz-vitrin .obz-kapak__filtre[b-omd7cmxss5]  .app-input { min-height: 34px; border-radius: var(--kose-dugme); }

/* Geniş ekranda başlık solda, filtre sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .obz-vitrin .obz-kapak[b-omd7cmxss5] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik filtre";
  }
  .obz-vitrin .obz-kapak__filtre[b-omd7cmxss5] { justify-self: end; }
}

/* ── Özet şeridi: tek birleşik yüzey, üstte marka rampası ── */
.obz-vitrin .obz-ozet[b-omd7cmxss5] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.obz-vitrin .obz-ozet[b-omd7cmxss5]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.obz-vitrin .obz-ozet__kutu[b-omd7cmxss5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.obz-vitrin .obz-ozet__kutu:last-child[b-omd7cmxss5] { border-right: 0; }

.obz-vitrin .obz-ozet__etiket[b-omd7cmxss5] {
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.obz-vitrin .obz-ozet__deger[b-omd7cmxss5] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.obz-vitrin .obz-ozet__alt[b-omd7cmxss5] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm sekmeleri ── */
.obz-vitrin .obz-sekmeler[b-omd7cmxss5] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.obz-vitrin .obz-sekme[b-omd7cmxss5] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.obz-vitrin .obz-sekme:hover[b-omd7cmxss5] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.obz-vitrin .obz-sekme[aria-selected="true"][b-omd7cmxss5] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.obz-vitrin :is(.obz-sekme, .obz-bolum, .jft-cell, .au-btn):focus-visible[b-omd7cmxss5] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.obz-vitrin .obz-bolum[b-omd7cmxss5] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.obz-vitrin .obz-bolum[b-omd7cmxss5]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.obz-vitrin .obz-bolum__baslik[b-omd7cmxss5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.obz-vitrin .obz-bolum__baslik[b-omd7cmxss5]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.obz-vitrin .obz-bolum__alt[b-omd7cmxss5] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.obz-vitrin .obz-bolum__bos[b-omd7cmxss5] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 13px;
}

/* Boş / seçim yapılmamış durum */
.obz-vitrin .obz-bos[b-omd7cmxss5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.obz-vitrin .obz-bos p[b-omd7cmxss5] { margin: 0; line-height: 1.6; }
.obz-vitrin .obz-bos__ipucu[b-omd7cmxss5] { color: var(--metin-ipucu); font-size: 12.5px; }

.obz-vitrin .au-btn[b-omd7cmxss5] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.obz-vitrin .au-btn--primary[b-omd7cmxss5] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.obz-vitrin .au-btn--primary:hover[b-omd7cmxss5] { background: var(--marka-500); border-color: var(--marka-500); }

/* ── Isı ızgarası (tablo) ── */
.obz-vitrin .jft-legend[b-omd7cmxss5] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  margin-bottom: 12px;
  color: var(--metin-ikincil);
  font-size: 12px;
}

.obz-vitrin .jft-legend__item[b-omd7cmxss5] { display: inline-flex; align-items: center; gap: 6px; }

.obz-vitrin .jft-sw[b-omd7cmxss5] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 4px;
}

.obz-vitrin .jft-sw.is-full[b-omd7cmxss5] { background: color-mix(in srgb, var(--turkuaz-500) 58%, transparent); }
.obz-vitrin .jft-sw.is-high[b-omd7cmxss5] { background: color-mix(in srgb, var(--turkuaz-500) 38%, transparent); }
.obz-vitrin .jft-sw.is-mid[b-omd7cmxss5] { background: color-mix(in srgb, var(--turkuaz-500) 22%, transparent); }
.obz-vitrin .jft-sw.is-low[b-omd7cmxss5] { background: color-mix(in srgb, var(--turkuaz-500) 10%, transparent); }
/* Dolu sınır = veri var ama boş öğretmen yok; kesik sınır = o dilimde hiç kayıt yok. */
.obz-vitrin .jft-sw.is-none[b-omd7cmxss5] { background: transparent; }
.obz-vitrin .jft-sw--veriyok[b-omd7cmxss5] { background: transparent; border-style: dashed; }

/* Uzun ızgara kendi alanında kayar; sayfa taşmaz (referans: max-height min(540px,60dvh)). */
.obz-vitrin .jft-grid-wrap[b-omd7cmxss5],
.obz-vitrin .obz-tablo-kap[b-omd7cmxss5] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.obz-vitrin .jft-tablo[b-omd7cmxss5],
.obz-vitrin .obz-tablo[b-omd7cmxss5] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.obz-vitrin .jft-tablo thead[b-omd7cmxss5],
.obz-vitrin .obz-tablo thead[b-omd7cmxss5] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.obz-vitrin .jft-tablo thead th[b-omd7cmxss5],
.obz-vitrin .obz-tablo thead th[b-omd7cmxss5] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.obz-vitrin .jft-tablo tbody th[b-omd7cmxss5],
.obz-vitrin .jft-tablo tbody td[b-omd7cmxss5],
.obz-vitrin .obz-tablo tbody th[b-omd7cmxss5],
.obz-vitrin .obz-tablo tbody td[b-omd7cmxss5] {
  padding: 8px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: middle;
}

.obz-vitrin .jft-tablo tbody tr:nth-child(even) th[b-omd7cmxss5],
.obz-vitrin .jft-tablo tbody tr:nth-child(even) td[b-omd7cmxss5],
.obz-vitrin .obz-tablo tbody tr:nth-child(even) th[b-omd7cmxss5],
.obz-vitrin .obz-tablo tbody tr:nth-child(even) td[b-omd7cmxss5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Saat/gün sütunu yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.obz-vitrin .jft-tablo thead th:first-child[b-omd7cmxss5],
.obz-vitrin .jft-tablo tbody th:first-child[b-omd7cmxss5],
.obz-vitrin .obz-tablo tbody th:first-child[b-omd7cmxss5] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.obz-vitrin .jft-tablo thead th:first-child[b-omd7cmxss5] { z-index: 5; background: var(--marka-600); }
.obz-vitrin .jft-tablo tbody th.jft-timehead[b-omd7cmxss5] { background: var(--yuzey); }
.obz-vitrin .jft-tablo tbody tr:nth-child(even) th.jft-timehead[b-omd7cmxss5] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* "En uygun dilimler" tablosunun yapışık gün sütunu da opak olmalı: tek satırlarda
   zemin tanımlı değildi, yatay kaydırmada altındaki hücreler görünüyordu.
   Çift satır kuralı daha yüksek özgüllükte olduğu için kendi tonunu korur. */
.obz-vitrin .obz-tablo tbody th:first-child[b-omd7cmxss5] { background: var(--yuzey); }

.obz-vitrin .jft-timehead[b-omd7cmxss5] {
  color: var(--metin-ikincil);
  font-weight: 600;
  white-space: nowrap;
}

.obz-vitrin .jft-dayhead[b-omd7cmxss5] { text-align: center; }

.obz-vitrin .jft-hucre-kap[b-omd7cmxss5] { padding: 3px; }

.obz-vitrin .jft-cell[b-omd7cmxss5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  min-width: 68px;
  padding: 4px 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}

.obz-vitrin span.jft-cell.is-none[b-omd7cmxss5] {
  cursor: default;
  color: var(--metin-ipucu);
  border-style: dashed;
}

.obz-vitrin .jft-cell__num[b-omd7cmxss5] { font-weight: 600; }
.obz-vitrin .jft-cell__sep[b-omd7cmxss5] { margin: 0 1px; color: var(--metin-ipucu); font-weight: 400; }

.obz-vitrin button.jft-cell.is-full[b-omd7cmxss5] {
  background: color-mix(in srgb, var(--turkuaz-500) 40%, transparent);
  border-color: color-mix(in srgb, var(--turkuaz-500) 52%, transparent);
}
.obz-vitrin button.jft-cell.is-high[b-omd7cmxss5] {
  background: color-mix(in srgb, var(--turkuaz-500) 26%, transparent);
  border-color: color-mix(in srgb, var(--turkuaz-500) 38%, transparent);
}
.obz-vitrin button.jft-cell.is-mid[b-omd7cmxss5] { background: color-mix(in srgb, var(--turkuaz-500) 15%, transparent); }
.obz-vitrin button.jft-cell.is-low[b-omd7cmxss5] { background: color-mix(in srgb, var(--turkuaz-500) 7%, transparent); }
.obz-vitrin button.jft-cell:hover[b-omd7cmxss5] { border-color: var(--marka-400); }

.obz-vitrin .obz-tablo__sayi[b-omd7cmxss5] { text-align: end; font-variant-numeric: tabular-nums; }
.obz-vitrin .obz-tablo__nota[b-omd7cmxss5] { color: var(--metin-ikincil); font-size: 12.5px; }

.obz-vitrin .obz-gizli[b-omd7cmxss5] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Dilim ayrıntısı penceresi (native top layer) ── */
.obz-vitrin .obz-popup[b-omd7cmxss5] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.obz-vitrin .obz-popup[open][b-omd7cmxss5] { display: flex; flex-direction: column; }
.obz-vitrin .obz-popup[b-omd7cmxss5]::backdrop { background: var(--scrim); }

.obz-vitrin .obz-popup__bas[b-omd7cmxss5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.obz-vitrin .obz-popup__bas h2[b-omd7cmxss5] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.obz-vitrin .obz-popup__bas h2:focus[b-omd7cmxss5] { outline: none; }

.obz-vitrin .obz-popup__kapat[b-omd7cmxss5] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.obz-vitrin .obz-popup__govde[b-omd7cmxss5] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.obz-vitrin .obz-kunye[b-omd7cmxss5] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.obz-vitrin .obz-kunye > div[b-omd7cmxss5] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.obz-vitrin .obz-kunye > div:nth-child(odd)[b-omd7cmxss5] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.obz-vitrin .obz-kunye dt[b-omd7cmxss5] { color: var(--metin-ipucu); }
.obz-vitrin .obz-kunye dd[b-omd7cmxss5] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; }

.obz-vitrin .obz-popup__not[b-omd7cmxss5] {
  margin: 14px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .obz-vitrin .obz-kapak[b-omd7cmxss5] { padding: 16px; }
  .obz-vitrin .obz-ozet[b-omd7cmxss5] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .obz-vitrin .obz-ozet__kutu:nth-child(2n)[b-omd7cmxss5] { border-right: 0; }
  .obz-vitrin .obz-ozet__kutu:nth-child(-n+2)[b-omd7cmxss5] { border-bottom: 1px solid var(--hat-kart); }
  .obz-vitrin .obz-sekmeler[b-omd7cmxss5] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .obz-vitrin .obz-sekme[b-omd7cmxss5] { flex: 0 0 auto; min-height: 44px; }
  .obz-vitrin .au-btn[b-omd7cmxss5] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .obz-vitrin .obz-kapak[b-omd7cmxss5] { padding: 12px; }
  .obz-vitrin .au-title[b-omd7cmxss5] { font-size: var(--yazi-kapak, 20px); }
  .obz-vitrin .obz-kapak__filtre[b-omd7cmxss5]  .edu-dropdown { max-width: none; }
  .obz-vitrin .obz-kapak__filtre[b-omd7cmxss5]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .obz-vitrin .obz-ozet[b-omd7cmxss5] { grid-template-columns: minmax(0, 1fr); }
  .obz-vitrin .obz-ozet__kutu[b-omd7cmxss5] { border-right: 0; border-bottom: 1px solid var(--hat-kart); padding: 14px 12px 12px; }
  .obz-vitrin .obz-ozet__kutu:last-child[b-omd7cmxss5] { border-bottom: 0; }
  .obz-vitrin .obz-ozet__deger[b-omd7cmxss5] { font-size: var(--yazi-kpi, 20px); }
  .obz-vitrin .obz-sekmeler[b-omd7cmxss5] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .obz-vitrin .obz-sekme[b-omd7cmxss5] { flex: 0 0 auto; min-height: 44px; }
  .obz-vitrin .obz-bolum[b-omd7cmxss5] { padding: 16px 12px; }
  .obz-vitrin .obz-bolum__baslik[b-omd7cmxss5] { font-size: var(--yazi-bolum, 14px); }
  .obz-vitrin .au-btn[b-omd7cmxss5] { min-height: 44px; }
  /* Hücre yüksekliği cihaz kuralıyla 44 px'e çıkar; kabı zaten kayıyor (cihaz.css 9. bant). */
  .obz-vitrin .jft-cell[b-omd7cmxss5] { min-height: 44px; }
  .obz-vitrin .jft-tablo th[b-omd7cmxss5], .obz-vitrin .jft-tablo td[b-omd7cmxss5],
  .obz-vitrin .obz-tablo th[b-omd7cmxss5], .obz-vitrin .obz-tablo td[b-omd7cmxss5] { padding-inline: 8px; }
  .obz-vitrin .obz-popup[b-omd7cmxss5] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .obz-vitrin .obz-popup__bas[b-omd7cmxss5], .obz-vitrin .obz-popup__govde[b-omd7cmxss5] { padding: 12px; }
  .obz-vitrin .obz-kunye > div[b-omd7cmxss5] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/PlanlamaHub.razor.rz.scp.css */
/* Planlama & Operasyon hub'ı — Akademik Analiz görsel dili (PL-01, 2026-09-20).
   Yalnız var(--*) token; yeni hex YOK, !important YOK, sabit spacer YOK.
   Ortak HubGrid/HubCard bileşenleri DEĞİŞTİRİLMEDİ: cam kart görünümü yalnız bu
   sayfada ::deep ile beyaz yüzey diline çevrilir (diğer hub'lar etkilenmez). */

.au-page.pl-hub-vitrin[b-rx62sn76ew] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + arama aynı beyaz yüzeyde ── */
.pl-hub-vitrin .pl-kapak[b-rx62sn76ew] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "araclar araclar";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* GeriBaglanti ayrı bir bileşendir; kök <a> bu sayfanın scope niteliğini TAŞIMAZ.
   ::deep olmadan kural hiç eşleşmez (diğer geçirilmiş sayfalarda da böyle yazılır). */
.pl-hub-vitrin .pl-kapak[b-rx62sn76ew]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
}

.pl-hub-vitrin .pl-kapak__baslik[b-rx62sn76ew] {
  grid-area: baslik;
  min-width: 0;
}

.pl-hub-vitrin .pl-kapak__baslik .au-title[b-rx62sn76ew] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.pl-hub-vitrin .pl-kapak__araclar[b-rx62sn76ew] {
  grid-area: araclar;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.pl-hub-vitrin .pl-ara[b-rx62sn76ew] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 260px;
  min-width: 0;
}

.pl-hub-vitrin .pl-ara__etiket[b-rx62sn76ew] {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.pl-hub-vitrin .pl-ara__alan[b-rx62sn76ew] {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1.3 var(--font-body);
}

.pl-hub-vitrin .pl-ara__alan[b-rx62sn76ew]::placeholder { color: var(--metin-ipucu); }

.pl-hub-vitrin .pl-ara__alan:focus-visible[b-rx62sn76ew],
.pl-hub-vitrin .au-btn:focus-visible[b-rx62sn76ew] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.pl-hub-vitrin .pl-kapak__sayac[b-rx62sn76ew] {
  margin: 0 0 8px;
  color: var(--metin-ipucu);
  font: 600 12.5px/1.3 var(--font-body);
  font-variant-numeric: tabular-nums;
}

/* ── Bölüm başlığı: planlama.css aşama rozetini korur, tipografi yeni dile gelir ── */
.au-page.pl-hub-vitrin .au-section-title[b-rx62sn76ew] {
  margin: 22px 0 10px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.au-page.pl-hub-vitrin .au-section-title:first-of-type[b-rx62sn76ew] { margin-top: 4px; }

.au-page.pl-hub-vitrin .au-section-title[b-rx62sn76ew]::before {
  background: var(--marka-degrade);
  color: var(--on-brand);
}

.au-page.pl-hub-vitrin .au-section-title--ayrik[b-rx62sn76ew] {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid var(--hat-kart);
}

/* Ayrık bölümün (Sınavlar) aşama numarası yoktur: planlama.css rozeti
   content:attr(data-asama) ile çizer, nitelik olmayınca BOŞ renkli kare kalırdı. */
.au-page.pl-hub-vitrin .au-section-title--ayrik[b-rx62sn76ew]::before {
  content: none;
}

/* ── Kart ızgarası: cam yüzey → beyaz yüzey, sol marka şeridi ── */
.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew] { min-width: 0; }

.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-grid,
.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-grid--compact {
  grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
  gap: 12px;
}

.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card {
  justify-content: flex-start;
  gap: 6px;
  min-height: 0;
  padding: 14px 16px 15px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -28px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  transition: border-color 0.2s ease, background 0.2s ease;
}

/* Cam parlaması yerine kartın sol kenarında ince marka şeridi. */
.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card__glow {
  inset: 0 auto 0 0;
  z-index: 0;
  width: 3px;
  background: var(--marka-degrade);
  opacity: 1;
}

.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card:hover,
.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card:focus-visible {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  border-color: var(--marka-400);
}

.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card__title {
  font: 700 15px/1.35 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--marka-700);
}

.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card__desc {
  font: 400 12.5px/1.5 var(--font-body);
  color: var(--metin-ikincil);
}

.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card:hover .hub-card__desc,
.pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card:focus-visible .hub-card__desc {
  color: var(--metin-ikincil);
}

/* ── Arama sonucu boş ── */
.pl-hub-vitrin .pl-bos[b-rx62sn76ew] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
}

.pl-hub-vitrin .pl-bos__metin[b-rx62sn76ew] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.pl-hub-vitrin .au-btn[b-rx62sn76ew] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.pl-hub-vitrin .au-btn--primary[b-rx62sn76ew] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.pl-hub-vitrin .au-btn--primary:hover[b-rx62sn76ew] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  transform: none;
}

/* MASAÜSTÜ — geniş pencerede başlık solda, arama sağ kenarda tek satır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .pl-hub-vitrin .pl-kapak[b-rx62sn76ew] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik araclar";
  }
  .pl-hub-vitrin .pl-kapak__araclar[b-rx62sn76ew] { justify-content: flex-end; }
}

/* CİHAZ — telefon ∪ tablet: dokunma hedefleri 44 px. */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pl-hub-vitrin .pl-kapak[b-rx62sn76ew] { padding: 16px; }
  .pl-hub-vitrin .pl-ara__alan[b-rx62sn76ew] { height: 44px; font-size: max(16px, 1rem); }
  .pl-hub-vitrin .au-btn[b-rx62sn76ew] { min-height: 44px; }
  .pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card { min-height: 44px; }
}

/* TELEFON — tek sütun, eylemler başlığın altında, kapak başlığı 20 px. */
@media (max-width: 640px) {
  .pl-hub-vitrin .pl-kapak[b-rx62sn76ew] { padding: 12px; row-gap: 10px; }
  .pl-hub-vitrin .pl-kapak__baslik .au-title[b-rx62sn76ew] { font-size: var(--yazi-kapak, 20px); }
  .pl-hub-vitrin .pl-kapak__araclar[b-rx62sn76ew] { align-items: stretch; gap: 8px; }
  .pl-hub-vitrin .pl-ara[b-rx62sn76ew] { flex: 1 1 100%; }
  .pl-hub-vitrin .pl-kapak__sayac[b-rx62sn76ew] { margin-bottom: 0; }
  .au-page.pl-hub-vitrin .au-section-title[b-rx62sn76ew] { font-size: var(--yazi-bolum, 14px); margin: 18px 0 8px; }
  .pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-grid,
  .pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-grid--compact { grid-template-columns: 1fr; }
  .pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card__title { font-size: var(--yazi-bolum, 14px); }
  .pl-hub-vitrin .pl-kartlar[b-rx62sn76ew]  .hub-card__desc { font-size: var(--yazi-kucuk, 12px); }
  .pl-hub-vitrin .pl-bos[b-rx62sn76ew] { padding: 28px 14px; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/PlanlamaMerkezi.razor.rz.scp.css */
/* scheduling-dashboard — Planlama Merkezi, Akademik Analiz görsel dili (PL-01, 2026-09-20).
   Aurora token bütünlüğü: yalnız var(--*); hardcoded renk YOK, !important YOK.
   Ortak bileşenler (AppSelect/AppField, DataStates) DEĞİŞTİRİLMEDİ — ölçüleri yalnız bu
   sayfada ::deep ile referans değerlere çekilir. */

.au-page.pm-vitrin[b-umx7lirbdd] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + dönem filtresi aynı beyaz yüzeyde ── */
.pm-vitrin .pm-kapak[b-umx7lirbdd] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* GeriBaglanti ayrı bir bileşendir; kök <a> bu sayfanın scope niteliğini TAŞIMAZ →
   ::deep olmadan kural hiç eşleşmez. */
.pm-vitrin .pm-kapak[b-umx7lirbdd]  .au-breadcrumb { grid-area: geri; justify-self: start; }

.pm-vitrin .pm-kapak__baslik[b-umx7lirbdd] { grid-area: baslik; min-width: 0; }

.pm-vitrin .pm-kapak__baslik .au-title[b-umx7lirbdd] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.pm-vitrin .pm-kapak__filtre[b-umx7lirbdd] {
  grid-area: filtre;
  min-width: 0;
}

/* Kapak ve bölüm içindeki seçiciler referans ölçülerine çekilir. */
.pm-vitrin :is(.pm-kapak__filtre, .pm-alan)[b-umx7lirbdd] { max-width: 240px; }

.pm-vitrin :is(.pm-kapak__filtre, .pm-alan)[b-umx7lirbdd]  .app-field { gap: 4px; }

.pm-vitrin :is(.pm-kapak__filtre, .pm-alan)[b-umx7lirbdd]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.pm-vitrin :is(.pm-kapak__filtre, .pm-alan)[b-umx7lirbdd]  .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

/* ── Özet kartı ve bölüm kartları ── */
.pm-vitrin :is(.pm-ozet, .pm-bolum, .pm-bos)[b-umx7lirbdd] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pm-vitrin :is(.pm-ozet, .pm-bolum, .pm-bos)[b-umx7lirbdd]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pm-vitrin .pm-ozet[b-umx7lirbdd] { margin-bottom: 16px; }

.pm-vitrin :is(.pm-h2, .pm-h3)[b-umx7lirbdd] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.pm-vitrin :is(.pm-h2, .pm-h3)[b-umx7lirbdd]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── KPI şeridi: tek birleşik yüzey, renkli etiket bantları ──
   Sütun sayısı AÇIKÇA verilir (referans: repeat(6,minmax(0,1fr)), gap 0).
   `repeat(auto-fit, minmax(0, 1fr))` burada kullanılamaz: en küçük iz genişliği 0 ve
   boşluk 0 olduğundan tarayıcı tekrar sayısını hesaplayamaz ve TEK sütuna düşer —
   8 metrik alt alta dizilir. 8 metrik 4×2 yerleşir. */
.pm-vitrin .pm-kpiler[b-umx7lirbdd] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.pm-vitrin .pm-kpi[b-umx7lirbdd] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 0 15px;
  border-right: 1px solid var(--hat-kart);
  border-bottom: 1px solid var(--hat-kart);
}

.pm-vitrin .pm-kpi:nth-child(4n)[b-umx7lirbdd] { border-right: 0; }
.pm-vitrin .pm-kpi:nth-last-child(-n + 4)[b-umx7lirbdd] { border-bottom: 0; }

/* Şeridin lacivert → petrol dağılımı: referans KPI rampasının global token karşılığı. */
.pm-vitrin .pm-kpi__bant[b-umx7lirbdd] {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 7px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-vitrin .pm-kpi:nth-child(2) .pm-kpi__bant[b-umx7lirbdd] { background: color-mix(in srgb, var(--marka-600) 84%, var(--marka-rampa-uc)); }
.pm-vitrin .pm-kpi:nth-child(3) .pm-kpi__bant[b-umx7lirbdd] { background: color-mix(in srgb, var(--marka-600) 68%, var(--marka-rampa-uc)); }
.pm-vitrin .pm-kpi:nth-child(4) .pm-kpi__bant[b-umx7lirbdd] { background: color-mix(in srgb, var(--marka-600) 52%, var(--marka-rampa-uc)); }
.pm-vitrin .pm-kpi:nth-child(5) .pm-kpi__bant[b-umx7lirbdd] { background: color-mix(in srgb, var(--marka-600) 36%, var(--marka-rampa-uc)); }
.pm-vitrin .pm-kpi:nth-child(6) .pm-kpi__bant[b-umx7lirbdd] { background: color-mix(in srgb, var(--marka-600) 24%, var(--marka-rampa-uc)); }
.pm-vitrin .pm-kpi:nth-child(7) .pm-kpi__bant[b-umx7lirbdd] { background: color-mix(in srgb, var(--marka-600) 12%, var(--marka-rampa-uc)); }
.pm-vitrin .pm-kpi:nth-child(n + 8) .pm-kpi__bant[b-umx7lirbdd] { background: var(--marka-rampa-uc); }

.pm-vitrin .pm-kpi__deger[b-umx7lirbdd] {
  padding: 0 16px;
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

/* Atanmayan ders / kota altı öğretmen sıfırdan büyükse işlem gerektirir. Eski sürümde bu
   sayılar kırmızıydı (.au-kpi__num.is-fail); marka rampasının petrol ucu uyarıyı sessizleştirir.
   Mevcut --danger-metin token'ı kart zemininde AA sağlar (aurora.css:113-117). */
.pm-vitrin .pm-kpi__deger.is-uyari[b-umx7lirbdd] { color: var(--danger-metin); }

/* ── Kapsam çubuğu ── */
.pm-vitrin .pm-cov[b-umx7lirbdd] { margin-top: 6px; }

.pm-vitrin .pm-cov__head[b-umx7lirbdd] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.pm-vitrin .pm-cov__label[b-umx7lirbdd] { font-size: 13px; font-weight: 600; color: var(--metin-ikincil); }

.pm-vitrin .pm-cov__val[b-umx7lirbdd] {
  font: 700 14px/1.2 var(--font-display);
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.pm-vitrin .pm-bar[b-umx7lirbdd] {
  position: relative;
  width: 100%;
  height: 10px;
  background: color-mix(in srgb, var(--hat-girdi) 70%, var(--yuzey));
  border-radius: 999px;
  overflow: hidden;
}

.pm-vitrin .pm-bar--sm[b-umx7lirbdd] { height: 8px; min-width: 72px; }

.pm-vitrin .pm-bar__fill[b-umx7lirbdd] {
  display: block;
  height: 100%;
  background: var(--marka-rampa-serit);
  border-radius: inherit;
  transition: width 0.25s ease;
}

/* Doluluk %100'ü aşmışsa öğretmen kotasının üstünde çalışıyor demektir — eski sürümde de
   ayrı renkti (.pm-bar__fill.is-over → --red-600). Çubuk bir yüzey, metin değil. */
.pm-vitrin .pm-bar__fill.is-asim[b-umx7lirbdd] { background: var(--danger); }

.pm-vitrin .pm-not[b-umx7lirbdd] {
  margin: 8px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.pm-vitrin .pm-durum[b-umx7lirbdd] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Bölüm sekmeleri ── */
.pm-vitrin .pm-sekmeler[b-umx7lirbdd] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.pm-vitrin .pm-sekme[b-umx7lirbdd] {
  --pm-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.pm-vitrin .pm-sekme:nth-child(2)[b-umx7lirbdd] { --pm-sekme-vurgu: var(--marka-rampa-uc); }

.pm-vitrin .pm-sekme:hover[b-umx7lirbdd] {
  background: color-mix(in srgb, var(--pm-sekme-vurgu) 14%, var(--yuzey));
  color: var(--pm-sekme-vurgu);
}

.pm-vitrin .pm-sekme[aria-selected="true"][b-umx7lirbdd] {
  background: var(--pm-sekme-vurgu);
  color: var(--on-brand);
}

.pm-vitrin .pm-sekme:focus-visible[b-umx7lirbdd],
.pm-vitrin .pm-panel:focus-visible[b-umx7lirbdd] {
  outline: 2px solid var(--pm-sekme-vurgu, var(--marka-600));
  outline-offset: 2px;
}

.pm-vitrin .pm-panel[b-umx7lirbdd] { min-width: 0; }

/* ── Bölüm başlığı satırı ── */
.pm-vitrin .pm-bolum__head[b-umx7lirbdd] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.pm-vitrin .pm-bolum__head .pm-h3[b-umx7lirbdd] { margin-bottom: 0; }

.pm-vitrin .pm-bolum__araclar[b-umx7lirbdd] {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

/* ── Tablo: mavi–petrol geçişli başlık, beyaz gövde, kendi alanında kaydırma ── */
.pm-vitrin .pm-tablo-kap[b-umx7lirbdd] {
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.pm-vitrin .pm-tablo-kap--uzun[b-umx7lirbdd] { max-height: min(540px, 60dvh); }

.pm-vitrin .pm-tablo[b-umx7lirbdd] {
  width: 100%;
  border-collapse: collapse;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

.pm-vitrin .pm-tablo thead[b-umx7lirbdd] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.pm-vitrin .pm-tablo thead th[b-umx7lirbdd] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.pm-vitrin .pm-tablo tbody th[b-umx7lirbdd],
.pm-vitrin .pm-tablo tbody td[b-umx7lirbdd] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--hat-kart) 70%, transparent);
  text-align: start;
  vertical-align: middle;
}

.pm-vitrin .pm-tablo tbody th[b-umx7lirbdd] {
  font-weight: 600;
  color: var(--metin-murekkep);
}

.pm-vitrin .pm-tablo tbody tr:nth-child(even)[b-umx7lirbdd] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pm-vitrin .pm-tablo .pm-sayi[b-umx7lirbdd] {
  text-align: end;
  font-variant-numeric: tabular-nums;
}

.pm-vitrin .pm-tablo .pm-ad[b-umx7lirbdd] { overflow-wrap: anywhere; }

/* Uzun öğretmen listesinde ad sütunu yatay kaydırmada yapışık kalır. */
.pm-vitrin .pm-tablo-kap--uzun .pm-tablo :is(thead th:first-child, tbody th:first-child)[b-umx7lirbdd] {
  position: sticky;
  left: 0;
  z-index: 1;
}

.pm-vitrin .pm-tablo-kap--uzun .pm-tablo tbody th:first-child[b-umx7lirbdd] { background: var(--yuzey); }

.pm-vitrin .pm-tablo-kap--uzun .pm-tablo tbody tr:nth-child(even) th:first-child[b-umx7lirbdd] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pm-vitrin .pm-tablo-kap--uzun .pm-tablo thead th:first-child[b-umx7lirbdd] {
  z-index: 3;
  background: var(--marka-500);
}

.pm-vitrin .pm-util[b-umx7lirbdd] { display: flex; align-items: center; gap: 10px; }

.pm-vitrin .pm-util__val[b-umx7lirbdd] {
  min-width: 46px;
  text-align: end;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.pm-vitrin .pm-kotasiz[b-umx7lirbdd] {
  color: var(--metin-ipucu);
  font-size: 12.5px;
}

.pm-vitrin .pm-fark[b-umx7lirbdd] {
  display: inline-block;
  min-width: 46px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pm-vitrin .pm-fark.is-artis[b-umx7lirbdd] { color: var(--marka-600); }
.pm-vitrin .pm-fark.is-azalis[b-umx7lirbdd] { color: var(--marka-rampa-uc); }
.pm-vitrin .pm-fark.is-sabit[b-umx7lirbdd] { color: var(--metin-ipucu); }

/* ── Satır içi tekrar dene ── */
.pm-vitrin .pm-inline-retry[b-umx7lirbdd] {
  margin-left: 6px;
  padding: 0;
  border: none;
  background: none;
  color: var(--marka-600);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.pm-vitrin .pm-inline-retry:hover[b-umx7lirbdd] { color: var(--marka-500); }

.pm-vitrin .pm-inline-retry:focus-visible[b-umx7lirbdd] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Boş durumlar ── */
.pm-vitrin .pm-bos[b-umx7lirbdd] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px 18px;
}

.pm-vitrin .pm-bos__metin[b-umx7lirbdd] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Düğmeler ── */
.pm-vitrin .au-btn[b-umx7lirbdd] {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.pm-vitrin .au-btn:hover[b-umx7lirbdd] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.pm-vitrin .au-btn--primary[b-umx7lirbdd] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.pm-vitrin .au-btn--primary:hover[b-umx7lirbdd] { background: var(--marka-500); border-color: var(--marka-500); }

.pm-vitrin .au-btn:focus-visible[b-umx7lirbdd] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Popup tetikleyicisi: görünümü .au-btn'den gelir; bu sınıf kapanışta odağın geri
   döneceği düğmeyi .razor.js'e tanıtan bağlama noktasıdır. */
.pm-vitrin .pm-ayrinti-ac[b-umx7lirbdd] { white-space: nowrap; }

/* ── Popup: başlık ve eylemler sabit, yalnız gövde kayar ── */
.pm-vitrin .pm-popup[b-umx7lirbdd] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pm-vitrin .pm-popup[open][b-umx7lirbdd] { display: flex; flex-direction: column; }

.pm-vitrin .pm-popup[b-umx7lirbdd]::backdrop { background: var(--scrim); }

.pm-vitrin .pm-popup__head[b-umx7lirbdd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pm-vitrin .pm-popup__head h2[b-umx7lirbdd] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pm-vitrin .pm-popup__head h2:focus[b-umx7lirbdd] { outline: none; }

.pm-vitrin .pm-popup__kapat[b-umx7lirbdd] {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.pm-vitrin .pm-popup__body[b-umx7lirbdd] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pm-vitrin .pm-popup__alt[b-umx7lirbdd] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* MASAÜSTÜ — geniş pencerede başlık solda, filtre sağ kenarda tek satır. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .pm-vitrin .pm-kapak[b-umx7lirbdd] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik filtre";
  }
  .pm-vitrin .pm-kapak__filtre[b-umx7lirbdd] { justify-self: end; }
}

/* CİHAZ — telefon ∪ tablet: dokunma hedefleri 44 px, girdiler 16 px. */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pm-vitrin .pm-kapak[b-umx7lirbdd] { padding: 16px; }
  .pm-vitrin .au-btn[b-umx7lirbdd],
  .pm-vitrin .pm-popup__kapat[b-umx7lirbdd] { min-height: 44px; }
  .pm-vitrin .pm-popup__kapat[b-umx7lirbdd] { flex-basis: 44px; width: 44px; }
  .pm-vitrin .pm-sekmeler[b-umx7lirbdd] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .pm-vitrin .pm-sekme[b-umx7lirbdd] { flex: 0 0 auto; min-height: 44px; }
  .pm-vitrin :is(.pm-kapak__filtre, .pm-alan)[b-umx7lirbdd]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* TABLET — KPI şeridi iki sütuna iner, tipografi masaüstü ölçeğinde kalır. */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pm-vitrin .pm-kpiler[b-umx7lirbdd] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pm-vitrin .pm-kpi:nth-child(2n)[b-umx7lirbdd] { border-right: 0; }
  /* Masaüstünün "son 4 satırsızdır" kuralı 2 sütunda yanlış; aynı özgüllükle geri alınır. */
  .pm-vitrin .pm-kpi:nth-last-child(-n + 4)[b-umx7lirbdd] { border-bottom: 1px solid var(--hat-kart); }
  .pm-vitrin .pm-kpi:nth-last-child(-n + 2)[b-umx7lirbdd] { border-bottom: 0; }
}

/* TELEFON — tek sütun KPI, tam genişlik filtre, kapak başlığı 20 px. */
@media (max-width: 640px) {
  .pm-vitrin .pm-kapak[b-umx7lirbdd] { padding: 12px; row-gap: 10px; }
  .pm-vitrin .pm-kapak__baslik .au-title[b-umx7lirbdd] { font-size: var(--yazi-kapak, 20px); }
  .pm-vitrin :is(.pm-kapak__filtre, .pm-alan)[b-umx7lirbdd] { max-width: none; width: 100%; }
  .pm-vitrin :is(.pm-ozet, .pm-bolum)[b-umx7lirbdd] { padding: 16px 12px; }
  .pm-vitrin :is(.pm-h2, .pm-h3)[b-umx7lirbdd] { font-size: var(--yazi-bolum, 14px); }
  .pm-vitrin .pm-kpiler[b-umx7lirbdd] { grid-template-columns: minmax(0, 1fr); }
  .pm-vitrin .pm-kpi[b-umx7lirbdd] { border-right: 0; }
  /* Tek sütunda her hücre ayraç taşır; masaüstünün "son 4" kuralı aynı özgüllükle geri alınır. */
  .pm-vitrin .pm-kpi:nth-last-child(-n + 4)[b-umx7lirbdd] { border-bottom: 1px solid var(--hat-kart); }
  .pm-vitrin .pm-kpi:last-child[b-umx7lirbdd] { border-bottom: 0; }
  .pm-vitrin .pm-kpi__deger[b-umx7lirbdd] { font-size: var(--yazi-kpi, 20px); }
  .pm-vitrin .pm-bolum__araclar[b-umx7lirbdd] { width: 100%; }
  .pm-vitrin .pm-tablo :is(thead th, tbody th, tbody td)[b-umx7lirbdd] { padding: 10px; }
  .pm-vitrin .pm-popup[b-umx7lirbdd] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pm-vitrin .pm-popup__head[b-umx7lirbdd],
  .pm-vitrin .pm-popup__body[b-umx7lirbdd],
  .pm-vitrin .pm-popup__alt[b-umx7lirbdd] { padding: 12px; }
  .pm-vitrin .pm-popup__alt .au-btn[b-umx7lirbdd] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/ProgramGorunumu.razor.rz.scp.css */
/* Ders programı görünümü — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, bölüm sekmeleri, native popup). Salt Aurora token;
   yeni hex ve !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   NOT: `.wrap` bu bileşenin dışındadır — scoped CSS ona ulaşamaz; sayfa dış boşluğu global
   `.wrap` kuralında kalır (ortak vitrin dosyası gerekir, bkz. rapor). */

.pg-vitrin[b-2dkthu0e6n] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtreler + ana eylemler aynı beyaz yüzeyde ── */
.pg-vitrin .pg-kapak[b-2dkthu0e6n] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu: GeriBaglanti'nin kökü kapsam niteliği taşımadığı için alan sarmalayıcıya verilir. */
.pg-vitrin .pg-kapak__geri[b-2dkthu0e6n] { grid-area: geri; min-width: 0; align-self: center; }
.pg-vitrin .pg-kapak__baslik[b-2dkthu0e6n] { grid-area: baslik; min-width: 0; }
.pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n] { grid-area: filtre; min-width: 0; }
.pg-vitrin .pg-kapak__eylem[b-2dkthu0e6n] { grid-area: eylem; min-width: 0; }

.pg-vitrin .au-title[b-2dkthu0e6n] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.pg-vitrin .pg-kapak__alt[b-2dkthu0e6n] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

/* Filtre alanı referans ölçüsü: esas 176 px, en çok 210 px. */
.pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n]  .edu-dropdown { max-width: 210px; }
/* AppSelect'in kökü `.app-field` ve paylaşılan kuralı `width:100%` taşıyor; flex-basis
   auto olduğu için her alan kabın tamamını hipotetik ana ölçü sayıp alt alta yığılıyordu.
   Yukarıdaki 176/210 sözleşmesini flex tabanı olarak yazıp yığılmayı kapatıyoruz. */
.pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
  gap: 4px;
}
/* Etiket dili `.pg-ara__etiket` ile eşitlenir; aksi hâlde alt kenarlar hizalıyken
   etiket satırları farklı yükseklikte kalıp zikzak yapıyor (PlanlamaMerkezi emsali). */
.pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n]  .app-field__label {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n]  .app-input {
  min-height: 34px;
  /* Paylaşılan `.app-field ::deep .app-input{height:46px}` kuralı min-height ile
     düşmüyor; arama girdisiyle (34px) aynı boyda olsun diye height açıkça veriliyor. */
  height: 34px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.pg-vitrin .pg-ara[b-2dkthu0e6n] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 240px;
  min-width: 0;
}

.pg-vitrin .pg-ara__etiket[b-2dkthu0e6n] {
  color: var(--metin-ikincil);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.pg-vitrin .pg-ara__alan[b-2dkthu0e6n] {
  width: 100%;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.pg-vitrin .pg-kapak__eylem[b-2dkthu0e6n] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.pg-vitrin .pg-sayac[b-2dkthu0e6n] {
  margin-inline-end: auto;
  color: var(--marka-600);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
}

/* Geniş ekranda başlık solda, filtre ortada, eylemler sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .pg-vitrin .pg-kapak[b-2dkthu0e6n] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }
  /* `justify-self: end` süzgeç kabını shrink-to-fit ölçtürür; Chromium sarmalı flex
     kabın max-content'ini çocukların içerik genişliğinden hesaplar, `flex: 0 1 240px`
     tabanını saymaz → kap daralır ve süzgeçler alt alta yığılır. `stretch` kabı satır
     boyunca açar, sağa yaslamayı `flex-end` üstlenir (dar ekranda sarma korunur). */
  .pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n] { justify-self: stretch; justify-content: flex-end; }
  .pg-vitrin .pg-sayac[b-2dkthu0e6n] { margin-inline-end: 0; }
}

/* ── Düğmeler ── */
.pg-vitrin .au-btn[b-2dkthu0e6n] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  cursor: pointer;
}

.pg-vitrin .au-btn:hover[b-2dkthu0e6n] { border-color: var(--marka-400); }

.pg-vitrin .au-btn--primary[b-2dkthu0e6n] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.pg-vitrin .au-btn--primary:hover[b-2dkthu0e6n] { background: var(--marka-500); border-color: var(--marka-500); }
.pg-vitrin .au-btn:disabled[b-2dkthu0e6n] { opacity: .55; cursor: not-allowed; }

.pg-vitrin :is(.pg-sekme, .pg-bakis__dugme, .pg-bolum, .pg-cell, .au-btn, .pg-ara__alan):focus-visible[b-2dkthu0e6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Kaydırılabilir tablo alanı klavyeyle odaklanabilir → odak halkası içeri alınır (taşma olmasın). */
.pg-vitrin .pg-tablo-kap:focus-visible[b-2dkthu0e6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

/* ── Taslak durum şeridi ── */
.pg-vitrin .pg-durum[b-2dkthu0e6n] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.pg-vitrin .pg-etiket[b-2dkthu0e6n] {
  padding: 4px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── Özet şeridi: tek birleşik yüzey, üstte marka rampası ── */
.pg-vitrin .pg-ozet[b-2dkthu0e6n] {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.pg-vitrin .pg-ozet[b-2dkthu0e6n]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.pg-vitrin .pg-ozet__kutu[b-2dkthu0e6n] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 18px 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.pg-vitrin .pg-ozet__kutu:last-child[b-2dkthu0e6n] { border-right: 0; }

.pg-vitrin .pg-ozet__deger[b-2dkthu0e6n] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.pg-vitrin .pg-ozet__alt[b-2dkthu0e6n] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

.pg-vitrin .pg-ozet__kutu.is-ok .pg-ozet__deger[b-2dkthu0e6n] { color: var(--green-500); }
.pg-vitrin .pg-ozet__kutu.is-warn .pg-ozet__deger[b-2dkthu0e6n] { color: var(--danger-metin); }

/* Izgara bölümünün iç paneli (perspektif sekmelerinin hedefi). */
.pg-vitrin .pg-izgara[b-2dkthu0e6n] { min-width: 0; }

/* ── Perspektif şeridi (Sınıf / Öğretmen / Derslik / Ders) ── */
.pg-vitrin .pg-bakis[b-2dkthu0e6n] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.pg-vitrin .pg-bakis__dugme[b-2dkthu0e6n] {
  min-height: 34px;
  padding: 6px 14px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.pg-vitrin .pg-bakis__dugme:hover[b-2dkthu0e6n] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.pg-vitrin .pg-bakis__dugme[aria-selected="true"][b-2dkthu0e6n] {
  background: var(--marka-rampa-uc);
  color: var(--on-brand);
}

/* ── Bölüm sekmeleri ── */
.pg-vitrin .pg-sekmeler[b-2dkthu0e6n] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.pg-vitrin .pg-sekme[b-2dkthu0e6n] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.pg-vitrin .pg-sekme:hover[b-2dkthu0e6n] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.pg-vitrin .pg-sekme[aria-selected="true"][b-2dkthu0e6n] {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* ── Bölüm kartı ── */
.pg-vitrin .pg-bolum[b-2dkthu0e6n] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pg-vitrin .pg-bolum[b-2dkthu0e6n]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.pg-vitrin .pg-bolum__baslik[b-2dkthu0e6n] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pg-vitrin .pg-bolum__baslik[b-2dkthu0e6n]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pg-vitrin .pg-bolum__alt[b-2dkthu0e6n] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.pg-vitrin .pg-bolum__bos[b-2dkthu0e6n] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 13px;
}

.pg-vitrin .pg-bos[b-2dkthu0e6n] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.pg-vitrin .pg-bos p[b-2dkthu0e6n] { margin: 0; line-height: 1.6; }
.pg-vitrin .pg-bos__ipucu[b-2dkthu0e6n] { color: var(--metin-ipucu); font-size: 12.5px; }

/* ── Tablolar: uzun çizelge kendi alanında kayar, başlık ve saat sütunu yapışık ── */
.pg-vitrin .pg-tablo-kap[b-2dkthu0e6n] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.pg-vitrin .pg-tablo[b-2dkthu0e6n] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.pg-vitrin .pg-tablo thead[b-2dkthu0e6n] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.pg-vitrin .pg-tablo thead th[b-2dkthu0e6n] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.pg-vitrin .pg-tablo tbody th[b-2dkthu0e6n],
.pg-vitrin .pg-tablo tbody td[b-2dkthu0e6n] {
  padding: 8px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: top;
}

.pg-vitrin .pg-tablo tbody tr:nth-child(even) th[b-2dkthu0e6n],
.pg-vitrin .pg-tablo tbody tr:nth-child(even) td[b-2dkthu0e6n] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Saat sütunu yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.pg-vitrin .pg-tablo thead th:first-child[b-2dkthu0e6n],
.pg-vitrin .pg-tablo tbody th:first-child[b-2dkthu0e6n] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.pg-vitrin .pg-tablo thead th:first-child[b-2dkthu0e6n] { z-index: 5; background: var(--marka-600); }
.pg-vitrin .pg-tablo tbody th:first-child[b-2dkthu0e6n] { background: var(--yuzey); }
.pg-vitrin .pg-tablo tbody tr:nth-child(even) th:first-child[b-2dkthu0e6n] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pg-vitrin .pg-gun[b-2dkthu0e6n] { text-align: center; }

.pg-vitrin .pg-saat[b-2dkthu0e6n] {
  color: var(--metin-ikincil);
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
}

.pg-vitrin .pg-hucre-kap[b-2dkthu0e6n] { padding: 3px; }

/* ── Izgara hücresi: tıklanabilir, yoğunluk tonu satır içi stilden gelir ── */
.pg-vitrin .pg-cell[b-2dkthu0e6n] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 128px;
  min-height: 48px;
  padding: 5px 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  text-align: start;
  cursor: pointer;
}

.pg-vitrin span.pg-cell.is-empty[b-2dkthu0e6n] {
  cursor: default;
  border-style: dashed;
}

.pg-vitrin button.pg-cell:hover[b-2dkthu0e6n] { border-color: var(--marka-400); }

/* Arama eşleşmesi: yoğunluk tonundan (satır içi background) bağımsız halka. */
.pg-vitrin .pg-hucre-kap.pg-hit .pg-cell[b-2dkthu0e6n] {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

.pg-vitrin .pg-entry[b-2dkthu0e6n] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.pg-vitrin .pg-entry-title[b-2dkthu0e6n] {
  color: var(--metin-murekkep);
  font: 600 12.5px/1.35 var(--font-body);
  overflow-wrap: anywhere;
}

.pg-vitrin .pg-entry-detail[b-2dkthu0e6n] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

/* ── Yoğunluk haritası hücresi ── */
.pg-vitrin .pg-heat-cell[b-2dkthu0e6n] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  min-height: 34px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  color: var(--metin-murekkep);
  font: 600 13px/1 var(--font-body);
  font-variant-numeric: tabular-nums;
}

.pg-vitrin .pg-heat-cell.is-empty[b-2dkthu0e6n] {
  border-style: dashed;
  color: var(--metin-ipucu);
}

/* ── Tüm yerleşimler tablosu ── */
.pg-vitrin .pg-liste tbody th[b-2dkthu0e6n],
.pg-vitrin .pg-liste tbody td[b-2dkthu0e6n] { vertical-align: middle; }

.pg-vitrin .pg-liste__gun[b-2dkthu0e6n],
.pg-vitrin .pg-liste__saat[b-2dkthu0e6n] {
  color: var(--metin-ikincil);
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.pg-vitrin .pg-liste__ders[b-2dkthu0e6n] { font-weight: 600; }

.pg-vitrin .pg-gizli[b-2dkthu0e6n] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Hücre / künye penceresi (native top layer) ── */
.pg-vitrin .pg-popup[b-2dkthu0e6n] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pg-vitrin .pg-popup[open][b-2dkthu0e6n] { display: flex; flex-direction: column; }
.pg-vitrin .pg-popup[b-2dkthu0e6n]::backdrop { background: var(--scrim); }

.pg-vitrin .pg-popup__bas[b-2dkthu0e6n] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pg-vitrin .pg-popup__bas h2[b-2dkthu0e6n] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pg-vitrin .pg-popup__bas h2:focus[b-2dkthu0e6n] { outline: none; }

.pg-vitrin .pg-popup__kapat[b-2dkthu0e6n] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.pg-vitrin .pg-popup__govde[b-2dkthu0e6n] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pg-vitrin .pg-popup__ust[b-2dkthu0e6n] {
  margin: 0 0 10px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.pg-vitrin .pg-popup__liste[b-2dkthu0e6n] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pg-vitrin .pg-popup__liste li[b-2dkthu0e6n] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pg-vitrin .pg-popup__ders[b-2dkthu0e6n] { font: 600 13.5px/1.4 var(--font-body); }
.pg-vitrin .pg-popup__detay[b-2dkthu0e6n] { color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.45; }

.pg-vitrin .pg-kunye[b-2dkthu0e6n] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.pg-vitrin .pg-kunye > div[b-2dkthu0e6n] {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.pg-vitrin .pg-kunye > div:nth-child(odd)[b-2dkthu0e6n] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.pg-vitrin .pg-kunye dt[b-2dkthu0e6n] { color: var(--metin-ipucu); }
/* Taslak adı uzun olabilir → pencerede taşmasın. */
.pg-vitrin .pg-kunye dd[b-2dkthu0e6n] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.pg-vitrin .pg-popup__not[b-2dkthu0e6n] {
  margin: 14px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pg-vitrin .pg-kapak[b-2dkthu0e6n] { padding: 16px; }
  .pg-vitrin .pg-ozet[b-2dkthu0e6n] { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pg-vitrin .pg-ozet__kutu[b-2dkthu0e6n] { border-bottom: 1px solid var(--hat-kart); }
  .pg-vitrin .pg-ozet__kutu:nth-child(3n)[b-2dkthu0e6n] { border-right: 0; }
  .pg-vitrin .pg-ozet__kutu:last-child[b-2dkthu0e6n] { border-right: 0; border-bottom: 0; }
  .pg-vitrin :is(.pg-sekmeler, .pg-bakis)[b-2dkthu0e6n] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .pg-vitrin :is(.pg-sekme, .pg-bakis__dugme)[b-2dkthu0e6n] { flex: 0 0 auto; min-height: 44px; }
  .pg-vitrin .au-btn[b-2dkthu0e6n] { min-height: 44px; }
  .pg-vitrin .pg-cell[b-2dkthu0e6n] { min-height: 52px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .pg-vitrin .pg-kapak[b-2dkthu0e6n] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }
  .pg-vitrin .au-title[b-2dkthu0e6n] { font-size: var(--yazi-kapak, 20px); }
  .pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n] { flex-direction: column; align-items: stretch; }
  .pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n]  .edu-dropdown { max-width: none; }
  /* Kap burada sütun olduğu için 176px'lik flex tabanı YÜKSEKLİĞE dönüşür ve
     max-width alanı dar ekranda kısıtlar; ikisi de telefonda geri alınır. */
  .pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n]  .app-field { flex: 0 1 auto; max-width: none; }
  .pg-vitrin .pg-kapak__filtre[b-2dkthu0e6n]  .app-input { font-size: max(16px, 1rem); min-height: 44px; height: 44px; }
  .pg-vitrin .pg-ara[b-2dkthu0e6n] { flex: 1 1 auto; }
  .pg-vitrin .pg-ara__alan[b-2dkthu0e6n] { font-size: max(16px, 1rem); min-height: 44px; }
  .pg-vitrin .pg-ozet[b-2dkthu0e6n] { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); }
  .pg-vitrin .pg-ozet__kutu[b-2dkthu0e6n] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
    padding: 14px 12px 12px;
  }
  .pg-vitrin .pg-ozet__kutu:last-child[b-2dkthu0e6n] { border-bottom: 0; }
  .pg-vitrin .pg-ozet__deger[b-2dkthu0e6n] { font-size: var(--yazi-kpi, 20px); }
  .pg-vitrin :is(.pg-sekmeler, .pg-bakis)[b-2dkthu0e6n] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .pg-vitrin :is(.pg-sekme, .pg-bakis__dugme)[b-2dkthu0e6n] { flex: 0 0 auto; min-height: 44px; }
  .pg-vitrin .au-btn[b-2dkthu0e6n] { min-height: 44px; }
  .pg-vitrin .pg-bolum[b-2dkthu0e6n] { padding: 16px 12px; }
  .pg-vitrin .pg-bolum__baslik[b-2dkthu0e6n] { font-size: var(--yazi-bolum, 14px); }
  .pg-vitrin .pg-tablo th[b-2dkthu0e6n], .pg-vitrin .pg-tablo td[b-2dkthu0e6n] { padding-inline: 8px; }
  .pg-vitrin .pg-cell[b-2dkthu0e6n] { min-width: 112px; min-height: 52px; }
  .pg-vitrin .pg-popup[b-2dkthu0e6n] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pg-vitrin .pg-popup__bas[b-2dkthu0e6n], .pg-vitrin .pg-popup__govde[b-2dkthu0e6n] { padding: 12px; }
  .pg-vitrin .pg-kunye > div[b-2dkthu0e6n] { grid-template-columns: minmax(100px, 1fr) minmax(0, 1fr); gap: 8px; padding: 10px 6px; }
}

/* ── Yazdırma: kontrolleri gizle, çizelgeyi tam göster ── */
@media print {
  .pg-noprint[b-2dkthu0e6n] { display: none; }

  /* `.pg-popup[open]` taban kuralı daha özgül → yalnız `.pg-noprint` çıktıda pencereyi
     kapatmaya yetmiyordu; açık pencereyle yazdırılırsa çizelgenin üstünü örtüyordu. */
  .pg-vitrin .pg-popup[open][b-2dkthu0e6n] { display: none; }

  /* Kapak çıktıda kalır ama kart görünümü olmadan: başlık + taslak durumu okunur. */
  .pg-vitrin .pg-kapak[b-2dkthu0e6n] {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .pg-vitrin .pg-bolum[b-2dkthu0e6n] {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .pg-vitrin .pg-bolum[b-2dkthu0e6n]::before { display: none; }

  .pg-vitrin .pg-tablo-kap[b-2dkthu0e6n] {
    max-height: none;
    overflow: visible;
    border: 0;
  }

  /* Başlık rengi mürekkebe döner; zemin de dönmezse "arka plan grafiklerini yazdır" açıkken
     koyu rampanın üzerine koyu yazı basılıyor ve gün satırı okunmuyordu. Zemin yüzeye alınır,
     sütun ayrımı alt çizgiye devredilir. */
  .pg-vitrin .pg-tablo thead[b-2dkthu0e6n] { position: static; background: var(--yuzey); }

  .pg-vitrin .pg-tablo thead th[b-2dkthu0e6n] {
    color: var(--metin-murekkep);
    background: var(--yuzey);
    border-bottom: 1px solid var(--hat-kart);
  }

  .pg-vitrin .pg-tablo thead th:first-child[b-2dkthu0e6n] { background: var(--yuzey); }
  .pg-vitrin .pg-tablo tbody th:first-child[b-2dkthu0e6n] { position: static; }
  .pg-vitrin .pg-cell[b-2dkthu0e6n] { break-inside: avoid; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/ProlizAktarim.razor.rz.scp.css */
/* Proliz aktarımı — Akademik Analiz görsel dili (23 px kapak, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, bölüm sekmeleri, native popup). Salt Aurora
   token; yeni hex ve !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1
   metinleriyle birebir. NOT: `.wrap` bu bileşenin dışındadır — scoped CSS ona
   ulaşamaz; sayfa dış boşluğu global `.wrap` kuralında kalır. */

.pa-vitrin[b-mamfmxgo1r] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + hedef özeti + ana eylem aynı beyaz yüzeyde ── */
.pa-vitrin .pa-kapak[b-mamfmxgo1r] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pa-vitrin .pa-kapak__baslik[b-mamfmxgo1r] {
  min-width: 0;
  flex: 1 1 260px;
  align-self: center;
}

/* GeriBaglanti ayrı bir bileşendir; kök <a> bu sayfanın kapsam niteliğini TAŞIMAZ →
   ::deep olmadan kural hiç eşleşmez. Kapak `align-items: flex-end` olduğu için 30px'lik
   geri düğmesi 65px'lik satırın dibine yapışıyordu (başlık zaten align-self: center ile
   hizadan çıkarılmış); aile genelindeki kapaklarla aynı optik hizaya getiriyoruz. */
.pa-vitrin .pa-kapak[b-mamfmxgo1r]  .au-breadcrumb {
  align-self: center;
}

.pa-vitrin .au-title[b-mamfmxgo1r] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.pa-vitrin .pa-kapak__alt[b-mamfmxgo1r] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.pa-vitrin .pa-kapak__hedef[b-mamfmxgo1r] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  flex: 1 1 320px;
}

.pa-vitrin .pa-etiket[b-mamfmxgo1r] {
  color: var(--metin-ipucu);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.pa-vitrin .pa-hedef__deger[b-mamfmxgo1r] {
  min-width: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.pa-vitrin .pa-rozet[b-mamfmxgo1r] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill, 999px);
  font-size: 12px;
  font-weight: 600;
}

.pa-vitrin .pa-rozet.is-hazir[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, var(--yuzey));
  color: var(--marka-700);
}

.pa-vitrin .pa-rozet.is-eksik[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--metin-ipucu) 14%, var(--yuzey));
  color: var(--metin-ikincil);
}

.pa-vitrin .pa-kapak__eylem[b-mamfmxgo1r] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

/* ── Düğme ve girdi tabanı ── */
.pa-vitrin .au-btn[b-mamfmxgo1r] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.pa-vitrin .au-btn:hover:not(:disabled)[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.pa-vitrin .au-btn:disabled[b-mamfmxgo1r] { opacity: .55; cursor: not-allowed; }

.pa-vitrin .au-btn--primary[b-mamfmxgo1r] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.pa-vitrin .au-btn--primary:hover:not(:disabled)[b-mamfmxgo1r] { background: var(--marka-500); border-color: var(--marka-500); }

.pa-vitrin .au-input[b-mamfmxgo1r] {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.pa-vitrin :is(.au-btn, .au-input, .pa-sekme, .pa-panel, input[type="checkbox"]):focus-visible[b-mamfmxgo1r] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.pa-vitrin .pa-bolum[b-mamfmxgo1r] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pa-vitrin .pa-bolum[b-mamfmxgo1r]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.pa-vitrin .pa-bolum__baslik[b-mamfmxgo1r] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pa-vitrin .pa-bolum__baslik[b-mamfmxgo1r]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pa-vitrin .pa-bolum__alt[b-mamfmxgo1r] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.pa-vitrin .pa-bolum__alt code[b-mamfmxgo1r] {
  padding: 1px 5px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  font-size: 12px;
}

.pa-vitrin .pa-banner[b-mamfmxgo1r] { margin: 12px 0; }
.pa-vitrin .pa-ipucu[b-mamfmxgo1r] { color: var(--metin-ipucu); font-size: 12px; line-height: 1.5; }
.pa-vitrin .pa-bos[b-mamfmxgo1r] { margin: 0; color: var(--metin-ipucu); font-size: 13px; line-height: 1.6; }

/* ── Alanlar ve eylem satırı ── */
.pa-vitrin .pa-alanlar[b-mamfmxgo1r] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 14px;
  margin: 14px 0;
}

.pa-vitrin .pa-alan[b-mamfmxgo1r] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
}

.pa-vitrin .pa-dar[b-mamfmxgo1r] { max-width: 140px; }

.pa-vitrin .pa-eylemler[b-mamfmxgo1r] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 14px;
}

.pa-vitrin .pa-onay[b-mamfmxgo1r] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0 4px;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
}

.pa-vitrin .pa-onay input[type="checkbox"][b-mamfmxgo1r] {
  width: 20px;
  height: 20px;
  margin: 0;
  flex: 0 0 20px;
  accent-color: var(--marka-600);
}

/* ── Seçenekler bloğu (geri yazma davranışını değiştiren dört anahtar) ── */
.pa-vitrin .pa-secenekler[b-mamfmxgo1r] {
  margin: 14px 0 4px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 8px;
  background: var(--yuzey-alt, var(--yuzey));
}

.pa-vitrin .pa-secenekler__baslik[b-mamfmxgo1r] {
  margin: 0 0 6px;
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Onay kutusunun METNİYLE hizalı: 20px kutu + 10px boşluk. */
.pa-vitrin .pa-secenekler .pa-ipucu[b-mamfmxgo1r] { margin: 0 0 10px 30px; }
.pa-vitrin .pa-secenekler .pa-alanlar[b-mamfmxgo1r] { margin: 8px 0 4px 30px; }

/* Geri alınamaz seçeneğin ipucu tonu — banner değil, kutunun içinde kalır. */
.pa-vitrin .pa-ipucu--tehlike[b-mamfmxgo1r] { color: var(--red-600); }

/* ── Sayım şeridi (sekmelerin dışında, hep görünür) ── */
.pa-vitrin .pa-olcum[b-mamfmxgo1r] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0;
  margin: 14px 0;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.pa-vitrin .pa-olcum__kutu[b-mamfmxgo1r] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 12px 16px 14px;
  border-right: 1px solid var(--hat-kart);
  border-top: 3px solid var(--marka-600);
  background: var(--yuzey);
}

.pa-vitrin .pa-olcum__kutu:last-child[b-mamfmxgo1r] { border-right: 0; }

.pa-vitrin .pa-olcum__etiket[b-mamfmxgo1r] {
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pa-vitrin .pa-olcum__deger[b-mamfmxgo1r] {
  color: var(--marka-700);
  font: 700 22px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

/* ── Durum künyesi ── */
.pa-vitrin .pa-durum[b-mamfmxgo1r] {
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr);
  gap: 1px;
  margin: 14px 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  overflow: hidden;
  font-size: 13px;
}

.pa-vitrin .pa-durum dt[b-mamfmxgo1r],
.pa-vitrin .pa-durum dd[b-mamfmxgo1r] {
  margin: 0;
  padding: 9px 12px;
  background: var(--yuzey);
}

.pa-vitrin .pa-durum dt[b-mamfmxgo1r] { color: var(--metin-ipucu); }
.pa-vitrin .pa-durum dd[b-mamfmxgo1r] { min-width: 0; color: var(--metin-ikincil); overflow-wrap: anywhere; }

.pa-vitrin .pa-durum dt:nth-of-type(2n)[b-mamfmxgo1r],
.pa-vitrin .pa-durum dd:nth-of-type(2n)[b-mamfmxgo1r] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

/* ── Bölüm sekmeleri ── */
.pa-vitrin .pa-sekmeler[b-mamfmxgo1r] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 16px 0;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.pa-vitrin .pa-sekme[b-mamfmxgo1r] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.pa-vitrin .pa-sekme:hover[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.pa-vitrin .pa-sekme[aria-selected="true"][b-mamfmxgo1r] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.pa-vitrin .pa-panel[b-mamfmxgo1r] { min-width: 0; }

/* ── Tablolar: sınırlı alanda kayar, başlık üstte sabit ── */
.pa-vitrin .pa-tablo-kap[b-mamfmxgo1r] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  margin-top: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.pa-vitrin .pa-tablo[b-mamfmxgo1r] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
}

.pa-vitrin .pa-tablo thead[b-mamfmxgo1r] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.pa-vitrin .pa-tablo thead th[b-mamfmxgo1r] {
  background: transparent;
  border-bottom: 0;
  padding: 10px 13px;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.pa-vitrin .pa-tablo tbody th[b-mamfmxgo1r],
.pa-vitrin .pa-tablo tbody td[b-mamfmxgo1r] {
  padding: 9px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-weight: 400;
  text-align: start;
  vertical-align: top;
}

.pa-vitrin .pa-tablo tbody tr:nth-child(2n) th[b-mamfmxgo1r],
.pa-vitrin .pa-tablo tbody tr:nth-child(2n) td[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* İlk sütun (işlem adı / sıra) yatay kaydırmada yapışık kalır — opak zemin gerekir. */
.pa-vitrin .pa-tablo thead th:first-child[b-mamfmxgo1r],
.pa-vitrin .pa-tablo tbody th:first-child[b-mamfmxgo1r] {
  position: sticky;
  left: 0;
  z-index: 3;
  font-weight: 600;
  white-space: nowrap;
}

.pa-vitrin .pa-tablo thead th:first-child[b-mamfmxgo1r] { z-index: 5; background: var(--marka-600); }
.pa-vitrin .pa-tablo tbody th:first-child[b-mamfmxgo1r] { background: var(--yuzey); }

.pa-vitrin .pa-tablo tbody tr:nth-child(2n) th:first-child[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pa-vitrin .pa-tablo__eylem[b-mamfmxgo1r] { white-space: nowrap; }
.pa-vitrin .pa-ayrinti-ac[b-mamfmxgo1r] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.pa-vitrin .pa-satir--hatali th:first-child[b-mamfmxgo1r],
.pa-vitrin .pa-satir--hatali td[b-mamfmxgo1r] { color: var(--metin-ikincil); }

.pa-vitrin .pa-satir--hatali th:first-child[b-mamfmxgo1r] {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--marka-600) 50%, transparent);
}

.pa-vitrin .pa-hata[b-mamfmxgo1r] {
  display: block;
  margin-top: 3px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Liste (atlananlar / uyarılar) ── */
.pa-vitrin .pa-liste[b-mamfmxgo1r] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.pa-vitrin .pa-liste li[b-mamfmxgo1r] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.pa-vitrin .pa-liste li strong[b-mamfmxgo1r] {
  flex: 0 0 auto;
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.pa-vitrin .pa-geri-alma[b-mamfmxgo1r] {
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
  white-space: pre-line;
}

.pa-vitrin .pa-gizli[b-mamfmxgo1r] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Pencereler (native top layer) ── */
.pa-vitrin .pa-popup[b-mamfmxgo1r] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pa-vitrin .pa-popup[open][b-mamfmxgo1r] { display: flex; flex-direction: column; }
.pa-vitrin .pa-popup[b-mamfmxgo1r]::backdrop { background: var(--scrim); }

.pa-vitrin .pa-popup__bas[b-mamfmxgo1r] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pa-vitrin .pa-popup__bas h2[b-mamfmxgo1r] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pa-vitrin .pa-popup__bas h2:focus[b-mamfmxgo1r] { outline: none; }

.pa-vitrin .pa-popup__kapat[b-mamfmxgo1r] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.pa-vitrin .pa-popup__govde[b-mamfmxgo1r] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pa-vitrin .pa-popup__eylemler[b-mamfmxgo1r] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.pa-vitrin .pa-popup__not[b-mamfmxgo1r] {
  margin: 0 0 14px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

.pa-vitrin .pa-popup__alt-baslik[b-mamfmxgo1r] {
  margin: 18px 0 6px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.pa-vitrin .pa-form[b-mamfmxgo1r] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pa-vitrin .pa-form[b-mamfmxgo1r]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
}

.pa-vitrin .pa-kunye[b-mamfmxgo1r] {
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 1px;
  margin: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  overflow: hidden;
  font-size: 13px;
}

.pa-vitrin .pa-kunye dt[b-mamfmxgo1r],
.pa-vitrin .pa-kunye dd[b-mamfmxgo1r] {
  margin: 0;
  padding: 8px 12px;
  background: var(--yuzey);
}

.pa-vitrin .pa-kunye dt[b-mamfmxgo1r] { color: var(--metin-ipucu); overflow-wrap: anywhere; }
.pa-vitrin .pa-kunye dd[b-mamfmxgo1r] { min-width: 0; color: var(--metin-ikincil); overflow-wrap: anywhere; }

.pa-vitrin .pa-kunye dt:nth-of-type(2n)[b-mamfmxgo1r],
.pa-vitrin .pa-kunye dd:nth-of-type(2n)[b-mamfmxgo1r] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

/* ── Uyarı şeritleri ──
   Temel `.au-banner` ile --warn/--danger/--info global admin-users.css'te tanımlı; --success ise
   YALNIZ `.au-page.form-vitrin` altında var, bu sayfada karşılığı YOKTU: "N satır Proliz'e
   yazıldı" ve bağlantı testi başarı şeridi zeminsiz, hatsız çiziliyordu. Ayrıca bu sayfanın
   "canlı yazma kapalı" (--warn) ve "gönderilecek işlem yoktu" (--info) şeritleri global
   admin-users.css'in App.razor'da scope'suz yüklü kalmasına bağımlıydı. Dört varyant da
   admin-users.css ile AYNI token formülüyle burada tanımlanır: görünüm değişmez, bağımlılık
   kalkar. */
.pa-vitrin .au-banner--success[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--green-500) 12%, transparent);
  color: var(--green-600);
  border: 1px solid color-mix(in srgb, var(--green-500) 25%, transparent);
}

.pa-vitrin .au-banner--danger[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  border: 1px solid color-mix(in srgb, var(--red-500) 25%, transparent);
}

.pa-vitrin .au-banner--warn[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--amber-500) 12%, transparent);
  color: var(--amber-600);
  border: 1px solid color-mix(in srgb, var(--amber-500) 25%, transparent);
}

.pa-vitrin .au-banner--info[b-mamfmxgo1r] {
  background: color-mix(in srgb, var(--blue-500) 10%, transparent);
  color: var(--blue-600);
  border: 1px solid color-mix(in srgb, var(--blue-500) 25%, transparent);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pa-vitrin .pa-kapak[b-mamfmxgo1r] { padding: 16px; }
  .pa-vitrin .pa-olcum[b-mamfmxgo1r] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pa-vitrin .pa-olcum__kutu:nth-child(2n)[b-mamfmxgo1r] { border-right: 0; }
  .pa-vitrin .pa-sekmeler[b-mamfmxgo1r] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .pa-vitrin .pa-sekme[b-mamfmxgo1r] { flex: 0 0 auto; min-height: 44px; }
  .pa-vitrin .au-btn[b-mamfmxgo1r] { min-height: 44px; }
  .pa-vitrin .au-input[b-mamfmxgo1r] { min-height: 44px; font-size: max(16px, 1rem); }
  .pa-vitrin .pa-ayrinti-ac[b-mamfmxgo1r] { min-height: 44px; }
  .pa-vitrin .pa-onay input[type="checkbox"][b-mamfmxgo1r] { width: 24px; height: 24px; flex-basis: 24px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .pa-vitrin .pa-kapak[b-mamfmxgo1r] { padding: 12px; }
  .pa-vitrin .au-title[b-mamfmxgo1r] { font-size: var(--yazi-kapak, 20px); }
  .pa-vitrin .pa-kapak__hedef[b-mamfmxgo1r] { flex: 1 1 100%; }
  .pa-vitrin .pa-kapak__eylem[b-mamfmxgo1r] { flex: 1 1 100%; margin-inline-start: 0; }
  .pa-vitrin .pa-kapak__eylem .au-btn[b-mamfmxgo1r] { flex: 1 1 100%; justify-content: center; }
  .pa-vitrin .pa-bolum[b-mamfmxgo1r] { padding: 16px 12px; }
  .pa-vitrin .pa-bolum__baslik[b-mamfmxgo1r] { font-size: var(--yazi-bolum, 14px); }
  .pa-vitrin .pa-olcum[b-mamfmxgo1r] { grid-template-columns: minmax(0, 1fr); }
  .pa-vitrin .pa-olcum__kutu[b-mamfmxgo1r] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .pa-vitrin .pa-olcum__kutu:last-child[b-mamfmxgo1r] { border-bottom: 0; }
  .pa-vitrin .pa-olcum__deger[b-mamfmxgo1r] { font-size: var(--yazi-kpi, 20px); }
  .pa-vitrin .pa-durum[b-mamfmxgo1r] { grid-template-columns: minmax(0, 1fr); }
  .pa-vitrin .pa-durum dd[b-mamfmxgo1r] { padding-top: 0; }
  .pa-vitrin .pa-sekmeler[b-mamfmxgo1r] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .pa-vitrin .pa-sekme[b-mamfmxgo1r] { flex: 0 0 auto; min-height: 44px; }
  .pa-vitrin .pa-tablo th[b-mamfmxgo1r], .pa-vitrin .pa-tablo td[b-mamfmxgo1r] { padding-inline: 8px; }
  .pa-vitrin .pa-dar[b-mamfmxgo1r] { max-width: none; }
  .pa-vitrin .pa-alan[b-mamfmxgo1r] { flex: 1 1 100%; }
  .pa-vitrin .au-btn[b-mamfmxgo1r] { min-height: 44px; }
  .pa-vitrin .au-input[b-mamfmxgo1r] { min-height: 44px; font-size: max(16px, 1rem); }
  .pa-vitrin .pa-ayrinti-ac[b-mamfmxgo1r] { min-height: 44px; }
  .pa-vitrin .pa-onay input[type="checkbox"][b-mamfmxgo1r] { width: 24px; height: 24px; flex-basis: 24px; }
  .pa-vitrin .pa-eylemler .au-btn[b-mamfmxgo1r] { flex: 1 1 100%; justify-content: center; }
  .pa-vitrin .pa-popup[b-mamfmxgo1r] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pa-vitrin .pa-popup__bas[b-mamfmxgo1r],
  .pa-vitrin .pa-popup__govde[b-mamfmxgo1r],
  .pa-vitrin .pa-popup__eylemler[b-mamfmxgo1r] { padding: 12px; }
  .pa-vitrin .pa-popup__eylemler .au-btn[b-mamfmxgo1r] { flex: 1 1 100%; justify-content: center; }
  .pa-vitrin .pa-kunye[b-mamfmxgo1r] { grid-template-columns: minmax(0, 1fr); }
  .pa-vitrin .pa-kunye dd[b-mamfmxgo1r] { padding-top: 0; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SinavDetay.razor.rz.scp.css */
/* Sınav detayı (/planlama/sinavlar/{id}) — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Curriculum/Standards/StandardsPage.razor.css.
   Sekme renkleri Akademik Analiz üst bilgi paletinden (--agv-* yalnız analiz kapsamında
   tanımlı olduğu için burada eşdeğer marka token'ları kullanılır).
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   GozetmenPaneli çocuk bileşendir; sk-* işaretlemesi ::deep ile hizalanır. */

.sd-vitrin[b-2svi3f12yb] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* Kapak çizilemediğinde (yükleniyor / hata / bulunamadı) tek başına duran geri satırı. */
.sd-ust-geri[b-2svi3f12yb] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

/* ── Kapak: başlık + durum rozetleri + ana eylemler tek beyaz yüzeyde ──── */
.sd-kapak[b-2svi3f12yb] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "rozet rozet"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sd-kapak[b-2svi3f12yb]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.sd-kapak__metin[b-2svi3f12yb] {
  grid-area: baslik;
  min-width: 0;
}

.sd-kapak__rozet[b-2svi3f12yb] {
  grid-area: rozet;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sd-kapak__eylem[b-2svi3f12yb] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, rozet + eylem sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .sd-kapak[b-2svi3f12yb] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik rozet eylem";
  }

  .sd-kapak__rozet[b-2svi3f12yb],
  .sd-kapak__eylem[b-2svi3f12yb] {
    justify-self: end;
  }
}

.sd-vitrin .au-title[b-2svi3f12yb] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.sd-vitrin .au-sub[b-2svi3f12yb] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.sd-vitrin .au-btn[b-2svi3f12yb],
.sd-vitrin[b-2svi3f12yb]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sd-vitrin[b-2svi3f12yb]  .au-btn--sm {
  padding: 0 10px;
  font-size: 12px;
}

.sd-vitrin .au-btn:hover:not(:disabled)[b-2svi3f12yb],
.sd-vitrin[b-2svi3f12yb]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.sd-vitrin .au-btn--primary[b-2svi3f12yb],
.sd-vitrin[b-2svi3f12yb]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sd-vitrin .au-btn--primary:hover:not(:disabled)[b-2svi3f12yb],
.sd-vitrin[b-2svi3f12yb]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.sd-vitrin .au-btn:disabled[b-2svi3f12yb],
.sd-vitrin[b-2svi3f12yb]  .au-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.sd-vitrin :is(.au-btn, .sd-sekme, .sd-panel):focus-visible[b-2svi3f12yb] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────────────── */
.sd-sekmeler[b-2svi3f12yb] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.sd-sekme[b-2svi3f12yb] {
  --sd-vurgu: var(--marka-600);
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* İkinci sekme petrol tonunu alır (lacivert → petrol dağılımı). */
.sd-sekme:nth-child(2)[b-2svi3f12yb] {
  --sd-vurgu: var(--marka-rampa-uc);
}

.sd-sekme:hover[b-2svi3f12yb] {
  color: var(--sd-vurgu);
  background: color-mix(in srgb, var(--sd-vurgu) 14%, var(--yuzey));
}

.sd-sekme[aria-selected="true"][b-2svi3f12yb] {
  color: var(--on-brand);
  background: var(--sd-vurgu);
}

.sd-sekme:focus-visible[b-2svi3f12yb] {
  outline-color: var(--sd-vurgu);
}

.sd-panel:focus-visible[b-2svi3f12yb] {
  outline-offset: 4px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.sd-kart[b-2svi3f12yb] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sd-kart[b-2svi3f12yb]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sd-kart__bas[b-2svi3f12yb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.sd-kart__baslik[b-2svi3f12yb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.sd-kart__baslik[b-2svi3f12yb]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sd-soluk[b-2svi3f12yb] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.sd-not[b-2svi3f12yb] {
  margin: 0;
}

.sd-bos[b-2svi3f12yb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.sd-bos p[b-2svi3f12yb] {
  margin: 0;
}

/* ── Sınav bilgileri listesi ───────────────────────────────────────────── */
.sd-olgular[b-2svi3f12yb] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.sd-olgular > div[b-2svi3f12yb] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.sd-olgular > div:nth-child(odd)[b-2svi3f12yb] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sd-olgular dt[b-2svi3f12yb] {
  color: var(--n-500);
}

.sd-olgular dd[b-2svi3f12yb] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.sd-popup[b-2svi3f12yb] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sd-popup[open][b-2svi3f12yb] {
  display: flex;
  flex-direction: column;
}

.sd-popup[b-2svi3f12yb]::backdrop {
  background: var(--scrim);
}

.sd-popup__bas[b-2svi3f12yb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sd-popup__bas h2[b-2svi3f12yb] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.sd-popup__bas h2:focus[b-2svi3f12yb] {
  outline: none;
}

.sd-popup__kapat[b-2svi3f12yb] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

/* Form kendi başına kayan gövde + sabit eylem satırı olur. */
.sd-popup__form[b-2svi3f12yb] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.sd-popup__govde[b-2svi3f12yb] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sd-popup__govde[b-2svi3f12yb]  .au-banner {
  margin-bottom: 0;
}

.sd-popup__eylem[b-2svi3f12yb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Çocuk bileşenler (GozetmenPaneli sk-*, DataStates, form kontrolleri) ─ */
.sd-panel[b-2svi3f12yb]  .au-card {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* Panel içindeki liste kartları (aday satırları) küçük kart köşesi alır. */
.sd-panel[b-2svi3f12yb]  .sk-card {
  padding: 12px 14px;
  border-radius: var(--kose-kart);
  box-shadow: none;
}

.sd-panel[b-2svi3f12yb]  .au-card__title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.sd-panel[b-2svi3f12yb]  .sk-group-title {
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
}

.sd-panel[b-2svi3f12yb]  .sk-chip {
  border-radius: var(--kose-dugme);
}

.sd-vitrin[b-2svi3f12yb]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

.sd-vitrin[b-2svi3f12yb]  .app-input,
.sd-vitrin[b-2svi3f12yb]  .app-select {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.sd-vitrin[b-2svi3f12yb]  :is(.app-input, .app-select):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sd-kapak[b-2svi3f12yb] {
    padding: 16px;
  }

  .sd-vitrin .au-btn[b-2svi3f12yb],
  .sd-vitrin[b-2svi3f12yb]  .au-btn {
    min-height: 44px;
  }

  .sd-sekmeler[b-2svi3f12yb] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .sd-sekme[b-2svi3f12yb] {
    min-height: 44px;
  }

  .sd-vitrin[b-2svi3f12yb]  .app-input,
  .sd-vitrin[b-2svi3f12yb]  .app-select {
    min-height: 44px;
  }

  .sd-kapak[b-2svi3f12yb]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  .sd-vitrin[b-2svi3f12yb]  .app-input,
  .sd-vitrin[b-2svi3f12yb]  .app-select {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .sd-kapak[b-2svi3f12yb] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .sd-vitrin .au-title[b-2svi3f12yb] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sd-kapak__eylem[b-2svi3f12yb] {
    width: 100%;
  }

  .sd-kapak__eylem .au-btn[b-2svi3f12yb] {
    flex: 1 1 auto;
  }

  .sd-kart[b-2svi3f12yb] {
    padding: 16px 12px;
  }

  .sd-kart__baslik[b-2svi3f12yb] {
    font-size: var(--yazi-bolum, 14px);
  }

  .sd-olgular > div[b-2svi3f12yb] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .sd-popup[b-2svi3f12yb] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sd-popup__bas[b-2svi3f12yb],
  .sd-popup__govde[b-2svi3f12yb],
  .sd-popup__eylem[b-2svi3f12yb] {
    padding: 12px;
  }

  .sd-popup__eylem .au-btn[b-2svi3f12yb] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SinavOlustur.razor.rz.scp.css */
/* Yeni sınav (/planlama/sinavlar/olustur) — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Curriculum/Standards/StandardsPage.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   AppWizard bir çocuk bileşendir; kart/düğme ölçüleri ::deep ile hizalanır. */

.so-vitrin[b-xvj66nqd3b] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık tek beyaz yüzeyde (bu ekranda süzgeç yok) ───────────── */
.so-kapak[b-xvj66nqd3b] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.so-kapak[b-xvj66nqd3b]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.so-kapak__metin[b-xvj66nqd3b] {
  grid-area: baslik;
  min-width: 0;
}

.so-vitrin .au-title[b-xvj66nqd3b] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.so-vitrin .au-sub[b-xvj66nqd3b] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Sihirbaz kartı: bölüm kartı ölçüleri (AppWizard çocuk bileşen) ────── */
.so-sihirbaz[b-xvj66nqd3b]  .wiz-kart {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-title::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-count {
  color: var(--n-500);
  font-size: 12.5px;
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.so-sihirbaz[b-xvj66nqd3b]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Adım gövdesi ──────────────────────────────────────────────────────── */
.so-alanlar[b-xvj66nqd3b] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.so-soluk[b-xvj66nqd3b] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.so-not[b-xvj66nqd3b] {
  margin: 0;
}

/* ── Özet listesi ──────────────────────────────────────────────────────── */
.so-olgular[b-xvj66nqd3b] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.so-olgular > div[b-xvj66nqd3b] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.so-olgular > div:nth-child(odd)[b-xvj66nqd3b] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.so-olgular dt[b-xvj66nqd3b] {
  color: var(--n-500);
}

.so-olgular dd[b-xvj66nqd3b] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Çocuk form kontrolleri ────────────────────────────────────────────── */
.so-vitrin[b-xvj66nqd3b]  .app-input,
.so-vitrin[b-xvj66nqd3b]  .app-select {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.so-vitrin[b-xvj66nqd3b]  :is(.app-input, .app-select):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .so-kapak[b-xvj66nqd3b] {
    padding: 16px;
  }

  .so-sihirbaz[b-xvj66nqd3b]  .wiz-btn {
    min-height: 44px;
  }

  .so-vitrin[b-xvj66nqd3b]  .app-input,
  .so-vitrin[b-xvj66nqd3b]  .app-select {
    min-height: 44px;
  }

  .so-kapak[b-xvj66nqd3b]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  .so-vitrin[b-xvj66nqd3b]  .app-input,
  .so-vitrin[b-xvj66nqd3b]  .app-select {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .so-kapak[b-xvj66nqd3b] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .so-vitrin .au-title[b-xvj66nqd3b] {
    font-size: var(--yazi-kapak, 20px);
  }

  .so-sihirbaz[b-xvj66nqd3b]  .wiz-kart {
    padding: 16px 12px;
  }

  .so-sihirbaz[b-xvj66nqd3b]  .wiz-title {
    font-size: var(--yazi-bolum, 14px);
  }

  .so-sihirbaz[b-xvj66nqd3b]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
  }

  .so-olgular > div[b-xvj66nqd3b] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SinavPlaniUret.razor.rz.scp.css */
/* Sınav planı üret — Akademik Analiz görsel dili (kapak 23 px, bölüm kartı,
   görünür popup). Yalnız mevcut token'lar; yeni hex, !important, sabit spacer yok.
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md */

.spu-kok[b-cjt85h3cqe] {
  min-width: 0;
}

.au-page.spu-vitrin[b-cjt85h3cqe] {
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ───────────────── Kapak ───────────────── */

.spu-kapak[b-cjt85h3cqe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.spu-kapak__metin[b-cjt85h3cqe] {
  min-width: 0;
  flex: 1 1 280px;
}

.spu-kapak .au-title[b-cjt85h3cqe] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.spu-kapak__alt[b-cjt85h3cqe] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.spu-kapak__eylem[b-cjt85h3cqe] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ───────────────── Bölüm kartı ───────────────── */

.spu-bolum[b-cjt85h3cqe],
.spu-bos[b-cjt85h3cqe] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.spu-bolum[b-cjt85h3cqe]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.spu-bolum__baslik[b-cjt85h3cqe] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--marka-700);
  font: 700 15px/1.25 var(--font-display);
  letter-spacing: -.012em;
}

.spu-bolum__baslik[b-cjt85h3cqe]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background: linear-gradient(135deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.spu-bos[b-cjt85h3cqe] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.spu-bos strong[b-cjt85h3cqe] {
  color: var(--marka-700);
  font: 700 15px/1.25 var(--font-display);
}

.spu-bos span[b-cjt85h3cqe] {
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ───────────────── Sihirbaz içi form ───────────────── */

.spu-form[b-cjt85h3cqe] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.spu-ipucu[b-cjt85h3cqe] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.spu-alanlar[b-cjt85h3cqe] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.spu-kapsam[b-cjt85h3cqe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12.5px;
}

.spu-eylemler[b-cjt85h3cqe] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

/* ───────────────── Özet listesi ───────────────── */

.spu-ozet[b-cjt85h3cqe] {
  display: grid;
  grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
  gap: 8px 16px;
  margin: 12px 0 0;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
}

.spu-ozet dt[b-cjt85h3cqe] {
  align-self: center;
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.spu-ozet dd[b-cjt85h3cqe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}

.spu-teknik[b-cjt85h3cqe] {
  margin-top: 12px;
}

.spu-teknik > summary[b-cjt85h3cqe] {
  cursor: pointer;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
}

.spu-teknik > summary:focus-visible[b-cjt85h3cqe] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.spu-ozet--teknik code[b-cjt85h3cqe] {
  font-size: 12px;
  overflow-wrap: anywhere;
}

/* ───────────────── Popup (native dialog) ───────────────── */

.spu-popup[b-cjt85h3cqe] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--ust-golge);
  overflow: hidden;
}

.spu-popup[open][b-cjt85h3cqe] {
  display: flex;
  flex-direction: column;
}

.spu-popup[b-cjt85h3cqe]::backdrop {
  background: var(--scrim);
}

.spu-popup__baslik[b-cjt85h3cqe] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.spu-popup__baslik > div[b-cjt85h3cqe] {
  min-width: 0;
}

.spu-popup__baslik h2[b-cjt85h3cqe] {
  margin: 0;
  color: var(--marka-700);
  font: 700 20px/1.2 var(--font-display);
}

.spu-popup__baslik p[b-cjt85h3cqe] {
  margin: 8px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.spu-popup__kapat[b-cjt85h3cqe] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  min-height: 44px;
  padding: 0;
  font-size: 22px;
}

.spu-popup__govde[b-cjt85h3cqe] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.spu-popup__eylemler[b-cjt85h3cqe] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.spu-ders-listesi[b-cjt85h3cqe] {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}

.spu-ders-listesi li[b-cjt85h3cqe] {
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  overflow-wrap: anywhere;
}

/* ───────────────── Ortak kontroller ───────────────── */

.spu-vitrin .au-btn[b-cjt85h3cqe],
.spu-vitrin[b-cjt85h3cqe]  .au-btn,
.spu-vitrin[b-cjt85h3cqe]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.spu-vitrin .au-btn--primary[b-cjt85h3cqe],
.spu-vitrin[b-cjt85h3cqe]  .au-btn--primary,
.spu-vitrin[b-cjt85h3cqe]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.spu-vitrin .au-btn:focus-visible[b-cjt85h3cqe],
.spu-vitrin[b-cjt85h3cqe]  .au-btn:focus-visible,
.spu-vitrin[b-cjt85h3cqe]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

@media (hover: hover) {
  .spu-vitrin .au-btn:hover:not(:disabled)[b-cjt85h3cqe],
  .spu-vitrin[b-cjt85h3cqe]  .au-btn:hover:not(:disabled),
  .spu-vitrin[b-cjt85h3cqe]  .wiz-btn:hover:not(:disabled) {
    background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
    border-color: var(--marka-400);
    transform: none;
  }

  .spu-vitrin .au-btn--primary:hover:not(:disabled)[b-cjt85h3cqe],
  .spu-vitrin[b-cjt85h3cqe]  .au-btn--primary:hover:not(:disabled),
  .spu-vitrin[b-cjt85h3cqe]  .wiz-btn--primary:hover:not(:disabled) {
    background: var(--marka-500);
    border-color: var(--marka-500);
  }
}

.spu-vitrin[b-cjt85h3cqe]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  font-size: 13px;
}

.spu-vitrin[b-cjt85h3cqe]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ───────────────── Dokunmatik hedefler ───────────────── */

@media (pointer: coarse) {
  .spu-vitrin .au-btn[b-cjt85h3cqe],
  .spu-vitrin[b-cjt85h3cqe]  .au-btn,
  .spu-vitrin[b-cjt85h3cqe]  .wiz-btn {
    min-height: 44px;
  }

  .spu-vitrin[b-cjt85h3cqe]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ───────────────── TELEFON ───────────────── */

@media (max-width: 640px) {
  .spu-kapak[b-cjt85h3cqe] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }

  .spu-kapak .au-title[b-cjt85h3cqe] {
    font-size: var(--yazi-kapak, 20px);
  }

  .spu-kapak__eylem .au-btn[b-cjt85h3cqe] {
    flex: 1 1 auto;
  }

  .spu-bolum[b-cjt85h3cqe],
  .spu-bos[b-cjt85h3cqe] {
    padding: 12px;
  }

  .spu-bolum__baslik[b-cjt85h3cqe] {
    font-size: var(--yazi-bolum, 14px);
  }

  .spu-alanlar[b-cjt85h3cqe] {
    grid-template-columns: minmax(0, 1fr);
  }

  .spu-ozet[b-cjt85h3cqe] {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 12px;
  }

  .spu-ozet dd:not(:last-child)[b-cjt85h3cqe] {
    margin-bottom: 8px;
  }

  .spu-eylemler .au-btn[b-cjt85h3cqe] {
    flex: 1 1 auto;
  }

  .spu-popup[b-cjt85h3cqe] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .spu-popup__baslik[b-cjt85h3cqe],
  .spu-popup__govde[b-cjt85h3cqe],
  .spu-popup__eylemler[b-cjt85h3cqe] {
    padding: 12px;
  }

  .spu-popup__baslik h2[b-cjt85h3cqe] {
    font-size: 18px;
  }
}

/* ───────────────── MASAÜSTÜ ───────────────── */

@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) and (hover: hover), (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .spu-kapak[b-cjt85h3cqe] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    align-items: center;
    column-gap: 12px;
    row-gap: 14px;
  }

  /* Geri bağlantısı GeriBaglanti bileşeninden gelir → kapsam niteliği bu sayfaya
     ait DEĞİL; ::deep olmadan seçici hiç eşleşmez ve yerleşim tesadüfe kalırdı. */
  .spu-kapak[b-cjt85h3cqe]  .au-breadcrumb {
    grid-area: geri;
  }

  .spu-kapak__metin[b-cjt85h3cqe] {
    grid-area: baslik;
  }

  .spu-kapak__eylem[b-cjt85h3cqe] {
    grid-area: eylem;
    justify-self: end;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SinavTurleri.razor.rz.scp.css */
/* Sınav türleri (/planlama/sinav-turleri) — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Curriculum/Standards/StandardsPage.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   Panel modunda (SayfaPanelHost) kapak daraltılır; dialog top layer'da olduğu için
   panelin taşma sınırında kırpılmaz. */

.st-vitrin[b-g3ql66gjx8] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* Panel modunda dış boşluğu panel gövdesi verir. */
.st-vitrin--panel[b-g3ql66gjx8] {
  padding-bottom: 0;
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ──────────────── */
.st-kapak[b-g3ql66gjx8] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Panelde başlık/geri satırı yoktur: süzgeç ve eylem tek satıra oturur. */
.st-vitrin--panel .st-kapak[b-g3ql66gjx8] {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "suzgec eylem";
  margin-bottom: 0;
  padding: 14px 16px;
}

.st-kapak[b-g3ql66gjx8]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.st-kapak__metin[b-g3ql66gjx8] {
  grid-area: baslik;
  min-width: 0;
}

.st-kapak__suzgec[b-g3ql66gjx8] {
  grid-area: suzgec;
  min-width: 0;
}

.st-kapak__eylem[b-g3ql66gjx8] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.st-suzgec-alan[b-g3ql66gjx8] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.st-suzgec-alan[b-g3ql66gjx8]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Süzgeç katlama düğmesi yalnız telefonda görünür (aşağıdaki telefon bandı). */
.st-suzgec-ac[b-g3ql66gjx8] {
  display: none;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, süzgeç + eylem sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .st-kapak[b-g3ql66gjx8] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* Süzgeç sarmalayıcısında `justify-self: end` kabı shrink-to-fit ölçtürüyordu:
     Chromium flex-wrap:wrap satırın max-content'ini çocukların İÇERİK genişliğinden
     hesaplar, `.st-suzgec-alan .app-field { flex: 0 1 176px }` tabanını saymaz →
     kap daralır, alanlar alt alta yığılır. Sarmalayıcı hücreyi doldurur; sağa
     yaslama içteki flex satırında yapılır. Eylem alanı (tek düğme) değişmedi. */
  .st-kapak__suzgec[b-g3ql66gjx8] {
    justify-self: stretch;
  }

  .st-kapak__suzgec .st-suzgec-alan[b-g3ql66gjx8] {
    justify-content: flex-end;
  }

  .st-kapak__eylem[b-g3ql66gjx8] {
    justify-self: end;
  }
}

.st-vitrin .au-title[b-g3ql66gjx8] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.st-vitrin .au-sub[b-g3ql66gjx8] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.st-vitrin .au-btn[b-g3ql66gjx8],
.st-vitrin[b-g3ql66gjx8]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.st-vitrin .au-btn--sm[b-g3ql66gjx8] {
  padding: 0 10px;
  font-size: 12px;
}

.st-vitrin .au-btn:hover:not(:disabled)[b-g3ql66gjx8] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.st-vitrin .au-btn--primary[b-g3ql66gjx8],
.st-vitrin[b-g3ql66gjx8]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.st-vitrin .au-btn--primary:hover:not(:disabled)[b-g3ql66gjx8] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.st-vitrin .au-btn--danger[b-g3ql66gjx8] {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  color: var(--red-600);
}

.st-vitrin .au-btn--danger:hover:not(:disabled)[b-g3ql66gjx8] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-600);
  color: var(--red-600);
}

.st-vitrin .au-btn:disabled[b-g3ql66gjx8] {
  opacity: .55;
  cursor: not-allowed;
}

.st-vitrin :is(.au-btn, .st-suzgec-ac):focus-visible[b-g3ql66gjx8] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.st-kart[b-g3ql66gjx8] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.st-kart[b-g3ql66gjx8]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.st-kart__bas[b-g3ql66gjx8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.st-kart__baslik[b-g3ql66gjx8] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.st-kart__baslik[b-g3ql66gjx8]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.st-soluk[b-g3ql66gjx8] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.st-not[b-g3ql66gjx8] {
  margin: 0;
}

.st-bos[b-g3ql66gjx8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.st-bos p[b-g3ql66gjx8] {
  margin: 0;
}

.st-gizli[b-g3ql66gjx8] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tür tablosu: kendi alanında kayar, başlık üstte sabit ─────────────── */
.st-tablo-kaydir[b-g3ql66gjx8] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.st-tablo[b-g3ql66gjx8] {
  display: table;
  width: 100%;
  min-width: 820px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.st-tablo thead[b-g3ql66gjx8] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.st-tablo th[b-g3ql66gjx8] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.st-tablo td[b-g3ql66gjx8] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.st-tablo tbody tr:nth-child(even) td[b-g3ql66gjx8] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.st-tablo tbody tr:hover td[b-g3ql66gjx8] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.st-tablo tbody tr.is-secili td[b-g3ql66gjx8] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.st-tablo__ilk[b-g3ql66gjx8] {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.st-sayi[b-g3ql66gjx8] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.st-uzun[b-g3ql66gjx8] {
  max-width: 360px;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.st-tablo__eylem[b-g3ql66gjx8] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.st-popup[b-g3ql66gjx8] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.st-popup[open][b-g3ql66gjx8] {
  display: flex;
  flex-direction: column;
}

.st-popup[b-g3ql66gjx8]::backdrop {
  background: var(--scrim);
}

.st-popup__bas[b-g3ql66gjx8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.st-popup__bas h2[b-g3ql66gjx8] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.st-popup__bas h2:focus[b-g3ql66gjx8] {
  outline: none;
}

.st-popup__kapat[b-g3ql66gjx8] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

/* Form kendi başına kayan gövde + sabit eylem satırı olur. */
.st-popup__form[b-g3ql66gjx8] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.st-popup__govde[b-g3ql66gjx8] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.st-popup__govde[b-g3ql66gjx8]  .au-banner {
  margin-bottom: 0;
}

.st-popup__eylem[b-g3ql66gjx8] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Yıkıcı eylem karşı kenarda — yanlışlıkla tıklama riski azalır. */
.st-eylem--sol[b-g3ql66gjx8] {
  margin-inline-end: auto;
}

/* ── Çocuk bileşenler ──────────────────────────────────────────────────── */
.st-vitrin[b-g3ql66gjx8]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* AppSelect düğmesi ve AppRichText metin alanı da `.app-input` taşır (AppSelect.razor,
   AppRichText.razor: class="app-input app-richtext__area") — ayrı bir `.app-textarea`
   seçicisi bu projede hiçbir şeyi eşlemez. */
.st-vitrin[b-g3ql66gjx8]  .app-input,
.st-vitrin[b-g3ql66gjx8]  .app-select {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.st-vitrin[b-g3ql66gjx8]  :is(.app-input, .app-select):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .st-kapak[b-g3ql66gjx8] {
    padding: 16px;
  }

  .st-vitrin .au-btn[b-g3ql66gjx8],
  .st-vitrin[b-g3ql66gjx8]  .au-btn {
    min-height: 44px;
  }

  .st-vitrin[b-g3ql66gjx8]  .app-input,
  .st-vitrin[b-g3ql66gjx8]  .app-select {
    min-height: 44px;
  }

  .st-kapak[b-g3ql66gjx8]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  .st-vitrin[b-g3ql66gjx8]  .app-input,
  .st-vitrin[b-g3ql66gjx8]  .app-select {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .st-kapak[b-g3ql66gjx8] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .st-vitrin--panel .st-kapak[b-g3ql66gjx8] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "suzgec"
      "eylem";
  }

  .st-vitrin .au-title[b-g3ql66gjx8] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç katlanır: varsayılan kapalı, düğmede etkin süzgeç sayısı. */
  .st-suzgec-ac[b-g3ql66gjx8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
  }

  .st-suzgec-alan[b-g3ql66gjx8] {
    margin-top: 10px;
  }

  .st-suzgec-alan.is-kapali[b-g3ql66gjx8] {
    display: none;
  }

  .st-suzgec-alan[b-g3ql66gjx8]  .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  .st-kapak__eylem[b-g3ql66gjx8] {
    width: 100%;
  }

  .st-kapak__eylem .au-btn[b-g3ql66gjx8] {
    flex: 1 1 auto;
  }

  .st-kart[b-g3ql66gjx8] {
    padding: 16px 12px;
  }

  .st-kart__baslik[b-g3ql66gjx8] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* İlk anlamlı sütun (tür adı) yatay kaydırmada yapışık kalır. */
  .st-tablo__ilk[b-g3ql66gjx8] {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  /* Yapışık başlık hücresi OPAK tek renk olmalı: degradeyi burada yeniden başlatmak
     rampayı tek hücreye sıkıştırır ve şeridin geri kalanıyla görünür bir ek oluşturur
     (akademik-analiz.md "Tablo görünümü" uyarısı). cihaz.css:5214 ile aynı token. */
  .st-tablo thead th:first-child[b-g3ql66gjx8] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--at-bas-zemin, var(--marka-500));
  }

  .st-popup[b-g3ql66gjx8] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .st-popup__bas[b-g3ql66gjx8],
  .st-popup__govde[b-g3ql66gjx8],
  .st-popup__eylem[b-g3ql66gjx8] {
    padding: 12px;
  }

  .st-popup__eylem .au-btn[b-g3ql66gjx8] {
    flex: 1 1 auto;
  }

  .st-eylem--sol[b-g3ql66gjx8] {
    margin-inline-end: 0;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SinavYonetim.razor.rz.scp.css */
/* Sınavlar (/planlama/sinavlar) — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Curriculum/Standards/StandardsPage.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK.
   Çocuk bileşenlerin (DataStates, AppSelect, GeriBaglanti) işaretlemesi ::deep ile hedeflenir. */

.sy-vitrin[b-i35etzsxfe] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ───────────── */
.sy-kapak[b-i35etzsxfe] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sy-kapak[b-i35etzsxfe]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.sy-kapak__metin[b-i35etzsxfe] {
  grid-area: baslik;
  min-width: 0;
}

.sy-kapak__suzgec[b-i35etzsxfe] {
  grid-area: suzgec;
  min-width: 0;
}

.sy-kapak__eylem[b-i35etzsxfe] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sy-suzgec-alan[b-i35etzsxfe] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.sy-suzgec-alan[b-i35etzsxfe]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Süzgeç katlama düğmesi yalnız telefonda görünür (aşağıdaki telefon bandı). */
.sy-suzgec-ac[b-i35etzsxfe] {
  display: none;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, süzgeç + eylem sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .sy-kapak[b-i35etzsxfe] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* Süzgeç kabı `justify-self: end` ile shrink-to-fit ölçülürse Chromium, sarmalı flex satırının
     max-content'ini çocukların İÇERİK genişliğinden hesaplar (`flex: 0 1 176px` tabanı sayılmaz)
     → kap daralır, alanlar alt alta yığılır. Kap 1fr izinde gerilir, yaslama flex satırında yapılır. */
  .sy-kapak__suzgec[b-i35etzsxfe] {
    justify-self: stretch;
  }

  .sy-suzgec-alan[b-i35etzsxfe] {
    justify-content: flex-end;
  }

  .sy-kapak__eylem[b-i35etzsxfe] {
    justify-self: end;
  }
}

.sy-vitrin .au-title[b-i35etzsxfe] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.sy-vitrin .au-sub[b-i35etzsxfe] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.sy-vitrin .au-btn[b-i35etzsxfe],
.sy-vitrin[b-i35etzsxfe]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sy-vitrin .au-btn--sm[b-i35etzsxfe] {
  padding: 0 10px;
  font-size: 12px;
}

.sy-vitrin .au-btn:hover:not(:disabled)[b-i35etzsxfe] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.sy-vitrin .au-btn--primary[b-i35etzsxfe],
.sy-vitrin[b-i35etzsxfe]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sy-vitrin .au-btn--primary:hover:not(:disabled)[b-i35etzsxfe] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.sy-vitrin .au-btn:disabled[b-i35etzsxfe] {
  opacity: .55;
  cursor: not-allowed;
}

.sy-vitrin :is(.au-btn, .sy-suzgec-ac, .sy-baglanti):focus-visible[b-i35etzsxfe] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.sy-kart[b-i35etzsxfe] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sy-kart[b-i35etzsxfe]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sy-kart__bas[b-i35etzsxfe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.sy-kart__baslik[b-i35etzsxfe] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.sy-kart__baslik[b-i35etzsxfe]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sy-soluk[b-i35etzsxfe] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.sy-not[b-i35etzsxfe] {
  margin: 0;
}

.sy-bos[b-i35etzsxfe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.sy-bos p[b-i35etzsxfe] {
  margin: 0;
}

.sy-gizli[b-i35etzsxfe] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Sınav tablosu: kendi alanında kayar, başlık üstte sabit ───────────── */
.sy-tablo-kaydir[b-i35etzsxfe] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.sy-tablo[b-i35etzsxfe] {
  display: table;
  width: 100%;
  min-width: 940px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.sy-tablo thead[b-i35etzsxfe] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.sy-tablo th[b-i35etzsxfe] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.sy-tablo td[b-i35etzsxfe] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.sy-tablo tbody tr:nth-child(even) td[b-i35etzsxfe] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sy-tablo tbody tr:hover td[b-i35etzsxfe] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sy-tablo tbody tr.is-secili td[b-i35etzsxfe] {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.sy-tablo__ilk[b-i35etzsxfe] {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.sy-sayi[b-i35etzsxfe] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sy-tablo__eylem[b-i35etzsxfe] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.sy-baglanti[b-i35etzsxfe] {
  color: var(--marka-700);
  text-decoration: none;
}

.sy-baglanti:hover[b-i35etzsxfe] {
  text-decoration: underline;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.sy-popup[b-i35etzsxfe] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sy-popup[open][b-i35etzsxfe] {
  display: flex;
  flex-direction: column;
}

.sy-popup[b-i35etzsxfe]::backdrop {
  background: var(--scrim);
}

.sy-popup__bas[b-i35etzsxfe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.sy-popup__bas h2[b-i35etzsxfe] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.sy-popup__bas h2:focus[b-i35etzsxfe] {
  outline: none;
}

.sy-popup__kapat[b-i35etzsxfe] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.sy-popup__govde[b-i35etzsxfe] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sy-popup__eylem[b-i35etzsxfe] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.sy-rozetler[b-i35etzsxfe] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sy-olgular[b-i35etzsxfe] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.sy-olgular > div[b-i35etzsxfe] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.sy-olgular > div:nth-child(odd)[b-i35etzsxfe] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sy-olgular dt[b-i35etzsxfe] {
  color: var(--n-500);
}

.sy-olgular dd[b-i35etzsxfe] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Çocuk bileşenler ──────────────────────────────────────────────────── */
.sy-vitrin[b-i35etzsxfe]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

.sy-vitrin[b-i35etzsxfe]  .app-input,
.sy-vitrin[b-i35etzsxfe]  .app-select {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.sy-vitrin[b-i35etzsxfe]  :is(.app-input, .app-select):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sy-kapak[b-i35etzsxfe] {
    padding: 16px;
  }

  .sy-vitrin .au-btn[b-i35etzsxfe],
  .sy-vitrin[b-i35etzsxfe]  .au-btn {
    min-height: 44px;
  }

  .sy-vitrin[b-i35etzsxfe]  .app-input,
  .sy-vitrin[b-i35etzsxfe]  .app-select {
    min-height: 44px;
  }

  .sy-kapak[b-i35etzsxfe]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  .sy-vitrin[b-i35etzsxfe]  .app-input,
  .sy-vitrin[b-i35etzsxfe]  .app-select {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .sy-kapak[b-i35etzsxfe] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .sy-vitrin .au-title[b-i35etzsxfe] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç katlanır: varsayılan kapalı, düğmede etkin süzgeç sayısı. */
  .sy-suzgec-ac[b-i35etzsxfe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
  }

  .sy-suzgec-alan[b-i35etzsxfe] {
    margin-top: 10px;
  }

  .sy-suzgec-alan.is-kapali[b-i35etzsxfe] {
    display: none;
  }

  .sy-suzgec-alan[b-i35etzsxfe]  .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  .sy-kapak__eylem[b-i35etzsxfe] {
    width: 100%;
  }

  .sy-kapak__eylem .au-btn[b-i35etzsxfe] {
    flex: 1 1 auto;
  }

  .sy-kart[b-i35etzsxfe] {
    padding: 16px 12px;
  }

  .sy-kart__baslik[b-i35etzsxfe] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* İlk anlamlı sütun (ders adı) yatay kaydırmada yapışık kalır. */
  .sy-tablo__ilk[b-i35etzsxfe] {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  /* Yapışık başlık hücresi OPAK tek renk olmalı: degradeyi burada yeniden başlatmak
     rampayı tek hücreye sıkıştırır ve şeridin geri kalanıyla görünür bir ek oluşturur
     (akademik-analiz.md "Tablo görünümü" uyarısı). cihaz.css:5214 ile aynı token. */
  .sy-tablo thead th:first-child[b-i35etzsxfe] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--at-bas-zemin, var(--marka-500));
  }

  .sy-popup[b-i35etzsxfe] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sy-popup__bas[b-i35etzsxfe],
  .sy-popup__govde[b-i35etzsxfe],
  .sy-popup__eylem[b-i35etzsxfe] {
    padding: 12px;
  }

  .sy-popup__eylem .au-btn[b-i35etzsxfe] {
    flex: 1 1 auto;
  }

  .sy-olgular > div[b-i35etzsxfe] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SisAktarim.razor.rz.scp.css */
/* SIS aktarım sihirbazı — Akademik Analiz kapak/kart ölçüleri, sayfa-scoped.
   Çok adımlı üretim sihirbazı KORUNUR (geçiş planı: popup zorunluluğu yerinde işlem
   düğmeleri içindir); burada yalnız kapak, kart yüzeyleri ve adım kabuğu yeni dile taşınır.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1. */

.sa-vitrin[b-qip5r3bshl] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + eylemler tek beyaz yüzeyde (23 px başlık) ── */
.sa-vitrin .sa-kapak[b-qip5r3bshl] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sa-vitrin .sa-kapak__geri[b-qip5r3bshl] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.sa-vitrin .sa-kapak__geri[b-qip5r3bshl]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.sa-vitrin .sa-kapak__baslik[b-qip5r3bshl] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.sa-vitrin .sa-kapak .au-title[b-qip5r3bshl] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sa-vitrin .sa-kapak__alt[b-qip5r3bshl] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Arka plandaki ders yüklemesinin sayacı — yalnız bilgilendirir. */
.sa-vitrin .sa-ders-sayac[b-qip5r3bshl] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-rampa-uc);
  font: 600 11.5px/1.4 var(--font-body);
}

.sa-vitrin .sa-ders-sayac--hata[b-qip5r3bshl] {
  border-color: color-mix(in srgb, var(--amber-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--amber-500) 10%, var(--yuzey));
  color: var(--amber-600);
}

.sa-vitrin .sa-kapak__eylem[b-qip5r3bshl] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.sa-vitrin .sa-dugme[b-qip5r3bshl] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.sa-vitrin .sa-dugme:hover:not(:disabled)[b-qip5r3bshl] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.sa-vitrin .sa-dugme--ana[b-qip5r3bshl] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sa-vitrin .sa-dugme--ana:hover:not(:disabled)[b-qip5r3bshl] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.sa-vitrin .sa-dugme:focus-visible[b-qip5r3bshl] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kart / boş durum ── */
.sa-vitrin .sa-kart[b-qip5r3bshl] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sa-vitrin .sa-kart[b-qip5r3bshl]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sa-vitrin .sa-bos[b-qip5r3bshl] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.sa-vitrin .sa-bos p[b-qip5r3bshl] {
  margin: 0;
  line-height: 1.6;
}

/* Boş durumun eylem satırı — kapak şeridinden ayrı tutulur (SisIsleri `.si-bos__eylem`
   paritesi); kapak sınıfı grid bağlamına bağlıdır, kart içinde kullanılmaz. */
.sa-vitrin .sa-bos__eylem[b-qip5r3bshl] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

/* ── Yükleniyor iskeleti: sağlayıcılar gelene kadar ── */
.sa-vitrin .sa-iskelet[b-qip5r3bshl] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 18px;
}

.sa-vitrin .sa-iskelet__satir[b-qip5r3bshl] {
  height: 14px;
  border-radius: var(--kose-dugme);
  background: linear-gradient(
    94deg,
    color-mix(in srgb, var(--marka-500) 7%, var(--yuzey)) 0%,
    color-mix(in srgb, var(--marka-500) 14%, var(--yuzey)) 50%,
    color-mix(in srgb, var(--marka-500) 7%, var(--yuzey)) 100%
  );
  background-size: 300% 100%;
  animation: saIskelet-b-qip5r3bshl 1.6s ease-in-out infinite;
}

.sa-vitrin .sa-iskelet__satir--baslik[b-qip5r3bshl] {
  height: 20px;
  max-width: 40%;
}

.sa-vitrin .sa-iskelet__satir--kisa[b-qip5r3bshl] {
  max-width: 60%;
}

@keyframes saIskelet-b-qip5r3bshl {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-vitrin .sa-iskelet__satir[b-qip5r3bshl] {
    animation: none;
  }
}

/* Ekran okuyucuya görünür, gözle görünmez metin. */
.sa-vitrin .sa-gizli[b-qip5r3bshl] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip-path: inset(50%);
  white-space: nowrap;
  overflow: hidden;
}

/* Bağlantı testi sonucu. `.au-banner` ve `.au-banner--danger` global (admin-users.css) ama
   `.au-banner--success` YALNIZ `.au-page.form-vitrin` altında tanımlı → bu sayfada başarı
   durumu nötr kutu olarak çiziliyor, hata durumundan ayırt edilemiyordu (2026-09-21 denetimi).
   Şerit sayfa kapsamında, mevcut `--basari` tokenıyla tamamlanır. */
.sa-vitrin .au-banner--success[b-qip5r3bshl] {
  border-color: color-mix(in srgb, var(--basari) 45%, var(--hat-kart));
  background: color-mix(in srgb, var(--basari) 10%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Adım içi ipucu satırı (son aktarım, dosya adı / TTL) ── */
.sa-vitrin .sa-ipucu[b-qip5r3bshl] {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ── Sihirbaz kabuğu: ortak AppWizard'ı yeni yüzey/tipografiye hizala (yalnız bu sayfada) ──
   Ortak AppWizard.razor.css hâlâ eski dilde (hap köşe, degrade dolgu, hover kaldırma,
   cam yüzey). Bileşen DEĞİŞTİRİLMEZ; hizalama sayfa kapsamında ::deep ile yapılır —
   onaylı örnek: Components/Pages/OgretimPlanlari/PlanOlustur.razor.css. */
.sa-vitrin[b-qip5r3bshl]  .wiz-kart {
  position: relative;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sa-vitrin[b-qip5r3bshl]  .wiz-kart::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sa-vitrin[b-qip5r3bshl]  .wiz-title {
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-count {
  color: var(--metin-ipucu);
  font: 600 12px/1.4 var(--font-body);
}

/* ── Adım göstergesi: cam daire + degrade yerine düz marka dolgusu ── */
.sa-vitrin[b-qip5r3bshl]  .wiz-step-ind {
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-step-ind__label {
  color: var(--metin-ikincil);
  font-weight: 500;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-step-ind__num {
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-ipucu);
  font: 700 12.5px/1 var(--font-body);
  box-shadow: none;
  transform: none;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-step-ind.is-active {
  color: var(--marka-700);
}

.sa-vitrin[b-qip5r3bshl]  .wiz-step-ind.is-active .wiz-step-ind__label {
  color: var(--marka-700);
  font-weight: 700;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-step-ind.is-active .wiz-step-ind__num,
.sa-vitrin[b-qip5r3bshl]  .wiz-step-ind.is-done .wiz-step-ind__num {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  box-shadow: none;
  transform: none;
}

/* ── Alt düğmeler: hap köşe + degrade + hover kaldırma yerine düz yüzey ── */
.sa-vitrin[b-qip5r3bshl]  .wiz-foot {
  gap: 8px;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-btn {
  height: auto;
  min-height: 34px;
  padding: 0 13px;
  border-radius: var(--kose-dugme);
  font: 600 12.5px/1 var(--font-body);
}

.sa-vitrin[b-qip5r3bshl]  .wiz-btn--ghost {
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--marka-700);
}

.sa-vitrin[b-qip5r3bshl]  .wiz-btn--ghost:not(:disabled):hover {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-btn--primary {
  border: 1px solid var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
  box-shadow: none;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-btn--primary:not(:disabled):hover {
  background: var(--marka-500);
  border-color: var(--marka-500);
  box-shadow: none;
  transform: none;
}

.sa-vitrin[b-qip5r3bshl]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Adım doğrulama hatası (ör. geçersiz dosya adı) sihirbaz kartının içinde görünür. */
.sa-vitrin[b-qip5r3bshl]  .wiz-error {
  border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font: 500 13px/1.55 var(--font-body);
}

.sa-vitrin[b-qip5r3bshl]  .sk-group-title {
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
}

/* Adım içi bilgi çipleri aynı yüzey diline gelir. */
.sa-vitrin[b-qip5r3bshl]  .sk-chip {
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
  color: var(--marka-700);
  font: 600 12px/1.4 var(--font-body);
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md §1.1 ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sa-vitrin .sa-kapak[b-qip5r3bshl] {
    padding: 16px;
  }

  .sa-vitrin .sa-dugme[b-qip5r3bshl] {
    min-height: 44px;
  }

  /* Dokunmatik girdi 16px (iOS odakta yakınlaştırmasın); düğme yazısı büyümez. */
  .sa-vitrin[b-qip5r3bshl]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .sa-vitrin[b-qip5r3bshl]  .wiz-btn {
    min-height: 44px;
  }
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda tek satır (1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .sa-vitrin .sa-kapak[b-qip5r3bshl] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .sa-vitrin .sa-kapak__geri[b-qip5r3bshl],
  .sa-vitrin .sa-kapak__baslik[b-qip5r3bshl],
  .sa-vitrin .sa-kapak__eylem[b-qip5r3bshl] {
    grid-row: 1;
  }

  .sa-vitrin .sa-kapak__eylem[b-qip5r3bshl] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── TELEFON — YENI-DIL.md §1.1 + §7 ── */
@media (max-width: 640px) {
  .sa-vitrin .sa-kapak[b-qip5r3bshl] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .sa-vitrin .sa-kapak .au-title[b-qip5r3bshl] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sa-vitrin .sa-kapak__alt[b-qip5r3bshl],
  .sa-vitrin .sa-ipucu[b-qip5r3bshl] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .sa-vitrin .sa-kapak__eylem[b-qip5r3bshl] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .sa-vitrin .sa-kapak__eylem .sa-dugme[b-qip5r3bshl] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .sa-vitrin .sa-kart[b-qip5r3bshl] {
    padding: 16px 12px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SisIsDurumu.razor.rz.scp.css */
/* sis-job-detail — Akademik Analiz kapak/kart/sekme/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (medya sorgu metinleri birebir). */

.sd-vitrin[b-nid1mhdcep] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + eylemler tek beyaz yüzeyde (23 px başlık) ── */
.sd-vitrin .sd-kapak[b-nid1mhdcep] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sd-vitrin .sd-kapak__geri[b-nid1mhdcep] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.sd-vitrin .sd-kapak__geri[b-nid1mhdcep]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.sd-vitrin .sd-kapak__baslik[b-nid1mhdcep] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.sd-vitrin .sd-kapak .au-title[b-nid1mhdcep] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.sd-vitrin .sd-kapak__alt[b-nid1mhdcep] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.sd-vitrin .sd-kapak__eylem[b-nid1mhdcep] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.sd-vitrin .sd-dugme[b-nid1mhdcep] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.sd-vitrin .sd-dugme:hover:not(:disabled)[b-nid1mhdcep] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.sd-vitrin .sd-dugme:disabled[b-nid1mhdcep] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sd-vitrin .sd-dugme:focus-visible[b-nid1mhdcep] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sd-vitrin .sd-dugme--ana[b-nid1mhdcep] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sd-vitrin .sd-dugme--ana:hover:not(:disabled)[b-nid1mhdcep] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.sd-vitrin .sd-dugme--tehlike[b-nid1mhdcep] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  color: var(--danger-metin);
}

.sd-vitrin .sd-dugme--tehlike:hover:not(:disabled)[b-nid1mhdcep] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

/* ── Canlı rozeti ── */
.sd-vitrin .sd-canli[b-nid1mhdcep] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-rampa-uc);
  font: 600 12.5px/1 var(--font-body);
}

.sd-vitrin .sd-canli__nokta[b-nid1mhdcep] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--marka-rampa-uc);
  animation: sdNabiz-b-nid1mhdcep 1.4s ease-in-out infinite;
}

@keyframes sdNabiz-b-nid1mhdcep {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sd-vitrin .sd-canli__nokta[b-nid1mhdcep] {
    animation: none;
  }
}

/* ── Kart ── */
.sd-vitrin .sd-kart[b-nid1mhdcep] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sd-vitrin .sd-kart[b-nid1mhdcep]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.sd-vitrin .sd-bolum__baslik[b-nid1mhdcep] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.sd-vitrin .sd-bolum__baslik[b-nid1mhdcep]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sd-vitrin .sd-bos[b-nid1mhdcep] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.sd-vitrin .sd-bos p[b-nid1mhdcep] {
  margin: 0;
  line-height: 1.6;
}

/* ── Durum özeti ── */
.sd-vitrin .sd-ozet__bas[b-nid1mhdcep] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.sd-vitrin .sd-durum[b-nid1mhdcep] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
}

.sd-vitrin .sd-durum[b-nid1mhdcep]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.sd-vitrin .sd-durum.is-tamam[b-nid1mhdcep] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.sd-vitrin .sd-durum.is-suruyor[b-nid1mhdcep] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.sd-vitrin .sd-durum.is-hata[b-nid1mhdcep] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.sd-vitrin .sd-durum.is-iptal[b-nid1mhdcep] {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--metin-ipucu) 10%, var(--yuzey));
  color: var(--metin-ikincil);
}

.sd-vitrin .sd-yuzde[b-nid1mhdcep] {
  color: var(--metin-ikincil);
  font: 700 13px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
}

/* ── Canlı ilerleme çubuğu — kardeş sayfayla (SisIsleri `.si-ilerleme`) aynı ölçü ve token.
   2026-09-21 tutarlılık denetimi: bu iki kural geçişten artakalan `.sis-*` şemasındaydı,
   `.sd-vitrin` altına da alınmamıştı ve tek başına `var(--line)` kullanıyordu. ── */
.sd-vitrin .sd-ilerleme[b-nid1mhdcep] {
  position: relative;
  height: 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  overflow: hidden;
}

.sd-vitrin .sd-ilerleme__dolgu[b-nid1mhdcep] {
  height: 100%;
  border-radius: 999px;
  background: var(--marka-rampa-serit);
  transition: width 0.4s ease;
  min-width: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .sd-vitrin .sd-ilerleme__dolgu[b-nid1mhdcep] {
    transition: none;
  }
}

.sd-vitrin .sd-ref[b-nid1mhdcep] {
  margin: 6px 0 16px;
  color: var(--metin-ipucu);
  font-size: 12px;
  letter-spacing: 0.01em;
}

/* ── Olgu listesi ── */
.sd-vitrin .sd-olgular[b-nid1mhdcep] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 2px;
  margin: 16px 0 0;
}

.sd-vitrin .sd-olgular > div[b-nid1mhdcep] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  font-size: 13px;
}

.sd-vitrin .sd-olgular dt[b-nid1mhdcep] {
  color: var(--metin-ipucu);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sd-vitrin .sd-olgular dd[b-nid1mhdcep] {
  margin: 0;
  color: var(--metin-murekkep);
  font-variant-numeric: tabular-nums;
}

/* ── Bilgi / hata şeridi ── */
.sd-vitrin .sd-not[b-nid1mhdcep] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.sd-vitrin .sd-not svg[b-nid1mhdcep] {
  flex: 0 0 16px;
  margin-top: 2px;
}

.sd-vitrin .sd-not--uyari[b-nid1mhdcep] {
  border-left-color: var(--amber-500);
  background: color-mix(in srgb, var(--amber-500) 7%, var(--yuzey));
  color: var(--amber-600);
}

.sd-vitrin .sd-not--hata[b-nid1mhdcep] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, içerikten 16 px uzak ── */
.sd-vitrin .sd-sekmeler[b-nid1mhdcep] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.sd-vitrin .sd-sekme[b-nid1mhdcep] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.sd-vitrin .sd-sekme:hover:not(.is-secili)[b-nid1mhdcep] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.sd-vitrin .sd-sekme.is-secili[b-nid1mhdcep] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.sd-vitrin .sd-sekme:focus-visible[b-nid1mhdcep] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sd-vitrin .sd-sekme__rozet[b-nid1mhdcep] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--amber-500) 20%, var(--yuzey));
  color: var(--amber-600);
  font: 700 11px/1.4 var(--font-body);
  font-variant-numeric: tabular-nums;
}

.sd-vitrin .sd-sekme.is-secili .sd-sekme__rozet[b-nid1mhdcep] {
  background: color-mix(in srgb, var(--on-brand) 24%, transparent);
  color: var(--on-brand);
}

.sd-vitrin .sd-panel:focus-visible[b-nid1mhdcep] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.sd-vitrin .sd-tablo-kap[b-nid1mhdcep] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.sd-vitrin .sd-tablo[b-nid1mhdcep] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.sd-vitrin .sd-tablo thead[b-nid1mhdcep] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.sd-vitrin .sd-tablo thead th[b-nid1mhdcep] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.sd-vitrin .sd-tablo tbody td[b-nid1mhdcep] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.sd-vitrin .sd-tablo tbody tr:nth-child(even) td[b-nid1mhdcep] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sd-vitrin .sd-sayi[b-nid1mhdcep] {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.sd-vitrin .sd-soluk[b-nid1mhdcep] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.sd-vitrin .sd-uyari-liste[b-nid1mhdcep] {
  margin: 0;
  padding-left: 18px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.7;
}

/* Ayrıntı bölümündeki ortak panel kendi kart kabuğunu getirmez; başlık aralığı düzeltilir. */
.sd-vitrin .sd-panel[b-nid1mhdcep]  .sk-group-title:first-child {
  margin-top: 0;
}

/* ── Sayfa altı eylem şeridi ── */
.sd-vitrin .sd-eylem-serit[b-nid1mhdcep] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 8px;
}

/* ── Görünür popup: native dialog top-layer ── */
.sd-vitrin .sd-popup[b-nid1mhdcep] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.sd-vitrin .sd-popup[open][b-nid1mhdcep] {
  display: flex;
  flex-direction: column;
}

.sd-vitrin .sd-popup[b-nid1mhdcep]::backdrop {
  background: var(--scrim);
}

.sd-vitrin .sd-popup__bas[b-nid1mhdcep] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.sd-vitrin .sd-popup__bas > div[b-nid1mhdcep] {
  min-width: 0;
}

.sd-vitrin .sd-popup__bas h2[b-nid1mhdcep] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.sd-vitrin .sd-popup__bas h2:focus[b-nid1mhdcep] {
  outline: none;
}

.sd-vitrin .sd-popup__bas p[b-nid1mhdcep] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.sd-vitrin .sd-popup__kapat[b-nid1mhdcep] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.sd-vitrin .sd-popup__kapat:hover:not(:disabled)[b-nid1mhdcep] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sd-vitrin .sd-popup__kapat:disabled[b-nid1mhdcep] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sd-vitrin .sd-popup__kapat:focus-visible[b-nid1mhdcep] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sd-vitrin .sd-popup__govde[b-nid1mhdcep] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.sd-vitrin .sd-onay__metin[b-nid1mhdcep] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.7;
}

.sd-vitrin .sd-popup__hata[b-nid1mhdcep] {
  margin: 14px 0 0;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.sd-vitrin .sd-popup__eylem[b-nid1mhdcep] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda tek satır (1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .sd-vitrin .sd-kapak[b-nid1mhdcep] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .sd-vitrin .sd-kapak__geri[b-nid1mhdcep],
  .sd-vitrin .sd-kapak__baslik[b-nid1mhdcep],
  .sd-vitrin .sd-kapak__eylem[b-nid1mhdcep] {
    grid-row: 1;
  }

  .sd-vitrin .sd-kapak__eylem[b-nid1mhdcep] {
    grid-column: 3;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md §1.1 ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sd-vitrin .sd-kapak[b-nid1mhdcep] {
    padding: 16px;
  }

  .sd-vitrin .sd-dugme[b-nid1mhdcep],
  .sd-vitrin .sd-canli[b-nid1mhdcep],
  .sd-vitrin .sd-sekme[b-nid1mhdcep] {
    min-height: 44px;
  }

  /* Telefon/tablette sekmeler tek yatay kaydırılabilir şerittir. */
  .sd-vitrin .sd-sekmeler[b-nid1mhdcep] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .sd-vitrin .sd-sekme[b-nid1mhdcep] {
    flex: 0 0 auto;
  }

  .sd-vitrin .sd-tablo .sd-sut-1[b-nid1mhdcep] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  /* Opak zemin `--marka-rampa-serit`in 0% durağıyla (= --marka-500) aynı olmalı. */
  .sd-vitrin .sd-tablo thead .sd-sut-1[b-nid1mhdcep] {
    z-index: 5;
    background: var(--marka-500);
  }

  .sd-vitrin .sd-tablo tbody tr:nth-child(even) .sd-sut-1[b-nid1mhdcep] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON — YENI-DIL.md §1.1 + §7 (eylemler başlığın altında tek satır) ── */
@media (max-width: 640px) {
  .sd-vitrin .sd-kapak[b-nid1mhdcep] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .sd-vitrin .sd-kapak .au-title[b-nid1mhdcep] {
    font-size: var(--yazi-kapak, 20px);
  }

  .sd-vitrin .sd-kapak__alt[b-nid1mhdcep],
  .sd-vitrin .sd-not[b-nid1mhdcep] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .sd-vitrin .sd-kapak__eylem[b-nid1mhdcep] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .sd-vitrin .sd-kapak__eylem .sd-dugme[b-nid1mhdcep],
  .sd-vitrin .sd-kapak__eylem .sd-canli[b-nid1mhdcep] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .sd-vitrin .sd-kart[b-nid1mhdcep] {
    padding: 16px 12px;
  }

  .sd-vitrin .sd-bolum__baslik[b-nid1mhdcep] {
    font-size: var(--yazi-bolum, 14px);
  }

  .sd-vitrin .sd-olgular[b-nid1mhdcep] {
    grid-template-columns: minmax(0, 1fr);
  }

  .sd-vitrin .sd-tablo tbody td[b-nid1mhdcep],
  .sd-vitrin .sd-tablo thead th[b-nid1mhdcep] {
    padding-inline: 8px;
  }

  .sd-vitrin .sd-eylem-serit .sd-dugme[b-nid1mhdcep] {
    flex: 1 1 auto;
  }

  .sd-vitrin .sd-popup[b-nid1mhdcep] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .sd-vitrin .sd-popup__bas[b-nid1mhdcep],
  .sd-vitrin .sd-popup__govde[b-nid1mhdcep],
  .sd-vitrin .sd-popup__eylem[b-nid1mhdcep] {
    padding: 12px;
  }

  .sd-vitrin .sd-popup__bas h2[b-nid1mhdcep] {
    font-size: 17px;
  }

  .sd-vitrin .sd-popup__eylem .sd-dugme[b-nid1mhdcep] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/SisIsleri.razor.rz.scp.css */
/* SIS aktarım işleri — Akademik Analiz kapak/kart/tablo/popup ölçüleri, sayfa-scoped.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır; burada global tokenlar kullanılır.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (medya sorgu metinleri birebir). */

.si-vitrin[b-wmf7luapgu] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde (23 px başlık) ── */
.si-vitrin .si-kapak[b-wmf7luapgu] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.si-vitrin .si-kapak__geri[b-wmf7luapgu] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.si-vitrin .si-kapak__geri[b-wmf7luapgu]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.si-vitrin .si-kapak__baslik[b-wmf7luapgu] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.si-vitrin .si-kapak .au-title[b-wmf7luapgu] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.si-vitrin .si-kapak__alt[b-wmf7luapgu] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeç: kapak içinde ikinci bir kart oluşturmaz ── */
.si-vitrin .si-suzgec[b-wmf7luapgu] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.si-vitrin .si-suzgec > *[b-wmf7luapgu] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.si-vitrin .si-suzgec[b-wmf7luapgu]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.si-vitrin .si-suzgec[b-wmf7luapgu]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.si-vitrin .si-suzgec[b-wmf7luapgu]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.si-vitrin .si-kapak__eylem[b-wmf7luapgu] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.si-vitrin .si-dugme[b-wmf7luapgu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.si-vitrin .si-dugme:hover:not(:disabled)[b-wmf7luapgu] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.si-vitrin .si-dugme--ana[b-wmf7luapgu] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.si-vitrin .si-dugme--ana:hover:not(:disabled)[b-wmf7luapgu] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.si-vitrin .si-dugme:disabled[b-wmf7luapgu] {
  opacity: 0.55;
  cursor: not-allowed;
}

.si-vitrin .si-dugme:focus-visible[b-wmf7luapgu] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Canlı rozeti (akıllı polling açıkken) ── */
.si-vitrin .si-canli[b-wmf7luapgu] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-rampa-uc);
  font: 600 12.5px/1 var(--font-body);
}

.si-vitrin .si-canli__nokta[b-wmf7luapgu] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--marka-rampa-uc);
  animation: siNabiz-b-wmf7luapgu 1.4s ease-in-out infinite;
}

@keyframes siNabiz-b-wmf7luapgu {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .si-vitrin .si-canli__nokta[b-wmf7luapgu] {
    animation: none;
  }
}

/* ── Bilgi şeridi ── */
.si-vitrin .si-not[b-wmf7luapgu] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.si-vitrin .si-not svg[b-wmf7luapgu] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.si-vitrin .si-kart[b-wmf7luapgu] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.si-vitrin .si-kart[b-wmf7luapgu]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.si-vitrin .si-bolum__baslik[b-wmf7luapgu] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.si-vitrin .si-bolum__baslik[b-wmf7luapgu]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.si-vitrin .si-bos[b-wmf7luapgu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.si-vitrin .si-bos p[b-wmf7luapgu] {
  margin: 0;
  line-height: 1.6;
}

.si-vitrin .si-bos__eylem[b-wmf7luapgu] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.si-vitrin .si-tablo-kap[b-wmf7luapgu] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.si-vitrin .si-tablo[b-wmf7luapgu] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.si-vitrin .si-tablo thead[b-wmf7luapgu] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.si-vitrin .si-tablo thead th[b-wmf7luapgu] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.si-vitrin .si-tablo tbody td[b-wmf7luapgu] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.si-vitrin .si-tablo tbody tr:nth-child(even) td[b-wmf7luapgu] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.si-vitrin .si-satir:hover td[b-wmf7luapgu],
.si-vitrin .si-satir:focus-within td[b-wmf7luapgu] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.si-vitrin .si-satir__ad[b-wmf7luapgu] {
  display: block;
  color: var(--metin-murekkep);
  font-weight: 600;
  white-space: nowrap;
}

.si-vitrin .si-satir__alt[b-wmf7luapgu] {
  display: block;
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

.si-vitrin .si-soluk[b-wmf7luapgu] {
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.si-vitrin .si-dosya[b-wmf7luapgu] {
  max-width: 260px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.si-vitrin .si-sayi[b-wmf7luapgu] {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.si-vitrin .si-uyari-sayi[b-wmf7luapgu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  padding: 2px 8px;
  border: 1px solid color-mix(in srgb, var(--amber-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--amber-500) 12%, var(--yuzey));
  color: var(--amber-600);
  font: 600 12px/1.4 var(--font-body);
}

/* ── Durum rozeti ── */
.si-vitrin .si-durum[b-wmf7luapgu] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.si-vitrin .si-durum[b-wmf7luapgu]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.si-vitrin .si-durum.is-tamam[b-wmf7luapgu] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.si-vitrin .si-durum.is-suruyor[b-wmf7luapgu] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.si-vitrin .si-durum.is-hata[b-wmf7luapgu] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.si-vitrin .si-durum.is-iptal[b-wmf7luapgu] {
  border-color: var(--hat-girdi);
  background: color-mix(in srgb, var(--metin-ipucu) 10%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ── İlerleme ── */
.si-vitrin .si-ilerleme[b-wmf7luapgu] {
  width: 120px;
  height: 6px;
  margin-top: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  overflow: hidden;
}

.si-vitrin .si-ilerleme--genis[b-wmf7luapgu] {
  width: 100%;
  height: 8px;
  margin: 0 0 14px;
}

.si-vitrin .si-ilerleme__dolgu[b-wmf7luapgu] {
  height: 100%;
  background: var(--marka-rampa-serit);
  transition: width 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .si-vitrin .si-ilerleme__dolgu[b-wmf7luapgu] {
    transition: none;
  }
}

.si-vitrin .si-ilerleme__deger[b-wmf7luapgu] {
  display: block;
  margin-top: 3px;
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

/* ── Satır eylemleri ── */
.si-vitrin .si-eylem-hucre[b-wmf7luapgu] {
  white-space: nowrap;
}

.si-vitrin .si-satir-dugme[b-wmf7luapgu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-left: 8px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.si-vitrin .si-satir-dugme:first-child[b-wmf7luapgu] {
  margin-left: 0;
}

.si-vitrin .si-satir-dugme:hover:not(:disabled)[b-wmf7luapgu] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.si-vitrin .si-satir-dugme:disabled[b-wmf7luapgu] {
  opacity: 0.55;
  cursor: not-allowed;
}

.si-vitrin .si-satir-dugme:focus-visible[b-wmf7luapgu] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.si-vitrin .si-satir-dugme--ana[b-wmf7luapgu] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.si-vitrin .si-satir-dugme--ana:hover:not(:disabled)[b-wmf7luapgu] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.si-vitrin .si-satir-dugme--tehlike[b-wmf7luapgu] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  color: var(--danger-metin);
}

.si-vitrin .si-satir-dugme--tehlike:hover:not(:disabled)[b-wmf7luapgu] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.si-vitrin .si-sayfalama[b-wmf7luapgu] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.si-vitrin .si-gizli[b-wmf7luapgu] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.si-vitrin .si-popup[b-wmf7luapgu] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.si-vitrin .si-popup[open][b-wmf7luapgu] {
  display: flex;
  flex-direction: column;
}

.si-vitrin .si-popup[b-wmf7luapgu]::backdrop {
  background: var(--scrim);
}

.si-vitrin .si-popup__bas[b-wmf7luapgu] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.si-vitrin .si-popup__bas > div[b-wmf7luapgu] {
  min-width: 0;
}

.si-vitrin .si-popup__bas h2[b-wmf7luapgu] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.si-vitrin .si-popup__bas h2:focus[b-wmf7luapgu] {
  outline: none;
}

.si-vitrin .si-popup__bas p[b-wmf7luapgu] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.si-vitrin .si-popup__kapat[b-wmf7luapgu] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.si-vitrin .si-popup__kapat:hover[b-wmf7luapgu] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.si-vitrin .si-popup__kapat:focus-visible[b-wmf7luapgu] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.si-vitrin .si-popup__govde[b-wmf7luapgu] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.si-vitrin .si-popup__hata[b-wmf7luapgu] {
  margin: 0 0 8px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.si-vitrin .si-popup__ref[b-wmf7luapgu] {
  margin: 0 0 14px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.si-vitrin .si-popup__altbaslik[b-wmf7luapgu] {
  margin: 16px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
}

.si-vitrin .si-uyari-liste[b-wmf7luapgu] {
  margin: 0;
  padding-left: 18px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.si-vitrin .si-popup__eylem[b-wmf7luapgu] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.si-vitrin .si-olgular[b-wmf7luapgu] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.si-vitrin .si-olgular > div[b-wmf7luapgu] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.si-vitrin .si-olgular > div:nth-child(odd)[b-wmf7luapgu] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.si-vitrin .si-olgular dt[b-wmf7luapgu] {
  color: var(--metin-ipucu);
}

.si-vitrin .si-olgular dd[b-wmf7luapgu] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır (1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .si-vitrin .si-kapak[b-wmf7luapgu] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .si-vitrin .si-kapak__geri[b-wmf7luapgu],
  .si-vitrin .si-kapak__baslik[b-wmf7luapgu],
  .si-vitrin .si-suzgec[b-wmf7luapgu],
  .si-vitrin .si-kapak__eylem[b-wmf7luapgu] {
    grid-row: 1;
  }

  .si-vitrin .si-suzgec[b-wmf7luapgu] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .si-vitrin .si-kapak__eylem[b-wmf7luapgu] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md §1.1 ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .si-vitrin .si-kapak[b-wmf7luapgu] {
    padding: 16px;
  }

  .si-vitrin .si-dugme[b-wmf7luapgu],
  .si-vitrin .si-satir-dugme[b-wmf7luapgu],
  .si-vitrin .si-canli[b-wmf7luapgu] {
    min-height: 44px;
  }

  .si-vitrin .si-suzgec[b-wmf7luapgu]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .si-vitrin .si-tablo .si-sut-1[b-wmf7luapgu] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  /* Opak zemin `--marka-rampa-serit`in 0% durağıyla (= --marka-500) aynı olmalı;
     --marka-600 daha koyu olduğu için şeridin sol ucunda düz lacivert blok üretirdi. */
  .si-vitrin .si-tablo thead .si-sut-1[b-wmf7luapgu] {
    z-index: 5;
    background: var(--marka-500);
  }

  .si-vitrin .si-tablo tbody tr:nth-child(even) .si-sut-1[b-wmf7luapgu] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON — YENI-DIL.md §1.1 + §7 (eylemler başlığın altında tek satır) ── */
@media (max-width: 640px) {
  .si-vitrin .si-kapak[b-wmf7luapgu] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .si-vitrin .si-kapak .au-title[b-wmf7luapgu] {
    font-size: var(--yazi-kapak, 20px);
  }

  .si-vitrin .si-kapak__alt[b-wmf7luapgu],
  .si-vitrin .si-not[b-wmf7luapgu] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .si-vitrin .si-suzgec[b-wmf7luapgu] {
    flex-direction: column;
    align-items: stretch;
  }

  .si-vitrin .si-suzgec > *[b-wmf7luapgu] {
    max-width: none;
  }

  .si-vitrin .si-kapak__eylem[b-wmf7luapgu] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .si-vitrin .si-kapak__eylem .si-dugme[b-wmf7luapgu],
  .si-vitrin .si-kapak__eylem .si-canli[b-wmf7luapgu] {
    flex: 1 0 auto;
    min-height: 40px;
  }

  .si-vitrin .si-kart[b-wmf7luapgu] {
    padding: 16px 12px;
  }

  .si-vitrin .si-bolum__baslik[b-wmf7luapgu] {
    font-size: var(--yazi-bolum, 14px);
  }

  .si-vitrin .si-tablo tbody td[b-wmf7luapgu],
  .si-vitrin .si-tablo thead th[b-wmf7luapgu] {
    padding-inline: 8px;
  }

  .si-vitrin .si-dosya[b-wmf7luapgu] {
    max-width: 180px;
  }

  .si-vitrin .si-eylem-hucre[b-wmf7luapgu] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .si-vitrin .si-satir-dugme[b-wmf7luapgu] {
    margin-left: 0;
  }

  .si-vitrin .si-popup[b-wmf7luapgu] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .si-vitrin .si-popup__bas[b-wmf7luapgu],
  .si-vitrin .si-popup__govde[b-wmf7luapgu],
  .si-vitrin .si-popup__eylem[b-wmf7luapgu] {
    padding: 12px;
  }

  .si-vitrin .si-popup__bas h2[b-wmf7luapgu] {
    font-size: 17px;
  }

  .si-vitrin .si-popup__eylem .si-dugme[b-wmf7luapgu] {
    flex: 1 1 auto;
  }

  .si-vitrin .si-olgular > div[b-wmf7luapgu] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/TaslakDetay.razor.rz.scp.css */
/* Program taslağı detayı — Akademik Analiz kapak, özet ölçü şeridi, yerleşim ızgarası ve popup.
   Yalnız var(--*) token; yeni hex yok, !important yok, sabit spacer yok.
   Sayfaya özgü tsd-* adları global planlama.css/cihaz.css kurallarıyla çakışmaz. */

.au-page.tsd-vitrin[b-qzp0tzar5g] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.tsd-vitrin .tsd-kapak[b-qzp0tzar5g] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem"
    "aciklama aciklama";
  align-items: start;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.tsd-vitrin[b-qzp0tzar5g]  .tsd-geri { grid-area: geri; align-self: center; }
.tsd-vitrin .tsd-kapak__baslik[b-qzp0tzar5g] { grid-area: baslik; min-width: 0; }
.tsd-vitrin .tsd-kapak__eylem[b-qzp0tzar5g] { grid-area: eylem; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

/* Eylemin ne yapacağını anlatan satır (TaslakOnay ile aynı rol). */
.tsd-vitrin .tsd-kapak__aciklama[b-qzp0tzar5g] {
  grid-area: aciklama;
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.tsd-vitrin .tsd-baslik[b-qzp0tzar5g] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.tsd-vitrin .tsd-alt[b-qzp0tzar5g] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.45; }
.tsd-vitrin .tsd-rozetler[b-qzp0tzar5g] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.au-page.tsd-vitrin .tsd-dugme[b-qzp0tzar5g] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transform: none;
}

.au-page.tsd-vitrin .tsd-dugme:hover:not(:disabled)[b-qzp0tzar5g] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.au-page.tsd-vitrin .tsd-dugme:disabled[b-qzp0tzar5g] { opacity: .5; cursor: default; }

.au-page.tsd-vitrin .tsd-dugme--ana[b-qzp0tzar5g] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.tsd-vitrin .tsd-dugme--ana:hover:not(:disabled)[b-qzp0tzar5g] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.au-page.tsd-vitrin .tsd-dugme:focus-visible[b-qzp0tzar5g] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Özet ölçü şeridi: tek birleşik yüzey, üstte renkli bant ──────────────── */
.tsd-vitrin .tsd-olcu-serit[b-qzp0tzar5g] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent);
}

.tsd-vitrin .tsd-olcu[b-qzp0tzar5g] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.tsd-vitrin .tsd-olcu:last-child[b-qzp0tzar5g] { border-right: 0; }

.tsd-vitrin .tsd-olcu__bant[b-qzp0tzar5g] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Şerit tonları Akademik Analiz üst bilgi paletinin genel karşılıklarıdır
   (--agv-* yalnız .analiz-genel-vitrin kapsamında tanımlı, burada miras alınmaz). */
.tsd-vitrin .tsd-olcu__bant--1[b-qzp0tzar5g] { background: var(--marka-600); }
.tsd-vitrin .tsd-olcu__bant--2[b-qzp0tzar5g] { background: var(--marka-rampa-orta); }
.tsd-vitrin .tsd-olcu__bant--3[b-qzp0tzar5g] { background: var(--marka-rampa-uc); }

.tsd-vitrin .tsd-olcu__deger[b-qzp0tzar5g] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.tsd-vitrin .tsd-olcu__deger--kotu[b-qzp0tzar5g] { color: var(--red-600); }
.tsd-vitrin .tsd-olcu__deger--uyari[b-qzp0tzar5g] { color: var(--amber-600); }

.tsd-vitrin .tsd-banner[b-qzp0tzar5g] { margin: 0 0 16px; border-radius: var(--kose-dugme); }

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.tsd-vitrin .tsd-kart[b-qzp0tzar5g] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tsd-vitrin .tsd-kart[b-qzp0tzar5g]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tsd-vitrin .tsd-bolum-baslik[b-qzp0tzar5g] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.tsd-vitrin .tsd-bolum-baslik[b-qzp0tzar5g]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tsd-vitrin .tsd-bolum-ipucu[b-qzp0tzar5g] { margin: 0 0 12px; color: var(--n-500); font-size: 12px; line-height: 1.5; }
.tsd-vitrin .tsd-bos-metin[b-qzp0tzar5g] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* Taslak bulunamadı kartı: metin + çıkış yolu dikey akar. */
.tsd-vitrin .tsd-kart--bos[b-qzp0tzar5g] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 26px 18px 28px;
}

/* ── Yerleşim ızgarası: kendi sınırlı alanında kayar, başlık ve saat sütunu sabit ── */
.tsd-vitrin .tsd-izgara-kap[b-qzp0tzar5g] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.tsd-vitrin .tsd-izgara-kap:focus-visible[b-qzp0tzar5g] { outline: 2px solid var(--marka-600); outline-offset: -2px; }

.tsd-vitrin .tsd-izgara[b-qzp0tzar5g] { display: grid; min-width: max-content; }

.tsd-vitrin .tsd-izgara__kose[b-qzp0tzar5g],
.tsd-vitrin .tsd-izgara__gun[b-qzp0tzar5g] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tsd-vitrin .tsd-izgara__kose[b-qzp0tzar5g] { left: 0; z-index: 3; background: var(--marka-600); }

.tsd-vitrin .tsd-izgara__saat[b-qzp0tzar5g] {
  position: sticky;
  left: 0;
  z-index: 1;
  padding: 10px 13px;
  background: var(--yuzey);
  border-top: 1px solid var(--hat-kart);
  border-right: 1px solid var(--hat-kart);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.tsd-vitrin .tsd-izgara__hucre[b-qzp0tzar5g] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 7px 9px;
  border-top: 1px solid var(--hat-kart);
  border-right: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.tsd-vitrin .tsd-izgara__hucre.is-empty[b-qzp0tzar5g] { background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey)); }

.tsd-vitrin .tsd-izgara__kayit[b-qzp0tzar5g] {
  padding: 6px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.tsd-vitrin .tsd-izgara__kayit-ad[b-qzp0tzar5g] {
  color: var(--metin-murekkep);
  font-size: 12.5px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.tsd-vitrin .tsd-izgara__kayit-alt[b-qzp0tzar5g] {
  margin-top: 2px;
  color: var(--n-500);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.au-page.tsd-vitrin[b-qzp0tzar5g]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* ── Red popup'ı ──
   Arka plan kaydırma kilidi `.razor.js`'tedir: scoped CSS'te `html:has(...)` kuralına
   kapsam niteliği `html`e eklenir ve kural HİÇ eşleşmez (InstitutionTemplateApply deseni). */
.tsd-vitrin .tsd-popup[b-qzp0tzar5g] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.tsd-vitrin .tsd-popup[open][b-qzp0tzar5g] { display: flex; flex-direction: column; }
.tsd-vitrin .tsd-popup[b-qzp0tzar5g]::backdrop { background: var(--scrim); }

.tsd-vitrin .tsd-popup__bas[b-qzp0tzar5g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.tsd-vitrin .tsd-popup__bas h2[b-qzp0tzar5g] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.tsd-vitrin .tsd-popup__bas h2:focus[b-qzp0tzar5g] { outline: none; }

.au-page.tsd-vitrin .tsd-popup__kapat[b-qzp0tzar5g] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.tsd-vitrin .tsd-popup__govde[b-qzp0tzar5g] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.tsd-vitrin .tsd-popup__not[b-qzp0tzar5g] { margin: 0 0 12px; color: var(--n-500); font-size: 12px; line-height: 1.5; }

.tsd-vitrin .tsd-metin[b-qzp0tzar5g] {
  width: 100%;
  min-height: 96px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.55 var(--font-body);
  resize: vertical;
  box-shadow: none;
}

.tsd-vitrin .tsd-metin:focus-visible[b-qzp0tzar5g] { border-color: var(--marka-600); outline: 2px solid var(--marka-600); outline-offset: 1px; }

.tsd-vitrin .tsd-popup__eylem[b-qzp0tzar5g] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, eylemler sağa yaslı ────────────── */
@media (min-width: 1540px) {
  .tsd-vitrin .tsd-kapak[b-qzp0tzar5g] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik eylem"
      "aciklama aciklama aciklama";
  }

  /* `end` hizası sarma kabını shrink-to-fit ölçtürür; kap alanını doldurur,
     sağa yaslama flex satırında yapılır. */
  .tsd-vitrin .tsd-kapak__eylem[b-qzp0tzar5g] { justify-self: stretch; justify-content: flex-end; align-self: center; }
}

/* MASAÜSTÜ ∩ (<1540) — YENI-DIL §1.1 MASAÜSTÜ metni, üst sınırla daraltılmış. */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .tsd-vitrin .tsd-kapak[b-qzp0tzar5g] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "aciklama aciklama eylem";
  }

  .tsd-vitrin .tsd-kapak__eylem[b-qzp0tzar5g] { justify-self: stretch; justify-content: flex-end; align-self: center; }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .tsd-vitrin .tsd-kapak[b-qzp0tzar5g] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .au-page.tsd-vitrin .tsd-dugme[b-qzp0tzar5g] { min-height: 44px; }
  .tsd-vitrin .tsd-olcu__deger[b-qzp0tzar5g] { font-size: 23px; }
}

@media (pointer: coarse) {
  .tsd-vitrin .tsd-metin[b-qzp0tzar5g] { font-size: max(16px, 1rem); }
}

/* ── TELEFON — tek sütun, ölçüler alt alta, eylemler başlığın altında ─────── */
@media (max-width: 640px) {
  .tsd-vitrin .tsd-kapak[b-qzp0tzar5g] { padding: 12px; gap: 12px 8px; }
  .tsd-vitrin .tsd-baslik[b-qzp0tzar5g] { font-size: var(--yazi-kapak, 20px); }
  .tsd-vitrin .tsd-alt[b-qzp0tzar5g] { font-size: var(--yazi-kucuk, 12px); }
  .tsd-vitrin .tsd-kapak__eylem[b-qzp0tzar5g] { width: 100%; }
  .au-page.tsd-vitrin .tsd-kapak__eylem .tsd-dugme[b-qzp0tzar5g] { flex: 1 1 auto; }
  .tsd-vitrin .tsd-olcu-serit[b-qzp0tzar5g] { grid-template-columns: minmax(0, 1fr); }
  .tsd-vitrin .tsd-olcu[b-qzp0tzar5g] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .tsd-vitrin .tsd-olcu:last-child[b-qzp0tzar5g] { border-bottom: 0; }
  .tsd-vitrin .tsd-olcu__deger[b-qzp0tzar5g] { font-size: var(--yazi-kpi, 20px); }
  .tsd-vitrin .tsd-kart[b-qzp0tzar5g] { padding: 16px 12px; }
  .tsd-vitrin .tsd-bolum-baslik[b-qzp0tzar5g] { font-size: var(--yazi-bolum, 14px); }
  .tsd-vitrin .tsd-popup[b-qzp0tzar5g] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .tsd-vitrin .tsd-popup__bas[b-qzp0tzar5g],
  .tsd-vitrin .tsd-popup__govde[b-qzp0tzar5g],
  .tsd-vitrin .tsd-popup__eylem[b-qzp0tzar5g] { padding: 12px; }
  .au-page.tsd-vitrin .tsd-popup__eylem .tsd-dugme[b-qzp0tzar5g] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/TaslakOnay.razor.rz.scp.css */
/* Taslak onayı — Akademik Analiz kapak, özet ölçü şeridi, bölüm sekmeleri, onay zinciri,
   yerleşim ızgarası ve karar popup'ı. Yalnız var(--*) token; yeni hex yok, !important yok.
   Sayfaya özgü tso-* adları global planlama.css/cihaz.css kurallarıyla çakışmaz. */

.au-page.tso-vitrin[b-596xypida8] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────────── */
.tso-vitrin .tso-kapak[b-596xypida8] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem"
    "aciklama aciklama";
  align-items: start;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.au-page.tso-vitrin[b-596xypida8]  .tso-geri { grid-area: geri; align-self: center; }
.tso-vitrin .tso-kapak__baslik[b-596xypida8] { grid-area: baslik; min-width: 0; }
.tso-vitrin .tso-kapak__eylem[b-596xypida8] { grid-area: eylem; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.tso-vitrin .tso-kapak__aciklama[b-596xypida8] {
  grid-area: aciklama;
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.tso-vitrin .tso-baslik[b-596xypida8] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.tso-vitrin .tso-alt[b-596xypida8] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.45; }
.tso-vitrin .tso-rozetler[b-596xypida8] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

/* ── Kontroller ───────────────────────────────────────────────────────────── */
.au-page.tso-vitrin .tso-dugme[b-596xypida8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transform: none;
}

.au-page.tso-vitrin .tso-dugme:hover:not(:disabled)[b-596xypida8] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.au-page.tso-vitrin .tso-dugme:disabled[b-596xypida8] { opacity: .5; cursor: default; }

.au-page.tso-vitrin .tso-dugme--ana[b-596xypida8] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.au-page.tso-vitrin .tso-dugme--ana:hover:not(:disabled)[b-596xypida8] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.au-page.tso-vitrin .tso-dugme:focus-visible[b-596xypida8] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Özet ölçü şeridi ─────────────────────────────────────────────────────── */
.tso-vitrin .tso-olcu-serit[b-596xypida8] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent);
}

.tso-vitrin .tso-olcu[b-596xypida8] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.tso-vitrin .tso-olcu:last-child[b-596xypida8] { border-right: 0; }

.tso-vitrin .tso-olcu__bant[b-596xypida8] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Şerit tonları Akademik Analiz üst bilgi paletinin genel karşılıklarıdır
   (--agv-* yalnız .analiz-genel-vitrin kapsamında tanımlı, burada miras alınmaz). */
.tso-vitrin .tso-olcu__bant--1[b-596xypida8] { background: var(--marka-600); }
.tso-vitrin .tso-olcu__bant--2[b-596xypida8] { background: var(--marka-rampa-orta); }
.tso-vitrin .tso-olcu__bant--3[b-596xypida8] { background: var(--marka-rampa-uc); }

.tso-vitrin .tso-olcu__deger[b-596xypida8] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.tso-vitrin .tso-olcu__deger--kotu[b-596xypida8] { color: var(--red-600); }
.tso-vitrin .tso-olcu__deger--uyari[b-596xypida8] { color: var(--amber-600); }

.tso-vitrin .tso-banner[b-596xypida8] { margin: 0 0 16px; border-radius: var(--kose-dugme); }

/* ── Bölüm sekmeleri: beyaz şerit, 1 px sınır, 6 px dolgu, 4 px aralık ─────── */
.tso-vitrin .tso-sekmeler[b-596xypida8] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.tso-vitrin .tso-sekme[b-596xypida8] {
  --tso-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.tso-vitrin .tso-sekme:nth-child(2)[b-596xypida8] { --tso-vurgu: var(--marka-rampa-uc); }

.tso-vitrin .tso-sekme:hover[b-596xypida8] {
  background: color-mix(in srgb, var(--tso-vurgu) 14%, var(--yuzey));
  color: var(--tso-vurgu);
}

.tso-vitrin .tso-sekme[aria-selected="true"][b-596xypida8] { background: var(--tso-vurgu); color: var(--on-brand); }
.tso-vitrin .tso-sekme[aria-selected="true"]:hover[b-596xypida8] { background: var(--tso-vurgu); color: var(--on-brand); }

.tso-vitrin .tso-sekme:focus-visible[b-596xypida8],
.tso-vitrin .tso-kart:focus-visible[b-596xypida8] { outline: 2px solid var(--tso-vurgu, var(--marka-600)); outline-offset: 2px; }

/* ── Bölüm kartı ──────────────────────────────────────────────────────────── */
.tso-vitrin .tso-kart[b-596xypida8] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tso-vitrin .tso-kart[b-596xypida8]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tso-vitrin .tso-bolum-baslik[b-596xypida8] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.tso-vitrin .tso-bolum-baslik[b-596xypida8]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tso-vitrin .tso-bolum-ipucu[b-596xypida8] { margin: 0 0 12px; color: var(--n-500); font-size: 12px; line-height: 1.5; }
.tso-vitrin .tso-bos-metin[b-596xypida8] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* Taslak bulunamadı kartı: metin + çıkış yolu dikey akar. */
.tso-vitrin .tso-kart--bos[b-596xypida8] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 26px 18px 28px;
}

/* ── Onay zinciri ─────────────────────────────────────────────────────────── */
.tso-vitrin .tso-zincir[b-596xypida8] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tso-vitrin .tso-zincir__oge[b-596xypida8] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  padding: 10px 0;
  position: relative;
}

.tso-vitrin .tso-zincir__oge:not(:last-child)[b-596xypida8]::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 26px;
  bottom: -2px;
  width: 2px;
  background: var(--hat-kart);
}

.tso-vitrin .tso-zincir__nokta[b-596xypida8] {
  width: 14px;
  height: 14px;
  border-radius: var(--radius-pill);
  margin-top: 4px;
  background: var(--metin-ipucu);
  border: 2px solid var(--hat-kart);
  z-index: 1;
}

.tso-vitrin .tso-zincir__nokta.is-active[b-596xypida8] { background: var(--green-600); border-color: var(--green-600); }
.tso-vitrin .tso-zincir__nokta.is-warn[b-596xypida8] { background: var(--amber-600); border-color: var(--amber-600); }
.tso-vitrin .tso-zincir__nokta.is-passive[b-596xypida8] { background: var(--red-600); border-color: var(--red-600); }

/* Izgara öğesinin varsayılan min-width:auto'su uzun notta sütunu taşırır. */
.tso-vitrin .tso-zincir__govde[b-596xypida8] { min-width: 0; }

.tso-vitrin .tso-zincir__bas[b-596xypida8] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.tso-vitrin .tso-zincir__rol[b-596xypida8] { font-weight: 600; color: var(--metin-murekkep); font-size: 13px; }

.tso-vitrin .tso-zincir__meta[b-596xypida8] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 3px;
  font-size: 12px;
  color: var(--n-500);
}

.tso-vitrin .tso-zincir__not[b-596xypida8] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

/* ── Yerleşim ızgarası ────────────────────────────────────────────────────── */
.tso-vitrin .tso-izgara-kap[b-596xypida8] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.tso-vitrin .tso-izgara-kap:focus-visible[b-596xypida8] { outline: 2px solid var(--marka-600); outline-offset: -2px; }

.tso-vitrin .tso-izgara[b-596xypida8] { display: grid; min-width: max-content; }

.tso-vitrin .tso-izgara__kose[b-596xypida8],
.tso-vitrin .tso-izgara__gun[b-596xypida8] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tso-vitrin .tso-izgara__kose[b-596xypida8] { left: 0; z-index: 3; background: var(--marka-600); }

.tso-vitrin .tso-izgara__saat[b-596xypida8] {
  position: sticky;
  left: 0;
  z-index: 1;
  padding: 10px 13px;
  background: var(--yuzey);
  border-top: 1px solid var(--hat-kart);
  border-right: 1px solid var(--hat-kart);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.tso-vitrin .tso-izgara__hucre[b-596xypida8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 7px 9px;
  border-top: 1px solid var(--hat-kart);
  border-right: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.tso-vitrin .tso-izgara__hucre.is-empty[b-596xypida8] { background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey)); }

.tso-vitrin .tso-izgara__kayit[b-596xypida8] {
  padding: 6px 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.tso-vitrin .tso-izgara__kayit-ad[b-596xypida8] {
  color: var(--metin-murekkep);
  font-size: 12.5px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.tso-vitrin .tso-izgara__kayit-alt[b-596xypida8] {
  margin-top: 2px;
  color: var(--n-500);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.au-page.tso-vitrin[b-596xypida8]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* ── Karar popup'ı ──
   Arka plan kaydırma kilidi `.razor.js`'tedir: scoped CSS'te `html:has(...)` kuralına
   kapsam niteliği `html`e eklenir ve kural HİÇ eşleşmez (InstitutionTemplateApply deseni). */
.tso-vitrin .tso-popup[b-596xypida8] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.tso-vitrin .tso-popup[open][b-596xypida8] { display: flex; flex-direction: column; }
.tso-vitrin .tso-popup[b-596xypida8]::backdrop { background: var(--scrim); }

.tso-vitrin .tso-popup__bas[b-596xypida8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.tso-vitrin .tso-popup__bas h2[b-596xypida8] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.tso-vitrin .tso-popup__bas h2:focus[b-596xypida8] { outline: none; }

.au-page.tso-vitrin .tso-popup__kapat[b-596xypida8] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.tso-vitrin .tso-popup__govde[b-596xypida8] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.tso-vitrin .tso-popup__not[b-596xypida8] { margin: 0 0 12px; color: var(--n-500); font-size: 12px; line-height: 1.5; }

.tso-vitrin .tso-metin[b-596xypida8] {
  width: 100%;
  min-height: 96px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.55 var(--font-body);
  resize: vertical;
  box-shadow: none;
}

.tso-vitrin .tso-metin:focus-visible[b-596xypida8] { border-color: var(--marka-600); outline: 2px solid var(--marka-600); outline-offset: 1px; }

.tso-vitrin .tso-popup__eylem[b-596xypida8] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş (≥1540): başlık solda, eylemler sağa yaslı ────────────── */
@media (min-width: 1540px) {
  .tso-vitrin .tso-kapak[b-596xypida8] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik eylem"
      "aciklama aciklama aciklama";
  }

  .tso-vitrin .tso-kapak__eylem[b-596xypida8] { justify-self: end; align-self: center; }
}

/* MASAÜSTÜ ∩ (<1540) — YENI-DIL §1.1 MASAÜSTÜ metni, üst sınırla daraltılmış. */
@media (min-width: 1280px) and (max-width: 1539px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .tso-vitrin .tso-kapak[b-596xypida8] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik ."
      "aciklama aciklama eylem";
  }

  .tso-vitrin .tso-kapak__eylem[b-596xypida8] { justify-self: end; align-self: center; }
}

/* ── CİHAZ (TELEFON ∪ TABLET) — YENI-DIL §1.1 ────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .tso-vitrin .tso-kapak[b-596xypida8] { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .au-page.tso-vitrin .tso-dugme[b-596xypida8] { min-height: 44px; }
  .tso-vitrin .tso-olcu__deger[b-596xypida8] { font-size: 23px; }
  /* Sekmeler tek yatay kaydırılabilir şerit; sayfanın tamamını taşırmaz. */
  .tso-vitrin .tso-sekmeler[b-596xypida8] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .tso-vitrin .tso-sekme[b-596xypida8] { flex: 0 0 auto; min-height: 44px; }
}

@media (pointer: coarse) {
  .tso-vitrin .tso-metin[b-596xypida8] { font-size: max(16px, 1rem); }
}

/* ── TELEFON — tek sütun, ölçüler alt alta, eylemler başlığın altında ─────── */
@media (max-width: 640px) {
  .tso-vitrin .tso-kapak[b-596xypida8] { padding: 12px; gap: 12px 8px; }
  .tso-vitrin .tso-baslik[b-596xypida8] { font-size: var(--yazi-kapak, 20px); }
  .tso-vitrin .tso-alt[b-596xypida8] { font-size: var(--yazi-kucuk, 12px); }
  .tso-vitrin .tso-kapak__eylem[b-596xypida8] { width: 100%; }
  .au-page.tso-vitrin .tso-kapak__eylem .tso-dugme[b-596xypida8] { flex: 1 1 auto; }
  .tso-vitrin .tso-olcu-serit[b-596xypida8] { grid-template-columns: minmax(0, 1fr); }
  .tso-vitrin .tso-olcu[b-596xypida8] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .tso-vitrin .tso-olcu:last-child[b-596xypida8] { border-bottom: 0; }
  .tso-vitrin .tso-olcu__deger[b-596xypida8] { font-size: var(--yazi-kpi, 20px); }
  .tso-vitrin .tso-kart[b-596xypida8] { padding: 16px 12px; }
  .tso-vitrin .tso-bolum-baslik[b-596xypida8] { font-size: var(--yazi-bolum, 14px); }
  .tso-vitrin .tso-popup[b-596xypida8] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .tso-vitrin .tso-popup__bas[b-596xypida8],
  .tso-vitrin .tso-popup__govde[b-596xypida8],
  .tso-vitrin .tso-popup__eylem[b-596xypida8] { padding: 12px; }
  .au-page.tso-vitrin .tso-popup__eylem .tso-dugme[b-596xypida8] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/TelafiTatilPlanlayici.razor.rz.scp.css */
/* Telafi ve tatil etkisi — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey, bölüm
   sekmeleri, --marka-rampa-serit tablo başlığı, native popup). Salt Aurora token; yeni hex
   ve !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   NOT: `.wrap` bileşen dışıdır — scoped CSS ona ulaşamaz. */

.tt-vitrin[b-eumawn2qjp] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + bütün girdiler + ana eylem aynı beyaz yüzeyde ── */
.tt-vitrin .tt-kapak[b-eumawn2qjp] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 12px;
  /* Alt dolgu 46 px: süzgecin son satırındaki ipucu/hata metni akıştan çıkarılıp mutlak
     konumlandığı için (aşağıya bkz.) kart sınırının dışına taşmasın. 176 px'lik alanda
     ipucu iki satıra sarabiliyor (4 + 2×16.8 ≈ 38 px) — 38 px sıfır boşluk bırakıyordu. */
  padding: 16px 24px 46px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu: 30 px genişlik, kontrol taban çizgisiyle aynı 34 px yükseklik. Ortak
   `.au-breadcrumb--dugme` hâlâ eski dili (30×30, 9 px köşe, --n-300/--muted) veriyor;
   yeni dilin kesik sol üst köşesine ve token'larına sayfa kapsamında hizalanır. */
.tt-vitrin .au-breadcrumb--dugme[b-eumawn2qjp] {
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.tt-vitrin .au-breadcrumb--dugme:hover[b-eumawn2qjp] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-600);
}

.tt-vitrin .au-breadcrumb--dugme:focus-visible[b-eumawn2qjp] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Taban %100 olunca 30 px'lik geri düğmesiyle aynı satıra sığmayıp başlık alt satıra
   kırılıyordu; 280 px taban ile geri + başlık ilk satırı paylaşır. */
.tt-vitrin .tt-kapak__baslik[b-eumawn2qjp] { min-width: 0; flex: 1 1 280px; align-self: center; }

.tt-vitrin .au-title[b-eumawn2qjp] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.tt-vitrin .tt-kapak__alt[b-eumawn2qjp] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.tt-vitrin .tt-kapak__filtre[b-eumawn2qjp] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  /* Satır arası 34 px: mutlak konumlanan ipucu/hata metni alt satırın etiketine binmesin.
     Sütun arası 12 px korunur. */
  gap: 34px 12px;
  min-width: 0;
  flex: 1 1 560px;
}

.tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .edu-dropdown { min-width: 176px; max-width: 210px; }
/* `.app-field` width:100% taşıdığı için flex tabanı verilmezse her alan kendi satırına
   düşüyordu; SisIsleri ölçüsüyle (0 1 176px) aynı satırda dizilirler. */
.tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-field {
  flex: 0 1 176px;
  min-width: 160px;
  max-width: 210px;
  position: relative;
}
/* Paylaşılan `.app-field ::deep .app-input` sabit height:46px veriyor; yalnız min-height
   yazmak onu ezmez — 34 px'lik geri düğmesiyle taban çizgisini tutturmak için height de yazılır. */
.tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-input { min-height: 34px; height: 34px; border-radius: var(--kose-dugme); }
/* flex-end hizasında ipucu/hata metni alanın yüksekliğini uzatıp etiketleri zikzaklaştırır;
   akıştan çıkarılıp girdinin hemen altına mutlak konumlanır. */
.tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-field__hint,
.tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-field__error {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
}

.tt-vitrin .tt-kapak__eylem[b-eumawn2qjp] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.tt-vitrin .au-btn[b-eumawn2qjp] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.tt-vitrin .au-btn:hover:not(:disabled)[b-eumawn2qjp] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.tt-vitrin .au-btn:disabled[b-eumawn2qjp] { opacity: .55; cursor: not-allowed; }

.tt-vitrin .au-btn--primary[b-eumawn2qjp] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.tt-vitrin .au-btn--primary:hover:not(:disabled)[b-eumawn2qjp] { background: var(--marka-500); border-color: var(--marka-500); }

.tt-vitrin .au-btn--sm[b-eumawn2qjp] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.tt-vitrin .au-btn:focus-visible[b-eumawn2qjp],
.tt-vitrin .tt-sekme:focus-visible[b-eumawn2qjp],
.tt-vitrin .tt-bolum:focus-visible[b-eumawn2qjp] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapsam açıklaması (hangi girdi nereye gidiyor) ── */
.tt-vitrin .tt-bilgi[b-eumawn2qjp] {
  margin-bottom: 16px;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-inline-start: 3px solid var(--marka-500);
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.tt-vitrin .tt-bilgi p[b-eumawn2qjp] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Bölüm sekmeleri ── */
.tt-vitrin .tt-sekmeler[b-eumawn2qjp] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.tt-vitrin .tt-sekme[b-eumawn2qjp] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.tt-vitrin .tt-sekme:hover[b-eumawn2qjp] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.tt-vitrin .tt-sekme[aria-selected="true"][b-eumawn2qjp] {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* ── Bölüm kartı ── */
.tt-vitrin .tt-bolum[b-eumawn2qjp] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tt-vitrin .tt-bolum[b-eumawn2qjp]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.tt-vitrin .tt-bolum__baslik[b-eumawn2qjp] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.tt-vitrin .tt-bolum__baslik[b-eumawn2qjp]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tt-vitrin .tt-bolum__alt[b-eumawn2qjp] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

.tt-vitrin .tt-bos[b-eumawn2qjp] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
}

.tt-vitrin .tt-bos p[b-eumawn2qjp] {
  margin: 0;
  max-width: 52ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.tt-vitrin .tt-bos-metin[b-eumawn2qjp] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Durum satırı (tatil) ── */
.tt-vitrin .tt-durum[b-eumawn2qjp] {
  margin: 12px 0 0;
  padding: 10px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
}

.tt-vitrin .tt-durum--uyari[b-eumawn2qjp] {
  border-inline-start: 3px solid var(--turkuaz-500);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
}

/* ── Tablolar: sınırlı alanda kayar, başlık ve ilk sütun sabit ── */
.tt-vitrin .tt-tablo-kap[b-eumawn2qjp] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.tt-vitrin .tt-tablo[b-eumawn2qjp] {
  display: table;
  width: 100%;
  max-width: none;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
}

.tt-vitrin .tt-tablo thead[b-eumawn2qjp] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.tt-vitrin .tt-tablo thead th[b-eumawn2qjp] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

/* Gövde mürekkep rengindedir (akademik-analiz.md "Tablo görünümü": gövde 13 px,
   `--anv-murekkep`); kardeş planlama sayfaları da böyle. */
.tt-vitrin .tt-tablo tbody th[b-eumawn2qjp],
.tt-vitrin .tt-tablo tbody td[b-eumawn2qjp] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  text-align: start;
  vertical-align: middle;
}

.tt-vitrin .tt-tablo tbody tr:nth-child(even) th[b-eumawn2qjp],
.tt-vitrin .tt-tablo tbody tr:nth-child(even) td[b-eumawn2qjp] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Tarih sütunu yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.tt-vitrin .tt-tablo thead th:first-child[b-eumawn2qjp],
.tt-vitrin .tt-tablo tbody th:first-child[b-eumawn2qjp] {
  position: sticky;
  left: 0;
  z-index: 3;
}

.tt-vitrin .tt-tablo thead th:first-child[b-eumawn2qjp] { z-index: 5; background: var(--marka-600); }

.tt-vitrin .tt-tablo tbody th.tt-ad[b-eumawn2qjp] {
  background: var(--yuzey);
  font-weight: 600;
  white-space: nowrap;
}

.tt-vitrin .tt-tablo tbody tr:nth-child(even) th.tt-ad[b-eumawn2qjp] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Sütun kuralları tablo kapsamında yazılır: `.tt-vitrin .tt-sayi` (0,2,0) yukarıdaki
   gövde kuralının (0,2,2) altında kalıyor ve `text-align: end` hiç uygulanmıyordu
   (PlanlamaMerkezi'ndeki `.pm-tablo .pm-sayi` deseni). */
.tt-vitrin .tt-tablo .tt-sayi[b-eumawn2qjp] { text-align: end; font-variant-numeric: tabular-nums; }
.tt-vitrin .tt-zaman[b-eumawn2qjp] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.tt-vitrin .tt-tablo .tt-islem[b-eumawn2qjp] { text-align: end; white-space: nowrap; }

.tt-vitrin .tt-gizli[b-eumawn2qjp] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Künye listesi ── */
.tt-vitrin .tt-kunye[b-eumawn2qjp] {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.tt-vitrin .tt-kunye__satir[b-eumawn2qjp] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.tt-vitrin .tt-kunye dt[b-eumawn2qjp] {
  flex: 0 0 140px;
  color: var(--metin-ipucu);
  font-size: 12px;
  font-weight: 600;
}

.tt-vitrin .tt-kunye dd[b-eumawn2qjp] {
  flex: 1 1 200px;
  margin: 0;
  min-width: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* ── Ayrıntı penceresi (native top layer) ── */
.tt-vitrin .tt-popup[b-eumawn2qjp] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.tt-vitrin .tt-popup[open][b-eumawn2qjp] { display: flex; flex-direction: column; }
.tt-vitrin .tt-popup[b-eumawn2qjp]::backdrop { background: var(--scrim); }

.tt-vitrin .tt-popup__bas[b-eumawn2qjp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.tt-vitrin .tt-popup__bas h2[b-eumawn2qjp] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.tt-vitrin .tt-popup__bas h2:focus[b-eumawn2qjp] { outline: none; }

.tt-vitrin .tt-popup__kapat[b-eumawn2qjp] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.tt-vitrin .tt-popup__govde[b-eumawn2qjp] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.tt-vitrin .tt-popup__not[b-eumawn2qjp] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.tt-vitrin .tt-popup__eylem[b-eumawn2qjp] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  /* Alt dolgu 44 px: mutlak konumlu ipucu/hata metni iki satıra sardığında (≈38 px) kart
     dışına taşmasın; 36 px iki satırlık ipucunun altını kenarlığa taşırıyordu. */
  .tt-vitrin .tt-kapak[b-eumawn2qjp] { padding: 16px 16px 44px; }
  /* Bu bantta süzgeç 3 sütuna düşüp son satırda kalıcı ipuçlu tek alan bırakıyor; kapak
     satır arası 14 px, mutlak ipucunun ≈38 px'lik taşmasını karşılamadığı için eylem
     düğmeleri metnin altına iner. */
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp] { margin-bottom: 26px; }
  .tt-vitrin .au-breadcrumb--dugme[b-eumawn2qjp] { flex-basis: 44px; width: 44px; height: 44px; }
  .tt-vitrin .au-btn[b-eumawn2qjp] { min-height: 44px; }
  /* Girdiler artık 34 px sabitlendiği için dokunma hedefi bu bantta ayrıca yükseltilir. */
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-input { min-height: 44px; height: 44px; }
  .tt-vitrin .au-btn--sm[b-eumawn2qjp] { min-height: 44px; }
  .tt-vitrin .tt-kapak__eylem[b-eumawn2qjp] { margin-inline-start: 0; }
  .tt-vitrin .tt-sekmeler[b-eumawn2qjp] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .tt-vitrin .tt-sekme[b-eumawn2qjp] { flex: 0 0 auto; min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .tt-vitrin .tt-kapak[b-eumawn2qjp] { padding: 12px; }
  .tt-vitrin .au-breadcrumb--dugme[b-eumawn2qjp] { flex-basis: 44px; width: 44px; height: 44px; }
  .tt-vitrin .au-title[b-eumawn2qjp] { font-size: var(--yazi-kapak, 20px); }
  /* Kolon eksende flex-basis yüksekliğe karşılık gelir; 34 px satır arası da burada
     gereksiz — ikisi de sıfırlanır, mesajlar akışa döner. */
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp] { flex-direction: column; align-items: stretch; flex-basis: 100%; gap: 12px; }
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .edu-dropdown { min-width: 0; max-width: none; }
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-field { flex: 0 1 auto; min-width: 0; max-width: none; }
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-field__hint,
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-field__error { position: static; margin-top: 0; }
  .tt-vitrin .tt-kapak__filtre[b-eumawn2qjp]  .app-input { font-size: max(16px, 1rem); min-height: 44px; height: 44px; }
  .tt-vitrin .tt-kapak__eylem[b-eumawn2qjp] { margin-inline-start: 0; width: 100%; }
  .tt-vitrin .tt-kapak__eylem .au-btn[b-eumawn2qjp] { flex: 1 1 auto; min-height: 44px; }
  .tt-vitrin .tt-sekmeler[b-eumawn2qjp] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .tt-vitrin .tt-sekme[b-eumawn2qjp] { flex: 0 0 auto; min-height: 44px; }
  .tt-vitrin .tt-bolum[b-eumawn2qjp] { padding: 16px 12px; }
  .tt-vitrin .tt-bolum__baslik[b-eumawn2qjp] { font-size: var(--yazi-bolum, 14px); }
  .tt-vitrin .tt-tablo thead th[b-eumawn2qjp],
  .tt-vitrin .tt-tablo tbody th[b-eumawn2qjp],
  .tt-vitrin .tt-tablo tbody td[b-eumawn2qjp] { padding-inline: 8px; }
  .tt-vitrin .au-btn--sm[b-eumawn2qjp] { min-height: 44px; }
  .tt-vitrin .tt-popup[b-eumawn2qjp] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .tt-vitrin .tt-popup__bas[b-eumawn2qjp],
  .tt-vitrin .tt-popup__govde[b-eumawn2qjp],
  .tt-vitrin .tt-popup__eylem[b-eumawn2qjp] { padding: 12px; }
  .tt-vitrin .tt-kunye dt[b-eumawn2qjp] { flex-basis: 100%; }
}
/* _content/EduLive.Web/Components/Pages/Scheduling/YayimliPlanFark.razor.rz.scp.css */
/* Yayımlı plan ve fark — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, bölüm sekmeleri, native popup). Salt Aurora token;
   yeni hex ve !important YOK. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Eski `.bl-*` kuralları kaldırıldı: karşılık gelen madde-listesi işaretlemesi tabloya dönüştü.
   NOT: `.wrap` bu bileşenin dışındadır — scoped CSS ona ulaşamaz; sayfa dış boşluğu global
   `.wrap` kuralında kalır (ortak vitrin dosyası gerekir, bkz. rapor). */

.ypf-vitrin[b-5cynxwixnd] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + taslak filtresi aynı beyaz yüzeyde ── */
.ypf-vitrin .ypf-kapak[b-5cynxwixnd] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Geri sütunu: GeriBaglanti'nin kökü kapsam niteliği taşımadığı için alan sarmalayıcıya verilir. */
.ypf-vitrin .ypf-kapak__geri[b-5cynxwixnd] { grid-area: geri; min-width: 0; align-self: center; }
.ypf-vitrin .ypf-kapak__baslik[b-5cynxwixnd] { grid-area: baslik; min-width: 0; }
.ypf-vitrin .ypf-kapak__filtre[b-5cynxwixnd] { grid-area: filtre; min-width: 0; }

.ypf-vitrin .au-title[b-5cynxwixnd] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.ypf-vitrin .ypf-kapak__alt[b-5cynxwixnd] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* Filtre alanı referans ölçüsü: taslak adları uzun olabildiği için 260 px tavan. */
.ypf-vitrin .ypf-kapak__filtre[b-5cynxwixnd]  .edu-dropdown { max-width: 260px; }
.ypf-vitrin .ypf-kapak__filtre[b-5cynxwixnd]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

/* Geniş ekranda başlık solda, filtre sağ kenarda (referans 1540 px sınırı). */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .ypf-vitrin .ypf-kapak[b-5cynxwixnd] {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik filtre";
  }
  .ypf-vitrin .ypf-kapak__filtre[b-5cynxwixnd] { justify-self: end; }
}

/* ── Düğmeler ── */
.ypf-vitrin .au-btn[b-5cynxwixnd] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  cursor: pointer;
}

.ypf-vitrin .au-btn:hover[b-5cynxwixnd] { border-color: var(--marka-400); }

.ypf-vitrin .au-btn--primary[b-5cynxwixnd] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ypf-vitrin .au-btn--primary:hover[b-5cynxwixnd] { background: var(--marka-500); border-color: var(--marka-500); }
.ypf-vitrin .au-btn:disabled[b-5cynxwixnd] { opacity: .55; cursor: not-allowed; }

.ypf-vitrin :is(.ypf-sekme, .ypf-bolum, .au-btn):focus-visible[b-5cynxwixnd] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Kaydırılabilir tablo alanı klavyeyle odaklanabilir → odak halkası içeri alınır (taşma olmasın). */
.ypf-vitrin .ypf-tablo-kap:focus-visible[b-5cynxwixnd] {
  outline: 2px solid var(--marka-600);
  outline-offset: -2px;
}

/* ── Yürürlükteki plan şeridi (her bölümde görünür) ── */
.ypf-vitrin .ypf-plan[b-5cynxwixnd] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 18px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.ypf-vitrin .ypf-plan[b-5cynxwixnd]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--marka-rampa-serit);
}

.ypf-vitrin .ypf-plan__ad[b-5cynxwixnd] { min-width: 0; }

.ypf-vitrin .ypf-plan__ust[b-5cynxwixnd] {
  display: block;
  color: var(--metin-ikincil);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ypf-vitrin .ypf-plan__baslik[b-5cynxwixnd] {
  margin: 4px 0 0;
  color: var(--marka-700);
  font: 700 17px/1.3 var(--font-display);
  letter-spacing: -.016em;
  overflow-wrap: anywhere;
}

.ypf-vitrin .ypf-plan__rozet[b-5cynxwixnd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ypf-vitrin .ypf-etiket[b-5cynxwixnd] {
  padding: 4px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  white-space: nowrap;
}

/* ── Bölüm sekmeleri ── */
.ypf-vitrin .ypf-sekmeler[b-5cynxwixnd] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.ypf-vitrin .ypf-sekme[b-5cynxwixnd] {
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.ypf-vitrin .ypf-sekme:hover[b-5cynxwixnd] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.ypf-vitrin .ypf-sekme[aria-selected="true"][b-5cynxwixnd] {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* ── Bölüm kartı ── */
.ypf-vitrin .ypf-bolum[b-5cynxwixnd] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ypf-vitrin .ypf-bolum[b-5cynxwixnd]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.ypf-vitrin .ypf-bolum__baslik[b-5cynxwixnd] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ypf-vitrin .ypf-bolum__baslik[b-5cynxwixnd]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ypf-vitrin .ypf-alt-baslik[b-5cynxwixnd] {
  margin: 20px 0 10px;
  color: var(--metin-murekkep);
  font: 700 13.5px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.ypf-vitrin .ypf-bolum__alt[b-5cynxwixnd] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ypf-vitrin .ypf-bolum__bos[b-5cynxwixnd] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 13px;
  line-height: 1.6;
}

.ypf-vitrin .ypf-bos[b-5cynxwixnd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ypf-vitrin .ypf-bos p[b-5cynxwixnd] { margin: 0; line-height: 1.6; }

/* ── Fark özeti şeridi: tek birleşik yüzey ── */
.ypf-vitrin .ypf-ozet[b-5cynxwixnd] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  margin-bottom: 4px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.ypf-vitrin .ypf-ozet__kutu[b-5cynxwixnd] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 14px 14px 12px;
  border-right: 1px solid var(--hat-kart);
}

.ypf-vitrin .ypf-ozet__kutu:last-child[b-5cynxwixnd] { border-right: 0; }

.ypf-vitrin .ypf-ozet__deger[b-5cynxwixnd] {
  color: var(--marka-700);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.ypf-vitrin .ypf-ozet__alt[b-5cynxwixnd] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Değişiklik türü süzgeci ── */
.ypf-vitrin .ypf-suzgec[b-5cynxwixnd] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  margin-bottom: 12px;
}

.ypf-vitrin .ypf-suzgec[b-5cynxwixnd]  .edu-dropdown { max-width: 210px; }
.ypf-vitrin .ypf-suzgec[b-5cynxwixnd]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.ypf-vitrin .ypf-suzgec__nota[b-5cynxwixnd] {
  margin: 0 0 6px;
  color: var(--metin-ipucu);
  font-size: 12.5px;
}

/* ── Fark tablosu: uzun liste kendi alanında kayar, başlık yapışık ── */
.ypf-vitrin .ypf-tablo-kap[b-5cynxwixnd] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.ypf-vitrin .ypf-tablo[b-5cynxwixnd] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.ypf-vitrin .ypf-tablo thead[b-5cynxwixnd] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.ypf-vitrin .ypf-tablo thead th[b-5cynxwixnd] {
  background: transparent;
  border-bottom: 0;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  padding: 10px 13px;
  white-space: nowrap;
}

.ypf-vitrin .ypf-tablo tbody th[b-5cynxwixnd],
.ypf-vitrin .ypf-tablo tbody td[b-5cynxwixnd] {
  padding: 9px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  vertical-align: top;
}

.ypf-vitrin .ypf-tablo tbody tr:nth-child(even) th[b-5cynxwixnd],
.ypf-vitrin .ypf-tablo tbody tr:nth-child(even) td[b-5cynxwixnd] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

/* Değişiklik türü sütunu yatay kaydırmada yapışık kalır (opak zemin gerekir). */
.ypf-vitrin .ypf-tablo thead th:first-child[b-5cynxwixnd],
.ypf-vitrin .ypf-tablo tbody th:first-child[b-5cynxwixnd] {
  position: sticky;
  left: 0;
  z-index: 3;
  white-space: nowrap;
}

.ypf-vitrin .ypf-tablo thead th:first-child[b-5cynxwixnd] { z-index: 5; background: var(--marka-600); }
.ypf-vitrin .ypf-tablo tbody th:first-child[b-5cynxwixnd] { background: var(--yuzey); }
.ypf-vitrin .ypf-tablo tbody tr:nth-child(even) th:first-child[b-5cynxwixnd] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ypf-vitrin .ypf-tablo__slot[b-5cynxwixnd] {
  min-width: 200px;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.ypf-vitrin .ypf-tablo__eylem[b-5cynxwixnd] { text-align: end; white-space: nowrap; }
.ypf-vitrin .ypf-detay[b-5cynxwixnd] { min-height: 30px; padding: 0 10px; font-size: 12px; }

.ypf-vitrin .ypf-gizli[b-5cynxwixnd] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Künye listesi (plan ayrıntısı ve popup) ── */
.ypf-vitrin .ypf-kunye[b-5cynxwixnd] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.ypf-vitrin .ypf-kunye > div[b-5cynxwixnd] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ypf-vitrin .ypf-kunye > div:nth-child(odd)[b-5cynxwixnd] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ypf-vitrin .ypf-kunye dt[b-5cynxwixnd] { color: var(--metin-ipucu); }
.ypf-vitrin .ypf-kunye dd[b-5cynxwixnd] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── Yerleşim ayrıntısı penceresi (native top layer) ── */
.ypf-vitrin .ypf-popup[b-5cynxwixnd] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ypf-vitrin .ypf-popup[open][b-5cynxwixnd] { display: flex; flex-direction: column; }
.ypf-vitrin .ypf-popup[b-5cynxwixnd]::backdrop { background: var(--scrim); }

.ypf-vitrin .ypf-popup__bas[b-5cynxwixnd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ypf-vitrin .ypf-popup__bas h2[b-5cynxwixnd] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ypf-vitrin .ypf-popup__bas h2:focus[b-5cynxwixnd] { outline: none; }

.ypf-vitrin .ypf-popup__kapat[b-5cynxwixnd] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.ypf-vitrin .ypf-popup__govde[b-5cynxwixnd] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ypf-vitrin .ypf-popup__ust[b-5cynxwixnd] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.ypf-vitrin .ypf-karsilastir[b-5cynxwixnd] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ypf-vitrin .ypf-karsilastir__yan[b-5cynxwixnd] {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
}

.ypf-vitrin .ypf-karsilastir__yan h3[b-5cynxwixnd] {
  margin: 0 0 8px;
  color: var(--metin-ikincil);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ypf-vitrin .ypf-popup__yok[b-5cynxwixnd] {
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ypf-vitrin .ypf-kapak[b-5cynxwixnd] { padding: 16px; }
  .ypf-vitrin .ypf-ozet[b-5cynxwixnd] { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ypf-vitrin .ypf-ozet__kutu[b-5cynxwixnd] { border-bottom: 1px solid var(--hat-kart); }
  .ypf-vitrin .ypf-ozet__kutu:nth-child(3n)[b-5cynxwixnd] { border-right: 0; }
  .ypf-vitrin .ypf-ozet__kutu:last-child[b-5cynxwixnd] { border-right: 0; border-bottom: 0; }
  .ypf-vitrin .ypf-sekmeler[b-5cynxwixnd] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .ypf-vitrin .ypf-sekme[b-5cynxwixnd] { flex: 0 0 auto; min-height: 44px; }
  .ypf-vitrin .au-btn[b-5cynxwixnd] { min-height: 44px; }
  .ypf-vitrin .ypf-detay[b-5cynxwixnd] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ypf-vitrin .ypf-kapak[b-5cynxwixnd] { padding: 12px; }
  .ypf-vitrin .au-title[b-5cynxwixnd] { font-size: var(--yazi-kapak, 20px); }
  .ypf-vitrin .ypf-kapak__filtre[b-5cynxwixnd]  .edu-dropdown { max-width: none; }
  .ypf-vitrin .ypf-kapak__filtre[b-5cynxwixnd]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .ypf-vitrin .ypf-suzgec[b-5cynxwixnd] { flex-direction: column; align-items: stretch; }
  .ypf-vitrin .ypf-suzgec[b-5cynxwixnd]  .edu-dropdown { max-width: none; }
  .ypf-vitrin .ypf-suzgec[b-5cynxwixnd]  .app-input { font-size: max(16px, 1rem); min-height: 44px; }
  .ypf-vitrin .ypf-plan[b-5cynxwixnd] { padding: 14px 12px 12px; }
  .ypf-vitrin .ypf-plan__baslik[b-5cynxwixnd] { font-size: 15px; }
  .ypf-vitrin .ypf-ozet[b-5cynxwixnd] { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); }
  .ypf-vitrin .ypf-ozet__kutu[b-5cynxwixnd] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
    padding: 14px 12px 12px;
  }
  .ypf-vitrin .ypf-ozet__kutu:last-child[b-5cynxwixnd] { border-bottom: 0; }
  .ypf-vitrin .ypf-ozet__deger[b-5cynxwixnd] { font-size: var(--yazi-kpi, 20px); }
  .ypf-vitrin .ypf-sekmeler[b-5cynxwixnd] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .ypf-vitrin .ypf-sekme[b-5cynxwixnd] { flex: 0 0 auto; min-height: 44px; }
  .ypf-vitrin .au-btn[b-5cynxwixnd] { min-height: 44px; }
  .ypf-vitrin .ypf-detay[b-5cynxwixnd] { min-height: 44px; }
  .ypf-vitrin .ypf-bolum[b-5cynxwixnd] { padding: 16px 12px; }
  .ypf-vitrin .ypf-bolum__baslik[b-5cynxwixnd] { font-size: var(--yazi-bolum, 14px); }
  .ypf-vitrin .ypf-tablo th[b-5cynxwixnd], .ypf-vitrin .ypf-tablo td[b-5cynxwixnd] { padding-inline: 8px; }
  .ypf-vitrin .ypf-kunye > div[b-5cynxwixnd] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1fr); gap: 8px; padding: 10px 6px; }
  .ypf-vitrin .ypf-karsilastir[b-5cynxwixnd] { grid-template-columns: minmax(0, 1fr); }
  .ypf-vitrin .ypf-popup[b-5cynxwixnd] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ypf-vitrin .ypf-popup__bas[b-5cynxwixnd], .ypf-vitrin .ypf-popup__govde[b-5cynxwixnd] { padding: 12px; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/Analitik.razor.rz.scp.css */
/* Sosyal medya analitiği — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 24/16/18 px + 23 px h1, KPI şeridi tek yüzey, tablo başlığı --marka-rampa-serit),
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root tokenları. Çocuk bileşenler ::deep ile hedeflenir. */

.sma-vitrin[b-ykq5taz1fj] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + filtreler + ana eylemler tek beyaz yüzeyde ─────────── */
.sma-kapak[b-ykq5taz1fj] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.sma-kapak__geri[b-ykq5taz1fj] { grid-area: geri; }
.sma-kapak__baslik[b-ykq5taz1fj] { grid-area: baslik; min-width: 0; }
.sma-filtre[b-ykq5taz1fj] { grid-area: filtre; }
.sma-eylem[b-ykq5taz1fj] { grid-area: eylem; }

.sma-baslik[b-ykq5taz1fj] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.sma-alt[b-ykq5taz1fj] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.sma-filtre[b-ykq5taz1fj] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.sma-alan[b-ykq5taz1fj] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.sma-alan__etiket[b-ykq5taz1fj] {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sma-secici[b-ykq5taz1fj] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.sma-secici--dar[b-ykq5taz1fj] { width: 84px; }

.sma-eylem[b-ykq5taz1fj] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sma-btn[b-ykq5taz1fj] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.sma-btn:hover[b-ykq5taz1fj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.sma-btn.au-btn--primary[b-ykq5taz1fj] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.sma-btn.au-btn--primary:hover[b-ykq5taz1fj] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.sma-btn:disabled[b-ykq5taz1fj] { opacity: .55; cursor: not-allowed; }

/* Tarih seçicinin kendi kabı kapakta ikinci bir kart üretmez. */
.sma-vitrin[b-ykq5taz1fj]  .app-field { margin: 0; min-width: 0; }
.sma-vitrin[b-ykq5taz1fj]  .app-field__label { display: none; }

.sma-vitrin[b-ykq5taz1fj]  .app-input.app-date {
  height: 34px;
  min-height: 34px;
  padding: 0 38px 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.sma-vitrin[b-ykq5taz1fj]  .au-breadcrumb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--marka-700);
}

.sma-vitrin[b-ykq5taz1fj]  .au-breadcrumb .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Dönem şeridi ───────────────────────────────────────────────────────── */
.sma-donem[b-ykq5taz1fj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 12px;
}

.sma-rozet[b-ykq5taz1fj] {
  padding: 4px 11px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.sma-ipucu[b-ykq5taz1fj] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.sma-ipucu--uyari[b-ykq5taz1fj] { margin: 0 0 12px; }

/* ── KPI şeridi: tek birleşik yüzey (gap 0, ortak dış sınır) ────────────── */
.an-kpis[b-ykq5taz1fj] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.an-kpi[b-ykq5taz1fj] {
  --an-bant: var(--marka-600);
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 0 15px;
  border-top: 3px solid var(--an-bant);
  border-right: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

/* Lacivert → petrol → yeşil dağılımı; ara tonlar mevcut tokenların karışımıdır. */
.an-kpi:nth-child(2)[b-ykq5taz1fj] { --an-bant: color-mix(in srgb, var(--marka-600) 66%, var(--marka-rampa-uc)); }
.an-kpi:nth-child(3)[b-ykq5taz1fj] { --an-bant: color-mix(in srgb, var(--marka-600) 33%, var(--marka-rampa-uc)); }
.an-kpi:nth-child(4)[b-ykq5taz1fj] { --an-bant: var(--marka-rampa-uc); }
.an-kpi:nth-child(5)[b-ykq5taz1fj] { --an-bant: color-mix(in srgb, var(--marka-rampa-uc) 75%, var(--basari-metin)); }
.an-kpi:nth-child(6)[b-ykq5taz1fj] { --an-bant: color-mix(in srgb, var(--marka-rampa-uc) 50%, var(--basari-metin)); }
.an-kpi:nth-child(7)[b-ykq5taz1fj] { --an-bant: color-mix(in srgb, var(--marka-rampa-uc) 25%, var(--basari-metin)); }
.an-kpi:nth-child(n + 8)[b-ykq5taz1fj] { --an-bant: var(--basari-metin); }

.an-kpi:nth-child(3n)[b-ykq5taz1fj] { border-right: 0; }

.an-kpi__label[b-ykq5taz1fj] {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 16px;
  background: var(--an-bant);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.25;
}

.an-kpi__value[b-ykq5taz1fj] {
  padding: 0 16px;
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.an-kpi--rate .an-kpi__value[b-ykq5taz1fj] { color: var(--marka-700); }

/* ── Bölüm kartı ────────────────────────────────────────────────────────── */
.sma-kart[b-ykq5taz1fj] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.sma-kart[b-ykq5taz1fj]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.sma-kart__bas[b-ykq5taz1fj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.sma-kart__eylem[b-ykq5taz1fj] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sma-bolum-baslik[b-ykq5taz1fj] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.sma-bolum-baslik[b-ykq5taz1fj]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sma-bos-metin[b-ykq5taz1fj] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.an-empty[b-ykq5taz1fj] { padding: 26px 22px; }

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ────────────────────── */
.sma-tablo-kaydir[b-ykq5taz1fj] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* cihaz.css telefon bandındaki genel `table { display:block; overflow-x:auto }` siperi bu
   tabloya zarar verir (sticky thead + yapışık sütun bozulur) — kendi kabı zaten kayıyor. */
.sma-tablo[b-ykq5taz1fj] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 860px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.sma-tablo thead[b-ykq5taz1fj] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.sma-tablo th[b-ykq5taz1fj] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sma-tablo td[b-ykq5taz1fj] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
}

.sma-tablo tbody tr:nth-child(even) td[b-ykq5taz1fj] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.sma-tablo tbody tr:hover td[b-ykq5taz1fj] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.sma-sag[b-ykq5taz1fj] { text-align: right; }
.sma-oran[b-ykq5taz1fj] { font-weight: 600; color: var(--marka-700); }

.an-badge[b-ykq5taz1fj] {
  display: inline-flex;
  align-items: center;
  padding: 3px 11px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.sma-vitrin :is(.sma-btn, .sma-secici, .sma-tablo-kaydir):focus-visible[b-ykq5taz1fj] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.sma-vitrin[b-ykq5taz1fj]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ geniş: başlık solda, filtre + eylem sağ kenara yaslı ──────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .sma-kapak[b-ykq5taz1fj] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex kabın max-content'i
     çocukların `flex: 0 1 176px` tabanını saymaz → filtreler alt alta yığılıyordu.
     Kap sütunu doldurur, sağa yaslama flex satırında yapılır. */
  .sma-filtre[b-ykq5taz1fj] { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .sma-kapak[b-ykq5taz1fj] { padding: 16px; }

  .sma-btn[b-ykq5taz1fj] { min-height: 44px; }

  .sma-secici[b-ykq5taz1fj] { height: 44px; min-height: 44px; }
  .sma-vitrin[b-ykq5taz1fj]  .app-input.app-date { height: 44px; min-height: 44px; }

  .an-kpis[b-ykq5taz1fj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .an-kpi:nth-child(3n)[b-ykq5taz1fj] { border-right: 1px solid var(--hat-kart); }
  .an-kpi:nth-child(2n)[b-ykq5taz1fj] { border-right: 0; }

  /* İlk anlamlı sütun (Platform) yatay kaydırmada yapışık kalır. */
  .sma-tablo :is(th, td):first-child[b-ykq5taz1fj] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .sma-tablo th:first-child[b-ykq5taz1fj] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .sma-secici[b-ykq5taz1fj] { font-size: max(16px, 1rem); }
  .sma-vitrin[b-ykq5taz1fj]  .app-input.app-date { font-size: max(16px, 1rem); }
}

/* ── TELEFON ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .sma-kapak[b-ykq5taz1fj] { padding: 12px; gap: 12px 10px; }
  .sma-baslik[b-ykq5taz1fj] { font-size: var(--yazi-kapak, 20px); }
  .sma-bolum-baslik[b-ykq5taz1fj] { font-size: var(--yazi-bolum, 14px); }

  .sma-alan[b-ykq5taz1fj] { flex: 1 1 100%; max-width: none; }
  .sma-eylem[b-ykq5taz1fj] { width: 100%; }
  .sma-eylem .sma-btn[b-ykq5taz1fj] { flex: 1 1 auto; }

  .an-kpis[b-ykq5taz1fj] { grid-template-columns: minmax(0, 1fr); }
  .an-kpi[b-ykq5taz1fj] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .an-kpi:last-child[b-ykq5taz1fj] { border-bottom: 0; }
  .an-kpi__value[b-ykq5taz1fj] { font-size: var(--yazi-kpi, 20px); }

  .sma-kart[b-ykq5taz1fj] { padding: 16px 12px; }
  .sma-tablo-kaydir[b-ykq5taz1fj] { max-height: min(460px, 62dvh); }
  .sma-tablo[b-ykq5taz1fj] { min-width: 720px; }
  .sma-tablo :is(th, td)[b-ykq5taz1fj] { padding: 10px; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/AylikPlan.razor.rz.scp.css */
/* Aylık içerik planı — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüleri: Pages/Analysis/AnalizGenel.razor.css + wwwroot/css/analiz-vitrin.css;
   uygulanmış kardeş örnekler: Academic/Terms/TermsList.razor.css, wwwroot/css/org-birimleri-vitrin.css.
   Yeni hex YOK, !important YOK, sabit spacer YOK. Çocuk bileşen içleri (AppSelect, AppField,
   AppWizard, MediaEmbed) ::deep ile hedeflenir. Sekme vurgu rampası `--marka-rampa-*`
   token'larından türetilir; `--agv-kpi-etiket-*` yalnız `.analiz-genel-vitrin` kapsamında
   tanımlı olduğu için burada kullanılamaz. */

.au-page.apn-vitrin[b-sazmskuygs] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.apn-kapak[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Kapak tabanda `flex-direction: column`; flex column'da çapraz eksen YATAY olduğu için
   `align-self: center` cihaz bandında geri düğmesini ve başlığı ortaya kaydırıyordu.
   Masaüstü ızgarası zaten `align-items: center` verdiğinden dikey hizada kayıp yok. */
.apn-kapak[b-sazmskuygs]  .apn-geri {
  grid-area: geri;
}

.apn-kapak__baslik[b-sazmskuygs] {
  grid-area: baslik;
  min-width: 0;
}

.apn-kapak__baslik .au-title[b-sazmskuygs] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.apn-kapak__alt[b-sazmskuygs] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  text-transform: capitalize;
}

.apn-kapak__filtre[b-sazmskuygs] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.apn-kapak__eylem[b-sazmskuygs] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.apn-kapak__filtre[b-sazmskuygs]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.apn-kapak[b-sazmskuygs]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.apn-kapak[b-sazmskuygs]  .app-field .app-input,
.apn-kapak[b-sazmskuygs]  .app-select {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.apn-sifirla[b-sazmskuygs] {
  align-self: flex-end;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.apn-vitrin[b-sazmskuygs]  .au-btn,
.apn-vitrin .au-btn[b-sazmskuygs] {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.apn-vitrin[b-sazmskuygs]  .au-btn:hover:not(:disabled),
.apn-vitrin .au-btn:hover:not(:disabled)[b-sazmskuygs] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.apn-vitrin[b-sazmskuygs]  .au-btn--primary,
.apn-vitrin .au-btn--primary[b-sazmskuygs] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.apn-vitrin[b-sazmskuygs]  .au-btn--primary:hover:not(:disabled),
.apn-vitrin .au-btn--primary:hover:not(:disabled)[b-sazmskuygs] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.apn-vitrin[b-sazmskuygs]  .au-btn--sm,
.apn-vitrin .au-btn--sm[b-sazmskuygs] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.apn-vitrin[b-sazmskuygs]  :is(.au-btn, .app-input):focus-visible,
.apn-vitrin :is(.au-btn, .app-input, .ap-card):focus-visible[b-sazmskuygs] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Plan üstü uyarı ──────────────────────────────────────────────────── */
.apn-uyari[b-sazmskuygs] {
  margin-bottom: 16px;
  font-size: 12.5px;
}

/* ── Detay üst bilgi şeridi ───────────────────────────────────────────── */
.apn-serit[b-sazmskuygs] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.apn-serit__kutu[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.apn-serit__kutu:last-child[b-sazmskuygs] {
  border-right: 0;
}

.apn-serit__bant[b-sazmskuygs] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.apn-serit__kutu:nth-child(2) .apn-serit__bant[b-sazmskuygs] { background: color-mix(in srgb, var(--marka-600), var(--marka-rampa-orta)); }
.apn-serit__kutu:nth-child(3) .apn-serit__bant[b-sazmskuygs] { background: var(--marka-rampa-orta); }
.apn-serit__kutu:nth-child(4) .apn-serit__bant[b-sazmskuygs] { background: color-mix(in srgb, var(--marka-rampa-orta), var(--marka-rampa-uc)); }
.apn-serit__kutu:nth-child(5) .apn-serit__bant[b-sazmskuygs] { background: var(--marka-rampa-uc); }
.apn-serit__kutu:nth-child(6) .apn-serit__bant[b-sazmskuygs] { background: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--basari)); }

.apn-serit__deger[b-sazmskuygs] {
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ── Bölüm sekmeleri ──────────────────────────────────────────────────── */
.apn-sekmeler[b-sazmskuygs] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.apn-sekme[b-sazmskuygs] {
  --apn-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.apn-sekme:nth-child(2)[b-sazmskuygs] { --apn-sekme-vurgu: var(--marka-rampa-uc); }
.apn-sekme:nth-child(n+3)[b-sazmskuygs] { --apn-sekme-vurgu: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--basari)); }

.apn-sekmeler .apn-sekme:hover[b-sazmskuygs] {
  background: color-mix(in srgb, var(--apn-sekme-vurgu) 14%, var(--yuzey));
  color: var(--apn-sekme-vurgu);
}

.apn-sekmeler .apn-sekme[aria-selected="true"][b-sazmskuygs] {
  background: var(--apn-sekme-vurgu);
  color: var(--on-brand);
}

.apn-sekme:focus-visible[b-sazmskuygs],
.apn-panel:focus-visible[b-sazmskuygs] {
  outline: 2px solid var(--apn-sekme-vurgu, var(--marka-600));
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.apn-bolum[b-sazmskuygs] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.apn-bolum[b-sazmskuygs]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.apn-bolum__bas[b-sazmskuygs] {
  margin-bottom: 12px;
}

.apn-bolum__ad[b-sazmskuygs] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.apn-bolum__ad[b-sazmskuygs]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.apn-bolum__ipucu[b-sazmskuygs] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.apn-bos[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.apn-bos p[b-sazmskuygs] {
  margin: 0;
  line-height: 1.6;
}

/* DataStates'in kendi paneli (yükleniyor / hata / yetkisiz) aynı yüzeyi alır. */
.apn-vitrin[b-sazmskuygs]  .ds-panel {
  position: relative;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.apn-ipucu[b-sazmskuygs] {
  margin: 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Plan kartları ────────────────────────────────────────────────────── */
.ap-grid[b-sazmskuygs] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}

.ap-card[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  text-align: left;
  cursor: pointer;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.ap-card:hover[b-sazmskuygs] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.ap-card__top[b-sazmskuygs],
.ap-card__foot[b-sazmskuygs] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ap-month[b-sazmskuygs] {
  color: var(--marka-700);
  font: 700 15px/1.3 var(--font-display);
  letter-spacing: -.012em;
  text-transform: capitalize;
}

.ap-card__mix[b-sazmskuygs] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

.ap-platform[b-sazmskuygs] {
  color: var(--n-500);
  font-size: 12px;
}

.ap-badge-active[b-sazmskuygs] {
  padding: 2px 8px;
  border-radius: var(--kose-dugme);
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}

/* ── Üretiliyor göstergesi ────────────────────────────────────────────── */
.ap-generating[b-sazmskuygs] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--n-500);
  font-size: 12.5px;
}

.ap-spin[b-sazmskuygs] {
  width: 14px;
  height: 14px;
  border: 2px solid var(--hat-girdi);
  border-top-color: var(--marka-600);
  border-radius: 50%;
  animation: ap-spin-b-sazmskuygs 0.8s linear infinite;
}

@keyframes ap-spin-b-sazmskuygs {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .ap-spin[b-sazmskuygs] { animation: none; }
}

/* ── Bilgi listesi (özet / popup) ─────────────────────────────────────── */
.apn-bilgi[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.apn-bilgi > div[b-sazmskuygs] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 1.5fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.apn-bilgi > div:nth-child(odd)[b-sazmskuygs] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.apn-bilgi dt[b-sazmskuygs] {
  color: var(--n-500);
}

.apn-bilgi dd[b-sazmskuygs] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Özel günler tablosu ──────────────────────────────────────────────── */
.apn-tablo[b-sazmskuygs] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.apn-tablo table[b-sazmskuygs] {
  width: 100%;
  min-width: 720px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.apn-tablo thead[b-sazmskuygs] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.apn-tablo th[b-sazmskuygs] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.apn-tablo td[b-sazmskuygs] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--yuzey-cizgi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.apn-tablo tbody tr:nth-child(even) td[b-sazmskuygs] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.apn-tarih[b-sazmskuygs] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── İçerik kartları ──────────────────────────────────────────────────── */
.ap-items[b-sazmskuygs] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

.ap-item[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.ap-item__media[b-sazmskuygs] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 3;
  background: var(--yuzey-alt);
  border-bottom: 1px solid var(--hat-kart);
}

.ap-item__ph[b-sazmskuygs] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--metin-ipucu);
}

.ap-item__body[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
}

.ap-item__top[b-sazmskuygs] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ap-item__type[b-sazmskuygs] {
  color: var(--marka-rampa-uc);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ap-item__title[b-sazmskuygs] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 14px/1.35 var(--font-display);
  letter-spacing: -.012em;
}

.ap-item__caption[b-sazmskuygs] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.ap-item__model[b-sazmskuygs] {
  margin: 0;
  color: var(--n-500);
  font-size: 11.5px;
}

.ap-item__tags[b-sazmskuygs] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.ap-item__zaman[b-sazmskuygs] {
  color: var(--n-500);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.ap-tag[b-sazmskuygs] {
  padding: 1px 7px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--marka-700);
  font-size: 11.5px;
}

.ap-item--rejected[b-sazmskuygs] {
  opacity: .62;
}

.ap-item--rejected .ap-item__media[b-sazmskuygs] {
  filter: grayscale(.55);
}

.ap-item__actions[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 14px 14px;
}

.ap-item__rejected[b-sazmskuygs] {
  margin: 0;
  color: var(--danger);
  font-size: 11.5px;
}

.ap-item__btns[b-sazmskuygs] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* ── Sihirbaz / form alanları ─────────────────────────────────────────── */
.ap-form[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ap-counts[b-sazmskuygs] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.ap-preview h3[b-sazmskuygs] {
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ap-preview .apn-bilgi[b-sazmskuygs] {
  margin-bottom: 12px;
}

.ap-field__label[b-sazmskuygs] {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ap-item__edit[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ap-item__edit textarea[b-sazmskuygs] {
  min-height: 3.2rem;
  padding: 10px 12px;
  font-family: var(--font-body);
  resize: vertical;
}

.ap-edit__grid[b-sazmskuygs] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.ap-edit__grid > div[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.apn-popup .app-input[b-sazmskuygs] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

/* Sihirbaz/onay içindeki AppTextField, AppSelect, AppDatePicker çocuk bileşenleri. */
.apn-popup[b-sazmskuygs]  .app-field .app-input,
.apn-popup[b-sazmskuygs]  .app-select {
  min-height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.apn-popup[b-sazmskuygs]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.apn-popup textarea.app-input[b-sazmskuygs] {
  height: auto;
}

/* ── Popup ────────────────────────────────────────────────────────────── */
.apn-popup[b-sazmskuygs] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.apn-popup--genis[b-sazmskuygs] {
  width: min(760px, calc(100vw - 48px));
}

.apn-popup[open][b-sazmskuygs] {
  display: flex;
  flex-direction: column;
}

.apn-popup[b-sazmskuygs]::backdrop {
  background: var(--scrim);
}

.apn-popup__bas[b-sazmskuygs] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.apn-popup__bas h2[b-sazmskuygs] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.apn-popup__bas h2:focus[b-sazmskuygs] {
  outline: none;
}

.apn-popup__kapat[b-sazmskuygs] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.apn-popup__govde[b-sazmskuygs] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.apn-popup__eylem[b-sazmskuygs] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .apn-kapak[b-sazmskuygs] {
    display: grid;
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    gap: 14px 12px;
    align-items: center;
  }

  .apn-kapak__eylem[b-sazmskuygs] {
    justify-self: end;
  }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .apn-kapak[b-sazmskuygs] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` süzgeci shrink-to-fit ölçtürüyordu: Chromium sarmalı flex kabın
     max-content'ini `.app-field`'ların `flex: 0 1 176px` tabanını saymadan hesaplayınca kap
     daralıyor, alanlar alt alta yığılıyordu. Kap izini doldurur, hizayı flex satırı verir. */
  .apn-kapak__filtre[b-sazmskuygs] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .apn-vitrin[b-sazmskuygs]  :is(.au-btn, .au-btn--sm),
  .apn-vitrin :is(.au-btn, .au-btn--sm)[b-sazmskuygs] {
    min-height: 44px;
  }

  .apn-kapak[b-sazmskuygs]  .app-field .app-input,
  .apn-kapak[b-sazmskuygs]  .app-select {
    height: 44px;
    min-height: 44px;
  }

  .apn-popup[b-sazmskuygs]  .app-field .app-input,
  .apn-popup[b-sazmskuygs]  .app-select,
  .apn-popup .app-input[b-sazmskuygs] {
    min-height: 44px;
  }

  .apn-serit[b-sazmskuygs] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .apn-serit__kutu:nth-child(3n)[b-sazmskuygs] {
    border-right: 0;
  }

  .apn-sekmeler[b-sazmskuygs] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .apn-sekme[b-sazmskuygs] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Tarih) yatay kaydırmada yapışık kalır. */
  .apn-tablo :is(th, td):first-child[b-sazmskuygs] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .apn-tablo th:first-child[b-sazmskuygs] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (hover: none) and (pointer: coarse) {
  .apn-kapak[b-sazmskuygs]  .app-field .app-input,
  .apn-popup[b-sazmskuygs]  .app-field .app-input,
  .apn-popup .app-input[b-sazmskuygs] {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .apn-kapak[b-sazmskuygs] {
    padding: 12px;
  }

  .apn-kapak__baslik .au-title[b-sazmskuygs] {
    font-size: var(--yazi-kapak, 20px);
  }

  .apn-kapak__filtre[b-sazmskuygs] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .apn-kapak__filtre[b-sazmskuygs]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .apn-kapak__eylem[b-sazmskuygs] {
    width: 100%;
  }

  .apn-kapak__eylem .au-btn[b-sazmskuygs] {
    flex: 1 1 auto;
  }

  .apn-serit[b-sazmskuygs] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .apn-serit__kutu[b-sazmskuygs] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .apn-serit__kutu:nth-child(2n)[b-sazmskuygs] {
    border-inline-start: 1px solid var(--hat-kart);
  }

  .apn-serit__deger[b-sazmskuygs] {
    font-size: var(--yazi-kpi, 20px);
  }

  .apn-bolum[b-sazmskuygs] {
    padding: 16px 12px;
  }

  .apn-bolum__ad[b-sazmskuygs] {
    font-size: var(--yazi-bolum, 14px);
  }

  .ap-grid[b-sazmskuygs],
  .ap-items[b-sazmskuygs] {
    grid-template-columns: minmax(0, 1fr);
  }

  .apn-tablo[b-sazmskuygs] {
    max-height: min(460px, 62dvh);
  }

  .apn-tablo table[b-sazmskuygs] {
    min-width: 600px;
  }

  .apn-tablo :is(th, td)[b-sazmskuygs] {
    padding: 10px;
  }

  .apn-popup[b-sazmskuygs],
  .apn-popup--genis[b-sazmskuygs] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .apn-popup__bas[b-sazmskuygs],
  .apn-popup__govde[b-sazmskuygs],
  .apn-popup__eylem[b-sazmskuygs] {
    padding: 12px;
  }

  .apn-popup__kapat[b-sazmskuygs] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .apn-popup__eylem .au-btn[b-sazmskuygs] {
    flex: 1 1 auto;
  }

  .apn-bilgi > div[b-sazmskuygs] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .ap-edit__grid[b-sazmskuygs] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/Baglantilar.razor.rz.scp.css */
/* Sosyal Medya — Veri kaynakları. Akademik Analiz'in kapak, yüzey, tipografi ve popup
   ölçüleri; yalnız mevcut var(--*) token'ları. Yeni hex, !important ve sabit spacer yok. */

.au-page.ck-vitrin[b-206ifnp5f2] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ───────────────── */
.ck-kapak[b-206ifnp5f2] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik baslik"
    "filtre filtre eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ck-kapak[b-206ifnp5f2] >  .au-breadcrumb { grid-area: geri; justify-self: start; }
.ck-kapak__ad[b-206ifnp5f2] { grid-area: baslik; min-width: 0; }
.ck-kapak__suzgec[b-206ifnp5f2] { grid-area: filtre; }
.ck-kapak__eylem[b-206ifnp5f2] { grid-area: eylem; justify-self: end; }

.ck-kapak__ad .au-title[b-206ifnp5f2] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ck-kapak__alt[b-206ifnp5f2] {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--metin-ipucu);
}

.ck-kapak__suzgec[b-206ifnp5f2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.ck-alan[b-206ifnp5f2] { flex: 0 1 176px; min-width: 0; max-width: 210px; }
.ck-alan--ara[b-206ifnp5f2] { flex: 1 1 200px; max-width: 280px; }

/* Girdi ve seçicilerin kapak içindeki ortak ölçüsü. */
.ck-kapak__suzgec[b-206ifnp5f2]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.ck-kapak__suzgec[b-206ifnp5f2]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  font-size: 13px;
  font-weight: 500;
}
.ck-kapak__suzgec[b-206ifnp5f2]  .app-field__hint { display: none; }

/* ── Düğmeler ───────────────────────────────────────────────────────────── */
.ck-vitrin .au-btn[b-206ifnp5f2],
.ck-popup .au-btn[b-206ifnp5f2] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.ck-vitrin .au-btn:hover:not(:disabled)[b-206ifnp5f2],
.ck-popup .au-btn:hover:not(:disabled)[b-206ifnp5f2] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.ck-vitrin .au-btn--primary[b-206ifnp5f2],
.ck-popup .au-btn--primary[b-206ifnp5f2] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.ck-vitrin .au-btn--primary:hover:not(:disabled)[b-206ifnp5f2],
.ck-popup .au-btn--primary:hover:not(:disabled)[b-206ifnp5f2] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.ck-vitrin .au-btn--danger[b-206ifnp5f2],
.ck-popup .au-btn--danger[b-206ifnp5f2] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  color: var(--danger-metin);
}
.ck-vitrin .au-btn:disabled[b-206ifnp5f2],
.ck-popup .au-btn:disabled[b-206ifnp5f2] { opacity: .55; cursor: not-allowed; }
.ck-vitrin .au-btn:focus-visible[b-206ifnp5f2],
.ck-popup .au-btn:focus-visible[b-206ifnp5f2] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}
.ck-kart__sil[b-206ifnp5f2] { color: var(--danger-metin); }

/* ── Özet şeridi: tek birleşik yüzey ────────────────────────────────────── */
.ck-ozet[b-206ifnp5f2] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}
.ck-ozet__hucre[b-206ifnp5f2] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-right: 1px solid var(--hat-kart);
}
.ck-ozet__hucre:last-child[b-206ifnp5f2] { border-right: 0; }
.ck-ozet__bant[b-206ifnp5f2] {
  margin: 0;
  padding: 0 16px;
  min-height: 30px;
  display: flex;
  align-items: center;
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--on-brand);
  background: var(--marka-600);
}
.ck-ozet__hucre:nth-child(2) .ck-ozet__bant[b-206ifnp5f2] { background: var(--marka-rampa-orta); }
.ck-ozet__hucre:nth-child(3) .ck-ozet__bant[b-206ifnp5f2] { background: var(--marka-rampa-uc); }
.ck-ozet__hucre:nth-child(4) .ck-ozet__bant[b-206ifnp5f2] { background: color-mix(in srgb, var(--marka-rampa-uc) 55%, var(--basari)); }
.ck-ozet__govde[b-206ifnp5f2] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 7px 16px 15px;
}
.ck-ozet__deger[b-206ifnp5f2] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}
.ck-ozet__alt[b-206ifnp5f2] { font-size: 11.5px; line-height: 1.4; color: var(--metin-ikincil); }

/* ── Liste ──────────────────────────────────────────────────────────────── */
.ck-grid[b-206ifnp5f2] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}

.ck-kart[b-206ifnp5f2] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.ck-kart[b-206ifnp5f2]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.ck-kart__ust[b-206ifnp5f2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.ck-kart__kimlik[b-206ifnp5f2] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ck-kart__ad[b-206ifnp5f2] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}
.ck-kart__ad[b-206ifnp5f2]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
/* Ad, ayrıntı penceresini açan düğmedir; görünüm başlık olarak kalır. */
.ck-kart__ad-dugme[b-206ifnp5f2] {
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: start;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.ck-kart__ad-dugme:hover[b-206ifnp5f2] { color: var(--marka-600); text-decoration: underline; }
.ck-kart__ad-dugme:focus-visible[b-206ifnp5f2] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}
.ck-kart__rozetler[b-206ifnp5f2] { display: flex; flex-wrap: wrap; gap: 6px; }

.ck-kart__url[b-206ifnp5f2] {
  color: var(--marka-600);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.ck-kart__bilgi[b-206ifnp5f2] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 2px 0 0;
}
.ck-kart__bilgi dt[b-206ifnp5f2] {
  margin: 0;
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}
.ck-kart__bilgi dd[b-206ifnp5f2] {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--metin-ikincil);
}

.ck-kart__hata[b-206ifnp5f2] { font-size: 12px; line-height: 1.45; }

.ck-kart__eylem[b-206ifnp5f2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid var(--hat-kart);
}
.ck-kart__onay[b-206ifnp5f2] { font-size: 12px; color: var(--metin-ikincil); }

/* ── Boş / süzgeç boş durumu ────────────────────────────────────────────── */
.ck-bos[b-206ifnp5f2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}
.ck-bos p[b-206ifnp5f2] { margin: 0; max-width: 62ch; }

.ck-sayfalayici[b-206ifnp5f2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}
.ck-sayfalayici__bilgi[b-206ifnp5f2] {
  font-size: 12px;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

/* ── Görünür popup (native dialog, top layer) ───────────────────────────── */
.ck-popup[b-206ifnp5f2] {
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.ck-popup[open][b-206ifnp5f2] { display: flex; flex-direction: column; }
.ck-popup[b-206ifnp5f2]::backdrop { background: var(--scrim); }

.ck-popup__baslik[b-206ifnp5f2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.ck-popup__baslik h2[b-206ifnp5f2] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  letter-spacing: -.02em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.ck-popup__baslik h2:focus[b-206ifnp5f2] { outline: none; }
.ck-popup__baslik p[b-206ifnp5f2] {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--metin-ipucu);
}
.ck-popup__kapat[b-206ifnp5f2] {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 34px;
  min-width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.ck-popup__govde[b-206ifnp5f2] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.ck-popup__govde:focus-visible[b-206ifnp5f2] { outline: 2px solid var(--marka-600); outline-offset: -2px; }

.ck-popup__hata[b-206ifnp5f2] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.ck-popup__eylem[b-206ifnp5f2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Form alanları */
.ck-form__izgara[b-206ifnp5f2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
.ck-form__sabittur[b-206ifnp5f2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ck-form__sabittur-etiket[b-206ifnp5f2] {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.ck-form__sabittur-not[b-206ifnp5f2] { font-size: 12px; color: var(--metin-ipucu); }

/* ── Popup içi bölüm sekmeleri ──────────────────────────────────────────── */
.ck-sekmeler[b-206ifnp5f2] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
  padding: 6px 18px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
}
.ck-sekme[b-206ifnp5f2] {
  --ck-sekme-vurgu: var(--marka-600);
  flex: 0 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}
.ck-sekme:nth-child(2)[b-206ifnp5f2] { --ck-sekme-vurgu: var(--marka-rampa-orta); }
.ck-sekme:nth-child(3)[b-206ifnp5f2] { --ck-sekme-vurgu: var(--marka-rampa-uc); }
.ck-sekme:hover[b-206ifnp5f2] { background: color-mix(in srgb, var(--ck-sekme-vurgu) 14%, var(--yuzey)); color: var(--ck-sekme-vurgu); }
.ck-sekme[aria-selected="true"][b-206ifnp5f2] { background: var(--ck-sekme-vurgu); color: var(--yuzey); }
.ck-sekme:focus-visible[b-206ifnp5f2],
.ck-segment__dugme:focus-visible[b-206ifnp5f2] {
  outline: 2px solid var(--ck-sekme-vurgu, var(--marka-600));
  outline-offset: 2px;
}

/* ── Detay içeriği ──────────────────────────────────────────────────────── */
.ck-detay__bilgi[b-206ifnp5f2] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.ck-detay__bilgi > div[b-206ifnp5f2] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.ck-detay__bilgi > div:nth-child(odd)[b-206ifnp5f2] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ck-detay__bilgi dt[b-206ifnp5f2] { color: var(--metin-ipucu); }
.ck-detay__bilgi dd[b-206ifnp5f2] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}
.ck-detay__bilgi dd a[b-206ifnp5f2] { color: var(--marka-600); }

.ck-detay__arac[b-206ifnp5f2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ck-detay__arac-etiket[b-206ifnp5f2] {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.ck-segment[b-206ifnp5f2] {
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}
.ck-segment__dugme[b-206ifnp5f2] {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12px/1 var(--font-body);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.ck-segment__dugme:hover[b-206ifnp5f2] { background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey)); }
.ck-segment__dugme.is-secili[b-206ifnp5f2] { background: var(--marka-600); color: var(--on-brand); }

.ck-detay__bos[b-206ifnp5f2],
.ck-detay__sayac[b-206ifnp5f2] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--metin-ikincil);
}

.ck-liste[b-206ifnp5f2] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ck-liste__oge[b-206ifnp5f2] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px;
  border-radius: var(--kose-dugme);
}
.ck-liste__oge:nth-child(odd)[b-206ifnp5f2] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ck-liste__ust[b-206ifnp5f2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.ck-liste__ad[b-206ifnp5f2] {
  min-width: 0;
  font-weight: 600;
  font-size: 13px;
  color: var(--metin-murekkep);
  overflow-wrap: anywhere;
}
.ck-liste__meta[b-206ifnp5f2] { flex: 0 0 auto; font-size: 11.5px; color: var(--metin-ipucu); }
.ck-liste__url[b-206ifnp5f2] { color: var(--marka-600); font-size: 12px; overflow-wrap: anywhere; }
.ck-liste__govde[b-206ifnp5f2] {
  margin: 2px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}
.ck-liste__zaman[b-206ifnp5f2] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  font-size: 11.5px;
  color: var(--metin-ipucu);
}

/* Popup içi yükleme iskeleti. */
.ck-iskelet[b-206ifnp5f2] { display: flex; flex-direction: column; gap: 10px; }
.ck-iskelet__satir[b-206ifnp5f2] {
  height: 14px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}
.ck-iskelet__satir--kisa[b-206ifnp5f2] { width: 60%; }

/* ── CİHAZ: dokunma hedefleri ve girdi ölçüsü ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ck-vitrin .au-btn[b-206ifnp5f2],
  .ck-popup .au-btn[b-206ifnp5f2],
  .ck-sekme[b-206ifnp5f2],
  .ck-segment__dugme[b-206ifnp5f2] { min-height: 44px; }
  .ck-popup__kapat[b-206ifnp5f2] { width: 44px; min-width: 44px; font-size: 24px; }
  .ck-kart__ad-dugme[b-206ifnp5f2] { min-height: 44px; }
  .ck-kapak__suzgec[b-206ifnp5f2]  .app-input,
  .ck-popup__govde[b-206ifnp5f2]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
  .ck-sekmeler[b-206ifnp5f2] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .ck-ozet[b-206ifnp5f2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ck-ozet__hucre:nth-child(2n)[b-206ifnp5f2] { border-right: 0; }
  .ck-ozet__hucre:nth-child(-n+2)[b-206ifnp5f2] { border-bottom: 1px solid var(--hat-kart); }
}

/* ── TELEFON: tek sütun, eylemler başlığın altında ─────────────────────── */
@media (max-width: 640px) {
  .ck-kapak[b-206ifnp5f2] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "filtre filtre"
      "eylem eylem";
    padding: 12px;
  }
  .ck-kapak__eylem[b-206ifnp5f2] { justify-self: stretch; }
  .ck-kapak__eylem .au-btn[b-206ifnp5f2] { width: 100%; }
  .ck-kapak__ad .au-title[b-206ifnp5f2] { font-size: var(--yazi-kapak, 20px); }
  .ck-kapak__suzgec[b-206ifnp5f2] { flex-direction: column; align-items: stretch; }
  .ck-alan[b-206ifnp5f2],
  .ck-alan--ara[b-206ifnp5f2] { flex: 1 1 auto; max-width: none; }
  .ck-sifirla[b-206ifnp5f2] { align-self: flex-start; }

  .ck-ozet[b-206ifnp5f2] { grid-template-columns: minmax(0, 1fr); }
  .ck-ozet__hucre[b-206ifnp5f2] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .ck-ozet__hucre:last-child[b-206ifnp5f2] { border-bottom: 0; }
  .ck-ozet__deger[b-206ifnp5f2] { font-size: var(--yazi-kpi, 20px); }

  .ck-grid[b-206ifnp5f2] { grid-template-columns: minmax(0, 1fr); }
  .ck-kart[b-206ifnp5f2] { padding: 16px 12px; }
  .ck-kart__ad[b-206ifnp5f2] { font-size: var(--yazi-bolum, 14px); }
  .ck-kart__ust[b-206ifnp5f2] { flex-direction: column; align-items: flex-start; }
  .ck-kart__eylem .au-btn[b-206ifnp5f2] { flex: 1 1 auto; }

  .ck-popup[b-206ifnp5f2] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ck-popup__baslik[b-206ifnp5f2],
  .ck-popup__govde[b-206ifnp5f2],
  .ck-popup__eylem[b-206ifnp5f2] { padding: 12px; }
  .ck-sekmeler[b-206ifnp5f2] { padding: 6px 12px; }
  .ck-popup__eylem .au-btn[b-206ifnp5f2] { flex: 1 1 auto; }
  .ck-detay__bilgi > div[b-206ifnp5f2] { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 10px 6px; }
  .ck-detay__bilgi dd[b-206ifnp5f2] { text-align: start; }
  .ck-liste__ust[b-206ifnp5f2] { flex-direction: column; align-items: flex-start; }
}

/* ── Geniş masaüstü: başlık solda, süzgeç + eylem sağ kenarda ──────────── */
@media (min-width: 1540px) {
  .ck-kapak[b-206ifnp5f2] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }
  .ck-kapak__suzgec[b-206ifnp5f2] { justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .ck-vitrin .au-btn[b-206ifnp5f2],
  .ck-popup .au-btn[b-206ifnp5f2] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/BultenDetay.razor.rz.scp.css */
/* Bülten detayı — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 24/16/18 px + 23 px h1, bölüm kartı 18 px / --kose-bolum + 5 px marka şeridi,
   iki sütunlu içerik gap 16 px, popup max-height calc(100dvh - 48px)).
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root tokenları. Çocuk bileşenler ::deep ile hedeflenir. */

.smd-vitrin[b-7wriujz3fc] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ──────────────────────────────────────────────────────────────── */
.smd-kapak[b-7wriujz3fc] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 12px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.smd-kapak__geri[b-7wriujz3fc] { grid-area: geri; }
.smd-kapak__baslik[b-7wriujz3fc] { grid-area: baslik; min-width: 0; }
.smd-eylem[b-7wriujz3fc] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.smd-baslik[b-7wriujz3fc] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.smd-rozetler[b-7wriujz3fc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
}

.smd-rozet[b-7wriujz3fc] {
  border-radius: var(--kose-dugme);
  font-size: 12px;
  white-space: nowrap;
}

.smd-rozet--sade[b-7wriujz3fc] {
  padding: 4px 11px;
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-weight: 600;
}

/* ── Uyarı / ipucu satırları ────────────────────────────────────────────── */
.smd-uyari[b-7wriujz3fc] {
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid var(--hat-girdi);
  border-left: 3px solid var(--marka-rampa-uc);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.smd-ipucu[b-7wriujz3fc] {
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.smd-ipucu--durum[b-7wriujz3fc] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-weight: 600;
}

.smd-bos-metin[b-7wriujz3fc] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.smd-bos[b-7wriujz3fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

/* ── Düğmeler ───────────────────────────────────────────────────────────── */
.smd-btn[b-7wriujz3fc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.smd-btn:hover[b-7wriujz3fc] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.smd-btn.au-btn--primary[b-7wriujz3fc] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.smd-btn.au-btn--primary:hover[b-7wriujz3fc] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.smd-btn--sm[b-7wriujz3fc] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.smd-btn:disabled[b-7wriujz3fc] { opacity: .55; cursor: not-allowed; }

.smd-vitrin[b-7wriujz3fc]  .au-breadcrumb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--marka-700);
}

.smd-vitrin[b-7wriujz3fc]  .au-breadcrumb .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── İki sütunlu içerik ─────────────────────────────────────────────────── */
.smd-izgara[b-7wriujz3fc] {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

/* ── Bölüm kartı ────────────────────────────────────────────────────────── */
.smd-kart[b-7wriujz3fc] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.smd-izgara .smd-kart[b-7wriujz3fc] { margin: 0; }

.smd-kart[b-7wriujz3fc]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.smd-kart__bas[b-7wriujz3fc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.smd-bolum-baslik[b-7wriujz3fc] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.smd-kart__bas .smd-bolum-baslik[b-7wriujz3fc] { margin: 0; }

.smd-bolum-baslik[b-7wriujz3fc]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.smd-onizleme-metin[b-7wriujz3fc] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Olgu listesi ───────────────────────────────────────────────────────── */
.smd-olgular[b-7wriujz3fc] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.smd-olgular > div[b-7wriujz3fc] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.smd-olgular > div:nth-child(odd)[b-7wriujz3fc] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.smd-olgular dt[b-7wriujz3fc] { color: var(--n-500); }

.smd-olgular dd[b-7wriujz3fc] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.smd-etiketler[b-7wriujz3fc] {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
}

.smd-etiket[b-7wriujz3fc] {
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11.5px;
  font-weight: 600;
}

/* ── Erişim KPI'ları ────────────────────────────────────────────────────── */
.smd-kpis[b-7wriujz3fc] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.smd-kpi[b-7wriujz3fc] {
  --smd-bant: var(--marka-600);
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 0 15px;
  border-top: 3px solid var(--smd-bant);
  border-right: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.smd-kpi:nth-child(2)[b-7wriujz3fc] { --smd-bant: var(--marka-rampa-uc); }
.smd-kpi:nth-child(3)[b-7wriujz3fc] { --smd-bant: var(--basari-metin); }
.smd-kpi:last-child[b-7wriujz3fc] { border-right: 0; }

.smd-kpi__etiket[b-7wriujz3fc] {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 16px;
  background: var(--smd-bant);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.smd-kpi__deger[b-7wriujz3fc] {
  padding: 0 16px;
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

/* ── İçerik önizleme kutusu ─────────────────────────────────────────────── */
.smd-onizleme[b-7wriujz3fc] {
  max-height: min(420px, 55dvh);
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow: auto;
  overscroll-behavior: contain;
}

/* ── Pencere (native dialog, top layer) ─────────────────────────────────── */
.smd-popup[b-7wriujz3fc] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.smd-popup--dar[b-7wriujz3fc] { width: min(480px, calc(100vw - 48px)); }
.smd-popup[open][b-7wriujz3fc] { display: flex; flex-direction: column; }
.smd-popup[b-7wriujz3fc]::backdrop { background: var(--scrim); }

.smd-popup-bas[b-7wriujz3fc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.smd-popup-bas h2[b-7wriujz3fc] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.smd-popup-bas h2:focus[b-7wriujz3fc] { outline: none; }

.smd-popup-kapat[b-7wriujz3fc] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.smd-popup-govde[b-7wriujz3fc] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.smd-popup-eylem[b-7wriujz3fc] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.smd-onay-metin[b-7wriujz3fc] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13.5px;
  line-height: 1.6;
}

/* Kaydetme hatası: alan değil FORM düzeyinde (403/429/sunucu iletisi). */
.smd-form-hata[b-7wriujz3fc] {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-600) 30%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-600) 7%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

/* ── Form ───────────────────────────────────────────────────────────────── */
.smd-form[b-7wriujz3fc] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
  margin-top: 12px;
}

.smd-alan-kap[b-7wriujz3fc] { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.smd-alan-kap--tam[b-7wriujz3fc] { grid-column: 1 / -1; }

.smd-alan__etiket[b-7wriujz3fc] {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.smd-metin-alani[b-7wriujz3fc] {
  width: 100%;
  box-sizing: border-box;
  min-height: 180px;
  height: auto;
  padding: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  resize: vertical;
}

.smd-vitrin[b-7wriujz3fc]  .app-field { min-width: 0; }

.smd-vitrin[b-7wriujz3fc]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.smd-vitrin[b-7wriujz3fc]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.smd-vitrin[b-7wriujz3fc]  .app-field__hint { color: var(--n-500); font-size: 12px; }

.smd-vitrin :is(.smd-btn, .smd-popup-kapat, .smd-metin-alani, .smd-onizleme):focus-visible[b-7wriujz3fc] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.smd-vitrin[b-7wriujz3fc]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağ kenara yaslı ────────────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .smd-kapak[b-7wriujz3fc] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .smd-eylem[b-7wriujz3fc] { justify-self: end; }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .smd-kapak[b-7wriujz3fc] { padding: 16px; }

  .smd-btn[b-7wriujz3fc],
  .smd-btn--sm[b-7wriujz3fc] { min-height: 44px; }

  .smd-vitrin[b-7wriujz3fc]  .app-field .app-input { height: 44px; min-height: 44px; }

  .smd-izgara[b-7wriujz3fc] { grid-template-columns: minmax(0, 1fr); }
}

@media (pointer: coarse) {
  .smd-metin-alani[b-7wriujz3fc] { font-size: max(16px, 1rem); }
  .smd-vitrin[b-7wriujz3fc]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .smd-kapak[b-7wriujz3fc] { padding: 12px; gap: 12px 10px; }
  .smd-baslik[b-7wriujz3fc] { font-size: var(--yazi-kapak, 20px); }
  .smd-bolum-baslik[b-7wriujz3fc] { font-size: var(--yazi-bolum, 14px); }

  .smd-eylem[b-7wriujz3fc] { width: 100%; }
  .smd-eylem .smd-btn[b-7wriujz3fc] { flex: 1 1 auto; }

  .smd-kart[b-7wriujz3fc] { padding: 16px 12px; }
  .smd-kart__bas[b-7wriujz3fc] { flex-direction: column; align-items: flex-start; gap: 8px; }

  .smd-kpis[b-7wriujz3fc] { grid-template-columns: minmax(0, 1fr); }
  .smd-kpi[b-7wriujz3fc] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .smd-kpi:last-child[b-7wriujz3fc] { border-bottom: 0; }
  .smd-kpi__deger[b-7wriujz3fc] { font-size: var(--yazi-kpi, 20px); }

  .smd-olgular > div[b-7wriujz3fc] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .smd-popup[b-7wriujz3fc],
  .smd-popup--dar[b-7wriujz3fc] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }

  .smd-popup-bas[b-7wriujz3fc],
  .smd-popup-govde[b-7wriujz3fc],
  .smd-popup-eylem[b-7wriujz3fc] { padding: 12px; }

  .smd-popup-eylem .smd-btn[b-7wriujz3fc] { flex: 1 1 auto; }
  .smd-form[b-7wriujz3fc] { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .smd-onizleme[b-7wriujz3fc] { max-height: min(360px, 55dvh); }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/Bultenler.razor.rz.scp.css */
/* Bültenler — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 24/16/18 px + 23 px h1, girdi 34 px / --kose-dugme, tablo başlığı
   --marka-rampa-serit, popup max-height calc(100dvh - 48px)).
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root tokenları. Çocuk bileşenler ::deep ile hedeflenir.
   (Eski .bl-* kart/satır kuralları kaldırıldı: yeni işaretlemede kullanılmıyordu.) */

.smb-vitrin[b-iof75jsogy] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ──────────────────────────────────────────────────────────────── */
.smb-kapak[b-iof75jsogy] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.smb-kapak__geri[b-iof75jsogy] { grid-area: geri; }
.smb-kapak__baslik[b-iof75jsogy] { grid-area: baslik; min-width: 0; }
.smb-filtre[b-iof75jsogy] { grid-area: filtre; }
.smb-eylem[b-iof75jsogy] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.smb-baslik[b-iof75jsogy] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.smb-alt[b-iof75jsogy] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Süzgeçler ──────────────────────────────────────────────────────────── */
.smb-filtre[b-iof75jsogy] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.smb-alan[b-iof75jsogy] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.smb-alan--genis[b-iof75jsogy] { flex: 1 1 220px; max-width: 280px; }

.smb-alan__etiket[b-iof75jsogy] {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.smb-girdi[b-iof75jsogy],
.smb-secici[b-iof75jsogy] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* ── Düğmeler ───────────────────────────────────────────────────────────── */
.smb-btn[b-iof75jsogy] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.smb-btn:hover[b-iof75jsogy] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.smb-btn.au-btn--primary[b-iof75jsogy] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.smb-btn.au-btn--primary:hover[b-iof75jsogy] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.smb-btn--sm[b-iof75jsogy] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.smb-btn--bos[b-iof75jsogy] { margin-top: 12px; }

.smb-btn--yikici[b-iof75jsogy] { color: var(--red-600); }

.smb-btn--yikici.au-btn--primary[b-iof75jsogy] {
  background: var(--red-600);
  border-color: var(--red-600);
  color: var(--on-brand);
}

.smb-btn:disabled[b-iof75jsogy] { opacity: .55; cursor: not-allowed; }

.smb-vitrin[b-iof75jsogy]  .au-breadcrumb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--marka-700);
}

.smb-vitrin[b-iof75jsogy]  .au-breadcrumb .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Bölüm kartı ────────────────────────────────────────────────────────── */
.smb-kart[b-iof75jsogy] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.smb-kart[b-iof75jsogy]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.smb-kart__bas[b-iof75jsogy] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.smb-bolum-baslik[b-iof75jsogy] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.smb-bolum-baslik[b-iof75jsogy]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.smb-ozet[b-iof75jsogy] { margin: 0; color: var(--n-500); font-size: 12px; }

.smb-ipucu[b-iof75jsogy] {
  display: block;
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.smb-ipucu--uyari[b-iof75jsogy] { margin: 0 0 12px; color: var(--metin-ikincil); }

.smb-bos-metin[b-iof75jsogy] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.smb-bos[b-iof75jsogy] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

/* ── Tablo ──────────────────────────────────────────────────────────────── */
.smb-tablo-kaydir[b-iof75jsogy] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* cihaz.css telefon bandındaki genel `table { display:block; overflow-x:auto }` siperi burada
   zararlıdır: sticky thead ve yapışık sütunu bozar — tablo zaten kendi kabında kayıyor. */
.smb-tablo[b-iof75jsogy] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 820px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.smb-tablo thead[b-iof75jsogy] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.smb-tablo th[b-iof75jsogy] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.smb-tablo td[b-iof75jsogy] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.smb-tablo tbody tr:nth-child(even) td[b-iof75jsogy] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.smb-tablo tbody tr:hover td[b-iof75jsogy] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.smb-sag[b-iof75jsogy] { text-align: right; }

.smb-ad[b-iof75jsogy] {
  min-width: 230px;
  overflow-wrap: anywhere;
}

.smb-baglanti[b-iof75jsogy] {
  display: block;
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}

.smb-baglanti:hover[b-iof75jsogy] { text-decoration: underline; }

.smb-konu[b-iof75jsogy] {
  display: block;
  margin-top: 2px;
  color: var(--n-500);
  font-size: 12px;
}

.smb-rozet.au-status[b-iof75jsogy] {
  border-radius: var(--kose-dugme);
  font-size: 12px;
  white-space: nowrap;
}

.smb-satir-eylem[b-iof75jsogy] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

/* ── Pencere (native dialog, top layer) ─────────────────────────────────── */
.smb-popup[b-iof75jsogy] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.smb-popup--dar[b-iof75jsogy] { width: min(480px, calc(100vw - 48px)); }
.smb-popup[open][b-iof75jsogy] { display: flex; flex-direction: column; }
.smb-popup[b-iof75jsogy]::backdrop { background: var(--scrim); }

.smb-popup-bas[b-iof75jsogy] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.smb-popup-bas h2[b-iof75jsogy] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.smb-popup-bas h2:focus[b-iof75jsogy] { outline: none; }

.smb-popup-kapat[b-iof75jsogy] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.smb-popup-govde[b-iof75jsogy] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.smb-popup-eylem[b-iof75jsogy] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.smb-onay-metin[b-iof75jsogy] {
  margin: 0 0 10px;
  color: var(--metin-murekkep);
  font-size: 13.5px;
  line-height: 1.6;
}

/* ── Form ───────────────────────────────────────────────────────────────── */
.smb-form[b-iof75jsogy] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}

.smb-alan-kap[b-iof75jsogy] { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.smb-alan-kap--tam[b-iof75jsogy] { grid-column: 1 / -1; }

.smb-metin-alani[b-iof75jsogy] {
  width: 100%;
  box-sizing: border-box;
  min-height: 140px;
  height: auto;
  padding: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  resize: vertical;
}

.smb-vitrin[b-iof75jsogy]  .app-field { min-width: 0; }

.smb-vitrin[b-iof75jsogy]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.smb-vitrin[b-iof75jsogy]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.smb-vitrin[b-iof75jsogy]  .app-field__hint { color: var(--n-500); font-size: 12px; }

.smb-vitrin :is(.smb-btn, .smb-girdi, .smb-secici, .smb-tablo-kaydir, .smb-popup-kapat, .smb-metin-alani, .smb-baglanti):focus-visible[b-iof75jsogy] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.smb-vitrin[b-iof75jsogy]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç + eylem sağ kenara yaslı ──────── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .smb-kapak[b-iof75jsogy] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium sarmalı flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar, `.smb-alan`ın
     `flex: 0 1 176px` tabanını saymaz → kap daralır, alanlar alt alta yığılır.
     `stretch` kabı 1fr sütununa yayar, sağa yaslamayı `justify-content` üstlenir. */
  .smb-filtre[b-iof75jsogy] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .smb-kapak[b-iof75jsogy] { padding: 16px; }

  .smb-btn[b-iof75jsogy],
  .smb-btn--sm[b-iof75jsogy] { min-height: 44px; }

  .smb-girdi[b-iof75jsogy],
  .smb-secici[b-iof75jsogy] { height: 44px; min-height: 44px; }

  .smb-vitrin[b-iof75jsogy]  .app-field .app-input { height: 44px; min-height: 44px; }

  /* İlk anlamlı sütun (Bülten adı) yatay kaydırmada yapışık kalır. */
  .smb-tablo :is(th, td):first-child[b-iof75jsogy] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .smb-tablo th:first-child[b-iof75jsogy] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .smb-girdi[b-iof75jsogy],
  .smb-secici[b-iof75jsogy],
  .smb-metin-alani[b-iof75jsogy] { font-size: max(16px, 1rem); }

  .smb-vitrin[b-iof75jsogy]  .app-field .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .smb-kapak[b-iof75jsogy] { padding: 12px; gap: 12px 10px; }
  .smb-baslik[b-iof75jsogy] { font-size: var(--yazi-kapak, 20px); }
  .smb-bolum-baslik[b-iof75jsogy] { font-size: var(--yazi-bolum, 14px); }

  .smb-alan[b-iof75jsogy],
  .smb-alan--genis[b-iof75jsogy] { flex: 1 1 100%; max-width: none; }

  .smb-eylem[b-iof75jsogy] { width: 100%; }
  .smb-eylem .smb-btn[b-iof75jsogy] { flex: 1 1 auto; }

  .smb-kart[b-iof75jsogy] { padding: 16px 12px; }
  .smb-kart__bas[b-iof75jsogy] { flex-direction: column; align-items: flex-start; gap: 4px; }

  .smb-tablo-kaydir[b-iof75jsogy] { max-height: min(460px, 62dvh); }
  .smb-tablo[b-iof75jsogy] { min-width: 700px; }
  .smb-tablo :is(th, td)[b-iof75jsogy] { padding: 10px; }
  .smb-ad[b-iof75jsogy] { min-width: 180px; }

  .smb-popup[b-iof75jsogy],
  .smb-popup--dar[b-iof75jsogy] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }

  .smb-popup-bas[b-iof75jsogy],
  .smb-popup-govde[b-iof75jsogy],
  .smb-popup-eylem[b-iof75jsogy] { padding: 12px; }

  .smb-popup-eylem .smb-btn[b-iof75jsogy] { flex: 1 1 auto; }
  .smb-form[b-iof75jsogy] { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/Hesaplar.razor.rz.scp.css */
/* Bağlı Hesaplar — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Yeni hex YOK: renkler aurora.css :root token'larından gelir. Global vitrin dosyası
   EKLENMEZ (bu paketin yazma kapsamı sayfa dosyalarıdır) — kapak/kart/popup kabuğu
   burada sayfa-scoped kurulur. Çocuk bileşenlerin (AppSelect, TypeCardGrid, DataStates)
   içi ::deep ile hedeflenir. */

.hs-vitrin[b-aqydprzyny] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* `.wrap` bu bileşenin dışındadır (MainLayout) — yan boşluk oradan gelir;
   burada yalnız sayfanın kendi 1600 px daraltıcısı ve üst dolgusu kaldırılır. */
.au-page.hs-vitrin[b-aqydprzyny] {
  max-width: none;
  padding: 0 0 44px;
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ───────────── */
.hs-kapak[b-aqydprzyny] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hs-kapak__metin[b-aqydprzyny] {
  flex: 1 1 220px;
  min-width: 0;
}

.hs-kapak .au-title[b-aqydprzyny] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.hs-ozet[b-aqydprzyny] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.hs-kapak__suzgec[b-aqydprzyny] {
  flex: 0 1 176px;
  max-width: 210px;
  min-width: 0;
}

.hs-vitrin[b-aqydprzyny]  .app-field {
  min-width: 0;
}

.hs-vitrin[b-aqydprzyny]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.hs-vitrin[b-aqydprzyny]  .app-input,
.hs-vitrin[b-aqydprzyny]  .app-sel__btn {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.hs-kapak .au-head__actions[b-aqydprzyny] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğme taban çizgisi (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.hs-vitrin .au-btn[b-aqydprzyny] {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hs-vitrin .au-btn:hover:not(:disabled)[b-aqydprzyny] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
  transform: none;
}

.hs-vitrin .au-btn--primary[b-aqydprzyny] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.hs-vitrin .au-btn--primary:hover:not(:disabled)[b-aqydprzyny] {
  border-color: var(--marka-500);
  background: var(--marka-500);
  color: var(--on-brand);
}

.hs-vitrin .au-btn--danger[b-aqydprzyny] {
  border-color: color-mix(in srgb, var(--danger) 36%, transparent);
  background: color-mix(in srgb, var(--danger) 10%, var(--yuzey));
  color: var(--danger-metin);
}

.hs-vitrin .au-btn--danger:hover:not(:disabled)[b-aqydprzyny] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 16%, var(--yuzey));
  color: var(--danger-metin);
}

.hs-vitrin .au-btn--sm[b-aqydprzyny] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.hs-vitrin .au-btn:focus-visible[b-aqydprzyny] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Güvenlik notu (kapak altı bilgi şeridi) ──────────────────────────── */
.hs-not[b-aqydprzyny] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.hs-not svg[b-aqydprzyny] {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--marka-600);
}

.hs-not span[b-aqydprzyny] {
  flex: 1 1 320px;
  min-width: 0;
}

.hs-not strong[b-aqydprzyny] {
  color: var(--marka-700);
}

/* ── Boş durum: bölüm kartı ölçüsü + marka şeridi ──────────────────────── */
.hs-bos[b-aqydprzyny] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hs-bos[b-aqydprzyny]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.hs-bos p[b-aqydprzyny] {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Hesap kartları ─────────────────────────────────────────────────────── */
.hs-grid[b-aqydprzyny] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.hs-card[b-aqydprzyny] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hs-card__top[b-aqydprzyny] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.hs-card__platform[b-aqydprzyny] {
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.hs-card__handle[b-aqydprzyny] {
  color: var(--marka-700);
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.hs-card__name[b-aqydprzyny] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

.hs-card__facts[b-aqydprzyny] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  margin: 6px 0 0;
}

.hs-card__facts dt[b-aqydprzyny] {
  margin: 0;
  color: var(--n-500);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.hs-card__facts dd[b-aqydprzyny] {
  margin: 3px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* Süresi yaklaşan erişim izni — renk körlüğü ekseni (kırmızı/yeşil DEĞİL). */
.hs-card__uyari[b-aqydprzyny] {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-metin);
  font-size: 12px;
  line-height: 1.45;
}

.hs-card__actions[b-aqydprzyny] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.hs-card__confirm[b-aqydprzyny] {
  flex: 1 1 100%;
  color: var(--danger-metin);
  font-size: 12.5px;
}

/* Sunucunun sabit sayfa boyutu yüzünden kırpılan liste uyarısı. */
.hs-kirpma[b-aqydprzyny] {
  margin: 16px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.hs-kirpma strong[b-aqydprzyny] {
  color: inherit;
}

/* ── Bağlama pencereleri (native top layer) ─────────────────────────────── */
.hs-popup[b-aqydprzyny] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.hs-popup[open][b-aqydprzyny] {
  display: flex;
  flex-direction: column;
}

.hs-popup[b-aqydprzyny]::backdrop {
  background: var(--scrim);
}

.hs-popup__baslik[b-aqydprzyny] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.hs-popup__baslik-metin[b-aqydprzyny] {
  min-width: 0;
}

.hs-popup__baslik h2[b-aqydprzyny] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.hs-popup__baslik h2:focus[b-aqydprzyny] {
  outline: none;
}

.hs-popup__baslik p[b-aqydprzyny] {
  max-width: 62ch;
  margin: 4px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.hs-popup__kapat[b-aqydprzyny] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.hs-popup__govde[b-aqydprzyny] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.hs-dim[b-aqydprzyny] {
  margin: 0;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
}

.hs-dim a[b-aqydprzyny] {
  color: var(--marka-700);
}

/* Hata/uyarı pencerenin İÇİNDE kalır — kullanıcı formu kapatmadan görür. */
.hs-popup__hata[b-aqydprzyny] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.hs-popup__hazir[b-aqydprzyny] {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--analiz-iyi) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: var(--analiz-iyi-acik);
  color: var(--analiz-iyi-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.hs-popup__hazir strong[b-aqydprzyny] {
  color: inherit;
}

.hs-popup__eylemler[b-aqydprzyny] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ, ≥1540 px geniş eşik: başlık solda, süzgeç + eylemler sağda ──
   İmleç niteleyicisi YOK. YENI-DIL §1.1/§1.3: ≥1280 px HER imleçte masaüstüdür;
   `(hover:hover) and (pointer:fine)` eklemek 1540 px'lik dokunmatik ekranı
   telefon düzenine düşürürdü. Referans: analiz-vitrin.css `@media (min-width: 1540px)`. */
@media (min-width: 1540px) {
  .hs-kapak[b-aqydprzyny] {
    flex-wrap: nowrap;
  }

  .hs-kapak__suzgec[b-aqydprzyny] {
    margin-left: auto;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hs-vitrin :is(.au-btn, .au-btn--sm)[b-aqydprzyny] {
    min-height: 44px;
  }

  .hs-vitrin[b-aqydprzyny]  :is(.app-input, .app-sel__btn) {
    height: 44px;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  .hs-vitrin[b-aqydprzyny]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .hs-kapak[b-aqydprzyny] {
    padding: 12px;
  }

  .hs-kapak .au-title[b-aqydprzyny] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç ve eylemler başlığın altında, içerik genişliğinde. */
  .hs-kapak__suzgec[b-aqydprzyny] {
    flex: 1 1 100%;
    max-width: none;
  }

  .hs-kapak .au-head__actions[b-aqydprzyny] {
    width: 100%;
  }

  .hs-kapak .au-head__actions .au-btn[b-aqydprzyny] {
    flex: 1 1 auto;
  }

  .hs-not[b-aqydprzyny] {
    padding: 12px;
  }

  .hs-not .au-btn[b-aqydprzyny] {
    flex: 1 1 auto;
  }

  .hs-grid[b-aqydprzyny] {
    grid-template-columns: minmax(0, 1fr);
  }

  .hs-card[b-aqydprzyny] {
    padding: 16px 12px;
  }

  .hs-card__platform[b-aqydprzyny] {
    font-size: var(--yazi-bolum, 14px);
  }

  .hs-card__facts[b-aqydprzyny] {
    grid-template-columns: minmax(0, 1fr);
  }

  .hs-card__actions .au-btn[b-aqydprzyny] {
    flex: 1 1 auto;
  }

  .hs-popup[b-aqydprzyny] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .hs-popup__baslik[b-aqydprzyny],
  .hs-popup__govde[b-aqydprzyny],
  .hs-popup__eylemler[b-aqydprzyny] {
    padding: 12px;
  }

  .hs-popup__eylemler .au-btn[b-aqydprzyny] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/IcerikDetay.razor.rz.scp.css */
/* İçerik detayı — Akademik Analiz görsel dili: 23 px kapak, bölüm sekmeleri, bölüm kartı,
   görünür işlem penceresi. Sekme renkleri mevcut marka → petrol rampası tokenlarından gelir;
   yeni palet üretilmedi. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.icd-vitrin[b-mkib3gqdpe] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.icd-kapak[b-mkib3gqdpe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.icd-kapak__metin[b-mkib3gqdpe] {
  flex: 1 1 240px;
  min-width: 0;
}

.icd-kapak .au-title[b-mkib3gqdpe] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.icd-kapak__alt[b-mkib3gqdpe] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  line-height: 1.4;
}

.icd-kapak__eylem[b-mkib3gqdpe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.icd-kapak[b-mkib3gqdpe]  .au-breadcrumb {
  flex: 0 0 auto;
  min-height: 34px;
}

/* ── Düğmeler ── */
.icd-vitrin .au-btn[b-mkib3gqdpe] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.icd-vitrin .au-btn:hover:not(:disabled)[b-mkib3gqdpe] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.icd-vitrin .au-btn--primary[b-mkib3gqdpe] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.icd-vitrin .au-btn--primary:hover:not(:disabled)[b-mkib3gqdpe] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.icd-vitrin .au-btn--sm[b-mkib3gqdpe] {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.icd-vitrin .au-btn:disabled[b-mkib3gqdpe] {
  opacity: .5;
  cursor: not-allowed;
}

.icd-vitrin .au-btn:focus-visible[b-mkib3gqdpe] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.icd-kart[b-mkib3gqdpe],
.icd-bos[b-mkib3gqdpe] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.icd-kart[b-mkib3gqdpe]::before,
.icd-bos[b-mkib3gqdpe]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.icd-bolum-baslik[b-mkib3gqdpe] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.icd-bolum-baslik[b-mkib3gqdpe]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.icd-bos[b-mkib3gqdpe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.icd-bos p[b-mkib3gqdpe] { margin: 0; line-height: 1.6; }

/* ── Bölüm sekmeleri ── */
.icd-sekmeler[b-mkib3gqdpe] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.icd-sekme[b-mkib3gqdpe] {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.icd-sekme:hover[b-mkib3gqdpe] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.icd-sekme.is-sec[b-mkib3gqdpe],
.icd-sekme.is-sec:hover[b-mkib3gqdpe] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.icd-sekme:nth-child(2):not(.is-sec):hover[b-mkib3gqdpe] {
  background: color-mix(in srgb, var(--marka-rampa-orta) 14%, var(--yuzey));
  color: var(--marka-rampa-orta);
}

.icd-sekme:nth-child(2).is-sec[b-mkib3gqdpe] { background: var(--marka-rampa-orta); }

.icd-sekme:nth-child(3):not(.is-sec):hover[b-mkib3gqdpe] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.icd-sekme:nth-child(3).is-sec[b-mkib3gqdpe] { background: var(--marka-rampa-uc); }

.icd-sekme:nth-child(4):not(.is-sec):hover[b-mkib3gqdpe] {
  background: color-mix(in srgb, var(--turkuaz-500) 14%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.icd-sekme:nth-child(4).is-sec[b-mkib3gqdpe] {
  background: color-mix(in srgb, var(--marka-rampa-uc) 70%, var(--turkuaz-500));
}

.icd-sekme:focus-visible[b-mkib3gqdpe],
.icd-panel:focus-visible[b-mkib3gqdpe] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Künye ── */
.icd-kunye[b-mkib3gqdpe] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.icd-kunye > div[b-mkib3gqdpe] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.icd-kunye > div:nth-child(odd)[b-mkib3gqdpe] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.icd-kunye dt[b-mkib3gqdpe] { margin: 0; color: var(--n-500); }

.icd-kunye dd[b-mkib3gqdpe] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

/* ── Metin blokları ── */
.icd-blok[b-mkib3gqdpe] { margin-top: 16px; }

.icd-etiket[b-mkib3gqdpe] {
  display: block;
  margin-bottom: 4px;
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.icd-metin[b-mkib3gqdpe] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.icd-soluk[b-mkib3gqdpe] {
  margin: 0 0 12px;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  line-height: 1.5;
}

.icd-info[b-mkib3gqdpe] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--marka-700);
  font-size: 13px;
}

.icd-err[b-mkib3gqdpe] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 6%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  line-height: 1.5;
}

/* ── Medya önizleme ── */
.icd-media[b-mkib3gqdpe] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 8px;
}

.icd-media__img[b-mkib3gqdpe],
.icd-media__video[b-mkib3gqdpe] {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.icd-slides[b-mkib3gqdpe] {
  margin: 0;
  padding-inline-start: 20px;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
}

.icd-slides li + li[b-mkib3gqdpe] { margin-top: 6px; }

/* ── Varyantlar ── */
.icd-varyantlar[b-mkib3gqdpe] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.icd-varyant[b-mkib3gqdpe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
}

.icd-varyant.is-sec[b-mkib3gqdpe] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.icd-varyant__ad[b-mkib3gqdpe] {
  font-weight: 600;
  color: var(--marka-700);
}

.icd-varyant__tarih[b-mkib3gqdpe] {
  margin: 0;
  font-variant-numeric: tabular-nums;
}

.icd-varyant .au-btn[b-mkib3gqdpe] { margin-inline-start: auto; }

.icd-varyant .au-btn + .au-btn[b-mkib3gqdpe] { margin-inline-start: 0; }

/* ── Revizyon geçmişi ── */
.icd-revs[b-mkib3gqdpe] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.icd-rev[b-mkib3gqdpe] {
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.icd-rev__ust[b-mkib3gqdpe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.icd-rev__type[b-mkib3gqdpe] {
  font-weight: 600;
  color: var(--marka-700);
  font-size: 13px;
}

.icd-rev__date[b-mkib3gqdpe] {
  margin: 0;
  font-variant-numeric: tabular-nums;
}

.icd-rev__link[b-mkib3gqdpe] { margin-inline-start: auto; }

.icd-rev__talimat[b-mkib3gqdpe] {
  margin: 8px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ── Değerlendirme ── */
.icd-puan-satiri[b-mkib3gqdpe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
}

.icd-puan-etiket[b-mkib3gqdpe] {
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 600;
}

.icd-yildizlar[b-mkib3gqdpe] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.icd-yildiz[b-mkib3gqdpe] {
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--metin-ipucu);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.icd-yildiz.is-dolu[b-mkib3gqdpe] { color: var(--marka-600); }

.icd-yildiz:disabled[b-mkib3gqdpe] { cursor: not-allowed; opacity: .5; }

.icd-yildiz:focus-visible[b-mkib3gqdpe] {
  outline: 2px solid var(--marka-600);
  outline-offset: -4px;
  border-radius: var(--kose-dugme);
}

.icd-textarea[b-mkib3gqdpe] {
  width: 100%;
  min-height: 5rem;
  padding: 10px 12px;
  resize: vertical;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
}

.icd-textarea:focus-visible[b-mkib3gqdpe] {
  outline: 2px solid var(--marka-600);
  outline-offset: 1px;
  border-color: var(--marka-400);
}

.icd-eylem-satiri[b-mkib3gqdpe] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

/* ── İşlem penceresi (native top layer) ── */
.icd-popup[b-mkib3gqdpe] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.icd-popup[open][b-mkib3gqdpe] {
  display: flex;
  flex-direction: column;
}

.icd-popup[b-mkib3gqdpe]::backdrop { background: var(--scrim); }

.icd-popup-bas[b-mkib3gqdpe] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.icd-popup-bas h2[b-mkib3gqdpe] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.icd-popup-bas h2:focus[b-mkib3gqdpe] { outline: none; }

.icd-vitrin .icd-popup-kapat[b-mkib3gqdpe] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.icd-popup-govde[b-mkib3gqdpe] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.icd-popup-eylem[b-mkib3gqdpe] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Çocuk bileşen işaretlemesi (AppField, DataStates) kart diline uyar. */
.icd-vitrin[b-mkib3gqdpe]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.icd-vitrin[b-mkib3gqdpe]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.icd-vitrin[b-mkib3gqdpe]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .icd-kapak[b-mkib3gqdpe] { padding: 16px; }

  .icd-vitrin .au-btn[b-mkib3gqdpe],
  .icd-vitrin .au-btn--sm[b-mkib3gqdpe] { min-height: 44px; }

  .icd-sekmeler[b-mkib3gqdpe] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .icd-sekme[b-mkib3gqdpe] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .icd-textarea[b-mkib3gqdpe] { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .icd-kapak[b-mkib3gqdpe] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }

  .icd-kapak .au-title[b-mkib3gqdpe] { font-size: var(--yazi-kapak, 20px); }

  .icd-kapak__eylem[b-mkib3gqdpe] {
    width: 100%;
    margin-inline-start: 0;
  }

  .icd-kapak__eylem .au-btn[b-mkib3gqdpe] { flex: 1 1 auto; }

  .icd-vitrin .au-btn[b-mkib3gqdpe],
  .icd-vitrin .au-btn--sm[b-mkib3gqdpe] {
    min-height: 44px;
    font-size: var(--yazi-govde, 13px);
  }

  .icd-kart[b-mkib3gqdpe],
  .icd-bos[b-mkib3gqdpe] { padding: 16px 12px; }

  .icd-bolum-baslik[b-mkib3gqdpe] { font-size: var(--yazi-bolum, 14px); }

  .icd-sekmeler[b-mkib3gqdpe] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .icd-sekme[b-mkib3gqdpe] {
    flex: 0 0 auto;
    min-height: 44px;
    font-size: var(--yazi-govde, 13px);
  }

  .icd-kunye > div[b-mkib3gqdpe] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .icd-media[b-mkib3gqdpe] { grid-template-columns: minmax(0, 1fr); }

  .icd-varyant .au-btn[b-mkib3gqdpe],
  .icd-rev__link[b-mkib3gqdpe] { margin-inline-start: 0; }

  .icd-textarea[b-mkib3gqdpe] { font-size: max(16px, 1rem); }

  .icd-popup[b-mkib3gqdpe] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .icd-popup-bas[b-mkib3gqdpe],
  .icd-popup-govde[b-mkib3gqdpe],
  .icd-popup-eylem[b-mkib3gqdpe] { padding: 12px; }

  .icd-popup-eylem .au-btn[b-mkib3gqdpe] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/IcerikIsleri.razor.rz.scp.css */
/* İçerik işleri — Akademik Analiz görsel dili. Kapak 23 px, tablo başlığı --marka-rampa-serit,
   sınırlı alanda kayan gövde + yapışık başlık, cihazda ilk sütun yapışık.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.ici-vitrin[b-sqbunqd3ug] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ── */
.ici-kapak[b-sqbunqd3ug] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ici-kapak__metin[b-sqbunqd3ug] {
  flex: 0 1 auto;
  min-width: 0;
  margin-inline-end: 8px;
}

.ici-kapak .au-title[b-sqbunqd3ug] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.ici-kapak__alt[b-sqbunqd3ug] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  line-height: 1.4;
}

.ici-suzgecler[b-sqbunqd3ug] {
  display: flex;
  flex: 1 1 420px;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.ici-suzgecler > *[b-sqbunqd3ug] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Süzgeç açma düğmesi yalnız telefonda görünür. */
.ici-suzgec-ac[b-sqbunqd3ug] { display: none; }

.ici-kapak__eylem[b-sqbunqd3ug] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

/* ── Düğmeler ── */
.ici-vitrin .au-btn[b-sqbunqd3ug] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.ici-vitrin .au-btn:hover:not(:disabled)[b-sqbunqd3ug] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ici-vitrin .au-btn--primary[b-sqbunqd3ug] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ici-vitrin .au-btn--primary:hover:not(:disabled)[b-sqbunqd3ug] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ici-vitrin .au-btn--sm[b-sqbunqd3ug] {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.ici-vitrin .au-btn:disabled[b-sqbunqd3ug] {
  opacity: .5;
  cursor: not-allowed;
}

.ici-vitrin .au-btn:focus-visible[b-sqbunqd3ug] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.ici-kart[b-sqbunqd3ug],
.ici-bos[b-sqbunqd3ug] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ici-kart[b-sqbunqd3ug]::before,
.ici-bos[b-sqbunqd3ug]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ici-bolum-baslik[b-sqbunqd3ug] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ici-bolum-baslik[b-sqbunqd3ug]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ici-bos[b-sqbunqd3ug] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.ici-bos p[b-sqbunqd3ug] { margin: 0; line-height: 1.6; }

/* ── Tablo: kendi alanında kayar, başlık yapışık ── */
.ici-tablo-kap[b-sqbunqd3ug] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.ici-gizli[b-sqbunqd3ug] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ici-table[b-sqbunqd3ug] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
}

.ici-table thead th[b-sqbunqd3ug] {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
}

/* Satır başlığı gerçek <th scope="row"> — yapışık ilk sütunun anlamı böyle kurulur. */
.ici-table tbody td[b-sqbunqd3ug],
.ici-table tbody th[b-sqbunqd3ug] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--anv-hat-ince, rgba(12, 58, 116, .08));
  color: var(--metin-murekkep);
  font-weight: 400;
  text-align: start;
  vertical-align: top;
}

.ici-table tbody tr:nth-child(even) td[b-sqbunqd3ug],
.ici-table tbody tr:nth-child(even) th[b-sqbunqd3ug] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ici-table .au-dim[b-sqbunqd3ug] {
  color: var(--metin-ipucu);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ici-row[b-sqbunqd3ug] {
  cursor: pointer;
}

.ici-row:hover td[b-sqbunqd3ug],
.ici-row:hover th[b-sqbunqd3ug] {
  background: color-mix(in srgb, var(--marka-500) 7%, var(--yuzey));
}

.ici-baglanti[b-sqbunqd3ug] {
  display: block;
  min-height: 24px;
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}

.ici-baglanti:hover[b-sqbunqd3ug] { text-decoration: underline; }

.ici-baglanti:focus-visible[b-sqbunqd3ug] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  border-radius: 3px;
}

.ici-brief[b-sqbunqd3ug] {
  display: block;
  margin-top: .15rem;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.ici-islem[b-sqbunqd3ug] { white-space: nowrap; }

.ici-vitrin .au-status[b-sqbunqd3ug] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* ── Sayfalama ── */
.ici-sayfalama[b-sqbunqd3ug] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}

.ici-sayfa-bilgi[b-sqbunqd3ug] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

/* ── Önizleme penceresi (native top layer) ── */
.ici-popup[b-sqbunqd3ug] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ici-popup[open][b-sqbunqd3ug] {
  display: flex;
  flex-direction: column;
}

.ici-popup[b-sqbunqd3ug]::backdrop { background: var(--scrim); }

.ici-popup-bas[b-sqbunqd3ug] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ici-popup-bas h2[b-sqbunqd3ug] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ici-popup-bas h2:focus[b-sqbunqd3ug] { outline: none; }

.ici-vitrin .ici-popup-kapat[b-sqbunqd3ug] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.ici-popup-govde[b-sqbunqd3ug] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ici-kunye[b-sqbunqd3ug] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ici-kunye > div[b-sqbunqd3ug] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ici-kunye > div:nth-child(odd)[b-sqbunqd3ug] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ici-kunye dt[b-sqbunqd3ug] { margin: 0; color: var(--n-500); }

.ici-kunye dd[b-sqbunqd3ug] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ici-popup-blok[b-sqbunqd3ug] { margin-top: 16px; }

.ici-etiket[b-sqbunqd3ug] {
  display: block;
  margin-bottom: 4px;
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ici-talimat[b-sqbunqd3ug] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ici-err[b-sqbunqd3ug] {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 6%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  line-height: 1.5;
}

.ici-popup-eylem[b-sqbunqd3ug] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* DataStates yüzeyi kart diline uyar. */
.ici-vitrin[b-sqbunqd3ug]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ici-kapak[b-sqbunqd3ug] { padding: 16px; }

  .ici-vitrin .au-btn[b-sqbunqd3ug] { min-height: 44px; }

  .ici-vitrin .au-btn--sm[b-sqbunqd3ug] { min-height: 44px; }

  .ici-suzgecler > *[b-sqbunqd3ug] { flex: 1 1 200px; max-width: none; }

  .ici-table tbody th:first-child[b-sqbunqd3ug],
  .ici-table thead th:first-child[b-sqbunqd3ug] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--yuzey);
  }

  .ici-table thead th:first-child[b-sqbunqd3ug] {
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .ici-vitrin[b-sqbunqd3ug]  .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ici-kapak[b-sqbunqd3ug] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }

  .ici-kapak .au-title[b-sqbunqd3ug] { font-size: var(--yazi-kapak, 20px); }

  .ici-suzgec-ac[b-sqbunqd3ug] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font-family: var(--font-body);
    font-size: var(--yazi-govde, 13px);
    font-weight: 600;
    cursor: pointer;
  }

  .ici-suzgec-ac[aria-expanded="true"][b-sqbunqd3ug] {
    background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  }

  .ici-suzgecler[b-sqbunqd3ug] { display: none; }

  .ici-suzgecler.is-acik[b-sqbunqd3ug] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }

  .ici-suzgecler > *[b-sqbunqd3ug] { flex: 1 1 auto; max-width: none; }

  .ici-kapak__eylem[b-sqbunqd3ug] {
    width: 100%;
    margin-inline-start: 0;
  }

  .ici-kapak__eylem .au-btn[b-sqbunqd3ug] { flex: 1 1 auto; }

  .ici-vitrin .au-btn[b-sqbunqd3ug] { min-height: 44px; font-size: var(--yazi-govde, 13px); }

  .ici-vitrin .au-btn--sm[b-sqbunqd3ug] { min-height: 44px; }

  .ici-kart[b-sqbunqd3ug],
  .ici-bos[b-sqbunqd3ug] { padding: 16px 12px; }

  .ici-bolum-baslik[b-sqbunqd3ug] { font-size: var(--yazi-bolum, 14px); }

  .ici-tablo-kap[b-sqbunqd3ug] { max-height: min(460px, 62dvh); }

  .ici-table thead th[b-sqbunqd3ug],
  .ici-table tbody td[b-sqbunqd3ug],
  .ici-table tbody th[b-sqbunqd3ug] { padding: 10px 8px; }

  .ici-table tbody th:first-child[b-sqbunqd3ug],
  .ici-table thead th:first-child[b-sqbunqd3ug] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 148px;
    background: var(--yuzey);
  }

  .ici-table thead th:first-child[b-sqbunqd3ug] {
    z-index: 3;
    background: var(--marka-rampa-serit);
  }

  .ici-table tbody tr:nth-child(even) th:first-child[b-sqbunqd3ug] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }

  .ici-popup[b-sqbunqd3ug] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ici-popup-bas[b-sqbunqd3ug],
  .ici-popup-govde[b-sqbunqd3ug],
  .ici-popup-eylem[b-sqbunqd3ug] { padding: 12px; }

  .ici-popup-eylem .au-btn[b-sqbunqd3ug] { flex: 1 1 auto; }

  .ici-kunye > div[b-sqbunqd3ug] {
    grid-template-columns: minmax(88px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .ici-sayfalama[b-sqbunqd3ug] { justify-content: space-between; }

  .ici-vitrin[b-sqbunqd3ug]  .app-input { font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/IcerikModlari.razor.rz.scp.css */
/* İçerik modları — Akademik Analiz ölçüleri, yalnız bu sayfa (SM-04, 2026-09-20).
   Kardeş ekran IcerikTipleri ile birebir aynı dil; ortak dosya YOK, ikisi de kendi
   scoped kopyasını taşır (wwwroot/css'e dokunulmadı). Yeni hex YOK — yalnız token.
   Çocuk bileşenlerin (AppSelect, AppTextField, TypeCardGrid, DataStates) içi ::deep ile hedeflenir.
   Kapsam notu: sayfa dış kenarını kuran `.wrap:has(...)` kuralı scoped CSS'ten yazılamaz
   (kapsam özniteliği seçicinin son öğesine eklenir) — .au-page varsayılanı korunur.
   Arka plan kaydırma kilidi de aynı nedenle CSS'ten değil, .razor.js içinden kurulur. */

.ict-vitrin[b-nqm227h4gj] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ──────── */
.ict-vitrin[b-nqm227h4gj]  .ict-kapak {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ict-vitrin[b-nqm227h4gj]  .ict-kapak__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-kapak__metin {
  flex: 1 1 18rem;
  min-width: 0;
}

.ict-vitrin[b-nqm227h4gj]  .ict-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.ict-vitrin[b-nqm227h4gj]  .ict-alt {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ict-vitrin[b-nqm227h4gj]  .ict-kapak__eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ───────────────── */
.ict-vitrin[b-nqm227h4gj]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ict-vitrin[b-nqm227h4gj]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ict-vitrin[b-nqm227h4gj]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ict-vitrin[b-nqm227h4gj]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ict-vitrin[b-nqm227h4gj]  .au-btn--danger {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
}

.ict-vitrin[b-nqm227h4gj]  .au-btn--danger:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--red-500) 42%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
}

.ict-vitrin[b-nqm227h4gj]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.ict-vitrin[b-nqm227h4gj]  :is(.au-btn, .app-input, .ict-ara, .ict-tablo-kaydir, .ict-segment__dugme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Süzgeç satırı ───────────────────────────────────────────────── */
.ict-vitrin[b-nqm227h4gj]  .ict-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

/* Masaüstünde süzgeçler daima açıktır; katlama yalnız telefon bandında anlamlı. */
.ict-vitrin[b-nqm227h4gj]  .ict-suzgec-dugme {
  display: none;
}

.ict-vitrin[b-nqm227h4gj]  .ict-alan {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-alan--ara {
  flex: 1 1 240px;
  max-width: 340px;
}

/* Sıfırla satırın sonunda, alanların alt çizgisiyle hizalı durur. */
.ict-vitrin[b-nqm227h4gj]  .ict-sifirla {
  align-self: flex-end;
  margin-inline-start: auto;
}

.ict-vitrin[b-nqm227h4gj]  .ict-etiket {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.ict-vitrin[b-nqm227h4gj]  .ict-suzgec .ict-etiket {
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ict-vitrin[b-nqm227h4gj]  .ict-ara {
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-family: inherit;
  font-size: 13px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-ara::placeholder {
  color: var(--metin-ipucu);
}

.ict-vitrin[b-nqm227h4gj]  .ict-segment {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}

.ict-vitrin[b-nqm227h4gj]  .ict-segment__dugme {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.ict-vitrin[b-nqm227h4gj]  .ict-segment__dugme:hover {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.ict-vitrin[b-nqm227h4gj]  .ict-segment__dugme.is-secili,
.ict-vitrin[b-nqm227h4gj]  .ict-segment__dugme.is-secili:hover {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* Kapak içindeki seçiciler: alanlar alt çizgiden hizalı, ikinci filtre kartı oluşmaz. */
.ict-vitrin[b-nqm227h4gj]  .ict-suzgec .app-field {
  min-width: 0;
  margin: 0;
}

.ict-vitrin[b-nqm227h4gj]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

/* Süzgeç satırında AppSelect etiketleri de .ict-etiket ile AYNI ölçüde yazılır; aksi halde
   aynı satırda "ARA / KAYNAK" (10px versal) ile "Kategori / Durum" (11px normal) çarpışır. */
.ict-vitrin[b-nqm227h4gj]  .ict-suzgec .app-field__label {
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ict-vitrin[b-nqm227h4gj]  .app-field .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.ict-vitrin[b-nqm227h4gj]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Bölüm kartı ve boş / yükleniyor / hata yüzeyleri ─────────────── */
.ict-vitrin[b-nqm227h4gj]  :is(.ict-kart, .ict-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ict-vitrin[b-nqm227h4gj]  :is(.ict-kart, .ict-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.ict-vitrin[b-nqm227h4gj]  .ict-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.ict-vitrin[b-nqm227h4gj]  .ict-bos p {
  margin: 0;
  line-height: 1.6;
}

/* Süzgeç boşluğu kartın İÇİNDE; ikinci bir yüzey ve şerit oluşturmaz. */
.ict-vitrin[b-nqm227h4gj]  .ict-bos--suzgec {
  padding: 28px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ict-vitrin[b-nqm227h4gj]  .ict-bos--suzgec::before {
  content: none;
}

.ict-vitrin[b-nqm227h4gj]  .ict-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-bolum-basligi {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ict-vitrin[b-nqm227h4gj]  .ict-bolum-basligi::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ict-vitrin[b-nqm227h4gj]  .ict-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ──────────────── */
.ict-vitrin[b-nqm227h4gj]  .ict-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısı olmayan
   tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada zararlı:
   display:block sticky thead'i bozar ve ikinci bir yatay kaydırıcı açar. */
.ict-vitrin[b-nqm227h4gj]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 760px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.ict-vitrin[b-nqm227h4gj]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.ict-vitrin[b-nqm227h4gj]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.ict-vitrin[b-nqm227h4gj]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.ict-vitrin[b-nqm227h4gj]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ict-vitrin[b-nqm227h4gj]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ict-vitrin[b-nqm227h4gj]  .ict-ad {
  min-width: 160px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ict-vitrin[b-nqm227h4gj]  .ict-aciklama {
  max-width: 46ch;
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.ict-vitrin[b-nqm227h4gj]  .ict-kaynak-hucre {
  white-space: nowrap;
}

.ict-vitrin[b-nqm227h4gj]  .ict-kaynak-hucre .au-status + .au-status {
  margin-inline-start: 4px;
}

.ict-vitrin[b-nqm227h4gj]  td.ict-satir-eylem {
  width: 1%;
}

.ict-vitrin[b-nqm227h4gj]  .ict-satir-eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-salt {
  color: var(--n-500);
  font-size: 12px;
  white-space: normal;
}

/* ── Popup: kaydırılmış sayfanın üstünde görünür kalır ────────────── */
.ict-vitrin[b-nqm227h4gj]  .ict-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup[open] {
  display: flex;
  flex-direction: column;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup::backdrop {
  background: var(--scrim);
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__bas h2:focus {
  outline: none;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__govde {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__govde p {
  margin: 0;
  line-height: 1.6;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__eylemler {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ict-vitrin[b-nqm227h4gj]  .ict-ikili {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.ict-vitrin[b-nqm227h4gj]  .ict-popup__govde .ict-alan {
  flex: 1 1 auto;
  max-width: none;
}

.ict-vitrin[b-nqm227h4gj]  .ict-textarea {
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding: 10px 12px;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
}

.ict-vitrin[b-nqm227h4gj]  .ict-textarea--kisa {
  min-height: 3rem;
}

.ict-vitrin[b-nqm227h4gj]  .ict-kilitli {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-mono {
  color: var(--marka-700);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  unicode-bidi: isolate;
}

/* ── Detay olguları ──────────────────────────────────────────────── */
.ict-vitrin[b-nqm227h4gj]  .ict-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ict-vitrin[b-nqm227h4gj]  .ict-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ict-vitrin[b-nqm227h4gj]  .ict-olgular dt {
  color: var(--n-500);
}

.ict-vitrin[b-nqm227h4gj]  .ict-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ict-vitrin[b-nqm227h4gj]  .ict-rozetler {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* Detay olgularında değer sağa yaslıdır; tablo hücresinde soldan akar. */
.ict-vitrin[b-nqm227h4gj]  .ict-olgular .ict-rozetler {
  justify-content: flex-end;
}

/* ── AI sonucu ───────────────────────────────────────────────────── */
.ict-vitrin[b-nqm227h4gj]  .ict-ai-sonuc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ict-vitrin[b-nqm227h4gj]  .ict-ai-sonuc__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ict-vitrin[b-nqm227h4gj]  .ict-ai-sonuc__ad {
  color: var(--marka-700);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.ict-vitrin[b-nqm227h4gj]  .ict-ai-sonuc__gerekce {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ict-vitrin[b-nqm227h4gj]  .ict-kapak {
    padding: 16px;
  }

  .ict-vitrin[b-nqm227h4gj]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .ict-vitrin[b-nqm227h4gj]  :is(.ict-ara, .app-field .app-input) {
    height: 44px;
    min-height: 44px;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-segment__dugme {
    min-height: 38px;
  }

  /* İlk anlamlı sütun (Ad) yatay kaydırmada yapışık kalır. */
  .ict-vitrin[b-nqm227h4gj]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .ict-vitrin[b-nqm227h4gj]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .ict-vitrin[b-nqm227h4gj]  :is(.ict-ara, .app-field .app-input, .ict-textarea) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ict-vitrin[b-nqm227h4gj]  .ict-kapak {
    padding: 12px;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde; süzgeçler katlanır. */
  .ict-vitrin[b-nqm227h4gj]  .ict-kapak__eylemler {
    width: 100%;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-kapak__eylemler .au-btn {
    flex: 1 1 auto;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-suzgec-dugme {
    display: inline-flex;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-suzgec.is-kapali {
    display: none;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-suzgec {
    flex-direction: column;
    align-items: stretch;
  }

  .ict-vitrin[b-nqm227h4gj]  :is(.ict-alan, .ict-alan--ara) {
    flex: 1 1 auto;
    max-width: none;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-kart {
    padding: 16px 12px;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-bolum-basligi {
    font-size: var(--yazi-bolum, 14px);
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-kart__bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .ict-vitrin[b-nqm227h4gj]  .au-result-table {
    min-width: 640px;
    font-size: var(--yazi-govde, 13px);
  }

  .ict-vitrin[b-nqm227h4gj]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-aciklama {
    max-width: 32ch;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ict-vitrin[b-nqm227h4gj]  :is(.ict-popup__bas, .ict-popup__govde, .ict-popup__eylemler) {
    padding: 12px;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-popup__eylemler .au-btn {
    flex: 1 1 auto;
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-ikili {
    grid-template-columns: minmax(0, 1fr);
  }

  .ict-vitrin[b-nqm227h4gj]  .ict-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/IcerikStudyosu.razor.rz.scp.css */
/* İçerik stüdyosu — Akademik Analiz görsel dili. 23 px kapak, iki sütunlu form kartları,
   görünür öneri penceresi. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.ics-vitrin[b-ikpkfrrjdm] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.ics-kapak[b-ikpkfrrjdm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ics-kapak__metin[b-ikpkfrrjdm] {
  flex: 1 1 260px;
  min-width: 0;
}

.ics-kapak .au-title[b-ikpkfrrjdm] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.ics-kapak__alt[b-ikpkfrrjdm] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  line-height: 1.4;
}

.ics-kapak__eylem[b-ikpkfrrjdm] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-inline-start: auto;
}

/* ── Düğmeler ── */
.ics-vitrin .au-btn[b-ikpkfrrjdm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.ics-vitrin .au-btn:hover:not(:disabled)[b-ikpkfrrjdm] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ics-vitrin .au-btn--primary[b-ikpkfrrjdm] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ics-vitrin .au-btn--primary:hover:not(:disabled)[b-ikpkfrrjdm] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ics-vitrin .au-btn:disabled[b-ikpkfrrjdm] {
  opacity: .5;
  cursor: not-allowed;
}

.ics-vitrin .au-btn:focus-visible[b-ikpkfrrjdm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── İki sütunlu form düzeni (masaüstü) ── */
.ics-duzen[b-ikpkfrrjdm] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.ics-kart[b-ikpkfrrjdm] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ics-duzen > .ics-kart[b-ikpkfrrjdm] { margin-bottom: 0; }

.ics-kart[b-ikpkfrrjdm]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ics-bolum-baslik[b-ikpkfrrjdm] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ics-bolum-baslik[b-ikpkfrrjdm]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ics-ikili[b-ikpkfrrjdm] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  align-items: end;
}

/* ── Brief alanı ── */
.ics-brief[b-ikpkfrrjdm] {
  width: 100%;
  min-height: 9rem;
  padding: 10px 12px;
  resize: vertical;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
}

.ics-brief[b-ikpkfrrjdm]::placeholder { color: var(--metin-ipucu); }

.ics-brief:focus-visible[b-ikpkfrrjdm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 1px;
  border-color: var(--marka-400);
}

.ics-eylem-satiri[b-ikpkfrrjdm] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ics-uret[b-ikpkfrrjdm] {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

.ics-uret-dugme[b-ikpkfrrjdm] {
  min-width: 160px;
  min-height: 38px;
}

.ics-bilgi[b-ikpkfrrjdm] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12.5px;
  line-height: 1.5;
}

.ics-inline-error[b-ikpkfrrjdm] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 6%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  line-height: 1.5;
}

/* ── Öneri penceresi (native top layer) ── */
.ics-popup[b-ikpkfrrjdm] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ics-popup[open][b-ikpkfrrjdm] {
  display: flex;
  flex-direction: column;
}

.ics-popup[b-ikpkfrrjdm]::backdrop { background: var(--scrim); }

.ics-popup-bas[b-ikpkfrrjdm] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ics-popup-bas h2[b-ikpkfrrjdm] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.ics-popup-bas h2:focus[b-ikpkfrrjdm] { outline: none; }

.ics-vitrin .ics-popup-kapat[b-ikpkfrrjdm] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.ics-popup-govde[b-ikpkfrrjdm] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ics-popup-blok + .ics-popup-blok[b-ikpkfrrjdm] { margin-top: 16px; }

.ics-etiket[b-ikpkfrrjdm] {
  display: block;
  margin-bottom: 4px;
  color: var(--metin-ipucu);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ics-oneri[b-ikpkfrrjdm] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ics-oneri-liste[b-ikpkfrrjdm] {
  margin: 0;
  padding-inline-start: 18px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.ics-oneri-liste li + li[b-ikpkfrrjdm] { margin-top: 4px; }

.ics-popup-eylem[b-ikpkfrrjdm] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Form kontrolleri kart diline uyar (çocuk bileşen işaretlemesi → ::deep). */
.ics-kart[b-ikpkfrrjdm]  .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  font-size: 13px;
}

.ics-kart[b-ikpkfrrjdm]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ics-kart[b-ikpkfrrjdm]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.45;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ics-duzen[b-ikpkfrrjdm] { grid-template-columns: minmax(0, 1fr); }

  .ics-kapak[b-ikpkfrrjdm] { padding: 16px; }

  .ics-vitrin .au-btn[b-ikpkfrrjdm] { min-height: 44px; }

  .ics-kart[b-ikpkfrrjdm]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .ics-brief[b-ikpkfrrjdm] { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .ics-duzen[b-ikpkfrrjdm] { grid-template-columns: minmax(0, 1fr); }

  .ics-kapak[b-ikpkfrrjdm] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }

  .ics-kapak .au-title[b-ikpkfrrjdm] { font-size: var(--yazi-kapak, 20px); }

  .ics-kapak__eylem[b-ikpkfrrjdm] {
    width: 100%;
    margin-inline-start: 0;
  }

  .ics-kapak__eylem .au-btn[b-ikpkfrrjdm] { flex: 1 1 auto; }

  .ics-vitrin .au-btn[b-ikpkfrrjdm] { min-height: 44px; font-size: var(--yazi-govde, 13px); }

  .ics-kart[b-ikpkfrrjdm] { padding: 16px 12px; }

  .ics-bolum-baslik[b-ikpkfrrjdm] { font-size: var(--yazi-bolum, 14px); }

  .ics-ikili[b-ikpkfrrjdm] { grid-template-columns: minmax(0, 1fr); }

  .ics-uret[b-ikpkfrrjdm] { justify-content: stretch; }

  .ics-uret-dugme[b-ikpkfrrjdm] { width: 100%; min-height: 44px; }

  .ics-kart[b-ikpkfrrjdm]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .ics-brief[b-ikpkfrrjdm] { font-size: max(16px, 1rem); }

  .ics-popup[b-ikpkfrrjdm] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ics-popup-bas[b-ikpkfrrjdm],
  .ics-popup-govde[b-ikpkfrrjdm],
  .ics-popup-eylem[b-ikpkfrrjdm] { padding: 12px; }

  .ics-popup-eylem .au-btn[b-ikpkfrrjdm] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/IcerikTipleri.razor.rz.scp.css */
/* İçerik tipleri — Akademik Analiz ölçüleri, yalnız bu sayfa (SM-04, 2026-09-20).
   Kardeş ekran IcerikModlari ile birebir aynı dil; ortak dosya YOK, ikisi de kendi
   scoped kopyasını taşır (wwwroot/css'e dokunulmadı). Yeni hex YOK — yalnız token.
   Çocuk bileşenlerin (AppSelect, AppTextField, TypeCardGrid, DataStates) içi ::deep ile hedeflenir.
   Kapsam notu: sayfa dış kenarını kuran `.wrap:has(...)` kuralı scoped CSS'ten yazılamaz
   (kapsam özniteliği seçicinin son öğesine eklenir) — .au-page varsayılanı korunur.
   Arka plan kaydırma kilidi de aynı nedenle CSS'ten değil, .razor.js içinden kurulur. */

.ict-vitrin[b-7i80inskdc] {
  display: block;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde ──────── */
.ict-vitrin[b-7i80inskdc]  .ict-kapak {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ict-vitrin[b-7i80inskdc]  .ict-kapak__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 12px;
}

.ict-vitrin[b-7i80inskdc]  .ict-kapak__metin {
  flex: 1 1 18rem;
  min-width: 0;
}

.ict-vitrin[b-7i80inskdc]  .ict-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.ict-vitrin[b-7i80inskdc]  .ict-alt {
  max-width: 78ch;
  margin: 8px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.ict-vitrin[b-7i80inskdc]  .ict-kapak__eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ───────────────── */
.ict-vitrin[b-7i80inskdc]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ict-vitrin[b-7i80inskdc]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.ict-vitrin[b-7i80inskdc]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ict-vitrin[b-7i80inskdc]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.ict-vitrin[b-7i80inskdc]  .au-btn--danger {
  border-color: color-mix(in srgb, var(--red-500) 30%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
}

.ict-vitrin[b-7i80inskdc]  .au-btn--danger:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--red-500) 42%, transparent);
  background: color-mix(in srgb, var(--red-500) 18%, transparent);
}

.ict-vitrin[b-7i80inskdc]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.ict-vitrin[b-7i80inskdc]  :is(.au-btn, .app-input, .ict-ara, .ict-tablo-kaydir, .ict-segment__dugme):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Süzgeç satırı ───────────────────────────────────────────────── */
.ict-vitrin[b-7i80inskdc]  .ict-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

/* Masaüstünde süzgeçler daima açıktır; katlama yalnız telefon bandında anlamlı. */
.ict-vitrin[b-7i80inskdc]  .ict-suzgec-dugme {
  display: none;
}

.ict-vitrin[b-7i80inskdc]  .ict-alan {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.ict-vitrin[b-7i80inskdc]  .ict-alan--ara {
  flex: 1 1 240px;
  max-width: 340px;
}

/* Sıfırla satırın sonunda, alanların alt çizgisiyle hizalı durur. */
.ict-vitrin[b-7i80inskdc]  .ict-sifirla {
  align-self: flex-end;
  margin-inline-start: auto;
}

.ict-vitrin[b-7i80inskdc]  .ict-etiket {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.ict-vitrin[b-7i80inskdc]  .ict-suzgec .ict-etiket {
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ict-vitrin[b-7i80inskdc]  .ict-ara {
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-family: inherit;
  font-size: 13px;
}

.ict-vitrin[b-7i80inskdc]  .ict-ara::placeholder {
  color: var(--metin-ipucu);
}

.ict-vitrin[b-7i80inskdc]  .ict-segment {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 11px 11px 11px;
  background: var(--yuzey);
}

.ict-vitrin[b-7i80inskdc]  .ict-segment__dugme {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.ict-vitrin[b-7i80inskdc]  .ict-segment__dugme:hover {
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.ict-vitrin[b-7i80inskdc]  .ict-segment__dugme.is-secili,
.ict-vitrin[b-7i80inskdc]  .ict-segment__dugme.is-secili:hover {
  background: var(--marka-600);
  color: var(--on-brand);
}

/* Kapak içindeki seçiciler: alanlar alt çizgiden hizalı, ikinci filtre kartı oluşmaz. */
.ict-vitrin[b-7i80inskdc]  .ict-suzgec .app-field {
  min-width: 0;
  margin: 0;
}

.ict-vitrin[b-7i80inskdc]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

/* Süzgeç satırında AppSelect etiketleri de .ict-etiket ile AYNI ölçüde yazılır; aksi halde
   aynı satırda "ARA / KAYNAK" (10px versal) ile "Kategori / Durum" (11px normal) çarpışır. */
.ict-vitrin[b-7i80inskdc]  .ict-suzgec .app-field__label {
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ict-vitrin[b-7i80inskdc]  .app-field .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.ict-vitrin[b-7i80inskdc]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Bölüm kartı ve boş / yükleniyor / hata yüzeyleri ─────────────── */
.ict-vitrin[b-7i80inskdc]  :is(.ict-kart, .ict-bos, .ds-panel) {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ict-vitrin[b-7i80inskdc]  :is(.ict-kart, .ict-bos, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.ict-vitrin[b-7i80inskdc]  .ict-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.ict-vitrin[b-7i80inskdc]  .ict-bos p {
  margin: 0;
  line-height: 1.6;
}

/* Süzgeç boşluğu kartın İÇİNDE; ikinci bir yüzey ve şerit oluşturmaz. */
.ict-vitrin[b-7i80inskdc]  .ict-bos--suzgec {
  padding: 28px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ict-vitrin[b-7i80inskdc]  .ict-bos--suzgec::before {
  content: none;
}

.ict-vitrin[b-7i80inskdc]  .ict-kart__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.ict-vitrin[b-7i80inskdc]  .ict-bolum-basligi {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ict-vitrin[b-7i80inskdc]  .ict-bolum-basligi::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ict-vitrin[b-7i80inskdc]  .ict-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.ict-vitrin[b-7i80inskdc]  .ict-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ──────────────── */
.ict-vitrin[b-7i80inskdc]  .ict-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısı olmayan
   tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada zararlı:
   display:block sticky thead'i bozar ve ikinci bir yatay kaydırıcı açar. */
.ict-vitrin[b-7i80inskdc]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 760px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.ict-vitrin[b-7i80inskdc]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.ict-vitrin[b-7i80inskdc]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.ict-vitrin[b-7i80inskdc]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.ict-vitrin[b-7i80inskdc]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ict-vitrin[b-7i80inskdc]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ict-vitrin[b-7i80inskdc]  .ict-ad {
  min-width: 160px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ict-vitrin[b-7i80inskdc]  .ict-aciklama {
  max-width: 46ch;
  color: var(--n-500);
  overflow-wrap: anywhere;
}

.ict-vitrin[b-7i80inskdc]  .ict-kaynak-hucre {
  white-space: nowrap;
}

.ict-vitrin[b-7i80inskdc]  .ict-kaynak-hucre .au-status + .au-status {
  margin-inline-start: 4px;
}

.ict-vitrin[b-7i80inskdc]  td.ict-satir-eylem {
  width: 1%;
}

.ict-vitrin[b-7i80inskdc]  .ict-satir-eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.ict-vitrin[b-7i80inskdc]  .ict-salt {
  color: var(--n-500);
  font-size: 12px;
  white-space: normal;
}

/* ── Popup: kaydırılmış sayfanın üstünde görünür kalır ────────────── */
.ict-vitrin[b-7i80inskdc]  .ict-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup--dar {
  width: min(520px, calc(100vw - 48px));
}

.ict-vitrin[b-7i80inskdc]  .ict-popup[open] {
  display: flex;
  flex-direction: column;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup::backdrop {
  background: var(--scrim);
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__bas h2:focus {
  outline: none;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__kapat {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__govde {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__govde p {
  margin: 0;
  line-height: 1.6;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__eylemler {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.ict-vitrin[b-7i80inskdc]  .ict-ikili {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.ict-vitrin[b-7i80inskdc]  .ict-popup__govde .ict-alan {
  flex: 1 1 auto;
  max-width: none;
}

.ict-vitrin[b-7i80inskdc]  .ict-textarea {
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding: 10px 12px;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
}

.ict-vitrin[b-7i80inskdc]  .ict-textarea--kisa {
  min-height: 3rem;
}

.ict-vitrin[b-7i80inskdc]  .ict-kilitli {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.ict-vitrin[b-7i80inskdc]  .ict-mono {
  color: var(--marka-700);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  unicode-bidi: isolate;
}

/* ── Detay olguları ──────────────────────────────────────────────── */
.ict-vitrin[b-7i80inskdc]  .ict-olgular {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ict-vitrin[b-7i80inskdc]  .ict-olgular > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ict-vitrin[b-7i80inskdc]  .ict-olgular > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ict-vitrin[b-7i80inskdc]  .ict-olgular dt {
  color: var(--n-500);
}

.ict-vitrin[b-7i80inskdc]  .ict-olgular dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ict-vitrin[b-7i80inskdc]  .ict-rozetler {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* Detay olgularında değer sağa yaslıdır; tablo hücresinde soldan akar. */
.ict-vitrin[b-7i80inskdc]  .ict-olgular .ict-rozetler {
  justify-content: flex-end;
}

/* ── AI sonucu ───────────────────────────────────────────────────── */
.ict-vitrin[b-7i80inskdc]  .ict-ai-sonuc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ict-vitrin[b-7i80inskdc]  .ict-ai-sonuc__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ict-vitrin[b-7i80inskdc]  .ict-ai-sonuc__ad {
  color: var(--marka-700);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.ict-vitrin[b-7i80inskdc]  .ict-ai-sonuc__gerekce {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ict-vitrin[b-7i80inskdc]  .ict-kapak {
    padding: 16px;
  }

  .ict-vitrin[b-7i80inskdc]  :is(.au-btn, .au-btn--sm) {
    min-height: 44px;
  }

  .ict-vitrin[b-7i80inskdc]  :is(.ict-ara, .app-field .app-input) {
    height: 44px;
    min-height: 44px;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-segment__dugme {
    min-height: 38px;
  }

  /* İlk anlamlı sütun (Ad) yatay kaydırmada yapışık kalır. */
  .ict-vitrin[b-7i80inskdc]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .ict-vitrin[b-7i80inskdc]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .ict-vitrin[b-7i80inskdc]  :is(.ict-ara, .app-field .app-input, .ict-textarea) {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ict-vitrin[b-7i80inskdc]  .ict-kapak {
    padding: 12px;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-kapak .au-title {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde; süzgeçler katlanır. */
  .ict-vitrin[b-7i80inskdc]  .ict-kapak__eylemler {
    width: 100%;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-kapak__eylemler .au-btn {
    flex: 1 1 auto;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-suzgec-dugme {
    display: inline-flex;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-suzgec.is-kapali {
    display: none;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-suzgec {
    flex-direction: column;
    align-items: stretch;
  }

  .ict-vitrin[b-7i80inskdc]  :is(.ict-alan, .ict-alan--ara) {
    flex: 1 1 auto;
    max-width: none;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-kart {
    padding: 16px 12px;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-bolum-basligi {
    font-size: var(--yazi-bolum, 14px);
  }

  .ict-vitrin[b-7i80inskdc]  .ict-kart__bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-tablo-kaydir {
    max-height: min(460px, 62dvh);
  }

  .ict-vitrin[b-7i80inskdc]  .au-result-table {
    min-width: 640px;
    font-size: var(--yazi-govde, 13px);
  }

  .ict-vitrin[b-7i80inskdc]  .au-result-table :is(th, td) {
    padding: 10px;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-aciklama {
    max-width: 32ch;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ict-vitrin[b-7i80inskdc]  :is(.ict-popup__bas, .ict-popup__govde, .ict-popup__eylemler) {
    padding: 12px;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-popup__eylemler .au-btn {
    flex: 1 1 auto;
  }

  .ict-vitrin[b-7i80inskdc]  .ict-ikili {
    grid-template-columns: minmax(0, 1fr);
  }

  .ict-vitrin[b-7i80inskdc]  .ict-olgular > div {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/JobDetay.razor.rz.scp.css */
/* İş detayı — Akademik Analiz görsel dili (23 px kapak, beyaz yüzey, bölüm kartı).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md tablosundan;
   cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.jbd-vitrin[b-d3pxqsp5ry] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + durum + ana eylem tek beyaz yüzeyde ── */
.jbd-kapak[b-d3pxqsp5ry] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.jbd-kapak__metin[b-d3pxqsp5ry] {
  flex: 1 1 260px;
  min-width: 0;
}

.jbd-kapak .au-title[b-d3pxqsp5ry] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.jbd-kapak__alt[b-d3pxqsp5ry] {
  margin: 4px 0 0;
  color: var(--metin-ipucu);
  font-size: 12.5px;
  line-height: 1.4;
}

.jbd-kapak__eylem[b-d3pxqsp5ry] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

/* ── Düğmeler ── */
.jbd-vitrin .au-btn[b-d3pxqsp5ry] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.jbd-vitrin .au-btn:hover[b-d3pxqsp5ry] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.jbd-vitrin .au-btn--primary[b-d3pxqsp5ry] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.jbd-vitrin .au-btn--primary:hover[b-d3pxqsp5ry] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.jbd-vitrin .au-btn:focus-visible[b-d3pxqsp5ry] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ── */
.jbd-kart[b-d3pxqsp5ry],
.jbd-bos[b-d3pxqsp5ry] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.jbd-kart[b-d3pxqsp5ry]::before,
.jbd-bos[b-d3pxqsp5ry]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.jbd-bolum-baslik[b-d3pxqsp5ry] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.jbd-bolum-baslik[b-d3pxqsp5ry]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Künye listesi ── */
.jbd-kunye[b-d3pxqsp5ry] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.jbd-kunye > div[b-d3pxqsp5ry] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.jbd-kunye > div:nth-child(odd)[b-d3pxqsp5ry] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.jbd-kunye dt[b-d3pxqsp5ry] {
  margin: 0;
  color: var(--n-500);
}

.jbd-kunye dd[b-d3pxqsp5ry] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

/* Teknik kimlik: gövdeden ayırt edilsin, dar ekranda satır içinde kırılsın. */
.jbd-kimlik[b-d3pxqsp5ry] {
  color: var(--metin-ipucu);
  font-size: 12px;
}

.jbd-talimat[b-d3pxqsp5ry] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.jbd-err[b-d3pxqsp5ry] {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 6%, var(--yuzey));
  color: var(--red-600);
  font-size: 13px;
  line-height: 1.5;
}

.jbd-eylemler[b-d3pxqsp5ry] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

.jbd-bos[b-d3pxqsp5ry] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.jbd-bos p[b-d3pxqsp5ry] { margin: 0; line-height: 1.6; }

/* DataStates ve canlı izleme çocuk bileşenlerinin yüzeyi kart diline uyar. */
.jbd-vitrin[b-d3pxqsp5ry]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.jbd-kapak[b-d3pxqsp5ry]  .au-breadcrumb {
  flex: 0 0 auto;
  min-height: 34px;
}

/* ── TABLET ── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .jbd-kapak[b-d3pxqsp5ry] { padding: 16px; }
  .jbd-vitrin .au-btn[b-d3pxqsp5ry] { min-height: 44px; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .jbd-kapak[b-d3pxqsp5ry] {
    padding: 12px;
    gap: 10px;
  }

  .jbd-kapak__metin[b-d3pxqsp5ry] { flex: 1 1 100%; }

  .jbd-kapak .au-title[b-d3pxqsp5ry] { font-size: var(--yazi-kapak, 20px); }

  .jbd-kapak__eylem[b-d3pxqsp5ry] {
    width: 100%;
    margin-inline-start: 0;
  }

  .jbd-kapak__eylem .au-btn[b-d3pxqsp5ry] { flex: 1 1 auto; }

  .jbd-vitrin .au-btn[b-d3pxqsp5ry] {
    min-height: 44px;
    font-size: var(--yazi-govde, 13px);
  }

  .jbd-kart[b-d3pxqsp5ry],
  .jbd-bos[b-d3pxqsp5ry] { padding: 16px 12px; }

  .jbd-bolum-baslik[b-d3pxqsp5ry] { font-size: var(--yazi-bolum, 14px); }

  .jbd-kunye > div[b-d3pxqsp5ry] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .jbd-eylemler .au-btn[b-d3pxqsp5ry] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/KampanyaDetay.razor.rz.scp.css */
/* Kampanya detayı — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüleri: Pages/Analysis/AnalizGenel.razor.css + wwwroot/css/analiz-vitrin.css;
   uygulanmış kardeş örnekler: Academic/Terms/TermsList.razor.css, wwwroot/css/org-birimleri-vitrin.css.
   Yeni hex YOK, !important YOK, sabit spacer YOK. `--agv-kpi-etiket-*` yalnız
   `.analiz-genel-vitrin` kapsamında tanımlıdır; şerit rampası `--marka-rampa-*`'tan türetilir. */

.au-page.kd-vitrin[b-ygth1xfrdu] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.kd-kapak[b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.kd-kapak[b-ygth1xfrdu]  .kd-geri {
  grid-area: geri;
  align-self: center;
}

.kd-kapak__baslik[b-ygth1xfrdu] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.kd-kapak__baslik .au-title[b-ygth1xfrdu] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}

.kd-kapak__alt[b-ygth1xfrdu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 5px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
}

.kd-kapak__eylem[b-ygth1xfrdu] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.kd-vitrin[b-ygth1xfrdu]  .au-btn,
.kd-vitrin .au-btn[b-ygth1xfrdu] {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.kd-vitrin[b-ygth1xfrdu]  .au-btn:hover:not(:disabled),
.kd-vitrin .au-btn:hover:not(:disabled)[b-ygth1xfrdu] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.kd-vitrin[b-ygth1xfrdu]  .au-btn--primary,
.kd-vitrin .au-btn--primary[b-ygth1xfrdu] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.kd-vitrin[b-ygth1xfrdu]  .au-btn--primary:hover:not(:disabled),
.kd-vitrin .au-btn--primary:hover:not(:disabled)[b-ygth1xfrdu] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.kd-vitrin[b-ygth1xfrdu]  .au-btn--sm,
.kd-vitrin .au-btn--sm[b-ygth1xfrdu] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.kd-vitrin .au-btn--danger[b-ygth1xfrdu] {
  border-color: var(--danger);
  color: var(--danger);
}

.kd-vitrin .au-btn--danger:hover:not(:disabled)[b-ygth1xfrdu] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.kd-vitrin[b-ygth1xfrdu]  :is(.au-btn, .app-input):focus-visible,
.kd-vitrin .au-btn:focus-visible[b-ygth1xfrdu] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── İstatistik şeridi ────────────────────────────────────────────────── */
.kd-serit[b-ygth1xfrdu] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.kd-serit__kutu[b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-right: 1px solid var(--hat-kart);
}

.kd-serit__kutu:last-child[b-ygth1xfrdu] {
  border-right: 0;
}

.kd-serit__bant[b-ygth1xfrdu] {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.kd-serit__kutu:nth-child(2) .kd-serit__bant[b-ygth1xfrdu] { background: color-mix(in srgb, var(--marka-600), var(--marka-rampa-orta)); }
.kd-serit__kutu:nth-child(3) .kd-serit__bant[b-ygth1xfrdu] { background: var(--marka-rampa-orta); }
.kd-serit__kutu:nth-child(4) .kd-serit__bant[b-ygth1xfrdu] { background: color-mix(in srgb, var(--marka-rampa-orta), var(--marka-rampa-uc)); }
.kd-serit__kutu:nth-child(5) .kd-serit__bant[b-ygth1xfrdu] { background: var(--marka-rampa-uc); }
.kd-serit__kutu:nth-child(n+6) .kd-serit__bant[b-ygth1xfrdu] { background: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--basari)); }

.kd-serit__deger[b-ygth1xfrdu] {
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.kd-uyari[b-ygth1xfrdu] {
  margin: 0 0 16px;
  color: var(--n-500);
  font-size: 12.5px;
}

/* ── Bölüm sekmeleri ──────────────────────────────────────────────────── */
.kd-sekmeler[b-ygth1xfrdu] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.kd-sekme[b-ygth1xfrdu] {
  --kd-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.kd-sekme:nth-child(2)[b-ygth1xfrdu] { --kd-sekme-vurgu: var(--marka-rampa-uc); }
.kd-sekme:nth-child(n+3)[b-ygth1xfrdu] { --kd-sekme-vurgu: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--basari)); }

.kd-sekmeler .kd-sekme:hover[b-ygth1xfrdu] {
  background: color-mix(in srgb, var(--kd-sekme-vurgu) 14%, var(--yuzey));
  color: var(--kd-sekme-vurgu);
}

.kd-sekmeler .kd-sekme[aria-selected="true"][b-ygth1xfrdu] {
  background: var(--kd-sekme-vurgu);
  color: var(--on-brand);
}

.kd-sekme:focus-visible[b-ygth1xfrdu],
.kd-panel:focus-visible[b-ygth1xfrdu] {
  outline: 2px solid var(--kd-sekme-vurgu, var(--marka-600));
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.kd-bolum[b-ygth1xfrdu] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.kd-bolum[b-ygth1xfrdu]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.kd-bolum__bas[b-ygth1xfrdu] {
  margin-bottom: 12px;
}

.kd-bolum__ad[b-ygth1xfrdu] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.kd-bolum__ad[b-ygth1xfrdu]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.kd-bolum__ipucu[b-ygth1xfrdu] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.kd-bolum__eylem[b-ygth1xfrdu] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.kd-bos[b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.kd-bos p[b-ygth1xfrdu] {
  margin: 0;
  line-height: 1.6;
}

.kd-vitrin[b-ygth1xfrdu]  .ds-panel {
  position: relative;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.kd-ipucu[b-ygth1xfrdu] {
  margin: 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Bilgi listesi ────────────────────────────────────────────────────── */
.kd-bilgi[b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.kd-bilgi > div[b-ygth1xfrdu] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 1.5fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.kd-bilgi > div:nth-child(odd)[b-ygth1xfrdu] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kd-bilgi dt[b-ygth1xfrdu] {
  color: var(--n-500);
}

.kd-bilgi dd[b-ygth1xfrdu] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.kd-bilgi .au-chips[b-ygth1xfrdu] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
}

/* ── Gönderi tablosu ──────────────────────────────────────────────────── */
.kd-tablo[b-ygth1xfrdu] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.kd-tablo table[b-ygth1xfrdu] {
  width: 100%;
  min-width: 900px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.kd-tablo thead[b-ygth1xfrdu] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.kd-tablo th[b-ygth1xfrdu] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.kd-tablo td[b-ygth1xfrdu] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--yuzey-cizgi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.kd-tablo tbody tr:nth-child(even) td[b-ygth1xfrdu] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.kd-tablo tbody tr:hover td[b-ygth1xfrdu] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.kd-tablo td:last-child[b-ygth1xfrdu] {
  width: 1%;
}

.kd-tablo a[b-ygth1xfrdu] {
  color: var(--marka-700);
  font-weight: 600;
}

.kd-tarih[b-ygth1xfrdu] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.kd-satir-eylem[b-ygth1xfrdu] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
}

.kd-onay[b-ygth1xfrdu] {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Form ─────────────────────────────────────────────────────────────── */
.kd-form[b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kd-form__row[b-ygth1xfrdu] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: end;
}

.kd-alan[b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.kd-alan__etiket[b-ygth1xfrdu] {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.kd-popup .app-input[b-ygth1xfrdu],
.kd-popup[b-ygth1xfrdu]  .app-field .app-input,
.kd-popup[b-ygth1xfrdu]  .app-select {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.kd-popup[b-ygth1xfrdu]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* ── Popup ────────────────────────────────────────────────────────────── */
.kd-popup[b-ygth1xfrdu] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.kd-popup--genis[b-ygth1xfrdu] {
  width: min(640px, calc(100vw - 48px));
}

.kd-popup[open][b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
}

.kd-popup[b-ygth1xfrdu]::backdrop {
  background: var(--scrim);
}

.kd-popup__bas[b-ygth1xfrdu] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.kd-popup__bas h2[b-ygth1xfrdu] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.kd-popup__bas h2:focus[b-ygth1xfrdu] {
  outline: none;
}

.kd-popup__kapat[b-ygth1xfrdu] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.kd-popup__govde[b-ygth1xfrdu] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.kd-popup__eylem[b-ygth1xfrdu] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .kd-kapak[b-ygth1xfrdu] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
    gap: 14px 12px;
    align-items: center;
  }

  .kd-kapak__eylem[b-ygth1xfrdu] {
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kd-vitrin[b-ygth1xfrdu]  :is(.au-btn, .au-btn--sm),
  .kd-vitrin :is(.au-btn, .au-btn--sm)[b-ygth1xfrdu] {
    min-height: 44px;
  }

  .kd-popup .app-input[b-ygth1xfrdu],
  .kd-popup[b-ygth1xfrdu]  .app-field .app-input,
  .kd-popup[b-ygth1xfrdu]  .app-select {
    min-height: 44px;
  }

  .kd-serit[b-ygth1xfrdu] {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kd-serit__kutu:nth-child(3n)[b-ygth1xfrdu] {
    border-right: 0;
  }

  .kd-sekmeler[b-ygth1xfrdu] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .kd-sekme[b-ygth1xfrdu] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Platform) yatay kaydırmada yapışık kalır. */
  .kd-tablo :is(th, td):first-child[b-ygth1xfrdu] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .kd-tablo th:first-child[b-ygth1xfrdu] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (hover: none) and (pointer: coarse) {
  .kd-popup .app-input[b-ygth1xfrdu],
  .kd-popup[b-ygth1xfrdu]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .kd-kapak[b-ygth1xfrdu] {
    padding: 12px;
  }

  .kd-kapak__baslik .au-title[b-ygth1xfrdu] {
    font-size: var(--yazi-kapak, 20px);
  }

  .kd-kapak__eylem[b-ygth1xfrdu] {
    width: 100%;
  }

  .kd-kapak__eylem .au-btn[b-ygth1xfrdu] {
    flex: 1 1 auto;
  }

  .kd-serit[b-ygth1xfrdu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kd-serit__kutu[b-ygth1xfrdu] {
    border-right: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .kd-serit__kutu:nth-child(2n)[b-ygth1xfrdu] {
    border-inline-start: 1px solid var(--hat-kart);
  }

  .kd-serit__deger[b-ygth1xfrdu] {
    font-size: var(--yazi-kpi, 20px);
  }

  .kd-bolum[b-ygth1xfrdu] {
    padding: 16px 12px;
  }

  .kd-bolum__ad[b-ygth1xfrdu] {
    font-size: var(--yazi-bolum, 14px);
  }

  .kd-bolum__eylem .au-btn[b-ygth1xfrdu] {
    flex: 1 1 auto;
  }

  .kd-tablo[b-ygth1xfrdu] {
    max-height: min(460px, 62dvh);
  }

  .kd-tablo table[b-ygth1xfrdu] {
    min-width: 760px;
  }

  .kd-tablo :is(th, td)[b-ygth1xfrdu] {
    padding: 10px;
  }

  .kd-form__row[b-ygth1xfrdu] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kd-popup[b-ygth1xfrdu],
  .kd-popup--genis[b-ygth1xfrdu] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .kd-popup__bas[b-ygth1xfrdu],
  .kd-popup__govde[b-ygth1xfrdu],
  .kd-popup__eylem[b-ygth1xfrdu] {
    padding: 12px;
  }

  .kd-popup__kapat[b-ygth1xfrdu] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .kd-popup__eylem .au-btn[b-ygth1xfrdu] {
    flex: 1 1 auto;
  }

  .kd-bilgi > div[b-ygth1xfrdu] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/Kampanyalar.razor.rz.scp.css */
/* Kampanyalar — Akademik Analiz görsel dili, yalnız bu sayfa.
   Referans ölçüleri: Pages/Analysis/AnalizGenel.razor.css + wwwroot/css/analiz-vitrin.css;
   uygulanmış kardeş örnekler: Academic/Terms/TermsList.razor.css, wwwroot/css/org-birimleri-vitrin.css.
   Yeni hex YOK, !important YOK, sabit spacer YOK. */

.au-page.km-vitrin[b-169e2zdcpo] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ────────────────────────────────────────────────────────────── */
.km-kapak[b-169e2zdcpo] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.km-kapak[b-169e2zdcpo]  .km-geri {
  grid-area: geri;
  align-self: center;
}

.km-kapak__baslik[b-169e2zdcpo] {
  grid-area: baslik;
  min-width: 0;
  align-self: center;
}

.km-kapak__baslik .au-title[b-169e2zdcpo] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.km-kapak__filtre[b-169e2zdcpo] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.km-kapak__eylem[b-169e2zdcpo] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}

.km-arama[b-169e2zdcpo] {
  flex: 0 1 240px;
  min-width: 0;
  max-width: 280px;
}

.km-kapak__filtre[b-169e2zdcpo]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.km-arama[b-169e2zdcpo]  .app-field {
  flex: 1 1 auto;
  max-width: none;
}

.km-kapak[b-169e2zdcpo]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.km-kapak[b-169e2zdcpo]  .app-field .app-input,
.km-kapak[b-169e2zdcpo]  .app-select {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.km-sifirla[b-169e2zdcpo] {
  align-self: flex-end;
}

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.km-vitrin[b-169e2zdcpo]  .au-btn,
.km-vitrin .au-btn[b-169e2zdcpo] {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.km-vitrin[b-169e2zdcpo]  .au-btn:hover:not(:disabled),
.km-vitrin .au-btn:hover:not(:disabled)[b-169e2zdcpo] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  transform: none;
}

.km-vitrin[b-169e2zdcpo]  .au-btn--primary,
.km-vitrin .au-btn--primary[b-169e2zdcpo] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.km-vitrin[b-169e2zdcpo]  .au-btn--primary:hover:not(:disabled),
.km-vitrin .au-btn--primary:hover:not(:disabled)[b-169e2zdcpo] {
  border-color: var(--marka-500);
  background: var(--marka-500);
}

.km-vitrin .au-btn--danger[b-169e2zdcpo] {
  border-color: var(--danger);
  color: var(--danger);
}

.km-vitrin .au-btn--danger:hover:not(:disabled)[b-169e2zdcpo] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.km-vitrin[b-169e2zdcpo]  :is(.au-btn, .app-input):focus-visible,
.km-vitrin :is(.au-btn, .km-row__head):focus-visible[b-169e2zdcpo] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ──────────────────────────────────────────────────────── */
.km-bolum[b-169e2zdcpo] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.km-bolum[b-169e2zdcpo]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.km-bolum__bas[b-169e2zdcpo] {
  margin-bottom: 12px;
}

.km-bolum__ad[b-169e2zdcpo] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 3px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.km-bolum__ad[b-169e2zdcpo]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.km-bolum__ipucu[b-169e2zdcpo] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.km-bos[b-169e2zdcpo] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.km-bos p[b-169e2zdcpo] {
  margin: 0;
  line-height: 1.6;
}

.km-vitrin[b-169e2zdcpo]  .ds-panel {
  position: relative;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.km-ipucu[b-169e2zdcpo] {
  margin: 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Tablo ────────────────────────────────────────────────────────────── */
.km-tablo[b-169e2zdcpo] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.km-tablo table[b-169e2zdcpo] {
  width: 100%;
  min-width: 900px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.km-tablo thead[b-169e2zdcpo] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.km-tablo th[b-169e2zdcpo] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.km-tablo td[b-169e2zdcpo] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--yuzey-cizgi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.km-tablo tbody tr:nth-child(even) td[b-169e2zdcpo] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.km-tablo tbody tr:hover td[b-169e2zdcpo] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.km-row__head[b-169e2zdcpo] {
  min-height: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--marka-700);
  font: 600 13px/1.4 var(--font-body);
  text-align: start;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.km-row__head:hover[b-169e2zdcpo] {
  text-decoration: underline;
}

.km-row__plat[b-169e2zdcpo] {
  color: var(--metin-ikincil);
}

.km-tarih[b-169e2zdcpo] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── Bilgi listesi ────────────────────────────────────────────────────── */
.km-bilgi[b-169e2zdcpo] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.km-bilgi > div[b-169e2zdcpo] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 1.5fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.km-bilgi > div:nth-child(odd)[b-169e2zdcpo] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.km-bilgi dt[b-169e2zdcpo] {
  color: var(--n-500);
}

.km-bilgi dd[b-169e2zdcpo] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Form ─────────────────────────────────────────────────────────────── */
.km-form[b-169e2zdcpo] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.km-form__row[b-169e2zdcpo] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.km-popup[b-169e2zdcpo]  .app-field .app-input,
.km-popup[b-169e2zdcpo]  .app-select {
  min-height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

/* ── Popup ────────────────────────────────────────────────────────────── */
.km-popup[b-169e2zdcpo] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.km-popup--genis[b-169e2zdcpo] {
  width: min(640px, calc(100vw - 48px));
}

.km-popup[open][b-169e2zdcpo] {
  display: flex;
  flex-direction: column;
}

.km-popup[b-169e2zdcpo]::backdrop {
  background: var(--scrim);
}

.km-popup__bas[b-169e2zdcpo] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.km-popup__bas h2[b-169e2zdcpo] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.km-popup__bas h2:focus[b-169e2zdcpo] {
  outline: none;
}

.km-popup__kapat[b-169e2zdcpo] {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.km-popup__govde[b-169e2zdcpo] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.km-popup__eylem[b-169e2zdcpo] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ─────────────────────────────────────────────────────────── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .km-kapak[b-169e2zdcpo] {
    display: grid;
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas:
      "geri baslik ."
      "filtre filtre eylem";
    gap: 14px 12px;
    align-items: center;
  }

  .km-kapak__eylem[b-169e2zdcpo] {
    justify-self: end;
  }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .km-kapak[b-169e2zdcpo] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* Çok çocuklu flex kabı justify-self:end ile shrink-to-fit ölçülüyor,
     flex-basis sayılmadığı için arama + durum + sıfırla alt alta yığılıyordu.
     Kap 1fr izini doldursun, çocuklar tek satırda kalıp sağa yaslansın. */
  .km-kapak__filtre[b-169e2zdcpo] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ─────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .km-vitrin[b-169e2zdcpo]  :is(.au-btn, .au-btn--sm),
  .km-vitrin :is(.au-btn, .au-btn--sm)[b-169e2zdcpo] {
    min-height: 44px;
  }

  .km-vitrin .km-row__head[b-169e2zdcpo] {
    min-height: 44px;
  }

  .km-kapak[b-169e2zdcpo]  .app-field .app-input,
  .km-kapak[b-169e2zdcpo]  .app-select {
    height: 44px;
    min-height: 44px;
  }

  /* İlk anlamlı sütun (Kampanya adı) yatay kaydırmada yapışık kalır. */
  .km-tablo :is(th, td):first-child[b-169e2zdcpo] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .km-tablo th:first-child[b-169e2zdcpo] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (hover: none) and (pointer: coarse) {
  .km-kapak[b-169e2zdcpo]  .app-field .app-input,
  .km-popup[b-169e2zdcpo]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .km-kapak[b-169e2zdcpo] {
    padding: 12px;
  }

  .km-kapak__baslik .au-title[b-169e2zdcpo] {
    font-size: var(--yazi-kapak, 20px);
  }

  .km-kapak__filtre[b-169e2zdcpo] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .km-arama[b-169e2zdcpo],
  .km-kapak__filtre[b-169e2zdcpo]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .km-kapak__eylem[b-169e2zdcpo] {
    width: 100%;
  }

  .km-kapak__eylem .au-btn[b-169e2zdcpo] {
    flex: 1 1 auto;
  }

  .km-bolum[b-169e2zdcpo] {
    padding: 16px 12px;
  }

  .km-bolum__ad[b-169e2zdcpo] {
    font-size: var(--yazi-bolum, 14px);
  }

  .km-tablo[b-169e2zdcpo] {
    max-height: min(460px, 62dvh);
  }

  .km-tablo table[b-169e2zdcpo] {
    min-width: 760px;
  }

  .km-tablo :is(th, td)[b-169e2zdcpo] {
    padding: 10px;
  }

  .km-form__row[b-169e2zdcpo] {
    grid-template-columns: minmax(0, 1fr);
  }

  .km-popup[b-169e2zdcpo],
  .km-popup--genis[b-169e2zdcpo] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .km-popup__bas[b-169e2zdcpo],
  .km-popup__govde[b-169e2zdcpo],
  .km-popup__eylem[b-169e2zdcpo] {
    padding: 12px;
  }

  .km-popup__kapat[b-169e2zdcpo] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .km-popup__eylem .au-btn[b-169e2zdcpo] {
    flex: 1 1 auto;
  }

  .km-bilgi > div[b-169e2zdcpo] {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/MarkaProfilleri.razor.rz.scp.css */
/* Marka profilleri — Akademik Analiz kapak/yüzey/tipografi ölçülerinin sayfa-scoped uyarlaması.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; cihaz sorguları
   docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. Yeni hex YOK — yalnız var(--*). */

.au-page.mp-vitrin[b-6lqaevuyth] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.mp-vitrin.sp-sayfa[b-6lqaevuyth] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.mp-kapak[b-6lqaevuyth] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mp-kapak__ad[b-6lqaevuyth] { min-width: 0; flex: 1 1 260px; }

.mp-kapak .au-title[b-6lqaevuyth] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.mp-kapak__alt[b-6lqaevuyth] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.5; }

.mp-suzgec[b-6lqaevuyth] { display: flex; align-items: flex-end; gap: 12px; min-width: 0; }
.mp-eylemler[b-6lqaevuyth] { display: flex; flex-wrap: wrap; gap: 8px; }

.mp-alan[b-6lqaevuyth] { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 0 1 210px; }

.mp-alan__etiket[b-6lqaevuyth] {
  color: var(--metin-ipucu);
  font: 700 10px/1 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mp-girdi[b-6lqaevuyth] {
  min-width: 0;
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.mp-girdi[b-6lqaevuyth]::placeholder { color: var(--metin-ipucu); }
.mp-girdi:focus-visible[b-6lqaevuyth] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Düğmeler ── */
.mp-dugme[b-6lqaevuyth] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.mp-dugme:hover:not(:disabled)[b-6lqaevuyth] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mp-dugme:disabled[b-6lqaevuyth] { opacity: .6; cursor: default; }
.mp-dugme:focus-visible[b-6lqaevuyth] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.mp-dugme--ana[b-6lqaevuyth] { border-color: var(--marka-600); background: var(--marka-600); color: var(--on-brand); }
.mp-dugme--ana:hover:not(:disabled)[b-6lqaevuyth] { border-color: var(--marka-500); background: var(--marka-500); }

.mp-dugme--tehlike[b-6lqaevuyth] { border-color: var(--danger); color: var(--danger); }
.mp-dugme--tehlike:hover:not(:disabled)[b-6lqaevuyth] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

.mp-dugme--kucuk[b-6lqaevuyth] { min-height: 30px; padding: 0 10px; font-size: 12px; }

/* ── Bölüm kartı ── */
.mp-bolum[b-6lqaevuyth] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mp-bolum[b-6lqaevuyth]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mp-bolum__bas[b-6lqaevuyth] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.mp-bolum__ad[b-6lqaevuyth] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.mp-bolum__ad[b-6lqaevuyth]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mp-bolum__sayi[b-6lqaevuyth] { margin: 0; color: var(--n-500); font-size: 12px; font-variant-numeric: tabular-nums; }

.mp-uyari[b-6lqaevuyth] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-left: 3px solid var(--marka-500);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ── Profil kartları ── */
.mp-grid[b-6lqaevuyth] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 14px;
}

.mp-kart[b-6lqaevuyth] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.mp-kart:hover[b-6lqaevuyth] { border-color: var(--marka-400); }

.mp-kart__bas[b-6lqaevuyth] { display: flex; align-items: center; gap: 12px; min-width: 0; }

.mp-kart__logo[b-6lqaevuyth] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.mp-kart__logo[b-6lqaevuyth]  .me,
.mp-kart__logo[b-6lqaevuyth]  .me-imglink,
.mp-kart__logo[b-6lqaevuyth]  .me-img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

.mp-kart__logo[b-6lqaevuyth]  .me-caption { display: none; }
.mp-kart__logo--yok[b-6lqaevuyth] { color: var(--metin-ipucu); }

.mp-kart__kimlik[b-6lqaevuyth] { min-width: 0; }

.mp-kart__ad[b-6lqaevuyth] {
  margin: 0;
  color: var(--marka-700);
  font: 700 15px/1.3 var(--font-display);
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
}

.mp-kart__slogan[b-6lqaevuyth] { margin: 3px 0 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.45; }

.mp-kart__meta[b-6lqaevuyth] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mp-kart__kitle[b-6lqaevuyth] { color: var(--n-500); font-size: 12px; }

.mp-rozet[b-6lqaevuyth] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
  font: 600 11.5px var(--font-body);
}

/* Palet gerçek liste semantiğiyle çizilir; her öğenin erişilebilir adı gizli metinden gelir. */
.mp-kart__palet[b-6lqaevuyth] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mp-kart__renk-oge[b-6lqaevuyth] { display: inline-flex; align-items: center; }

.mp-kart__renk[b-6lqaevuyth] {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--hat-kart);
  border-radius: 50%;
}

.mp-gizli[b-6lqaevuyth] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.mp-kart__etiketler[b-6lqaevuyth] { display: flex; flex-wrap: wrap; gap: 5px; }

.mp-etiket[b-6lqaevuyth] {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font: 500 11.5px var(--font-body);
}

.mp-etiket--fazla[b-6lqaevuyth] { color: var(--metin-ipucu); }

.mp-kart__serh[b-6lqaevuyth] {
  margin: 0;
  padding-left: 10px;
  border-left: 2px solid var(--hat-girdi);
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.mp-kart__tarih[b-6lqaevuyth] { margin: 0; color: var(--metin-ipucu); font-size: 11.5px; font-variant-numeric: tabular-nums; }

.mp-kart__eylemler[b-6lqaevuyth] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 4px;
}

/* ── Boş / iskelet ── */
.mp-bos[b-6lqaevuyth] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mp-bos p[b-6lqaevuyth] { margin: 0; line-height: 1.6; max-width: 52ch; }
.mp-bos--satirici[b-6lqaevuyth] { padding: 28px 16px; }

.mp-iskelet[b-6lqaevuyth] {
  height: 42px;
  margin-bottom: 10px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.mp-iskelet--kisa[b-6lqaevuyth] { width: 62%; }

/* ── Popup (form + silme onayı) ── */
.mp-popup[b-6lqaevuyth] {
  width: min(760px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mp-popup--dar[b-6lqaevuyth] { width: min(480px, calc(100vw - 48px)); }
.mp-popup[open][b-6lqaevuyth] { display: flex; flex-direction: column; }
.mp-popup[b-6lqaevuyth]::backdrop { background: var(--scrim); }

/* 5 px marka şeridi ::before ile çizilir. border-image kullanılmaz: slice 1 dört kenara birden
   uygulanır ve alttaki 1 px --hat-kart ayracı da degradeyle boyanırdı (.mp-bolum::before ile aynı desen). */
.mp-popup__bas[b-6lqaevuyth] {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 21px 18px 16px;
  border-bottom: 1px solid var(--hat-kart);
}

.mp-popup__bas[b-6lqaevuyth]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mp-popup__bas > div[b-6lqaevuyth] { min-width: 0; }

.mp-popup__bas h2[b-6lqaevuyth] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mp-popup__bas h2:focus[b-6lqaevuyth] { outline: none; }
.mp-popup__bas p[b-6lqaevuyth] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.5; overflow-wrap: anywhere; }

.mp-popup__kapat[b-6lqaevuyth] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.mp-popup__kapat:hover:not(:disabled)[b-6lqaevuyth] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.mp-popup__kapat:disabled[b-6lqaevuyth] { opacity: .6; cursor: default; }
.mp-popup__kapat:focus-visible[b-6lqaevuyth] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.mp-popup__govde[b-6lqaevuyth] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.mp-popup__eylemler[b-6lqaevuyth] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Form ── */
.mp-form[b-6lqaevuyth] { display: flex; flex-direction: column; gap: 14px; }
.mp-form__ikili[b-6lqaevuyth] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.mp-form__onizleme[b-6lqaevuyth] { display: flex; flex-direction: column; gap: 6px; max-width: 220px; }

.mp-ipucu[b-6lqaevuyth] {
  margin: 0;
  padding: 10px 12px;
  border-left: 3px solid var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.55;
}

.mp-hata[b-6lqaevuyth] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
}

.mp-onay[b-6lqaevuyth] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mp-kapak[b-6lqaevuyth] { padding: 16px; }
  .mp-dugme[b-6lqaevuyth] { min-height: 44px; }
  .mp-popup__kapat[b-6lqaevuyth] { min-height: 44px; }
  .mp-girdi[b-6lqaevuyth] { height: 44px; font-size: max(16px, 1rem); }
  .mp-popup[b-6lqaevuyth]  .app-input,
  .mp-popup[b-6lqaevuyth]  textarea { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .mp-kapak[b-6lqaevuyth] { padding: 12px; }
  .mp-kapak .au-title[b-6lqaevuyth] { font-size: var(--yazi-kapak, 20px); }
  .mp-kapak__alt[b-6lqaevuyth] { font-size: var(--yazi-kucuk, 12px); }
  .mp-suzgec[b-6lqaevuyth] { flex-basis: 100%; }
  .mp-alan[b-6lqaevuyth] { flex: 1 1 auto; }
  .mp-eylemler[b-6lqaevuyth] { width: 100%; }
  .mp-eylemler .mp-dugme[b-6lqaevuyth] { flex: 1; }
  .mp-bolum[b-6lqaevuyth] { padding: 16px 12px; }
  .mp-bolum__ad[b-6lqaevuyth] { font-size: var(--yazi-bolum, 14px); }
  .mp-grid[b-6lqaevuyth] { grid-template-columns: minmax(0, 1fr); }
  .mp-kart__ad[b-6lqaevuyth] { font-size: var(--yazi-bolum, 14px); }
  .mp-kart__eylemler .mp-dugme[b-6lqaevuyth] { flex: 1 1 auto; }
  .mp-popup[b-6lqaevuyth], .mp-popup--dar[b-6lqaevuyth] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .mp-popup__govde[b-6lqaevuyth], .mp-popup__eylemler[b-6lqaevuyth] { padding: 12px; }
  .mp-popup__bas[b-6lqaevuyth] { padding: 17px 12px 12px; }   /* 12 + 5 px marka şeridi */
  .mp-popup__bas h2[b-6lqaevuyth] { font-size: 18px; }
  .mp-popup__eylemler .mp-dugme[b-6lqaevuyth] { flex: 1 1 auto; }
  .mp-form__ikili[b-6lqaevuyth] { grid-template-columns: minmax(0, 1fr); }
  .mp-form__onizleme[b-6lqaevuyth] { max-width: none; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/OnayKuyrugu.razor.rz.scp.css */
/* Onay kuyruğu — Akademik Analiz görsel dili (sayfa-scoped).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 24/16/18 px dolgu, 1 px kart sınırı, radius 3px 0 0 0, h1 23px/700 --marka-700;
   kontrol yüksekliği 34 px, köşe --kose-dugme; bölüm kartı 18 px dolgu, --kose-bolum,
   5 px marka geçişi şerit. Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.oy-vitrin[b-8ejzc6l4yz] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ───────────────── */
.oy-kapak[b-8ejzc6l4yz] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.oy-kapak__ad[b-8ejzc6l4yz] {
  min-width: 0;
  margin-right: auto;
}

.oy-kapak__baslik[b-8ejzc6l4yz] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.oy-kapak__suzgec[b-8ejzc6l4yz] {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.oy-alan[b-8ejzc6l4yz] {
  display: flex;
  flex: 0 1 176px;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  max-width: 210px;
}

.oy-alan__etiket[b-8ejzc6l4yz] {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.oy-girdi.app-input[b-8ejzc6l4yz] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.oy-kapak__eylem[b-8ejzc6l4yz] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Kapak ve kart düğmeleri: referans kontrol taban çizgisi (34 px / 12.5 px / 600). */
.oy-vitrin .au-btn[b-8ejzc6l4yz] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  box-shadow: none;
}

.oy-vitrin .au-btn:hover:not(:disabled)[b-8ejzc6l4yz] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.oy-vitrin .au-btn--primary[b-8ejzc6l4yz] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.oy-vitrin .au-btn--primary:hover:not(:disabled)[b-8ejzc6l4yz] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.oy-vitrin .au-btn:disabled[b-8ejzc6l4yz] {
  opacity: 0.55;
  cursor: default;
}

.oy-vitrin :is(.au-btn, .oy-tab, .oy-girdi, .oy-panel):focus-visible[b-8ejzc6l4yz] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili kuyruk çizilir ─────────────────────── */
.oy-tabs[b-8ejzc6l4yz] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.oy-tab[b-8ejzc6l4yz] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px var(--font-body);
  cursor: pointer;
}

.oy-tab:hover:not(:disabled):not(.is-active)[b-8ejzc6l4yz] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.oy-tab.is-active[b-8ejzc6l4yz] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.oy-tab:disabled[b-8ejzc6l4yz] {
  opacity: 0.6;
  cursor: default;
}

.oy-panel:focus-visible[b-8ejzc6l4yz] {
  outline-offset: 4px;
}

/* ── Bilgi/uyarı bantları ve boş durum ────────────────────────────────── */
.oy-bilgi[b-8ejzc6l4yz] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
}

.oy-bos[b-8ejzc6l4yz] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.oy-bos[b-8ejzc6l4yz]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.oy-bos p[b-8ejzc6l4yz] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Kart ızgarası ────────────────────────────────────────────────────── */
.oy-grid[b-8ejzc6l4yz] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.oy-card[b-8ejzc6l4yz] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.oy-card[b-8ejzc6l4yz]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.oy-card__head[b-8ejzc6l4yz] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.oy-badge[b-8ejzc6l4yz] {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px var(--font-body);
}

.oy-badge--ok[b-8ejzc6l4yz] {
  color: var(--marka-rampa-uc);
  border-color: color-mix(in srgb, var(--marka-rampa-uc) 45%, transparent);
}

.oy-badge--info[b-8ejzc6l4yz] {
  color: var(--marka-600);
  border-color: color-mix(in srgb, var(--marka-600) 45%, transparent);
}

.oy-badge--warn[b-8ejzc6l4yz] {
  color: var(--marka-rampa-orta);
  border-color: color-mix(in srgb, var(--marka-rampa-orta) 45%, transparent);
}

.oy-badge--danger[b-8ejzc6l4yz] {
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger) 45%, transparent);
}

.oy-badge--muted[b-8ejzc6l4yz] {
  color: var(--metin-ikincil);
}

.oy-card__media[b-8ejzc6l4yz] {
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
}

.oy-card__title[b-8ejzc6l4yz] {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.oy-facts[b-8ejzc6l4yz] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
}

.oy-facts div[b-8ejzc6l4yz] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* 11 px alan etiketi bilgi taşır → --metin-ipucu (#8496ad, ~2.97:1) yerine okunur ikincil ton. */
.oy-facts dt[b-8ejzc6l4yz] {
  color: var(--metin-ikincil);
  font-size: 11px;
}

.oy-facts dd[b-8ejzc6l4yz] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.oy-card__excerpt[b-8ejzc6l4yz] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.45;
}

.oy-card__err[b-8ejzc6l4yz] {
  margin: 0;
  padding: 8px 10px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12px;
}

.oy-card__actions[b-8ejzc6l4yz] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 6px;
}

.oy-card__hint[b-8ejzc6l4yz] {
  font-size: 12px;
}

/* ── Görünür popup (native dialog) ─────────────────────────────────────── */
.oy-popup[b-8ejzc6l4yz] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--ust-golge);
  overflow: hidden;
}

.oy-popup[open][b-8ejzc6l4yz] {
  display: flex;
  flex-direction: column;
}

.oy-popup[b-8ejzc6l4yz]::backdrop {
  background: var(--scrim);
}

.oy-popup__baslik[b-8ejzc6l4yz] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.oy-popup__baslik > div[b-8ejzc6l4yz] {
  min-width: 0;
}

.oy-popup__baslik h2[b-8ejzc6l4yz] {
  margin: 0;
  color: var(--marka-700);
  font: 700 20px/1.2 var(--font-display);
  overflow-wrap: anywhere;
}

.oy-popup__baslik p[b-8ejzc6l4yz] {
  margin: 8px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.oy-popup__kapat[b-8ejzc6l4yz] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  min-height: 44px;
  padding: 0;
  font-size: 22px;
}

.oy-popup__govde[b-8ejzc6l4yz] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.oy-popup__eylemler[b-8ejzc6l4yz] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.oy-popup__hata[b-8ejzc6l4yz] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

.oy-reject[b-8ejzc6l4yz] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}

.oy-reject__label[b-8ejzc6l4yz] {
  color: var(--metin-murekkep);
  font: 600 13px var(--font-body);
}

.oy-reject__label span[b-8ejzc6l4yz] {
  color: var(--danger);
}

.oy-reject__area.app-input[b-8ejzc6l4yz] {
  min-height: 88px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  font-family: var(--font-body);
  font-size: 13px;
  resize: vertical;
}

.oy-reject__err[b-8ejzc6l4yz] {
  margin: 0;
  color: var(--danger);
  font-size: 12px;
}

/* ── TELEFON ───────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .oy-kapak[b-8ejzc6l4yz] {
    align-items: stretch;
    padding: 14px 16px 16px;
  }

  .oy-kapak__baslik[b-8ejzc6l4yz] {
    font-size: 20px;
  }

  .oy-kapak__suzgec[b-8ejzc6l4yz],
  .oy-kapak__eylem[b-8ejzc6l4yz] {
    width: 100%;
  }

  .oy-alan[b-8ejzc6l4yz] {
    flex: 1 1 auto;
    max-width: none;
  }

  .oy-kapak__eylem > *[b-8ejzc6l4yz] {
    flex: 1 1 0;
    justify-content: center;
  }

  .oy-tabs[b-8ejzc6l4yz] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .oy-tab[b-8ejzc6l4yz] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .oy-grid[b-8ejzc6l4yz] {
    grid-template-columns: 1fr;
  }

  .oy-card__title[b-8ejzc6l4yz] {
    font-size: 14px;
  }

  .oy-card__actions > .au-btn[b-8ejzc6l4yz] {
    flex: 1 1 0;
    justify-content: center;
  }

  .oy-popup[b-8ejzc6l4yz] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .oy-popup__baslik[b-8ejzc6l4yz],
  .oy-popup__govde[b-8ejzc6l4yz],
  .oy-popup__eylemler[b-8ejzc6l4yz] {
    padding: 12px;
  }

  .oy-popup__baslik h2[b-8ejzc6l4yz] {
    font-size: 18px;
  }
}

/* ── TABLET ────────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .oy-kapak__suzgec[b-8ejzc6l4yz] {
    flex: 1 1 auto;
  }

  .oy-grid[b-8ejzc6l4yz] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

/* Dokunmatik: hedef en az 44 px, girdi 16 px (yakınlaştırma tetiklenmez). */
@media (pointer: coarse) {
  .oy-vitrin .au-btn[b-8ejzc6l4yz],
  .oy-tab[b-8ejzc6l4yz] {
    min-height: 44px;
  }

  .oy-girdi.app-input[b-8ejzc6l4yz],
  .oy-reject__area.app-input[b-8ejzc6l4yz] {
    font-size: max(16px, 1rem);
  }

  .oy-girdi.app-input[b-8ejzc6l4yz] {
    height: 44px;
    min-height: 44px;
  }
}

/* ── MASAÜSTÜ: geniş ekranda süzgeç ve eylemler sağ kenara yaslanır ────── */
@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .oy-kapak[b-8ejzc6l4yz] {
    flex-wrap: nowrap;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/OperasyonPanosu.razor.rz.scp.css */
/* Operasyon panosu — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 24/16/18 px + 23 px h1, sekme şeridi 6 px dolgu / 4 px aralık / 34-44 px,
   tablo başlığı --marka-rampa-serit, popup max-height calc(100dvh - 48px)).
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root tokenları. */

.smo-vitrin[b-8edcafgip3] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ──────────────────────────────────────────────────────────────── */
.smo-kapak[b-8edcafgip3] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.smo-kapak__geri[b-8edcafgip3] { grid-area: geri; }
.smo-kapak__baslik[b-8edcafgip3] { grid-area: baslik; min-width: 0; }
.smo-eylem[b-8edcafgip3] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.smo-baslik[b-8edcafgip3] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.smo-alt[b-8edcafgip3] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Düğmeler ───────────────────────────────────────────────────────────── */
.smo-btn[b-8edcafgip3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.smo-btn:hover[b-8edcafgip3] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.smo-btn.au-btn--primary[b-8edcafgip3] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.smo-btn.au-btn--primary:hover[b-8edcafgip3] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.smo-btn:disabled[b-8edcafgip3] { opacity: .55; cursor: not-allowed; }
.smo-btn--sm[b-8edcafgip3] { min-height: 30px; padding-inline: 10px; font-size: 12px; }

.smo-vitrin[b-8edcafgip3]  .au-breadcrumb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--marka-700);
}

.smo-vitrin[b-8edcafgip3]  .au-breadcrumb .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Bölüm sekmeleri ────────────────────────────────────────────────────── */
.smo-sekmeler[b-8edcafgip3] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.smo-sekme[b-8edcafgip3] {
  --smo-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol; iki bölüm olduğu için ara ton yok. */
.smo-sekme:nth-child(2)[b-8edcafgip3] { --smo-vurgu: var(--marka-rampa-uc); }

.smo-sekmeler .smo-sekme:hover[b-8edcafgip3] {
  background: color-mix(in srgb, var(--smo-vurgu) 14%, var(--yuzey));
  color: var(--smo-vurgu);
}

.smo-sekmeler .smo-sekme[aria-selected="true"][b-8edcafgip3] {
  background: var(--smo-vurgu);
  color: var(--on-brand);
}

.smo-panel[b-8edcafgip3] { min-width: 0; }

/* ── Bölüm kartı ────────────────────────────────────────────────────────── */
.smo-kart[b-8edcafgip3] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.smo-kart[b-8edcafgip3]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.smo-kart__bas[b-8edcafgip3] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.smo-bolum-baslik[b-8edcafgip3] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.smo-bolum-baslik[b-8edcafgip3]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Filtreler ──────────────────────────────────────────────────────────── */
.smo-filtre[b-8edcafgip3] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.smo-alan[b-8edcafgip3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.smo-alan__etiket[b-8edcafgip3] {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.smo-secici[b-8edcafgip3] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

/* ── Dönem şeridi + ipuçları ────────────────────────────────────────────── */
.smo-donem[b-8edcafgip3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 12px;
}

.smo-rozet[b-8edcafgip3] {
  padding: 4px 11px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.smo-ipucu[b-8edcafgip3] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.smo-ipucu--uyari[b-8edcafgip3] { margin: 0 0 12px; color: var(--metin-ikincil); }

.smo-bos-metin[b-8edcafgip3] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.smo-iyi[b-8edcafgip3] {
  margin: 0 0 6px;
  color: var(--basari-metin);
  font: 700 18px/1.2 var(--font-display);
}

/* ── KPI şeridi: tek birleşik yüzey ─────────────────────────────────────── */
.smo-kpis.au-kpis[b-8edcafgip3] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  overflow: hidden;
}

.smo-kpi.au-kpi[b-8edcafgip3] {
  --smo-bant: var(--marka-600);
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 0 15px;
  border: 0;
  border-top: 3px solid var(--smo-bant);
  border-right: 1px solid var(--hat-kart);
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
  text-align: left;
}

.smo-kpi.au-kpi:nth-child(2)[b-8edcafgip3] { --smo-bant: color-mix(in srgb, var(--marka-600) 50%, var(--marka-rampa-uc)); }
.smo-kpi.au-kpi:nth-child(3)[b-8edcafgip3] { --smo-bant: var(--marka-rampa-uc); }
.smo-kpi.au-kpi:nth-child(n + 4)[b-8edcafgip3] { --smo-bant: var(--basari-metin); }
.smo-kpi.au-kpi:last-child[b-8edcafgip3] { border-right: 0; }

.smo-kpi__cap.au-kpi__cap[b-8edcafgip3] {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 16px;
  background: var(--smo-bant);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.25;
}

.smo-kpi__num.au-kpi__num[b-8edcafgip3] {
  padding: 0 16px;
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.smo-kpi__num.au-kpi__num.is-ok[b-8edcafgip3] { color: var(--basari-metin); }

/* ── Tablo ──────────────────────────────────────────────────────────────── */
.smo-tablo-kaydir[b-8edcafgip3] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* cihaz.css telefon bandındaki genel `table { display:block; overflow-x:auto }` siperi burada
   zararlıdır: sticky thead ve yapışık sütunu bozar — tablo zaten kendi kabında kayıyor. */
.smo-tablo[b-8edcafgip3] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 760px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.smo-tablo thead[b-8edcafgip3] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.smo-tablo th[b-8edcafgip3] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.smo-tablo td[b-8edcafgip3] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.smo-tablo tbody tr:nth-child(even) td[b-8edcafgip3] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.smo-tablo tbody tr:hover td[b-8edcafgip3] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.smo-sag[b-8edcafgip3] { text-align: right; font-variant-numeric: tabular-nums; }
.smo-ad[b-8edcafgip3] { min-width: 150px; font-weight: 600; overflow-wrap: anywhere; }
.smo-tutar[b-8edcafgip3] { font-weight: 600; color: var(--marka-700); }
.smo-tablo td.is-fail[b-8edcafgip3] { color: var(--red-600); font-weight: 600; }

.smo-kimlik[b-8edcafgip3] {
  font-size: 12px;
  color: var(--n-500);
  letter-spacing: .02em;
}

/* ── Ayrıntı penceresi (native dialog, top layer) ───────────────────────── */
.smo-popup[b-8edcafgip3] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.smo-popup[open][b-8edcafgip3] { display: flex; flex-direction: column; }
.smo-popup[b-8edcafgip3]::backdrop { background: var(--scrim); }

.smo-popup-bas[b-8edcafgip3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.smo-popup-bas h2[b-8edcafgip3] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.smo-popup-bas h2:focus[b-8edcafgip3] { outline: none; }

.smo-popup-kapat[b-8edcafgip3] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
}

.smo-popup-govde[b-8edcafgip3] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.smo-popup-eylem[b-8edcafgip3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.smo-olgular[b-8edcafgip3] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 12px;
}

.smo-olgular > div[b-8edcafgip3] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.smo-olgular > div:nth-child(odd)[b-8edcafgip3] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.smo-olgular dt[b-8edcafgip3] { color: var(--n-500); }

.smo-olgular dd[b-8edcafgip3] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.smo-olgular dd.is-fail[b-8edcafgip3] { font-weight: 600; color: var(--red-600); }

.smo-vitrin :is(.smo-btn, .smo-secici, .smo-sekme, .smo-panel, .smo-tablo-kaydir, .smo-popup-kapat):focus-visible[b-8edcafgip3] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ: başlık solda, eylem sağ kenara yaslı ─────────────────────── */
/* Eşik 1540px iken 1280/1366/1440 dizüstülerinde kapak iki satıra düşüyor, tek
   "Yenile" düğmesi geri okunun altında sola yaslı kalıyordu; kardeş KampanyaDetay
   ile aynı üçlü koşula çekildi (1280+ ya da 1024-1279 işaretçi duyarlı). */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .smo-kapak[b-8edcafgip3] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .smo-eylem[b-8edcafgip3] { justify-self: end; }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .smo-kapak[b-8edcafgip3] { padding: 16px; }

  .smo-btn[b-8edcafgip3] { min-height: 44px; }
  .smo-btn--sm[b-8edcafgip3] { min-height: 44px; }
  .smo-secici[b-8edcafgip3] { height: 44px; min-height: 44px; }

  .smo-sekmeler[b-8edcafgip3] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .smo-sekme[b-8edcafgip3] { flex: 0 0 auto; min-height: 44px; }

  .smo-kpis.au-kpis[b-8edcafgip3] { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .smo-kpi.au-kpi:nth-child(2n)[b-8edcafgip3] { border-right: 0; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .smo-tablo :is(th, td):first-child[b-8edcafgip3] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  .smo-tablo th:first-child[b-8edcafgip3] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .smo-secici[b-8edcafgip3] { font-size: max(16px, 1rem); }
}

/* ── TELEFON ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .smo-kapak[b-8edcafgip3] { padding: 12px; gap: 12px 10px; }
  .smo-baslik[b-8edcafgip3] { font-size: var(--yazi-kapak, 20px); }
  .smo-bolum-baslik[b-8edcafgip3] { font-size: var(--yazi-bolum, 14px); }

  .smo-eylem[b-8edcafgip3] { width: 100%; }
  .smo-eylem .smo-btn[b-8edcafgip3] { flex: 1 1 auto; }

  .smo-kart[b-8edcafgip3] { padding: 16px 12px; }

  .smo-kart__bas[b-8edcafgip3] { flex-direction: column; align-items: stretch; gap: 10px; }
  .smo-alan[b-8edcafgip3] { flex: 1 1 100%; max-width: none; }
  .smo-filtre .smo-btn[b-8edcafgip3] { flex: 1 1 auto; }

  .smo-kpis.au-kpis[b-8edcafgip3] { grid-template-columns: minmax(0, 1fr); }
  .smo-kpi.au-kpi[b-8edcafgip3] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .smo-kpi.au-kpi:last-child[b-8edcafgip3] { border-bottom: 0; }
  .smo-kpi__num.au-kpi__num[b-8edcafgip3] { font-size: var(--yazi-kpi, 20px); }

  .smo-tablo-kaydir[b-8edcafgip3] { max-height: min(460px, 62dvh); }
  .smo-tablo[b-8edcafgip3] { min-width: 640px; }
  .smo-tablo :is(th, td)[b-8edcafgip3] { padding: 10px; }

  .smo-popup[b-8edcafgip3] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .smo-popup-bas[b-8edcafgip3], .smo-popup-govde[b-8edcafgip3], .smo-popup-eylem[b-8edcafgip3] { padding: 12px; }
  .smo-popup-eylem .smo-btn[b-8edcafgip3] { flex: 1 1 auto; }
  .smo-olgular > div[b-8edcafgip3] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/PlatformKurallari.razor.rz.scp.css */
/* Platform içerik kuralları — Akademik Analiz kapak/yüzey/tablo ölçülerinin sayfa-scoped uyarlaması.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; cihaz sorguları
   docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. Yeni hex YOK — yalnız var(--*). */

.au-page.pk-vitrin[b-5g3zo9xlft] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.pk-vitrin.sp-sayfa[b-5g3zo9xlft] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.pk-kapak[b-5g3zo9xlft] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pk-kapak__ad[b-5g3zo9xlft] { min-width: 0; flex: 1 1 260px; }

.pk-kapak .au-title[b-5g3zo9xlft] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.pk-kapak__alt[b-5g3zo9xlft] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.pk-suzgec[b-5g3zo9xlft] { display: flex; align-items: flex-end; gap: 12px; min-width: 0; }
.pk-eylemler[b-5g3zo9xlft] { display: flex; flex-wrap: wrap; gap: 8px; }

.pk-alan[b-5g3zo9xlft] { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 0 1 210px; }

.pk-alan__etiket[b-5g3zo9xlft] {
  color: var(--metin-ipucu);
  font: 700 10px/1 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.pk-girdi[b-5g3zo9xlft] {
  min-width: 0;
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.pk-girdi[b-5g3zo9xlft]::placeholder { color: var(--metin-ipucu); }
.pk-girdi:focus-visible[b-5g3zo9xlft] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Düğmeler (referans kontrol taban çizgisi: 34 px / 12.5 px / 600) ── */
.pk-dugme[b-5g3zo9xlft] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.pk-dugme:hover:not(:disabled)[b-5g3zo9xlft] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.pk-dugme:disabled[b-5g3zo9xlft] { opacity: .6; cursor: default; }
.pk-dugme:focus-visible[b-5g3zo9xlft] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pk-dugme--ana[b-5g3zo9xlft] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.pk-dugme--ana:hover:not(:disabled)[b-5g3zo9xlft] { border-color: var(--marka-500); background: var(--marka-500); }
.pk-dugme--kucuk[b-5g3zo9xlft] { min-height: 30px; padding: 0 10px; font-size: 12px; }

/* ── Bölüm kartı ── */
.pk-bolum[b-5g3zo9xlft] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pk-bolum[b-5g3zo9xlft]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pk-bolum__bas[b-5g3zo9xlft] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.pk-bolum__ad[b-5g3zo9xlft] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pk-bolum__ad[b-5g3zo9xlft]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pk-bolum__sayi[b-5g3zo9xlft] { margin: 0; color: var(--n-500); font-size: 12px; font-variant-numeric: tabular-nums; }

/* ── Tablo: --marka-rampa-serit başlık, beyaz gövde, kendi alanında kaydırma ── */
.pk-kaydir[b-5g3zo9xlft] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.pk-tablo[b-5g3zo9xlft] { width: 100%; border-collapse: collapse; font-size: 13px; }

.pk-gizli[b-5g3zo9xlft] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Geçiş thead boyunca TEK parça çizilir; th arka planları şeffaftır (tablo referansı). */
.pk-tablo thead[b-5g3zo9xlft] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.pk-tablo thead th[b-5g3zo9xlft] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.pk-tablo tbody th[b-5g3zo9xlft],
.pk-tablo tbody td[b-5g3zo9xlft] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-ikincil);
  text-align: start;
  vertical-align: top;
}

.pk-tablo tbody tr:nth-child(even) th[b-5g3zo9xlft],
.pk-tablo tbody tr:nth-child(even) td[b-5g3zo9xlft] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pk-tablo tbody th[b-5g3zo9xlft] {
  color: var(--marka-700);
  font-weight: 650;
  white-space: nowrap;
}

.pk-tablo__sayi[b-5g3zo9xlft] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pk-tablo__not[b-5g3zo9xlft] { min-width: 200px; line-height: 1.5; }
.pk-tablo__islem[b-5g3zo9xlft] { text-align: end; }
.pk-yok[b-5g3zo9xlft] { color: var(--metin-ipucu); }

.pk-oranlar[b-5g3zo9xlft] { display: flex; flex-wrap: wrap; gap: 4px; }

.pk-oran[b-5g3zo9xlft] {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--marka-700);
  font: 600 11.5px var(--font-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── Boş ve yükleniyor ── */
.pk-bos[b-5g3zo9xlft] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.pk-bos p[b-5g3zo9xlft] { margin: 0; line-height: 1.6; }
.pk-bos--satirici[b-5g3zo9xlft] { padding: 28px 16px; }

.pk-iskelet[b-5g3zo9xlft] {
  height: 34px;
  margin-bottom: 10px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.pk-iskelet--kisa[b-5g3zo9xlft] { width: 62%; }

/* ── Görünür popup (native dialog, top layer) ── */
.pk-popup[b-5g3zo9xlft] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.pk-popup[open][b-5g3zo9xlft] { display: flex; flex-direction: column; }
.pk-popup[b-5g3zo9xlft]::backdrop { background: var(--scrim); }

/* 5 px marka şeridi ::before ile çizilir. border-image kullanılmaz: slice 1 dört kenara birden
   uygulanır ve alttaki 1 px --hat-kart ayracı da degradeyle boyanırdı (.pk-bolum::before ile aynı desen). */
.pk-popup__bas[b-5g3zo9xlft] {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 21px 18px 16px;
  border-bottom: 1px solid var(--hat-kart);
}

.pk-popup__bas[b-5g3zo9xlft]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.pk-popup__bas > div[b-5g3zo9xlft] { min-width: 0; }

.pk-popup__bas h2[b-5g3zo9xlft] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.pk-popup__bas h2:focus[b-5g3zo9xlft] { outline: none; }
.pk-popup__bas p[b-5g3zo9xlft] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.5; }

.pk-popup__kapat[b-5g3zo9xlft] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.pk-popup__kapat:hover[b-5g3zo9xlft] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.pk-popup__kapat:focus-visible[b-5g3zo9xlft] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.pk-popup__govde[b-5g3zo9xlft] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.pk-popup__eylemler[b-5g3zo9xlft] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.pk-ozet[b-5g3zo9xlft] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.pk-ozet > div[b-5g3zo9xlft] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.pk-ozet > div:nth-child(odd)[b-5g3zo9xlft] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.pk-ozet dt[b-5g3zo9xlft] { color: var(--n-500); }
.pk-ozet dd[b-5g3zo9xlft] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; line-height: 1.55; overflow-wrap: anywhere; }
.pk-ozet dd .pk-oranlar[b-5g3zo9xlft] { justify-content: flex-end; }

/* ── CİHAZ (telefon ∪ tablet): dokunma hedefleri ve yapışık ilk sütun ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pk-kapak[b-5g3zo9xlft] { padding: 16px; }
  .pk-dugme[b-5g3zo9xlft] { min-height: 44px; }
  .pk-popup__kapat[b-5g3zo9xlft] { min-height: 44px; }
  .pk-girdi[b-5g3zo9xlft] { height: 44px; font-size: max(16px, 1rem); }

  .pk-tablo__yapisik[b-5g3zo9xlft] { position: sticky; left: 0; z-index: 1; }
  /* Yapışık ilk sütun opak zemin ister; başlıkta geçişin 0% durağı (--marka-500) kullanılır. */
  .pk-tablo thead .pk-tablo__yapisik[b-5g3zo9xlft] { z-index: 3; background: var(--marka-500); }
  .pk-tablo tbody .pk-tablo__yapisik[b-5g3zo9xlft] { background: var(--yuzey); }
  .pk-tablo tbody tr:nth-child(even) .pk-tablo__yapisik[b-5g3zo9xlft] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .pk-kapak[b-5g3zo9xlft] { padding: 12px; }
  .pk-kapak .au-title[b-5g3zo9xlft] { font-size: var(--yazi-kapak, 20px); }
  .pk-kapak__alt[b-5g3zo9xlft] { font-size: var(--yazi-kucuk, 12px); }
  .pk-suzgec[b-5g3zo9xlft] { flex-basis: 100%; }
  .pk-alan[b-5g3zo9xlft] { flex: 1 1 auto; }
  .pk-eylemler[b-5g3zo9xlft] { width: 100%; }
  .pk-eylemler .pk-dugme[b-5g3zo9xlft] { flex: 1; }
  .pk-bolum[b-5g3zo9xlft] { padding: 16px 12px; }
  .pk-bolum__ad[b-5g3zo9xlft] { font-size: var(--yazi-bolum, 14px); }
  .pk-tablo[b-5g3zo9xlft] { font-size: var(--yazi-govde, 13px); }
  .pk-tablo thead th[b-5g3zo9xlft], .pk-tablo tbody th[b-5g3zo9xlft], .pk-tablo tbody td[b-5g3zo9xlft] { padding: 10px; }
  .pk-tablo__not[b-5g3zo9xlft] { min-width: 180px; }
  .pk-popup[b-5g3zo9xlft] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .pk-popup__govde[b-5g3zo9xlft], .pk-popup__eylemler[b-5g3zo9xlft] { padding: 12px; }
  .pk-popup__bas[b-5g3zo9xlft] { padding: 17px 12px 12px; }   /* 12 + 5 px marka şeridi */
  .pk-popup__bas h2[b-5g3zo9xlft] { font-size: 18px; }
  .pk-popup__eylemler .pk-dugme[b-5g3zo9xlft] { flex: 1 1 auto; }
  .pk-ozet > div[b-5g3zo9xlft] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 10px 6px; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/RagArama.razor.rz.scp.css */
/* Sosyal Medya — RAG semantik arama. Akademik Analiz'in kapak, sekme, yüzey ve popup ölçüleri;
   yalnız mevcut var(--*) token'ları. Yeni hex, !important ve sabit spacer yok. */

.au-page.ra-vitrin[b-u7mue81sih] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}
.ra-vitrin--panel[b-u7mue81sih] { color: var(--metin-murekkep); font-family: var(--font-body); }

/* ── Kapak: başlık + sorgu + kapsam + ana eylem tek beyaz yüzeyde ───────── */
.ra-kapak[b-u7mue81sih] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik baslik"
    "sorgu sorgu sorgu"
    "suzgec suzgec eylem";
  align-items: end;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  /* Alt dolgu: mutlak konumlanan süzgeç ipucu kapak sınırına değmesin. */
  padding: 16px 24px 26px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}
.ra-vitrin--panel .ra-kapak[b-u7mue81sih] {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "sorgu sorgu"
    "suzgec eylem";
  /* Panel modunda da mutlak ipucuna yer aç. */
  padding: 14px 16px 24px;
}

.ra-kapak[b-u7mue81sih] >  .au-breadcrumb { grid-area: geri; justify-self: start; align-self: center; }
.ra-kapak__ad[b-u7mue81sih] { grid-area: baslik; min-width: 0; align-self: center; }
.ra-kapak__sorgu[b-u7mue81sih] { grid-area: sorgu; min-width: 0; }
.ra-kapak__suzgec[b-u7mue81sih] { grid-area: suzgec; }
.ra-kapak__eylem[b-u7mue81sih] { grid-area: eylem; justify-self: end; align-self: end; }

.ra-kapak__ad .au-title[b-u7mue81sih] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.ra-kapak__alt[b-u7mue81sih] { margin: 4px 0 0; font-size: 12px; color: var(--metin-ipucu); }

.ra-kapak__suzgec[b-u7mue81sih] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}
.ra-alan[b-u7mue81sih] { flex: 0 1 176px; min-width: 0; max-width: 210px; }
.ra-alan--dar[b-u7mue81sih] { flex: 0 1 132px; }

/* İpucu akışta dururken alanı ~24px uzatıyor; align-items:flex-end alt kenarları
   hizaladığından ipuçlu alanın etiketi/girdisi komşularından yukarı kaçıyordu.
   İpucunu akıştan çıkarıp girdinin hemen altına asıyoruz; metin korunur (aria-describedby). */
.ra-kapak__suzgec .ra-alan[b-u7mue81sih] { position: relative; }
.ra-kapak__suzgec[b-u7mue81sih]  .app-field__hint {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  margin-top: 4px;
}

.ra-kapak[b-u7mue81sih]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
.ra-kapak[b-u7mue81sih]  .app-input {
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  font-size: 13px;
  font-weight: 500;
}
.ra-kapak__suzgec[b-u7mue81sih]  .app-input { min-height: 34px; padding-inline: 12px; }
.ra-kapak__sorgu[b-u7mue81sih]  .app-richtext__area { min-height: 56px; line-height: 1.55; }

/* ── Düğmeler ───────────────────────────────────────────────────────────── */
.ra-vitrin .au-btn[b-u7mue81sih],
.ra-popup .au-btn[b-u7mue81sih] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}
.ra-vitrin .au-btn:hover:not(:disabled)[b-u7mue81sih],
.ra-popup .au-btn:hover:not(:disabled)[b-u7mue81sih] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.ra-vitrin .au-btn--primary[b-u7mue81sih],
.ra-popup .au-btn--primary[b-u7mue81sih] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.ra-vitrin .au-btn--primary:hover:not(:disabled)[b-u7mue81sih],
.ra-popup .au-btn--primary:hover:not(:disabled)[b-u7mue81sih] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.ra-vitrin .au-btn:disabled[b-u7mue81sih],
.ra-popup .au-btn:disabled[b-u7mue81sih] { opacity: .55; cursor: not-allowed; }
.ra-vitrin .au-btn:focus-visible[b-u7mue81sih],
.ra-popup .au-btn:focus-visible[b-u7mue81sih],
.ra-panel:focus-visible[b-u7mue81sih] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri ────────────────────────────────────────────────────── */
.ra-sekmeler[b-u7mue81sih] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}
.ra-sekme[b-u7mue81sih] {
  --ra-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}
.ra-sekme:nth-child(2)[b-u7mue81sih] { --ra-sekme-vurgu: var(--marka-rampa-uc); }
.ra-sekme:hover[b-u7mue81sih] { background: color-mix(in srgb, var(--ra-sekme-vurgu) 14%, var(--yuzey)); color: var(--ra-sekme-vurgu); }
.ra-sekme[aria-selected="true"][b-u7mue81sih] { background: var(--ra-sekme-vurgu); color: var(--yuzey); }
.ra-sekme:focus-visible[b-u7mue81sih] { outline: 2px solid var(--ra-sekme-vurgu); outline-offset: 2px; }

.ra-panel[b-u7mue81sih] { min-width: 0; }

/* ── Bölüm kartı ────────────────────────────────────────────────────────── */
.ra-bolum[b-u7mue81sih] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.ra-bolum[b-u7mue81sih]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}
.ra-bolum__baslik[b-u7mue81sih] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ra-bolum__ad[b-u7mue81sih] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}
.ra-bolum__ad[b-u7mue81sih]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.ra-bolum__meta[b-u7mue81sih] { font-size: 12px; color: var(--metin-ipucu); }

.ra-hata[b-u7mue81sih] { margin-bottom: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

.ra-bos[b-u7mue81sih] { align-items: center; text-align: center; }
.ra-bos p[b-u7mue81sih],
.ra-bos__metin[b-u7mue81sih] {
  margin: 0;
  max-width: 62ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Sonuç listesi ──────────────────────────────────────────────────────── */
.ra-hitlist[b-u7mue81sih] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
}
.ra-hit[b-u7mue81sih] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 10px;
  border-radius: var(--kose-dugme);
}
.ra-hit:nth-child(odd)[b-u7mue81sih] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.ra-hit__ust[b-u7mue81sih] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ra-hit__sira[b-u7mue81sih] {
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 3px 7px 7px 7px;
  background: var(--marka-600);
  color: var(--on-brand);
  font: 700 11.5px/1 var(--font-body);
  font-variant-numeric: tabular-nums;
}
.ra-hit__meta[b-u7mue81sih] { font-size: 11.5px; color: var(--metin-ipucu); }
.ra-hit__skor[b-u7mue81sih] {
  margin-inline-start: auto;
  font: 700 12.5px/1 var(--font-body);
  font-variant-numeric: tabular-nums;
  color: var(--marka-rampa-uc);
}

.ra-hit__olcek[b-u7mue81sih] {
  height: 4px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  overflow: hidden;
}
.ra-hit__olcek-dolu[b-u7mue81sih] {
  display: block;
  height: 100%;
  background: var(--marka-rampa-serit);
}

.ra-hit__metin[b-u7mue81sih] {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ra-hit__eylem[b-u7mue81sih] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Tanılama sayaçları ─────────────────────────────────────────────────── */
.ra-sayac[b-u7mue81sih] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}
.ra-sayac__hucre[b-u7mue81sih] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-right: 1px solid var(--hat-kart);
}
.ra-sayac__hucre:last-child[b-u7mue81sih] { border-right: 0; }
.ra-sayac__bant[b-u7mue81sih] {
  margin: 0;
  padding: 0 16px;
  min-height: 30px;
  display: flex;
  align-items: center;
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--on-brand);
  background: var(--marka-600);
}
.ra-sayac__hucre:nth-child(2) .ra-sayac__bant[b-u7mue81sih] { background: var(--marka-rampa-orta); }
.ra-sayac__hucre:nth-child(3) .ra-sayac__bant[b-u7mue81sih] { background: var(--marka-rampa-uc); }
.ra-sayac__govde[b-u7mue81sih] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 7px 16px 15px;
}
.ra-sayac__deger[b-u7mue81sih] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}
.ra-sayac__alt[b-u7mue81sih] { font-size: 11.5px; line-height: 1.4; color: var(--metin-ikincil); }

.ra-ayrinti[b-u7mue81sih] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.ra-ayrinti > div[b-u7mue81sih] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}
.ra-ayrinti > div:nth-child(odd)[b-u7mue81sih] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.ra-ayrinti dt[b-u7mue81sih] { color: var(--metin-ipucu); }
.ra-ayrinti dd[b-u7mue81sih] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.ra-arac[b-u7mue81sih] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}
.ra-arac__ad h3[b-u7mue81sih] {
  margin: 0;
  font: 700 13px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}
.ra-arac__ad p[b-u7mue81sih] { margin: 2px 0 0; font-size: 12px; color: var(--metin-ipucu); }

/* ── Yükleme iskeleti ───────────────────────────────────────────────────── */
.ra-iskelet[b-u7mue81sih] { display: flex; flex-direction: column; gap: 10px; }
.ra-iskelet__satir[b-u7mue81sih] {
  height: 14px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}
.ra-iskelet__satir--kisa[b-u7mue81sih] { width: 60%; }

/* ── Görünür popup (native dialog, top layer) ───────────────────────────── */
.ra-popup[b-u7mue81sih] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.ra-popup--dar[b-u7mue81sih] { width: min(520px, calc(100vw - 48px)); }
.ra-popup[open][b-u7mue81sih] { display: flex; flex-direction: column; }
.ra-popup[b-u7mue81sih]::backdrop { background: var(--scrim); }

.ra-popup__baslik[b-u7mue81sih] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.ra-popup__baslik h2[b-u7mue81sih] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  letter-spacing: -.02em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.ra-popup__baslik h2:focus[b-u7mue81sih] { outline: none; }
.ra-popup__baslik p[b-u7mue81sih] { margin: 4px 0 0; font-size: 12px; color: var(--metin-ipucu); }
.ra-popup__kapat[b-u7mue81sih] {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 34px;
  min-width: 34px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.ra-popup__govde[b-u7mue81sih] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.ra-popup__parca[b-u7mue81sih] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ra-popup__onizleme[b-u7mue81sih] {
  margin: 0;
  font-size: 12px;
  color: var(--metin-ipucu);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.ra-popup__eylem[b-u7mue81sih] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ: dokunma hedefleri ve girdi ölçüsü ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ra-vitrin .au-btn[b-u7mue81sih],
  .ra-popup .au-btn[b-u7mue81sih],
  .ra-sekme[b-u7mue81sih] { min-height: 44px; }
  .ra-popup__kapat[b-u7mue81sih] { width: 44px; min-width: 44px; font-size: 24px; }
  .ra-kapak[b-u7mue81sih]  .app-input,
  .ra-popup__govde[b-u7mue81sih]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
  .ra-sekmeler[b-u7mue81sih] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .ra-sekme[b-u7mue81sih] { flex: 0 0 auto; }
  .ra-sayac[b-u7mue81sih] { grid-template-columns: minmax(0, 1fr); }
  .ra-sayac__hucre[b-u7mue81sih] { border-right: 0; border-bottom: 1px solid var(--hat-kart); }
  .ra-sayac__hucre:last-child[b-u7mue81sih] { border-bottom: 0; }
}

/* ── TELEFON: tek sütun, eylemler başlığın altında ─────────────────────── */
@media (max-width: 640px) {
  .ra-kapak[b-u7mue81sih] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "sorgu sorgu"
      "suzgec suzgec"
      "eylem eylem";
    padding: 12px;
  }
  .ra-vitrin--panel .ra-kapak[b-u7mue81sih] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "sorgu" "suzgec" "eylem";
  }
  .ra-kapak__ad .au-title[b-u7mue81sih] { font-size: var(--yazi-kapak, 20px); }
  .ra-kapak__suzgec[b-u7mue81sih] { flex-direction: column; align-items: stretch; }
  .ra-alan[b-u7mue81sih],
  .ra-alan--dar[b-u7mue81sih] { flex: 1 1 auto; max-width: none; }
  /* Satır dikey olduğu için mutlak ipucu bir sonraki alanın üstüne binerdi; akışa dönüyor. */
  .ra-kapak__suzgec[b-u7mue81sih]  .app-field__hint { position: static; margin-top: 0; }
  .ra-kapak__eylem[b-u7mue81sih] { justify-self: stretch; }
  .ra-kapak__eylem .au-btn[b-u7mue81sih] { width: 100%; }

  .ra-bolum[b-u7mue81sih] { padding: 16px 12px; }
  .ra-bolum__ad[b-u7mue81sih] { font-size: var(--yazi-bolum, 14px); }
  .ra-sayac__deger[b-u7mue81sih] { font-size: var(--yazi-kpi, 20px); }
  .ra-ayrinti > div[b-u7mue81sih] { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 10px 6px; }
  .ra-ayrinti dd[b-u7mue81sih] { text-align: start; }
  .ra-hit__skor[b-u7mue81sih] { margin-inline-start: 0; }
  .ra-hit__eylem .au-btn[b-u7mue81sih] { flex: 1 1 auto; }

  .ra-popup[b-u7mue81sih],
  .ra-popup--dar[b-u7mue81sih] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .ra-popup__baslik[b-u7mue81sih],
  .ra-popup__govde[b-u7mue81sih],
  .ra-popup__eylem[b-u7mue81sih] { padding: 12px; }
  .ra-popup__eylem .au-btn[b-u7mue81sih] { flex: 1 1 auto; }
}

/* ── Geniş masaüstü: başlık solda, kapsam + eylem sağ kenarda ──────────── */
@media (min-width: 1540px) {
  .ra-kapak[b-u7mue81sih] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik sorgu sorgu"
      ". . suzgec eylem";
  }
  .ra-kapak__suzgec[b-u7mue81sih] { justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .ra-vitrin .au-btn[b-u7mue81sih],
  .ra-popup .au-btn[b-u7mue81sih] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/SosyalMedyaHub.razor.rz.scp.css */
/* Sosyal medya hub'ı — Akademik Analiz kapak/sekme/yüzey ölçülerinin sayfa-scoped uyarlaması.
   Sekme şeridi ölçüleri: beyaz zemin, 1 px sınır, 6 px iç boşluk, 4 px öğe aralığı,
   içerikten 16 px uzaklık, masaüstü ≥34 px / cihaz ≥44 px (akademik-analiz.md).
   Cihaz sorguları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. Yeni hex YOK. */

.au-page.smh-vitrin[b-11en2wx7pz] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.smh-kapak[b-11en2wx7pz] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.smh-kapak__ad[b-11en2wx7pz] { min-width: 0; flex: 1 1 260px; }

.smh-kapak .au-title[b-11en2wx7pz] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.smh-kapak__alt[b-11en2wx7pz] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.5; }

.smh-suzgec[b-11en2wx7pz] { display: flex; align-items: flex-end; gap: 12px; min-width: 0; }

.smh-alan[b-11en2wx7pz] { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 0 1 230px; }

.smh-alan__etiket[b-11en2wx7pz] {
  color: var(--metin-ipucu);
  font: 700 10px/1 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.smh-girdi[b-11en2wx7pz] {
  min-width: 0;
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.smh-girdi[b-11en2wx7pz]::placeholder { color: var(--metin-ipucu); }
.smh-girdi:focus-visible[b-11en2wx7pz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.smh-dugme[b-11en2wx7pz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.smh-dugme:hover[b-11en2wx7pz] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.smh-dugme:focus-visible[b-11en2wx7pz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm sekmeleri ── */
.smh-sekmeler[b-11en2wx7pz] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.smh-sekme[b-11en2wx7pz] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.smh-sekme:hover[b-11en2wx7pz] { background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey)); color: var(--marka-700); }
.smh-sekme:focus-visible[b-11en2wx7pz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.smh-sekme[aria-selected="true"][b-11en2wx7pz],
.smh-sekme[aria-selected="true"]:hover[b-11en2wx7pz] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.smh-sekme__sayi[b-11en2wx7pz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--marka-600) 12%, var(--yuzey));
  color: var(--marka-700);
  font: 700 11px var(--font-body);
  font-variant-numeric: tabular-nums;
}

.smh-sekme[aria-selected="true"] .smh-sekme__sayi[b-11en2wx7pz] {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
  color: var(--on-brand);
}

/* ── Bölüm paneli ── */
.smh-bolum[b-11en2wx7pz] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.smh-bolum:focus-visible[b-11en2wx7pz] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.smh-bolum[b-11en2wx7pz]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.smh-bolum__bas[b-11en2wx7pz] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.smh-bolum__ad[b-11en2wx7pz] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.smh-bolum__ad[b-11en2wx7pz]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.smh-bolum__sayi[b-11en2wx7pz] { margin: 0; color: var(--n-500); font-size: 12px; font-variant-numeric: tabular-nums; }

.smh-grup__ad[b-11en2wx7pz] {
  margin: 18px 0 10px;
  color: var(--metin-ikincil);
  font: 700 12.5px/1.4 var(--font-body);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.smh-grup__ad:first-of-type[b-11en2wx7pz] { margin-top: 0; }

.smh-bos[b-11en2wx7pz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.smh-bos p[b-11en2wx7pz] { margin: 0; line-height: 1.6; }

/* Hub kartları alt bileşende doğuyor → ::deep şart. Referans yüzey ve köşe imzası. */
.smh-bolum[b-11en2wx7pz]  .hub-grid { gap: 12px; }

.smh-bolum[b-11en2wx7pz]  .hub-card {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: none;
}

.smh-bolum[b-11en2wx7pz]  .hub-card:hover {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.smh-bolum[b-11en2wx7pz]  .hub-card:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.smh-bolum[b-11en2wx7pz]  .hub-card__title {
  color: var(--marka-700);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.012em;
}

.smh-bolum[b-11en2wx7pz]  .hub-card__desc { color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.5; }

/* ── CİHAZ (telefon ∪ tablet): tek yatay kaydırılabilir şerit, 44 px hedefler ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .smh-kapak[b-11en2wx7pz] { padding: 16px; }
  .smh-dugme[b-11en2wx7pz] { min-height: 44px; }
  .smh-girdi[b-11en2wx7pz] { height: 44px; font-size: max(16px, 1rem); }
  .smh-sekmeler[b-11en2wx7pz] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .smh-sekme[b-11en2wx7pz] { min-height: 44px; flex: 0 0 auto; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .smh-kapak[b-11en2wx7pz] { padding: 12px; }
  .smh-kapak .au-title[b-11en2wx7pz] { font-size: var(--yazi-kapak, 20px); }
  .smh-kapak__alt[b-11en2wx7pz] { font-size: var(--yazi-kucuk, 12px); }
  .smh-suzgec[b-11en2wx7pz] { flex-basis: 100%; }
  .smh-alan[b-11en2wx7pz] { flex: 1 1 auto; }
  .smh-bolum[b-11en2wx7pz] { padding: 16px 12px; }
  .smh-bolum__ad[b-11en2wx7pz] { font-size: var(--yazi-bolum, 14px); }
  .smh-bolum[b-11en2wx7pz]  .hub-card__title { font-size: var(--yazi-bolum, 14px); }
  .smh-bolum[b-11en2wx7pz]  .hub-card__desc { font-size: var(--yazi-kucuk, 12px); }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/Takvim.razor.rz.scp.css */
/* Yayın takvimi — Akademik Analiz görsel dili (sayfa-scoped).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 24/16/18 px dolgu, radius 3px 0 0 0, h1 23px/700 --marka-700; kontrol 34 px /
   --kose-dugme; bölüm kartı 18 px dolgu, --kose-bolum ve 5 px marka geçişi şerit.
   Ay ızgarasının gün başlığı satırı tablo standardındaki --marka-rampa-serit geçişini kullanır
   ve üstte sabit kalır; ızgara kendi sınırlı alanında yatay kayar, sayfanın tamamını taşırmaz.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.tk-vitrin[b-egwc12c2nw] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────────── */
.tk-kapak[b-egwc12c2nw] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tk-kapak__ad[b-egwc12c2nw] {
  min-width: 0;
  margin-right: auto;
}

.tk-kapak__baslik[b-egwc12c2nw] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.tk-kapak__suzgec[b-egwc12c2nw] {
  display: flex;
  /* `.tk-kapak__ad { margin-right: auto }` tüm boşluğu yutunca bu kap
     shrink-to-fit ölçülüyordu ve onay kutusu ikinci satıra düşüyordu. */
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.tk-alan[b-egwc12c2nw] {
  display: flex;
  /* Büzülme kapalı: sarmalı kabın intrinsic ölçümü deterministik kalsın
     (telefonda satır 718'deki `flex: 1 1 auto` bu kuralı zaten eziyor). */
  flex: 0 0 176px;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  max-width: 210px;
}

.tk-alan__etiket[b-egwc12c2nw] {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.tk-onay[b-egwc12c2nw] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.tk-vitrin .app-input.tk-girdi[b-egwc12c2nw] {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.tk-vitrin textarea.app-input.tk-girdi[b-egwc12c2nw] {
  min-height: 76px;
  padding: 10px 12px;
  font-family: var(--font-body);
  resize: vertical;
}

.tk-kapak__eylem[b-egwc12c2nw] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tk-vitrin .au-btn[b-egwc12c2nw] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  box-shadow: none;
}

.tk-vitrin .au-btn:hover:not(:disabled)[b-egwc12c2nw] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.tk-vitrin .au-btn--primary[b-egwc12c2nw] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.tk-vitrin .au-btn--primary:hover:not(:disabled)[b-egwc12c2nw] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.tk-vitrin .au-btn:disabled[b-egwc12c2nw] {
  opacity: 0.55;
  cursor: default;
}

.tk-vitrin :is(.au-btn, .tk-tab, .tk-girdi, .tk-panel, .tk-cell__day, .tk-chip):focus-visible[b-egwc12c2nw] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri ───────────────────────────────────────────────────── */
.tk-tabs[b-egwc12c2nw] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.tk-tab[b-egwc12c2nw] {
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px var(--font-body);
  cursor: pointer;
}

.tk-tab:hover:not(.is-active)[b-egwc12c2nw] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.tk-tab.is-active[b-egwc12c2nw] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.tk-panel:focus-visible[b-egwc12c2nw] {
  outline-offset: 4px;
}

.tk-bolum-baslik[b-egwc12c2nw] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.tk-bolum-baslik[b-egwc12c2nw]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Gün kartları ve satırlar ──────────────────────────────────────────── */
.tk-days[b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tk-day[b-egwc12c2nw] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tk-day[b-egwc12c2nw]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tk-day__bar[b-egwc12c2nw] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.tk-day__head[b-egwc12c2nw] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  text-transform: capitalize;
}

.tk-selected[b-egwc12c2nw] {
  margin-top: 16px;
}

.tk-bos-metin[b-egwc12c2nw] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.tk-slots[b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tk-slot[b-egwc12c2nw] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  padding: 10px 13px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.tk-slot__time[b-egwc12c2nw] {
  color: var(--marka-600);
  font: 700 14px/1.4 var(--font-display);
  font-variant-numeric: tabular-nums;
}

.tk-slot__body[b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.tk-slot__ust[b-egwc12c2nw] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.tk-slot__platform[b-egwc12c2nw] {
  color: var(--metin-ikincil);
  font: 600 12px var(--font-body);
}

/* Tür rozeti satırın yönetilebilir olup olmadığını açıklar → bilgi, dekor değil (AA kontrast). */
.tk-slot__tur[b-egwc12c2nw] {
  padding: 1px 7px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 11px;
}

.tk-slot__cap[b-egwc12c2nw] {
  overflow: hidden;
  color: var(--metin-murekkep);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tk-slot__alt[b-egwc12c2nw] {
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.tk-slot__edit[b-egwc12c2nw] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.tk-badge[b-egwc12c2nw] {
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font: 600 11.5px var(--font-body);
  white-space: nowrap;
}

.tk-badge--ok[b-egwc12c2nw] {
  color: var(--marka-rampa-uc);
  border-color: color-mix(in srgb, var(--marka-rampa-uc) 45%, transparent);
}

.tk-badge--info[b-egwc12c2nw] {
  color: var(--marka-600);
  border-color: color-mix(in srgb, var(--marka-600) 45%, transparent);
}

.tk-badge--warn[b-egwc12c2nw] {
  color: var(--marka-rampa-orta);
  border-color: color-mix(in srgb, var(--marka-rampa-orta) 45%, transparent);
}

.tk-badge--danger[b-egwc12c2nw] {
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger) 45%, transparent);
}

.tk-badge--muted[b-egwc12c2nw] {
  color: var(--metin-ikincil);
}

/* ── Boş durum ─────────────────────────────────────────────────────────── */
.tk-bos[b-egwc12c2nw] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tk-bos[b-egwc12c2nw]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tk-bos p[b-egwc12c2nw] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── Ay görünümü ───────────────────────────────────────────────────────── */
.tk-month[b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tk-month__nav[b-egwc12c2nw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.tk-month__label[b-egwc12c2nw] {
  color: var(--marka-700);
  font: 700 15px/1.4 var(--font-display);
  text-transform: capitalize;
  font-variant-numeric: tabular-nums;
}

/* Uzun ızgara kendi alanında kayar; sayfanın tamamı taşmaz. */
.tk-izgara-kap[b-egwc12c2nw] {
  max-height: min(620px, 72dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

.tk-grid[b-egwc12c2nw] {
  display: grid;
  grid-template-columns: repeat(7, minmax(108px, 1fr));
  gap: 1px;
  min-width: 756px;
  background: var(--hat-kart);
}

/* Tablo başlığı standardı: mavi → petrol geçişi başlık satırı boyunca tek parça,
   dikey kaydırmada üstte sabit kalır. */
.tk-grid__dow[b-egwc12c2nw] {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 0;
  background: var(--marka-rampa-serit);
  color: var(--on-brand);
  font: 700 11.5px var(--font-body);
  letter-spacing: 0.07em;
  text-align: center;
  text-transform: uppercase;
}

.tk-cell[b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 92px;
  padding: 5px;
  background: var(--yuzey);
}

.tk-cell--blank[b-egwc12c2nw] {
  min-height: 0;
  background: color-mix(in srgb, var(--hat-kart) 25%, var(--yuzey));
}

.tk-cell.is-today[b-egwc12c2nw] {
  box-shadow: inset 0 0 0 2px var(--turkuaz-500);
}

.tk-cell.is-selected[b-egwc12c2nw] {
  box-shadow: inset 0 0 0 2px var(--marka-600);
}

.tk-cell__day[b-egwc12c2nw] {
  align-self: flex-start;
  min-height: 24px;
  padding: 1px 6px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--metin-ikincil);
  font: 700 12px var(--font-body);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}

.tk-cell__day:hover[b-egwc12c2nw] {
  background: color-mix(in srgb, var(--marka-600) 12%, var(--yuzey));
  color: var(--marka-600);
}

.tk-chip[b-egwc12c2nw] {
  overflow: hidden;
  padding: 2px 6px;
  border: 0;
  border-left: 3px solid var(--metin-ipucu);
  border-radius: 0 8px 8px 0;
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 11.5px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.tk-chip--ok[b-egwc12c2nw] {
  border-left-color: var(--marka-rampa-uc);
}

.tk-chip--info[b-egwc12c2nw] {
  border-left-color: var(--marka-600);
}

.tk-chip--warn[b-egwc12c2nw] {
  border-left-color: var(--marka-rampa-orta);
}

.tk-chip--danger[b-egwc12c2nw] {
  border-left-color: var(--danger);
}

.tk-chip--muted[b-egwc12c2nw] {
  border-left-color: var(--metin-ipucu);
}

/* Tıklanabilir "+N daha" → etkileşimli metin, AA kontrast şart. */
.tk-cell__more[b-egwc12c2nw] {
  padding: 0 6px;
  border: 0;
  background: none;
  color: var(--metin-ikincil);
  font-size: 11px;
  text-align: left;
  cursor: pointer;
}

/* ── Görünür popup (native dialog) ─────────────────────────────────────── */
.tk-popup[b-egwc12c2nw] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--ust-golge);
  overflow: hidden;
}

.tk-popup--genis[b-egwc12c2nw] {
  width: min(720px, calc(100vw - 48px));
}

.tk-popup[open][b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
}

.tk-popup[b-egwc12c2nw]::backdrop {
  background: var(--scrim);
}

.tk-popup__baslik[b-egwc12c2nw] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.tk-popup__baslik > div[b-egwc12c2nw] {
  min-width: 0;
}

.tk-popup__baslik h2[b-egwc12c2nw] {
  margin: 0;
  color: var(--marka-700);
  font: 700 20px/1.2 var(--font-display);
  overflow-wrap: anywhere;
}

.tk-popup__baslik p[b-egwc12c2nw] {
  margin: 8px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.tk-popup__kapat[b-egwc12c2nw] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  min-height: 44px;
  padding: 0;
  font-size: 22px;
}

.tk-popup__govde[b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.tk-popup__eylemler[b-egwc12c2nw] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.tk-popup .au-btn[b-egwc12c2nw] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  box-shadow: none;
}

.tk-popup .au-btn--primary[b-egwc12c2nw] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.tk-popup .au-btn--danger[b-egwc12c2nw] {
  background: var(--danger);
  border-color: var(--danger);
  color: var(--on-brand);
}

.tk-popup .au-btn:disabled[b-egwc12c2nw] {
  opacity: 0.55;
  cursor: default;
}

.tk-popup .app-input.tk-girdi[b-egwc12c2nw] {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.tk-popup textarea.app-input.tk-girdi[b-egwc12c2nw] {
  min-height: 76px;
  padding: 10px 12px;
  font-family: var(--font-body);
  resize: vertical;
}

.tk-popup__hata[b-egwc12c2nw] {
  margin: 0;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

.tk-popup__not[b-egwc12c2nw] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.tk-bant[b-egwc12c2nw] {
  margin: 0;
  border-radius: var(--kose-dugme);
}

.tk-label[b-egwc12c2nw] {
  color: var(--metin-murekkep);
  font: 600 13px var(--font-body);
}

.tk-label span[b-egwc12c2nw] {
  color: var(--danger);
}

.tk-datetime[b-egwc12c2nw] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.tk-field[b-egwc12c2nw] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

/* ── TELEFON ───────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .tk-kapak[b-egwc12c2nw] {
    align-items: stretch;
    padding: 14px 16px 16px;
  }

  .tk-kapak__baslik[b-egwc12c2nw] {
    font-size: 20px;
  }

  .tk-kapak__suzgec[b-egwc12c2nw],
  .tk-kapak__eylem[b-egwc12c2nw] {
    width: 100%;
  }

  .tk-alan[b-egwc12c2nw] {
    flex: 1 1 auto;
    max-width: none;
  }

  .tk-kapak__eylem > *[b-egwc12c2nw] {
    flex: 1 1 0;
    justify-content: center;
  }

  .tk-tabs[b-egwc12c2nw] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .tk-tab[b-egwc12c2nw] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .tk-day[b-egwc12c2nw] {
    padding: 14px;
  }

  .tk-day__head[b-egwc12c2nw] {
    font-size: 14px;
  }

  .tk-slot[b-egwc12c2nw] {
    grid-template-columns: auto minmax(0, 1fr);
    row-gap: 6px;
  }

  .tk-badge[b-egwc12c2nw] {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .tk-slot__edit > .au-btn[b-egwc12c2nw] {
    flex: 1 1 0;
    justify-content: center;
  }

  .tk-datetime[b-egwc12c2nw] {
    grid-template-columns: 1fr;
  }

  .tk-popup[b-egwc12c2nw],
  .tk-popup--genis[b-egwc12c2nw] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .tk-popup__baslik[b-egwc12c2nw],
  .tk-popup__govde[b-egwc12c2nw],
  .tk-popup__eylemler[b-egwc12c2nw] {
    padding: 12px;
  }

  .tk-popup__baslik h2[b-egwc12c2nw] {
    font-size: 18px;
  }

  .tk-popup__eylemler > .au-btn[b-egwc12c2nw] {
    flex: 1 1 0;
    justify-content: center;
  }
}

/* ── TABLET ────────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .tk-kapak__suzgec[b-egwc12c2nw] {
    flex: 1 1 auto;
  }
}

/* Masaüstü/tablet: süzgeç ve eylemler sarınca sağ kenarda hizalı kalsın.
   Telefonda kaplar zaten tam genişlik olduğu için 641px altında uygulanmaz. */
@media (min-width: 641px) {
  .tk-kapak__suzgec[b-egwc12c2nw],
  .tk-kapak__eylem[b-egwc12c2nw] {
    justify-content: flex-end;
  }
}

/* Dokunmatik: hedef en az 44 px, girdi 16 px (yakınlaştırma tetiklenmez). */
@media (pointer: coarse) {
  .tk-vitrin .au-btn[b-egwc12c2nw],
  .tk-popup .au-btn[b-egwc12c2nw],
  .tk-tab[b-egwc12c2nw] {
    min-height: 44px;
  }

  .tk-vitrin .app-input.tk-girdi[b-egwc12c2nw],
  .tk-popup .app-input.tk-girdi[b-egwc12c2nw] {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .tk-cell__day[b-egwc12c2nw] {
    min-height: 32px;
  }
}

/* ── MASAÜSTÜ ──────────────────────────────────────────────────────────── */
@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .tk-kapak[b-egwc12c2nw] {
    flex-wrap: nowrap;
  }

  .tk-grid[b-egwc12c2nw] {
    min-width: 0;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/Tercihler.razor.rz.scp.css */
/* İçerik tercihleri — Akademik Analiz kapak/yüzey/tipografi ölçülerinin sayfa-scoped uyarlaması.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md; cihaz sorguları
   docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. Yeni hex YOK — yalnız var(--*). */

.au-page.tr-vitrin[b-z82qmj1f0m] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.tr-vitrin.sp-sayfa[b-z82qmj1f0m] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.tr-kapak[b-z82qmj1f0m] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.tr-kapak__ad[b-z82qmj1f0m] { min-width: 0; flex: 1 1 300px; }

.tr-kapak .au-title[b-z82qmj1f0m] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.tr-kapak__alt[b-z82qmj1f0m] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.5; max-width: 68ch; }

.tr-eylemler[b-z82qmj1f0m] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ── Düğmeler ── */
.tr-dugme[b-z82qmj1f0m] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.tr-dugme:hover:not(:disabled)[b-z82qmj1f0m] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.tr-dugme:disabled[b-z82qmj1f0m] { opacity: .6; cursor: default; }
.tr-dugme:focus-visible[b-z82qmj1f0m] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tr-dugme--ana[b-z82qmj1f0m] { border-color: var(--marka-600); background: var(--marka-600); color: var(--on-brand); }
.tr-dugme--ana:hover:not(:disabled)[b-z82qmj1f0m] { border-color: var(--marka-500); background: var(--marka-500); }

.tr-dugme--tehlike[b-z82qmj1f0m] { border-color: var(--danger); color: var(--danger); }
.tr-dugme--tehlike:hover:not(:disabled)[b-z82qmj1f0m] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
}

/* ── Bölüm kartı / form ── */
.tr-bolum[b-z82qmj1f0m] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.tr-bolum[b-z82qmj1f0m]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tr-bolum__bas[b-z82qmj1f0m] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 12px;
}

.tr-bolum__ad[b-z82qmj1f0m] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.tr-bolum__ad[b-z82qmj1f0m]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.tr-bolum__sayi[b-z82qmj1f0m] { margin: 0; color: var(--n-500); font-size: 12px; }

.tr-grup[b-z82qmj1f0m] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  margin: 0;
  padding: 14px 16px 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

.tr-grup[disabled][b-z82qmj1f0m] { opacity: .7; }

.tr-grup__ad[b-z82qmj1f0m] {
  padding: 0 4px;
  color: var(--metin-ipucu);
  font: 700 10px/1 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.tr-ikili[b-z82qmj1f0m] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }

.tr-ipucu[b-z82qmj1f0m] {
  margin: 0;
  padding: 10px 12px;
  border-left: 3px solid var(--hat-girdi);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.55;
}

.tr-form__eylemler[b-z82qmj1f0m] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

/* ── Boş / hata / iskelet ── */
.tr-bos[b-z82qmj1f0m] {
  align-items: center;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.tr-bos p[b-z82qmj1f0m] { margin: 0; line-height: 1.6; }

.tr-iskelet[b-z82qmj1f0m] {
  height: 42px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.tr-iskelet--kisa[b-z82qmj1f0m] { width: 62%; }

/* ── Sıfırlama onayı penceresi ── */
.tr-popup[b-z82qmj1f0m] {
  width: min(480px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.tr-popup[open][b-z82qmj1f0m] { display: flex; flex-direction: column; }
.tr-popup[b-z82qmj1f0m]::backdrop { background: var(--scrim); }

/* 5 px marka şeridi ::before ile çizilir. border-image kullanılmaz: slice 1 dört kenara birden
   uygulanır ve alttaki 1 px --hat-kart ayracı da degradeyle boyanırdı (.tr-bolum::before ile aynı desen). */
.tr-popup__bas[b-z82qmj1f0m] {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 21px 18px 16px;
  border-bottom: 1px solid var(--hat-kart);
}

.tr-popup__bas[b-z82qmj1f0m]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.tr-popup__bas > div[b-z82qmj1f0m] { min-width: 0; }

.tr-popup__bas h2[b-z82qmj1f0m] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.tr-popup__bas h2:focus[b-z82qmj1f0m] { outline: none; }
.tr-popup__bas p[b-z82qmj1f0m] { margin: 6px 0 0; color: var(--n-500); font-size: 12.5px; line-height: 1.5; }

.tr-popup__kapat[b-z82qmj1f0m] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.tr-popup__kapat:hover:not(:disabled)[b-z82qmj1f0m] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.tr-popup__kapat:disabled[b-z82qmj1f0m] { opacity: .6; cursor: default; }
.tr-popup__kapat:focus-visible[b-z82qmj1f0m] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.tr-popup__govde[b-z82qmj1f0m] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.tr-popup__eylemler[b-z82qmj1f0m] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.tr-onay[b-z82qmj1f0m] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }

.tr-hata[b-z82qmj1f0m] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .tr-kapak[b-z82qmj1f0m] { padding: 16px; }
  .tr-dugme[b-z82qmj1f0m] { min-height: 44px; }
  .tr-popup__kapat[b-z82qmj1f0m] { min-height: 44px; }
  .tr-bolum[b-z82qmj1f0m]  .app-input,
  .tr-bolum[b-z82qmj1f0m]  textarea,
  .tr-bolum[b-z82qmj1f0m]  select { min-height: 44px; font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .tr-kapak[b-z82qmj1f0m] { padding: 12px; }
  .tr-kapak .au-title[b-z82qmj1f0m] { font-size: var(--yazi-kapak, 20px); }
  .tr-kapak__alt[b-z82qmj1f0m] { font-size: var(--yazi-kucuk, 12px); }
  .tr-eylemler[b-z82qmj1f0m] { width: 100%; }
  .tr-eylemler .tr-dugme[b-z82qmj1f0m] { flex: 1; }
  .tr-bolum[b-z82qmj1f0m] { padding: 16px 12px; }
  .tr-bolum__ad[b-z82qmj1f0m] { font-size: var(--yazi-bolum, 14px); }
  .tr-grup[b-z82qmj1f0m] { padding: 12px; }
  .tr-ikili[b-z82qmj1f0m] { grid-template-columns: minmax(0, 1fr); }
  .tr-form__eylemler .tr-dugme[b-z82qmj1f0m] { flex: 1 1 auto; }
  .tr-popup[b-z82qmj1f0m] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .tr-popup__govde[b-z82qmj1f0m], .tr-popup__eylemler[b-z82qmj1f0m] { padding: 12px; }
  .tr-popup__bas[b-z82qmj1f0m] { padding: 17px 12px 12px; }   /* 12 + 5 px marka şeridi */
  .tr-popup__bas h2[b-z82qmj1f0m] { font-size: 18px; }
  .tr-popup__eylemler .tr-dugme[b-z82qmj1f0m] { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/UrunDuzenle.razor.rz.scp.css */
/* Ürün oluştur/düzenle — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Yeni hex YOK: renkler aurora.css :root token'larından gelir. Global vitrin dosyası
   EKLENMEZ (bu paketin yazma kapsamı sayfa dosyalarıdır) — kapak/kart/tablo/popup kabuğu
   burada sayfa-scoped kurulur. Çocuk bileşenlerin (AppTextField, AppSelect, AppRichText,
   AppFileUpload, MediaEmbed, DataStates) içi ::deep ile hedeflenir.
   Marka renk çipleri hex = KULLANICI VERİSİ (inline style), tema token değil. */

.pd-vitrin[b-fdsvlhka4h] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* `.wrap` bu bileşenin dışındadır (MainLayout) — yan boşluk oradan gelir;
   burada yalnız sayfanın kendi 1600 px daraltıcısı ve üst dolgusu kaldırılır. */
.au-page.pd-vitrin[b-fdsvlhka4h] {
  max-width: none;
  padding: 0 0 44px;
}

/* ── Kapak: başlık + ana eylemler tek beyaz yüzeyde ────────────────────── */
.pd-kapak[b-fdsvlhka4h] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.pd-kapak__metin[b-fdsvlhka4h] {
  flex: 1 1 260px;
  min-width: 0;
}

.pd-kapak .au-title[b-fdsvlhka4h] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.pd-alt[b-fdsvlhka4h] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.pd-kapak .au-head__actions[b-fdsvlhka4h] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

/* ── Düğme taban çizgisi (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.pd-vitrin .au-btn[b-fdsvlhka4h] {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.pd-vitrin .au-btn:hover:not(:disabled)[b-fdsvlhka4h] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
  transform: none;
}

.pd-vitrin .au-btn--primary[b-fdsvlhka4h] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.pd-vitrin .au-btn--primary:hover:not(:disabled)[b-fdsvlhka4h] {
  border-color: var(--marka-500);
  background: var(--marka-500);
  color: var(--on-brand);
}

.pd-vitrin .au-btn--sm[b-fdsvlhka4h] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* Renk çipinin × düğmesi ve renk seçici de `.au-btn` değildir; odak çizgisi
   dışarıda kalmasın diye aynı listeye alınır. */
.pd-vitrin :is(.au-btn, .pd-sekme, .pd-panel, .pd-tablo-kaydir,
               .pd-colors__rm, .pd-colors__picker):focus-visible[b-fdsvlhka4h] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri (iki bölüm: lacivert → petrol) ────────────────────── */
.pd-sekmeler[b-fdsvlhka4h] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.pd-sekme[b-fdsvlhka4h] {
  --pd-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.pd-sekme:nth-child(2)[b-fdsvlhka4h] {
  --pd-sekme-vurgu: var(--marka-rampa-uc);
}

.pd-sekmeler .pd-sekme:hover[b-fdsvlhka4h] {
  background: color-mix(in srgb, var(--pd-sekme-vurgu) 14%, var(--yuzey));
  color: var(--pd-sekme-vurgu);
}

.pd-sekmeler .pd-sekme[aria-selected="true"][b-fdsvlhka4h] {
  background: var(--pd-sekme-vurgu);
  color: var(--on-brand);
}

.pd-sekme:focus-visible[b-fdsvlhka4h] {
  outline-color: var(--pd-sekme-vurgu);
}

.pd-panel[b-fdsvlhka4h] {
  min-width: 0;
}

/* ── Bölüm kartı (form ve bilgi tabanı aynı yüzeyi paylaşır) ───────────── */
.pd-kart[b-fdsvlhka4h] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pd-kart[b-fdsvlhka4h]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.pd-kart__bas[b-fdsvlhka4h] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.pd-kart__metin[b-fdsvlhka4h] {
  flex: 1 1 280px;
  min-width: 0;
}

.pd-kart__eylemler[b-fdsvlhka4h] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pd-blok[b-fdsvlhka4h] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.pd-blok + .pd-blok[b-fdsvlhka4h] {
  padding-top: 18px;
  border-top: 1px solid var(--hat-kart);
}

/* Bölüm başlığı: referanstaki 15 px + üçgen imza. */
.pd-blok__baslik[b-fdsvlhka4h] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pd-blok__baslik[b-fdsvlhka4h]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pd-izgara[b-fdsvlhka4h] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px 20px;
  align-items: start;
}

/* ── Form alanları ──────────────────────────────────────────────────────── */
.pd-vitrin[b-fdsvlhka4h]  .app-field {
  min-width: 0;
}

.pd-vitrin[b-fdsvlhka4h]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.pd-vitrin[b-fdsvlhka4h]  .app-input,
.pd-vitrin[b-fdsvlhka4h]  .app-sel__btn {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.pd-vitrin[b-fdsvlhka4h]  .app-richtext__area {
  min-height: 84px;
  padding: 10px 12px;
  line-height: 1.55;
}

.pd-vitrin[b-fdsvlhka4h]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.pd-dim[b-fdsvlhka4h] {
  margin: 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.55;
}

.pd-alan-etiket[b-fdsvlhka4h] {
  display: block;
  margin-bottom: 6px;
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.pd-not-alani[b-fdsvlhka4h] {
  width: 100%;
  min-height: 84px;
  padding: 10px 12px;
  line-height: 1.55;
  resize: vertical;
}

/* ── Hata / uyarı şeritleri (renk körlüğü ekseni) ──────────────────────── */
.pd-hata[b-fdsvlhka4h] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--danger) 36%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.pd-uyari[b-fdsvlhka4h] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: var(--analiz-dikkat-acik);
  color: var(--analiz-dikkat-metin);
  font-size: 12.5px;
  line-height: 1.5;
}

.pd-uyari strong[b-fdsvlhka4h] {
  color: inherit;
}

/* ── Boş durum ──────────────────────────────────────────────────────────── */
.pd-bos[b-fdsvlhka4h] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.pd-bos[b-fdsvlhka4h]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.pd-bos p[b-fdsvlhka4h] {
  margin: 0;
  line-height: 1.6;
}

/* ── Marka renkleri ─────────────────────────────────────────────────────── */
.pd-colors[b-fdsvlhka4h] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pd-colors__label[b-fdsvlhka4h] {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.pd-colors__empty[b-fdsvlhka4h] {
  margin: 0;
}

.pd-colors__list[b-fdsvlhka4h] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pd-colors__chip[b-fdsvlhka4h] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px 5px 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.pd-colors__swatch[b-fdsvlhka4h] {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 50%;
}

.pd-colors__hex[b-fdsvlhka4h] {
  color: var(--metin-ikincil);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  text-transform: uppercase;
}

.pd-colors__rm[b-fdsvlhka4h] {
  padding: 0 2px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--n-500);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

.pd-colors__rm:hover:not(:disabled)[b-fdsvlhka4h] {
  color: var(--danger-metin);
}

.pd-colors__rm:disabled[b-fdsvlhka4h] {
  opacity: .5;
  cursor: not-allowed;
}

.pd-colors__add[b-fdsvlhka4h] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pd-colors__picker[b-fdsvlhka4h] {
  width: 42px;
  height: 34px;
  padding: 2px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  cursor: pointer;
}

.pd-colors__picker:disabled[b-fdsvlhka4h] {
  opacity: .5;
  cursor: not-allowed;
}

.pd-logo-onizleme[b-fdsvlhka4h] {
  max-width: 220px;
}

.pd-logo-onizleme[b-fdsvlhka4h]  .me-img {
  max-height: 120px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.pd-logo-onizleme[b-fdsvlhka4h]  .me-caption {
  display: none;
}

/* ── Bilgi tabanı tabloları ─────────────────────────────────────────────── */
.pd-tablo__baslik[b-fdsvlhka4h] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.pd-tablo-kaydir[b-fdsvlhka4h] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında sarmalayıcısız
   tablolar için `table { display:block; overflow-x:auto }` yazar. Bu tablo kendi
   kabında (pd-tablo-kaydir) kaydığı için o siper burada zararlı olurdu: `display:block`
   yapışık thead'i tablonun KENDİ kutusuna bağlar ve ikinci bir yatay kaydırıcı açar. */
.pd-tablo[b-fdsvlhka4h] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 620px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.pd-tablo thead[b-fdsvlhka4h] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.pd-tablo th[b-fdsvlhka4h] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.pd-tablo td[b-fdsvlhka4h] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.pd-tablo tbody tr:nth-child(even) td[b-fdsvlhka4h] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pd-tablo tbody tr:hover td[b-fdsvlhka4h] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.pd-tablo__ad[b-fdsvlhka4h] {
  min-width: 180px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.pd-tablo__ad a[b-fdsvlhka4h] {
  color: var(--marka-700);
}

.pd-tablo__sayi[b-fdsvlhka4h] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pd-tablo__hata[b-fdsvlhka4h] {
  display: block;
  margin-top: 4px;
  color: var(--analiz-dikkat-metin);
  font-size: 12px;
  overflow-wrap: anywhere;
}

/* ── Yükleme penceresi (native top layer) ──────────────────────────────── */
.pd-popup[b-fdsvlhka4h] {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.pd-popup[open][b-fdsvlhka4h] {
  display: flex;
  flex-direction: column;
}

.pd-popup[b-fdsvlhka4h]::backdrop {
  background: var(--scrim);
}

.pd-popup__baslik[b-fdsvlhka4h] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.pd-popup__baslik-metin[b-fdsvlhka4h] {
  min-width: 0;
}

.pd-popup__baslik h2[b-fdsvlhka4h] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.pd-popup__baslik h2:focus[b-fdsvlhka4h] {
  outline: none;
}

.pd-popup__baslik p[b-fdsvlhka4h] {
  max-width: 62ch;
  margin: 4px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.pd-popup__kapat[b-fdsvlhka4h] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.pd-popup__govde[b-fdsvlhka4h] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.pd-popup__eylemler[b-fdsvlhka4h] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ, ≥1540 px geniş eşik: başlık ve eylemler tek satır ────────
   İmleç niteleyicisi YOK. YENI-DIL §1.1/§1.3: ≥1280 px HER imleçte masaüstüdür;
   `(hover:hover) and (pointer:fine)` eklemek 1540 px'lik dokunmatik ekranı
   telefon düzenine düşürürdü. Referans: analiz-vitrin.css `@media (min-width: 1540px)`. */
@media (min-width: 1540px) {
  .pd-kapak[b-fdsvlhka4h] {
    flex-wrap: nowrap;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .pd-vitrin :is(.au-btn, .au-btn--sm)[b-fdsvlhka4h] {
    min-height: 44px;
  }

  .pd-vitrin[b-fdsvlhka4h]  :is(.app-input, .app-sel__btn) {
    min-height: 44px;
  }

  .pd-vitrin[b-fdsvlhka4h]  .app-richtext__area {
    min-height: 96px;
  }

  /* Sekme şeridi tek yatay kaydırılabilir bant olur (YENI-DIL §0). */
  .pd-sekmeler[b-fdsvlhka4h] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .pd-sekme[b-fdsvlhka4h] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  /* `.au-btn` olmayan iki dokunma hedefi de 44 px tabanına çekilir (YENI-DIL §2.3 K4):
     renk kaldırma × düğmesi ~18×16, renk seçici 42×34 kalıyordu. */
  .pd-colors__rm[b-fdsvlhka4h] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
  }

  .pd-colors__picker[b-fdsvlhka4h] {
    width: 52px;
    height: 44px;
  }

  /* Çip yüksekliği 44 px hedefe göre büyür; yazı ve kutucuk ölçüsü değişmez. */
  .pd-colors__chip[b-fdsvlhka4h] {
    padding: 0 2px 0 6px;
  }

  /* İlk anlamlı sütun (Belge/Kaynak adı) yatay kaydırmada yapışık kalır. */
  .pd-tablo :is(th, td):first-child[b-fdsvlhka4h] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Yapışık sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .pd-tablo th:first-child[b-fdsvlhka4h] {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .pd-vitrin[b-fdsvlhka4h]  .app-input,
  .pd-not-alani[b-fdsvlhka4h] {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pd-kapak[b-fdsvlhka4h] {
    padding: 12px;
  }

  .pd-kapak .au-title[b-fdsvlhka4h] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Eylemler başlığın altında, içerik genişliğinde tek satır. */
  .pd-kapak .au-head__actions[b-fdsvlhka4h] {
    width: 100%;
    margin-left: 0;
  }

  .pd-kapak .au-head__actions .au-btn[b-fdsvlhka4h] {
    flex: 1 1 auto;
  }

  .pd-kart[b-fdsvlhka4h] {
    padding: 16px 12px;
  }

  .pd-blok__baslik[b-fdsvlhka4h],
  .pd-tablo__baslik[b-fdsvlhka4h] {
    font-size: var(--yazi-bolum, 14px);
  }

  .pd-izgara[b-fdsvlhka4h] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .pd-kart__eylemler[b-fdsvlhka4h] {
    width: 100%;
  }

  .pd-kart__eylemler .au-btn[b-fdsvlhka4h] {
    flex: 1 1 auto;
  }

  .pd-tablo-kaydir[b-fdsvlhka4h] {
    max-height: min(460px, 62dvh);
  }

  .pd-tablo[b-fdsvlhka4h] {
    min-width: 560px;
  }

  .pd-tablo :is(th, td)[b-fdsvlhka4h] {
    padding: 10px;
  }

  .pd-popup[b-fdsvlhka4h] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .pd-popup__baslik[b-fdsvlhka4h],
  .pd-popup__govde[b-fdsvlhka4h],
  .pd-popup__eylemler[b-fdsvlhka4h] {
    padding: 12px;
  }

  .pd-popup__eylemler .au-btn[b-fdsvlhka4h] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/UrunKatalogu.razor.rz.scp.css */
/* Ürün Kataloğu — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Yeni hex YOK: renkler aurora.css :root token'larından gelir. Global vitrin dosyası
   EKLENMEZ (bu paketin yazma kapsamı sayfa dosyalarıdır) — kapak/kart/popup kabuğu
   burada sayfa-scoped kurulur. Çocuk bileşenlerin (AppSelect, DataStates, MediaEmbed,
   GeriBaglanti) içi ::deep ile hedeflenir. */

.uk-vitrin[b-bbppc7paim] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* `.wrap` bu bileşenin dışındadır (MainLayout) — yan boşluk oradan gelir;
   burada yalnız sayfanın kendi 1600 px daraltıcısı ve üst dolgusu kaldırılır. */
.au-page.uk-vitrin[b-bbppc7paim] {
  max-width: none;
  padding: 0 0 44px;
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ──────────────── */
.uk-kapak[b-bbppc7paim] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Panel modunda kapak yalnız özet + eylem taşır; panel gövdesi zaten kendi
   yüzeyini çiziyor, ikinci bir gölgeli kart üst üste binerdi. */
.uk-kapak--panel[b-bbppc7paim] {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.uk-kapak__metin[b-bbppc7paim] {
  flex: 1 1 220px;
  min-width: 0;
}

.uk-kapak .au-title[b-bbppc7paim] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
}

.uk-ozet[b-bbppc7paim] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.uk-kapak__suzgec[b-bbppc7paim] {
  flex: 0 1 176px;
  max-width: 210px;
  min-width: 0;
}

.uk-kapak[b-bbppc7paim]  .app-field {
  min-width: 0;
}

.uk-kapak[b-bbppc7paim]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Özgüllük (0,4,0): AppField.razor.css'in `.app-field ::deep .app-input { height:46px }`
   kuralı da (0,3,0) olduğundan eşitlikte sonraki kazanıyordu; `.uk-vitrin` öneki bu kapağın
   34 px kontrol ölçüsünü geri alır (!important gerekmez). */
.uk-vitrin .uk-kapak[b-bbppc7paim]  .app-input,
.uk-vitrin .uk-kapak[b-bbppc7paim]  .app-sel__btn {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.uk-kapak .au-head__actions[b-bbppc7paim] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğme taban çizgisi (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.uk-vitrin .au-btn[b-bbppc7paim] {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.uk-vitrin .au-btn:hover:not(:disabled)[b-bbppc7paim] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  color: var(--marka-700);
  transform: none;
}

.uk-vitrin .au-btn--primary[b-bbppc7paim] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.uk-vitrin .au-btn--primary:hover:not(:disabled)[b-bbppc7paim] {
  border-color: var(--marka-500);
  background: var(--marka-500);
  color: var(--on-brand);
}

.uk-vitrin .au-btn--danger[b-bbppc7paim] {
  border-color: color-mix(in srgb, var(--danger) 36%, transparent);
  background: color-mix(in srgb, var(--danger) 10%, var(--yuzey));
  color: var(--danger-metin);
}

.uk-vitrin .au-btn--danger:hover:not(:disabled)[b-bbppc7paim] {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 16%, var(--yuzey));
  color: var(--danger-metin);
}

.uk-vitrin .au-btn--sm[b-bbppc7paim] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.uk-vitrin :is(.au-btn, .uk-sekme, .uk-panel):focus-visible[b-bbppc7paim] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri (iki bölüm: lacivert → petrol) ────────────────────── */
.uk-sekmeler[b-bbppc7paim] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.uk-sekme[b-bbppc7paim] {
  --uk-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.uk-sekme:nth-child(2)[b-bbppc7paim] {
  --uk-sekme-vurgu: var(--marka-rampa-uc);
}

.uk-sekmeler .uk-sekme:hover[b-bbppc7paim] {
  background: color-mix(in srgb, var(--uk-sekme-vurgu) 14%, var(--yuzey));
  color: var(--uk-sekme-vurgu);
}

.uk-sekmeler .uk-sekme[aria-selected="true"][b-bbppc7paim] {
  background: var(--uk-sekme-vurgu);
  color: var(--on-brand);
}

.uk-sekme:focus-visible[b-bbppc7paim] {
  outline-color: var(--uk-sekme-vurgu);
}

.uk-panel[b-bbppc7paim] {
  min-width: 0;
}

/* ── Boş durum: bölüm kartı ölçüsü + marka şeridi ──────────────────────── */
.uk-bos[b-bbppc7paim] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.uk-bos[b-bbppc7paim]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.uk-bos p[b-bbppc7paim] {
  max-width: 62ch;
  margin: 0;
  line-height: 1.6;
}

/* ── Ürün kartları ──────────────────────────────────────────────────────── */
.pk-grid[b-bbppc7paim] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.pk-card[b-bbppc7paim] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

/* Pasif ürün: opaklık düşürmek metin kontrastını AA'nın altına indirirdi;
   ayrım rozet + nötr yüzeyle verilir. */
.pk-card--passive[b-bbppc7paim] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.pk-card__head[b-bbppc7paim] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.pk-card__logo[b-bbppc7paim] {
  display: flex;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.pk-card__logo[b-bbppc7paim]  .me,
.pk-card__logo[b-bbppc7paim]  .me-img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

.pk-card__logo[b-bbppc7paim]  .me-caption {
  display: none;
}

.pk-card__logo--ph[b-bbppc7paim] {
  color: var(--metin-ipucu);
}

.pk-card__ident[b-bbppc7paim] {
  min-width: 0;
}

.pk-card__name[b-bbppc7paim] {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
}

.pk-card__tag[b-bbppc7paim] {
  margin: 2px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.45;
}

.pk-card__meta[b-bbppc7paim] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.pk-card__voice[b-bbppc7paim] {
  margin: 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.pk-card__palette[b-bbppc7paim] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 4px;
}

/* Hex değerler KULLANICI VERİSİDİR (tema token'ı değil) — inline style ile gelir. */
.pk-card__swatch[b-bbppc7paim] {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 50%;
}

.pk-card__swatch-more[b-bbppc7paim] {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.pk-card__actions[b-bbppc7paim] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.pk-card__confirm[b-bbppc7paim] {
  flex: 1 1 100%;
  color: var(--danger-metin);
  font-size: 12.5px;
}

.pk-card__del[b-bbppc7paim] {
  color: var(--danger-metin);
}

.pk-pager[b-bbppc7paim] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 18px;
}

.pk-pager__info[b-bbppc7paim] {
  color: var(--n-500);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

/* ── Ürün bilgileri popup'ı (native top layer) ──────────────────────────── */
.uk-popup[b-bbppc7paim] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
}

.uk-popup[open][b-bbppc7paim] {
  display: flex;
  flex-direction: column;
}

.uk-popup[b-bbppc7paim]::backdrop {
  background: var(--scrim);
}

.uk-popup__baslik[b-bbppc7paim] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.uk-popup__baslik-metin[b-bbppc7paim] {
  min-width: 0;
}

.uk-popup__baslik h2[b-bbppc7paim] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.uk-popup__baslik h2:focus[b-bbppc7paim] {
  outline: none;
}

.uk-popup__baslik p[b-bbppc7paim] {
  margin: 4px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
}

.uk-popup__kapat[b-bbppc7paim] {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.uk-popup__govde[b-bbppc7paim] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.uk-popup__aciklama[b-bbppc7paim] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.uk-facts[b-bbppc7paim] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.uk-facts > div[b-bbppc7paim] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.uk-facts > div:nth-child(odd)[b-bbppc7paim] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.uk-facts dt[b-bbppc7paim] {
  color: var(--n-500);
}

.uk-facts dd[b-bbppc7paim] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.uk-facts dd a[b-bbppc7paim] {
  color: var(--marka-700);
}

.uk-popup__renkler[b-bbppc7paim] {
  margin-top: 14px;
}

.uk-popup__renk-etiket[b-bbppc7paim] {
  display: block;
  margin-bottom: 8px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.uk-popup__renkler ul[b-bbppc7paim] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.uk-popup__renkler li[b-bbppc7paim] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px 5px 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  text-transform: uppercase;
}

.uk-popup__eylemler[b-bbppc7paim] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ, ≥1540 px geniş eşik: başlık solda, süzgeç + eylem sağda ──
   İmleç niteleyicisi YOK. YENI-DIL §1.1/§1.3: ≥1280 px HER imleçte masaüstüdür;
   `(hover:hover) and (pointer:fine)` eklemek 1540 px'lik dokunmatik ekranı
   telefon düzenine düşürürdü. Referans: analiz-vitrin.css `@media (min-width: 1540px)`. */
@media (min-width: 1540px) {
  .uk-kapak[b-bbppc7paim] {
    flex-wrap: nowrap;
  }

  .uk-kapak__suzgec[b-bbppc7paim] {
    margin-left: auto;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ───────────────────────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .uk-vitrin :is(.au-btn, .au-btn--sm)[b-bbppc7paim] {
    min-height: 44px;
  }

  /* Dokunmatik 44 px dalı da aynı özgüllük eşitliğinde eziliyordu; `.uk-vitrin` ile (0,4,0). */
  .uk-vitrin .uk-kapak[b-bbppc7paim]  :is(.app-input, .app-sel__btn) {
    height: 44px;
    min-height: 44px;
  }

  /* Sekme şeridi tek yatay kaydırılabilir bant olur (YENI-DIL §0). */
  .uk-sekmeler[b-bbppc7paim] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .uk-sekme[b-bbppc7paim] {
    flex: 0 0 auto;
    min-height: 44px;
  }
}

@media (pointer: coarse) {
  /* iOS yakınlaştırma freni; aynı özgüllük eşitliğine düşmemek için `.uk-vitrin` öneki. */
  .uk-vitrin .uk-kapak[b-bbppc7paim]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .uk-kapak[b-bbppc7paim] {
    padding: 12px;
  }

  .uk-kapak .au-title[b-bbppc7paim] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç ve eylemler başlığın altında, içerik genişliğinde. */
  .uk-kapak__suzgec[b-bbppc7paim] {
    flex: 1 1 100%;
    max-width: none;
  }

  .uk-kapak .au-head__actions[b-bbppc7paim] {
    width: 100%;
  }

  .uk-kapak .au-head__actions .au-btn[b-bbppc7paim] {
    flex: 1 1 auto;
  }

  .pk-grid[b-bbppc7paim] {
    grid-template-columns: minmax(0, 1fr);
  }

  .pk-card[b-bbppc7paim] {
    padding: 16px 12px;
  }

  .pk-card__name[b-bbppc7paim] {
    font-size: var(--yazi-bolum, 14px);
  }

  .pk-card__actions .au-btn[b-bbppc7paim] {
    flex: 1 1 auto;
  }

  .uk-popup[b-bbppc7paim] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .uk-popup__baslik[b-bbppc7paim],
  .uk-popup__govde[b-bbppc7paim],
  .uk-popup__eylemler[b-bbppc7paim] {
    padding: 12px;
  }

  .uk-popup__eylemler .au-btn[b-bbppc7paim] {
    flex: 1 1 auto;
  }

  .uk-facts > div[b-bbppc7paim] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/VideoProjeler.razor.rz.scp.css */
/* Video projeleri — Akademik Analiz'in kapak, yüzey, tipografi ve tablo ölçüleri.
   Ölçü referansı: wwwroot/css/org-birimleri-vitrin.css + analiz-vitrin.css
   (docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md).
   Sayfa-scoped: ortak CSS dosyalarına dokunulmaz. Yeni hex YOK — yalnız var(--*). */

body.edulive-cihaz .au-page.vpr-vitrin[b-qhec2y9cj4] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ─── */
.vpr-kapak[b-qhec2y9cj4] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vpr-kapak__geri[b-qhec2y9cj4] { grid-area: geri; }
.vpr-kapak__baslik[b-qhec2y9cj4] { grid-area: baslik; min-width: 0; }
.vpr-suzgec[b-qhec2y9cj4] { grid-area: suzgec; }
.vpr-eylem[b-qhec2y9cj4] { grid-area: eylem; }

.vpr-kapak .au-title[b-qhec2y9cj4] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.vpr-alt[b-qhec2y9cj4] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
  line-height: 1.5;
}

.vpr-suzgec[b-qhec2y9cj4] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.vpr-suzgec[b-qhec2y9cj4]  .app-field { min-width: 0; flex: 0 1 210px; }
.vpr-suzgec[b-qhec2y9cj4]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}
/* Paylaşılan `.app-field ::deep .app-input { height: 46px }` kuralı eşit özgüllükte
   ve sonra geldiği için kazanıyordu; `min-height` 46px'lik `height`i düşüremez.
   `.vpr-vitrin` öneki özgüllüğü yükseltir, `height` kapak düğmeleriyle aynı hizayı kurar. */
.vpr-vitrin .vpr-suzgec[b-qhec2y9cj4]  .app-input,
.vpr-vitrin .vpr-suzgec[b-qhec2y9cj4]  .app-select {
  height: 34px;
  min-height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

.vpr-eylem[b-qhec2y9cj4] { display: flex; flex-wrap: wrap; gap: 8px; }

/* ─── Düğme taban çizgisi ─── */
.vpr-vitrin .au-btn[b-qhec2y9cj4],
.vpr-popup .au-btn[b-qhec2y9cj4] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.vpr-vitrin .au-btn:hover:not(:disabled)[b-qhec2y9cj4],
.vpr-popup .au-btn:hover:not(:disabled)[b-qhec2y9cj4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.vpr-vitrin .au-btn--primary[b-qhec2y9cj4],
.vpr-popup .au-btn--primary[b-qhec2y9cj4] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.vpr-vitrin .au-btn--primary:hover:not(:disabled)[b-qhec2y9cj4],
.vpr-popup .au-btn--primary:hover:not(:disabled)[b-qhec2y9cj4] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.vpr-vitrin .au-btn:disabled[b-qhec2y9cj4],
.vpr-popup .au-btn:disabled[b-qhec2y9cj4] { opacity: .55; cursor: not-allowed; }
.vpr-vitrin .au-btn--sm[b-qhec2y9cj4],
.vpr-popup .au-btn--sm[b-qhec2y9cj4] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.vpr-vitrin :is(.au-btn, .vpr-tablo-kaydir, .vpr-row):focus-visible[b-qhec2y9cj4],
.vpr-popup .au-btn:focus-visible[b-qhec2y9cj4] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ─── Liste kartı ─── */
.vpr-kart[b-qhec2y9cj4] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.vpr-kart[b-qhec2y9cj4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vpr-kart-bas[b-qhec2y9cj4] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.vpr-bolum-baslik[b-qhec2y9cj4] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.vpr-bolum-baslik[b-qhec2y9cj4]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vpr-ozet[b-qhec2y9cj4] { margin: 0; color: var(--n-500); font-size: 12px; }

.vpr-gizli[b-qhec2y9cj4] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ─── Boş durum ─── */
.vpr-bos[b-qhec2y9cj4] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.vpr-bos[b-qhec2y9cj4]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}
.vpr-bos p[b-qhec2y9cj4] { margin: 0; max-width: 52ch; line-height: 1.6; }
.vpr-bos__eylem[b-qhec2y9cj4] { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }

/* ─── Tablo: sınırlı alanda kayar, başlık üstte sabit ─── */
.vpr-tablo-kaydir[b-qhec2y9cj4] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: cihaz.css telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` yazar (sarmalayıcısı
   olmayan tablolar için genel siper). Tablo kendi kabında kaydığı için o siper burada
   zararlıdır: display:block sticky thead'i bozar ve ikinci bir yatay kaydırıcı açar. */
.vpr-table[b-qhec2y9cj4] {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.vpr-table thead[b-qhec2y9cj4] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.vpr-table th[b-qhec2y9cj4] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.vpr-table td[b-qhec2y9cj4] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: top;
}

.vpr-table tbody tr:nth-child(even) td[b-qhec2y9cj4] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vpr-row[b-qhec2y9cj4] { cursor: pointer; }
.vpr-row:hover td[b-qhec2y9cj4],
.vpr-row:focus-visible td[b-qhec2y9cj4] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}
.vpr-row:focus-visible[b-qhec2y9cj4] { outline-offset: -2px; }

.vpr-title[b-qhec2y9cj4] {
  display: block;
  min-width: 170px;
  font-weight: 600;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.vpr-brief[b-qhec2y9cj4] {
  display: block;
  margin-top: 2px;
  max-width: 46ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.vpr-table .au-dim[b-qhec2y9cj4] { color: var(--n-500); white-space: nowrap; }
.vpr-sure[b-qhec2y9cj4] { font-variant-numeric: tabular-nums; }

/* Parçalı üretim işareti — backend render_mode/segments'ten gelir, dekor değildir. */
.vpr-etiket[b-qhec2y9cj4] {
  display: inline-block;
  margin-inline-start: 6px;
  padding: 1px 7px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-700);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.vpr-not[b-qhec2y9cj4] {
  display: block;
  margin-top: 4px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.vpr-satir-eylem[b-qhec2y9cj4] {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}
.vpr-table th:last-child[b-qhec2y9cj4],
.vpr-table td:last-child[b-qhec2y9cj4] { width: 1%; }

/* ─── Sayfalama ─── */
.vpr-pager[b-qhec2y9cj4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
}
.vpr-pager__info[b-qhec2y9cj4] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

/* ─── Görünür popup: native top layer, başlık ve eylemler sabit ───
   Arka plan kaydırması AYRI bir kuralla kapatılmaz: showModal() belgeyi zaten "modal dialog
   tarafından bloke" duruma sokar. Burada `html:has(…)` yazmak ÖLÜ KODDUR — scoped CSS kapsam
   niteliğini seçicinin son öğesine ekler, <html>/<body> o niteliği hiç taşımaz. */
.vpr-popup[b-qhec2y9cj4] {
  width: min(680px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.vpr-popup--dar[b-qhec2y9cj4] { width: min(460px, calc(100vw - 48px)); }
.vpr-popup[open][b-qhec2y9cj4] { display: flex; flex-direction: column; }
.vpr-popup[b-qhec2y9cj4]::backdrop { background: var(--scrim); }

.vpr-popup__bas[b-qhec2y9cj4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.vpr-popup__bas h2[b-qhec2y9cj4] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.vpr-popup__bas h2:focus[b-qhec2y9cj4] { outline: none; }
.vpr-popup__kapat[b-qhec2y9cj4] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.vpr-popup__govde[b-qhec2y9cj4] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}
.vpr-popup__durum[b-qhec2y9cj4] { margin: 0 0 12px; }

.vpr-onizleme[b-qhec2y9cj4] {
  margin-bottom: 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  overflow: hidden;
  background: color-mix(in srgb, var(--marka-600) 4%, var(--yuzey));
}
.vpr-onizleme[b-qhec2y9cj4]  video,
.vpr-onizleme[b-qhec2y9cj4]  img { display: block; width: 100%; max-height: 46dvh; }

.vpr-alt-baslik[b-qhec2y9cj4] {
  margin: 14px 0 6px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -.01em;
}
.vpr-alt-baslik:first-of-type[b-qhec2y9cj4] { margin-top: 0; }

.vpr-metin[b-qhec2y9cj4] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.vpr-facts[b-qhec2y9cj4] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.vpr-facts > div[b-qhec2y9cj4] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}
.vpr-facts > div:nth-child(odd)[b-qhec2y9cj4] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.vpr-facts dt[b-qhec2y9cj4] { color: var(--n-500); }
.vpr-facts dd[b-qhec2y9cj4] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

.vpr-tech[b-qhec2y9cj4] { margin-top: 14px; font-size: 12.5px; color: var(--metin-ikincil); }
.vpr-tech summary[b-qhec2y9cj4] { cursor: pointer; font-weight: 600; color: var(--marka-700); }
.vpr-tech pre[b-qhec2y9cj4] {
  margin: 8px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.vpr-hata[b-qhec2y9cj4] {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}

.vpr-popup__eylem[b-qhec2y9cj4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vpr-kapak[b-qhec2y9cj4] { padding: 16px; }
  /* Dokunmatikte de aynı çatışma: `height` yazılmazsa kontrol 46px kalıyordu. */
  .vpr-vitrin .vpr-suzgec[b-qhec2y9cj4]  :is(.app-input, .app-select) { height: 44px; min-height: 44px; }
}

/* ─── CİHAZ (telefon ∪ tablet): ilk anlamlı sütun yapışık ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vpr-vitrin :is(.au-btn, .au-btn--sm)[b-qhec2y9cj4],
  .vpr-popup :is(.au-btn, .au-btn--sm)[b-qhec2y9cj4] { min-height: 44px; }

  .vpr-table :is(th, td):first-child[b-qhec2y9cj4] {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }
  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .vpr-table th:first-child[b-qhec2y9cj4] { z-index: 3; background: var(--marka-500); }
}

@media (pointer: coarse) {
  .vpr-suzgec[b-qhec2y9cj4]  :is(.app-input, .app-select) { font-size: max(16px, 1rem); }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .vpr-kapak[b-qhec2y9cj4] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec"
      "eylem";
    padding: 12px;
  }
  .vpr-kapak .au-title[b-qhec2y9cj4] { font-size: var(--yazi-kapak, 20px); }
  .vpr-suzgec[b-qhec2y9cj4]  .app-field { flex: 1 1 100%; }
  .vpr-eylem .au-btn[b-qhec2y9cj4] { flex: 1 1 auto; justify-content: center; }

  .vpr-kart[b-qhec2y9cj4] { padding: 16px 12px; }
  .vpr-bolum-baslik[b-qhec2y9cj4] { font-size: var(--yazi-bolum, 14px); }
  .vpr-kart-bas[b-qhec2y9cj4] { flex-direction: column; align-items: flex-start; gap: 4px; }

  .vpr-tablo-kaydir[b-qhec2y9cj4] { max-height: min(460px, 62dvh); }
  .vpr-table[b-qhec2y9cj4] { min-width: 720px; font-size: var(--yazi-govde, 13px); }
  .vpr-table :is(th, td)[b-qhec2y9cj4] { padding: 10px; }
  .vpr-brief[b-qhec2y9cj4] { max-width: 32ch; }

  .vpr-popup[b-qhec2y9cj4], .vpr-popup--dar[b-qhec2y9cj4] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .vpr-popup__bas[b-qhec2y9cj4], .vpr-popup__govde[b-qhec2y9cj4], .vpr-popup__eylem[b-qhec2y9cj4] { padding: 12px; }
  .vpr-popup__eylem .au-btn[b-qhec2y9cj4] { flex: 1 1 auto; justify-content: center; }
  .vpr-facts > div[b-qhec2y9cj4] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 9px 6px; }
}

/* ─── MASAÜSTÜ (YENI-DIL §1.1 metni): kapak iki satır —
   "geri baslik" üstte, süzgeç solda ve ana eylem sağda aynı satırda.
   1024–1539 px'te üç ayrı satıra yığılmak kapağı gereksiz uzatıyordu
   (referans düzen: "geri baslik ." / "filtre filtre eylem"). */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .vpr-kapak[b-qhec2y9cj4] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik baslik"
      "suzgec suzgec eylem";
  }
  .vpr-eylem[b-qhec2y9cj4] { justify-self: end; align-self: flex-end; }
}

/* ─── MASAÜSTÜ (geniş): başlık solda, süzgeç ve eylem sağda, tek satır ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vpr-kapak[b-qhec2y9cj4] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }
  /* `justify-self: end` kabı shrink-to-fit ölçtürür; kap `::deep .app-field`in
     `flex: 0 1 210px` tabanını saymadan içerik genişliğine iner. Kap 1fr izini
     doldurur, içerik sağa yaslanır. */
  .vpr-suzgec[b-qhec2y9cj4] { justify-self: stretch; justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .vpr-vitrin .au-btn[b-qhec2y9cj4], .vpr-popup .au-btn[b-qhec2y9cj4] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/VideoSahneKarti.razor.rz.scp.css */
/* AI Video Stüdyosu — sahne kartı (VideoStudyosu adım 2'nin çocuğu).
   SM-09 tasarım geçişi: Akademik Analiz'in kart/alan ölçüleri. Sayfa-scoped, yalnız var(--*). */

.vsk[b-jhx9qs11bl] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
}

.vsk__head[b-jhx9qs11bl] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
}

.vsk__title[b-jhx9qs11bl] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -.01em;
}
.vsk__title[b-jhx9qs11bl]::before {
  content: "";
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vsk__range[b-jhx9qs11bl] {
  color: var(--n-500);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  white-space: nowrap;
}

.vsk__grid[b-jhx9qs11bl] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

/* v2 — satır/ekran yazısı listeleri (ORTAK SÖZLEŞME §10). */
.vsk__lines[b-jhx9qs11bl], .vsk__texts[b-jhx9qs11bl] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 4px;
  border-top: 1px dashed var(--hat-kart);
}

.vsk__alt[b-jhx9qs11bl] {
  margin: 0;
  color: var(--metin-ikincil);
  font: 700 11px/1.4 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vsk__satir[b-jhx9qs11bl], .vsk__yazi[b-jhx9qs11bl] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  align-items: end;
  padding: 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

/* Alan ölçüleri kapak/süzgeç ile aynı taban çizgisinde. */
.vsk[b-jhx9qs11bl]  .app-field__label {
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vsk[b-jhx9qs11bl]  .app-field__hint { color: var(--n-500); font-size: 12px; line-height: 1.5; }
.vsk[b-jhx9qs11bl]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}
.vsk[b-jhx9qs11bl]  textarea.app-input { min-height: 64px; line-height: 1.6; }
.vsk[b-jhx9qs11bl]  .app-input:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ─── CİHAZ (telefon ∪ tablet) ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vsk[b-jhx9qs11bl]  .app-input { min-height: 44px; }
}

@media (pointer: coarse) {
  .vsk[b-jhx9qs11bl]  .app-input { font-size: max(16px, 1rem); }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .vsk[b-jhx9qs11bl] { padding: 12px; gap: 12px; }
  .vsk__grid[b-jhx9qs11bl] { grid-template-columns: minmax(0, 1fr); }
  .vsk__title[b-jhx9qs11bl] { font-size: var(--yazi-bolum, 14px); }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/VideoStudyosu.razor.rz.scp.css */
/* AI Video Stüdyosu — Akademik Analiz'in kapak, yüzey, tipografi ve popup ölçüleri.
   Ölçü referansı: wwwroot/css/org-birimleri-vitrin.css + analiz-vitrin.css
   (docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md); adım şeridi ölçüleri
   AnalizGenel bölüm sekmelerinden. Sayfa-scoped: ortak CSS dosyalarına dokunulmaz.
   Yeni hex YOK — yalnız var(--*) token'ları. */

body.edulive-cihaz .au-page.vs-vitrin[b-qh6o1swll5] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ─── Kapak: başlık + durum + ana eylem aynı beyaz yüzeyde ─── */
.vs-kapak[b-qh6o1swll5] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "durum durum"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vs-kapak__geri[b-qh6o1swll5] { grid-area: geri; }
.vs-kapak__baslik[b-qh6o1swll5] { grid-area: baslik; min-width: 0; }
.vs-projestat[b-qh6o1swll5] { grid-area: durum; }
.vs-kapak__eylem[b-qh6o1swll5] { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.vs-kapak .au-title[b-qh6o1swll5] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.vs-alt[b-qh6o1swll5] {
  margin: 4px 0 0;
  max-width: 68ch;
  color: var(--metin-ikincil);
  font-size: var(--yazi-kucuk, 12px);
  line-height: 1.5;
}

.vs-projestat[b-qh6o1swll5] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.vs-projestat__etiket[b-qh6o1swll5] {
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* ─── Adım şeridi: Akademik Analiz bölüm sekmesi ölçüleri ─── */
.vs-steps[b-qh6o1swll5] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  list-style: none;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.vs-steps__item[b-qh6o1swll5] { flex: 1 1 160px; min-width: 140px; }

.vs-steps__btn[b-qh6o1swll5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}
.vs-steps__btn:hover:not(:disabled)[b-qh6o1swll5] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}
.vs-steps__btn:disabled[b-qh6o1swll5] { opacity: .5; cursor: not-allowed; }
.vs-steps__btn:focus-visible[b-qh6o1swll5] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* Seçili adım koyu vurgu zemini + beyaz yazı; hover'da da koyu kalır. */
.vs-steps__item.is-current .vs-steps__btn[b-qh6o1swll5],
.vs-steps__item.is-current .vs-steps__btn:hover[b-qh6o1swll5] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.vs-steps__no[b-qh6o1swll5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
}

/* ─── Kart yüzeyi ─── */
.vs-kart[b-qh6o1swll5] {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}
.vs-kart[b-qh6o1swll5]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vs-kart-bas[b-qh6o1swll5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 10px;
}
.vs-kart-bas .vs-bolum-baslik[b-qh6o1swll5] { margin: 0; }

.vs-bolum-baslik[b-qh6o1swll5] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}
.vs-bolum-baslik[b-qh6o1swll5]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vs-alt-baslik[b-qh6o1swll5] {
  margin: 0 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -.01em;
}

.vs-not[b-qh6o1swll5] {
  margin: 0;
  max-width: 78ch;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}
.vs-not + .vs-not[b-qh6o1swll5] { margin-top: 6px; }

.vs-kart-eylem[b-qh6o1swll5] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

/* ─── Düğme taban çizgisi ─── */
.vs-vitrin .au-btn[b-qh6o1swll5],
.vs-popup .au-btn[b-qh6o1swll5] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}
.vs-vitrin .au-btn:hover:not(:disabled)[b-qh6o1swll5],
.vs-popup .au-btn:hover:not(:disabled)[b-qh6o1swll5] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}
.vs-vitrin .au-btn--primary[b-qh6o1swll5],
.vs-popup .au-btn--primary[b-qh6o1swll5] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}
.vs-vitrin .au-btn--primary:hover:not(:disabled)[b-qh6o1swll5],
.vs-popup .au-btn--primary:hover:not(:disabled)[b-qh6o1swll5] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}
.vs-vitrin .au-btn:disabled[b-qh6o1swll5],
.vs-popup .au-btn:disabled[b-qh6o1swll5] { opacity: .55; cursor: not-allowed; }
.vs-vitrin .au-btn--sm[b-qh6o1swll5],
.vs-popup .au-btn--sm[b-qh6o1swll5] { min-height: 30px; padding-inline: 10px; font-size: 12px; }
.vs-vitrin .au-btn:focus-visible[b-qh6o1swll5],
.vs-popup .au-btn:focus-visible[b-qh6o1swll5] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ─── Form yüzeyleri ─── */
.vs-form[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* Okunabilir ölçü: form sütunu 1920 px'te satır boyu uzayıp okunmaz hâle gelmesin. */
.vs-form > *[b-qh6o1swll5] { max-width: 920px; }

.vs-vitrin[b-qh6o1swll5]  .app-field__label {
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vs-vitrin[b-qh6o1swll5]  .app-field__hint,
.vs-popup[b-qh6o1swll5]  .app-field__hint { color: var(--n-500); font-size: 12px; line-height: 1.5; }
.vs-vitrin[b-qh6o1swll5]  .app-input,
.vs-popup[b-qh6o1swll5]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.vs-brief[b-qh6o1swll5] {
  width: 100%;
  min-height: 104px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.6;
  resize: vertical;
}
.vs-brief[b-qh6o1swll5]::placeholder { color: var(--metin-ipucu); }
.vs-brief:focus-visible[b-qh6o1swll5] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.vs-count[b-qh6o1swll5] { margin: 4px 0 0; color: var(--n-500); font-size: 12px; font-variant-numeric: tabular-nums; }

.vs-refs[b-qh6o1swll5] { display: flex; flex-direction: column; gap: 12px; }
.vs-reflist[b-qh6o1swll5] { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.vs-ref[b-qh6o1swll5] {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
}
.vs-ref__onizleme[b-qh6o1swll5] { flex: 0 0 120px; max-width: 120px; }
.vs-ref__alanlar[b-qh6o1swll5] { flex: 1 1 260px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }

.vs-scenes[b-qh6o1swll5] { display: flex; flex-direction: column; gap: 14px; }

.vs-regen[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

.vs-longform[b-qh6o1swll5] { margin: 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.6; }

/* ─── Uyarı bandı + 422 bulgu listesi ─── */
.vs-uyari[b-qh6o1swll5] { margin-bottom: 12px; }
.au-banner + .vs-issues[b-qh6o1swll5] { margin: -6px 0 16px; }
.vs-issues[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding-left: 18px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ─── Olgu listeleri (üretim özeti / video hazır) ─── */
.vs-facts[b-qh6o1swll5] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.vs-facts > div[b-qh6o1swll5] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}
.vs-facts > div:nth-child(odd)[b-qh6o1swll5] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.vs-facts dt[b-qh6o1swll5] { color: var(--n-500); }
.vs-facts dd[b-qh6o1swll5] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ─── Parça (segment) listesi ─── */
.vs-segments[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.vs-segment[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  font-size: 12.5px;
  color: var(--metin-ikincil);
}
.vs-segment__head[b-qh6o1swll5] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.vs-segment__title[b-qh6o1swll5] { font-weight: 700; color: var(--metin-murekkep); }
.vs-segment__meta[b-qh6o1swll5] { flex: 1 1 auto; min-width: 0; color: var(--n-500); }
.vs-segment__hint[b-qh6o1swll5] { margin: 0; color: var(--metin-ikincil); line-height: 1.5; }
.vs-segment__actions[b-qh6o1swll5] { display: flex; flex-wrap: wrap; gap: 6px; }

.vs-actions[b-qh6o1swll5] { flex-wrap: wrap; justify-content: flex-start; }

/* ─── Takvim satırı ─── */
.vs-schedule[b-qh6o1swll5] { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--hat-kart); }
.vs-schedule__row[b-qh6o1swll5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; max-width: 560px; }
.vs-schedule__done[b-qh6o1swll5] { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--hat-kart); }

/* ─── Teknik ayrıntı (ham hata metni) ─── */
.vs-vitrin .jm-tech[b-qh6o1swll5] { margin-top: 12px; font-size: 12.5px; color: var(--metin-ikincil); }
.vs-vitrin .jm-tech summary[b-qh6o1swll5] { cursor: pointer; font-weight: 600; color: var(--marka-700); }
.vs-vitrin .jm-tech pre[b-qh6o1swll5] {
  margin: 8px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 3%, var(--yuzey));
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ─── Görünür popup: native top layer, başlık ve eylemler sabit ───
   Arka plan kaydırması AYRI kuralla kapatılmaz: showModal() belgeyi zaten bloke eder.
   `html:has(…)` burada ÖLÜ KODDUR — scoped CSS kapsam niteliğini seçicinin son öğesine
   ekler, <html>/<body> o niteliği taşımaz. */
.vs-popup[b-qh6o1swll5] {
  width: min(760px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}
.vs-popup[open][b-qh6o1swll5] { display: flex; flex-direction: column; }
.vs-popup[b-qh6o1swll5]::backdrop { background: var(--scrim); }

.vs-popup__bas[b-qh6o1swll5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}
.vs-popup__bas h2[b-qh6o1swll5] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}
.vs-popup__bas h2:focus[b-qh6o1swll5] { outline: none; }
.vs-popup__kapat[b-qh6o1swll5] { flex: 0 0 auto; padding-inline: 10px; font-size: 20px; line-height: 1; }

.vs-popup__govde[b-qh6o1swll5] {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vs-popup__eylem[b-qh6o1swll5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.vs-popup__hata[b-qh6o1swll5] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.5;
}

/* İstem metni tek uzun İngilizce blok — pencere gövdesini kaplar. */
.vs-prompt .vs-popup__govde[b-qh6o1swll5]  textarea {
  min-height: 42dvh;
  font-size: 13px;
  line-height: 1.6;
}

.vs-restitch__toggle[b-qh6o1swll5] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--metin-ikincil);
  font-size: 13px;
}
.vs-restitch__toggle input[b-qh6o1swll5] { width: 18px; height: 18px; accent-color: var(--marka-600); }

/* ─── TABLET ─── */
@media (min-width: 641px) and (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vs-kapak[b-qh6o1swll5] { padding: 16px; }
}

/* ─── CİHAZ (telefon ∪ tablet): dokunma hedefleri ─── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vs-vitrin :is(.au-btn, .au-btn--sm)[b-qh6o1swll5],
  .vs-popup :is(.au-btn, .au-btn--sm)[b-qh6o1swll5] { min-height: 44px; }
  .vs-steps__btn[b-qh6o1swll5] { min-height: 44px; }
  .vs-vitrin[b-qh6o1swll5]  .app-input,
  .vs-popup[b-qh6o1swll5]  .app-input { min-height: 44px; }

  /* Adım şeridi tek yatay kaydırılabilir şerit olur; sayfa taşmaz. */
  .vs-steps[b-qh6o1swll5] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .vs-steps[b-qh6o1swll5]::-webkit-scrollbar { display: none; }
  .vs-steps__item[b-qh6o1swll5] { flex: 0 0 auto; min-width: 128px; }
}

@media (pointer: coarse) {
  .vs-vitrin[b-qh6o1swll5]  .app-input,
  .vs-popup[b-qh6o1swll5]  .app-input,
  .vs-brief[b-qh6o1swll5] { font-size: max(16px, 1rem); }
}

/* ─── TELEFON ─── */
@media (max-width: 640px) {
  .vs-kapak[b-qh6o1swll5] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "durum"
      "eylem";
    padding: 12px;
  }
  .vs-kapak .au-title[b-qh6o1swll5] { font-size: var(--yazi-kapak, 20px); }
  .vs-kapak__eylem .au-btn[b-qh6o1swll5] { flex: 1 1 auto; justify-content: center; }

  .vs-kart[b-qh6o1swll5] { padding: 16px 12px; }
  .vs-bolum-baslik[b-qh6o1swll5] { font-size: var(--yazi-bolum, 14px); }
  .vs-kart-bas[b-qh6o1swll5] { flex-direction: column; align-items: flex-start; }
  .vs-kart-bas .au-btn[b-qh6o1swll5] { width: 100%; justify-content: center; }

  .vs-ref__onizleme[b-qh6o1swll5] { flex: 1 1 100%; max-width: none; }
  .vs-schedule__row[b-qh6o1swll5] { grid-template-columns: minmax(0, 1fr); }
  .vs-facts > div[b-qh6o1swll5] { grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr); gap: 8px; padding: 9px 6px; }

  .vs-popup[b-qh6o1swll5] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .vs-popup__bas[b-qh6o1swll5], .vs-popup__govde[b-qh6o1swll5], .vs-popup__eylem[b-qh6o1swll5] { padding: 12px; }
  .vs-popup__eylem .au-btn[b-qh6o1swll5] { flex: 1 1 auto; justify-content: center; }
  .vs-prompt .vs-popup__govde[b-qh6o1swll5]  textarea { min-height: 34dvh; }
}

/* ─── MASAÜSTÜ (YENI-DIL §1.1 metni): kapak iki satır —
   "geri baslik" üstte, proje durumu solda ve ana eylem sağda aynı satırda.
   1024–1539 px'te üç ayrı satıra yığılmak kapağı gereksiz uzatıyordu. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .vs-kapak[b-qh6o1swll5] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik baslik"
      "durum durum eylem";
  }
  .vs-kapak__eylem[b-qh6o1swll5] { justify-self: end; align-self: center; }
}

/* ─── MASAÜSTÜ (geniş): başlık solda, durum ve eylem sağda, tek satır ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vs-kapak[b-qh6o1swll5] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik durum eylem";
  }
  .vs-projestat[b-qh6o1swll5] { justify-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .vs-vitrin .au-btn[b-qh6o1swll5], .vs-popup .au-btn[b-qh6o1swll5], .vs-steps__btn[b-qh6o1swll5] { transition: none; }
}

/* Brief AI iyileştirme (video-farkında) */
.vs-brief-ai[b-qh6o1swll5] { margin-top: calc(var(--space-2, 8px) * -1); }

.vs-enhance__metin[b-qh6o1swll5] {
    white-space: pre-wrap;
    margin: 0 0 var(--space-3, 12px);
    color: var(--text-primary);
}

.vs-inline-error[b-qh6o1swll5] {
    margin: var(--space-2, 8px) 0 0;
    color: var(--danger-fg, var(--text-primary));
    font-size: var(--font-size-sm, 0.875rem);
}

/* Kapanış kartı paleti */
.vs-palet[b-qh6o1swll5] {
    display: flex;
    gap: var(--space-4, 16px);
    flex-wrap: wrap;
}

.vs-palet__alan[b-qh6o1swll5] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--text-secondary);
}

.vs-palet__alan input[type="color"][b-qh6o1swll5] {
    inline-size: 44px;
    block-size: 32px;
    padding: 0;
    border: 1px solid var(--border-subtle, var(--border));
    border-radius: var(--radius-sm, 6px);
    background: transparent;
    cursor: pointer;
}

/* ─── Tasarım ve sesler (font/ses, 2026-09-24) ───
   Yazı tipi kartları TypeCardGrid ölçülerini izler (radiogroup, seçili kart marka vurgusu) ama
   her satırda sunucudan gelen önizleme görseli taşır. Yeni hex YOK — yalnız var(--*) token'ları. */
.vs-tasarim[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}
.vs-tasarim:first-of-type[b-qh6o1swll5] { padding-top: 0; border-top: 0; }

.vs-fontlar[b-qh6o1swll5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}

.vs-font[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 44px;
  padding: 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-family: var(--font-body);
  text-align: start;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.vs-font:hover:not(:disabled)[b-qh6o1swll5] { border-color: var(--marka-400); }
.vs-font:focus-visible[b-qh6o1swll5] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.vs-font:disabled[b-qh6o1swll5] { opacity: .55; cursor: not-allowed; }
.vs-font.is-sel[b-qh6o1swll5] {
  border-color: var(--marka-600);
  box-shadow: 0 0 0 1px var(--marka-600) inset;
  background: color-mix(in srgb, var(--marka-600) 5%, var(--yuzey));
}

/* Önizleme alanı: sabit oran, görsel gelene kadar metin yer tutucu. */
.vs-font__gorsel[b-qh6o1swll5] {
  display: grid;
  place-items: center;
  min-height: 56px;
  padding: 6px 8px;
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--metin-murekkep) 4%, var(--yuzey));
  overflow: hidden;
}
.vs-font__onizleme[b-qh6o1swll5] { display: block; max-width: 100%; height: auto; max-height: 72px; }
.vs-font__bekle[b-qh6o1swll5] {
  color: var(--metin-ipucu);
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  overflow-wrap: anywhere;
}

.vs-font__bilgi[b-qh6o1swll5] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.vs-font__bas[b-qh6o1swll5] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.vs-font__ad[b-qh6o1swll5] { font-size: 13.5px; font-weight: 700; color: var(--metin-murekkep); }
.vs-font__kategori[b-qh6o1swll5] {
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.vs-font__aciklama[b-qh6o1swll5] { color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.5; }

.vs-font__rozet[b-qh6o1swll5] {
  display: inline-grid;
  place-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--marka-600) 14%, transparent);
  color: var(--marka-700);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.vs-font__rozet--pasif[b-qh6o1swll5] {
  background: color-mix(in srgb, var(--metin-murekkep) 8%, transparent);
  color: var(--metin-ikincil);
}

/* Ses satırı: seçici + Dinle yan yana, oynatıcı/hata altta tam genişlik. */
.vs-ses[b-qh6o1swll5] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: end;
}
.vs-dinle[b-qh6o1swll5] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  min-width: 0;
}
.vs-dinle .vs-inline-error[b-qh6o1swll5] { margin: 0; }
.vs-dinle[b-qh6o1swll5]  .me { margin: 0; }
.vs-dinle[b-qh6o1swll5]  .me-audio { width: min(100%, 320px); }

@media (max-width: 640px) {
  .vs-fontlar[b-qh6o1swll5] { grid-template-columns: minmax(0, 1fr); }
  .vs-ses[b-qh6o1swll5] { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .vs-dinle .au-btn[b-qh6o1swll5] { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .vs-font[b-qh6o1swll5] { transition: none; }
}
/* _content/EduLive.Web/Components/Pages/SocialMedia/YayinPaneli.razor.rz.scp.css */
/* Yayın paneli — Akademik Analiz görsel dili (sayfa-scoped).
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 24/16/18 px dolgu, radius 3px 0 0 0, h1 23px/700 --marka-700; kontrol 34 px /
   --kose-dugme; bölüm kartı 18 px dolgu, --kose-bolum ve 5 px marka geçişi şerit.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.yp-vitrin[b-9l2ecba288] {
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ─────────────────────────────────────────────────────────────── */
.yp-kapak[b-9l2ecba288] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.yp-kapak__ad[b-9l2ecba288] {
  min-width: 0;
  margin-right: auto;
}

.yp-kapak__baslik[b-9l2ecba288] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.yp-kapak__suzgec[b-9l2ecba288] {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.yp-alan[b-9l2ecba288] {
  display: flex;
  flex: 0 1 176px;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  max-width: 210px;
}

.yp-alan__etiket[b-9l2ecba288] {
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.yp-girdi.app-input[b-9l2ecba288] {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
}

.yp-kapak__eylem[b-9l2ecba288] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.yp-vitrin .au-btn[b-9l2ecba288] {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px var(--font-body);
  box-shadow: none;
}

.yp-vitrin .au-btn:hover:not(:disabled)[b-9l2ecba288] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.yp-vitrin .au-btn--primary[b-9l2ecba288] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.yp-vitrin .au-btn--primary:hover:not(:disabled)[b-9l2ecba288] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.yp-vitrin .au-btn:disabled[b-9l2ecba288] {
  opacity: 0.55;
  cursor: default;
}

.yp-vitrin :is(.au-btn, .yp-tab, .yp-girdi, .yp-panel):focus-visible[b-9l2ecba288] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ──────────────────────── */
.yp-tabs[b-9l2ecba288] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.yp-tab[b-9l2ecba288] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px var(--font-body);
  cursor: pointer;
}

.yp-tab__sayi[b-9l2ecba288] {
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
}

.yp-tab:hover:not(:disabled):not(.is-active)[b-9l2ecba288] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-600);
}

.yp-tab.is-active[b-9l2ecba288] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.yp-tab:disabled[b-9l2ecba288] {
  opacity: 0.6;
  cursor: default;
}

.yp-panel:focus-visible[b-9l2ecba288] {
  outline-offset: 4px;
}

.yp-bilgi[b-9l2ecba288] {
  margin-bottom: 16px;
  border-radius: var(--kose-dugme);
}

/* ── Boş durum ─────────────────────────────────────────────────────────── */
.yp-bos[b-9l2ecba288] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yp-bos[b-9l2ecba288]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yp-bos p[b-9l2ecba288] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

/* ── İçerik kartları ───────────────────────────────────────────────────── */
.yp-grid[b-9l2ecba288] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.yp-item[b-9l2ecba288] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.yp-item[b-9l2ecba288]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.yp-item__media[b-9l2ecba288] {
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
}

.yp-item__body[b-9l2ecba288] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.yp-badge[b-9l2ecba288] {
  align-self: flex-start;
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 11.5px var(--font-body);
}

.yp-badge--ok[b-9l2ecba288] {
  color: var(--marka-rampa-uc);
  border-color: color-mix(in srgb, var(--marka-rampa-uc) 45%, transparent);
}

.yp-badge--info[b-9l2ecba288] {
  color: var(--marka-600);
  border-color: color-mix(in srgb, var(--marka-600) 45%, transparent);
}

.yp-badge--warn[b-9l2ecba288] {
  color: var(--marka-rampa-orta);
  border-color: color-mix(in srgb, var(--marka-rampa-orta) 45%, transparent);
}

.yp-item__title[b-9l2ecba288] {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

/* 12 px satır: platform/tarih/maliyet bilgi taşır → okunur ikincil ton (AA). */
.yp-item__meta[b-9l2ecba288] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.yp-item__excerpt[b-9l2ecba288] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.45;
}

.yp-item__err[b-9l2ecba288] {
  margin: 0;
  padding: 8px 10px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12px;
}

.yp-item__actions[b-9l2ecba288] {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 6px;
}

/* ── Görünür popup (native dialog) ─────────────────────────────────────── */
.yp-popup[b-9l2ecba288] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--ust-golge);
  overflow: hidden;
}

.yp-popup[open][b-9l2ecba288] {
  display: flex;
  flex-direction: column;
}

.yp-popup[b-9l2ecba288]::backdrop {
  background: var(--scrim);
}

.yp-popup__baslik[b-9l2ecba288] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.yp-popup__baslik > div[b-9l2ecba288] {
  min-width: 0;
}

.yp-popup__baslik h2[b-9l2ecba288] {
  margin: 0;
  color: var(--marka-700);
  font: 700 20px/1.2 var(--font-display);
  overflow-wrap: anywhere;
}

.yp-popup__baslik p[b-9l2ecba288] {
  margin: 8px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.yp-popup__kapat[b-9l2ecba288] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  min-height: 44px;
  padding: 0;
  font-size: 22px;
}

.yp-popup__govde[b-9l2ecba288] {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
}

.yp-popup__not[b-9l2ecba288] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.55;
}

.yp-popup__not a[b-9l2ecba288] {
  color: var(--marka-600);
}

.yp-popup__eylemler[b-9l2ecba288] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
  background: var(--yuzey);
}

.yp-popup__hata[b-9l2ecba288] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── TELEFON ───────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .yp-kapak[b-9l2ecba288] {
    align-items: stretch;
    padding: 14px 16px 16px;
  }

  .yp-kapak__baslik[b-9l2ecba288] {
    font-size: 20px;
  }

  .yp-kapak__suzgec[b-9l2ecba288],
  .yp-kapak__eylem[b-9l2ecba288] {
    width: 100%;
  }

  .yp-alan[b-9l2ecba288] {
    flex: 1 1 auto;
    max-width: none;
  }

  .yp-kapak__eylem > *[b-9l2ecba288] {
    flex: 1 1 0;
    justify-content: center;
  }

  .yp-tabs[b-9l2ecba288] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .yp-tab[b-9l2ecba288] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .yp-grid[b-9l2ecba288] {
    grid-template-columns: 1fr;
  }

  .yp-item__title[b-9l2ecba288] {
    font-size: 14px;
  }

  .yp-item__actions > .au-btn[b-9l2ecba288] {
    flex: 1 1 0;
    justify-content: center;
  }

  .yp-popup[b-9l2ecba288] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .yp-popup__baslik[b-9l2ecba288],
  .yp-popup__govde[b-9l2ecba288],
  .yp-popup__eylemler[b-9l2ecba288] {
    padding: 12px;
  }

  .yp-popup__baslik h2[b-9l2ecba288] {
    font-size: 18px;
  }
}

/* ── TABLET ────────────────────────────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .yp-kapak__suzgec[b-9l2ecba288] {
    flex: 1 1 auto;
  }

  .yp-grid[b-9l2ecba288] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

@media (pointer: coarse) {
  .yp-vitrin .au-btn[b-9l2ecba288],
  .yp-tab[b-9l2ecba288] {
    min-height: 44px;
  }

  .yp-girdi.app-input[b-9l2ecba288] {
    height: 44px;
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── MASAÜSTÜ ──────────────────────────────────────────────────────────── */
@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .yp-kapak[b-9l2ecba288] {
    flex-wrap: nowrap;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/DersAkisi.razor.rz.scp.css */
/* FAZ 3.8 G3+G4 — Ders Akışı. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Adım adım dikey akış; tamamlanan/şu anki/gelecek adım net ayrımı; büyük dokunma hedefi. */

.df-head[b-kkul2tbma7] {
  margin: 0 0 20px;
}
.df-eyebrow[b-kkul2tbma7] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--accent);
}
.df-title[b-kkul2tbma7] {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 4vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.df-progress[b-kkul2tbma7] {
  height: 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--muted) 16%, transparent);
  overflow: hidden;
}
.df-progress__fill[b-kkul2tbma7] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand), var(--accent));
  transition: width 0.4s var(--ease-smooth);
}
.df-progress__label[b-kkul2tbma7] {
  margin: 8px 0 0;
  font-size: 0.86rem;
  color: var(--muted);
}

/* ── Milestone (server-truth) ── */
.df-milestone[b-kkul2tbma7] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: var(--radius);
  color: color-mix(in srgb, var(--wallet) 82%, var(--fg));
  background: color-mix(in srgb, var(--wallet) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--wallet) 28%, transparent);
  font-weight: 600;
  font-size: 0.92rem;
}
.df-milestone__ico[b-kkul2tbma7] {
  color: var(--wallet);
  flex-shrink: 0;
}

/* ── Ders tamamlandı ── */
.df-done[b-kkul2tbma7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  margin: 18px 0;
  padding: 32px 24px;
  border-radius: var(--radius-lg);
  color: var(--fg);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--accent) 12%, var(--glass-strong)),
    var(--glass-strong)
  );
  border: 1px solid color-mix(in srgb, var(--accent) 26%, transparent);
}
.df-done__ico[b-kkul2tbma7] {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
}
.df-done__title[b-kkul2tbma7] {
  margin: 6px 0 0;
  font-size: 1.2rem;
  font-weight: 700;
}
.df-done__desc[b-kkul2tbma7] {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
  max-width: 42ch;
}

/* ── Adım listesi ── */
.df-steps[b-kkul2tbma7] {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.df-step[b-kkul2tbma7] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 16px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.df-step.is-upcoming[b-kkul2tbma7] {
  opacity: 0.66;
}
.df-step.is-current[b-kkul2tbma7] {
  border-color: color-mix(in srgb, var(--brand) 45%, transparent);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--brand) 8%, var(--glass-strong)),
    var(--glass-strong)
  );
}
.df-step__marker[b-kkul2tbma7] {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--muted);
  background: color-mix(in srgb, var(--muted) 14%, transparent);
}
.df-step.is-current .df-step__marker[b-kkul2tbma7] {
  color: var(--on-brand);
  background: var(--brand);
}
.df-step.is-done .df-step__marker[b-kkul2tbma7] {
  color: var(--on-brand);
  background: var(--accent);
}
.df-step__body[b-kkul2tbma7] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.df-step__topline[b-kkul2tbma7] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.df-step__type[b-kkul2tbma7] {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--brand-strong);
}
.df-step__dur[b-kkul2tbma7] {
  font-size: 0.78rem;
  color: var(--muted);
}
.df-step__title[b-kkul2tbma7] {
  font-weight: 600;
  font-size: 1.02rem;
  color: var(--fg);
  line-height: 1.35;
}
.df-step__badge[b-kkul2tbma7] {
  align-self: flex-start;
  margin-top: 2px;
  font-size: 0.78rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--accent) 72%, var(--fg));
}

.df-complete[b-kkul2tbma7] {
  align-self: flex-start;
  margin-top: 4px;
  min-height: 44px;
  padding: 10px 20px;
  border: none;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 650;
  color: var(--on-brand);
  background: var(--brand);
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    transform 0.18s var(--ease-bounce);
}
.df-complete:hover:not(:disabled)[b-kkul2tbma7] {
  background: var(--brand-strong);
  transform: translateY(-1px);
}
.df-complete:disabled[b-kkul2tbma7] {
  opacity: 0.6;
  cursor: progress;
}
.df-complete:focus-visible[b-kkul2tbma7] {
  outline: 3px solid color-mix(in srgb, var(--brand) 45%, transparent);
  outline-offset: 2px;
}
/* _content/EduLive.Web/Components/Pages/Student/Gorevlerim.razor.rz.scp.css */
/* FAZ 3.8 G3+G4 — Görevlerim. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Öğrenci-dostu: büyük dokunma hedefi, sıcak-sade, WCAG AA kontrast. */

.gr-head[b-8viqmiu4z9] {
  margin: 0 0 20px;
}
.gr-title[b-8viqmiu4z9] {
  margin: 0 0 4px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.gr-sub[b-8viqmiu4z9] {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
}

.gr-list[b-8viqmiu4z9] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gr-item[b-8viqmiu4z9] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.gr-item--done[b-8viqmiu4z9] {
  opacity: 0.72;
}
.gr-item__main[b-8viqmiu4z9] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.gr-item__title[b-8viqmiu4z9] {
  font-weight: 650;
  font-size: 1.02rem;
  color: var(--fg);
  line-height: 1.35;
}
.gr-item__desc[b-8viqmiu4z9] {
  color: var(--fg-soft);
  font-size: 0.9rem;
  line-height: 1.4;
}
.gr-item__meta[b-8viqmiu4z9] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.gr-chip[b-8viqmiu4z9] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-size: 0.78rem;
  font-weight: 600;
  border: 1px solid var(--line);
  color: var(--fg-soft);
  background: color-mix(in srgb, var(--muted) 8%, transparent);
}
.gr-chip--due[b-8viqmiu4z9] {
  color: color-mix(in srgb, var(--wallet) 78%, var(--fg));
  background: color-mix(in srgb, var(--wallet) 12%, transparent);
  border-color: color-mix(in srgb, var(--wallet) 26%, transparent);
}

.gr-status[b-8viqmiu4z9] {
  flex-shrink: 0;
  align-self: center;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  font-size: 0.82rem;
  font-weight: 650;
  white-space: nowrap;
}
.gr-status--wait[b-8viqmiu4z9] {
  color: var(--fg-soft);
  background: color-mix(in srgb, var(--muted) 14%, transparent);
}
.gr-status--active[b-8viqmiu4z9] {
  color: color-mix(in srgb, var(--brand-strong) 88%, var(--fg));
  background: color-mix(in srgb, var(--brand) 15%, transparent);
}
.gr-status--done[b-8viqmiu4z9] {
  color: color-mix(in srgb, var(--accent) 72%, var(--fg));
  background: color-mix(in srgb, var(--accent) 15%, transparent);
}
.gr-status--muted[b-8viqmiu4z9] {
  color: var(--muted);
  background: color-mix(in srgb, var(--muted) 10%, transparent);
}

.gr-note[b-8viqmiu4z9] {
  margin: 16px 2px 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.5;
}

/* ── Boş durum ── */
.gr-empty[b-8viqmiu4z9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 48px 24px;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
}
.gr-empty__ico[b-8viqmiu4z9] {
  display: inline-grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}
.gr-empty__title[b-8viqmiu4z9] {
  margin: 6px 0 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--fg);
}
.gr-empty__desc[b-8viqmiu4z9] {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  max-width: 34ch;
}

@media (max-width: 520px) {
  .gr-item[b-8viqmiu4z9] {
    flex-direction: column;
  }
  .gr-status[b-8viqmiu4z9] {
    align-self: flex-start;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/IlerlemePanosu.razor.rz.scp.css */
/* FAZ 3.8 G4 — İlerleme panosu. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Streak-only. Kazanım ısı haritası pozitif renklendirme (kırmızı YOK → discouragement yasak). */

.ip-hero[b-552hpcf4uc] {
  margin: 0 0 22px;
}
.ip-hero__eyebrow[b-552hpcf4uc] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.ip-hero__title[b-552hpcf4uc] {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.ip-hero__lead[b-552hpcf4uc] {
  margin: 0;
  font-size: 0.95rem;
  color: var(--fg-soft);
}
.ip-hero.student-mini .ip-hero__title[b-552hpcf4uc],
.ip-hero.student-junior .ip-hero__title[b-552hpcf4uc] {
  font-size: clamp(1.7rem, 5vw, 2.4rem);
}

.ip-grid[b-552hpcf4uc] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

/* ── Streak özeti ── */
.ip-streak[b-552hpcf4uc] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  padding: 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.ip-streak.is-active[b-552hpcf4uc] {
  border-color: color-mix(in srgb, var(--orange-500) 35%, transparent);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--orange-500) 12%, var(--glass-strong)),
    var(--glass-strong)
  );
}
.ip-streak__icon[b-552hpcf4uc] {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--orange-500) 18%, transparent);
  color: var(--orange-600);
}
.ip-streak.is-idle .ip-streak__icon[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--muted) 14%, transparent);
  color: var(--muted);
}
.ip-streak__body[b-552hpcf4uc] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ip-streak__label[b-552hpcf4uc] {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--muted);
}
.ip-streak__count[b-552hpcf4uc] {
  font-family: var(--font-display);
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--fg);
}
.ip-streak__unit[b-552hpcf4uc] {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--fg-soft);
}
.ip-streak__link[b-552hpcf4uc] {
  margin-top: 2px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--brand-strong);
  text-decoration: none;
  width: fit-content;
}
.ip-streak__link:hover[b-552hpcf4uc] {
  text-decoration: underline;
}
.ip-streak__link:focus-visible[b-552hpcf4uc] {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ── Genel ilerleme ── */
.ip-progress[b-552hpcf4uc] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.ip-progress__top[b-552hpcf4uc] {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.ip-progress__pct[b-552hpcf4uc] {
  font-family: var(--font-display);
  font-size: 1.9rem;
  font-weight: 700;
  color: var(--brand-strong);
}
.ip-progress__label[b-552hpcf4uc] {
  font-size: 0.9rem;
  color: var(--muted);
}
.ip-progress__bar[b-552hpcf4uc] {
  height: 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--muted) 18%, transparent);
  overflow: hidden;
}
.ip-progress__bar > span[b-552hpcf4uc] {
  display: block;
  height: 100%;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--brand), var(--accent));
  transition: width 320ms var(--ease-smooth);
}
.ip-progress__stats[b-552hpcf4uc] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.85rem;
  color: var(--fg-soft);
}
.ip-progress__stats strong[b-552hpcf4uc] {
  color: var(--fg);
  font-family: var(--font-display);
}

/* ── Ders-yok dürüst not ── */
.ip-note[b-552hpcf4uc] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
  margin-bottom: 8px;
}
.ip-note__ico[b-552hpcf4uc] {
  flex: none;
  color: var(--brand-strong);
}
.ip-note p[b-552hpcf4uc] {
  margin: 0;
  font-size: 0.92rem;
  color: var(--fg-soft);
}
.ip-note strong[b-552hpcf4uc] {
  color: var(--fg);
}

/* ── Bölüm başlığı ── */
.ip-section-title[b-552hpcf4uc] {
  margin: 26px 0 14px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--fg);
}

/* ── Ders metrikleri ── */
.ip-metrics[b-552hpcf4uc] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}
.ip-metric[b-552hpcf4uc] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.ip-metric__num[b-552hpcf4uc] {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--fg);
}
.ip-metric__sub[b-552hpcf4uc] {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--muted);
}
.ip-metric__cap[b-552hpcf4uc] {
  font-size: 0.82rem;
  color: var(--fg-soft);
}

/* ── Güçlü / pratik öne çıkanlar ── */
.ip-highlights[b-552hpcf4uc] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.ip-hl[b-552hpcf4uc] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 14px 16px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
}
.ip-hl--strong[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--green-500) 10%, var(--glass-strong));
  border-color: color-mix(in srgb, var(--green-500) 30%, var(--line));
}
.ip-hl--practice[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--amber-500) 10%, var(--glass-strong));
  border-color: color-mix(in srgb, var(--amber-500) 30%, var(--line));
}
.ip-hl__cap[b-552hpcf4uc] {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--muted);
}
.ip-hl__val[b-552hpcf4uc] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--fg);
}

/* ── Haftalık çubuklar ── */
.ip-weeks[b-552hpcf4uc] {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  overflow-x: auto;
}
.ip-week[b-552hpcf4uc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 34px;
}
.ip-week__bar[b-552hpcf4uc] {
  display: flex;
  align-items: flex-end;
  height: 90px;
  width: 22px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--muted) 14%, transparent);
  overflow: hidden;
}
.ip-week__bar > span[b-552hpcf4uc] {
  display: block;
  width: 100%;
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--accent), var(--brand));
  transition: height 320ms var(--ease-smooth);
}
.ip-week__lbl[b-552hpcf4uc] {
  font-size: 0.72rem;
  color: var(--muted);
}

/* ── Kazanım ısı haritası ── */
.ip-heat[b-552hpcf4uc] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}
.ip-heat__cell[b-552hpcf4uc] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 14px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.ip-heat__cell.is-master[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--green-500) 16%, var(--glass-strong));
  border-color: color-mix(in srgb, var(--green-500) 34%, var(--line));
}
.ip-heat__cell.is-good[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--accent) 15%, var(--glass-strong));
  border-color: color-mix(in srgb, var(--accent) 32%, var(--line));
}
.ip-heat__cell.is-growing[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--amber-500) 14%, var(--glass-strong));
  border-color: color-mix(in srgb, var(--amber-500) 32%, var(--line));
}
.ip-heat__cell.is-practice[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--orange-500) 13%, var(--glass-strong));
  border-color: color-mix(in srgb, var(--orange-500) 30%, var(--line));
}
.ip-heat__name[b-552hpcf4uc] {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--fg);
}
.ip-heat__pct[b-552hpcf4uc] {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--fg);
}
.ip-heat__band[b-552hpcf4uc] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fg-soft);
}

/* ── İki kolon: güçlü / pratik ── */
.ip-two[b-552hpcf4uc] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-top: 8px;
}
.ip-col[b-552hpcf4uc] {
  padding: 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.ip-col__title[b-552hpcf4uc] {
  margin: 0 0 12px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fg);
}
.ip-chips[b-552hpcf4uc] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ip-chip[b-552hpcf4uc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--fg);
  border: 1px solid var(--line);
}
.ip-chip span[b-552hpcf4uc] {
  font-size: 0.78rem;
  color: var(--fg-soft);
}
.ip-chip--strong[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--green-500) 12%, transparent);
  border-color: color-mix(in srgb, var(--green-500) 28%, var(--line));
}
.ip-chip--practice[b-552hpcf4uc] {
  background: color-mix(in srgb, var(--amber-500) 12%, transparent);
  border-color: color-mix(in srgb, var(--amber-500) 28%, var(--line));
}

.ip-empty-inline[b-552hpcf4uc] {
  margin: 0;
  padding: 14px 16px;
  font-size: 0.9rem;
  color: var(--fg-soft);
  border-radius: var(--radius);
  border: 1px dashed var(--line);
  background: var(--glass);
}

@media (prefers-reduced-motion: reduce) {
  .ip-progress__bar > span[b-552hpcf4uc],
  .ip-week__bar > span[b-552hpcf4uc] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/NedenOgreniyorum.razor.rz.scp.css */
/* FAZ 3.8 G3+G4 — Neden Öğreniyoruz. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Sıcak, motive edici kartlar; okunur satır uzunluğu; WCAG AA. */

.wl-head[b-cowfxvtav7] {
  margin: 0 0 22px;
  max-width: 60ch;
}
.wl-eyebrow[b-cowfxvtav7] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--accent);
}
.wl-title[b-cowfxvtav7] {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.wl-sub[b-cowfxvtav7] {
  margin: 0;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.5;
}

.wl-cards[b-cowfxvtav7] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wl-card[b-cowfxvtav7] {
  padding: 22px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--brand) 7%, var(--glass-strong)),
    var(--glass-strong)
  );
  box-shadow: var(--glass-shadow);
}
.wl-card__title[b-cowfxvtav7] {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--fg);
  line-height: 1.3;
}
.wl-card__body[b-cowfxvtav7] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 1rem;
  line-height: 1.6;
  max-width: 66ch;
}

/* ── Boş / ders yok durumu ── */
.wl-empty[b-cowfxvtav7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 48px 24px;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
}
.wl-empty__ico[b-cowfxvtav7] {
  display: inline-grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 13%, transparent);
}
.wl-empty__title[b-cowfxvtav7] {
  margin: 6px 0 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--fg);
}
.wl-empty__desc[b-cowfxvtav7] {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  max-width: 40ch;
  line-height: 1.5;
}
/* _content/EduLive.Web/Components/Pages/Student/OgrenciCalismaPlani.razor.rz.scp.css */
/* Öğrencinin haftalık çalışma planı — telefon önce, gün gün liste.
   Token disiplini: yalnız TANIMLI değişkenler (AnalizCssTokenTests). */

.ocp-hero[b-xbauj14gfb] {
    padding: 1.25rem 0 .75rem;
}

.ocp-hero__eyebrow[b-xbauj14gfb] {
    margin: 0;
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted);
}

.ocp-hero__title[b-xbauj14gfb] {
    margin: .125rem 0 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--fg);
}

.ocp-hafta[b-xbauj14gfb] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    margin-bottom: 1rem;
}

/* ── Öğretmen notu ── */
.ocp-not[b-xbauj14gfb] {
    margin-bottom: 1rem;
    padding: .75rem .875rem;
    border-left: 3px solid var(--brand);
    border-radius: var(--radius-sm);
    background: var(--glass);
}

.ocp-not__baslik[b-xbauj14gfb] {
    display: block;
    font-size: .74rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--muted);
}

.ocp-not__metin[b-xbauj14gfb] {
    margin: .25rem 0 0;
    font-size: .9rem;
    line-height: 1.5;
    color: var(--fg);
}

/* ── İlerleme ── */
.ocp-ozet[b-xbauj14gfb] {
    margin-bottom: 1.25rem;
}

.ocp-ozet__bar[b-xbauj14gfb] {
    height: .5rem;
    border-radius: var(--radius-pill);
    background: var(--glass-strong);
    overflow: hidden;
}

.ocp-ozet__bar span[b-xbauj14gfb] {
    display: block;
    height: 100%;
    border-radius: var(--radius-pill);
    background: var(--basari);
    transition: width .3s var(--ease-smooth);
}

.ocp-ozet__metin[b-xbauj14gfb] {
    margin: .375rem 0 0;
    font-size: .84rem;
    color: var(--muted);
}

/* ── Gün blokları ── */
.ocp-gun[b-xbauj14gfb] {
    margin-bottom: 1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--glass);
    overflow: hidden;
}

/* Bugünün bloğu öne çıkar: öğrenci ekranı açtığında "bugün ne var"ı
   aramadan bulmalı. */
.ocp-gun--bugun[b-xbauj14gfb] {
    border-color: var(--brand);
}

.ocp-gun__bas[b-xbauj14gfb] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .625rem .875rem;
    border-bottom: 1px solid var(--line);
    background: var(--glass-strong);
}

.ocp-gun__ad[b-xbauj14gfb] {
    margin: 0;
    font-size: .95rem;
    font-weight: 600;
    color: var(--fg);
}

.ocp-gun__tarih[b-xbauj14gfb] {
    font-size: .78rem;
    color: var(--muted);
}

.ocp-bugun-rozet[b-xbauj14gfb] {
    margin-left: auto;
    padding: .125rem .5rem;
    border-radius: var(--radius-pill);
    background: var(--basari-acik);
    color: var(--basari-metin);
    font-size: .7rem;
    font-weight: 600;
}

/* ── Görev satırı ── */
.ocp-liste[b-xbauj14gfb] {
    margin: 0;
    padding: .375rem;
    list-style: none;
}

.ocp-gorev[b-xbauj14gfb] {
    border-radius: var(--radius-sm);
}

.ocp-gorev:hover[b-xbauj14gfb] {
    background: var(--glass-hover);
}

/* Etiketin TAMAMI tıklanabilir: telefonda küçük onay kutusunu hedeflemek
   zordur, satırın her yeri işaretlemeli. */
.ocp-gorev__kutu[b-xbauj14gfb] {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    padding: .625rem .625rem;
    cursor: pointer;
}

.ocp-gorev__kutu input[b-xbauj14gfb] {
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .0625rem;
    accent-color: var(--basari);
    cursor: pointer;
}

.ocp-gorev__metin[b-xbauj14gfb] {
    font-size: .92rem;
    line-height: 1.4;
    color: var(--fg);
    overflow-wrap: anywhere;
}

.ocp-gorev--bitti .ocp-gorev__metin[b-xbauj14gfb] {
    text-decoration: line-through;
    text-decoration-color: var(--muted);
    color: var(--muted);
}

.ocp-gorev__kutu:focus-within[b-xbauj14gfb] {
    outline: 2px solid var(--brand);
    outline-offset: -2px;
    border-radius: var(--radius-sm);
}

/* ── Boş / hata / iskelet ── */
.ocp-bos[b-xbauj14gfb] {
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    background: var(--glass);
}

.ocp-bos__ana[b-xbauj14gfb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--fg);
}

.ocp-bos__alt[b-xbauj14gfb] {
    margin: .375rem auto 0;
    max-width: 28rem;
    font-size: .86rem;
    line-height: 1.5;
    color: var(--muted);
}

.ocp-hata[b-xbauj14gfb] {
    padding: 1rem;
    border: 1px solid var(--danger);
    border-radius: var(--radius);
    background: var(--glass);
    color: var(--danger-metin);
}

.ocp-hata p[b-xbauj14gfb] {
    margin: 0 0 .5rem;
    font-size: .88rem;
}

.ocp-iskelet[b-xbauj14gfb] {
    height: 5.5rem;
    margin-bottom: .75rem;
    border-radius: var(--radius);
    background: var(--glass-strong);
}
/* _content/EduLive.Web/Components/Pages/Student/OgrenciMufredat.razor.rz.scp.css */
/* FAZ P7 — Müfredatım kurs listesi. Aurora token (var(--*)) — hardcoded hex YOK.
   Öğrenci-dostu: kart tamamen dokunma hedefi (≥ var(--st-touch, 44px)), 360px'te
   tek sütun, yatay taşma yok. */

.om-head[b-keygb53jcw] {
  margin: 0 0 20px;
}
.om-eyebrow[b-keygb53jcw] {
  margin: 0 0 2px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
}
.om-title[b-keygb53jcw] {
  margin: 0 0 4px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.om-sub[b-keygb53jcw] {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
}

.om-uyari[b-keygb53jcw] {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--wallet) 30%, transparent);
  background: color-mix(in srgb, var(--wallet) 10%, transparent);
  color: color-mix(in srgb, var(--wallet) 78%, var(--fg));
  font-size: 0.88rem;
}

.om-liste[b-keygb53jcw] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 12px;
}

/* Kartın tamamı bağlantı: küçük ekranda parmakla vurulacak alan geniş. */
.om-kart[b-keygb53jcw] {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 16px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
  color: var(--fg);
  text-decoration: none;
  transition: transform 0.18s var(--ease-smooth), box-shadow 0.18s var(--ease-smooth);
}
a.om-kart:hover[b-keygb53jcw],
a.om-kart:focus-visible[b-keygb53jcw] {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--brand) 14%, transparent);
  outline: none;
}
a.om-kart:focus-visible[b-keygb53jcw] {
  border-color: var(--brand);
}
/* Plansız kurs: vurgu düşer, kontrast DÜŞMEZ. Önceki `opacity: .68` not
   metnini (--muted) 2.6:1'e indiriyordu — WCAG AA (4.5:1) altı. Opacity yerine
   yalnız zemin/kenarlık zayıflatılır; metin rengi aşağıda --fg-soft ile ayrıca
   yükseltilir. Kart tıklanmaz ama "yasak" imleci de yok: yasak bir eylem değil,
   henüz olmayan bir içerik. */
.om-kart--soluk[b-keygb53jcw] {
  background: var(--glass);
  border-style: dashed;
  cursor: default;
}

/* Simge çapı öğrenci kabuğunun yaş-grubu dokunma hedefine uyar
   (--st-touch: Mini 56 / Junior 48 / Teen-Adult 44); kabuk yoksa 44. */
.om-kart__ikon[b-keygb53jcw] {
  flex-shrink: 0;
  display: inline-grid;
  place-items: center;
  width: var(--st-touch, 44px);
  height: var(--st-touch, 44px);
  border-radius: 50%;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
}
.om-kart--soluk .om-kart__ikon[b-keygb53jcw] {
  color: var(--muted);
  background: color-mix(in srgb, var(--muted) 12%, transparent);
}
.om-kart__govde[b-keygb53jcw] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}
.om-kart__ad[b-keygb53jcw] {
  font-weight: 650;
  font-size: 1.02rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.om-kart__not[b-keygb53jcw] {
  font-size: 0.85rem;
  color: var(--muted);
}
.om-kart__not--hazir[b-keygb53jcw] {
  color: color-mix(in srgb, var(--basari-metin) 85%, var(--fg));
}
/* Soluk kartın notu "neden"i taşır — --muted yerine --fg-soft ile AA'da kalır. */
.om-kart--soluk .om-kart__not[b-keygb53jcw] {
  color: var(--fg-soft);
}
.om-kart__ok[b-keygb53jcw] {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--muted);
}

/* ── Boş durum ── */
.om-bos[b-keygb53jcw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 48px 24px;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
}
.om-bos__ico[b-keygb53jcw] {
  display: inline-grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}
.om-bos__title[b-keygb53jcw] {
  margin: 6px 0 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--fg);
}
.om-bos__desc[b-keygb53jcw] {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  max-width: 34ch;
}

@media (max-width: 420px) {
  .om-kart[b-keygb53jcw] {
    padding: 14px;
    gap: 10px;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/OgrenciMufredatKurs.razor.rz.scp.css */
/* FAZ P7 — kursun müfredatı. Aurora token (var(--*)) — hardcoded hex YOK.
   Telefon önce: 360px'te yatay taşma yok (min-width:0 + overflow-wrap), sekme ve
   satırlar öğrenci kabuğunun yaş-grubu dokunma hedefine uyar
   (--st-touch: Mini 56 / Junior 48 / Teen-Adult 44; kabuk yoksa 44).
   Halka JS'siz conic-gradient (IlerlemeOzeti deseni). */

.om-geri[b-uwbtm3w7t9] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--st-touch, 44px);
  margin: 0 0 6px;
  padding: 0 4px;
  color: var(--fg-soft);
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-sm);
}
.om-geri:hover[b-uwbtm3w7t9],
.om-geri:focus-visible[b-uwbtm3w7t9] {
  color: var(--brand);
  outline: none;
}

.om-head[b-uwbtm3w7t9] {
  margin: 0 0 18px;
}
.om-eyebrow[b-uwbtm3w7t9] {
  margin: 0 0 2px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
}
.om-title[b-uwbtm3w7t9] {
  margin: 0 0 4px;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 4vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
  overflow-wrap: anywhere;
}
.om-sub[b-uwbtm3w7t9] {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
}

.om-uyari[b-uwbtm3w7t9] {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--wallet) 30%, transparent);
  background: color-mix(in srgb, var(--wallet) 10%, transparent);
  color: color-mix(in srgb, var(--wallet) 78%, var(--fg));
  font-size: 0.88rem;
}

/* ── İlerleme ── */
.om-ilerleme[b-uwbtm3w7t9] {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 18px;
  padding: 16px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.om-halka[b-uwbtm3w7t9] {
  --om-yuzde: 0;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: conic-gradient(
    var(--basari) calc(var(--om-yuzde) * 1%),
    color-mix(in srgb, var(--muted) 16%, transparent) 0
  );
}
.om-halka__ic[b-uwbtm3w7t9] {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--glass-hover);
  line-height: 1.15;
  text-align: center;
  color: var(--fg);
}
.om-halka__oran[b-uwbtm3w7t9] {
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}
.om-halka__yuzde[b-uwbtm3w7t9] {
  font-size: 0.78rem;
  color: var(--muted);
}
.om-ilerleme__metin[b-uwbtm3w7t9] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.om-ilerleme__baslik[b-uwbtm3w7t9] {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--fg);
}
.om-ilerleme__aciklama[b-uwbtm3w7t9] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}
.om-ilerleme__ozet[b-uwbtm3w7t9] {
  color: var(--muted);
}
.om-bar[b-uwbtm3w7t9] {
  position: relative;
  height: 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--muted) 16%, transparent);
  overflow: hidden;
}
.om-bar > span[b-uwbtm3w7t9] {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: var(--radius-pill);
  background: var(--basari);
}

/* ── Sekmeler ──
   Üç sekme şeridi PAYLAŞIR (flex: 1 1 0 + min-width: 0): 360px'te önceki
   `flex: 1 0 auto` + nowrap + gizli scrollbar 67px'i görünmez taşırıyordu —
   "İşlenen konular" sekmesi ekrandan çıkıp kaydırılabilir olduğu belli olmadan
   kayboluyordu. Etiket sığmazsa iki satıra kırılır; min-height iki satırı taşır. */
.om-sekmeler[b-uwbtm3w7t9] {
  display: flex;
  gap: 6px;
  margin: 0 0 14px;
  padding: 4px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--glass);
}
.om-sekme[b-uwbtm3w7t9] {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px 6px;
  min-height: var(--st-touch, 44px);
  padding: 8px 10px;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--fg-soft);
  font: inherit;
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}
.om-sekme.is-active[b-uwbtm3w7t9] {
  background: var(--brand);
  color: var(--on-brand);
}
.om-sekme:focus-visible[b-uwbtm3w7t9] {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}
.om-sekme__sayi[b-uwbtm3w7t9] {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  font-size: 0.78rem;
  background: color-mix(in srgb, var(--fg) 10%, transparent);
}
.om-sekme.is-active .om-sekme__sayi[b-uwbtm3w7t9] {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
}

.om-panel[b-uwbtm3w7t9] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.om-panel__bos[b-uwbtm3w7t9] {
  margin: 0;
  padding: 24px 18px;
  text-align: center;
  color: var(--muted);
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
}

/* ── Ünite + konu satırı ── */
.om-unite[b-uwbtm3w7t9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.om-unite__baslik[b-uwbtm3w7t9] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 0 4px;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-soft);
  overflow-wrap: anywhere;
}
.om-unite__sayi[b-uwbtm3w7t9] {
  flex-shrink: 0;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
}
.om-konular[b-uwbtm3w7t9],
.om-hazirliklar[b-uwbtm3w7t9],
.om-islenenler[b-uwbtm3w7t9] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.om-konu[b-uwbtm3w7t9] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 56px;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.om-konu--islendi[b-uwbtm3w7t9] {
  border-color: color-mix(in srgb, var(--basari) 45%, transparent);
  background: color-mix(in srgb, var(--basari) 8%, var(--glass-strong));
}
.om-konu__sira[b-uwbtm3w7t9] {
  flex: 0 0 auto;
  min-width: 44px;
  padding: 4px 0;
  font-size: 0.8rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--muted);
}
/* flex-basis 0: uzun başlıkta gövde `auto` genişliğiyle satırı doldurup sıra
   etiketini tek başına alt satıra itiyordu; 0 taban + min-width:0 ile gövde
   kalan alana sığar, etiket başlıkla aynı satırda kalır. */
.om-konu__govde[b-uwbtm3w7t9] {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.om-konu__baslik[b-uwbtm3w7t9] {
  font-weight: 650;
  font-size: 0.98rem;
  line-height: 1.35;
  color: var(--fg);
  overflow-wrap: anywhere;
}
.om-konu__aciklama[b-uwbtm3w7t9] {
  font-size: 0.86rem;
  color: var(--fg-soft);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.om-konu__meta[b-uwbtm3w7t9] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.om-cip[b-uwbtm3w7t9] {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 600;
  border: 1px solid var(--line);
  color: var(--fg-soft);
  background: color-mix(in srgb, var(--muted) 8%, transparent);
  white-space: nowrap;
}
.om-cip--hazirlik[b-uwbtm3w7t9] {
  color: color-mix(in srgb, var(--brand-strong) 88%, var(--fg));
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  border-color: color-mix(in srgb, var(--brand) 24%, transparent);
}
.om-cip--tarih[b-uwbtm3w7t9] {
  color: color-mix(in srgb, var(--wallet) 78%, var(--fg));
  background: color-mix(in srgb, var(--wallet) 12%, transparent);
  border-color: color-mix(in srgb, var(--wallet) 26%, transparent);
}
.om-cip--tur[b-uwbtm3w7t9] {
  color: color-mix(in srgb, var(--accent) 70%, var(--fg));
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  border-color: color-mix(in srgb, var(--accent) 28%, transparent);
}
.om-cip--kayip[b-uwbtm3w7t9] {
  color: var(--danger-metin);
  border-color: color-mix(in srgb, var(--danger) 30%, transparent);
  background: color-mix(in srgb, var(--danger) 8%, transparent);
}

/* İşlendi rozeti — renk tek işaret DEĞİL, kelime + tik var. */
.om-rozet[b-uwbtm3w7t9] {
  flex-shrink: 0;
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: var(--radius-pill);
  font-size: 0.78rem;
  font-weight: 650;
  white-space: nowrap;
}
.om-rozet--islendi[b-uwbtm3w7t9] {
  color: var(--basari-metin);
  background: color-mix(in srgb, var(--basari) 22%, transparent);
}
.om-rozet--bekliyor[b-uwbtm3w7t9] {
  color: var(--muted);
  background: color-mix(in srgb, var(--muted) 12%, transparent);
}

/* ── Hazırlık kartı ── */
.om-hazirlik[b-uwbtm3w7t9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: var(--st-touch, 44px);
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.om-hazirlik--kayip[b-uwbtm3w7t9] {
  opacity: 0.78;
}
.om-hazirlik__ust[b-uwbtm3w7t9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.om-hazirlik__ad[b-uwbtm3w7t9] {
  flex: 1 1 160px;
  min-width: 0;
  font-weight: 650;
  color: var(--fg);
  overflow-wrap: anywhere;
}
a.om-hazirlik__ad[b-uwbtm3w7t9] {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.om-hazirlik__metin[b-uwbtm3w7t9] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.9rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ── İşlenen konular (satır = konu; sekme KONU sayar, ders değil) ── */
.om-islenen[b-uwbtm3w7t9] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.om-islenen__tarih[b-uwbtm3w7t9] {
  flex: 0 0 auto;
  min-width: 72px;
  font-size: 0.82rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--wallet) 78%, var(--fg));
}
.om-islenen__govde[b-uwbtm3w7t9] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.om-islenen__baslik[b-uwbtm3w7t9] {
  font-weight: 650;
  color: var(--fg);
  overflow-wrap: anywhere;
}
.om-islenen__unite[b-uwbtm3w7t9] {
  font-size: 0.8rem;
  color: var(--muted);
  overflow-wrap: anywhere;
}

/* ── Boş durum ── */
.om-bos[b-uwbtm3w7t9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 48px 24px;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
}
.om-bos__ico[b-uwbtm3w7t9] {
  display: inline-grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}
.om-bos__title[b-uwbtm3w7t9] {
  margin: 6px 0 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--fg);
}
.om-bos__desc[b-uwbtm3w7t9] {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 0.92rem;
  max-width: 34ch;
}

/* ── Telefon (≤420px): halka üstte, satır iki sıraya iner, sıra etiketi dar ── */
@media (max-width: 420px) {
  .om-ilerleme[b-uwbtm3w7t9] {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .om-halka[b-uwbtm3w7t9] {
    margin: 0 auto;
  }
  .om-ilerleme__aciklama[b-uwbtm3w7t9] {
    justify-content: center;
  }
  .om-konu[b-uwbtm3w7t9] {
    flex-wrap: wrap;
  }
  .om-konu__sira[b-uwbtm3w7t9] {
    min-width: 0;
  }
  .om-rozet[b-uwbtm3w7t9] {
    align-self: flex-start;
    margin-left: auto;
  }
  .om-islenen[b-uwbtm3w7t9] {
    flex-wrap: wrap;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/OgrenciPanel.razor.rz.scp.css */
/* FAZ 3.8 G3 — Öğrenci paneli. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Streak-only (rozet/seviye/XP yok). Kartlar büyük, dokunma-dostu (KART, toggle değil). */

.op-hero[b-fc6uw96xyj] {
  margin: 0 0 22px;
}
.op-hero__eyebrow[b-fc6uw96xyj] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.op-hero__title[b-fc6uw96xyj] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}

.op-grid[b-fc6uw96xyj] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

/* ── Streak ── */
.op-streak[b-fc6uw96xyj] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  padding: 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.op-streak.is-active[b-fc6uw96xyj] {
  border-color: color-mix(in srgb, var(--orange-500) 35%, transparent);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--orange-500) 12%, var(--glass-strong)),
    var(--glass-strong)
  );
}
.op-streak__icon[b-fc6uw96xyj] {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--orange-500) 18%, transparent);
  color: var(--orange-600);
}
.op-streak.is-idle .op-streak__icon[b-fc6uw96xyj] {
  background: color-mix(in srgb, var(--muted) 14%, transparent);
  color: var(--muted);
}
.op-streak__body[b-fc6uw96xyj] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.op-streak__label[b-fc6uw96xyj] {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--muted);
}
.op-streak__count[b-fc6uw96xyj] {
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--fg);
}
.op-streak__unit[b-fc6uw96xyj] {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--fg-soft);
}
.op-streak__hint[b-fc6uw96xyj] {
  font-size: 0.85rem;
  color: var(--fg-soft);
}

/* ── İlerleme özeti ── */
.op-progress[b-fc6uw96xyj] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.op-progress__top[b-fc6uw96xyj] {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.op-progress__pct[b-fc6uw96xyj] {
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  color: var(--brand-strong);
}
.op-progress__label[b-fc6uw96xyj] {
  font-size: 0.9rem;
  color: var(--muted);
}
.op-progress__bar[b-fc6uw96xyj] {
  height: 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--muted) 18%, transparent);
  overflow: hidden;
}
.op-progress__bar > span[b-fc6uw96xyj] {
  display: block;
  height: 100%;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--brand), var(--accent));
  transition: width 320ms var(--ease-smooth);
}
.op-progress__stats[b-fc6uw96xyj] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.85rem;
  color: var(--fg-soft);
}
.op-progress__stats strong[b-fc6uw96xyj] {
  color: var(--fg);
  font-family: var(--font-display);
}

/* ── Bölüm başlığı ── */
.op-section-title[b-fc6uw96xyj] {
  margin: 8px 0 14px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--fg);
}

/* ── Büyük kartlar ── */
.op-cards[b-fc6uw96xyj] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 14px;
  margin-bottom: 30px;
}
.op-card[b-fc6uw96xyj] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: max(var(--st-touch, 44px), 128px);
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass);
  text-decoration: none;
  color: var(--fg);
  transition:
    transform 180ms var(--ease-smooth),
    box-shadow 180ms var(--ease-smooth),
    border-color 180ms var(--ease-smooth);
}
.op-card:hover[b-fc6uw96xyj] {
  transform: translateY(-3px);
  box-shadow: var(--glass-shadow);
  border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
}
.op-card:focus-visible[b-fc6uw96xyj] {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}
.op-card__icon[b-fc6uw96xyj] {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--brand-strong);
}
.op-card__title[b-fc6uw96xyj] {
  font-size: 1.02rem;
  font-weight: 700;
}
.op-card__desc[b-fc6uw96xyj] {
  font-size: 0.85rem;
  color: var(--fg-soft);
}

/* ── Öneriler ── */
.op-recos[b-fc6uw96xyj] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.op-reco[b-fc6uw96xyj] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.op-reco__tag[b-fc6uw96xyj] {
  flex: none;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--turkuaz-rozet-metin);
  font-size: 0.75rem;
  font-weight: 600;
}
.op-reco__msg[b-fc6uw96xyj] {
  font-size: 0.9rem;
  color: var(--fg-soft);
}
.op-recos-all[b-fc6uw96xyj] {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 10px;
  padding: 6px 4px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.op-recos-all:hover[b-fc6uw96xyj] {
  color: var(--accent-metin);
}

/* ── Yaş tonu: Mini/Junior daha büyük ── */
.op-hero.student-mini .op-hero__title[b-fc6uw96xyj],
.op-hero.student-junior .op-hero__title[b-fc6uw96xyj] {
  font-size: clamp(1.7rem, 5vw, 2.4rem);
}

@media (prefers-reduced-motion: reduce) {
  .op-card[b-fc6uw96xyj],
  .op-progress__bar > span[b-fc6uw96xyj] {
    transition: none;
  }
  .op-card:hover[b-fc6uw96xyj] {
    transform: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/Oneriler.razor.rz.scp.css */
/* FAZ 3.8 G4 — Öneriler. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK. */

.rc-hero[b-8yx320x8fx] {
  margin: 0 0 22px;
}
.rc-hero__eyebrow[b-8yx320x8fx] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.rc-hero__title[b-8yx320x8fx] {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.rc-hero__lead[b-8yx320x8fx] {
  margin: 0;
  font-size: 0.95rem;
  color: var(--fg-soft);
}

.rc-banner[b-8yx320x8fx] {
  margin: 0 0 14px;
  padding: 12px 16px;
  border-radius: var(--radius);
  font-size: 0.88rem;
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber-500) 30%, var(--line));
}

.rc-list[b-8yx320x8fx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rc-card[b-8yx320x8fx] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
  border-left-width: 4px;
}
.rc-card.is-prereq[b-8yx320x8fx] {
  border-left-color: var(--brand);
}
.rc-card.is-skipped[b-8yx320x8fx] {
  border-left-color: var(--amber-500);
}
.rc-card.is-practice[b-8yx320x8fx] {
  border-left-color: var(--orange-500);
}
.rc-card.is-generic[b-8yx320x8fx] {
  border-left-color: var(--accent);
}

.rc-card__body[b-8yx320x8fx] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rc-card__tag[b-8yx320x8fx] {
  align-self: flex-start;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--turkuaz-rozet-metin);
  font-size: 0.74rem;
  font-weight: 600;
}
.rc-card__msg[b-8yx320x8fx] {
  margin: 0;
  font-size: 0.95rem;
  color: var(--fg);
}
.rc-card__date[b-8yx320x8fx] {
  font-size: 0.78rem;
  color: var(--muted);
}

.rc-card__dismiss[b-8yx320x8fx] {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--st-touch, 44px);
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--glass);
  color: var(--fg-soft);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    border-color 160ms var(--ease-smooth),
    color 160ms var(--ease-smooth);
}
.rc-card__dismiss:hover:not(:disabled)[b-8yx320x8fx] {
  border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
  color: var(--fg);
}
.rc-card__dismiss:focus-visible[b-8yx320x8fx] {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}
.rc-card__dismiss:disabled[b-8yx320x8fx] {
  opacity: 0.6;
  cursor: default;
}

.rc-spin[b-8yx320x8fx] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--muted) 40%, transparent);
  border-top-color: var(--brand);
  animation: rc-spin-b-8yx320x8fx 0.7s linear infinite;
}
@keyframes rc-spin-b-8yx320x8fx {
  to {
    transform: rotate(360deg);
  }
}

/* ── Boş durum (pozitif) ── */
.rc-empty[b-8yx320x8fx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 40px 20px;
}
.rc-empty__ico[b-8yx320x8fx] {
  display: inline-grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--green-500) 14%, transparent);
  color: var(--green-600);
  margin-bottom: 6px;
}
.rc-empty__title[b-8yx320x8fx] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--fg);
}
.rc-empty__desc[b-8yx320x8fx] {
  margin: 0;
  font-size: 0.9rem;
  color: var(--fg-soft);
}

@media (prefers-reduced-motion: reduce) {
  .rc-spin[b-8yx320x8fx] {
    animation-duration: 1.4s;
  }
  .rc-card__dismiss[b-8yx320x8fx] {
    transition: none;
  }
}

@media (max-width: 520px) {
  .rc-card[b-8yx320x8fx] {
    flex-direction: column;
    align-items: stretch;
  }
  .rc-card__dismiss[b-8yx320x8fx] {
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/QuizBaslat.razor.rz.scp.css */
/* FAZ 3.8 G3 — Quiz başlat. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Seçimler KART (toggle değil); dokunma-dostu; WCAG AA kontrast + odak halkası. */

.qs-hero[b-msrmjk2y8t] {
  margin: 0 0 22px;
}
.qs-hero__eyebrow[b-msrmjk2y8t] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.qs-hero__title[b-msrmjk2y8t] {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.qs-hero__sub[b-msrmjk2y8t] {
  margin: 0;
  max-width: 46ch;
  color: var(--fg-soft);
  line-height: 1.5;
}

/* ── Ders seçilmemiş yönlendirme ── */
.qs-guide[b-msrmjk2y8t] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 40px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qs-guide__ico[b-msrmjk2y8t] {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: var(--radius-pill);
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.qs-guide__title[b-msrmjk2y8t] {
  margin: 4px 0 0;
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--fg);
}
.qs-guide__desc[b-msrmjk2y8t] {
  margin: 0 0 6px;
  max-width: 44ch;
  color: var(--fg-soft);
  line-height: 1.5;
}

/* ── Form ── */
.qs-form[b-msrmjk2y8t] {
  display: flex;
  flex-direction: column;
  gap: 26px;
  max-width: 760px;
}
.qs-course[b-msrmjk2y8t] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  padding: 12px 16px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qs-course__label[b-msrmjk2y8t] {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--muted);
}
.qs-course__name[b-msrmjk2y8t] {
  font-weight: 600;
  color: var(--fg);
}

.qs-field[b-msrmjk2y8t] {
  border: 0;
  padding: 0;
  margin: 0;
}
.qs-legend[b-msrmjk2y8t] {
  display: block;
  margin: 0 0 12px;
  padding: 0;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--fg);
}
.qs-optional[b-msrmjk2y8t] {
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 400;
  color: var(--muted);
}

.qs-cards[b-msrmjk2y8t] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}
.qs-cards--count[b-msrmjk2y8t] {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.qs-choice[b-msrmjk2y8t] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 44px;
  padding: 16px 18px;
  text-align: left;
  cursor: pointer;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  transition:
    border-color 0.16s var(--ease-smooth),
    background 0.16s var(--ease-smooth),
    transform 0.12s var(--ease-smooth);
}
.qs-choice:hover[b-msrmjk2y8t] {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  background: var(--glass-hover);
}
.qs-choice.is-selected[b-msrmjk2y8t] {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.qs-choice:focus-visible[b-msrmjk2y8t] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.qs-choice__title[b-msrmjk2y8t] {
  font-weight: 700;
  color: var(--fg);
}
.qs-choice__desc[b-msrmjk2y8t] {
  font-size: 0.86rem;
  color: var(--fg-soft);
}
.qs-choice--count[b-msrmjk2y8t] {
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
}
.qs-choice__num[b-msrmjk2y8t] {
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--fg);
}
.qs-choice__unit[b-msrmjk2y8t] {
  color: var(--fg-soft);
}

.qs-input[b-msrmjk2y8t] {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  font: inherit;
}
.qs-input:focus-visible[b-msrmjk2y8t] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 1px;
  border-color: var(--accent);
}
.qs-hint[b-msrmjk2y8t] {
  margin: 8px 0 0;
  font-size: 0.84rem;
  color: var(--muted);
}

.qs-error[b-msrmjk2y8t] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--red-500) 45%, var(--line));
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--fg);
}
.qs-error svg[b-msrmjk2y8t] {
  color: var(--red-500);
  flex: 0 0 auto;
}

.qs-actions[b-msrmjk2y8t] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.qs-btn[b-msrmjk2y8t] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 24px;
  border: 0;
  border-radius: var(--radius-pill);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.qs-btn--primary[b-msrmjk2y8t] {
  background: var(--accent);
  color: var(--on-brand);
  transition:
    transform 0.12s var(--ease-smooth),
    filter 0.16s var(--ease-smooth);
}
.qs-btn--primary:hover[b-msrmjk2y8t] {
  filter: brightness(1.05);
}
.qs-btn--primary:active[b-msrmjk2y8t] {
  transform: translateY(1px);
}
.qs-btn--primary:focus-visible[b-msrmjk2y8t] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.qs-btn:disabled[b-msrmjk2y8t] {
  opacity: 0.6;
  cursor: progress;
}

.qs-linkline[b-msrmjk2y8t] {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}
.qs-linkline:hover[b-msrmjk2y8t] {
  text-decoration: underline;
}

.qs-spin[b-msrmjk2y8t] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--on-brand) 40%, transparent);
  border-top-color: var(--on-brand);
  animation: qs-spin-b-msrmjk2y8t 0.7s linear infinite;
}
@keyframes qs-spin-b-msrmjk2y8t {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .qs-choice[b-msrmjk2y8t],
  .qs-btn--primary[b-msrmjk2y8t] {
    transition: none;
  }
  .qs-spin[b-msrmjk2y8t] {
    animation-duration: 1.6s;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/QuizCoz.razor.rz.scp.css */
/* FAZ 3.8 G3 — Quiz çöz. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Soru SORU gibi: şık KARTLARI, medya gömülü. Doğru/yanlış rengi SUNUCU verdictine göre. */

/* ── Oturum kayıp (resume yok) ── */
.qc-lost[b-0fmqjqdxnx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 44px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qc-lost__ico[b-0fmqjqdxnx] {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: var(--radius-pill);
  color: var(--amber-500);
  background: color-mix(in srgb, var(--amber-500) 14%, transparent);
}
.qc-lost__title[b-0fmqjqdxnx] {
  margin: 4px 0 0;
  font-family: var(--font-display);
  font-size: 1.3rem;
  color: var(--fg);
}
.qc-lost__desc[b-0fmqjqdxnx] {
  margin: 0 0 6px;
  max-width: 48ch;
  color: var(--fg-soft);
  line-height: 1.5;
}

/* ── İlerleme ── */
.qc-progress[b-0fmqjqdxnx] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
}
.qc-progress__bar[b-0fmqjqdxnx] {
  flex: 1;
  height: 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--fg) 10%, transparent);
  overflow: hidden;
}
.qc-progress__bar span[b-0fmqjqdxnx] {
  display: block;
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--accent);
  transition: width 0.25s var(--ease-smooth);
}
.qc-progress__label[b-0fmqjqdxnx] {
  flex: 0 0 auto;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--muted);
}

/* ── Soru kartı ── */
.qc-card[b-0fmqjqdxnx] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
  max-width: 760px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.qc-type[b-0fmqjqdxnx] {
  align-self: flex-start;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.qc-question[b-0fmqjqdxnx] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  font-weight: 700;
  line-height: 1.35;
  color: var(--fg);
}

/* ── Seçenekler (KART) ── */
.qc-options[b-0fmqjqdxnx] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.qc-option[b-0fmqjqdxnx] {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  text-align: left;
  cursor: pointer;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  transition:
    border-color 0.16s var(--ease-smooth),
    background 0.16s var(--ease-smooth);
}
.qc-option:hover:not(:disabled)[b-0fmqjqdxnx] {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  background: var(--glass-hover);
}
.qc-option.is-selected[b-0fmqjqdxnx] {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.qc-option:focus-visible[b-0fmqjqdxnx] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.qc-option:disabled[b-0fmqjqdxnx] {
  cursor: default;
}
.qc-option__mark[b-0fmqjqdxnx] {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-pill);
  border: 2px solid color-mix(in srgb, var(--fg) 30%, transparent);
  transition:
    border-color 0.16s var(--ease-smooth),
    background 0.16s var(--ease-smooth);
}
.qc-option.is-selected .qc-option__mark[b-0fmqjqdxnx] {
  border-color: var(--accent);
  background: radial-gradient(
    circle at center,
    var(--accent) 0 45%,
    transparent 46%
  );
}
.qc-option__body[b-0fmqjqdxnx] {
  flex: 1;
  min-width: 0;
}
.qc-option__text[b-0fmqjqdxnx] {
  color: var(--fg);
}

.qc-textarea[b-0fmqjqdxnx] {
  width: 100%;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  font: inherit;
  resize: vertical;
}
.qc-textarea:focus-visible[b-0fmqjqdxnx] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 1px;
  border-color: var(--accent);
}
.qc-hint[b-0fmqjqdxnx] {
  margin: 0;
  color: var(--muted);
}

/* ── Sunucu verdicti ── */
.qc-verdict[b-0fmqjqdxnx] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qc-verdict.is-correct[b-0fmqjqdxnx] {
  border-color: color-mix(in srgb, var(--green-500) 45%, var(--line));
  background: color-mix(in srgb, var(--green-500) 10%, transparent);
}
.qc-verdict.is-wrong[b-0fmqjqdxnx] {
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--line));
  background: color-mix(in srgb, var(--red-500) 8%, transparent);
}
.qc-verdict__badge[b-0fmqjqdxnx] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: var(--fg);
}
.qc-verdict.is-correct .qc-verdict__badge[b-0fmqjqdxnx] {
  color: var(--green-600);
}
.qc-verdict.is-wrong .qc-verdict__badge[b-0fmqjqdxnx] {
  color: var(--red-600);
}
.qc-verdict__answer[b-0fmqjqdxnx] {
  margin: 0;
  color: var(--fg);
}
.qc-verdict__answer-label[b-0fmqjqdxnx] {
  font-weight: 700;
}
.qc-verdict__exp[b-0fmqjqdxnx] {
  margin: 0;
  color: var(--fg-soft);
  line-height: 1.5;
}

.qc-error[b-0fmqjqdxnx] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--red-500) 45%, var(--line));
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--fg);
}
.qc-error svg[b-0fmqjqdxnx] {
  color: var(--red-500);
  flex: 0 0 auto;
}

/* ── Aksiyon ── */
.qc-actions[b-0fmqjqdxnx] {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.qc-btn[b-0fmqjqdxnx] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 24px;
  border: 0;
  border-radius: var(--radius-pill);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.qc-btn--primary[b-0fmqjqdxnx] {
  background: var(--accent);
  color: var(--on-brand);
  transition:
    filter 0.16s var(--ease-smooth),
    transform 0.12s var(--ease-smooth);
}
.qc-btn--primary:hover:not(:disabled)[b-0fmqjqdxnx] {
  filter: brightness(1.05);
}
.qc-btn--primary:active:not(:disabled)[b-0fmqjqdxnx] {
  transform: translateY(1px);
}
.qc-btn--primary:focus-visible[b-0fmqjqdxnx] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.qc-btn:disabled[b-0fmqjqdxnx] {
  opacity: 0.55;
  cursor: not-allowed;
}

.qc-linkline[b-0fmqjqdxnx] {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}
.qc-linkline:hover[b-0fmqjqdxnx] {
  text-decoration: underline;
}

.qc-spin[b-0fmqjqdxnx] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--on-brand) 40%, transparent);
  border-top-color: var(--on-brand);
  animation: qc-spin-b-0fmqjqdxnx 0.7s linear infinite;
}
@keyframes qc-spin-b-0fmqjqdxnx {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .qc-option[b-0fmqjqdxnx],
  .qc-option__mark[b-0fmqjqdxnx],
  .qc-btn--primary[b-0fmqjqdxnx],
  .qc-progress__bar span[b-0fmqjqdxnx] {
    transition: none;
  }
  .qc-spin[b-0fmqjqdxnx] {
    animation-duration: 1.6s;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/QuizGecmisi.razor.rz.scp.css */
/* FAZ 3.8 G3 — Quiz geçmişi. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Deneme KART; skor tonu görsel; dokunma-dostu satırlar. */

.qh-hero[b-quwm7u8zhi] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 22px;
}
.qh-hero__eyebrow[b-quwm7u8zhi] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--muted);
}
.qh-hero__title[b-quwm7u8zhi] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}

.qh-list[b-quwm7u8zhi] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.qh-item[b-quwm7u8zhi] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  min-height: 64px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  text-decoration: none;
  transition:
    border-color 0.16s var(--ease-smooth),
    background 0.16s var(--ease-smooth),
    transform 0.12s var(--ease-smooth);
}
.qh-item:hover[b-quwm7u8zhi] {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: var(--glass-hover);
}
.qh-item:focus-visible[b-quwm7u8zhi] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}

.qh-item__score[b-quwm7u8zhi] {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  min-width: 64px;
  height: 48px;
  padding: 0 10px;
  border-radius: var(--radius);
  font-family: var(--font-display);
  font-weight: 800;
  color: var(--fg);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qh-item__score.is-high[b-quwm7u8zhi] {
  color: var(--green-600);
  border-color: color-mix(in srgb, var(--green-500) 45%, var(--line));
  background: color-mix(in srgb, var(--green-500) 12%, transparent);
}
.qh-item__score.is-mid[b-quwm7u8zhi] {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.qh-item__score.is-low[b-quwm7u8zhi] {
  color: var(--amber-600);
  border-color: color-mix(in srgb, var(--amber-500) 45%, var(--line));
  background: color-mix(in srgb, var(--amber-500) 12%, transparent);
}
.qh-item__score.is-start[b-quwm7u8zhi] {
  color: var(--fg-soft);
}

.qh-item__body[b-quwm7u8zhi] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.qh-item__title[b-quwm7u8zhi] {
  font-weight: 700;
  color: var(--fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qh-item__sub[b-quwm7u8zhi] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 0.86rem;
  color: var(--fg-soft);
}
.qh-dot[b-quwm7u8zhi] {
  color: var(--muted);
}
.qh-item__date[b-quwm7u8zhi] {
  font-size: 0.8rem;
  color: var(--muted);
}
.qh-item__chev[b-quwm7u8zhi] {
  flex: 0 0 auto;
  color: var(--muted);
}

/* ── Boş durum ── */
.qh-empty[b-quwm7u8zhi] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 44px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qh-empty__ico[b-quwm7u8zhi] {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: var(--radius-pill);
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.qh-empty__title[b-quwm7u8zhi] {
  margin: 4px 0 0;
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--fg);
}
.qh-empty__desc[b-quwm7u8zhi] {
  margin: 0 0 6px;
  max-width: 42ch;
  color: var(--fg-soft);
  line-height: 1.5;
}

/* ── Sayfalama ── */
.qh-pager[b-quwm7u8zhi] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 18px;
}
.qh-pager__btn[b-quwm7u8zhi] {
  min-height: 44px;
  padding: 0 18px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.qh-pager__btn:hover:not(:disabled)[b-quwm7u8zhi] {
  border-color: var(--accent);
}
.qh-pager__btn:disabled[b-quwm7u8zhi] {
  opacity: 0.5;
  cursor: not-allowed;
}
.qh-pager__btn:focus-visible[b-quwm7u8zhi] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.qh-pager__info[b-quwm7u8zhi] {
  color: var(--muted);
  font-weight: 600;
}

.qh-btn[b-quwm7u8zhi] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: var(--radius-pill);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.qh-btn--primary[b-quwm7u8zhi] {
  background: var(--accent);
  color: var(--on-brand);
  transition: filter 0.16s var(--ease-smooth);
}
.qh-btn--primary:hover[b-quwm7u8zhi] {
  filter: brightness(1.05);
}
.qh-btn--primary:focus-visible[b-quwm7u8zhi] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .qh-item[b-quwm7u8zhi],
  .qh-btn--primary[b-quwm7u8zhi] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/QuizSonuc.razor.rz.scp.css */
/* FAZ 3.8 G3 — Quiz sonuç. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Skor tonu görsel geri bildirim (is-high/mid/low/start); suçlayıcı dil YOK. */

.qr[b-kxv5laxrii] {
  display: grid;
  grid-template-columns: minmax(200px, 260px) 1fr;
  gap: 24px;
  align-items: start;
  max-width: 820px;
}
@media (max-width: 640px) {
  .qr[b-kxv5laxrii] {
    grid-template-columns: 1fr;
  }
}

.qr-score[b-kxv5laxrii] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 32px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.qr-score.is-high[b-kxv5laxrii] {
  border-color: color-mix(in srgb, var(--green-500) 45%, var(--line));
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--green-500) 16%, transparent),
    transparent
  );
}
.qr-score.is-mid[b-kxv5laxrii] {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--accent) 14%, transparent),
    transparent
  );
}
.qr-score.is-low[b-kxv5laxrii] {
  border-color: color-mix(in srgb, var(--amber-500) 45%, var(--line));
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--amber-500) 14%, transparent),
    transparent
  );
}
.qr-score.is-start[b-kxv5laxrii] {
  border-color: var(--line);
  background: var(--glass);
}
.qr-score__pct[b-kxv5laxrii] {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 8vw, 3.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--fg);
}
.qr-score__ratio[b-kxv5laxrii] {
  font-weight: 600;
  color: var(--fg-soft);
}

.qr-body[b-kxv5laxrii] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.qr-headline[b-kxv5laxrii] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 4vw, 1.8rem);
  font-weight: 700;
  color: var(--fg);
}
.qr-hint[b-kxv5laxrii] {
  margin: 0;
  max-width: 52ch;
  color: var(--fg-soft);
  line-height: 1.55;
}

.qr-meta[b-kxv5laxrii] {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.qr-meta li[b-kxv5laxrii] {
  display: flex;
  gap: 12px;
  padding: 10px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qr-meta__k[b-kxv5laxrii] {
  flex: 0 0 120px;
  font-weight: 600;
  color: var(--muted);
}
.qr-meta__v[b-kxv5laxrii] {
  color: var(--fg);
  font-weight: 600;
}

.qr-actions[b-kxv5laxrii] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.qr-btn[b-kxv5laxrii] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border: 0;
  border-radius: var(--radius-pill);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.qr-btn--primary[b-kxv5laxrii] {
  background: var(--accent);
  color: var(--on-brand);
  transition:
    filter 0.16s var(--ease-smooth),
    transform 0.12s var(--ease-smooth);
}
.qr-btn--primary:hover[b-kxv5laxrii] {
  filter: brightness(1.05);
}
.qr-btn--primary:active[b-kxv5laxrii] {
  transform: translateY(1px);
}
.qr-btn--primary:focus-visible[b-kxv5laxrii] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.qr-linkline[b-kxv5laxrii] {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}
.qr-linkline:hover[b-kxv5laxrii] {
  text-decoration: underline;
}

/* ── Sonuç yok ── */
.qr-lost[b-kxv5laxrii] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 40px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass);
}
.qr-lost__title[b-kxv5laxrii] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--fg);
}
.qr-lost__desc[b-kxv5laxrii] {
  margin: 0 0 6px;
  max-width: 44ch;
  color: var(--fg-soft);
  line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
  .qr-btn--primary[b-kxv5laxrii] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/Serilerim.razor.rz.scp.css */
/* FAZ 3.8 G4 — Serilerim (streak-only). Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   ROZET/SEVİYE/XP YOK — yalnız gün serisi + takvim. */

.sr-hero[b-ueyspaknex] {
  margin: 0 0 22px;
}
.sr-hero__eyebrow[b-ueyspaknex] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.sr-hero__title[b-ueyspaknex] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.sr-hero.student-mini .sr-hero__title[b-ueyspaknex],
.sr-hero.student-junior .sr-hero__title[b-ueyspaknex] {
  font-size: clamp(1.7rem, 5vw, 2.4rem);
}

/* ── Büyük streak kartı ── */
.sr-streak[b-ueyspaknex] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "flame nums"
    "motive motive";
  gap: 8px 20px;
  align-items: center;
  padding: 26px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
  margin-bottom: 8px;
}
.sr-streak.is-active[b-ueyspaknex] {
  border-color: color-mix(in srgb, var(--orange-500) 38%, transparent);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--orange-500) 14%, var(--glass-strong)),
    var(--glass-strong)
  );
}
.sr-streak__flame[b-ueyspaknex] {
  grid-area: flame;
  display: inline-grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--orange-500) 20%, transparent);
  color: var(--orange-600);
}
.sr-streak.is-idle .sr-streak__flame[b-ueyspaknex] {
  background: color-mix(in srgb, var(--muted) 14%, transparent);
  color: var(--muted);
}
.sr-streak__nums[b-ueyspaknex] {
  grid-area: nums;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}
.sr-streak__count[b-ueyspaknex] {
  font-family: var(--font-display);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  color: var(--fg);
}
.sr-streak__unit[b-ueyspaknex] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--fg-soft);
}
.sr-streak__motive[b-ueyspaknex] {
  grid-area: motive;
  margin: 4px 0 0;
  font-size: 1rem;
  color: var(--fg-soft);
}

/* ── Bölüm başlığı ── */
.sr-section-title[b-ueyspaknex] {
  margin: 26px 0 14px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--fg);
}

/* ── Takvim ── */
.sr-cal[b-ueyspaknex] {
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.sr-cal__head[b-ueyspaknex],
.sr-cal__grid[b-ueyspaknex] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}
.sr-cal__head[b-ueyspaknex] {
  margin-bottom: 8px;
}
.sr-cal__wd[b-ueyspaknex] {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--muted);
}
.sr-cal__day[b-ueyspaknex] {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--fg-soft);
  background: color-mix(in srgb, var(--muted) 10%, transparent);
  border: 1px solid transparent;
}
.sr-cal__day.is-hit[b-ueyspaknex] {
  color: var(--orange-600);
  background: color-mix(in srgb, var(--orange-500) 22%, transparent);
  border-color: color-mix(in srgb, var(--orange-500) 40%, transparent);
}
.sr-cal__day.is-today[b-ueyspaknex] {
  border-color: var(--brand);
  outline: 1px solid var(--brand);
}
.sr-cal__day.is-future[b-ueyspaknex] {
  opacity: 0.4;
}
.sr-cal__legend[b-ueyspaknex] {
  display: flex;
  gap: 18px;
  margin-top: 14px;
  font-size: 0.78rem;
  color: var(--muted);
}
.sr-cal__lg[b-ueyspaknex] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.sr-cal__swatch[b-ueyspaknex] {
  width: 14px;
  height: 14px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--muted) 14%, transparent);
}
.sr-cal__swatch.is-hit[b-ueyspaknex] {
  background: color-mix(in srgb, var(--orange-500) 30%, transparent);
}

.sr-tip[b-ueyspaknex] {
  margin: 16px 0 0;
  padding: 14px 16px;
  font-size: 0.9rem;
  color: var(--fg-soft);
  border-radius: var(--radius);
  border: 1px dashed var(--line);
  background: var(--glass);
}
/* _content/EduLive.Web/Components/Pages/Student/SinavGiris.razor.rz.scp.css */
/* FAZ 3.8 G4 — Sınav girişi. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Kartlar büyük ve dokunma-dostu (KART, toggle değil); WCAG AA kontrast. */

.sg-hero[b-et9zy5foc2] {
  margin: 0 0 22px;
}
.sg-hero__eyebrow[b-et9zy5foc2] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.sg-hero__title[b-et9zy5foc2] {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.sg-hero__lead[b-et9zy5foc2] {
  margin: 0;
  max-width: 60ch;
  color: var(--fg-soft);
  font-size: 0.98rem;
  line-height: 1.5;
}

.sg-list[b-et9zy5foc2] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.sg-card[b-et9zy5foc2] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.sg-card__title[b-et9zy5foc2] {
  margin: 0 0 6px;
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--fg);
}
.sg-card__desc[b-et9zy5foc2] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.94rem;
  line-height: 1.5;
}
.sg-card__due[b-et9zy5foc2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 0.86rem;
}
.sg-card__due-icon[b-et9zy5foc2] {
  display: inline-grid;
  place-items: center;
  color: var(--accent);
}
.sg-card__action[b-et9zy5foc2] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sg-card__error[b-et9zy5foc2] {
  margin: 0;
  color: var(--red-600);
  font-size: 0.86rem;
}

.sg-start[b-et9zy5foc2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 20px;
  border: none;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--on-brand);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform 0.15s var(--ease-smooth),
    filter 0.15s var(--ease-smooth);
}
.sg-start:hover:not(:disabled)[b-et9zy5foc2] {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.sg-start:focus-visible[b-et9zy5foc2] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.sg-start:disabled[b-et9zy5foc2] {
  opacity: 0.6;
  cursor: default;
}
.sg-start__spin[b-et9zy5foc2] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--on-brand) 40%, transparent);
  border-top-color: var(--on-brand);
  animation: sg-spin-b-et9zy5foc2 0.7s linear infinite;
}
@keyframes sg-spin-b-et9zy5foc2 {
  to {
    transform: rotate(360deg);
  }
}

/* ── Boş durum ── */
.sg-empty[b-et9zy5foc2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 48px 20px;
  color: var(--fg-soft);
}
.sg-empty__icon[b-et9zy5foc2] {
  color: var(--accent);
  opacity: 0.7;
}
.sg-empty__title[b-et9zy5foc2] {
  margin: 6px 0 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--fg);
}
.sg-empty__text[b-et9zy5foc2] {
  margin: 0;
  max-width: 44ch;
  line-height: 1.5;
}
.sg-empty__link[b-et9zy5foc2] {
  margin-top: 8px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}
.sg-empty__link:hover[b-et9zy5foc2] {
  background: var(--glass-hover);
}

@media (prefers-reduced-motion: reduce) {
  .sg-start[b-et9zy5foc2] {
    transition: none;
  }
  .sg-start__spin[b-et9zy5foc2] {
    animation-duration: 1.4s;
  }
}

/* ── PARİTE F09: iki kaynak + yarım kalan oturum ── */
.sg-rozet[b-et9zy5foc2] {
  display: inline-block;
  margin: 0 0 6px;
  padding: 2px 9px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.sg-rozet--dijital[b-et9zy5foc2] {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
}
.sg-card--devam[b-et9zy5foc2] {
  margin-bottom: 16px;
  border-color: color-mix(in srgb, var(--accent) 50%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, var(--glass-strong));
}
.sg-durum[b-et9zy5foc2] {
  font-weight: 700;
  color: var(--fg);
}
.sg-durum--acik[b-et9zy5foc2] { color: var(--accent); }
.sg-durum--bitti[b-et9zy5foc2] { color: var(--muted); }
.sg-uyari[b-et9zy5foc2] {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass);
  color: var(--fg-soft);
  font-size: 0.88rem;
}
.sg-sonuc[b-et9zy5foc2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}
.sg-sonuc:hover[b-et9zy5foc2] { background: var(--glass-hover); }
.sg-vazgec[b-et9zy5foc2] {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--fg-soft);
  font-size: 0.9rem;
  cursor: pointer;
}
.sg-vazgec:hover[b-et9zy5foc2] { background: var(--glass-hover); }
/* _content/EduLive.Web/Components/Pages/Student/SinavOturum.razor.rz.scp.css */
/* FAZ 3.8 G4 — Sınav oturumu. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Soru SORU gibi görünür; şıklar seçilebilir KART (toggle değil). İstemci doğru/yanlış BASMAZ. */

.so-shell[b-1y4cuup9s7] {
  max-width: 760px;
  margin: 0 auto;
}

.so-top[b-1y4cuup9s7] {
  margin: 0 0 14px;
}
.so-progress[b-1y4cuup9s7] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.so-progress__bar[b-1y4cuup9s7] {
  height: 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--line) 60%, transparent);
  overflow: hidden;
}
.so-progress__bar > span[b-1y4cuup9s7] {
  display: block;
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--accent);
  transition: width 0.3s var(--ease-smooth);
}
.so-progress__label[b-1y4cuup9s7] {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--muted);
}

.so-resume-note[b-1y4cuup9s7] {
  margin: 0 0 16px;
  padding: 10px 14px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--amber-500) 30%, var(--line));
  background: color-mix(in srgb, var(--amber-500) 8%, var(--glass));
  color: var(--fg-soft);
  font-size: 0.86rem;
  line-height: 1.45;
}

.so-question[b-1y4cuup9s7] {
  padding: 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.so-question__meta[b-1y4cuup9s7] {
  margin-bottom: 12px;
}
.so-qtype[b-1y4cuup9s7] {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 600;
}

.so-media[b-1y4cuup9s7] {
  margin: 0 0 16px;
}
.so-instruction[b-1y4cuup9s7] {
  margin: 0 0 8px;
  color: var(--fg-soft);
  font-size: 0.92rem;
  line-height: 1.5;
}
.so-stem[b-1y4cuup9s7] {
  margin: 0 0 20px;
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 2.6vw, 1.4rem);
  font-weight: 700;
  line-height: 1.4;
  color: var(--fg);
}

.so-options[b-1y4cuup9s7] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.so-option[b-1y4cuup9s7] {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 12px 16px;
  text-align: left;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  font-size: 1rem;
  cursor: pointer;
  transition:
    border-color 0.15s var(--ease-smooth),
    background 0.15s var(--ease-smooth);
}
.so-option:hover:not(:disabled)[b-1y4cuup9s7] {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  background: var(--glass-hover);
}
.so-option:focus-visible[b-1y4cuup9s7] {
  outline: 3px solid color-mix(in srgb, var(--accent) 50%, transparent);
  outline-offset: 2px;
}
.so-option.is-selected[b-1y4cuup9s7] {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, var(--glass));
}
.so-option:disabled[b-1y4cuup9s7] {
  cursor: default;
  opacity: 0.75;
}
.so-option__letter[b-1y4cuup9s7] {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1.5px solid var(--line);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--fg-soft);
}
.so-option.is-selected .so-option__letter[b-1y4cuup9s7] {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--on-brand);
}
.so-option__tick[b-1y4cuup9s7] {
  display: inline-grid;
  place-items: center;
  color: var(--accent);
}

.so-open[b-1y4cuup9s7] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.so-open__label[b-1y4cuup9s7] {
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--fg-soft);
}
.so-open__input[b-1y4cuup9s7] {
  width: 100%;
  resize: vertical;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.5;
}
.so-open__input:focus-visible[b-1y4cuup9s7] {
  outline: none;
  border-color: var(--accent);
}

.so-hitl-note[b-1y4cuup9s7] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 0 0;
  padding: 10px 14px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--blue-500) 28%, var(--line));
  background: color-mix(in srgb, var(--blue-500) 8%, var(--glass));
  color: var(--fg-soft);
  font-size: 0.86rem;
  line-height: 1.45;
}
.so-hitl-note__icon[b-1y4cuup9s7] {
  flex: none;
  color: var(--blue-600);
}

.so-error[b-1y4cuup9s7] {
  margin: 14px 0 0;
  color: var(--red-600);
  font-size: 0.9rem;
}

.so-actions[b-1y4cuup9s7] {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.so-next[b-1y4cuup9s7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 50px;
  padding: 0 28px;
  border: none;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--on-brand);
  font-size: 1.02rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform 0.15s var(--ease-smooth),
    filter 0.15s var(--ease-smooth);
}
.so-next:hover:not(:disabled)[b-1y4cuup9s7] {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.so-next:focus-visible[b-1y4cuup9s7] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
.so-next:disabled[b-1y4cuup9s7] {
  opacity: 0.5;
  cursor: default;
}
.so-next__spin[b-1y4cuup9s7] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--on-brand) 40%, transparent);
  border-top-color: var(--on-brand);
  animation: so-spin-b-1y4cuup9s7 0.7s linear infinite;
}
@keyframes so-spin-b-1y4cuup9s7 {
  to {
    transform: rotate(360deg);
  }
}

.so-empty[b-1y4cuup9s7] {
  text-align: center;
  padding: 48px 20px;
  color: var(--fg-soft);
}
.so-empty__title[b-1y4cuup9s7] {
  margin: 0 0 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--fg);
}
.so-empty__text[b-1y4cuup9s7] {
  margin: 0 0 16px;
  line-height: 1.5;
}
.so-empty__link[b-1y4cuup9s7] {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
  .so-option[b-1y4cuup9s7],
  .so-next[b-1y4cuup9s7],
  .so-progress__bar > span[b-1y4cuup9s7] {
    transition: none;
  }
  .so-next__spin[b-1y4cuup9s7] {
    animation-duration: 1.4s;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/SinavSonucBekleme.razor.rz.scp.css */
/* FAZ 3.8 G4 — Sınav sonuç bekleme. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Salt-okunur; sahte WS/otomatik yenileme YOK. Dürüst bekleme. */

.ss-wrap[b-16mqtvawf7] {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
  padding: 16px 0 8px;
}
.ss-badge[b-16mqtvawf7] {
  display: inline-grid;
  place-items: center;
  width: 78px;
  height: 78px;
  margin: 8px auto 16px;
  border-radius: 50%;
  color: var(--green-600);
  background: color-mix(in srgb, var(--green-500) 14%, var(--glass));
  border: 1px solid color-mix(in srgb, var(--green-500) 30%, var(--line));
}
.ss-title[b-16mqtvawf7] {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 3.5vw, 1.9rem);
  font-weight: 700;
  color: var(--fg);
}
.ss-lead[b-16mqtvawf7] {
  margin: 0 0 24px;
  color: var(--fg-soft);
  line-height: 1.5;
}

.ss-cards[b-16mqtvawf7] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 22px;
  text-align: left;
}
.ss-card[b-16mqtvawf7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.ss-card__eyebrow[b-16mqtvawf7] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--muted);
}
.ss-card__big[b-16mqtvawf7] {
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  color: var(--fg);
  line-height: 1.1;
}
.ss-card__slash[b-16mqtvawf7] {
  font-size: 1.2rem;
  color: var(--muted);
}
.ss-card__sub[b-16mqtvawf7] {
  font-size: 0.86rem;
  color: var(--fg-soft);
}
.ss-card--auto .ss-card__big[b-16mqtvawf7] {
  color: var(--green-600);
}
.ss-meter[b-16mqtvawf7] {
  height: 8px;
  margin-top: 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--line) 60%, transparent);
  overflow: hidden;
}
.ss-meter > span[b-16mqtvawf7] {
  display: block;
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--green-500);
}
.ss-card__pct[b-16mqtvawf7] {
  margin-top: 6px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--fg-soft);
}
.ss-card--pending .ss-card__big[b-16mqtvawf7] {
  color: var(--amber-600);
}
.ss-card__note[b-16mqtvawf7] {
  margin: 6px 0 0;
  font-size: 0.84rem;
  color: var(--fg-soft);
  line-height: 1.45;
}

.ss-waiting[b-16mqtvawf7] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-align: left;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid color-mix(in srgb, var(--blue-500) 26%, var(--line));
  background: color-mix(in srgb, var(--blue-500) 7%, var(--glass));
  margin-bottom: 24px;
}
.ss-waiting__icon[b-16mqtvawf7] {
  flex: none;
  color: var(--blue-600);
}
.ss-waiting__text[b-16mqtvawf7] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.92rem;
  line-height: 1.5;
}

.ss-actions[b-16mqtvawf7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.ss-btn[b-16mqtvawf7] {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  padding: 0 22px;
  border-radius: var(--radius-pill);
  font-weight: 600;
  text-decoration: none;
}
.ss-btn--primary[b-16mqtvawf7] {
  background: var(--accent);
  color: var(--on-brand);
}
.ss-btn--primary:hover[b-16mqtvawf7] {
  filter: brightness(1.05);
}
.ss-btn--ghost[b-16mqtvawf7] {
  border: 1px solid var(--line);
  color: var(--fg);
}
.ss-btn--ghost:hover[b-16mqtvawf7] {
  background: var(--glass-hover);
}
.ss-btn:focus-visible[b-16mqtvawf7] {
  outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  outline-offset: 2px;
}
/* _content/EduLive.Web/Components/Pages/Student/SinavSonuclarim.razor.rz.scp.css */
/* Sınav sonuçlarım — öğrenci tarafı (mobil-ogrenci uçları). */

.ss-hero[b-evqar74hak] { margin-bottom: 1.25rem; }
.ss-hero__eyebrow[b-evqar74hak] { margin: 0; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; opacity: .7; }
.ss-hero__title[b-evqar74hak] { margin: .15rem 0 .3rem; font-size: 1.6rem; }
.ss-hero__sub[b-evqar74hak] { margin: 0; font-size: .9rem; opacity: .8; }

.ss-durum[b-evqar74hak] { font-size: .88rem; opacity: .85; margin: .5rem 0; }
.ss-durum--hata[b-evqar74hak] { color: var(--au-hata, #c53030); opacity: 1; }

.ss-bos[b-evqar74hak] {
    padding: 1.5rem; border: 1px dashed var(--au-cizgi, #d8dee9);
    border-radius: .65rem; text-align: center;
}
.ss-bos h2[b-evqar74hak] { margin: 0 0 .35rem; font-size: 1.05rem; }
.ss-bos p[b-evqar74hak] { margin: 0; font-size: .88rem; opacity: .8; }

.ss-liste[b-evqar74hak] { display: flex; flex-direction: column; gap: .85rem; }

.ss-kart[b-evqar74hak] {
    padding: .9rem 1rem; border: 1px solid var(--au-cizgi, #d8dee9);
    border-radius: .65rem; background: var(--au-yuzey, #fff);
}
.ss-kart__bas[b-evqar74hak] { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; align-items: flex-start; }
.ss-kart__ders[b-evqar74hak] { margin: 0; font-size: 1.02rem; }
.ss-kart__sinav[b-evqar74hak] { margin: .1rem 0 0; font-size: .82rem; opacity: .75; }

.ss-skor[b-evqar74hak] { display: flex; gap: 1rem; margin: 0; }
.ss-skor div[b-evqar74hak] { text-align: right; }
.ss-skor dt[b-evqar74hak] { font-size: .7rem; text-transform: uppercase; letter-spacing: .03em; opacity: .65; }
.ss-skor dd[b-evqar74hak] { margin: 0; font-size: 1.05rem; font-weight: 600; font-variant-numeric: tabular-nums; }

.ss-kart__eylem[b-evqar74hak] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .75rem; }

.ss-btn[b-evqar74hak] {
    padding: .4rem .8rem; border: 1px solid var(--au-cizgi, #d8dee9);
    border-radius: .45rem; background: var(--au-yuzey, #fff);
    font: inherit; font-size: .85rem; cursor: pointer;
}
.ss-btn:hover:not(:disabled)[b-evqar74hak] { border-color: var(--au-vurgu, #3b6ea5); }
.ss-btn:disabled[b-evqar74hak] { opacity: .55; cursor: not-allowed; }
.ss-btn--birincil[b-evqar74hak] { background: var(--au-vurgu, #3b6ea5); color: #fff; border-color: transparent; }
.ss-btn--sil[b-evqar74hak] { color: var(--au-hata, #c53030); }

.ss-itiraz-rozet[b-evqar74hak] {
    padding: .15rem .5rem; border-radius: 999px; font-size: .76rem; font-weight: 600;
    background: var(--au-yuzey-2, #f1f4f8);
}
.ss-itiraz-rozet--d0[b-evqar74hak] { background: #fdf3d7; color: #8a5a00; }
.ss-itiraz-rozet--d1[b-evqar74hak] { background: #dff3e6; color: #226b45; }
.ss-itiraz-rozet--d2[b-evqar74hak] { background: #fbe1e1; color: #9b2c2c; }

.ss-kagit[b-evqar74hak] { margin-top: .85rem; border-top: 1px solid var(--au-cizgi, #e5e9f0); padding-top: .75rem; }
.ss-kagit__ozet[b-evqar74hak] { display: flex; flex-wrap: wrap; gap: .75rem; font-size: .82rem; margin-bottom: .5rem; }
.ss-nokta[b-evqar74hak]::before {
    content: ""; display: inline-block; width: .5rem; height: .5rem;
    border-radius: 50%; margin-right: .3rem;
}
.ss-nokta--dogru[b-evqar74hak]::before { background: #2f855a; }
.ss-nokta--yanlis[b-evqar74hak]::before { background: #c53030; }
.ss-nokta--bos[b-evqar74hak]::before { background: #a0aec0; }

/* Dar ekranda tablo kendi içinde kaydırılır — sayfa yatay kaymaz. */
.ss-tablo[b-evqar74hak] { width: 100%; border-collapse: collapse; font-size: .84rem; display: block; overflow-x: auto; }
.ss-tablo th[b-evqar74hak], .ss-tablo td[b-evqar74hak] { padding: .28rem .5rem; text-align: left; border-bottom: 1px solid var(--au-cizgi, #eef1f5); }
.ss-tablo th[b-evqar74hak] { font-weight: 600; opacity: .75; }
.ss-tablo td:first-child[b-evqar74hak] { font-variant-numeric: tabular-nums; width: 4rem; }
.ss-kazanim[b-evqar74hak] { font-size: .76rem; opacity: .7; }

.ss-satir--dogru td:nth-child(2)[b-evqar74hak] { color: #2f855a; font-weight: 600; }
.ss-satir--yanlis td:nth-child(2)[b-evqar74hak] { color: #c53030; font-weight: 600; }
.ss-satir--bos td:nth-child(2)[b-evqar74hak] { color: #a0aec0; font-style: italic; }

.ss-itirazlar[b-evqar74hak] { margin-top: 1.5rem; }
.ss-itirazlar > h2[b-evqar74hak] { font-size: 1.1rem; margin: 0 0 .6rem; }
.ss-itiraz[b-evqar74hak] {
    padding: .7rem .85rem; border: 1px solid var(--au-cizgi, #d8dee9);
    border-radius: .55rem; margin-bottom: .6rem;
}
.ss-itiraz header[b-evqar74hak] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.ss-itiraz__tur[b-evqar74hak] { font-size: .78rem; opacity: .7; }
.ss-itiraz__mesaj[b-evqar74hak] { margin: .4rem 0 0; font-size: .86rem; }
.ss-itiraz__sonuc[b-evqar74hak] { margin: .4rem 0 0; font-size: .86rem; padding: .4rem .55rem; border-radius: .4rem; background: var(--au-yuzey-2, #f1f4f8); }

.ss-perde[b-evqar74hak] { position: fixed; inset: 0; background: rgba(0, 0, 0, .35); z-index: 40; }
.ss-dialog[b-evqar74hak] {
    position: fixed; z-index: 41; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: min(30rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow-y: auto;
    padding: 1.1rem; border-radius: .7rem; background: var(--au-yuzey, #fff);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
}
.ss-dialog h2[b-evqar74hak] { margin: 0 0 .75rem; font-size: 1.05rem; }
.ss-alan[b-evqar74hak] { display: flex; flex-direction: column; gap: .25rem; margin-bottom: .75rem; }
.ss-alan > span[b-evqar74hak] { font-size: .78rem; opacity: .8; }
.ss-alan select[b-evqar74hak], .ss-alan textarea[b-evqar74hak] {
    padding: .4rem .5rem; border: 1px solid var(--au-cizgi, #d8dee9);
    border-radius: .4rem; font: inherit; background: var(--au-yuzey, #fff);
}
.ss-dialog__dip[b-evqar74hak] { display: flex; justify-content: flex-end; gap: .5rem; }
/* _content/EduLive.Web/Components/Pages/Student/Transkript.razor.rz.scp.css */
/* FAZ 3.8 G4 — Transkript. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK. */

.tr-hero[b-p7eib0no0o] {
  margin: 0 0 22px;
}
.tr-hero__eyebrow[b-p7eib0no0o] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.tr-hero__title[b-p7eib0no0o] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}

/* ── Üniversite özelliği kapalı (dürüst bilgi) ── */
.tr-feature-off[b-p7eib0no0o] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.tr-feature-off__ico[b-p7eib0no0o] {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--brand) 14%, transparent);
  color: var(--brand-strong);
}
.tr-feature-off__title[b-p7eib0no0o] {
  margin: 2px 0 6px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--fg);
}
.tr-feature-off__desc[b-p7eib0no0o] {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--fg-soft);
}
.tr-feature-off__desc a[b-p7eib0no0o] {
  color: var(--brand-strong);
  font-weight: 600;
  text-decoration: none;
}
.tr-feature-off__desc a:hover[b-p7eib0no0o] {
  text-decoration: underline;
}

/* ── Bölüm başlığı ── */
.tr-section-title[b-p7eib0no0o] {
  margin: 24px 0 14px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--fg);
}

/* ── GPA kartları ── */
.tr-gpa[b-p7eib0no0o] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}
.tr-gpa__card[b-p7eib0no0o] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.tr-gpa__card--accent[b-p7eib0no0o] {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--brand) 12%, var(--glass-strong)),
    var(--glass-strong)
  );
  border-color: color-mix(in srgb, var(--brand) 32%, var(--line));
}
.tr-gpa__num[b-p7eib0no0o] {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--fg);
}
.tr-gpa__cap[b-p7eib0no0o] {
  font-size: 0.8rem;
  color: var(--fg-soft);
}

/* ── Ders tablosu ── */
.tr-table[b-p7eib0no0o] {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--glass-strong);
}
.tr-row[b-p7eib0no0o] {
  display: grid;
  grid-template-columns: 2.4fr 1fr 0.7fr 0.7fr 0.7fr 1.2fr;
  gap: 10px;
  align-items: center;
  padding: 12px 16px;
  border-top: 1px solid var(--line);
  font-size: 0.9rem;
  color: var(--fg);
}
.tr-row:first-child[b-p7eib0no0o] {
  border-top: 0;
}
.tr-row--head[b-p7eib0no0o] {
  background: color-mix(in srgb, var(--muted) 10%, transparent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--muted);
  text-transform: uppercase;
}
.tr-course[b-p7eib0no0o] {
  font-weight: 600;
}
.tr-muted[b-p7eib0no0o] {
  color: var(--fg-soft);
}
.tr-num[b-p7eib0no0o] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.tr-grade[b-p7eib0no0o] {
  font-family: var(--font-display);
  font-weight: 700;
}

.tr-status[b-p7eib0no0o] {
  display: inline-block;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 600;
}
.tr-status.is-ok[b-p7eib0no0o] {
  background: color-mix(in srgb, var(--green-500) 16%, transparent);
  color: var(--green-600);
}
.tr-status.is-live[b-p7eib0no0o] {
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--turkuaz-rozet-metin);
}
.tr-status.is-fail[b-p7eib0no0o] {
  background: color-mix(in srgb, var(--amber-500) 18%, transparent);
  color: var(--amber-600);
}
.tr-status.is-idle[b-p7eib0no0o] {
  background: color-mix(in srgb, var(--muted) 14%, transparent);
  color: var(--muted);
}

.tr-foot-note[b-p7eib0no0o] {
  margin: 14px 0 0;
  font-size: 0.85rem;
  color: var(--fg-soft);
}
.tr-empty[b-p7eib0no0o] {
  padding: 20px;
  font-size: 0.92rem;
  color: var(--fg-soft);
}

@media (max-width: 640px) {
  .tr-row[b-p7eib0no0o] {
    grid-template-columns: 1.6fr 0.8fr 0.8fr;
  }
  .tr-row > :nth-child(4)[b-p7eib0no0o],
  .tr-row > :nth-child(5)[b-p7eib0no0o] {
    display: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/TutorKonusmaDetay.razor.rz.scp.css */
/* FAZ 3.8 G3 — Sohbet detayı + düzeltme. Aurora token'ları (yalnız var(--*)); --text YOK. */

.td-top[b-gssu8iquzp] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.td-back[b-gssu8iquzp] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: var(--st-touch, 44px);
  padding: 0 0.6rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--glass-border);
  background: var(--glass);
  color: var(--fg-soft);
  text-decoration: none;
  font-size: 0.88rem;
}

.td-back:hover[b-gssu8iquzp] {
  background: var(--glass-hover);
  color: var(--fg);
}

.td-title[b-gssu8iquzp] {
  margin: 0;
  font-family: var(--font-display, inherit);
  font-size: calc(1.4rem * var(--st-font-scale, 1));
  color: var(--fg);
}

.td-course[b-gssu8iquzp] {
  font-size: 0.82rem;
  color: var(--fg-soft);
  background: var(--glass-strong);
  border-radius: var(--radius-pill);
  padding: 0.2rem 0.65rem;
}

.td-empty[b-gssu8iquzp] {
  padding: 2rem;
  text-align: center;
  color: var(--muted);
  border: 1px dashed var(--line);
  border-radius: var(--radius-lg);
}

.td-thread[b-gssu8iquzp] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.td-msg[b-gssu8iquzp] {
  display: flex;
}
.td-msg--user[b-gssu8iquzp] {
  justify-content: flex-end;
}
.td-msg--assistant[b-gssu8iquzp] {
  justify-content: flex-start;
}

.td-msg__bubble[b-gssu8iquzp] {
  max-width: 82%;
  padding: 0.65rem 0.85rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--glass-border);
  background: var(--glass);
}

.td-msg--user .td-msg__bubble[b-gssu8iquzp] {
  background: color-mix(in srgb, var(--accent) 16%, var(--glass));
  border-color: color-mix(in srgb, var(--accent) 40%, var(--glass-border));
}

.td-msg__who[b-gssu8iquzp] {
  display: block;
  font-size: 0.72rem;
  color: var(--muted);
  margin-bottom: 0.15rem;
}

.td-msg__text[b-gssu8iquzp] {
  margin: 0;
  color: var(--fg);
  line-height: 1.55;
  font-size: calc(0.95rem * var(--st-font-scale, 1));
  white-space: pre-wrap;
  word-break: break-word;
}

.td-msg__foot[b-gssu8iquzp] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.4rem;
}

.td-msg__time[b-gssu8iquzp] {
  font-size: 0.74rem;
  color: var(--muted);
}

.td-revise-btn[b-gssu8iquzp] {
  margin-inline-start: auto;
  min-height: 32px;
  padding: 0 0.6rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--glass-border);
  background: transparent;
  color: var(--accent);
  cursor: pointer;
  font-size: 0.8rem;
}

.td-revise-btn:hover:not(:disabled)[b-gssu8iquzp] {
  background: var(--glass-hover);
}
.td-revise-btn:disabled[b-gssu8iquzp] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Düzeltme kutusu */
.td-revise[b-gssu8iquzp] {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 0.4rem;
}

.td-revise__label[b-gssu8iquzp] {
  font-size: 0.85rem;
  color: var(--fg-soft);
}

.td-revise__input[b-gssu8iquzp] {
  width: 100%;
  resize: vertical;
  padding: 0.55rem 0.7rem;
  border-radius: var(--radius);
  border: 1px solid var(--glass-border);
  background: var(--page-bg, var(--glass));
  color: var(--fg);
  font: inherit;
  font-size: calc(0.92rem * var(--st-font-scale, 1));
}

.td-revise__input:focus-visible[b-gssu8iquzp] {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.td-revise__actions[b-gssu8iquzp] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.td-btn[b-gssu8iquzp] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: var(--st-touch, 44px);
  padding: 0 0.9rem;
  border-radius: var(--radius);
  cursor: pointer;
  font-size: 0.9rem;
  border: 1px solid var(--glass-border);
}

.td-btn--ghost[b-gssu8iquzp] {
  background: transparent;
  color: var(--fg-soft);
}
.td-btn--ghost:hover:not(:disabled)[b-gssu8iquzp] {
  background: var(--glass-hover);
  color: var(--fg);
}

.td-btn--primary[b-gssu8iquzp] {
  background: var(--brand, var(--accent));
  color: var(--on-brand, #fff);
  border-color: transparent;
}

.td-btn:disabled[b-gssu8iquzp] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* İş durumu bandı */
.td-jobbar[b-gssu8iquzp] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.65rem 0.85rem;
  border-radius: var(--radius);
  border: 1px solid var(--glass-border);
  background: var(--glass);
  color: var(--fg);
  font-size: 0.9rem;
}

.td-jobbar--success[b-gssu8iquzp] {
  border-color: var(--green-500);
  color: var(--green-600);
}
.td-jobbar--error[b-gssu8iquzp] {
  border-color: var(--red-500);
  color: var(--red-600);
}
.td-jobbar--info[b-gssu8iquzp] {
  border-color: var(--accent);
}

.td-spin[b-gssu8iquzp] {
  width: 15px;
  height: 15px;
  border: 2px solid color-mix(in srgb, var(--accent) 35%, transparent);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: td-spin-b-gssu8iquzp 0.7s linear infinite;
  display: inline-block;
}

@keyframes td-spin-b-gssu8iquzp {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .td-spin[b-gssu8iquzp] {
    animation: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/TutorMaliyet.razor.rz.scp.css */
/* FAZ 3.8 G3 — AI Öğretmen kullanımım. Aurora token'ları (yalnız var(--*)); --text YOK. */

.tm-top[b-qqlgqg48z8] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  margin-bottom: 1.1rem;
}

.tm-back[b-qqlgqg48z8] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: var(--st-touch, 44px);
  padding: 0 0.6rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--glass-border);
  background: var(--glass);
  color: var(--fg-soft);
  text-decoration: none;
  font-size: 0.88rem;
}

.tm-back:hover[b-qqlgqg48z8] {
  background: var(--glass-hover);
  color: var(--fg);
}

.tm-title[b-qqlgqg48z8] {
  margin: 0;
  font-family: var(--font-display, inherit);
  font-size: calc(1.5rem * var(--st-font-scale, 1));
  color: var(--fg);
}

.tm-empty[b-qqlgqg48z8] {
  padding: 2.5rem 1.5rem;
  text-align: center;
  border: 1px dashed var(--line);
  border-radius: var(--radius-lg);
  color: var(--muted);
}

.tm-empty__cta[b-qqlgqg48z8] {
  display: inline-block;
  margin-top: 0.8rem;
  min-height: var(--st-touch, 44px);
  line-height: var(--st-touch, 44px);
  padding: 0 1.1rem;
  border-radius: var(--radius-pill);
  background: var(--brand, var(--accent));
  color: var(--on-brand, #fff);
  text-decoration: none;
  font-size: 0.92rem;
}

/* Genel özet kartları */
.tm-summary[b-qqlgqg48z8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
  margin-bottom: 1.4rem;
}

.tm-stat[b-qqlgqg48z8] {
  display: grid;
  gap: 0.2rem;
  padding: 1.1rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--glass-border);
  background: var(--glass);
  text-align: center;
}

.tm-stat--accent[b-qqlgqg48z8] {
  background: color-mix(in srgb, var(--accent) 12%, var(--glass));
  border-color: color-mix(in srgb, var(--accent) 35%, var(--glass-border));
}

.tm-stat__value[b-qqlgqg48z8] {
  font-family: var(--font-display, inherit);
  font-size: calc(1.8rem * var(--st-font-scale, 1));
  font-weight: 700;
  color: var(--fg);
}

.tm-stat__label[b-qqlgqg48z8] {
  font-size: 0.82rem;
  color: var(--muted);
}

/* Sohbet ayrıntısı */
.tm-detail[b-qqlgqg48z8] {
  padding: 1.1rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--glass-border);
  background: var(--glass);
}

.tm-detail__head[b-qqlgqg48z8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
}

.tm-detail__head h2[b-qqlgqg48z8] {
  margin: 0;
  font-size: 1.05rem;
  color: var(--fg);
}

.tm-select[b-qqlgqg48z8] {
  min-height: var(--st-touch, 44px);
  max-width: 100%;
  padding: 0 0.6rem;
  border-radius: var(--radius);
  border: 1px solid var(--glass-border);
  background: var(--page-bg, var(--glass));
  color: var(--fg);
  font: inherit;
  font-size: 0.9rem;
}

.tm-select:focus-visible[b-qqlgqg48z8] {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.tm-detail__loading[b-qqlgqg48z8] {
  color: var(--muted);
  padding: 0.6rem 0;
}
.tm-detail__err[b-qqlgqg48z8] {
  color: var(--red-600);
}

.tm-facts[b-qqlgqg48z8] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.1rem;
}

.tm-facts li[b-qqlgqg48z8] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--line);
}

.tm-facts li:last-child[b-qqlgqg48z8] {
  border-bottom: 0;
}
.tm-facts__k[b-qqlgqg48z8] {
  color: var(--fg-soft);
  font-size: 0.9rem;
}
.tm-facts__v[b-qqlgqg48z8] {
  color: var(--fg);
  font-weight: 600;
  font-size: 0.95rem;
}

.tm-visually-hidden[b-qqlgqg48z8] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 560px) {
  .tm-summary[b-qqlgqg48z8] {
    grid-template-columns: 1fr;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/TutorSohbet.razor.rz.scp.css */
/* FAZ 3.8 G3 — AI Öğretmen sohbeti. Aurora token'ları (yalnız var(--*)); --text YOK. */

.ts-head[b-fbe8h7334q] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.1rem;
}

.ts-head__eyebrow[b-fbe8h7334q] {
  margin: 0 0 0.15rem;
  font-size: 0.8rem;
  color: var(--muted);
  letter-spacing: 0.02em;
}

.ts-head__title[b-fbe8h7334q] {
  margin: 0;
  font-family: var(--font-display, inherit);
  font-size: calc(1.55rem * var(--st-font-scale, 1));
  color: var(--fg);
}

.ts-head__cost[b-fbe8h7334q] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: var(--st-touch, 44px);
  padding: 0 0.8rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--glass-border);
  background: var(--glass);
  color: var(--fg-soft);
  text-decoration: none;
  font-size: 0.88rem;
}

.ts-head__cost:hover[b-fbe8h7334q] {
  background: var(--glass-hover);
  color: var(--fg);
}

.ts-denied[b-fbe8h7334q] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.9rem 1rem;
  margin-bottom: 1rem;
  border-radius: var(--radius);
  border: 1px solid var(--amber-500);
  background: color-mix(in srgb, var(--amber-500) 12%, var(--glass));
  color: var(--fg);
}

.ts-denied strong[b-fbe8h7334q] {
  display: block;
}
.ts-denied p[b-fbe8h7334q] {
  margin: 0.2rem 0 0;
  color: var(--fg-soft);
  font-size: 0.9rem;
}

/* ── İki panel ── */
.ts-layout[b-fbe8h7334q] {
  display: grid;
  grid-template-columns: minmax(220px, 300px) 1fr;
  gap: 1rem;
  align-items: start;
}

.ts-side[b-fbe8h7334q] {
  border: 1px solid var(--glass-border);
  background: var(--glass);
  border-radius: var(--radius-lg);
  padding: 0.8rem;
  min-height: 220px;
}

.ts-side__head[b-fbe8h7334q] {
  margin-bottom: 0.6rem;
}
.ts-side__title[b-fbe8h7334q] {
  font-weight: 600;
  color: var(--fg);
}
.ts-side__empty[b-fbe8h7334q] {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.5;
}

.ts-convos[b-fbe8h7334q] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

.ts-convo[b-fbe8h7334q] {
  display: grid;
  gap: 0.15rem;
  width: 100%;
  text-align: start;
  min-height: var(--st-touch, 44px);
  padding: 0.5rem 0.6rem;
  border-radius: var(--radius);
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: var(--fg);
  transition: background 0.15s var(--ease-smooth, ease);
}

.ts-convo:hover[b-fbe8h7334q] {
  background: var(--glass-hover);
}
.ts-convo.is-active[b-fbe8h7334q] {
  background: var(--glass-strong);
  border-color: var(--accent);
}

.ts-convo__title[b-fbe8h7334q] {
  font-weight: 600;
  font-size: 0.95rem;
}
.ts-convo__meta[b-fbe8h7334q] {
  font-size: 0.78rem;
  color: var(--muted);
}

/* ── Sohbet ── */
.ts-chat[b-fbe8h7334q] {
  display: flex;
  flex-direction: column;
  min-height: 60vh;
  border: 1px solid var(--glass-border);
  background: var(--glass);
  border-radius: var(--radius-lg);
  padding: 0.9rem;
}

.ts-chat__blank[b-fbe8h7334q] {
  margin: auto;
  text-align: center;
  color: var(--muted);
  max-width: 30ch;
  padding: 2rem 0;
}

.ts-chat__blank svg[b-fbe8h7334q] {
  color: var(--accent);
  opacity: 0.7;
}
.ts-chat__blank h2[b-fbe8h7334q] {
  margin: 0.8rem 0 0.3rem;
  font-size: 1.1rem;
  color: var(--fg);
}
.ts-chat__blank p[b-fbe8h7334q] {
  margin: 0;
  font-size: 0.92rem;
}

.ts-chat__ctx[b-fbe8h7334q] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  padding-bottom: 0.6rem;
  margin-bottom: 0.6rem;
  border-bottom: 1px solid var(--line);
}

.ts-chat__course[b-fbe8h7334q] {
  font-weight: 600;
  color: var(--fg);
  background: var(--glass-strong);
  border-radius: var(--radius-pill);
  padding: 0.25rem 0.7rem;
  font-size: 0.88rem;
}

.ts-chat__new[b-fbe8h7334q] {
  min-height: var(--st-touch, 44px);
  padding: 0 0.7rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--glass-border);
  background: transparent;
  color: var(--accent);
  cursor: pointer;
  font-size: 0.85rem;
}

.ts-chat__new:hover:not(:disabled)[b-fbe8h7334q] {
  background: var(--glass-hover);
}
.ts-chat__new:disabled[b-fbe8h7334q] {
  opacity: 0.5;
  cursor: not-allowed;
}

.ts-chat__detail[b-fbe8h7334q] {
  margin-inline-start: auto;
  color: var(--fg-soft);
  font-size: 0.85rem;
  text-decoration: none;
  min-height: var(--st-touch, 44px);
  display: inline-flex;
  align-items: center;
}

.ts-chat__detail:hover[b-fbe8h7334q] {
  color: var(--accent);
  text-decoration: underline;
}

/* ── Mesaj akışı ── */
.ts-thread[b-fbe8h7334q] {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.4rem 0.2rem;
}

.ts-thread__hint[b-fbe8h7334q] {
  color: var(--muted);
  font-size: 0.9rem;
  text-align: center;
  margin: auto;
}

.ts-msg[b-fbe8h7334q] {
  display: flex;
}
.ts-msg--user[b-fbe8h7334q] {
  justify-content: flex-end;
}
.ts-msg--assistant[b-fbe8h7334q] {
  justify-content: flex-start;
}

.ts-msg__bubble[b-fbe8h7334q] {
  max-width: 78%;
  padding: 0.6rem 0.8rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--glass-border);
  background: var(--glass);
}

.ts-msg--user .ts-msg__bubble[b-fbe8h7334q] {
  background: color-mix(in srgb, var(--accent) 16%, var(--glass));
  border-color: color-mix(in srgb, var(--accent) 40%, var(--glass-border));
}

.ts-msg__who[b-fbe8h7334q] {
  display: block;
  font-size: 0.72rem;
  color: var(--muted);
  margin-bottom: 0.15rem;
}

.ts-msg__text[b-fbe8h7334q] {
  margin: 0;
  color: var(--fg);
  line-height: 1.55;
  font-size: calc(0.95rem * var(--st-font-scale, 1));
  white-space: pre-wrap;
  word-break: break-word;
}

/* Yazıyor göstergesi */
.ts-msg__bubble--typing[b-fbe8h7334q] {
  display: inline-flex;
  gap: 0.3rem;
  align-items: center;
}
.ts-dot[b-fbe8h7334q] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--muted);
  animation: ts-blink-b-fbe8h7334q 1.2s infinite ease-in-out;
}
.ts-dot:nth-child(2)[b-fbe8h7334q] {
  animation-delay: 0.2s;
}
.ts-dot:nth-child(3)[b-fbe8h7334q] {
  animation-delay: 0.4s;
}
@keyframes ts-blink-b-fbe8h7334q {
  0%,
  80%,
  100% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
}

/* Rozetler (yanıt alanlarından — uydurma yok) */
.ts-badges[b-fbe8h7334q] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}
.ts-badge[b-fbe8h7334q] {
  font-size: 0.72rem;
  padding: 0.12rem 0.5rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--glass-border);
  color: var(--fg-soft);
}
.ts-badge--safety[b-fbe8h7334q] {
  border-color: var(--red-500);
  color: var(--red-600);
}
.ts-badge--warn[b-fbe8h7334q] {
  border-color: var(--amber-500);
  color: var(--amber-600);
}
.ts-badge--block[b-fbe8h7334q] {
  border-color: var(--red-500);
  color: var(--red-600);
}
.ts-badge--hitl[b-fbe8h7334q] {
  border-color: var(--accent);
  color: var(--accent);
}

/* Composer */
.ts-sendbar-err[b-fbe8h7334q] {
  color: var(--red-600);
  font-size: 0.85rem;
  margin: 0.3rem 0;
}

.ts-composer[b-fbe8h7334q] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  padding-top: 0.6rem;
  margin-top: 0.4rem;
  border-top: 1px solid var(--line);
}

.ts-composer__input[b-fbe8h7334q] {
  flex: 1;
  resize: vertical;
  min-height: var(--st-touch, 44px);
  padding: 0.55rem 0.7rem;
  border-radius: var(--radius);
  border: 1px solid var(--glass-border);
  background: var(--page-bg, var(--glass));
  color: var(--fg);
  font: inherit;
  font-size: calc(0.95rem * var(--st-font-scale, 1));
}

.ts-composer__input:focus-visible[b-fbe8h7334q] {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
.ts-composer__input:disabled[b-fbe8h7334q] {
  opacity: 0.6;
}

.ts-composer__send[b-fbe8h7334q] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--st-touch, 44px);
  height: var(--st-touch, 44px);
  border-radius: var(--radius);
  border: none;
  background: var(--brand, var(--accent));
  color: var(--on-brand, #fff);
  cursor: pointer;
}

.ts-composer__send:disabled[b-fbe8h7334q] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ts-composer__note[b-fbe8h7334q] {
  color: var(--muted);
  font-size: 0.82rem;
  margin: 0.3rem 0 0;
}

.ts-spin[b-fbe8h7334q] {
  width: 16px;
  height: 16px;
  border: 2px solid color-mix(in srgb, var(--on-brand, #fff) 45%, transparent);
  border-top-color: var(--on-brand, #fff);
  border-radius: 50%;
  animation: ts-spin-b-fbe8h7334q 0.7s linear infinite;
}
@keyframes ts-spin-b-fbe8h7334q {
  to {
    transform: rotate(360deg);
  }
}

.ts-visually-hidden[b-fbe8h7334q] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 720px) {
  .ts-layout[b-fbe8h7334q] {
    grid-template-columns: 1fr;
  }
  .ts-side[b-fbe8h7334q] {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ts-dot[b-fbe8h7334q],
  .ts-spin[b-fbe8h7334q] {
    animation: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/VerilerimiIndir.razor.rz.scp.css */
/* FAZ 3.8 G3+G4 — Verilerimi İndir. Aurora token (var(--*)) — hardcoded hex YOK, --text YOK.
   Seçimler KART (toggle değil); büyük dokunma hedefi; WCAG AA; dürüst durum bloğu. */

.vi-head[b-lqjbc1ymtk] {
  margin: 0 0 20px;
}
.vi-title[b-lqjbc1ymtk] {
  margin: 0 0 4px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.vi-sub[b-lqjbc1ymtk] {
  margin: 0;
  color: var(--muted);
  font-size: 0.96rem;
}

.vi-card[b-lqjbc1ymtk] {
  padding: 22px 24px;
  margin-bottom: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.vi-card__head[b-lqjbc1ymtk] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.vi-card__ico[b-lqjbc1ymtk] {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: var(--radius);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
}
.vi-card__title[b-lqjbc1ymtk] {
  margin: 0 0 3px;
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--fg);
}
.vi-card__desc[b-lqjbc1ymtk] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.92rem;
  line-height: 1.45;
}

.vi-hint[b-lqjbc1ymtk] {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.5;
}
.vi-ready[b-lqjbc1ymtk] {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 0.84rem;
}
.vi-error[b-lqjbc1ymtk] {
  margin: 0 0 12px;
  color: color-mix(in srgb, var(--wallet) 65%, var(--fg));
  font-size: 0.9rem;
  font-weight: 600;
}

/* ── Seçim alanları ── */
.vi-field[b-lqjbc1ymtk] {
  margin: 0 0 16px;
  padding: 0;
  border: none;
}
.vi-field__label[b-lqjbc1ymtk] {
  padding: 0;
  margin: 0 0 8px;
  font-size: 0.86rem;
  font-weight: 650;
  color: var(--fg-soft);
}
.vi-cards[b-lqjbc1ymtk] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}
.vi-choice[b-lqjbc1ymtk] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: left;
  min-height: 66px;
  padding: 14px 16px;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  cursor: pointer;
  transition:
    border-color 0.18s var(--ease-smooth),
    background 0.18s var(--ease-smooth),
    transform 0.18s var(--ease-bounce);
}
.vi-choice:hover[b-lqjbc1ymtk] {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--brand) 35%, var(--line));
}
.vi-choice.is-on[b-lqjbc1ymtk] {
  border-color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, var(--glass-strong));
}
.vi-choice:focus-visible[b-lqjbc1ymtk] {
  outline: 3px solid color-mix(in srgb, var(--brand) 40%, transparent);
  outline-offset: 2px;
}
.vi-choice__title[b-lqjbc1ymtk] {
  font-weight: 650;
  font-size: 0.98rem;
  color: var(--fg);
}
.vi-choice__desc[b-lqjbc1ymtk] {
  font-size: 0.82rem;
  color: var(--muted);
}

/* ── Dürüst durum bloğu ── */
.vi-status[b-lqjbc1ymtk] {
  padding: 16px 18px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: var(--glass);
}
.vi-status__badge[b-lqjbc1ymtk] {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: var(--radius-pill);
  font-size: 0.82rem;
  font-weight: 650;
  color: color-mix(in srgb, var(--brand-strong) 88%, var(--fg));
  background: color-mix(in srgb, var(--brand) 14%, transparent);
}
.vi-status__note[b-lqjbc1ymtk] {
  margin: 10px 0 0;
  color: var(--fg-soft);
  font-size: 0.9rem;
  line-height: 1.55;
}

/* ── Butonlar ── */
.vi-btn[b-lqjbc1ymtk] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 22px;
  border: none;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-size: 0.96rem;
  font-weight: 650;
  text-decoration: none;
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    transform 0.18s var(--ease-bounce);
}
.vi-btn--primary[b-lqjbc1ymtk] {
  color: var(--on-brand);
  background: var(--brand);
}
.vi-btn--primary:hover:not(:disabled)[b-lqjbc1ymtk] {
  background: var(--brand-strong);
  transform: translateY(-1px);
}
.vi-btn:disabled[b-lqjbc1ymtk] {
  opacity: 0.6;
  cursor: progress;
}
.vi-btn:focus-visible[b-lqjbc1ymtk] {
  outline: 3px solid color-mix(in srgb, var(--brand) 45%, transparent);
  outline-offset: 2px;
}
/* _content/EduLive.Web/Components/Pages/Student/VideoKutuphane.razor.rz.scp.css */
/* FAZ 3.8 G4 — İnteraktif video kütüphanesi. Aurora token (var(--*)) — hardcoded hex YOK,
   --text YOK. Dokunma hedefi shell'den gelen var(--st-touch) ile yaş-grubuna uyar.
   Kartlar büyük, dokunma-dostu (KART, toggle değil). */

.vk-page[b-p7kpz5s9jh] {
  max-width: 960px;
  margin: 0 auto;
}

.vk-breadcrumb[b-p7kpz5s9jh] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--muted);
  text-decoration: none;
  min-height: var(--st-touch, 44px);
}
.vk-breadcrumb:hover[b-p7kpz5s9jh] {
  color: var(--fg);
}

.vk-head[b-p7kpz5s9jh] {
  margin-bottom: 22px;
}
.vk-head__eyebrow[b-p7kpz5s9jh] {
  margin: 0 0 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--muted);
}
.vk-head__title[b-p7kpz5s9jh] {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
.vk-head__sub[b-p7kpz5s9jh] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.98rem;
}

/* ── Liste ── */
.vk-grid[b-p7kpz5s9jh] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.vk-card[b-p7kpz5s9jh] {
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
  overflow: hidden;
  transition:
    transform 160ms var(--ease-smooth, ease),
    border-color 160ms ease;
}
.vk-card:hover[b-p7kpz5s9jh] {
  transform: translateY(-2px);
  border-color: var(--accent);
}

.vk-card__link[b-p7kpz5s9jh] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  min-height: var(--st-touch, 44px);
  text-decoration: none;
  color: inherit;
}

.vk-card__thumb[b-p7kpz5s9jh] {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: var(--radius);
  background: var(--glass);
  border: 1px solid var(--glass-border);
  color: var(--accent);
  flex-shrink: 0;
}

.vk-card__body[b-p7kpz5s9jh] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vk-card__title[b-p7kpz5s9jh] {
  font-weight: 650;
  font-size: 1.02rem;
  color: var(--fg);
  line-height: 1.25;
}
.vk-card__tags[b-p7kpz5s9jh] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.vk-tag[b-p7kpz5s9jh] {
  padding: 2px 9px;
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--accent);
  background: var(--glass);
  border: 1px solid var(--glass-border);
}
.vk-tag--soft[b-p7kpz5s9jh] {
  color: var(--muted);
}

.vk-card__cta[b-p7kpz5s9jh] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 650;
  font-size: 0.92rem;
  color: var(--accent);
  flex-shrink: 0;
}

/* ── Yönlendirme / boş durum ── */
.vk-guide[b-p7kpz5s9jh] {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 8px;
  padding: 40px 24px;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
}
.vk-guide__ico[b-p7kpz5s9jh] {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: var(--radius-pill);
  background: var(--glass-strong);
  color: var(--accent);
  margin-bottom: 4px;
}
.vk-guide__title[b-p7kpz5s9jh] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--fg);
}
.vk-guide__desc[b-p7kpz5s9jh] {
  margin: 0 0 8px;
  max-width: 38ch;
  color: var(--fg-soft);
  font-size: 0.96rem;
  line-height: 1.5;
}

/* ── Butonlar ── */
.vk-btn[b-p7kpz5s9jh] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--st-touch, 44px);
  padding: 0 18px;
  border-radius: var(--radius-pill);
  font-weight: 650;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
}
.vk-btn--primary[b-p7kpz5s9jh] {
  background: var(--brand);
  color: var(--on-brand);
}
.vk-btn--primary:hover[b-p7kpz5s9jh] {
  background: var(--brand-strong);
}
.vk-btn--ghost[b-p7kpz5s9jh] {
  background: transparent;
  color: var(--fg);
  border-color: var(--line);
}
.vk-btn--ghost:hover[b-p7kpz5s9jh] {
  border-color: var(--accent);
  color: var(--accent);
}

@media (prefers-reduced-motion: reduce) {
  .vk-card[b-p7kpz5s9jh] {
    transition: none;
  }
  .vk-card:hover[b-p7kpz5s9jh] {
    transform: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Student/VideoOynatici.razor.rz.scp.css */
/* FAZ 3.8 G4 — İnteraktif video oynatıcı. Aurora token (var(--*)) — hardcoded hex YOK,
   --text YOK. Doğru/yanlış geri bildirimi green/red/amber token'ları ile; doğruluk
   METNİ sunucudan gelir (istemci hesaplamaz). Seçenekler KART (toggle değil). */

.vo-page[b-kus3n300j1] {
  max-width: 820px;
  margin: 0 auto;
}

.vo-breadcrumb[b-kus3n300j1] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--muted);
  text-decoration: none;
  min-height: var(--st-touch, 44px);
}
.vo-breadcrumb:hover[b-kus3n300j1] {
  color: var(--fg);
}

.vo-head[b-kus3n300j1] {
  margin-bottom: 14px;
}
.vo-title[b-kus3n300j1] {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 3.4vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}

.vo-progress[b-kus3n300j1] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.vo-progress__bar[b-kus3n300j1] {
  flex: 1;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--glass);
  border: 1px solid var(--glass-border);
  overflow: hidden;
}
.vo-progress__bar > span[b-kus3n300j1] {
  display: block;
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--accent);
  transition: width 260ms var(--ease-smooth, ease);
}
.vo-progress__label[b-kus3n300j1] {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--muted);
  white-space: nowrap;
}

/* ── Gömülü video ── */
.vo-stage[b-kus3n300j1] {
  margin: 0 0 18px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.vo-video[b-kus3n300j1] {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--page-bg);
}
.vo-video--ph[b-kus3n300j1] {
  display: grid;
  place-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 0.92rem;
}

/* ── Soru kartı ── */
.vo-question[b-kus3n300j1] {
  padding: 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.vo-question__kind[b-kus3n300j1] {
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 10px;
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 650;
  color: var(--accent);
  background: var(--glass);
  border: 1px solid var(--glass-border);
}
.vo-question__text[b-kus3n300j1] {
  margin: 0 0 16px;
  font-size: 1.12rem;
  font-weight: 650;
  line-height: 1.4;
  color: var(--fg);
}

.vo-options[b-kus3n300j1] {
  display: grid;
  gap: 10px;
}
.vo-option[b-kus3n300j1] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: var(--st-touch, 48px);
  padding: 12px 16px;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  font-size: 1rem;
  font-weight: 550;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 140ms ease,
    background 140ms ease;
}
.vo-option:hover:not(:disabled)[b-kus3n300j1] {
  border-color: var(--accent);
}
.vo-option:disabled[b-kus3n300j1] {
  opacity: 0.7;
  cursor: default;
}
.vo-option.is-selected[b-kus3n300j1] {
  border-color: var(--accent);
  background: var(--glass-hover);
}
.vo-option__mark[b-kus3n300j1] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-pill);
  border: 2px solid var(--line);
}
.vo-option.is-selected .vo-option__mark[b-kus3n300j1] {
  border-color: var(--accent);
  background: radial-gradient(
    circle at center,
    var(--accent) 0 6px,
    transparent 7px
  );
}
.vo-option__text[b-kus3n300j1] {
  min-width: 0;
}

.vo-textin[b-kus3n300j1] {
  width: 100%;
  min-height: var(--st-touch, 48px);
  padding: 12px 16px;
  border-radius: var(--radius);
  border: 1.5px solid var(--line);
  background: var(--glass);
  color: var(--fg);
  font-size: 1rem;
}
.vo-textin:focus-visible[b-kus3n300j1] {
  outline: none;
  border-color: var(--accent);
}

/* ── Geri bildirim (doğruluk METNİ sunucudan) ── */
.vo-feedback[b-kus3n300j1] {
  margin-top: 14px;
  padding: 12px 16px;
  border-radius: var(--radius);
  font-weight: 600;
  font-size: 0.96rem;
  border: 1px solid var(--glass-border);
}
.vo-feedback--ok[b-kus3n300j1] {
  color: var(--green-600);
  background: color-mix(in srgb, var(--green-500) 12%, transparent);
  border-color: color-mix(in srgb, var(--green-500) 40%, transparent);
}
.vo-feedback--no[b-kus3n300j1] {
  color: var(--red-600);
  background: color-mix(in srgb, var(--red-500) 12%, transparent);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
}
.vo-feedback--warn[b-kus3n300j1] {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 12%, transparent);
  border-color: color-mix(in srgb, var(--amber-500) 40%, transparent);
}
.vo-feedback--neutral[b-kus3n300j1] {
  color: var(--fg-soft);
  background: var(--glass);
}

.vo-actions[b-kus3n300j1] {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}

/* ── Bitiş / son bar ── */
.vo-endbar[b-kus3n300j1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}
.vo-endbar__text[b-kus3n300j1] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.96rem;
}

.vo-done[b-kus3n300j1] {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 8px;
  padding: 36px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  box-shadow: var(--glass-shadow);
}
.vo-done__ico[b-kus3n300j1] {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--green-500) 14%, transparent);
  color: var(--green-600);
}
.vo-done__title[b-kus3n300j1] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--fg);
}
.vo-done__desc[b-kus3n300j1] {
  margin: 0 0 8px;
  color: var(--fg-soft);
  font-size: 0.98rem;
}

/* ── Yönlendirme (graph bağı yok) ── */
.vo-guide[b-kus3n300j1] {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 8px;
  padding: 40px 24px;
  border-radius: var(--radius-lg);
  border: 1px dashed var(--line);
  background: var(--glass);
}
.vo-guide__ico[b-kus3n300j1] {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: var(--radius-pill);
  background: var(--glass-strong);
  color: var(--accent);
  margin-bottom: 4px;
}
.vo-guide__title[b-kus3n300j1] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--fg);
}
.vo-guide__desc[b-kus3n300j1] {
  margin: 0 0 8px;
  max-width: 40ch;
  color: var(--fg-soft);
  font-size: 0.96rem;
  line-height: 1.5;
}

/* ── Butonlar ── */
.vo-btn[b-kus3n300j1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--st-touch, 44px);
  padding: 0 20px;
  border-radius: var(--radius-pill);
  font-weight: 650;
  font-size: 0.96rem;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
}
.vo-btn:disabled[b-kus3n300j1] {
  opacity: 0.6;
  cursor: default;
}
.vo-btn--primary[b-kus3n300j1] {
  background: var(--brand);
  color: var(--on-brand);
}
.vo-btn--primary:hover:not(:disabled)[b-kus3n300j1] {
  background: var(--brand-strong);
}
.vo-btn--ghost[b-kus3n300j1] {
  background: transparent;
  color: var(--fg);
  border-color: var(--line);
}
.vo-btn--ghost:hover[b-kus3n300j1] {
  border-color: var(--accent);
  color: var(--accent);
}

@media (prefers-reduced-motion: reduce) {
  .vo-progress__bar > span[b-kus3n300j1],
  .vo-option[b-kus3n300j1] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/GorevDetay.razor.rz.scp.css */
/* Görev detayı — Akademik Analiz kapak/sekme/kart/popup ölçülerinin sayfa-scoped uyarlaması.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, sekme şeridi beyaz + 1 px sınır + 6 px dolgu + 4 px aralık,
   sekme 34/44 px 12.5-600, bölüm kartı 18 px + 5 px şerit, bölüm başlığı 15/700 + 13 px üçgen).
   Cihaz bantları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   `--agv-kpi-etiket-*` yalnız analiz vitrininde tanımlı → sekme vurguları global tokenlardan. */

.au-page.gd-vitrin[b-wf79yxcy57] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + rozetler + bütün eylemler tek beyaz yüzeyde ── */
.gd-vitrin .gd-kapak[b-wf79yxcy57] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gd-vitrin .gd-kapak__geri[b-wf79yxcy57] {
  grid-column: 1;
  min-width: 0;
}

.gd-vitrin .gd-kapak__geri[b-wf79yxcy57]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
  border-color: var(--hat-girdi);
}

.gd-vitrin .gd-kapak__geri[b-wf79yxcy57]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gd-vitrin .gd-kapak__baslik[b-wf79yxcy57] {
  grid-column: 2;
  min-width: 0;
}

.gd-vitrin .gd-kapak .au-title[b-wf79yxcy57] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-kapak__alt[b-wf79yxcy57] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.gd-vitrin .gd-rozetler[b-wf79yxcy57] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.gd-vitrin .gd-kapak__eylem[b-wf79yxcy57] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğmeler ── */
.gd-vitrin .gd-dugme[b-wf79yxcy57] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.gd-vitrin .gd-dugme:hover:not(:disabled)[b-wf79yxcy57] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.gd-vitrin .gd-dugme--ana[b-wf79yxcy57] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.gd-vitrin .gd-dugme--ana:hover:not(:disabled)[b-wf79yxcy57] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.gd-vitrin .gd-dugme--tehlike[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
  color: var(--danger-metin);
}

.gd-vitrin .gd-dugme--tehlike:hover:not(:disabled)[b-wf79yxcy57] {
  background: color-mix(in srgb, var(--danger) 13%, var(--yuzey));
  border-color: var(--danger);
}

.gd-vitrin .gd-dugme:disabled[b-wf79yxcy57] {
  opacity: 0.55;
  cursor: not-allowed;
}

.gd-vitrin .gd-dugme:focus-visible[b-wf79yxcy57] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Rozetler ── */
.gd-vitrin .gd-rozet[b-wf79yxcy57] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.gd-vitrin .gd-rozet[b-wf79yxcy57]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.gd-vitrin .gd-rozet.is-acik[b-wf79yxcy57] { color: var(--marka-600); }

.gd-vitrin .gd-rozet.is-atandi[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-girdi));
  color: var(--hub-ton-orgbirim);
}

.gd-vitrin .gd-rozet.is-suruyor[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.gd-vitrin .gd-rozet.is-incelemede[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  color: var(--hub-ton-sso);
}

.gd-vitrin .gd-rozet.is-tamam[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.gd-vitrin .gd-rozet.is-iptal[b-wf79yxcy57] { color: var(--metin-ipucu); }

.gd-vitrin .gd-rozet.is-red[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

.gd-vitrin .gd-rozet.gd-oncelik[b-wf79yxcy57]::before { border-radius: 2px; }
.gd-vitrin .gd-oncelik.is-dusuk[b-wf79yxcy57] { color: var(--metin-ipucu); }
.gd-vitrin .gd-oncelik.is-normal[b-wf79yxcy57] { color: var(--metin-ikincil); }

.gd-vitrin .gd-oncelik.is-yuksek[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--marka-500) 40%, var(--hat-girdi));
  color: var(--marka-600);
  font-weight: 700;
}

.gd-vitrin .gd-oncelik.is-acil[b-wf79yxcy57] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
  font-weight: 700;
}

/* ── Bölüm sekmeleri: yalnız seçili bölüm çizilir ── */
.gd-vitrin .gd-sekmeler[b-wf79yxcy57] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.gd-vitrin .gd-sekme[b-wf79yxcy57] {
  --gd-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

/* Lacivert → petrol; iki bölümlük şeritte referans rampasının iki ucu. */
/* Sayfada TAM İKİ bölüm var (Özet · Yorumlar). Üçüncü ve sonrası için yazılmış
   `:nth-child(n + 3)` kuralı hiçbir zaman eşleşmiyordu — kaldırıldı. */
.gd-vitrin .gd-sekme:nth-child(2)[b-wf79yxcy57] { --gd-vurgu: var(--hub-ton-api); }

.gd-vitrin .gd-sekme:hover[b-wf79yxcy57] {
  background: color-mix(in srgb, var(--gd-vurgu) 14%, var(--yuzey));
  color: var(--gd-vurgu);
}

.gd-vitrin .gd-sekme[aria-selected="true"][b-wf79yxcy57] {
  background: var(--gd-vurgu);
  color: var(--on-brand);
}

.gd-vitrin .gd-sekme:focus-visible[b-wf79yxcy57],
.gd-vitrin .gd-panel:focus-visible[b-wf79yxcy57] {
  outline: 2px solid var(--gd-vurgu, var(--marka-600));
  outline-offset: 2px;
}

.gd-vitrin .gd-panel[b-wf79yxcy57] {
  min-width: 0;
}

/* ── Bölüm kartı ── */
.gd-vitrin .gd-kart[b-wf79yxcy57] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gd-vitrin .gd-kart[b-wf79yxcy57]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gd-vitrin .gd-bolum__baslik[b-wf79yxcy57] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.gd-vitrin .gd-bolum__baslik[b-wf79yxcy57]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.gd-vitrin .gd-aciklama[b-wf79yxcy57] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.7;
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.gd-vitrin .gd-bos[b-wf79yxcy57] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gd-vitrin .gd-bos p[b-wf79yxcy57] {
  margin: 0;
  line-height: 1.6;
}

.gd-vitrin .gd-ipucu[b-wf79yxcy57] {
  margin: 6px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Hata / uyarı şeritleri ── */
.gd-vitrin .gd-hata[b-wf79yxcy57],
.gd-vitrin .gd-uyari[b-wf79yxcy57] {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-uyari[b-wf79yxcy57] {
  border-left-color: var(--marka-500);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--metin-ikincil);
}

/* ── Olgu listesi ── */
.gd-vitrin .gd-olgular[b-wf79yxcy57] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.gd-vitrin .gd-olgular > div[b-wf79yxcy57] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.gd-vitrin .gd-olgular > div:nth-child(odd)[b-wf79yxcy57] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gd-vitrin .gd-olgular dt[b-wf79yxcy57] {
  color: var(--metin-ipucu);
}

.gd-vitrin .gd-olgular dd[b-wf79yxcy57] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-gecikti[b-wf79yxcy57] {
  color: var(--danger-metin);
  font-weight: 600;
}

/* ── Yorumlar ── */
.gd-vitrin .gd-yorumlar[b-wf79yxcy57] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
}

.gd-vitrin .gd-yorum[b-wf79yxcy57] {
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gd-vitrin .gd-yorum__kunye[b-wf79yxcy57] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.gd-vitrin .gd-yorum__kisi[b-wf79yxcy57] {
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
}

.gd-vitrin .gd-yorum__zaman[b-wf79yxcy57] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.gd-vitrin .gd-yorum__metin[b-wf79yxcy57] {
  margin: 0;
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.gd-vitrin .gd-yorum-daha[b-wf79yxcy57] {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.gd-vitrin .gd-yorum-form[b-wf79yxcy57] {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

.gd-vitrin .gd-form-eylem[b-wf79yxcy57] {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

/* ── Form alanları ── */
.gd-vitrin .gd-izgara[b-wf79yxcy57] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.gd-vitrin .gd-alan[b-wf79yxcy57] {
  min-width: 0;
}

.gd-vitrin .gd-alan--genis[b-wf79yxcy57] {
  grid-column: 1 / -1;
}

.gd-vitrin .gd-alan[b-wf79yxcy57]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.gd-vitrin .gd-alan[b-wf79yxcy57]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.gd-vitrin .gd-alan[b-wf79yxcy57]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gd-vitrin .gd-metin-alan[b-wf79yxcy57] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.gd-vitrin .gd-etiket[b-wf79yxcy57] {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.gd-vitrin .gd-metin[b-wf79yxcy57] {
  width: 100%;
  min-height: 84px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.6 var(--font-body);
  resize: vertical;
}

.gd-vitrin .gd-metin[b-wf79yxcy57]::placeholder {
  color: var(--metin-ipucu);
}

.gd-vitrin .gd-metin:focus-visible[b-wf79yxcy57] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gd-vitrin .gd-metin:disabled[b-wf79yxcy57] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ── Görünür popup: native dialog top-layer ── */
.gd-vitrin .gd-popup[b-wf79yxcy57] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.gd-vitrin .gd-popup[open][b-wf79yxcy57] {
  display: flex;
  flex-direction: column;
}

.gd-vitrin .gd-popup[b-wf79yxcy57]::backdrop {
  background: var(--scrim);
}

.gd-vitrin .gd-popup__bas[b-wf79yxcy57] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.gd-vitrin .gd-popup__bas h2[b-wf79yxcy57] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.gd-vitrin .gd-popup__bas h2:focus[b-wf79yxcy57] {
  outline: none;
}

.gd-vitrin .gd-popup__kapat[b-wf79yxcy57] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.gd-vitrin .gd-popup__kapat:hover:not(:disabled)[b-wf79yxcy57] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.gd-vitrin .gd-popup__kapat:disabled[b-wf79yxcy57] {
  opacity: 0.55;
  cursor: not-allowed;
}

.gd-vitrin .gd-popup__kapat:focus-visible[b-wf79yxcy57] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gd-vitrin .gd-popup__govde[b-wf79yxcy57] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gd-vitrin .gd-popup__metin[b-wf79yxcy57] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.65;
}

.gd-vitrin .gd-popup__eylem[b-wf79yxcy57] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ geniş: başlık solda, eylemler sağda (1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .gd-vitrin .gd-kapak[b-wf79yxcy57] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }

  .gd-vitrin .gd-kapak__eylem[b-wf79yxcy57] {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .gd-vitrin .gd-rozetler[b-wf79yxcy57] {
    grid-column: 2 / -1;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gd-vitrin .gd-kapak[b-wf79yxcy57] {
    padding: 16px;
  }

  .gd-vitrin .gd-dugme[b-wf79yxcy57] {
    min-height: 44px;
  }

  .gd-vitrin .gd-sekmeler[b-wf79yxcy57] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .gd-vitrin .gd-sekme[b-wf79yxcy57] {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .gd-vitrin .gd-alan[b-wf79yxcy57]  .app-input,
  .gd-vitrin .gd-metin[b-wf79yxcy57] {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .gd-vitrin .gd-metin[b-wf79yxcy57] {
    min-height: 96px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .gd-vitrin .gd-kapak[b-wf79yxcy57] {
    padding: 12px;
  }

  .gd-vitrin .gd-kapak .au-title[b-wf79yxcy57] {
    font-size: var(--yazi-kapak, 20px);
  }

  .gd-vitrin .gd-kapak__alt[b-wf79yxcy57] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .gd-vitrin .gd-kapak__eylem[b-wf79yxcy57] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .gd-vitrin .gd-kapak__eylem .gd-dugme[b-wf79yxcy57] {
    flex: 1 0 auto;
  }

  .gd-vitrin .gd-kart[b-wf79yxcy57] {
    padding: 16px 12px;
  }

  .gd-vitrin .gd-bolum__baslik[b-wf79yxcy57] {
    font-size: var(--yazi-bolum, 14px);
  }

  .gd-vitrin .gd-izgara[b-wf79yxcy57] {
    grid-template-columns: minmax(0, 1fr);
  }

  .gd-vitrin .gd-olgular > div[b-wf79yxcy57] {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    padding: 10px 6px;
  }

  .gd-vitrin .gd-olgular dd[b-wf79yxcy57] {
    text-align: start;
  }

  .gd-vitrin .gd-popup[b-wf79yxcy57] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .gd-vitrin .gd-popup__bas[b-wf79yxcy57],
  .gd-vitrin .gd-popup__govde[b-wf79yxcy57],
  .gd-vitrin .gd-popup__eylem[b-wf79yxcy57] {
    padding: 12px;
  }

  .gd-vitrin .gd-popup__eylem .gd-dugme[b-wf79yxcy57] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/GorevKuyrugu.razor.rz.scp.css */
/* Görev kuyruğu — Akademik Analiz kapak/KPI/kart/tablo/popup ölçülerinin sayfa-scoped
   uyarlaması. Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, KPI bandı 30 px + değer 27/700, bölüm kartı 18 px + 5 px
   şerit, tablo başlığı --marka-rampa-serit 11.5/700 büyük harf .07em, hücre 10 × 13 px,
   gövde 13 px). Cihaz bantları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır → burada global tokenlar. */

.au-page.gk-vitrin[b-4s5d3z24va] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.gk-vitrin .gk-kapak[b-4s5d3z24va] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gk-vitrin .gk-kapak__geri[b-4s5d3z24va] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.gk-vitrin .gk-kapak__geri[b-4s5d3z24va]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
  border-color: var(--hat-girdi);
}

.gk-vitrin .gk-kapak__geri[b-4s5d3z24va]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gk-vitrin .gk-kapak__baslik[b-4s5d3z24va] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.gk-vitrin .gk-kapak .au-title[b-4s5d3z24va] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.gk-vitrin .gk-kapak__alt[b-4s5d3z24va] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci kart oluşturmaz ── */
.gk-vitrin .gk-suzgec[b-4s5d3z24va] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.gk-vitrin .gk-alan[b-4s5d3z24va] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.gk-vitrin .gk-suzgec .app-field__label[b-4s5d3z24va],
.gk-vitrin .gk-suzgec[b-4s5d3z24va]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.gk-vitrin .gk-suzgec .app-input[b-4s5d3z24va],
.gk-vitrin .gk-suzgec[b-4s5d3z24va]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.gk-vitrin .gk-suzgec .app-input:focus-visible[b-4s5d3z24va],
.gk-vitrin .gk-suzgec[b-4s5d3z24va]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.gk-vitrin .gk-kapak__eylem[b-4s5d3z24va] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.gk-vitrin .gk-dugme[b-4s5d3z24va] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.gk-vitrin .gk-dugme:hover:not(:disabled)[b-4s5d3z24va] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.gk-vitrin .gk-dugme--ana[b-4s5d3z24va] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.gk-vitrin .gk-dugme--ana:hover:not(:disabled)[b-4s5d3z24va] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.gk-vitrin .gk-dugme:disabled[b-4s5d3z24va] {
  opacity: 0.55;
  cursor: not-allowed;
}

.gk-vitrin .gk-dugme:focus-visible[b-4s5d3z24va] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kurum geneli durum şeridi ──
   Referans KPI şeridi "gap 0 + hücre sınırı" ile tek birleşik yüzey kurar. Burada aynı
   görünüm `gap: 1px` + kap zemini ile elde edilir: şerit 7 hücreli ve CİHAZDA SARIYOR;
   `border-right + :last-child` sarma sonrası satır sonlarında yanlış çizgi bırakırdı. */
.gk-vitrin .gk-kpi[b-4s5d3z24va] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--hat-kart);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gk-vitrin .gk-kpi__hucre[b-4s5d3z24va] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  background: var(--yuzey);
}

.gk-vitrin .gk-kpi__bant[b-4s5d3z24va] {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin-inline: -16px;
  padding: 0 16px;
  background: var(--marka-600);
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Lacivert → petrol → yeşil; "tamamlandı" yeşil ucu alır. İki kapanış durumu
   (iptal/red) rampanın devamı DEĞİL: yeşil onları "iyi sonuç" gibi gösterirdi. */
.gk-vitrin .gk-kpi__bant[data-durum="open"][b-4s5d3z24va] { background: var(--marka-600); }
.gk-vitrin .gk-kpi__bant[data-durum="assigned"][b-4s5d3z24va] { background: var(--hub-ton-orgbirim); }
.gk-vitrin .gk-kpi__bant[data-durum="in_progress"][b-4s5d3z24va] { background: var(--hub-ton-kurum); }
.gk-vitrin .gk-kpi__bant[data-durum="review"][b-4s5d3z24va] { background: var(--hub-ton-sso); }
.gk-vitrin .gk-kpi__bant[data-durum="completed"][b-4s5d3z24va] { background: var(--hub-ton-kisalink); }
.gk-vitrin .gk-kpi__bant[data-durum="cancelled"][b-4s5d3z24va] { background: var(--metin-ikincil); }
.gk-vitrin .gk-kpi__bant[data-durum="rejected"][b-4s5d3z24va] { background: var(--danger); }

.gk-vitrin .gk-kpi__deger[b-4s5d3z24va] {
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

/* ── Bilgi şeridi ── */
.gk-vitrin .gk-not[b-4s5d3z24va] {
  display: block;
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.gk-vitrin .gk-kart[b-4s5d3z24va] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.gk-vitrin .gk-kart[b-4s5d3z24va]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.gk-vitrin .gk-bolum__baslik[b-4s5d3z24va] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.gk-vitrin .gk-bolum__baslik[b-4s5d3z24va]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.gk-vitrin .gk-kapsam[b-4s5d3z24va] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.gk-vitrin .gk-kapsam strong[b-4s5d3z24va] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
}

.gk-vitrin .gk-kapsam__toplam[b-4s5d3z24va] {
  color: var(--metin-ipucu);
}

.gk-vitrin .gk-temizle[b-4s5d3z24va] {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
}

.gk-vitrin .gk-temizle:hover[b-4s5d3z24va] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.gk-vitrin .gk-temizle:focus-visible[b-4s5d3z24va] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gk-vitrin .gk-bos[b-4s5d3z24va] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gk-vitrin .gk-bos p[b-4s5d3z24va] {
  margin: 0;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.gk-vitrin .gk-tablo-kap[b-4s5d3z24va] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.gk-vitrin .gk-tablo[b-4s5d3z24va] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.gk-vitrin .gk-tablo thead[b-4s5d3z24va] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

/* `position: sticky` HEM thead HEM th üzerinde verilir — onaylı standart bu
   (AnalizOptikTxt.razor.css:205-214, AnalizTaramaEgitimInceleme:77-87,
   AnalizSinavSorulari:187-189). Yalnız `thead`e verildiğinde tablo başlığı bir kısım
   motorda yapışmaz ve kendi alanında kayan tabloda (max-height) başlık kayıp gider.
   Geçiş TEK PARÇA `thead` boyunca çizilir, hücre arka planı şeffaf kalır. */
.gk-vitrin .gk-tablo thead th[b-4s5d3z24va] {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.gk-vitrin .gk-tablo tbody td[b-4s5d3z24va] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.gk-vitrin .gk-tablo tbody tr:nth-child(even) td[b-4s5d3z24va] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gk-vitrin .gk-satir[b-4s5d3z24va] {
  cursor: pointer;
}

/* Satırın kendisi odaklanmaz (role="button"/tabindex kaldırıldı — işaretlemedeki ARIA
   notu). Vurgu :focus-within ile gelir: satır içindeki bağlantı ya da "Özet" düğmesi
   klavyeyle odaklandığında satırın tamamı işaretlenir. */
.gk-vitrin .gk-satir:hover td[b-4s5d3z24va],
.gk-vitrin .gk-satir:focus-within td[b-4s5d3z24va] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.gk-vitrin .gk-tablo .gk-sut-1[b-4s5d3z24va] {
  min-width: 220px;
}

.gk-vitrin .gk-baglanti[b-4s5d3z24va] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.gk-vitrin .gk-baglanti:hover[b-4s5d3z24va] {
  text-decoration: underline;
}

.gk-vitrin .gk-baglanti:focus-visible[b-4s5d3z24va] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gk-vitrin .gk-soluk[b-4s5d3z24va] {
  color: var(--metin-ikincil);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.gk-vitrin .gk-gecikti[b-4s5d3z24va] {
  color: var(--danger-metin);
  font-weight: 600;
}

/* ── Rozetler ── */
.gk-vitrin .gk-rozet[b-4s5d3z24va] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.gk-vitrin .gk-rozet[b-4s5d3z24va]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.gk-vitrin .gk-rozet.is-acik[b-4s5d3z24va] { color: var(--marka-600); }

.gk-vitrin .gk-rozet.is-atandi[b-4s5d3z24va] {
  border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-girdi));
  color: var(--hub-ton-orgbirim);
}

.gk-vitrin .gk-rozet.is-suruyor[b-4s5d3z24va] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.gk-vitrin .gk-rozet.is-incelemede[b-4s5d3z24va] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  color: var(--hub-ton-sso);
}

.gk-vitrin .gk-rozet.is-tamam[b-4s5d3z24va] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.gk-vitrin .gk-rozet.is-iptal[b-4s5d3z24va] {
  color: var(--metin-ipucu);
}

.gk-vitrin .gk-rozet.is-red[b-4s5d3z24va] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

/* Öncelik: nokta yerine kare — durum rozetiyle karışmasın. */
.gk-vitrin .gk-rozet.gk-oncelik[b-4s5d3z24va]::before {
  border-radius: 2px;
}

.gk-vitrin .gk-oncelik.is-dusuk[b-4s5d3z24va] { color: var(--metin-ipucu); }
.gk-vitrin .gk-oncelik.is-normal[b-4s5d3z24va] { color: var(--metin-ikincil); }

.gk-vitrin .gk-oncelik.is-yuksek[b-4s5d3z24va] {
  border-color: color-mix(in srgb, var(--marka-500) 40%, var(--hat-girdi));
  color: var(--marka-600);
  font-weight: 700;
}

.gk-vitrin .gk-oncelik.is-acil[b-4s5d3z24va] {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
  font-weight: 700;
}

/* ── Satır eylemleri ── */
.gk-vitrin .gk-eylem-hucre[b-4s5d3z24va] {
  white-space: nowrap;
  text-align: right;
}

.gk-vitrin .gk-satir-dugme[b-4s5d3z24va] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
  box-shadow: none;
}

.gk-vitrin .gk-satir-dugme:hover[b-4s5d3z24va] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.gk-vitrin .gk-satir-dugme:focus-visible[b-4s5d3z24va] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gk-vitrin .gk-sayfalama[b-4s5d3z24va] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.gk-vitrin .gk-sayfalama__n[b-4s5d3z24va] {
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
}

.gk-vitrin .gk-gizli[b-4s5d3z24va] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.gk-vitrin .gk-popup[b-4s5d3z24va] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.gk-vitrin .gk-popup[open][b-4s5d3z24va] {
  display: flex;
  flex-direction: column;
}

.gk-vitrin .gk-popup[b-4s5d3z24va]::backdrop {
  background: var(--scrim);
}

.gk-vitrin .gk-popup__bas[b-4s5d3z24va] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.gk-vitrin .gk-popup__bas > div[b-4s5d3z24va] {
  min-width: 0;
}

.gk-vitrin .gk-popup__bas h2[b-4s5d3z24va] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.gk-vitrin .gk-popup__bas h2:focus[b-4s5d3z24va] {
  outline: none;
}

.gk-vitrin .gk-popup__bas p[b-4s5d3z24va] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.gk-vitrin .gk-popup__kapat[b-4s5d3z24va] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.gk-vitrin .gk-popup__kapat:hover[b-4s5d3z24va] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.gk-vitrin .gk-popup__kapat:focus-visible[b-4s5d3z24va] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gk-vitrin .gk-popup__govde[b-4s5d3z24va] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.gk-vitrin .gk-popup__rozetler[b-4s5d3z24va] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

.gk-vitrin .gk-popup__aciklama[b-4s5d3z24va] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.gk-vitrin .gk-popup__eylem[b-4s5d3z24va] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.gk-vitrin .gk-olgular[b-4s5d3z24va] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.gk-vitrin .gk-olgular > div[b-4s5d3z24va] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.gk-vitrin .gk-olgular > div:nth-child(odd)[b-4s5d3z24va] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.gk-vitrin .gk-olgular dt[b-4s5d3z24va] {
  color: var(--metin-ipucu);
}

.gk-vitrin .gk-olgular dd[b-4s5d3z24va] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır (1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .gk-vitrin .gk-kapak[b-4s5d3z24va] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .gk-vitrin .gk-kapak__geri[b-4s5d3z24va],
  .gk-vitrin .gk-kapak__baslik[b-4s5d3z24va],
  .gk-vitrin .gk-suzgec[b-4s5d3z24va],
  .gk-vitrin .gk-kapak__eylem[b-4s5d3z24va] {
    grid-row: 1;
  }

  .gk-vitrin .gk-suzgec[b-4s5d3z24va] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .gk-vitrin .gk-kapak__eylem[b-4s5d3z24va] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gk-vitrin .gk-kapak[b-4s5d3z24va] {
    padding: 16px;
  }

  .gk-vitrin .gk-dugme[b-4s5d3z24va],
  .gk-vitrin .gk-satir-dugme[b-4s5d3z24va],
  .gk-vitrin .gk-temizle[b-4s5d3z24va] {
    min-height: 44px;
  }

  .gk-vitrin .gk-suzgec .app-input[b-4s5d3z24va],
  .gk-vitrin .gk-suzgec[b-4s5d3z24va]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .gk-vitrin .gk-kpi[b-4s5d3z24va] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. Opak zemin şeridin 0% durağıyla
     (= --marka-500) aynı; --marka-600 daha koyu olduğundan sol uçta düz blok üretirdi. */
  .gk-vitrin .gk-tablo .gk-sut-1[b-4s5d3z24va] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 180px;
    background: var(--yuzey);
  }

  .gk-vitrin .gk-tablo thead .gk-sut-1[b-4s5d3z24va] {
    z-index: 5;
    background: var(--marka-500);
  }

  .gk-vitrin .gk-tablo tbody tr:nth-child(even) .gk-sut-1[b-4s5d3z24va] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .gk-vitrin .gk-kapak[b-4s5d3z24va] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .gk-vitrin .gk-kapak .au-title[b-4s5d3z24va] {
    font-size: var(--yazi-kapak, 20px);
  }

  .gk-vitrin .gk-kapak__alt[b-4s5d3z24va],
  .gk-vitrin .gk-not[b-4s5d3z24va],
  .gk-vitrin .gk-kapsam[b-4s5d3z24va] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .gk-vitrin .gk-suzgec[b-4s5d3z24va] {
    flex-direction: column;
    align-items: stretch;
  }

  .gk-vitrin .gk-alan[b-4s5d3z24va] {
    max-width: none;
  }

  .gk-vitrin .gk-kapak__eylem[b-4s5d3z24va] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .gk-vitrin .gk-kapak__eylem .gk-dugme[b-4s5d3z24va] {
    flex: 1 0 auto;
  }

  .gk-vitrin .gk-kpi[b-4s5d3z24va] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gk-vitrin .gk-kpi__deger[b-4s5d3z24va] {
    font-size: var(--yazi-kpi, 20px);
  }

  .gk-vitrin .gk-kart[b-4s5d3z24va] {
    padding: 16px 12px;
  }

  .gk-vitrin .gk-bolum__baslik[b-4s5d3z24va] {
    font-size: var(--yazi-bolum, 14px);
  }

  .gk-vitrin .gk-tablo tbody td[b-4s5d3z24va],
  .gk-vitrin .gk-tablo thead th[b-4s5d3z24va] {
    padding-inline: 8px;
  }

  .gk-vitrin .gk-popup[b-4s5d3z24va] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .gk-vitrin .gk-popup__bas[b-4s5d3z24va],
  .gk-vitrin .gk-popup__govde[b-4s5d3z24va],
  .gk-vitrin .gk-popup__eylem[b-4s5d3z24va] {
    padding: 12px;
  }

  .gk-vitrin .gk-olgular > div[b-4s5d3z24va] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/GorevOlustur.razor.rz.scp.css */
/* Görev oluştur — Akademik Analiz kapak/kart/girdi ölçülerinin sayfa-scoped uyarlaması.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, bölüm kartı 18 px + 5 px şerit, girdi 34 px + kesik sol
   üst köşe, düğme 34 px / 12.5-600). Cihaz bantları docs/mobil/YENI-DIL.md §1.1 birebir. */

.au-page.go-vitrin[b-rcnm5y6i61] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.go-vitrin .go-kapak[b-rcnm5y6i61] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.go-vitrin .go-kapak__geri[b-rcnm5y6i61] {
  grid-column: 1;
  min-width: 0;
}

.go-vitrin .go-kapak__geri[b-rcnm5y6i61]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
  border-color: var(--hat-girdi);
}

.go-vitrin .go-kapak__geri[b-rcnm5y6i61]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.go-vitrin .go-kapak__baslik[b-rcnm5y6i61] {
  grid-column: 2;
  min-width: 0;
}

.go-vitrin .go-kapak .au-title[b-rcnm5y6i61] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.go-vitrin .go-kapak__alt[b-rcnm5y6i61] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Form kartı ── */
.go-vitrin .go-kart[b-rcnm5y6i61] {
  position: relative;
  min-width: 0;
  max-width: 880px;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.go-vitrin .go-kart[b-rcnm5y6i61]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.go-vitrin .go-bolum__baslik[b-rcnm5y6i61] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.go-vitrin .go-bolum__baslik[b-rcnm5y6i61]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Gönderim hatası: kart içinde, alanların üstünde ── */
.go-vitrin .go-hata[b-rcnm5y6i61] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--hat-kart));
  border-left: 3px solid var(--danger);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.go-vitrin .go-hata svg[b-rcnm5y6i61] {
  flex: 0 0 16px;
  margin-top: 2px;
  color: var(--danger-metin);
}

/* ── Alan ızgarası ── */
.go-vitrin .go-izgara[b-rcnm5y6i61] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.go-vitrin .go-alan[b-rcnm5y6i61] {
  min-width: 0;
}

.go-vitrin .go-alan--genis[b-rcnm5y6i61] {
  grid-column: 1 / -1;
}

.go-vitrin .go-alan[b-rcnm5y6i61]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.go-vitrin .go-alan[b-rcnm5y6i61]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.go-vitrin .go-alan[b-rcnm5y6i61]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Çok satırlı açıklama (AppTextField tek satırlıktır) ── */
.go-vitrin .go-metin-alan[b-rcnm5y6i61] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.go-vitrin .go-etiket[b-rcnm5y6i61] {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.go-vitrin .go-metin[b-rcnm5y6i61] {
  width: 100%;
  min-height: 92px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 400 13px/1.6 var(--font-body);
  resize: vertical;
}

.go-vitrin .go-metin[b-rcnm5y6i61]::placeholder {
  color: var(--metin-ipucu);
}

.go-vitrin .go-metin:focus-visible[b-rcnm5y6i61] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.go-vitrin .go-metin:disabled[b-rcnm5y6i61] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Alan altı ipucu — AppInputBase'in `Hint` metniyle aynı ton/ölçü (ortak alan
   bileşeni kullanılamayan çok satırlı girdide elle kurulur). */
.go-vitrin .go-ipucu[b-rcnm5y6i61] {
  margin: 6px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.5;
}

/* ── Eylemler ── */
.go-vitrin .go-eylem[b-rcnm5y6i61] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--hat-kart);
}

.go-vitrin .go-dugme[b-rcnm5y6i61] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.go-vitrin .go-dugme:hover:not(:disabled)[b-rcnm5y6i61] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.go-vitrin .go-dugme--ana[b-rcnm5y6i61] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.go-vitrin .go-dugme--ana:hover:not(:disabled)[b-rcnm5y6i61] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.go-vitrin .go-dugme:disabled[b-rcnm5y6i61] {
  opacity: 0.55;
  cursor: not-allowed;
}

.go-vitrin .go-dugme:focus-visible[b-rcnm5y6i61] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .go-vitrin .go-kapak[b-rcnm5y6i61] {
    padding: 16px;
  }

  .go-vitrin .go-dugme[b-rcnm5y6i61] {
    min-height: 44px;
  }

  .go-vitrin .go-alan[b-rcnm5y6i61]  .app-input,
  .go-vitrin .go-metin[b-rcnm5y6i61] {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  .go-vitrin .go-metin[b-rcnm5y6i61] {
    min-height: 104px;
  }
}

/* ── TELEFON: tek sütun ── */
@media (max-width: 640px) {
  .go-vitrin .go-kapak[b-rcnm5y6i61] {
    padding: 12px;
  }

  .go-vitrin .go-kapak .au-title[b-rcnm5y6i61] {
    font-size: var(--yazi-kapak, 20px);
  }

  .go-vitrin .go-kapak__alt[b-rcnm5y6i61] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .go-vitrin .go-kart[b-rcnm5y6i61] {
    padding: 16px 12px;
  }

  .go-vitrin .go-bolum__baslik[b-rcnm5y6i61] {
    font-size: var(--yazi-bolum, 14px);
  }

  .go-vitrin .go-izgara[b-rcnm5y6i61] {
    grid-template-columns: minmax(0, 1fr);
  }

  .go-vitrin .go-eylem .go-dugme[b-rcnm5y6i61] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/GorevOnayHub.razor.rz.scp.css */
/* Görev ve Onay hub'ı — Akademik Analiz kapak/tipografi ölçülerinin sayfa-scoped uyarlaması.
   Kart dili ortak `hub-vitrin.css`ten gelir; burada yalnız kapak ve bölüm başlığı var.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px, h1 23/700, düğme 34 px, bölüm başlığı 15/700 + 13 px üçgen).
   Cihaz bantları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir. */

.au-page.gh-vitrin[b-zmisoqcxi1] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler aynı beyaz yüzeyde ── */
.gh-vitrin .gh-kapak[b-zmisoqcxi1] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.gh-vitrin .gh-kapak__geri[b-zmisoqcxi1] {
  grid-area: geri;
  min-width: 0;
}

.gh-vitrin .gh-kapak__geri[b-zmisoqcxi1]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
  border-color: var(--hat-girdi);
}

.gh-vitrin .gh-kapak__geri[b-zmisoqcxi1]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.gh-vitrin .gh-kapak__baslik[b-zmisoqcxi1] {
  grid-area: baslik;
  min-width: 0;
}

.gh-vitrin .gh-kapak .au-title[b-zmisoqcxi1] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.gh-vitrin .gh-kapak__alt[b-zmisoqcxi1] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.gh-vitrin .gh-kapak__eylem[b-zmisoqcxi1] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Kapak düğmeleri (referans: 34 px, 12.5/600, kesik sol üst köşe) ── */
.gh-vitrin .gh-dugme[b-zmisoqcxi1] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.gh-vitrin .gh-dugme:hover[b-zmisoqcxi1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.gh-vitrin .gh-dugme--ana[b-zmisoqcxi1] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.gh-vitrin .gh-dugme--ana:hover[b-zmisoqcxi1] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.gh-vitrin .gh-dugme:focus-visible[b-zmisoqcxi1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Yeşil kuşak kartı: şerit ucu derin varyanta çekilir ──
   hub-vitrin.css:80-88 "SAYFA-ÖZEL LİSTE" uyarısı: `--hub-ton-kisalink` (#108a6e) açık
   yeşil şerit ucunun üstünde eriyor; ortak dosyadaki liste yalnız /yonetim rotalarını
   içeriyor ve bu rota orada YOK. Ortak dosya kapsam dışı olduğu için yükümlülük burada,
   `::deep` ile kapatılır (HubCard ayrı bileşen; <a>'sı bu sayfanın scope niteliğini taşımaz). */
.gh-vitrin[b-zmisoqcxi1]  .hub-card[href="/ajan/ders-icerigi"] {
  --hub-bant-uc: var(--hub-bant-vurgu-derin);
}

/* ── Bölüm başlığı: 15/700 + üçgen işaret ── */
.gh-vitrin .gh-bolum[b-zmisoqcxi1] {
  margin: 0 0 16px;
}

.gh-vitrin .gh-bolum__baslik[b-zmisoqcxi1] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.gh-vitrin .gh-bolum__baslik[b-zmisoqcxi1]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── CİHAZ (telefon ∪ tablet): kapak iki satıra iner, eylemler başlığın altında ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .gh-vitrin .gh-kapak[b-zmisoqcxi1] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .gh-vitrin .gh-kapak__eylem[b-zmisoqcxi1] {
    justify-self: stretch;
  }

  .gh-vitrin .gh-dugme[b-zmisoqcxi1] {
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .gh-vitrin .gh-kapak[b-zmisoqcxi1] {
    padding: 12px;
  }

  .gh-vitrin .gh-kapak .au-title[b-zmisoqcxi1] {
    font-size: var(--yazi-kapak, 20px);
  }

  .gh-vitrin .gh-kapak__alt[b-zmisoqcxi1] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* İki eylem tek satırda sığar; taşarsa yatay kayar (YENI-DIL §7). */
  .gh-vitrin .gh-kapak__eylem[b-zmisoqcxi1] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  /* Dokunma hedefi CİHAZ kuralında 44 px'e çıkıyor; burada yalnız esneme kapatılır. */
  .gh-vitrin .gh-dugme[b-zmisoqcxi1] {
    flex: 0 0 auto;
  }

  .gh-vitrin .gh-bolum__baslik[b-zmisoqcxi1] {
    font-size: var(--yazi-bolum, 14px);
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/IsAkislari.razor.rz.scp.css */
/* Bekleyen iş akışı onayları (/gorevler/is-akislari) — Akademik Analiz ölçüleri, scoped.
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Scheduling/SinavTurleri.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK, sabit spacer YOK.
   AppSelect / DataStates / GeriBaglanti çocuk bileşendir → ::deep ile hedeflenir. */

.ia-vitrin[b-o0a6fs8xjt] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

.ia-vitrin--panel[b-o0a6fs8xjt] {
  padding-bottom: 0;
}

/* ── Kapak: başlık + süzgeç + ana eylem tek beyaz yüzeyde ──────────────── */
.ia-kapak[b-o0a6fs8xjt] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  /* "suzgecac" satırı YALNIZ telefon bandında tanımlanır: grid-template-areas'ta adı
     geçen alan, öğe display:none olsa bile bir satır izi ve iki satır aralığı üretirdi
     (tablette 14 px ölü boşluk). */
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* Panelde başlık/geri satırı yoktur: süzgeç ve eylem tek satıra oturur. */
.ia-vitrin--panel .ia-kapak[b-o0a6fs8xjt] {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "suzgec eylem";
  margin-bottom: 0;
  padding: 14px 16px;
}

.ia-kapak[b-o0a6fs8xjt]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.ia-kapak__metin[b-o0a6fs8xjt] {
  grid-area: baslik;
  min-width: 0;
}

.ia-suzgec[b-o0a6fs8xjt] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.ia-suzgec[b-o0a6fs8xjt]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

/* Süzgeç katlama düğmesi yalnız telefonda görünür (aşağıdaki telefon bandı). */
.ia-suzgec-ac[b-o0a6fs8xjt] {
  grid-area: suzgecac;
  display: none;
}

.ia-kapak__eylem[b-o0a6fs8xjt] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, süzgeç + eylem sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .ia-kapak[b-o0a6fs8xjt] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* Süzgeç kabı gerilir, içerik satır içinde sağa yaslanır. `justify-self: end`
     kabı shrink-to-fit ölçtürürdü; sarmalı flex kabın max-content'i alanların
     `flex: 0 1 176px` tabanını saymadığı için süzgeçler alt alta yığılırdı. */
  .ia-suzgec[b-o0a6fs8xjt] {
    justify-self: stretch;
    justify-content: flex-end;
  }

  /* Eylem alanı içerik genişliğinde tek düğme taşır: shrink-to-fit doğru ölçer. */
  .ia-kapak__eylem[b-o0a6fs8xjt] {
    justify-self: end;
  }
}

.ia-vitrin .au-title[b-o0a6fs8xjt] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.ia-vitrin .au-sub[b-o0a6fs8xjt] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.ia-vitrin .au-btn[b-o0a6fs8xjt],
.ia-vitrin[b-o0a6fs8xjt]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.ia-vitrin .au-btn--sm[b-o0a6fs8xjt] {
  padding: 0 10px;
  font-size: 12px;
}

.ia-vitrin .au-btn:hover:not(:disabled)[b-o0a6fs8xjt],
.ia-vitrin[b-o0a6fs8xjt]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.ia-vitrin .au-btn--primary[b-o0a6fs8xjt],
.ia-vitrin[b-o0a6fs8xjt]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.ia-vitrin .au-btn--primary:hover:not(:disabled)[b-o0a6fs8xjt] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.ia-vitrin .au-btn:disabled[b-o0a6fs8xjt] {
  opacity: .55;
  cursor: not-allowed;
}

.ia-vitrin :is(.au-btn, .ia-suzgec-ac, .ia-link):focus-visible[b-o0a6fs8xjt] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.ia-kart[b-o0a6fs8xjt] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.ia-kart[b-o0a6fs8xjt]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ia-kart__bas[b-o0a6fs8xjt] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
}

.ia-kart__baslik[b-o0a6fs8xjt] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.ia-kart__baslik[b-o0a6fs8xjt]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ia-soluk[b-o0a6fs8xjt] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.ia-gizli[b-o0a6fs8xjt] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ───────────────────── */
.ia-tablo-kaydir[b-o0a6fs8xjt] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.ia-tablo[b-o0a6fs8xjt] {
  display: table;
  width: 100%;
  min-width: 900px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.ia-tablo thead[b-o0a6fs8xjt] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.ia-tablo th[b-o0a6fs8xjt] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.ia-tablo td[b-o0a6fs8xjt] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.ia-tablo tbody tr:nth-child(even) td[b-o0a6fs8xjt] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ia-satir[b-o0a6fs8xjt] {
  cursor: pointer;
}

.ia-tablo tbody tr:hover td[b-o0a6fs8xjt] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.ia-tablo__ilk[b-o0a6fs8xjt] {
  overflow-wrap: anywhere;
}

/* Satırın gezinme hedefi: gerçek bağlantı (klavye ve ekran okuyucu buradan gider). */
.ia-link[b-o0a6fs8xjt] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}

.ia-link:hover[b-o0a6fs8xjt] {
  text-decoration: underline;
}

.ia-sayi[b-o0a6fs8xjt] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--metin-ikincil);
}

.ia-tablo__eylem[b-o0a6fs8xjt] {
  width: 1%;
  white-space: nowrap;
  text-align: end;
}

.ia-sayfalayici[b-o0a6fs8xjt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

/* Rozet: tek nötr taban + durum tonu. Yeni palet üretilmez. */
.ia-rozet[b-o0a6fs8xjt] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.ia-rozet--bekleyen[b-o0a6fs8xjt] {
  border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.ia-rozet--biten[b-o0a6fs8xjt] {
  border-color: color-mix(in srgb, var(--green-600) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--green-600) 8%, var(--yuzey));
  color: var(--green-600);
}

.ia-rozet--olumsuz[b-o0a6fs8xjt] {
  border-color: color-mix(in srgb, var(--red-500) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
  color: var(--red-600);
}

/* ── Boş durum ─────────────────────────────────────────────────────────── */
.ia-bos[b-o0a6fs8xjt] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.ia-bos p[b-o0a6fs8xjt] {
  margin: 0;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.ia-popup[b-o0a6fs8xjt] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.ia-popup[open][b-o0a6fs8xjt] {
  display: flex;
  flex-direction: column;
}

.ia-popup[b-o0a6fs8xjt]::backdrop {
  background: var(--scrim);
}

.ia-popup__bas[b-o0a6fs8xjt] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.ia-popup__bas h2[b-o0a6fs8xjt] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.ia-popup__bas h2:focus[b-o0a6fs8xjt] {
  outline: none;
}

.ia-popup__kapat[b-o0a6fs8xjt] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.ia-popup__govde[b-o0a6fs8xjt] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.ia-bilgi[b-o0a6fs8xjt] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.ia-bilgi > div[b-o0a6fs8xjt] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.ia-bilgi > div:nth-child(odd)[b-o0a6fs8xjt] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.ia-bilgi dt[b-o0a6fs8xjt] {
  color: var(--n-500);
}

.ia-bilgi dd[b-o0a6fs8xjt] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.ia-kimlik[b-o0a6fs8xjt] {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.ia-popup__eylem[b-o0a6fs8xjt] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Girdi tabanı (çocuk bileşenler) ───────────────────────────────────── */
.ia-vitrin[b-o0a6fs8xjt]  .app-input,
.ia-vitrin[b-o0a6fs8xjt]  .app-select {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.ia-vitrin[b-o0a6fs8xjt]  :is(.app-input, .app-select):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.ia-vitrin[b-o0a6fs8xjt]  .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--n-500);
}

.ia-vitrin[b-o0a6fs8xjt]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ia-kapak[b-o0a6fs8xjt] {
    padding: 16px;
  }

  .ia-vitrin .au-btn[b-o0a6fs8xjt],
  .ia-vitrin[b-o0a6fs8xjt]  .au-btn {
    min-height: 44px;
  }

  .ia-vitrin[b-o0a6fs8xjt]  .app-input,
  .ia-vitrin[b-o0a6fs8xjt]  .app-select {
    min-height: 44px;
  }

  .ia-kapak[b-o0a6fs8xjt]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  .ia-vitrin[b-o0a6fs8xjt]  .app-input,
  .ia-vitrin[b-o0a6fs8xjt]  .app-select {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .ia-kapak[b-o0a6fs8xjt] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "suzgecac suzgecac"
      "suzgec suzgec"
      "eylem eylem";
    gap: 10px;
    padding: 12px;
  }

  .ia-vitrin--panel .ia-kapak[b-o0a6fs8xjt] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "suzgecac"
      "suzgec"
      "eylem";
  }

  .ia-vitrin .au-title[b-o0a6fs8xjt] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Süzgeç katlanır: varsayılan kapalı, düğmede etkin süzgeç sayısı. */
  .ia-suzgec-ac[b-o0a6fs8xjt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--marka-700);
    font: 600 12.5px var(--font-body);
    cursor: pointer;
  }

  .ia-suzgec.is-kapali[b-o0a6fs8xjt] {
    display: none;
  }

  .ia-suzgec[b-o0a6fs8xjt]  .app-field {
    flex: 1 1 100%;
    max-width: none;
  }

  .ia-kapak__eylem[b-o0a6fs8xjt] {
    width: 100%;
  }

  .ia-kapak__eylem .au-btn[b-o0a6fs8xjt] {
    flex: 1 1 auto;
  }

  .ia-kart[b-o0a6fs8xjt] {
    padding: 16px 12px;
  }

  .ia-kart__baslik[b-o0a6fs8xjt] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* İlk anlamlı sütun (kaynak servis) yatay kaydırmada yapışık kalır. */
  .ia-tablo__ilk[b-o0a6fs8xjt] {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  /* Yapışık başlık hücresi OPAK tek renk olmalı: degradeyi burada yeniden başlatmak
     rampayı tek hücreye sıkıştırır ve şeridin geri kalanıyla görünür ek oluşturur
     (akademik-analiz.md "Tablo görünümü" uyarısı). cihaz.css:5214 ile aynı token. */
  .ia-tablo thead th:first-child[b-o0a6fs8xjt] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--at-bas-zemin, var(--marka-500));
  }

  .ia-sayfalayici .au-btn[b-o0a6fs8xjt] {
    flex: 1 1 auto;
  }

  .ia-popup[b-o0a6fs8xjt] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .ia-popup__bas[b-o0a6fs8xjt],
  .ia-popup__govde[b-o0a6fs8xjt],
  .ia-popup__eylem[b-o0a6fs8xjt] {
    padding: 12px;
  }

  .ia-popup__eylem .au-btn[b-o0a6fs8xjt] {
    flex: 1 1 auto;
  }

  .ia-bilgi > div[b-o0a6fs8xjt] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/Islerim.razor.rz.scp.css */
/* İşlerim (/gorevler/islerim) — Akademik Analiz ölçüleri, yalnız bu sayfa (scoped).
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Scheduling/SinavTurleri.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK, sabit spacer YOK.
   AppDataGrid / DataStates / GeriBaglanti çocuk bileşendir → ::deep ile hedeflenir. */

.il-vitrin[b-dqhqk1ald6] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* Panel modunda dış boşluğu panel gövdesi verir; kapak satırı hiç çizilmez. */
.il-vitrin--panel[b-dqhqk1ald6] {
  padding-bottom: 0;
}

/* ── Kapak: başlık tek beyaz yüzeyde (bu sayfada sunucu süzgeci yok) ────── */
.il-kapak[b-dqhqk1ald6] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.il-kapak[b-dqhqk1ald6]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.il-kapak__metin[b-dqhqk1ald6] {
  grid-area: baslik;
  min-width: 0;
}

.il-vitrin .au-title[b-dqhqk1ald6] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.il-vitrin .au-sub[b-dqhqk1ald6] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Bölüm sekmeleri: beyaz şerit, 6 px dolgu, 4 px aralık, içerikten 16 px ── */
.il-sekmeler[b-dqhqk1ald6] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.il-sekme[b-dqhqk1ald6] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  cursor: pointer;
}

.il-sekme:hover[b-dqhqk1ald6] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.il-sekme.is-active[b-dqhqk1ald6],
.il-sekme.is-active:hover[b-dqhqk1ald6] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.il-sekme:focus-visible[b-dqhqk1ald6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.il-panel:focus-visible[b-dqhqk1ald6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  border-radius: var(--kose-dugme);
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.il-vitrin .au-btn[b-dqhqk1ald6],
.il-vitrin[b-dqhqk1ald6]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.il-vitrin .au-btn--sm[b-dqhqk1ald6],
.il-vitrin[b-dqhqk1ald6]  .au-btn--sm {
  padding: 0 10px;
  font-size: 12px;
}

.il-vitrin .au-btn:hover:not(:disabled)[b-dqhqk1ald6],
.il-vitrin[b-dqhqk1ald6]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.il-vitrin .au-btn--primary[b-dqhqk1ald6],
.il-vitrin[b-dqhqk1ald6]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.il-vitrin .au-btn--primary:hover:not(:disabled)[b-dqhqk1ald6],
.il-vitrin[b-dqhqk1ald6]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.il-vitrin .au-btn:focus-visible[b-dqhqk1ald6],
.il-vitrin[b-dqhqk1ald6]  .au-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Liste kabı: bölüm kartı ölçüleri ──────────────────────────────────── */
.il-panel[b-dqhqk1ald6]  .app-grid {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.il-panel[b-dqhqk1ald6]  .app-grid::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

/* Uzun tablo kendi sınırlı alanında kayar; başlık üstte sabit kalır. */
.il-panel[b-dqhqk1ald6]  .grid-scroll {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.il-panel[b-dqhqk1ald6]  .grid-table {
  display: table;
  width: 100%;
  min-width: 940px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.il-panel[b-dqhqk1ald6]  .grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.il-panel[b-dqhqk1ald6]  .grid-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.il-panel[b-dqhqk1ald6]  .grid-table td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.il-panel[b-dqhqk1ald6]  .grid-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.il-panel[b-dqhqk1ald6]  .grid-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* Sayfalayıcı: kart içinde, tablo ile 12 px aralık. */
.il-panel[b-dqhqk1ald6]  .grid-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-top: 12px;
  color: var(--n-500);
  font-size: 12.5px;
}

.il-panel[b-dqhqk1ald6]  .grid-pager__btn {
  display: grid;
  place-items: center;
  min-width: 34px;
  min-height: 34px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.il-panel[b-dqhqk1ald6]  .grid-pager__btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.il-panel[b-dqhqk1ald6]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* ── Hücre içerikleri ──────────────────────────────────────────────────── */
.il-baslik[b-dqhqk1ald6] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  max-width: 420px;
}

/* Satırın gezinme hedefi: gerçek bağlantı (klavye ve ekran okuyucu buradan gider). */
.il-baslik__ad[b-dqhqk1ald6] {
  font-weight: 600;
  color: var(--marka-700);
  overflow-wrap: anywhere;
  text-decoration: none;
}

.il-baslik__ad:hover[b-dqhqk1ald6] {
  text-decoration: underline;
}

.il-baslik__ad:focus-visible[b-dqhqk1ald6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  border-radius: 2px;
}

.il-baslik__alt[b-dqhqk1ald6] {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.il-hucre[b-dqhqk1ald6] {
  color: var(--metin-ikincil);
}

.il-hucre--bos[b-dqhqk1ald6] {
  color: var(--metin-ipucu);
}

/* Ham kullanıcı kimliği sütunu taşırmasın; tam değer title ve özet penceresinde. */
.il-hucre--kimlik[b-dqhqk1ald6] {
  display: inline-block;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.il-sayi[b-dqhqk1ald6] {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  color: var(--metin-ikincil);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.il-sayi--gecikmis[b-dqhqk1ald6] {
  color: var(--red-600);
  font-weight: 600;
}

.il-gecikme[b-dqhqk1ald6] {
  padding: 1px 6px;
  border: 1px solid color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Rozet: tek nötr taban + durum/öncelik tonu. Yeni palet üretilmez. */
.il-rozet[b-dqhqk1ald6] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.il-rozet--durum-acik[b-dqhqk1ald6] {
  border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.il-rozet--durum-suren[b-dqhqk1ald6] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.il-rozet--durum-biten[b-dqhqk1ald6] {
  border-color: color-mix(in srgb, var(--green-600) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--green-600) 8%, var(--yuzey));
  color: var(--green-600);
}

.il-rozet--durum-olumsuz[b-dqhqk1ald6] {
  border-color: color-mix(in srgb, var(--red-500) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
  color: var(--red-600);
}

.il-rozet--oncelik-dusuk[b-dqhqk1ald6] {
  color: var(--metin-ipucu);
}

.il-rozet--oncelik-normal[b-dqhqk1ald6] {
  color: var(--metin-ikincil);
}

.il-rozet--oncelik-yuksek[b-dqhqk1ald6] {
  border-color: color-mix(in srgb, var(--amber-600) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--amber-600) 8%, var(--yuzey));
  color: var(--amber-600);
}

.il-rozet--oncelik-acil[b-dqhqk1ald6] {
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-500) 9%, var(--yuzey));
  color: var(--red-600);
}

/* ── Boş durum ─────────────────────────────────────────────────────────── */
.il-bos[b-dqhqk1ald6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.il-bos p[b-dqhqk1ald6] {
  margin: 0;
}

.il-bos__ipucu[b-dqhqk1ald6] {
  color: var(--n-500);
  font-size: 12.5px;
}

/* ── Görünür popup (native dialog, top layer) ──────────────────────────── */
.il-popup[b-dqhqk1ald6] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.il-popup[open][b-dqhqk1ald6] {
  display: flex;
  flex-direction: column;
}

.il-popup[b-dqhqk1ald6]::backdrop {
  background: var(--scrim);
}

.il-popup__bas[b-dqhqk1ald6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.il-popup__bas h2[b-dqhqk1ald6] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.il-popup__bas h2:focus[b-dqhqk1ald6] {
  outline: none;
}

.il-popup__kapat[b-dqhqk1ald6] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.il-popup__govde[b-dqhqk1ald6] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.il-popup__aciklama[b-dqhqk1ald6] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.il-bilgi[b-dqhqk1ald6] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.il-bilgi > div[b-dqhqk1ald6] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.il-bilgi > div:nth-child(odd)[b-dqhqk1ald6] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.il-bilgi dt[b-dqhqk1ald6] {
  color: var(--n-500);
}

.il-bilgi dd[b-dqhqk1ald6] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.il-popup__eylem[b-dqhqk1ald6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .il-kapak[b-dqhqk1ald6] {
    padding: 16px;
  }

  .il-vitrin .au-btn[b-dqhqk1ald6],
  .il-vitrin[b-dqhqk1ald6]  .au-btn {
    min-height: 44px;
  }

  .il-sekme[b-dqhqk1ald6] {
    min-height: 44px;
  }

  .il-panel[b-dqhqk1ald6]  .grid-pager__btn {
    min-width: 44px;
    min-height: 44px;
  }

  .il-kapak[b-dqhqk1ald6]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .il-kapak[b-dqhqk1ald6] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .il-vitrin .au-title[b-dqhqk1ald6] {
    font-size: var(--yazi-kapak, 20px);
  }

  /* Sekmeler tek yatay kaydırılabilir şerit; sayfanın tamamı taşmaz. */
  .il-sekmeler[b-dqhqk1ald6] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .il-sekmeler[b-dqhqk1ald6]::-webkit-scrollbar {
    display: none;
  }

  .il-sekme[b-dqhqk1ald6] {
    flex: 0 0 auto;
  }

  .il-panel[b-dqhqk1ald6]  .app-grid {
    padding: 16px 12px;
  }

  /* İlk anlamlı sütun (görev başlığı) yatay kaydırmada yapışık kalır. */
  .il-panel[b-dqhqk1ald6]  .grid-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
  }

  /* Yapışık başlık hücresi OPAK tek renk olmalı: degradeyi burada yeniden başlatmak
     rampayı tek hücreye sıkıştırır ve şeridin geri kalanıyla görünür ek oluşturur
     (akademik-analiz.md "Tablo görünümü" uyarısı). cihaz.css:5214 ile aynı token. */
  .il-panel[b-dqhqk1ald6]  .grid-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--at-bas-zemin, var(--marka-500));
  }

  .il-baslik[b-dqhqk1ald6] {
    max-width: 240px;
  }

  .il-popup[b-dqhqk1ald6] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .il-popup__bas[b-dqhqk1ald6],
  .il-popup__govde[b-dqhqk1ald6],
  .il-popup__eylem[b-dqhqk1ald6] {
    padding: 12px;
  }

  .il-popup__eylem .au-btn[b-dqhqk1ald6] {
    flex: 1 1 auto;
  }

  .il-bilgi > div[b-dqhqk1ald6] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/MedyaGorevDetay.razor.rz.scp.css */
/* Medya görev detayı — Akademik Analiz görsel dili: 23 px kapak, bölüm sekmeleri,
   beyaz bölüm kartları ve native işlem penceresi. Yalnız bu sayfaya kapsanmıştır. */

.mgd-vitrin[b-be3s6jnu5x] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + rozetler + işlemler ── */
.mgd-kapak[b-be3s6jnu5x] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* GeriBaglanti AYRI bir bileşendir; <a> öğesi bu sayfanın kapsam kimliğini TAŞIMAZ.
   ::deep olmadan yazılan kural hiç eşleşmiyordu (Analitik/RagArama/Kampanyalar ile aynı desen). */
.mgd-vitrin[b-be3s6jnu5x]  .mgd-geri {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* 30px'lik kutuda GeriBaglanti'nin "Medya görevleri" etiketi taşıp başlığın üzerine boyanıyordu.
   Ekran okuyucuya bırakıp görsel olarak gizliyoruz (VideoScriptGraph.razor.css ile aynı kalıp). */
.mgd-vitrin[b-be3s6jnu5x]  .mgd-geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.mgd-kapak__baslik[b-be3s6jnu5x] {
  flex: 1 1 260px;
  min-width: 0;
}

.mgd-kapak .au-title[b-be3s6jnu5x] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}

.mgd-rozetler[b-be3s6jnu5x] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
}

.mgd-vitrin .mgd-rozet[b-be3s6jnu5x] {
  background: color-mix(in srgb, var(--marka-500) 8%, transparent);
  color: var(--marka-700);
}

.mgd-vitrin .mgd-rozet[b-be3s6jnu5x]::before {
  background: var(--marka-500);
}

.mgd-kapak__eylemler[b-be3s6jnu5x] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

/* ── Düğmeler ── */
.mgd-vitrin .au-btn[b-be3s6jnu5x] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
}

.mgd-vitrin .au-btn:hover:not(:disabled)[b-be3s6jnu5x] {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mgd-vitrin .au-btn--primary[b-be3s6jnu5x] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mgd-vitrin .au-btn--primary:hover:not(:disabled)[b-be3s6jnu5x] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mgd-vitrin .au-btn--danger[b-be3s6jnu5x] {
  background: var(--red-600);
  border-color: var(--red-600);
  color: var(--on-brand);
}

.mgd-vitrin .au-btn--danger:hover:not(:disabled)[b-be3s6jnu5x] {
  background: var(--red-500);
  border-color: var(--red-500);
}

.mgd-vitrin .au-btn:disabled[b-be3s6jnu5x] {
  opacity: .6;
  cursor: not-allowed;
}

.mgd-vitrin :is(button, a, input, [tabindex="0"]):focus-visible[b-be3s6jnu5x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Sayfanın kendi uyarı şeritleri (geçmiş hatası, popup içi işlem hatası): ortak .au-banner
   tabanı referans köşe/tipografi ölçüsüne çekilir. Uzun sunucu mesajı kartı taşırmaz. */
.mgd-vitrin .au-banner[b-be3s6jnu5x] {
  margin: 0 0 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
  overflow-wrap: anywhere;
}

/* ── Bölüm sekmeleri ── */
.mgd-sekmeler[b-be3s6jnu5x] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.mgd-sekme[b-be3s6jnu5x] {
  --mgd-vurgu: var(--marka-600);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.mgd-sekme:nth-child(2)[b-be3s6jnu5x] {
  --mgd-vurgu: var(--marka-rampa-uc);
}

.mgd-sekme:hover[b-be3s6jnu5x] {
  color: var(--mgd-vurgu);
  background: color-mix(in srgb, var(--mgd-vurgu) 14%, var(--yuzey));
}

.mgd-sekme[aria-selected="true"][b-be3s6jnu5x],
.mgd-sekme[aria-selected="true"]:hover[b-be3s6jnu5x] {
  background: var(--mgd-vurgu);
  color: var(--on-brand);
}

.mgd-sekme:focus-visible[b-be3s6jnu5x] {
  outline: 2px solid var(--mgd-vurgu);
  outline-offset: 2px;
}

.mgd-sekme__sayi[b-be3s6jnu5x] {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: var(--radius-pill, 999px);
  background: color-mix(in srgb, var(--mgd-vurgu) 12%, transparent);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.mgd-sekme[aria-selected="true"] .mgd-sekme__sayi[b-be3s6jnu5x] {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
}

.mgd-panel:focus-visible[b-be3s6jnu5x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartları ── */
.mgd-kart[b-be3s6jnu5x],
.mgd-bos[b-be3s6jnu5x] {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mgd-kart + .mgd-kart[b-be3s6jnu5x] {
  margin-top: 16px;
}

.mgd-kart[b-be3s6jnu5x]::before,
.mgd-bos[b-be3s6jnu5x]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mgd-bolum-baslik[b-be3s6jnu5x] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.mgd-bolum-baslik[b-be3s6jnu5x]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mgd-bos[b-be3s6jnu5x] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mgd-bos p[b-be3s6jnu5x] {
  margin: 0;
  line-height: 1.6;
}

/* ── Üretim akışı şeridi (geçiş matrisinden) ── */
.mgd-akis[b-be3s6jnu5x] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mgd-akis__oge[b-be3s6jnu5x] {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  font-size: 12px;
  font-weight: 600;
}

.mgd-akis__oge.is-bekliyor[b-be3s6jnu5x] {
  color: var(--metin-ipucu);
  background: var(--yuzey);
}

.mgd-akis__oge.is-gecildi[b-be3s6jnu5x] {
  color: var(--marka-700);
  border-color: color-mix(in srgb, var(--marka-500) 30%, transparent);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
}

.mgd-akis__oge.is-aktif[b-be3s6jnu5x] {
  color: var(--on-brand);
  border-color: var(--marka-600);
  background: var(--marka-600);
}

.mgd-akis__oge.is-iptal[b-be3s6jnu5x] {
  color: var(--metin-ipucu);
  background: var(--yuzey);
  text-decoration: line-through;
}

.mgd-akis__ipucu[b-be3s6jnu5x] {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Açıklama ── */
.mgd-aciklama[b-be3s6jnu5x] {
  margin: 0;
  color: var(--metin-ikincil);
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ── Künye ── */
.mgd-kunye[b-be3s6jnu5x] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.mgd-kunye > div[b-be3s6jnu5x] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mgd-kunye > div:nth-child(odd)[b-be3s6jnu5x] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mgd-kunye dt[b-be3s6jnu5x] {
  color: var(--n-500);
}

.mgd-kunye dd[b-be3s6jnu5x] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.mgd-kod[b-be3s6jnu5x] {
  color: var(--marka-700);
  font-size: 12px;
  unicode-bidi: isolate;
}

.mgd-gecikti[b-be3s6jnu5x] {
  color: var(--red-600);
  font-weight: 700;
}

/* ── Durum geçmişi zaman çizgisi ── */
.mgd-zaman[b-be3s6jnu5x] {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mgd-zaman__oge[b-be3s6jnu5x] {
  position: relative;
  padding-left: 18px;
  border-left: 2px solid color-mix(in srgb, var(--marka-500) 20%, transparent);
}

.mgd-zaman__oge[b-be3s6jnu5x]::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--marka-600);
}

.mgd-zaman__ust[b-be3s6jnu5x] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
}

.mgd-zaman__adim[b-be3s6jnu5x] {
  color: var(--metin-murekkep);
  font-weight: 700;
}

.mgd-zaman__kisi[b-be3s6jnu5x] {
  color: var(--metin-ikincil);
  font-size: 12px;
}

.mgd-zaman__an[b-be3s6jnu5x] {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.mgd-zaman__not[b-be3s6jnu5x] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.mgd-vitrin .au-dim[b-be3s6jnu5x] {
  color: var(--n-500);
  font-size: 13px;
}

/* ── İşlem penceresi (native dialog, top layer) ── */
.mgd-popup[b-be3s6jnu5x] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mgd-popup[open][b-be3s6jnu5x] {
  display: flex;
  flex-direction: column;
}

.mgd-popup[b-be3s6jnu5x]::backdrop {
  background: var(--scrim);
}

.mgd-popup__ust[b-be3s6jnu5x] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.mgd-popup__ust h2[b-be3s6jnu5x] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mgd-popup__ust h2:focus[b-be3s6jnu5x] {
  outline: none;
}

.mgd-vitrin .mgd-popup__kapat[b-be3s6jnu5x] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.mgd-popup__govde[b-be3s6jnu5x] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mgd-popup__metin[b-be3s6jnu5x] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  line-height: 1.6;
}

.mgd-popup__eylemler[b-be3s6jnu5x] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Popup içindeki alanlar ── */
.mgd-vitrin[b-be3s6jnu5x]  .app-field {
  min-width: 0;
}

.mgd-vitrin[b-be3s6jnu5x]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.mgd-vitrin[b-be3s6jnu5x]  .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
  box-shadow: none;
}

.mgd-vitrin[b-be3s6jnu5x]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* AppSelect'in açılır paneli varsayılanda `position: absolute` (AppSelect.razor.css:47).
   Pencerenin kaydırılan gövdesi (`overflow: auto`) ve `.mgd-popup`ın `overflow: hidden`i
   paneli kendi kutusunun ALT kenarında KIRPIYORDU: "Görevi ata" penceresinde kullanıcı
   listesi hiç görünmüyor, atama yapılamıyordu. Panel akışa alınır; `inset: auto` aynı
   zamanda `.acilir--yukari` varyantının `bottom` değerini sıfırlar, temel kuraldaki
   `z-index: 60` yerinde kalır (AppSelect'in kendi `.app-sel__scrim`i z-index 50 —
   panel onun üstünde kalmalı). Projedeki onaylı düzeltmenin aynısı:
   wwwroot/css/optik-vitrin.css `.optik-popup .app-sel__panel`,
   Scheduling/KisitDetay.razor.css, Curriculum/CurriculumTree.razor.css. */
.mgd-vitrin .mgd-popup__govde[b-be3s6jnu5x]  .app-sel__panel {
  position: relative;
  inset: auto;
  margin-top: 6px;
  max-height: 220px;
}

.mgd-vitrin[b-be3s6jnu5x]  .ds-panel {
  border-radius: var(--kose-bolum);
  border-color: var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mgd-kapak[b-be3s6jnu5x] {
    padding: 16px;
  }

  .mgd-vitrin[b-be3s6jnu5x]  .mgd-geri {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .mgd-vitrin .au-btn[b-be3s6jnu5x],
  .mgd-sekme[b-be3s6jnu5x],
  .mgd-akis__oge[b-be3s6jnu5x] {
    min-height: 44px;
  }

  .mgd-vitrin[b-be3s6jnu5x]  .app-input {
    min-height: 44px;
  }

  .mgd-sekmeler[b-be3s6jnu5x] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
}

@media (pointer: coarse) {
  .mgd-vitrin[b-be3s6jnu5x]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: eylemler başlığın altında, tek sütun ── */
@media (max-width: 640px) {
  .mgd-kapak[b-be3s6jnu5x] {
    padding: 12px;
    gap: 10px;
  }

  .mgd-kapak .au-title[b-be3s6jnu5x] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mgd-kapak__eylemler[b-be3s6jnu5x] {
    width: 100%;
    margin-left: 0;
  }

  .mgd-kapak__eylemler .au-btn[b-be3s6jnu5x] {
    flex: 1 1 auto;
  }

  .mgd-kart[b-be3s6jnu5x],
  .mgd-bos[b-be3s6jnu5x] {
    padding: 16px 12px;
  }

  .mgd-bolum-baslik[b-be3s6jnu5x] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mgd-kunye > div[b-be3s6jnu5x] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .mgd-popup[b-be3s6jnu5x] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mgd-popup__ust[b-be3s6jnu5x],
  .mgd-popup__govde[b-be3s6jnu5x],
  .mgd-popup__eylemler[b-be3s6jnu5x] {
    padding: 12px;
  }

  .mgd-popup__eylemler .au-btn[b-be3s6jnu5x] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/MedyaGorevleri.razor.rz.scp.css */
/* Medya görevleri — Akademik Analiz görsel dili (kapak 23 px, beyaz yüzey,
   --marka-rampa-serit tablo başlığı, native popup). Yalnız bu sayfaya kapsanmıştır;
   ortak .au-* sınıfları sayfa içinde yeniden ölçülendirilir, global dosya değiştirilmez. */

.mg-vitrin[b-8q0ddki5na] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + arama + ana eylem aynı beyaz yüzeyde ── */
.mg-kapak[b-8q0ddki5na] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.mg-kapak__baslik[b-8q0ddki5na] {
  flex: 1 1 260px;
  min-width: 0;
}

.mg-kapak .au-title[b-8q0ddki5na] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}

.mg-kapak__alt[b-8q0ddki5na] {
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.mg-kapak__alanlar[b-8q0ddki5na] {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.mg-ara-alan[b-8q0ddki5na] {
  flex: 0 1 240px;
  min-width: 0;
}

.mg-kapak__eylemler[b-8q0ddki5na] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Ortak kontrol tabanı (kapak, kart ve popup içindeki kendi öğelerim) ── */
.mg-vitrin .au-btn[b-8q0ddki5na] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
}

.mg-vitrin .au-btn:hover[b-8q0ddki5na] {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mg-vitrin .au-btn--primary[b-8q0ddki5na] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mg-vitrin .au-btn--primary:hover[b-8q0ddki5na] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mg-vitrin :is(button, a, [tabindex="0"]):focus-visible[b-8q0ddki5na] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Arama alanı — kapak girdisi ölçüleri (34 px, 13 px/500) */
.mg-vitrin[b-8q0ddki5na]  .app-field {
  min-width: 0;
}

.mg-vitrin[b-8q0ddki5na]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mg-vitrin[b-8q0ddki5na]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
  box-shadow: none;
}

.mg-vitrin[b-8q0ddki5na]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* ── Kurum bağlamı uyarısı (uç X-Tenant-ID zorunlu) ── */
.mg-banner[b-8q0ddki5na] {
  margin: 0 0 16px;
}

/* ── Süzgeç şeritleri: durum + kapsam, gerçek sayaçlarla (tam liste elde) ── */
.mg-suzgecler[b-8q0ddki5na] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  min-width: 0;
}

.mg-durumlar[b-8q0ddki5na] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 6px;
  min-width: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

/* Şeridin hangi boyutu süzdüğünü söyleyen görünür etiket — referans filtre etiketi ölçüsü
   (10 px / 700, büyük harf, .14em). Dar ekranda şerit yatay kayarken de sıkışmaz. */
.mg-suzgec__etiket[b-8q0ddki5na] {
  align-self: center;
  flex-shrink: 0;
  padding: 0 2px 0 6px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.mg-durum[b-8q0ddki5na] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.mg-durum:hover[b-8q0ddki5na] {
  color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
}

.mg-durum.is-secili[b-8q0ddki5na],
.mg-durum.is-secili:hover[b-8q0ddki5na] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.mg-durum__sayi[b-8q0ddki5na] {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: var(--radius-pill, 999px);
  background: color-mix(in srgb, var(--marka-600) 10%, transparent);
  color: inherit;
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

.mg-durum.is-secili .mg-durum__sayi[b-8q0ddki5na] {
  background: color-mix(in srgb, var(--on-brand) 22%, transparent);
}

/* ── Kartlar ── */
.mg-tablo-kart[b-8q0ddki5na],
.mg-bos[b-8q0ddki5na] {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mg-tablo-kart[b-8q0ddki5na]::before,
.mg-bos[b-8q0ddki5na]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mg-vitrin[b-8q0ddki5na]  .ds-panel {
  border-radius: var(--kose-bolum);
  border-color: var(--hat-kart);
}

.mg-bolum-baslik[b-8q0ddki5na] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.mg-bolum-baslik[b-8q0ddki5na]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mg-bolum-baslik__sayi[b-8q0ddki5na] {
  margin-left: auto;
  color: var(--n-500);
  font: 500 12px/1.4 var(--font-body);
  letter-spacing: 0;
}

/* ── Boş / süzgeç boş paneli ── */
.mg-bos[b-8q0ddki5na] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.mg-bos p[b-8q0ddki5na] {
  margin: 0;
  line-height: 1.6;
}

.mg-bos svg[b-8q0ddki5na] {
  color: var(--marka-600);
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ── */
.mg-tablo-kaydir[b-8q0ddki5na] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

.mg-tablo[b-8q0ddki5na] {
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.mg-tablo thead[b-8q0ddki5na] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.mg-tablo th[b-8q0ddki5na] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Sıralama düğmesi başlık hücresinin TAMAMINI kaplar. Aksi halde dokunma/tıklama
   hedefi yalnız 11,5 px'lik yazı kadardı: th'nin 10/13 px iç boşluğu hücreye aitti,
   düğmeye değil — başlığın kenarına dokunmak sıralamayı tetiklemiyordu. İç boşluk
   düğmeye taşınır, hücrenin görünen ölçüsü değişmez. */
.mg-tablo th:has(.mg-sirala)[b-8q0ddki5na] {
  padding: 0;
}

.mg-sirala[b-8q0ddki5na] {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 34px;
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  cursor: pointer;
}

/* Tablo başlığı koyu marka rampasıdır; ortak odak çizgisi (--marka-600) orada
   zemine karışıp görünmez kalıyordu. Başlık yazısıyla aynı token kullanılır ve
   çizgi hücrenin İÇİNE alınır (düğme artık hücrenin tamamını kaplıyor). */
.mg-vitrin .mg-sirala:focus-visible[b-8q0ddki5na] {
  outline: 2px solid var(--on-brand);
  outline-offset: -3px;
}

.mg-sirala__ok[b-8q0ddki5na] {
  opacity: .62;
  font-size: 12px;
}

.mg-tablo th[aria-sort="ascending"] .mg-sirala__ok[b-8q0ddki5na],
.mg-tablo th[aria-sort="descending"] .mg-sirala__ok[b-8q0ddki5na] {
  opacity: 1;
}

.mg-tablo td[b-8q0ddki5na] {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: top;
}

.mg-tablo tbody tr:nth-child(even) td[b-8q0ddki5na] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mg-satir[b-8q0ddki5na] {
  cursor: pointer;
}

/* Satır odaklanabilir DEĞİLDİR (klavye yolu başlık bağlantısıdır); bağlantı ya da
   "Hızlı bakış" düğmesi odaklandığında satırın tamamı yine de vurgulanır. */
.mg-satir:hover td[b-8q0ddki5na],
.mg-satir:focus-within td[b-8q0ddki5na] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.mg-sutun-baslik[b-8q0ddki5na] {
  min-width: 260px;
}

.mg-hucre-baslik[b-8q0ddki5na] {
  min-width: 260px;
  max-width: 420px;
}

/* Başlık gerçek bir bağlantıdır: klavye ve ekran okuyucu detaya buradan gider. */
.mg-baslik[b-8q0ddki5na] {
  display: block;
  color: var(--marka-700);
  font-weight: 700;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.mg-baslik:hover[b-8q0ddki5na] {
  text-decoration: underline;
}

.mg-ders[b-8q0ddki5na] {
  display: block;
  margin-top: 2px;
  color: var(--n-500);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.mg-hucre-tarih[b-8q0ddki5na] {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.mg-gecikti[b-8q0ddki5na] {
  color: var(--red-600);
  font-weight: 700;
}

.mg-gecikti__etiket[b-8q0ddki5na] {
  display: block;
  margin-top: 2px;
  color: var(--red-600);
  font-size: 11px;
  font-weight: 600;
}

.mg-sutun-eylem[b-8q0ddki5na],
.mg-hucre-eylem[b-8q0ddki5na] {
  width: 1%;
  white-space: nowrap;
}

.mg-vitrin .mg-bakis[b-8q0ddki5na] {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.mg-vitrin .au-status[b-8q0ddki5na] {
  white-space: nowrap;
}

.mg-vitrin .au-dim[b-8q0ddki5na] {
  color: var(--n-500);
  font-size: 13px;
}

/* ── Hızlı bakış penceresi (native dialog, top layer) ── */
.mg-popup[b-8q0ddki5na] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.mg-popup[open][b-8q0ddki5na] {
  display: flex;
  flex-direction: column;
}

.mg-popup[b-8q0ddki5na]::backdrop {
  background: var(--scrim);
}

.mg-popup__ust[b-8q0ddki5na] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.mg-popup__ust h2[b-8q0ddki5na] {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.mg-popup__ust h2:focus[b-8q0ddki5na] {
  outline: none;
}

.mg-vitrin .mg-popup__kapat[b-8q0ddki5na] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
}

.mg-popup__govde[b-8q0ddki5na] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.mg-rozetler[b-8q0ddki5na] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

.mg-vitrin .mg-rozet[b-8q0ddki5na] {
  background: color-mix(in srgb, var(--marka-500) 8%, transparent);
  color: var(--marka-700);
}

.mg-vitrin .mg-rozet[b-8q0ddki5na]::before {
  background: var(--marka-500);
}

.mg-popup__aciklama[b-8q0ddki5na] {
  margin: 0 0 14px;
  color: var(--metin-ikincil);
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.mg-kunye[b-8q0ddki5na] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.mg-kunye > div[b-8q0ddki5na] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.mg-kunye > div:nth-child(odd)[b-8q0ddki5na] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.mg-kunye dt[b-8q0ddki5na] {
  color: var(--n-500);
}

.mg-kunye dd[b-8q0ddki5na] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.mg-popup__eylemler[b-8q0ddki5na] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ: başlık solda, süzgeç ve eylem sağa yaslı ── */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .mg-kapak[b-8q0ddki5na] {
    flex-wrap: nowrap;
  }

  .mg-kapak__alanlar[b-8q0ddki5na] {
    margin-left: auto;
  }
}

/* ── CİHAZ (telefon ∪ tablet): dokunma hedefleri 44 px ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mg-kapak[b-8q0ddki5na] {
    padding: 16px;
  }

  .mg-vitrin .au-btn[b-8q0ddki5na],
  .mg-durum[b-8q0ddki5na] {
    min-height: 44px;
  }

  .mg-vitrin .mg-bakis[b-8q0ddki5na] {
    min-height: 44px;
  }

  /* Sıralama düğmesi de tam dokunma hedefine çıkar (hücreyi kaplıyor). */
  .mg-sirala[b-8q0ddki5na] {
    min-height: 44px;
  }

  .mg-vitrin[b-8q0ddki5na]  .app-input {
    min-height: 44px;
    height: 44px;
  }

  /* Dar ekranda her şerit kendi satırını alır ve kendi içinde yatay kayar;
     sayfanın tamamı taşmaz. */
  .mg-suzgecler > .mg-durumlar[b-8q0ddki5na] {
    flex: 1 1 100%;
  }

  .mg-durumlar[b-8q0ddki5na] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  /* Yatay kaydırmada ilk anlamlı sütun yapışık kalır. */
  .mg-tablo th:first-child[b-8q0ddki5na] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--marka-500);
  }

  .mg-tablo td:first-child[b-8q0ddki5na] {
    position: sticky;
    left: 0;
    z-index: 1;
    box-shadow: 1px 0 0 var(--hat-kart);
  }

  .mg-sutun-baslik[b-8q0ddki5na],
  .mg-hucre-baslik[b-8q0ddki5na] {
    min-width: 200px;
  }
}

@media (pointer: coarse) {
  .mg-vitrin[b-8q0ddki5na]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun, eylemler başlığın altında ── */
@media (max-width: 640px) {
  .mg-kapak[b-8q0ddki5na] {
    padding: 12px;
    gap: 10px;
  }

  .mg-kapak .au-title[b-8q0ddki5na] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mg-kapak__alanlar[b-8q0ddki5na] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
  }

  .mg-ara-alan[b-8q0ddki5na] {
    flex: 1 1 auto;
  }

  .mg-kapak__eylemler[b-8q0ddki5na] {
    width: 100%;
  }

  .mg-kapak__eylemler .au-btn[b-8q0ddki5na] {
    flex: 1;
  }

  .mg-tablo-kart[b-8q0ddki5na],
  .mg-bos[b-8q0ddki5na] {
    padding: 16px 12px;
  }

  .mg-bolum-baslik[b-8q0ddki5na] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mg-popup[b-8q0ddki5na] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .mg-popup__ust[b-8q0ddki5na],
  .mg-popup__govde[b-8q0ddki5na],
  .mg-popup__eylemler[b-8q0ddki5na] {
    padding: 12px;
  }

  .mg-popup__eylemler .au-btn[b-8q0ddki5na] {
    flex: 1 1 auto;
  }

  .mg-kunye > div[b-8q0ddki5na] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/MedyaGorevTalep.razor.rz.scp.css */
/* Medya görevi talebi — Akademik Analiz görsel dili (23 px kapak, beyaz yüzey,
   bölüm kartı ve 34 px kontroller). Yalnız bu sayfaya kapsanmıştır. */

.mgt-vitrin[b-ousw90cslv] {
  max-width: none;
  padding: 0;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık + özet aynı beyaz yüzeyde ── */
.mgt-kapak[b-ousw90cslv] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

/* GeriBaglanti AYRI bir bileşendir; <a> öğesi bu sayfanın kapsam kimliğini TAŞIMAZ.
   ::deep olmadan yazılan kural hiç eşleşmiyordu (Analitik/RagArama/Kampanyalar ile aynı desen). */
.mgt-vitrin[b-ousw90cslv]  .mgt-geri {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 34px;
  margin: 0;
  /* Kanca 30px kutuya indirgendiği için bileşenin ikon-metin boşluğu (6px) artık
     kutuyu şişiriyor; ok simgesi tek başına ortalansın diye sıfırlanır. */
  gap: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* .mgt-kapak flex'i nowrap: 30px kutudan taşan "Medya görevleri" metni h1 ile aynı
   satırda kalıp başlığın üzerine biniyordu. Metin ekran okuyucuda kalsın diye
   gizlenmiyor, görsel olarak daraltılıyor. */
.mgt-vitrin[b-ousw90cslv]  .mgt-geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.mgt-kapak__baslik[b-ousw90cslv] {
  min-width: 0;
}

.mgt-kapak .au-title[b-ousw90cslv] {
  margin: 0;
  color: var(--marka-700);
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  overflow-wrap: anywhere;
}

.mgt-kapak__alt[b-ousw90cslv] {
  margin: 6px 0 0;
  max-width: 68ch;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.mgt-kapak__alt b[b-ousw90cslv] {
  color: var(--metin-ikincil);
}

/* ── Bantlar ── */
.mgt-banner[b-ousw90cslv] {
  margin: 0 0 16px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
  overflow-wrap: anywhere;
}

/* ── Form kartı ── */
.mgt-kart[b-ousw90cslv] {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.mgt-kart[b-ousw90cslv]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.mgt-bolum-baslik[b-ousw90cslv] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 16px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.mgt-bolum-baslik[b-ousw90cslv]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.mgt-form[b-ousw90cslv] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
}

.mgt-genis[b-ousw90cslv] {
  grid-column: 1 / -1;
  min-width: 0;
}

/* ── Alanlar ── */
.mgt-vitrin[b-ousw90cslv]  .app-field {
  min-width: 0;
}

.mgt-vitrin[b-ousw90cslv]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.mgt-vitrin[b-ousw90cslv]  .app-input {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px var(--font-body);
  box-shadow: none;
}

.mgt-vitrin[b-ousw90cslv]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

.mgt-vitrin[b-ousw90cslv]  .app-field__error {
  color: var(--red-600);
  font-size: 12px;
}

/* Seçici, yukarıdaki `.mgt-vitrin ::deep .app-input` kuralıyla AYNI özgüllükte olmalı ve
   ondan SONRA gelmelidir: tek sınıflı `.mgt-textarea` daha zayıf kalıyordu ve textarea,
   girdi kuralının `padding: 0 12px` / `min-height: 34px` değerlerini alıyordu (dikey iç
   boşluk yok, yükseklik tabanı yok). */
.mgt-vitrin .mgt-textarea[b-ousw90cslv] {
  width: 100%;
  min-height: 96px;
  height: auto;
  padding: 10px 12px;
  line-height: 1.6;
  resize: vertical;
}

/* ── Eylemler ── */
.mgt-eylemler[b-ousw90cslv] {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hat-kart);
}

/* Genel mobil yapışkan eylem kuralı form alanlarının üstünü örtmesin. */
body.edulive-cihaz .mgt-vitrin .mgt-eylemler[b-ousw90cslv] {
  position: static;
  inset: auto;
  background: transparent;
  box-shadow: none;
}

.mgt-vitrin .au-btn[b-ousw90cslv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1.4 var(--font-body);
  box-shadow: none;
}

.mgt-vitrin .au-btn:hover:not(:disabled)[b-ousw90cslv] {
  transform: none;
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.mgt-vitrin .au-btn--primary[b-ousw90cslv] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.mgt-vitrin .au-btn--primary:hover:not(:disabled)[b-ousw90cslv] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.mgt-vitrin .au-btn:disabled[b-ousw90cslv] {
  opacity: .6;
  cursor: not-allowed;
}

.mgt-vitrin :is(button, a, input, textarea, [tabindex="0"]):focus-visible[b-ousw90cslv] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .mgt-kapak[b-ousw90cslv] {
    padding: 16px;
  }

  .mgt-vitrin[b-ousw90cslv]  .mgt-geri {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .mgt-vitrin .au-btn[b-ousw90cslv] {
    min-height: 44px;
  }

  .mgt-vitrin[b-ousw90cslv]  .app-input {
    min-height: 44px;
  }

  /* Girdi kuralıyla aynı özgüllük + sonra gelme (bkz. taban .mgt-textarea notu). */
  .mgt-vitrin .mgt-textarea[b-ousw90cslv] {
    min-height: 120px;
  }
}

@media (pointer: coarse) {
  .mgt-vitrin[b-ousw90cslv]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON: tek sütun ── */
@media (max-width: 640px) {
  .mgt-kapak[b-ousw90cslv] {
    padding: 12px;
    gap: 8px;
  }

  .mgt-kapak .au-title[b-ousw90cslv] {
    font-size: var(--yazi-kapak, 20px);
  }

  .mgt-kart[b-ousw90cslv] {
    padding: 16px 12px;
  }

  .mgt-bolum-baslik[b-ousw90cslv] {
    font-size: var(--yazi-bolum, 14px);
  }

  .mgt-form[b-ousw90cslv] {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .mgt-eylemler .au-btn[b-ousw90cslv] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/OperasyonPanosu.razor.rz.scp.css */
/* Operasyon panosu (/gorevler/operasyon) — Akademik Analiz ölçüleri, scoped.
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   ("KPI şeridi", "KPI hücresi", "KPI renkli bant", "Bölüm kartı", "Tablo görünümü").
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK, sabit spacer YOK.
   Not: --agv-kpi-etiket-* token'ları YALNIZ .analiz-genel-vitrin kapsamında tanımlıdır;
   bu sayfa onları miras almaz. Bu yüzden bant rengi, tablo başlığıyla aynı marka rampasıdır
   ve şerit boyunca TEK PARÇA çizilir (akademik-analiz.md "Geçiş thead boyunca tek parça"). */

.op-vitrin[b-hp0p9es1d9] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylemler tek beyaz yüzeyde ────────────────────── */
.op-kapak[b-hp0p9es1d9] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.op-kapak[b-hp0p9es1d9]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.op-kapak__metin[b-hp0p9es1d9] {
  grid-area: baslik;
  min-width: 0;
}

.op-kapak__eylem[b-hp0p9es1d9] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, eylemler sağ kenara yaslı tek satır. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .op-kapak[b-hp0p9es1d9] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .op-kapak__eylem[b-hp0p9es1d9] {
    justify-self: end;
  }
}

.op-vitrin .au-title[b-hp0p9es1d9] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.op-vitrin .au-sub[b-hp0p9es1d9] {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.op-vitrin .au-btn[b-hp0p9es1d9],
.op-vitrin[b-hp0p9es1d9]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.op-vitrin .au-btn:hover:not(:disabled)[b-hp0p9es1d9],
.op-vitrin[b-hp0p9es1d9]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.op-vitrin .au-btn--primary[b-hp0p9es1d9],
.op-vitrin[b-hp0p9es1d9]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.op-vitrin .au-btn--primary:hover:not(:disabled)[b-hp0p9es1d9] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.op-vitrin .au-btn:disabled[b-hp0p9es1d9] {
  opacity: .55;
  cursor: not-allowed;
}

.op-vitrin :is(.au-btn, .op-link):focus-visible[b-hp0p9es1d9] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Üst bilgi şeridi: tek birleşik yüzey, gap 0 ──────────────────────── */
/* Izgara DEĞİL, saran esnek satır: 7 statü dar ekranda alt satıra geçtiğinde ızgarada
   boş hücreler kalıyordu ve rampa o boşlukta ÇIPLAK görünüyordu. Esnek satırda son
   satırdaki hücreler genişleyip satırı doldurur; boş alan oluşmaz. */
.op-kpi[b-hp0p9es1d9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  /* Rampa şerit boyunca TEK PARÇA; hücreler üst 30 px'i şeffaf bırakır. */
  background: var(--marka-rampa-serit);
  overflow: hidden;
}

.op-kpi__hucre[b-hp0p9es1d9] {
  display: flex;
  flex: 1 1 150px;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 16px 15px;
  border-inline-end: 1px solid var(--hat-kart);
  background: linear-gradient(to bottom, transparent 0 30px, var(--yuzey) 30px);
}

.op-kpi__hucre:last-child[b-hp0p9es1d9] {
  border-inline-end: 0;
}

/* display:block + line-height — esnek kapta text-overflow:ellipsis çalışmaz, metin
   sert kırpılırdı. Dikey ortalama satır yüksekliğiyle sağlanır. */
.op-kpi__bant[b-hp0p9es1d9] {
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 -16px 7px;
  padding: 0 16px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.op-kpi__deger[b-hp0p9es1d9] {
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--metin-murekkep);
}

.op-kpi__alt[b-hp0p9es1d9] {
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.op-kart[b-hp0p9es1d9] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.op-kart[b-hp0p9es1d9]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.op-kart__bas[b-hp0p9es1d9] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
}

.op-kart__baslik[b-hp0p9es1d9] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.op-kart__baslik[b-hp0p9es1d9]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.op-soluk[b-hp0p9es1d9] {
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

.op-not[b-hp0p9es1d9] {
  margin: -6px 0 0;
}

/* ── Görev tablosu: kendi alanında kayar, başlık üstte sabit ───────────── */
.op-tablo-kaydir[b-hp0p9es1d9] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow SIFIRLAMASI: cihaz.css telefon bandında `table { display:block }`
   yazar (sarmalayıcısız tablolar için genel siper). Tablo kendi kabında kaydığı için
   o siper burada sticky başlığı ve yapışık sütunu bozar. */
.op-tablo[b-hp0p9es1d9] {
  display: table;
  width: 100%;
  min-width: 940px;
  max-width: none;
  margin: 0;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.op-tablo thead[b-hp0p9es1d9] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.op-tablo th[b-hp0p9es1d9] {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.op-tablo td[b-hp0p9es1d9] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  vertical-align: middle;
}

.op-tablo tbody tr:nth-child(even) td[b-hp0p9es1d9] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.op-tablo tbody tr:hover td[b-hp0p9es1d9] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.op-tablo__ilk[b-hp0p9es1d9] {
  max-width: 360px;
  overflow-wrap: anywhere;
}

.op-link[b-hp0p9es1d9] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}

.op-link:hover[b-hp0p9es1d9] {
  text-decoration: underline;
}

.op-sayi[b-hp0p9es1d9] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.op-sayi--gecikmis[b-hp0p9es1d9] {
  color: var(--red-600);
  font-weight: 600;
}

.op-sayfalayici[b-hp0p9es1d9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

/* Rozet: tek nötr taban + durum/öncelik tonu. Yeni palet üretilmez. */
.op-rozet[b-hp0p9es1d9] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.op-rozet--durum-acik[b-hp0p9es1d9] {
  border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.op-rozet--durum-suren[b-hp0p9es1d9] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.op-rozet--durum-biten[b-hp0p9es1d9] {
  border-color: color-mix(in srgb, var(--green-600) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--green-600) 8%, var(--yuzey));
  color: var(--green-600);
}

.op-rozet--durum-olumsuz[b-hp0p9es1d9] {
  border-color: color-mix(in srgb, var(--red-500) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
  color: var(--red-600);
}

.op-rozet--oncelik-dusuk[b-hp0p9es1d9] {
  color: var(--metin-ipucu);
}

.op-rozet--oncelik-normal[b-hp0p9es1d9] {
  color: var(--metin-ikincil);
}

.op-rozet--oncelik-yuksek[b-hp0p9es1d9] {
  border-color: color-mix(in srgb, var(--amber-600) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--amber-600) 8%, var(--yuzey));
  color: var(--amber-600);
}

.op-rozet--oncelik-acil[b-hp0p9es1d9] {
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-500) 9%, var(--yuzey));
  color: var(--red-600);
}

/* ── Boş / hata durumu ─────────────────────────────────────────────────── */
.op-bos[b-hp0p9es1d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.op-bos p[b-hp0p9es1d9] {
  margin: 0;
}

.op-vitrin[b-hp0p9es1d9]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .op-kapak[b-hp0p9es1d9] {
    padding: 16px;
  }

  .op-vitrin .au-btn[b-hp0p9es1d9],
  .op-vitrin[b-hp0p9es1d9]  .au-btn {
    min-height: 44px;
  }

  .op-kapak[b-hp0p9es1d9]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .op-kapak[b-hp0p9es1d9] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .op-vitrin .au-title[b-hp0p9es1d9] {
    font-size: var(--yazi-kapak, 20px);
  }

  .op-kapak__eylem[b-hp0p9es1d9] {
    width: 100%;
  }

  .op-kapak__eylem .au-btn[b-hp0p9es1d9] {
    flex: 1 1 auto;
  }

  /* Telefonda tek sütun: şerit dikey yığılır, hücre ayracı alta geçer. */
  .op-kpi[b-hp0p9es1d9] {
    flex-direction: column;
  }

  .op-kpi__hucre[b-hp0p9es1d9] {
    flex: 0 0 auto;
    border-inline-end: 0;
    border-bottom: 1px solid var(--hat-kart);
  }

  .op-kpi__hucre:last-child[b-hp0p9es1d9] {
    border-bottom: 0;
  }

  .op-kpi__deger[b-hp0p9es1d9] {
    font-size: var(--yazi-kpi, 20px);
  }

  .op-kart[b-hp0p9es1d9] {
    padding: 16px 12px;
  }

  .op-kart__baslik[b-hp0p9es1d9] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* İlk anlamlı sütun (görev başlığı) yatay kaydırmada yapışık kalır. */
  .op-tablo__ilk[b-hp0p9es1d9] {
    position: sticky;
    left: 0;
    z-index: 1;
    max-width: 220px;
  }

  /* Yapışık başlık hücresi OPAK tek renk olmalı: degradeyi burada yeniden başlatmak
     rampayı tek hücreye sıkıştırır ve şeridin geri kalanıyla görünür ek oluşturur
     (akademik-analiz.md "Tablo görünümü" uyarısı). cihaz.css:5214 ile aynı token. */
  .op-tablo thead th:first-child[b-hp0p9es1d9] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--at-bas-zemin, var(--marka-500));
  }

  .op-sayfalayici .au-btn[b-hp0p9es1d9] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Tasks/WorkflowInstanceReview.razor.rz.scp.css */
/* İş akışı onayı (/gorevler/is-akisi/{id}) — Akademik Analiz ölçüleri, scoped.
   Kaynak ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md,
   onaylı kardeş ekranlar wwwroot/css/org-birimleri-vitrin.css ve
   Components/Pages/Scheduling/SinavTurleri.razor.css.
   Cihaz kırılımları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   Yeni hex YOK — yalnız aurora.css :root token'ları. !important YOK, sabit spacer YOK.
   DataStates / GeriBaglanti / SchemaDrivenView çocuk bileşendir → ::deep ile hedeflenir. */

.wr-vitrin[b-8udhi8juvv] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + durum + karar düğmeleri tek beyaz yüzeyde ─────────── */
.wr-kapak[b-8udhi8juvv] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.wr-kapak[b-8udhi8juvv]  .au-breadcrumb {
  grid-area: geri;
  margin: 0;
}

.wr-kapak__metin[b-8udhi8juvv] {
  grid-area: baslik;
  min-width: 0;
}

.wr-kapak__eylem[b-8udhi8juvv] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* MASAÜSTÜ (YENI-DIL §1.1): başlık solda, karar düğmeleri sağ kenara yaslı. */
@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .wr-kapak[b-8udhi8juvv] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .wr-kapak__eylem[b-8udhi8juvv] {
    justify-self: end;
  }
}

.wr-vitrin .au-title[b-8udhi8juvv] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.wr-vitrin .au-sub[b-8udhi8juvv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── Düğme tabanı (admin-users.css üzerine yazılır) ────────────────────── */
.wr-vitrin .au-btn[b-8udhi8juvv],
.wr-vitrin[b-8udhi8juvv]  .au-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.wr-vitrin .au-btn:hover:not(:disabled)[b-8udhi8juvv],
.wr-vitrin[b-8udhi8juvv]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
  transform: none;
}

.wr-vitrin .au-btn--primary[b-8udhi8juvv],
.wr-vitrin[b-8udhi8juvv]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.wr-vitrin .au-btn--primary:hover:not(:disabled)[b-8udhi8juvv] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

/* Yıkıcı eylem: beyaz yüzey + kırmızı hat/yazı (dolgu değil — yanlış tıklamayı azaltır). */
.wr-vitrin .wr-btn--danger[b-8udhi8juvv] {
  border-color: color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  color: var(--red-600);
}

.wr-vitrin .wr-btn--danger:hover:not(:disabled)[b-8udhi8juvv] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-600);
  color: var(--red-600);
}

.wr-vitrin .au-btn:disabled[b-8udhi8juvv] {
  opacity: .55;
  cursor: not-allowed;
}

.wr-vitrin :is(.au-btn, .wr-src-link, .wr-hist__head):focus-visible[b-8udhi8juvv] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Karar verilmiş bilgisi ────────────────────────────────────────────── */
.wr-bilgi-serit[b-8udhi8juvv] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--marka-500) 30%, var(--hat-kart));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
  color: var(--marka-700);
  font-size: 12.5px;
}

.wr-bilgi-serit svg[b-8udhi8juvv] {
  flex: 0 0 auto;
}

/* ── Bölüm kartı ───────────────────────────────────────────────────────── */
.wr-kart[b-8udhi8juvv] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  overflow: hidden;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.wr-kart[b-8udhi8juvv]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.wr-kart__baslik[b-8udhi8juvv] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.wr-kart__baslik[b-8udhi8juvv]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* ── Kaynak bilgileri ──────────────────────────────────────────────────── */
.wr-bilgi[b-8udhi8juvv] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.wr-bilgi > div[b-8udhi8juvv] {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.wr-bilgi > div:nth-child(odd)[b-8udhi8juvv] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wr-bilgi dt[b-8udhi8juvv] {
  color: var(--n-500);
}

.wr-bilgi dd[b-8udhi8juvv] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.wr-mono[b-8udhi8juvv] {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
}

.wr-src-link[b-8udhi8juvv] {
  color: var(--marka-700);
  font-weight: 600;
  text-decoration: none;
}

.wr-src-link:hover[b-8udhi8juvv] {
  text-decoration: underline;
}

/* ── Rozet: tek nötr taban + durum tonu ────────────────────────────────── */
.wr-rozet[b-8udhi8juvv] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: 999px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.wr-rozet--bekleyen[b-8udhi8juvv] {
  border-color: color-mix(in srgb, var(--marka-500) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-700);
}

.wr-rozet--ok[b-8udhi8juvv] {
  border-color: color-mix(in srgb, var(--green-600) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--green-600) 8%, var(--yuzey));
  color: var(--green-600);
}

.wr-rozet--danger[b-8udhi8juvv] {
  border-color: color-mix(in srgb, var(--red-500) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
  color: var(--red-600);
}

.wr-rozet--muted[b-8udhi8juvv] {
  color: var(--metin-ipucu);
}

/* ── Adım geçmişi: kendi alanında kayar, sayfa uzamaz ─────────────────── */
.wr-gecmis-kaydir[b-8udhi8juvv] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 3px;
}

.wr-timeline[b-8udhi8juvv] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.wr-timeline__item[b-8udhi8juvv] {
  position: relative;
  padding-left: 18px;
  border-left: 2px solid var(--hat-kart);
}

.wr-timeline__item[b-8udhi8juvv]::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--marka-600);
}

.wr-timeline__head[b-8udhi8juvv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.wr-timeline__step[b-8udhi8juvv] {
  font-weight: 700;
  color: var(--metin-murekkep);
  font-size: 13px;
}

.wr-timeline__at[b-8udhi8juvv] {
  font-size: 12px;
  color: var(--n-500);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.wr-timeline__not[b-8udhi8juvv] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* ── Katlanır kayıt detayı (RevizyonGecmisi details deseni) ────────────── */
.wr-hist[b-8udhi8juvv] {
  margin: 8px 0 2px;
  padding: 2px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
}

.wr-hist__head[b-8udhi8juvv] {
  padding: 8px 0;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  font-size: 12.5px;
  color: var(--metin-ikincil);
}

.wr-hist__head[b-8udhi8juvv]::-webkit-details-marker {
  display: none;
}

.wr-hist__head[b-8udhi8juvv]::before {
  content: "▸";
  display: inline-block;
  margin-right: 6px;
  transition: transform .15s ease;
}

.wr-hist[open] > .wr-hist__head[b-8udhi8juvv]::before {
  transform: rotate(90deg);
}

.wr-hist[open] > .wr-hist__head[b-8udhi8juvv] {
  border-bottom: 1px solid var(--hat-kart);
}

.wr-hist__body[b-8udhi8juvv] {
  padding: 10px 0;
}

@media (prefers-reduced-motion: reduce) {
  .wr-hist__head[b-8udhi8juvv]::before {
    transition: none;
  }
}

/* ── Boş durum ─────────────────────────────────────────────────────────── */
.wr-bos[b-8udhi8juvv] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 28px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.wr-bos p[b-8udhi8juvv] {
  margin: 0;
}

.wr-vitrin[b-8udhi8juvv]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  box-shadow: none;
}

/* ── Karar penceresi (native dialog, top layer) ────────────────────────── */
.wr-popup[b-8udhi8juvv] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 13px/1.6 var(--font-body);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.wr-popup[open][b-8udhi8juvv] {
  display: flex;
  flex-direction: column;
}

.wr-popup[b-8udhi8juvv]::backdrop {
  background: var(--scrim);
}

.wr-popup__bas[b-8udhi8juvv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.wr-popup__bas h2[b-8udhi8juvv] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.wr-popup__bas h2:focus[b-8udhi8juvv] {
  outline: none;
}

.wr-popup__kapat[b-8udhi8juvv] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.wr-popup__govde[b-8udhi8juvv] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.wr-popup__aciklama[b-8udhi8juvv] {
  margin: 0;
  color: var(--metin-ikincil);
  line-height: 1.6;
}

.wr-popup__eylem[b-8udhi8juvv] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── Karar alanları ────────────────────────────────────────────────────── */
.wr-alan[b-8udhi8juvv] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.wr-alan__etiket[b-8udhi8juvv] {
  color: var(--n-500);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.wr-alan__girdi[b-8udhi8juvv] {
  width: 100%;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1.6 var(--font-body);
  resize: vertical;
}

.wr-alan__girdi:focus-visible[b-8udhi8juvv] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.wr-alan__girdi:disabled[b-8udhi8juvv] {
  opacity: .6;
  cursor: not-allowed;
}

.wr-alan__ipucu[b-8udhi8juvv] {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

.wr-hata[b-8udhi8juvv] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--red-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
  color: var(--red-600);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ── CİHAZ (YENI-DIL §1.1: telefon ∪ tablet) ───────────────────────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .wr-kapak[b-8udhi8juvv] {
    padding: 16px;
  }

  .wr-vitrin .au-btn[b-8udhi8juvv],
  .wr-vitrin[b-8udhi8juvv]  .au-btn {
    min-height: 44px;
  }

  .wr-alan__girdi[b-8udhi8juvv] {
    min-height: 44px;
  }

  .wr-kapak[b-8udhi8juvv]  .au-breadcrumb--dugme {
    width: 44px;
    height: 44px;
  }
}

@media (pointer: coarse) {
  .wr-alan__girdi[b-8udhi8juvv] {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON (YENI-DIL §1.1) ───────────────────────────────────────────── */
@media (max-width: 640px) {
  .wr-kapak[b-8udhi8juvv] {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .wr-vitrin .au-title[b-8udhi8juvv] {
    font-size: var(--yazi-kapak, 20px);
  }

  .wr-kapak__eylem[b-8udhi8juvv] {
    width: 100%;
  }

  .wr-kapak__eylem .au-btn[b-8udhi8juvv] {
    flex: 1 1 auto;
  }

  .wr-kart[b-8udhi8juvv] {
    padding: 16px 12px;
  }

  .wr-kart__baslik[b-8udhi8juvv] {
    font-size: var(--yazi-bolum, 14px);
  }

  .wr-bilgi > div[b-8udhi8juvv] {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .wr-popup[b-8udhi8juvv] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .wr-popup__bas[b-8udhi8juvv],
  .wr-popup__govde[b-8udhi8juvv],
  .wr-popup__eylem[b-8udhi8juvv] {
    padding: 12px;
  }

  .wr-popup__eylem .au-btn[b-8udhi8juvv] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Timetable/AscIzgara.razor.rz.scp.css */
/* Excel benzeri ızgara. Görsel dil AppDataGrid ile aynı ailede; farkı
   düzenlenebilir hücreler ve sanallaştırılmış gövde. */

.asc-izgara[b-3421ackb72] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    min-height: 0;
}

.asc-izgara__arac[b-3421ackb72] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.asc-izgara__ara[b-3421ackb72] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .38rem .65rem;
    border: 1px solid var(--border, #d8dee9);
    border-radius: .5rem;
    background: var(--surface, #fff);
    min-width: 15rem;
    color: var(--muted, #6b7280);
}

.asc-izgara__ara input[b-3421ackb72] {
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    color: var(--fg, #111827);
    width: 100%;
}

.asc-izgara__sayi[b-3421ackb72] {
    font-size: .82rem;
    color: var(--muted, #6b7280);
    font-variant-numeric: tabular-nums;
}

.asc-izgara__ipucu[b-3421ackb72] {
    margin-inline-start: auto;
    font-size: .78rem;
    color: var(--muted, #6b7280);
}

.asc-izgara__bos[b-3421ackb72] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--muted, #6b7280);
    background: var(--surface-2, #f8fafc);
    border: 1px dashed var(--border, #d8dee9);
    border-radius: .6rem;
    margin: 0;
}

/* Yükseklik sınırı + kendi kaydırması: sayfa gövdesi yatay kaymaz. */
.asc-izgara__kaydir[b-3421ackb72] {
    overflow: auto;
    max-height: 60vh;
    border: 1px solid var(--border, #d8dee9);
    border-radius: .6rem;
    background: var(--surface, #fff);
}

.asc-izgara__tablo[b-3421ackb72] {
    border-collapse: separate;
    border-spacing: 0;
    width: max-content;
    min-width: 100%;
    font-size: .86rem;
}

.asc-izgara__tablo thead th[b-3421ackb72] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-2, #f1f5f9);
    color: var(--fg, #111827);
    font-weight: 600;
    text-align: start;
    white-space: nowrap;
    padding: .5rem .6rem;
    border-bottom: 1px solid var(--border, #d8dee9);
}

.asc-izgara__tablo td[b-3421ackb72] {
    padding: 0;
    border-bottom: 1px solid var(--border-soft, #eef2f7);
    vertical-align: middle;
    max-width: 22rem;
}

.asc-izgara__no[b-3421ackb72] {
    width: 3.4rem;
    text-align: end;
    padding: .35rem .55rem !important;
    color: var(--muted, #6b7280);
    font-variant-numeric: tabular-nums;
    background: var(--surface-2, #f8fafc);
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
}

.asc-izgara__tablo thead .asc-izgara__no[b-3421ackb72] {
    z-index: 3;
}

.asc-izgara__hucre[b-3421ackb72] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    padding: .4rem .6rem;
    min-width: 7rem;
}

.asc-izgara__hucre:focus[b-3421ackb72] {
    background: var(--accent-soft, #eff6ff);
    box-shadow: inset 0 0 0 2px var(--accent, #2563eb);
    border-radius: .25rem;
}

.asc-izgara__tablo tbody tr:hover td[b-3421ackb72] {
    background: var(--surface-2, #f8fafc);
}
/* _content/EduLive.Web/Components/Pages/Timetable/EdupageExcel.razor.rz.scp.css */
/* Herkese açık aSc → Excel aracı, Akademik Analiz görsel dili.
   Sayfa EmptyLayout üstünde (Aurora blob'ları arkada, üst bar yok) çalışır ve
   analiz ağacına ait DEĞİLDİR: `--anv-*` / `--agv-*` tokenları burada tanımlı
   olmadığı için ölçüler aurora.css'in genel tokenlarıyla kurulur.
   Telefon punto ölçeği `--yazi-*` tokenlarından gelir (cihaz.css TELEFON bandı);
   yedek değerler masaüstü referansıdır. */

.ee-sayfa[b-ktwrnk477i] {
    width: 100%;
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    font: 400 var(--yazi-govde, 13px)/1.5 var(--font-body);
    color: var(--metin-murekkep);
}

/* ────────────────────────── Kapak: başlık + adımlar + eylemler ────────────────────────── */

.ee-kapak[b-ktwrnk477i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 16px 24px 18px;
    background: var(--yuzey);
    border: 1px solid var(--hat-kart);
    border-radius: 3px 0 0 0;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--marka-700) 5%, transparent),
        0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.ee-marka[b-ktwrnk477i] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ee-logo[b-ktwrnk477i] {
    height: 34px;
    width: auto;
    flex: 0 0 auto;
}

.ee-marka__yazi[b-ktwrnk477i] { min-width: 0; }

.ee-kapak__h1[b-ktwrnk477i] {
    margin: 0;
    font: 700 var(--yazi-kapak, 23px)/1.1 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
    overflow-wrap: anywhere;
}

.ee-kapak__alt[b-ktwrnk477i] {
    margin: 5px 0 0;
    font-size: var(--yazi-kucuk, 12.5px);
    line-height: 1.5;
    color: var(--metin-ikincil);
    max-width: 52rem;
}

/* Adım şeridi — 1/2/3. Geçilmiş adımlar düğmeye dönüşür. */
.ee-adimlar[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.ee-adim[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font-size: var(--yazi-kucuk, 12.5px);
    font-weight: 600;
}

/* Henüz gelinmemiş adımın madalyonu AÇIK zemindir (`--yuzey-cizgi-koyu` #cfd8e6);
   üstüne `--on-brand` (beyaz) yazmak ~1.4:1 kontrast verir ve rakam okunmaz.
   Koyu mürekkep ile ~6.9:1 olur. Aktif/geçilmiş varyantları koyu zemine
   döndükleri için beyaz yazıyı kendileri geri verir. */
.ee-adim__no[b-ktwrnk477i] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    background: var(--yuzey-cizgi-koyu);
    color: var(--metin-ikincil);
    font-size: var(--yazi-etiket, 11px);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* Adım etiketinin iki hâli aynı yuvayı doldurur: geçilmiş adımda `span`
   yerine `.ee-adim__git` düğmesi çizilir. Ortak kutu olmadan şerit, adım
   ilerledikçe yüksekliğini değiştirip zıplardı. */
.ee-adim__ad[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    min-height: inherit;
}

/* Dokunma hedefi adımın KENDİSİ değil bu düğmedir: `min-height: inherit`
   olmadan cihazda 44 px kuralı `.ee-adim`e uygulanır, tıklanan yazı ~16 px
   kalırdı. */
.ee-adim__git[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    min-height: inherit;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ee-adim__git:hover[b-ktwrnk477i] { color: var(--marka-600); }

.ee-adim__git:focus-visible[b-ktwrnk477i] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
    border-radius: 4px;
}

.ee-adim--aktif[b-ktwrnk477i] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ee-adim--aktif .ee-adim__no[b-ktwrnk477i] {
    background: var(--on-brand);
    color: var(--marka-600);
}

.ee-adim--gecildi[b-ktwrnk477i] { color: var(--basari-metin); }

/* Zemin koyu yeşile döndüğü için yazı da beyaza döner; taban kuraldaki koyu
   mürekkep burada okunmazdı. */
.ee-adim--gecildi .ee-adim__no[b-ktwrnk477i] {
    background: var(--basari-metin);
    color: var(--on-brand);
}

.ee-eylemler[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ────────────────────────── Düğmeler ────────────────────────── */

.ee-btn[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    font: 600 var(--yazi-kucuk, 12.5px)/1 var(--font-body);
    cursor: pointer;
}

.ee-btn:hover[b-ktwrnk477i] { background: color-mix(in srgb, var(--marka-600) 6%, var(--yuzey)); }

.ee-btn:focus-visible[b-ktwrnk477i] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.ee-btn:disabled[b-ktwrnk477i] {
    opacity: .55;
    cursor: not-allowed;
    background: var(--yuzey);
}

.ee-btn--ana[b-ktwrnk477i] {
    background: var(--marka-600);
    border-color: var(--marka-600);
    color: var(--on-brand);
}

.ee-btn--ana:hover[b-ktwrnk477i] { background: var(--marka-500); border-color: var(--marka-500); }
.ee-btn--ana:disabled[b-ktwrnk477i] { background: var(--marka-600); }

.ee-btn__sayi[b-ktwrnk477i] {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: var(--radius-pill);
    background: var(--marka-600);
    color: var(--on-brand);
    font-size: var(--yazi-etiket, 11px);
    font-variant-numeric: tabular-nums;
}

.ee-btn--ana .ee-btn__sayi[b-ktwrnk477i] {
    background: color-mix(in srgb, var(--on-brand) 22%, transparent);
}

/* ────────────────────────── Kart ve bölümler ────────────────────────── */

.ee-kart[b-ktwrnk477i] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    background: var(--yuzey);
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--marka-700) 4%, transparent),
        0 18px 34px -26px color-mix(in srgb, var(--marka-700) 50%, transparent);
    min-width: 0;
}

/* Kartın üst şeridi: marka → turkuaz → nane.
   Köşeler şeridin kendi radius'uyla kesilir; karta `overflow:hidden` VERİLMEZ,
   yoksa açılır seçici panelleri (`.app-ms__panel`) kart sınırında kırpılırdı. */
.ee-kart[b-ktwrnk477i]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(94deg,
        var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ee-kapali[b-ktwrnk477i] { text-align: center; padding: 40px 24px; }
.ee-kapali h2[b-ktwrnk477i] { margin: 0 0 6px; font: 700 var(--yazi-bolum, 15px)/1.3 var(--font-display); letter-spacing: -.012em; }
.ee-kapali p[b-ktwrnk477i] { margin: 0; color: var(--metin-ikincil); }

.ee-bolum__h2[b-ktwrnk477i] {
    margin: 0;
    font: 700 var(--yazi-bolum, 15px)/1.3 var(--font-display);
    letter-spacing: -.012em;
    color: var(--metin-murekkep);
}

.ee-not[b-ktwrnk477i] {
    margin: 0;
    font-size: var(--yazi-kucuk, 12px);
    line-height: 1.5;
    color: var(--metin-ikincil);
}

.ee-not--uyari[b-ktwrnk477i] {
    color: var(--analiz-dikkat-metin);
    font-weight: 600;
}

.ee-bilgi[b-ktwrnk477i] {
    border-top: 1px solid var(--line);
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Madde listesi normal akışta bırakılır: `display:flex` + `gap`, `::marker`
   yerleşimini tarayıcıya bağımlı hâle getiriyordu. Aralık `li` kenar boşluğuyla
   verilir; görsel sonuç aynı, davranış öngörülebilir. */
.ee-bilgi ul[b-ktwrnk477i] {
    margin: 0;
    padding-inline-start: 18px;
    color: var(--metin-ikincil);
}

.ee-bilgi li + li[b-ktwrnk477i] { margin-top: 5px; }

/* ────────────────────────── Özet şeridi ────────────────────────── */

.ee-ozet[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
}

.ee-ozet__kutu[b-ktwrnk477i] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 7rem;
    padding: 9px 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey-alt);
}

.ee-ozet__kutu b[b-ktwrnk477i] {
    font: 700 var(--yazi-kpi, 20px)/1 var(--font-display);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--metin-murekkep);
}

.ee-ozet__kutu span[b-ktwrnk477i] {
    font-size: var(--yazi-etiket, 11.5px);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--metin-ipucu);
}

.ee-ozet__kutu--vurgu[b-ktwrnk477i] {
    background: var(--marka-600);
    border-color: var(--marka-600);
}

.ee-ozet__kutu--vurgu b[b-ktwrnk477i],
.ee-ozet__kutu--vurgu span[b-ktwrnk477i] { color: var(--on-brand); }

.ee-ozet__rozetler[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-inline-start: auto;
}

.ee-rozet[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--radius-pill);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font: 600 var(--yazi-kucuk, 12px)/1 var(--font-body);
    cursor: pointer;
}

.ee-rozet:hover[b-ktwrnk477i] { background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }

.ee-rozet:focus-visible[b-ktwrnk477i] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.ee-rozet--dikkat[b-ktwrnk477i] {
    color: var(--analiz-dikkat-metin);
    border-color: color-mix(in srgb, var(--analiz-dikkat) 45%, var(--yuzey));
    background: color-mix(in srgb, var(--analiz-dikkat) 9%, var(--yuzey));
}

.ee-rozet--hata[b-ktwrnk477i] {
    color: var(--danger-rozet-metin);
    border-color: color-mix(in srgb, var(--danger) 40%, var(--yuzey));
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
}

/* ────────────────────────── Bölüm sekmeleri ────────────────────────── */

.ee-sekmeler[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    min-width: 0;
    background: var(--yuzey);
    border: 1px solid var(--hat-kart);
    border-radius: 3px 10px 10px 10px;
}

.ee-sekme[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 3px 8px 8px 8px;
    background: transparent;
    color: var(--metin-ikincil);
    font: 600 var(--yazi-kucuk, 12.5px)/1.4 var(--font-body);
    white-space: nowrap;
    cursor: pointer;
}

.ee-sekme:hover[b-ktwrnk477i] {
    background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
    color: var(--marka-600);
}

.ee-sekme[aria-selected="true"][b-ktwrnk477i],
.ee-sekme[aria-selected="true"]:hover[b-ktwrnk477i] {
    background: var(--marka-600);
    color: var(--on-brand);
}

.ee-sekme:focus-visible[b-ktwrnk477i] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.ee-sekme__sayi[b-ktwrnk477i] {
    padding: 1px 6px;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
    color: var(--metin-ikincil);
    font-size: var(--yazi-etiket, 11px);
    font-variant-numeric: tabular-nums;
}

.ee-sekme[aria-selected="true"] .ee-sekme__sayi[b-ktwrnk477i] {
    background: color-mix(in srgb, var(--on-brand) 22%, transparent);
    color: var(--on-brand);
}

.ee-panel[b-ktwrnk477i] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.ee-panel:focus-visible[b-ktwrnk477i] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
    border-radius: var(--kose-kart);
}

/* ────────────────────────── Araç satırı (kolon / arama / süzgeç) ────────────────────────── */

.ee-arac[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.ee-arac__alan[b-ktwrnk477i] { flex: 1 1 22rem; min-width: 0; }
.ee-arac__alan--dar[b-ktwrnk477i] { flex: 0 1 15rem; }
.ee-arac__dugmeler[b-ktwrnk477i] { display: flex; gap: 8px; padding-bottom: 1px; }

.ee-etiketler[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.ee-etiketler__rozet[b-ktwrnk477i] {
    padding: 3px 10px;
    border-radius: var(--radius-pill);
    background: var(--marka-600);
    color: var(--on-brand);
    font-size: var(--yazi-kucuk, 12px);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.ee-etiket[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--radius-pill);
    background: var(--yuzey-alt);
    color: var(--metin-murekkep);
    font: 400 var(--yazi-kucuk, 12px)/1.3 var(--font-body);
    cursor: pointer;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: start;
}

.ee-etiket b[b-ktwrnk477i] { font-weight: 700; }

.ee-etiket:hover[b-ktwrnk477i] {
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    border-color: color-mix(in srgb, var(--danger) 30%, var(--yuzey));
}

.ee-etiket--temizle:hover[b-ktwrnk477i] {
    background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
    border-color: var(--hat-girdi);
}

.ee-etiket:focus-visible[b-ktwrnk477i] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

/* ────────────────────────── Çıktı özeti ve formlar ────────────────────────── */

.ee-cikti-ozet[b-ktwrnk477i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey-alt);
}

.ee-cikti-ozet ul[b-ktwrnk477i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ee-cikti-ozet li[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--yazi-kucuk, 12.5px);
}

.ee-cikti-ozet li[b-ktwrnk477i]::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
}

.ee-cikti-ozet .ee-var[b-ktwrnk477i] { color: var(--metin-murekkep); font-weight: 600; }
.ee-cikti-ozet .ee-var[b-ktwrnk477i]::before { background: var(--basari-metin); }
.ee-cikti-ozet .ee-yok[b-ktwrnk477i] { color: var(--metin-ipucu); }
.ee-cikti-ozet .ee-yok[b-ktwrnk477i]::before { background: var(--yuzey-cizgi-koyu); }

.ee-onay[b-ktwrnk477i] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    font-size: var(--yazi-govde, 13px);
    cursor: pointer;
}

.ee-onay input[b-ktwrnk477i] {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    accent-color: var(--marka-600);
    cursor: pointer;
}

.ee-izgara2[b-ktwrnk477i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ee-suzgec__alanlar[b-ktwrnk477i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 12px;
}

/* ────────────────────────── Uyarı / hata / bekleme ────────────────────────── */

.ee-hata[b-ktwrnk477i],
.ee-uyari[b-ktwrnk477i] {
    padding: 11px 14px;
    border-radius: var(--kose-kart);
    font-size: var(--yazi-kucuk, 12.5px);
    line-height: 1.5;
}

.ee-hata[b-ktwrnk477i] {
    color: var(--danger-metin);
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--yuzey));
}

.ee-uyari[b-ktwrnk477i] {
    color: var(--analiz-dikkat-metin);
    background: color-mix(in srgb, var(--analiz-dikkat) 9%, var(--yuzey));
    border: 1px solid color-mix(in srgb, var(--analiz-dikkat) 38%, var(--yuzey));
}

.ee-uyari--hata[b-ktwrnk477i] {
    color: var(--danger-metin);
    background: color-mix(in srgb, var(--danger) 7%, var(--yuzey));
    border-color: color-mix(in srgb, var(--danger) 30%, var(--yuzey));
}

.ee-uyari h3[b-ktwrnk477i] {
    margin: 0 0 5px;
    font: 700 var(--yazi-kucuk, 12.5px)/1.3 var(--font-display);
    letter-spacing: -.012em;
}

.ee-uyari ul[b-ktwrnk477i] {
    margin: 0;
    padding-inline-start: 18px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ee-bekle[b-ktwrnk477i] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: var(--metin-ikincil);
    font-size: var(--yazi-kucuk, 12.5px);
}

.ee-spin[b-ktwrnk477i] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--hat-girdi);
    border-top-color: var(--marka-600);
    animation: ee-don-b-ktwrnk477i .7s linear infinite;
}

@keyframes ee-don-b-ktwrnk477i {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .ee-spin[b-ktwrnk477i] { animation-duration: 2.4s; }
}

.ee-dip[b-ktwrnk477i] {
    text-align: center;
    font-size: var(--yazi-kucuk, 12px);
    color: var(--metin-ipucu);
}

/* ────────────────────────── Görünür popup (native dialog) ────────────────────────── */

.ee-popup[b-ktwrnk477i] {
    width: min(640px, calc(100vw - 48px));
    max-width: none;
    height: fit-content;
    min-height: 0;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-bolum);
    background: var(--yuzey);
    color: var(--metin-murekkep);
    box-shadow: 0 24px 70px color-mix(in srgb, var(--marka-700) 25%, transparent);
    overflow: hidden;
    font: 400 var(--yazi-govde, 13px)/1.5 var(--font-body);
}

.ee-popup[open][b-ktwrnk477i] {
    display: flex;
    flex-direction: column;
}

.ee-popup[b-ktwrnk477i]::backdrop { background: var(--scrim); }

.ee-popup__bas[b-ktwrnk477i] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 16px;
    border-bottom: 1px solid var(--hat-kart);
}

.ee-popup__bas[b-ktwrnk477i]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(94deg,
        var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.ee-popup__bas h2[b-ktwrnk477i] {
    margin: 0;
    font: 700 var(--yazi-kapak, 20px)/1.2 var(--font-display);
    letter-spacing: -.026em;
    color: var(--marka-700);
}

/* Başlık yalnız açılış odağıdır; görünür odak işareti taşımaz. */
.ee-popup__bas h2:focus[b-ktwrnk477i] { outline: none; }

.ee-popup__kapat[b-ktwrnk477i] {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--hat-girdi);
    border-radius: var(--kose-dugme);
    background: var(--yuzey);
    color: var(--metin-ikincil);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.ee-popup__kapat:hover[b-ktwrnk477i] { background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }

.ee-popup__kapat:focus-visible[b-ktwrnk477i] {
    outline: 2px solid var(--marka-600);
    outline-offset: 2px;
}

.ee-popup__govde[b-ktwrnk477i] {
    flex: 0 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px;
    overflow: auto;
    overscroll-behavior: contain;
}

.ee-popup__govde h3[b-ktwrnk477i] {
    margin: 4px 0 0;
    font: 700 var(--yazi-bolum, 15px)/1.3 var(--font-display);
    letter-spacing: -.012em;
}

.ee-popup__eylemler[b-ktwrnk477i] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 24px;
    border-top: 1px solid var(--hat-kart);
    background: var(--yuzey-alt);
}

/* Seçenek paneli pencerenin kaydırılan gövdesinde kalır, alt kenarda kesilmez. */
.ee-popup[b-ktwrnk477i]  .app-sel__panel,
.ee-popup[b-ktwrnk477i]  .app-ms__panel {
    position: relative;
    inset: auto;
    margin-top: 6px;
    max-height: 220px;
}

.ee-liste[b-ktwrnk477i] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--yazi-kucuk, 12.5px);
}

.ee-liste li[b-ktwrnk477i] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 10px;
    border-radius: var(--kose-dugme);
    background: var(--yuzey-alt);
}

.ee-liste li span[b-ktwrnk477i] { color: var(--metin-ikincil); font-variant-numeric: tabular-nums; }

.ee-liste--madde[b-ktwrnk477i] { gap: 6px; }

.ee-liste--madde li[b-ktwrnk477i] {
    display: list-item;
    margin-inline-start: 18px;
    list-style: disc;
    background: none;
    padding: 0;
}

/* ────────────────────────── Izgara (AscIzgara) tablo dili ──────────────────────────
   Tablo başlığı ortak standarda gelir: mavi–petrol geçişi tek parça thead üzerine
   çizilir, hücre arka planları şeffaftır. Sabit sütun opak zemin ister. */

.ee-izgara[b-ktwrnk477i] { min-width: 0; }

/* Program sekmesinde arama yüzeyi TEKTİR: sayfanın "Tüm alanlarda ara" alanı hem
   ekranı hem Excel'i süzer. Izgaranın kendi kutusu yalnız görünen kolonlarda arar
   ve çıktıya işlemez; ikisi yan yana durursa ekran ile dosya ayrışır. `display:none`
   onu odak sırasından da çıkarır. Katalog sekmelerinde kutu yerinde kalır. */
.ee-izgara--program[b-ktwrnk477i]  .asc-izgara__ara { display: none; }

.ee-panel[b-ktwrnk477i]  .asc-izgara__kaydir {
    max-height: min(540px, 60dvh);
    border: 1px solid var(--hat-kart);
    border-radius: var(--kose-kart);
    background: var(--yuzey);
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__tablo thead {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--marka-rampa-serit);
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__tablo thead th {
    position: static;
    background: transparent;
    color: var(--on-brand);
    font: 700 11.5px/1.3 var(--font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 10px 13px;
    border-bottom: 0;
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__tablo thead .asc-izgara__no {
    position: sticky;
    inset-inline-start: 0;
    z-index: 5;
    background: var(--marka-600);
    color: var(--on-brand);
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__tablo td {
    border-bottom: 1px solid var(--line);
    font-size: var(--yazi-govde, 13px);
    color: var(--metin-murekkep);
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__tablo tbody .asc-izgara__no {
    background: var(--yuzey-alt);
    color: var(--metin-ipucu);
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__tablo tbody tr:hover td {
    background: color-mix(in srgb, var(--marka-600) 4%, var(--yuzey));
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__hucre:focus {
    background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
    box-shadow: inset 0 0 0 2px var(--marka-600);
    border-radius: 3px;
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__ara {
    min-height: 34px;
    border-color: var(--hat-girdi);
    border-radius: var(--kose-dugme);
    color: var(--metin-ipucu);
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__bos {
    border: 1px dashed var(--hat-girdi);
    border-radius: var(--kose-kart);
    background: var(--yuzey-alt);
    color: var(--metin-ikincil);
}

.ee-panel[b-ktwrnk477i]  .asc-izgara__sayi,
.ee-panel[b-ktwrnk477i]  .asc-izgara__ipucu {
    color: var(--metin-ipucu);
    font-size: var(--yazi-kucuk, 12px);
}

/* ────────────────────────── MASAÜSTÜ ────────────────────────── */

@media (min-width: 1280px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
       (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
    .ee-kapak[b-ktwrnk477i] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "marka   eylem"
            "adimlar eylem";
        align-items: center;
        column-gap: 12px;
        row-gap: 14px;
    }

    .ee-marka[b-ktwrnk477i] { grid-area: marka; }
    .ee-adimlar[b-ktwrnk477i] { grid-area: adimlar; }
    .ee-eylemler[b-ktwrnk477i] { grid-area: eylem; justify-self: end; }
}

/* ────────────────────────── CİHAZ (telefon ∪ tablet) ────────────────────────── */

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
    .ee-sekmeler[b-ktwrnk477i] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-x: contain;
    }

    .ee-sekme[b-ktwrnk477i],
    .ee-adim[b-ktwrnk477i],
    .ee-btn[b-ktwrnk477i],
    .ee-rozet[b-ktwrnk477i],
    .ee-etiket[b-ktwrnk477i],
    .ee-popup__kapat[b-ktwrnk477i] { min-height: 44px; }

    .ee-popup__kapat[b-ktwrnk477i] { width: 44px; }

    /* Kart VE popup içindeki tüm girdiler: adım 3 formu ve süzgeç penceresi de
       dokunmatikte 44 px ister; 16 px altındaki punto iOS'ta sayfayı otomatik
       yakınlaştırır (YENI-DIL K4). `.app-input` sınıfını AppTextField,
       AppNumberField, AppSelect ve AppMultiSelect kontrolü paylaşır. */
    .ee-kart[b-ktwrnk477i]  .app-input,
    .ee-popup[b-ktwrnk477i]  .app-input,
    .ee-panel[b-ktwrnk477i]  .asc-izgara__ara input {
        min-height: 44px;
        font-size: max(16px, 1rem);
    }

    .ee-onay input[b-ktwrnk477i] { width: 20px; height: 20px; flex-basis: 20px; }
}

/* ────────────────────────── TELEFON ────────────────────────── */

@media (max-width: 640px) {
    .ee-sayfa[b-ktwrnk477i] { gap: 12px; }

    .ee-kapak[b-ktwrnk477i] { padding: 14px 16px 16px; }

    .ee-marka[b-ktwrnk477i] { gap: 10px; }
    .ee-logo[b-ktwrnk477i] { height: 28px; }

    .ee-kart[b-ktwrnk477i] { padding: 14px; gap: 12px; }

    /* Eylemler başlığın altında tek satırda kalır; taşarsa yatay kayar. */
    .ee-eylemler[b-ktwrnk477i],
    .ee-adimlar[b-ktwrnk477i] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-x: contain;
    }

    .ee-eylemler > .ee-btn[b-ktwrnk477i],
    .ee-adim[b-ktwrnk477i] { flex: 0 0 auto; }

    .ee-ozet__kutu[b-ktwrnk477i] { flex: 1 1 8rem; min-width: 0; }
    .ee-ozet__rozetler[b-ktwrnk477i] { margin-inline-start: 0; width: 100%; }

    .ee-arac[b-ktwrnk477i] { gap: 10px; }
    .ee-arac__alan[b-ktwrnk477i],
    .ee-arac__alan--dar[b-ktwrnk477i] { flex: 1 1 100%; }
    .ee-arac__dugmeler[b-ktwrnk477i] { width: 100%; }
    .ee-arac__dugmeler > .ee-btn[b-ktwrnk477i] { flex: 1 1 auto; }

    .ee-izgara2[b-ktwrnk477i],
    .ee-suzgec__alanlar[b-ktwrnk477i] { grid-template-columns: minmax(0, 1fr); }

    .ee-popup[b-ktwrnk477i] {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
    }

    .ee-popup__bas[b-ktwrnk477i] { padding: 18px 16px 14px; }

    /* Telefonda `--yazi-kapak` 20 px'e iner; pencere başlığı sayfa kapağıyla
       aynı puntoya çıkmasın diye bir kademe küçülür (AnalizPano deseni). */
    .ee-popup__bas h2[b-ktwrnk477i] { font-size: 17px; }

    .ee-popup__govde[b-ktwrnk477i] { padding: 16px; }
    .ee-popup__eylemler[b-ktwrnk477i] { padding: 12px 16px; }
    .ee-popup__eylemler > .ee-btn[b-ktwrnk477i] { flex: 1 1 auto; }

    .ee-panel[b-ktwrnk477i]  .asc-izgara__kaydir { max-height: min(420px, 56dvh); }
}
/* _content/EduLive.Web/Components/Pages/Video/VideoScriptDetay.razor.rz.scp.css */
/* Video senaryo detayı — Akademik Analiz kapak/sekme/kart/tablo/popup ölçülerinin sayfa-scoped
   uyarlaması. Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, sekme şeridi beyaz 1 px sınır / 6 px dolgu / 4 px aralık /
   içerikle 16 px, bölüm kartı 18 px + 5 px şerit + --kose-bolum, tablo başlığı
   --marka-rampa-serit 11.5/700 büyük harf .07em, hücre 10 × 13 px).
   Cihaz bantları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır → burada global tokenlar. */

.au-page.vd-vitrin[b-z6zumczk1x] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.vd-vitrin .vd-kapak[b-z6zumczk1x] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri   baslik"
    "rozet  rozet"
    "eylem  eylem";
  align-items: center;
  column-gap: 12px;
  row-gap: 14px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vd-vitrin .vd-kapak__geri[b-z6zumczk1x] {
  grid-area: geri;
  min-width: 0;
}

.vd-vitrin .vd-kapak__geri[b-z6zumczk1x]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
  border-color: var(--hat-girdi);
}

.vd-vitrin .vd-kapak__geri[b-z6zumczk1x]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vd-vitrin .vd-kapak__baslik[b-z6zumczk1x] {
  grid-area: baslik;
  min-width: 0;
}

.vd-vitrin .vd-kapak .au-title[b-z6zumczk1x] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-kapak__alt[b-z6zumczk1x] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.vd-vitrin .vd-rozetler[b-z6zumczk1x] {
  grid-area: rozet;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vd-vitrin .au-status[b-z6zumczk1x] {
  font-size: 11.5px;
}

.vd-vitrin .vd-kapak__eylem[b-z6zumczk1x] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: start;
}

/* ── Düğme tabanı ── */
.vd-vitrin .vd-dugme[b-z6zumczk1x] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.vd-vitrin .vd-dugme:hover:not(:disabled)[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vd-vitrin .vd-dugme--ana[b-z6zumczk1x] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vd-vitrin .vd-dugme--ana:hover:not(:disabled)[b-z6zumczk1x] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vd-vitrin .vd-dugme--tehlike[b-z6zumczk1x] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  color: var(--danger-metin);
}

.vd-vitrin .vd-dugme--tehlike:hover:not(:disabled)[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  border-color: var(--danger);
}

.vd-vitrin .vd-dugme:disabled[b-z6zumczk1x] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vd-vitrin .vd-dugme:focus-visible[b-z6zumczk1x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Uyarı / hata şeridi ── */
.vd-vitrin .vd-uyari[b-z6zumczk1x] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vd-vitrin .vd-uyari svg[b-z6zumczk1x] {
  flex: 0 0 16px;
  margin-top: 2px;
}

.vd-vitrin .vd-uyari--hata[b-z6zumczk1x] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Bölüm sekmeleri (beyaz şerit, 6 px dolgu, 4 px aralık, içerikle 16 px) ── */
.vd-vitrin .vd-sekmeler[b-z6zumczk1x] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.vd-vitrin .vd-sekme[b-z6zumczk1x] {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-murekkep);
  font: 600 12.5px/1 var(--font-body);
  cursor: pointer;
}

.vd-vitrin .vd-sekme:hover[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--marka-600) 14%, var(--yuzey));
  color: var(--marka-700);
}

.vd-vitrin .vd-sekme.is-secili[b-z6zumczk1x] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.vd-vitrin .vd-sekme.is-secili:hover[b-z6zumczk1x] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.vd-vitrin .vd-sekme:focus-visible[b-z6zumczk1x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vd-vitrin .vd-panel[b-z6zumczk1x] {
  min-width: 0;
}

.vd-vitrin .vd-panel:focus-visible[b-z6zumczk1x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.vd-vitrin .vd-kart[b-z6zumczk1x],
.vd-vitrin[b-z6zumczk1x]  .ds-panel {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vd-vitrin .vd-kart[b-z6zumczk1x]::before,
.vd-vitrin[b-z6zumczk1x]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vd-vitrin .vd-bolum__baslik[b-z6zumczk1x] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.vd-vitrin .vd-bolum__baslik[b-z6zumczk1x]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vd-vitrin .vd-bolum__baslik--ara[b-z6zumczk1x] {
  margin-top: 20px;
}

.vd-vitrin .vd-aciklama[b-z6zumczk1x] {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.vd-vitrin .vd-aciklama a[b-z6zumczk1x] {
  color: var(--marka-600);
  font-weight: 600;
}

.vd-vitrin .vd-bos[b-z6zumczk1x] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vd-vitrin .vd-bos p[b-z6zumczk1x] {
  margin: 0;
  line-height: 1.6;
}

.vd-vitrin .vd-bos-metin[b-z6zumczk1x] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 13px;
  line-height: 1.6;
}

.vd-vitrin .vd-ipucu[b-z6zumczk1x] {
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* ── Künye olguları ── */
.vd-vitrin .vd-olgular[b-z6zumczk1x] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.vd-vitrin .vd-olgular > div[b-z6zumczk1x] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.vd-vitrin .vd-olgular > div:nth-child(odd)[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vd-vitrin .vd-olgular dt[b-z6zumczk1x] {
  margin: 0;
  color: var(--metin-ipucu);
}

.vd-vitrin .vd-olgular dd[b-z6zumczk1x] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── Kazanımlar (backend linked_components) ── */
.vd-vitrin .vd-kazanimlar[b-z6zumczk1x] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vd-vitrin .vd-kazanim[b-z6zumczk1x] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  font-size: 13px;
}

.vd-vitrin .vd-kazanim__kod[b-z6zumczk1x] {
  flex: 0 0 auto;
  color: var(--marka-700);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.vd-vitrin .vd-kazanim__ad[b-z6zumczk1x] {
  min-width: 0;
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

/* ── Sürüm tablosu: kendi alanında kayar, başlık üstte sabit ── */
.vd-vitrin .vd-tablo-kap[b-z6zumczk1x] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.vd-vitrin .vd-tablo[b-z6zumczk1x] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.vd-vitrin .vd-tablo thead[b-z6zumczk1x] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.vd-vitrin .vd-tablo thead th[b-z6zumczk1x] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.vd-vitrin .vd-tablo tbody td[b-z6zumczk1x] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.vd-vitrin .vd-tablo tbody tr:nth-child(even) td[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vd-vitrin .vd-satir:hover td[b-z6zumczk1x],
.vd-vitrin .vd-satir:focus-within td[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vd-vitrin .vd-surum-no[b-z6zumczk1x] {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--marka-700);
}

.vd-vitrin .vd-soluk[b-z6zumczk1x] {
  color: var(--metin-ikincil);
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-eylem-hucre[b-z6zumczk1x] {
  white-space: nowrap;
}

.vd-vitrin .vd-satir-dugme[b-z6zumczk1x] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  cursor: pointer;
  box-shadow: none;
}

.vd-vitrin .vd-satir-dugme:hover:not(:disabled)[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vd-vitrin .vd-satir-dugme:disabled[b-z6zumczk1x] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vd-vitrin .vd-satir-dugme:focus-visible[b-z6zumczk1x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vd-vitrin .vd-gizli[b-z6zumczk1x] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Form alanları (popup ve değerlendirme) ── */
.vd-vitrin .vd-form[b-z6zumczk1x] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.vd-vitrin .vd-form[b-z6zumczk1x]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.vd-vitrin .vd-form[b-z6zumczk1x]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.vd-vitrin .vd-form[b-z6zumczk1x]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vd-vitrin .vd-eylem[b-z6zumczk1x] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Değerlendirme yıldızları ── */
.vd-vitrin .vd-rating[b-z6zumczk1x] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin: 4px 0 12px;
}

.vd-vitrin .vd-star[b-z6zumczk1x] {
  min-width: 34px;
  min-height: 34px;
  padding: 2px 4px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: none;
  color: var(--metin-ipucu);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.vd-vitrin .vd-star.is-filled[b-z6zumczk1x] {
  color: var(--marka-600);
}

.vd-vitrin .vd-star:disabled[b-z6zumczk1x] {
  cursor: default;
  opacity: 0.6;
}

.vd-vitrin .vd-star:focus-visible[b-z6zumczk1x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Görünür popup: native dialog top-layer ── */
.vd-vitrin .vd-popup[b-z6zumczk1x] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.vd-vitrin .vd-popup[open][b-z6zumczk1x] {
  display: flex;
  flex-direction: column;
}

.vd-vitrin .vd-popup[b-z6zumczk1x]::backdrop {
  background: var(--scrim);
}

.vd-vitrin .vd-popup__bas[b-z6zumczk1x] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.vd-vitrin .vd-popup__bas > div[b-z6zumczk1x] {
  min-width: 0;
}

.vd-vitrin .vd-popup__bas h2[b-z6zumczk1x] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-popup__bas h2:focus[b-z6zumczk1x] {
  outline: none;
}

.vd-vitrin .vd-popup__bas p[b-z6zumczk1x] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vd-vitrin .vd-popup__kapat[b-z6zumczk1x] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.vd-vitrin .vd-popup__kapat:hover:not(:disabled)[b-z6zumczk1x] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vd-vitrin .vd-popup__kapat:disabled[b-z6zumczk1x] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vd-vitrin .vd-popup__kapat:focus-visible[b-z6zumczk1x] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vd-vitrin .vd-popup__govde[b-z6zumczk1x] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vd-vitrin .vd-popup__govde .vd-form[b-z6zumczk1x] {
  margin-bottom: 0;
}

.vd-vitrin .vd-popup__metin[b-z6zumczk1x] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.vd-vitrin .vd-popup__hata[b-z6zumczk1x] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vd-vitrin .vd-popup__eylem[b-z6zumczk1x] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ (YENI-DIL.md §1.1) ── */
@media (min-width: 1280px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
  (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  /* Eylem şeridi 10 düğmeye kadar çıkabiliyor; başlıkla aynı satırı paylaşınca
     `auto` eylem sütunu max-content'e kilitlenip başlığı 100 px'e eziyordu. */
  .vd-vitrin .vd-kapak[b-z6zumczk1x] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri  baslik"
      "rozet rozet"
      "eylem eylem";
  }

  /* stretch: kabı tam genişlikte ölçtür; sağa yaslama flex satırında yapılır. */
  .vd-vitrin .vd-kapak__eylem[b-z6zumczk1x] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  /* İki `auto` iz (baslik + eylem) aradaki rozet izini 0 px'e düşürüp başlıkla
     örtüştürüyordu; eylem şeridi kendi satırına alındı. */
  .vd-vitrin .vd-kapak[b-z6zumczk1x] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik rozet"
      "eylem eylem eylem";
  }

  .vd-vitrin .vd-rozetler[b-z6zumczk1x] {
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vd-vitrin .vd-kapak[b-z6zumczk1x] {
    padding: 16px;
  }

  .vd-vitrin .vd-dugme[b-z6zumczk1x],
  .vd-vitrin .vd-sekme[b-z6zumczk1x],
  .vd-vitrin .vd-satir-dugme[b-z6zumczk1x],
  .vd-vitrin .vd-star[b-z6zumczk1x] {
    min-height: 44px;
  }

  .vd-vitrin .vd-form[b-z6zumczk1x]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }

  /* Sekmeler tek yatay kaydırılabilir şerit olur. */
  .vd-vitrin .vd-sekmeler[b-z6zumczk1x] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .vd-vitrin .vd-sekmeler[b-z6zumczk1x]::-webkit-scrollbar {
    display: none;
  }

  .vd-vitrin .vd-sekme[b-z6zumczk1x] {
    flex: 0 0 auto;
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. Opak zemin şeridin 0% durağıyla
     (= --marka-500) aynı; --marka-600 daha koyu olduğundan sol uçta düz blok üretirdi. */
  .vd-vitrin .vd-tablo .vd-sut-1[b-z6zumczk1x] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .vd-vitrin .vd-tablo thead .vd-sut-1[b-z6zumczk1x] {
    z-index: 5;
    background: var(--marka-500);
  }

  .vd-vitrin .vd-tablo tbody tr:nth-child(even) .vd-sut-1[b-z6zumczk1x] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vd-vitrin .vd-kapak[b-z6zumczk1x] {
    padding: 12px;
  }

  .vd-vitrin .vd-kapak .au-title[b-z6zumczk1x] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vd-vitrin .vd-kapak__alt[b-z6zumczk1x],
  .vd-vitrin .vd-uyari[b-z6zumczk1x],
  .vd-vitrin .vd-aciklama[b-z6zumczk1x] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vd-vitrin .vd-bolum__baslik[b-z6zumczk1x] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vd-vitrin .vd-kart[b-z6zumczk1x] {
    padding: 16px 12px;
  }

  .vd-vitrin .vd-kapak__eylem[b-z6zumczk1x] {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .vd-vitrin .vd-kapak__eylem .vd-dugme[b-z6zumczk1x] {
    flex: 1 0 auto;
  }

  .vd-vitrin .vd-olgular > div[b-z6zumczk1x] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .vd-vitrin .vd-form[b-z6zumczk1x] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vd-vitrin .vd-tablo tbody td[b-z6zumczk1x],
  .vd-vitrin .vd-tablo thead th[b-z6zumczk1x] {
    padding-inline: 8px;
  }

  .vd-vitrin .vd-popup[b-z6zumczk1x] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .vd-vitrin .vd-popup__bas[b-z6zumczk1x],
  .vd-vitrin .vd-popup__govde[b-z6zumczk1x],
  .vd-vitrin .vd-popup__eylem[b-z6zumczk1x] {
    padding: 12px;
  }

  .vd-vitrin .vd-popup__eylem .vd-dugme[b-z6zumczk1x] {
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .au-page.vd-vitrin[b-z6zumczk1x] {
    animation: none;
  }
}

/* ── 2026-09-27 bağlı karakterler (ad + görsel + rol) ── */
.vd-vitrin .vd-karakterler[b-z6zumczk1x] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 8px;
}

.vd-vitrin .vd-karakter[b-z6zumczk1x] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
}

.vd-vitrin .vd-karakter.is-ana[b-z6zumczk1x] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
}

.vd-vitrin .vd-karakter__foto[b-z6zumczk1x] {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--metin-ipucu);
}

.vd-vitrin .vd-karakter__foto img[b-z6zumczk1x] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vd-vitrin .vd-karakter__govde[b-z6zumczk1x] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.vd-vitrin .vd-karakter__ad[b-z6zumczk1x] {
  font-weight: 600;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-vitrin .vd-karakter__rol[b-z6zumczk1x] {
  font-size: 11.5px;
  color: var(--metin-ipucu);
}

@media (max-width: 640px) {
  .vd-vitrin .vd-karakterler[b-z6zumczk1x] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/Video/VideoScriptDuzenle.razor.rz.scp.css */
/* Senaryoyu düzenle — Akademik Analiz kapak/kart/form ölçülerinin sayfa-scoped uyarlaması.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, bölüm kartı 18 px + 5 px şerit, girdi 34 px,
   düğme 34 px / 12.5 px / --kose-dugme). Cihaz bantları docs/mobil/YENI-DIL.md §1.1.
   Tek bölümlü ekran → sekme YOK (SKILL: kısa ekrana gereksiz sekme eklenmez). */

.au-page.vdz-vitrin[b-11pxc36z97] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.vdz-vitrin .vdz-kapak[b-11pxc36z97] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vdz-vitrin .vdz-kapak__geri[b-11pxc36z97] {
  grid-column: 1;
  min-width: 0;
}

.vdz-vitrin .vdz-kapak__geri[b-11pxc36z97]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
  border-color: var(--hat-girdi);
}

.vdz-vitrin .vdz-kapak__geri[b-11pxc36z97]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vdz-vitrin .vdz-kapak__baslik[b-11pxc36z97] {
  grid-column: 2;
  min-width: 0;
}

.vdz-vitrin .vdz-kapak .au-title[b-11pxc36z97] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vdz-vitrin .vdz-kapak__alt[b-11pxc36z97] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.vdz-vitrin .vdz-rozetler[b-11pxc36z97] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vdz-vitrin .au-status[b-11pxc36z97] {
  font-size: 11.5px;
}

.vdz-vitrin .vdz-kapak__eylem[b-11pxc36z97] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğme tabanı ── */
.vdz-vitrin .vdz-dugme[b-11pxc36z97] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.vdz-vitrin .vdz-dugme:hover:not(:disabled)[b-11pxc36z97] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vdz-vitrin .vdz-dugme--ana[b-11pxc36z97] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vdz-vitrin .vdz-dugme--ana:hover:not(:disabled)[b-11pxc36z97] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vdz-vitrin .vdz-dugme:disabled[b-11pxc36z97] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vdz-vitrin .vdz-dugme:focus-visible[b-11pxc36z97] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Uyarı / hata şeridi ── */
.vdz-vitrin .vdz-uyari[b-11pxc36z97] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vdz-vitrin .vdz-uyari svg[b-11pxc36z97] {
  flex: 0 0 16px;
  margin-top: 2px;
}

.vdz-vitrin .vdz-uyari--hata[b-11pxc36z97] {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.vdz-vitrin .vdz-kart[b-11pxc36z97] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vdz-vitrin .vdz-kart[b-11pxc36z97]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vdz-vitrin .vdz-bolum__baslik[b-11pxc36z97] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.vdz-vitrin .vdz-bolum__baslik[b-11pxc36z97]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vdz-vitrin .vdz-bos[b-11pxc36z97] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vdz-vitrin .vdz-bos p[b-11pxc36z97] {
  margin: 0;
  line-height: 1.6;
}

/* ── Form ── */
.vdz-vitrin .vdz-form[b-11pxc36z97] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.vdz-vitrin .vdz-form[b-11pxc36z97]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.vdz-vitrin .vdz-form[b-11pxc36z97]  .app-input {
  min-height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.vdz-vitrin .vdz-form[b-11pxc36z97]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vdz-vitrin .vdz-not[b-11pxc36z97] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px dashed var(--hat-girdi);
  border-radius: var(--kose-dugme);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.vdz-vitrin .vdz-not a[b-11pxc36z97] {
  color: var(--marka-600);
  font-weight: 600;
}

.vdz-vitrin .vdz-eylem[b-11pxc36z97] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.vdz-vitrin .vdz-ipucu[b-11pxc36z97] {
  color: var(--metin-ipucu);
  font-size: 12px;
}

/* ── MASAÜSTÜ geniş: başlık solda, rozet ve eylem sağda tek satır (1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vdz-vitrin .vdz-kapak[b-11pxc36z97] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .vdz-vitrin .vdz-kapak__geri[b-11pxc36z97],
  .vdz-vitrin .vdz-kapak__baslik[b-11pxc36z97],
  .vdz-vitrin .vdz-rozetler[b-11pxc36z97],
  .vdz-vitrin .vdz-kapak__eylem[b-11pxc36z97] {
    grid-row: 1;
  }

  .vdz-vitrin .vdz-rozetler[b-11pxc36z97] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .vdz-vitrin .vdz-kapak__eylem[b-11pxc36z97] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vdz-vitrin .vdz-kapak[b-11pxc36z97] {
    padding: 16px;
  }

  .vdz-vitrin .vdz-dugme[b-11pxc36z97] {
    min-height: 44px;
  }

  .vdz-vitrin .vdz-form[b-11pxc36z97]  .app-input {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vdz-vitrin .vdz-kapak[b-11pxc36z97] {
    padding: 12px;
  }

  .vdz-vitrin .vdz-kapak .au-title[b-11pxc36z97] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vdz-vitrin .vdz-kapak__alt[b-11pxc36z97],
  .vdz-vitrin .vdz-not[b-11pxc36z97],
  .vdz-vitrin .vdz-uyari[b-11pxc36z97] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vdz-vitrin .vdz-bolum__baslik[b-11pxc36z97] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vdz-vitrin .vdz-kart[b-11pxc36z97] {
    padding: 16px 12px;
  }

  .vdz-vitrin .vdz-form[b-11pxc36z97] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vdz-vitrin .vdz-kapak__eylem[b-11pxc36z97],
  .vdz-vitrin .vdz-eylem[b-11pxc36z97] {
    width: 100%;
  }

  .vdz-vitrin .vdz-kapak__eylem .vdz-dugme[b-11pxc36z97],
  .vdz-vitrin .vdz-eylem .vdz-dugme[b-11pxc36z97] {
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .au-page.vdz-vitrin[b-11pxc36z97] {
    animation: none;
  }
}
/* _content/EduLive.Web/Components/Pages/Video/VideoScriptGraph.razor.rz.scp.css */
/* VD-03 (2026-09-20) — Graph düzenleyici, Akademik Analiz tasarım dili.
   Ölçüler referanstan: 23 px kapak başlığı, 34 px kontrol, kapak 16/24/18 dolgu,
   bölüm kartı 18 px + `3px 3px 22px 22px`, tablo başlığı `--marka-rampa-serit`.
   Yalnız mevcut aurora token'ları; yeni hex, !important ve sabit spacer yok.
   Sayfaya özel (scoped) — ortak vitrin dosyalarına dokunulmadı. */

.au-page.vg-vitrin[b-q9627mgmtm] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: geri + başlık/durum + ana eylemler ── */
.vg-kapak[b-q9627mgmtm] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri metin eylem";
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vg-kapak[b-q9627mgmtm]  .vg-geri {
  grid-area: geri;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.vg-kapak[b-q9627mgmtm]  .vg-geri .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.vg-kapak__metin[b-q9627mgmtm] {
  grid-area: metin;
  min-width: 0;
}

.vg-kapak .au-title[b-q9627mgmtm] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.vg-ust-bilgi[b-q9627mgmtm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--n-500);
}

.vg-senaryo[b-q9627mgmtm] {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.vg-sayac[b-q9627mgmtm] {
  font-variant-numeric: tabular-nums;
}

.vg-rozet[b-q9627mgmtm] {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border: 1px solid var(--hat-girdi);
  border-radius: 3px 8px 8px 8px;
  background: var(--yuzey-alt);
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.vg-rozet--onay[b-q9627mgmtm],
.vg-rozet--giris[b-q9627mgmtm] {
  border-color: color-mix(in srgb, var(--marka-600) 32%, var(--hat-girdi));
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

.vg-rozet--kirli[b-q9627mgmtm] {
  border-color: color-mix(in srgb, var(--amber-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--amber-500) 14%, var(--yuzey));
  color: var(--metin-murekkep);
}

/* `end` hizası sarma kabını shrink-to-fit ölçtürür; kap alanını doldurur,
   sağa yaslama flex satırında yapılır. */
.vg-kapak__eylem[b-q9627mgmtm] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: stretch;
  justify-content: flex-end;
}

/* ── Ortak kontrol tabanı (kapak + paneller + pencere) ── */
.vg-vitrin .au-btn[b-q9627mgmtm] {
  height: 34px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.vg-vitrin .au-btn:hover:not(:disabled)[b-q9627mgmtm] {
  transform: none;
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vg-vitrin .au-btn--primary[b-q9627mgmtm] {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.vg-vitrin .au-btn--primary:hover:not(:disabled)[b-q9627mgmtm] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vg-vitrin .au-btn--danger[b-q9627mgmtm] {
  border-color: var(--red-600);
  background: var(--red-600);
  color: var(--on-brand);
}

.vg-vitrin .au-btn--danger:hover:not(:disabled)[b-q9627mgmtm] {
  background: var(--red-500);
  border-color: var(--red-500);
}

.vg-vitrin .au-btn:disabled[b-q9627mgmtm] {
  opacity: 0.6;
  cursor: not-allowed;
}

.vg-vitrin .au-btn:focus-visible[b-q9627mgmtm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* Üçüncül satır içi eylem — referanstaki 26 px küçük kontrol ölçüsü (dokunmatikte 44). */
.vg-baslik-duzenle[b-q9627mgmtm] {
  height: 26px;
  min-height: 26px;
  padding: 0 8px;
  font-size: 11.5px;
}

.vg-uyari[b-q9627mgmtm] {
  margin-bottom: 16px;
  font-size: 13px;
  overflow-wrap: anywhere;
}

/* ── Çalışma alanı: tuval + yan panel ── */
.vg-layout[b-q9627mgmtm] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 16px;
  align-items: start;
}

.vg-canvas-col[b-q9627mgmtm] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.vg-side[b-q9627mgmtm] {
  min-width: 0;
  position: sticky;
  top: 12px;
}

/* Araç şeridi — kapakla aynı kontrol taban çizgisi. */
.vg-arac[b-q9627mgmtm] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.vg-arac__alan[b-q9627mgmtm] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.vg-arac__alan--dar[b-q9627mgmtm] {
  flex: 0 1 132px;
  max-width: 150px;
}

.vg-arac__dugme[b-q9627mgmtm] {
  flex: 0 0 auto;
}

/* ── Bölüm kartı ── */
.vg-bolum[b-q9627mgmtm] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vg-bolum[b-q9627mgmtm]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vg-bolum--engel[b-q9627mgmtm]::before {
  background: linear-gradient(94deg, var(--red-600) 0%, var(--red-500) 100%);
}

.vg-bolum--uyari[b-q9627mgmtm]::before {
  background: linear-gradient(94deg, var(--amber-500) 0%, var(--basari) 100%);
}

.vg-bolum__baslik[b-q9627mgmtm] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.vg-bolum__baslik[b-q9627mgmtm]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vg-bolum--engel .vg-bolum__baslik[b-q9627mgmtm]::before {
  background: var(--red-600);
}

.vg-bolum--uyari .vg-bolum__baslik[b-q9627mgmtm]::before {
  background: var(--amber-500);
}

/* GraphEditor tuvali (paylaşılan Ui bileşeni) — yalnız yüzey uyumu. */
.vg-bolum[b-q9627mgmtm]  .ge {
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  max-height: min(540px, 60dvh);
}

.vg-ipucu[b-q9627mgmtm] {
  margin: 12px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.vg-ipucu--uyari[b-q9627mgmtm] {
  color: var(--metin-ikincil);
}

.vg-liste[b-q9627mgmtm] {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--metin-ikincil);
  font-size: 12.8px;
  line-height: 1.45;
}

.vg-liste--engel[b-q9627mgmtm] {
  margin-top: 12px;
  color: var(--red-600);
  font-weight: 600;
}

/* ── Bölüm sekmeleri ── */
.vg-sekmeler[b-q9627mgmtm] {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.vg-sekme[b-q9627mgmtm] {
  --vg-sekme-vurgu: var(--marka-600);
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--kose-dugme);
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.vg-sekme:nth-child(2)[b-q9627mgmtm] {
  --vg-sekme-vurgu: var(--marka-rampa-orta);
}

.vg-sekme:nth-child(3)[b-q9627mgmtm] {
  --vg-sekme-vurgu: var(--marka-rampa-uc);
}

.vg-sekme:hover[b-q9627mgmtm] {
  background: color-mix(in srgb, var(--vg-sekme-vurgu) 14%, var(--yuzey));
  color: var(--vg-sekme-vurgu);
}

.vg-sekme[aria-selected="true"][b-q9627mgmtm],
.vg-sekme[aria-selected="true"]:hover[b-q9627mgmtm] {
  background: var(--vg-sekme-vurgu);
  color: var(--on-brand);
}

.vg-sekme:focus-visible[b-q9627mgmtm] {
  outline: 2px solid var(--vg-sekme-vurgu);
  outline-offset: 2px;
}

/* ── Yan panel gövdesi ── */
.vg-panel[b-q9627mgmtm] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vg-panel:focus-visible[b-q9627mgmtm] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vg-panel__baslik[b-q9627mgmtm] {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
  color: var(--metin-murekkep);
}

.vg-panel__alt-baslik[b-q9627mgmtm] {
  margin: 4px 0 0;
  font: 700 12.5px/1.4 var(--font-body);
  color: var(--metin-ikincil);
}

.vg-panel .vg-ipucu[b-q9627mgmtm] {
  margin: 0;
}

.vg-panel__eylem[b-q9627mgmtm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

.vg-is[b-q9627mgmtm] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--hat-kart);
}

/* Son doğrulama özeti */
.vg-sonuc[b-q9627mgmtm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey-alt);
  font-size: 12.5px;
  color: var(--metin-ikincil);
}

.vg-sonuc--gecerli[b-q9627mgmtm] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
}

.vg-sonuc--gecersiz[b-q9627mgmtm] {
  border-color: color-mix(in srgb, var(--red-600) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
}

.vg-sonuc-metin[b-q9627mgmtm] {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.vg-sonuc-metin--gecerli[b-q9627mgmtm] {
  color: var(--basari-metin);
}

.vg-sonuc-metin--gecersiz[b-q9627mgmtm] {
  color: var(--red-600);
}

/* ── Bağlantı tablosu ── */
.vg-tablo-kap[b-q9627mgmtm] {
  min-width: 0;
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
}

.vg-tablo[b-q9627mgmtm] {
  width: 100%;
  border-collapse: collapse;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

.vg-tablo thead[b-q9627mgmtm] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--marka-rampa-serit);
}

.vg-tablo thead th[b-q9627mgmtm] {
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  text-align: left;
  padding: 10px 13px;
  white-space: nowrap;
}

.vg-tablo tbody th[b-q9627mgmtm],
.vg-tablo tbody td[b-q9627mgmtm] {
  padding: 10px 13px;
  border-bottom: 1px solid var(--hat-kart);
  text-align: left;
  font-weight: 400;
  overflow-wrap: anywhere;
}

.vg-tablo tbody th[b-q9627mgmtm] {
  position: sticky;
  left: 0;
  background: var(--yuzey);
  font-weight: 600;
}

.vg-tablo tbody tr:nth-child(even) th[b-q9627mgmtm],
.vg-tablo tbody tr:nth-child(even) td[b-q9627mgmtm] {
  background: var(--yuzey-alt);
}

.vg-tablo tbody tr:last-child th[b-q9627mgmtm],
.vg-tablo tbody tr:last-child td[b-q9627mgmtm] {
  border-bottom: 0;
}

.vg-tablo__eylem[b-q9627mgmtm] {
  width: 1%;
  white-space: nowrap;
}

.vg-kosul[b-q9627mgmtm] {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 3px 8px 8px 8px;
  background: var(--yuzey-alt);
  border: 1px solid var(--hat-girdi);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--metin-ikincil);
  white-space: nowrap;
}

.vg-kosul--correct[b-q9627mgmtm] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--basari-metin);
}

.vg-kosul--incorrect[b-q9627mgmtm] {
  border-color: color-mix(in srgb, var(--red-600) 35%, var(--hat-girdi));
  background: color-mix(in srgb, var(--red-600) 8%, var(--yuzey));
  color: var(--red-600);
}

.vg-gizli[b-q9627mgmtm] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Form kontrolleri (App* bileşenleri) ──
   AppField.razor.css `.app-field ::deep .app-input` ile 46 px / cam yüzey yazar ve derlenmiş
   paket içinde sayfa CSS'inden SONRA gelir. Eşit ağırlıkta (0,3,0) o kazanırdı; bu yüzden
   buradaki kurallar `.app-field` ara adımıyla (0,4,0) — sıradan bağımsız olarak üste çıkar. */
.vg-vitrin[b-q9627mgmtm]  .app-field {
  min-width: 0;
}

.vg-vitrin[b-q9627mgmtm]  .app-field__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--metin-ikincil);
}

.vg-vitrin[b-q9627mgmtm]  .app-field .app-input {
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow: none;
}

.vg-vitrin[b-q9627mgmtm]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* AppField'in kendi `:focus-visible` kuralı (0,4,0) — burada (0,5,0) gerekiyor. */
.vg-vitrin[b-q9627mgmtm]  .app-field .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Görünür popup (native dialog) ── */
.vg-pencere[b-q9627mgmtm] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.vg-pencere[open][b-q9627mgmtm] {
  display: flex;
  flex-direction: column;
}

.vg-pencere[b-q9627mgmtm]::backdrop {
  background: var(--scrim);
}

.vg-pencere__bas[b-q9627mgmtm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.vg-pencere__bas h2[b-q9627mgmtm] {
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.vg-pencere__kapat[b-q9627mgmtm] {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.vg-pencere__govde[b-q9627mgmtm] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.vg-pencere__govde p[b-q9627mgmtm] {
  margin: 0;
}

.vg-pencere__eylem[b-q9627mgmtm] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vg-kapak[b-q9627mgmtm] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri metin"
      "eylem eylem";
    padding: 16px;
  }

  .vg-kapak[b-q9627mgmtm]  .vg-geri {
    width: 44px;
    height: 44px;
  }

  .vg-kapak__eylem[b-q9627mgmtm] {
    justify-self: stretch;
    justify-content: flex-start;
  }

  .vg-layout[b-q9627mgmtm] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vg-side[b-q9627mgmtm] {
    position: static;
  }

  .vg-sekmeler[b-q9627mgmtm] {
    flex-wrap: nowrap;
  }

  .vg-vitrin .au-btn[b-q9627mgmtm],
  .vg-sekme[b-q9627mgmtm] {
    min-height: 44px;
  }

  .vg-vitrin .au-btn[b-q9627mgmtm] {
    height: 44px;
  }

  .vg-baslik-duzenle[b-q9627mgmtm] {
    height: 44px;
    min-height: 44px;
  }

  .vg-vitrin[b-q9627mgmtm]  .app-field .app-input {
    height: 44px;
    min-height: 44px;
  }

  .vg-arac__alan[b-q9627mgmtm],
  .vg-arac__alan--dar[b-q9627mgmtm] {
    flex: 1 1 176px;
    max-width: none;
  }
}

@media (pointer: coarse) {
  .vg-vitrin[b-q9627mgmtm]  .app-field .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vg-kapak[b-q9627mgmtm] {
    gap: 8px;
    padding: 12px;
  }

  .vg-kapak .au-title[b-q9627mgmtm] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vg-kapak__eylem > .au-btn[b-q9627mgmtm] {
    flex: 1 1 120px;
  }

  .vg-bolum[b-q9627mgmtm],
  .vg-panel[b-q9627mgmtm] {
    padding: 16px 12px;
  }

  .vg-bolum__baslik[b-q9627mgmtm],
  .vg-panel__baslik[b-q9627mgmtm] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vg-arac[b-q9627mgmtm] {
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
  }

  .vg-arac__alan[b-q9627mgmtm],
  .vg-arac__alan--dar[b-q9627mgmtm] {
    flex: 1 1 auto;
  }

  .vg-liste[b-q9627mgmtm],
  .vg-tablo[b-q9627mgmtm] {
    font-size: var(--yazi-govde, 13px);
  }

  .vg-ipucu[b-q9627mgmtm],
  .vg-sonuc[b-q9627mgmtm] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vg-rozet[b-q9627mgmtm],
  .vg-kosul[b-q9627mgmtm] {
    font-size: var(--yazi-etiket, 11px);
  }

  .vg-pencere[b-q9627mgmtm] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .vg-pencere__bas[b-q9627mgmtm],
  .vg-pencere__govde[b-q9627mgmtm],
  .vg-pencere__eylem[b-q9627mgmtm] {
    padding: 12px;
  }

  .vg-pencere__eylem > .au-btn[b-q9627mgmtm] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Video/VideoScriptIsler.razor.rz.scp.css */
/* Video senaryo üretim işleri — Akademik Analiz kapak/kart/tablo/popup ölçülerinin sayfa-scoped
   uyarlaması. Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 px + h1 23/700, bölüm kartı 18 px + 5 px şerit, tablo başlığı
   --marka-rampa-serit 11.5/700 büyük harf .07em, hücre 10 × 13 px, gövde 13 px).
   Cihaz bantları docs/mobil/YENI-DIL.md §1.1 metinleriyle birebir.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır → burada global tokenlar. */

.au-page.vi-vitrin[b-4nb1pgeoh1] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + eylemler tek beyaz yüzeyde ── */
.vi-vitrin .vi-kapak[b-4nb1pgeoh1] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: end;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vi-vitrin .vi-kapak__geri[b-4nb1pgeoh1] {
  grid-column: 1;
  min-width: 0;
  align-self: center;
}

.vi-vitrin .vi-kapak__geri[b-4nb1pgeoh1]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
  border-color: var(--hat-girdi);
}

.vi-vitrin .vi-kapak__geri[b-4nb1pgeoh1]  .au-breadcrumb:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vi-vitrin .vi-kapak__baslik[b-4nb1pgeoh1] {
  grid-column: 2;
  min-width: 0;
  align-self: center;
}

.vi-vitrin .vi-kapak .au-title[b-4nb1pgeoh1] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vi-vitrin .vi-kapak__alt[b-4nb1pgeoh1] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapak içinde ikinci kart oluşturmaz ── */
.vi-vitrin .vi-suzgec[b-4nb1pgeoh1] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.vi-vitrin .vi-suzgec > *[b-4nb1pgeoh1] {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.vi-vitrin .vi-suzgec[b-4nb1pgeoh1]  .app-field__label {
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ikincil);
}

.vi-vitrin .vi-suzgec[b-4nb1pgeoh1]  .app-input {
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 500 13px/1 var(--font-body);
  letter-spacing: 0;
}

.vi-vitrin .vi-suzgec[b-4nb1pgeoh1]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Kapak eylemleri ── */
.vi-vitrin .vi-kapak__eylem[b-4nb1pgeoh1] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.vi-vitrin .vi-dugme[b-4nb1pgeoh1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.vi-vitrin .vi-dugme:hover:not(:disabled)[b-4nb1pgeoh1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vi-vitrin .vi-dugme--ana[b-4nb1pgeoh1] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vi-vitrin .vi-dugme--ana:hover:not(:disabled)[b-4nb1pgeoh1] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vi-vitrin .vi-dugme:disabled[b-4nb1pgeoh1] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vi-vitrin .vi-dugme:focus-visible[b-4nb1pgeoh1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Canlı rozeti (akıllı polling açıkken) ── */
.vi-vitrin .vi-canli[b-4nb1pgeoh1] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--turkuaz-500) 10%, var(--yuzey));
  color: var(--marka-rampa-uc);
  font: 600 12.5px/1 var(--font-body);
}

.vi-vitrin .vi-canli__nokta[b-4nb1pgeoh1] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--marka-rampa-uc);
  animation: viNabiz-b-4nb1pgeoh1 1.4s ease-in-out infinite;
}

@keyframes viNabiz-b-4nb1pgeoh1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

/* ── Bilgi şeridi (süzgecin kapsamı) ── */
.vi-vitrin .vi-not[b-4nb1pgeoh1] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-left: 3px solid var(--marka-500);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.55;
}

.vi-vitrin .vi-not svg[b-4nb1pgeoh1] {
  flex: 0 0 16px;
  margin-top: 2px;
}

/* ── Bölüm kartı: 18 px dolgu, 5 px marka şeridi ── */
.vi-vitrin .vi-kart[b-4nb1pgeoh1] {
  position: relative;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vi-vitrin .vi-kart[b-4nb1pgeoh1]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.vi-vitrin .vi-bolum__baslik[b-4nb1pgeoh1] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.vi-vitrin .vi-bolum__baslik[b-4nb1pgeoh1]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vi-vitrin .vi-bos[b-4nb1pgeoh1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vi-vitrin .vi-bos p[b-4nb1pgeoh1] {
  margin: 0;
  line-height: 1.6;
}

.vi-vitrin .vi-bos-metin[b-4nb1pgeoh1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--metin-ipucu);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Tablo: kendi alanında kayar, başlık üstte sabit ── */
.vi-vitrin .vi-tablo-kap[b-4nb1pgeoh1] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 3px 10px 10px 10px;
}

.vi-vitrin .vi-tablo[b-4nb1pgeoh1] {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
}

.vi-vitrin .vi-tablo thead[b-4nb1pgeoh1] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.vi-vitrin .vi-tablo thead th[b-4nb1pgeoh1] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

.vi-vitrin .vi-tablo tbody td[b-4nb1pgeoh1] {
  padding: 10px 13px;
  border-bottom: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  color: var(--metin-murekkep);
  font-size: 13px;
  vertical-align: middle;
}

.vi-vitrin .vi-tablo tbody tr:nth-child(even) td[b-4nb1pgeoh1] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vi-vitrin .vi-satir:hover td[b-4nb1pgeoh1],
.vi-vitrin .vi-satir:focus-within td[b-4nb1pgeoh1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vi-vitrin .vi-item__type[b-4nb1pgeoh1] {
  display: block;
  color: var(--metin-murekkep);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.vi-vitrin .vi-satir__alt[b-4nb1pgeoh1] {
  display: block;
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.vi-vitrin .vi-soluk[b-4nb1pgeoh1] {
  color: var(--metin-ikincil);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ── Durum rozeti ── */
.vi-vitrin .vi-durum[b-4nb1pgeoh1] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font: 600 12px/1.4 var(--font-body);
  white-space: nowrap;
}

.vi-vitrin .vi-durum[b-4nb1pgeoh1]::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.vi-vitrin .vi-durum.is-tamam[b-4nb1pgeoh1] {
  border-color: color-mix(in srgb, var(--basari) 55%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 14%, var(--yuzey));
  color: color-mix(in srgb, var(--marka-rampa-uc) 78%, var(--metin-murekkep));
}

.vi-vitrin .vi-durum.is-isleniyor[b-4nb1pgeoh1] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-rampa-uc);
}

.vi-vitrin .vi-durum.is-hata[b-4nb1pgeoh1] {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--hat-girdi));
  background: color-mix(in srgb, var(--danger) 8%, var(--yuzey));
  color: var(--danger-metin);
}

/* ── Satır eylemleri ── */
.vi-vitrin .vi-eylem-hucre[b-4nb1pgeoh1] {
  white-space: nowrap;
}

.vi-vitrin .vi-satir-dugme[b-4nb1pgeoh1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-left: 8px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

.vi-vitrin .vi-satir-dugme:first-child[b-4nb1pgeoh1] {
  margin-left: 0;
}

.vi-vitrin .vi-satir-dugme--ana[b-4nb1pgeoh1] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vi-vitrin .vi-satir-dugme:hover[b-4nb1pgeoh1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vi-vitrin .vi-satir-dugme--ana:hover[b-4nb1pgeoh1] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vi-vitrin .vi-satir-dugme:focus-visible[b-4nb1pgeoh1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Üretim göstergesi ── */
.vi-vitrin .vi-spinner[b-4nb1pgeoh1] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid var(--hat-girdi);
  border-top-color: var(--marka-500);
  border-radius: 50%;
  animation: viSpin-b-4nb1pgeoh1 0.7s linear infinite;
}

@keyframes viSpin-b-4nb1pgeoh1 {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vi-vitrin .vi-spinner[b-4nb1pgeoh1],
  .vi-vitrin .vi-canli__nokta[b-4nb1pgeoh1] {
    animation: none;
  }

  .au-page.vi-vitrin[b-4nb1pgeoh1] {
    animation: none;
  }
}

.vi-vitrin .vi-sayfalama[b-4nb1pgeoh1] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  font-size: 12.5px;
}

.vi-vitrin .vi-gizli[b-4nb1pgeoh1] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── Görünür popup: native dialog top-layer ── */
.vi-vitrin .vi-popup[b-4nb1pgeoh1] {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.vi-vitrin .vi-popup[open][b-4nb1pgeoh1] {
  display: flex;
  flex-direction: column;
}

.vi-vitrin .vi-popup[b-4nb1pgeoh1]::backdrop {
  background: var(--scrim);
}

.vi-vitrin .vi-popup__bas[b-4nb1pgeoh1] {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-top: 5px solid var(--marka-500);
  border-image: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%) 1;
  border-bottom: 1px solid var(--hat-kart);
}

.vi-vitrin .vi-popup__bas > div[b-4nb1pgeoh1] {
  min-width: 0;
}

.vi-vitrin .vi-popup__bas h2[b-4nb1pgeoh1] {
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.vi-vitrin .vi-popup__bas h2:focus[b-4nb1pgeoh1] {
  outline: none;
}

.vi-vitrin .vi-popup__bas p[b-4nb1pgeoh1] {
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 13px;
}

.vi-vitrin .vi-popup__kapat[b-4nb1pgeoh1] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.vi-vitrin .vi-popup__kapat:hover[b-4nb1pgeoh1] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.vi-vitrin .vi-popup__kapat:focus-visible[b-4nb1pgeoh1] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vi-vitrin .vi-popup__govde[b-4nb1pgeoh1] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vi-vitrin .vi-popup__hata[b-4nb1pgeoh1] {
  margin: 0 0 14px;
  padding: 12px;
  border-left: 3px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vi-vitrin .vi-popup__eylem[b-4nb1pgeoh1] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--hat-kart);
}

.vi-vitrin .vi-olgular[b-4nb1pgeoh1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.vi-vitrin .vi-olgular > div[b-4nb1pgeoh1] {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.vi-vitrin .vi-olgular > div:nth-child(odd)[b-4nb1pgeoh1] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vi-vitrin .vi-olgular dt[b-4nb1pgeoh1] {
  color: var(--metin-ipucu);
}

.vi-vitrin .vi-olgular dd[b-4nb1pgeoh1] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

/* ── MASAÜSTÜ geniş: başlık solda, süzgeç ve eylem sağda tek satır (1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vi-vitrin .vi-kapak[b-4nb1pgeoh1] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
  }

  .vi-vitrin .vi-kapak__geri[b-4nb1pgeoh1],
  .vi-vitrin .vi-kapak__baslik[b-4nb1pgeoh1],
  .vi-vitrin .vi-suzgec[b-4nb1pgeoh1],
  .vi-vitrin .vi-kapak__eylem[b-4nb1pgeoh1] {
    grid-row: 1;
  }

  .vi-vitrin .vi-suzgec[b-4nb1pgeoh1] {
    grid-column: 3;
    justify-content: flex-end;
  }

  .vi-vitrin .vi-kapak__eylem[b-4nb1pgeoh1] {
    grid-column: 4;
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vi-vitrin .vi-kapak[b-4nb1pgeoh1] {
    padding: 16px;
  }

  .vi-vitrin .vi-dugme[b-4nb1pgeoh1],
  .vi-vitrin .vi-satir-dugme[b-4nb1pgeoh1],
  .vi-vitrin .vi-canli[b-4nb1pgeoh1] {
    min-height: 44px;
  }

  .vi-vitrin .vi-suzgec[b-4nb1pgeoh1]  .app-input {
    min-height: 44px;
    height: 44px;
    font-size: max(16px, 1rem);
  }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. Opak zemin şeridin 0% durağıyla
     (= --marka-500) aynı; --marka-600 daha koyu olduğundan sol uçta düz blok üretirdi. */
  .vi-vitrin .vi-tablo .vi-sut-1[b-4nb1pgeoh1] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--yuzey);
  }

  .vi-vitrin .vi-tablo thead .vi-sut-1[b-4nb1pgeoh1] {
    z-index: 5;
    background: var(--marka-500);
  }

  .vi-vitrin .vi-tablo tbody tr:nth-child(even) .vi-sut-1[b-4nb1pgeoh1] {
    background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vi-vitrin .vi-kapak[b-4nb1pgeoh1] {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 12px;
  }

  .vi-vitrin .vi-kapak .au-title[b-4nb1pgeoh1] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vi-vitrin .vi-kapak__alt[b-4nb1pgeoh1],
  .vi-vitrin .vi-not[b-4nb1pgeoh1] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vi-vitrin .vi-suzgec[b-4nb1pgeoh1] {
    flex-direction: column;
    align-items: stretch;
  }

  .vi-vitrin .vi-suzgec > *[b-4nb1pgeoh1] {
    max-width: none;
  }

  .vi-vitrin .vi-kapak__eylem[b-4nb1pgeoh1] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .vi-vitrin .vi-kapak__eylem .vi-dugme[b-4nb1pgeoh1] {
    flex: 1 0 auto;
  }

  .vi-vitrin .vi-kart[b-4nb1pgeoh1] {
    padding: 16px 12px;
  }

  .vi-vitrin .vi-bolum__baslik[b-4nb1pgeoh1] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vi-vitrin .vi-tablo tbody td[b-4nb1pgeoh1],
  .vi-vitrin .vi-tablo thead th[b-4nb1pgeoh1] {
    padding-inline: 8px;
  }

  .vi-vitrin .vi-eylem-hucre[b-4nb1pgeoh1] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .vi-vitrin .vi-satir-dugme[b-4nb1pgeoh1] {
    margin-left: 0;
  }

  .vi-vitrin .vi-popup[b-4nb1pgeoh1] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .vi-vitrin .vi-popup__bas[b-4nb1pgeoh1],
  .vi-vitrin .vi-popup__govde[b-4nb1pgeoh1],
  .vi-vitrin .vi-popup__eylem[b-4nb1pgeoh1] {
    padding: 12px;
  }

  .vi-vitrin .vi-olgular > div[b-4nb1pgeoh1] {
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Video/VideoScriptListe.razor.rz.scp.css */
/* Video Senaryolar — Akademik Analiz kapak/yüzey/tipografi ölçülerinin liste uyarlaması.
   Sayfa-scoped: ortak CSS'e (wwwroot/css/*) dokunulmaz. `--anv-*` / `--agv-*` yalnız analiz
   vitrinlerinde tanımlıdır → burada global tokenlar kullanılır. Yeni hex YOK. */

.vl-vitrin[b-qqwq5p90wo] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylemler tek beyaz yüzeyde (24/16/18 px, radius 3px 0 0 0) ── */
.vl-vitrin .vl-kapak[b-qqwq5p90wo] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vl-vitrin .vl-kapak__geri[b-qqwq5p90wo] {
  grid-area: geri;
  min-width: 0;
}

.vl-vitrin .vl-kapak__geri[b-qqwq5p90wo]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vl-vitrin .vl-kapak__baslik[b-qqwq5p90wo] {
  grid-area: baslik;
  min-width: 0;
}

.vl-vitrin .vl-kapak .au-title[b-qqwq5p90wo] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vl-vitrin .vl-kapak__alt[b-qqwq5p90wo] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Süzgeçler: kapağın içinde, ikinci kart yüzeyi OLUŞTURMAZ (margin/padding/border 0) ── */
.vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo] {
  grid-area: filtre;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
}

.vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo]  .app-input {
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

.vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.vl-vitrin .vl-kapak__eylem[b-qqwq5p90wo] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğme: 34 px, 12.5/600, kesik sol üst köşe ── */
.vl-vitrin .vl-dugme[b-qqwq5p90wo] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.vl-vitrin .vl-dugme:hover:not(:disabled)[b-qqwq5p90wo] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vl-vitrin .vl-dugme:disabled[b-qqwq5p90wo] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vl-vitrin .vl-dugme--ana[b-qqwq5p90wo] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vl-vitrin .vl-dugme--ana:hover:not(:disabled)[b-qqwq5p90wo] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

/* Süzgeç alanları yüklendikten sonra ipucu satırı taşımaz (yalnız "yükleniyor…" sırasında
   görünür) → flex-end alt kenarları sabit ofset olmadan hizalar. Sahte spacer YOK. */
.vl-vitrin .vl-dugme--sifirla[b-qqwq5p90wo] {
  align-self: flex-end;
}

.vl-vitrin .vl-dugme:focus-visible[b-qqwq5p90wo] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Sonuç özeti ── */
.vl-vitrin .vl-ozet[b-qqwq5p90wo] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.vl-vitrin .vl-ozet__sayi[b-qqwq5p90wo] {
  color: var(--marka-700);
  font-weight: 700;
}

.vl-vitrin .vl-ozet__ayrac[b-qqwq5p90wo] {
  color: var(--metin-ipucu);
}

/* ── Kart ızgarası ── */
.vl-vitrin .vl-izgara[b-qqwq5p90wo] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}

.vl-vitrin .vl-kart[b-qqwq5p90wo] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px 18px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  text-decoration: none;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.vl-vitrin .vl-kart[b-qqwq5p90wo]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
  opacity: 0.85;
}

.vl-vitrin .vl-kart:hover[b-qqwq5p90wo] {
  border-color: var(--marka-400);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 22px 40px -24px color-mix(in srgb, var(--marka-600) 55%, transparent);
}

.vl-vitrin .vl-kart:focus-visible[b-qqwq5p90wo] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vl-vitrin .vl-kart__bas[b-qqwq5p90wo] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.vl-vitrin .vl-baslik[b-qqwq5p90wo] {
  min-width: 0;
  color: var(--marka-700);
  font: 700 15px/1.35 var(--font-display);
  letter-spacing: -0.012em;
  overflow-wrap: anywhere;
}

.vl-vitrin .vl-konu[b-qqwq5p90wo] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vl-vitrin .vl-etiketler[b-qqwq5p90wo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: auto;
}

.vl-vitrin .vl-chip[b-qqwq5p90wo] {
  padding: 2px 9px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--radius-pill);
  color: var(--metin-ikincil);
  font-size: 11.5px;
  font-weight: 600;
}

.vl-vitrin .vl-chip--tur[b-qqwq5p90wo] {
  border-color: color-mix(in srgb, var(--marka-500) 30%, transparent);
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  color: var(--marka-600);
}

.vl-vitrin .vl-chip--ok[b-qqwq5p90wo] {
  border-color: color-mix(in srgb, var(--basari) 60%, var(--hat-girdi));
  background: color-mix(in srgb, var(--basari) 16%, var(--yuzey));
  color: var(--marka-700);
}

.vl-vitrin .vl-chip--warn[b-qqwq5p90wo] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 45%, var(--hat-girdi));
  background: color-mix(in srgb, var(--turkuaz-500) 12%, var(--yuzey));
  color: var(--marka-700);
}

.vl-vitrin .vl-meta-satiri[b-qqwq5p90wo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--hat-kart) 70%, transparent);
}

.vl-vitrin .vl-meta[b-qqwq5p90wo] {
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.vl-vitrin .vl-kart .au-status[b-qqwq5p90wo] {
  flex: 0 0 auto;
  font-size: 11.5px;
}

/* ── Yükleniyor iskeleti (kart ızgarasının kendi ölçüsünde) ── */
.vl-vitrin .vl-kart--iskelet[b-qqwq5p90wo] {
  gap: 10px;
  min-height: 132px;
  pointer-events: none;
}

.vl-vitrin .vl-iskelet[b-qqwq5p90wo] {
  display: block;
  height: 12px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--marka-500) 9%, var(--yuzey));
}

.vl-vitrin .vl-iskelet--baslik[b-qqwq5p90wo] {
  width: 62%;
  height: 16px;
}

.vl-vitrin .vl-iskelet--satir[b-qqwq5p90wo] {
  width: 100%;
}

.vl-vitrin .vl-iskelet--kisa[b-qqwq5p90wo] {
  width: 44%;
}

/* ── Boş / yetkisiz yüzeyi (bölüm kartı ölçüsü) ── */
.vl-vitrin .vl-bos[b-qqwq5p90wo] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  text-align: center;
  color: var(--metin-ikincil);
  font-size: 13px;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vl-vitrin .vl-bos__metin[b-qqwq5p90wo] {
  max-width: 46ch;
  margin: 0;
  line-height: 1.6;
}

.vl-vitrin .vl-bos__eylem[b-qqwq5p90wo] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* DataStates'in varsayılan hata/limit paneli de aynı yüzey diline gelir. */
.vl-vitrin[b-qqwq5p90wo]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
}

/* ── Sayfalama ── */
.vl-vitrin .vl-sayfalama[b-qqwq5p90wo] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 18px;
}

.vl-vitrin .vl-sayfalama__bilgi[b-qqwq5p90wo] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── Görünür popup (native top layer): başlık ve eylemler sabit, gövde kayar ── */
.vl-vitrin .vl-popup[b-qqwq5p90wo] {
  width: min(560px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.vl-vitrin .vl-popup[open][b-qqwq5p90wo] {
  display: flex;
  flex-direction: column;
}

.vl-vitrin .vl-popup[b-qqwq5p90wo]::backdrop {
  background: var(--scrim);
}

.vl-vitrin .vl-popup__bas[b-qqwq5p90wo] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.vl-vitrin .vl-popup__bas h2[b-qqwq5p90wo] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.vl-vitrin .vl-popup__bas h2:focus[b-qqwq5p90wo] {
  outline: none;
}

.vl-vitrin .vl-popup__kapat[b-qqwq5p90wo] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.vl-vitrin .vl-popup__kapat:hover:not(:disabled)[b-qqwq5p90wo] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vl-vitrin .vl-popup__kapat:focus-visible[b-qqwq5p90wo] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vl-vitrin .vl-popup__govde[b-qqwq5p90wo] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.vl-vitrin .vl-popup__aciklama[b-qqwq5p90wo] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.vl-vitrin .vl-popup__hata[b-qqwq5p90wo] {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--marka-600) 30%, var(--hat-girdi));
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-600) 6%, var(--yuzey));
  color: var(--metin-murekkep);
  font-size: 12.5px;
  line-height: 1.5;
}

.vl-vitrin .vl-popup__eylem[b-qqwq5p90wo] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ (YENI-DIL §1.1): başlık üstte, süzgeç ve eylemler ikinci satırda ── */
@media (min-width: 1280px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
  (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .vl-vitrin .vl-kapak[b-qqwq5p90wo] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas:
      "geri baslik baslik"
      "filtre filtre eylem";
  }

  .vl-vitrin .vl-kapak__eylem[b-qqwq5p90wo] {
    justify-self: end;
  }
}

/* Geniş masaüstünde (referans 1540 sınırı) başlık solda, süzgeç + eylem sağ kenara yaslı. */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .vl-vitrin .vl-kapak[b-qqwq5p90wo] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` ızgara öğesini shrink-to-fit ölçtürür; sarmalı esnek kabın
     max-content'i çocukların İÇERİK genişliğinden hesaplanır ve `.app-field`in
     `flex: 0 1 176px` tabanı sayılmaz → kap daralır, süzgeçler alt alta yığılıp
     kapağı uzatır. Kap alanı doldurur, sağa yaslama satır içinde yapılır. */
  .vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo] {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet): dokunma hedefleri ve girdi ölçüsü ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vl-vitrin .vl-kapak[b-qqwq5p90wo] {
    padding: 16px;
  }

  .vl-vitrin .vl-dugme[b-qqwq5p90wo],
  .vl-vitrin .vl-popup__kapat[b-qqwq5p90wo] {
    min-height: 44px;
  }

  .vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo]  .app-input {
    height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vl-vitrin .vl-kapak[b-qqwq5p90wo] {
    padding: 12px;
  }

  .vl-vitrin .vl-kapak .au-title[b-qqwq5p90wo] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vl-vitrin .vl-kapak__alt[b-qqwq5p90wo] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo] {
    flex-direction: column;
    align-items: stretch;
  }

  .vl-vitrin .vl-kapak__filtre[b-qqwq5p90wo]  .app-field {
    flex: 1 1 auto;
    max-width: none;
  }

  .vl-vitrin .vl-kapak__eylem .vl-dugme[b-qqwq5p90wo] {
    flex: 1 1 auto;
  }

  .vl-vitrin .vl-izgara[b-qqwq5p90wo] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vl-vitrin .vl-baslik[b-qqwq5p90wo] {
    font-size: var(--yazi-bolum, 14px);
  }

  .vl-vitrin .vl-konu[b-qqwq5p90wo] {
    font-size: var(--yazi-govde, 13px);
  }

  .vl-vitrin .vl-popup[b-qqwq5p90wo] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .vl-vitrin .vl-popup__bas[b-qqwq5p90wo],
  .vl-vitrin .vl-popup__govde[b-qqwq5p90wo],
  .vl-vitrin .vl-popup__eylem[b-qqwq5p90wo] {
    padding: 12px;
  }

  .vl-vitrin .vl-popup__eylem .vl-dugme[b-qqwq5p90wo] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Video/VideoScriptUret.razor.rz.scp.css */
/* Senaryo Üret — Akademik Analiz kapak/yüzey/tipografi ölçülerinin sihirbaz uyarlaması.
   Sayfa-scoped: ortak CSS'e (wwwroot/css/*, Components/Ui/*) dokunulmaz.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlıdır → global tokenlar kullanılır. */

.vu-vitrin[b-6os1f6jex9] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + açıklama + yan eylem tek beyaz yüzeyde (24/16/18 px, radius 3px 0 0 0) ── */
.vu-vitrin .vu-kapak[b-6os1f6jex9] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vu-vitrin .vu-kapak__geri[b-6os1f6jex9] {
  grid-area: geri;
  min-width: 0;
}

.vu-vitrin .vu-kapak__geri[b-6os1f6jex9]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vu-vitrin .vu-kapak__baslik[b-6os1f6jex9] {
  grid-area: baslik;
  min-width: 0;
}

.vu-vitrin .vu-kapak .au-title[b-6os1f6jex9] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vu-vitrin .vu-kapak__alt[b-6os1f6jex9] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.vu-vitrin .vu-kapak__eylem[b-6os1f6jex9] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* ── Düğme dili: 34 px, 12.5/600, kesik sol üst köşe (kapak + kart + boş durum) ── */
.vu-vitrin .vu-dugme[b-6os1f6jex9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.vu-vitrin .vu-dugme:hover:not(:disabled)[b-6os1f6jex9] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vu-vitrin .vu-dugme--ana[b-6os1f6jex9] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vu-vitrin .vu-dugme--ana:hover:not(:disabled)[b-6os1f6jex9] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vu-vitrin .vu-dugme:focus-visible[b-6os1f6jex9] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Bölüm yüzeyi: iş izleme kartı (radius 3px 3px 22px 22px, 18 px dolgu, 5 px marka şeridi) ── */
.vu-vitrin .vu-kart[b-6os1f6jex9] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vu-vitrin .vu-kart[b-6os1f6jex9]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.vu-vitrin .vu-kart__baslik[b-6os1f6jex9] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.vu-vitrin .vu-kart__baslik[b-6os1f6jex9]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.vu-vitrin .vu-kart__eylem[b-6os1f6jex9] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vu-vitrin .vu-aciklama[b-6os1f6jex9] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.6;
}

.vu-vitrin .vu-aciklama--ozet[b-6os1f6jex9] {
  margin-top: 10px;
}

/* Sayfadaki ikincil metinler (yükleniyor/boş durum satırları) aynı tonda kalır. */
.vu-vitrin .au-dim[b-6os1f6jex9] {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Sihirbaz: tek yüzey. Kendi `.app-wizard` kabı yeni dile getirilir (kart içinde kart YOK) ── */
.vu-vitrin .vu-sihirbaz[b-6os1f6jex9] {
  display: block;
  min-width: 0;
}

.vu-vitrin[b-6os1f6jex9]  .app-wizard {
  position: relative;
  gap: 18px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.vu-vitrin[b-6os1f6jex9]  .app-wizard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.vu-vitrin[b-6os1f6jex9]  .wiz-title {
  color: var(--marka-700);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.012em;
}

.vu-vitrin[b-6os1f6jex9]  .wiz-count {
  color: var(--metin-ipucu);
  font-size: 12px;
}

.vu-vitrin[b-6os1f6jex9]  .wiz-btn {
  height: 34px;
  padding: 0 16px;
  border-radius: var(--kose-dugme);
  font-size: 12.5px;
  font-weight: 600;
}

.vu-vitrin[b-6os1f6jex9]  .wiz-btn--ghost {
  border: 1px solid var(--hat-girdi);
  background: var(--yuzey);
  color: var(--marka-700);
}

.vu-vitrin[b-6os1f6jex9]  .wiz-btn--primary {
  background: var(--marka-600);
  box-shadow: none;
}

.vu-vitrin[b-6os1f6jex9]  .wiz-btn:not(:disabled):hover {
  transform: none;
}

.vu-vitrin[b-6os1f6jex9]  .wiz-btn--primary:not(:disabled):hover {
  background: var(--marka-500);
  box-shadow: none;
}

.vu-vitrin[b-6os1f6jex9]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vu-vitrin[b-6os1f6jex9]  .au-group-title {
  color: var(--metin-murekkep);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.012em;
}

/* ── Alan etiketi/girdi ölçüsü (referans: etiket 10/700 büyük harf, girdi 34 px / 13 px) ── */
.vu-vitrin[b-6os1f6jex9]  .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.vu-vitrin[b-6os1f6jex9]  .app-field__hint {
  color: var(--metin-ipucu);
  font-size: 11.5px;
}

.vu-vitrin[b-6os1f6jex9]  .app-input {
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
}

/* Aynı adım içinde birbirini izleyen alan grupları arasındaki nefes (eski inline stilin yerine). */
.vu-vitrin .vu-alan-araligi[b-6os1f6jex9] {
  margin-top: 12px;
}

/* Çok satırlı yönerge alanı — yükseklik içeriğe göre büyür, yalnız dikey boyutlandırma. */
.vu-vitrin .vu-yonerge[b-6os1f6jex9] {
  height: auto;
  min-height: 92px;
  padding: 10px 12px;
  line-height: 1.55;
  resize: vertical;
}

/* ── Karakter / mekan görselli kart seçici (2026-07-19) — token diline getirildi ── */
.vu-vitrin .vu-pick-hint[b-6os1f6jex9] {
  margin: 0 0 10px;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.vu-vitrin .vu-pick-grid[b-6os1f6jex9] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 10px;
}

.vu-vitrin .vu-pick-card[b-6os1f6jex9] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  cursor: pointer;
  text-align: left;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.vu-vitrin .vu-pick-card:hover:not(:disabled)[b-6os1f6jex9] {
  border-color: var(--marka-400);
  background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey));
}

.vu-vitrin .vu-pick-card:disabled[b-6os1f6jex9] {
  opacity: 0.55;
  cursor: not-allowed;
}

.vu-vitrin .vu-pick-card:focus-visible[b-6os1f6jex9] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

.vu-vitrin .vu-pick-card.is-selected[b-6os1f6jex9] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey));
}

.vu-vitrin .vu-pick-card__thumb[b-6os1f6jex9] {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--metin-ipucu);
}

.vu-vitrin .vu-pick-card__thumb img[b-6os1f6jex9] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vu-vitrin .vu-pick-card__body[b-6os1f6jex9] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.vu-vitrin .vu-pick-card__name[b-6os1f6jex9] {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-vitrin .vu-pick-card__tag[b-6os1f6jex9] {
  font-size: 11.5px;
  color: var(--metin-ipucu);
}

.vu-vitrin .vu-pick-card__check[b-6os1f6jex9] {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid var(--hat-girdi);
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
}

.vu-vitrin .vu-pick-card.is-selected .vu-pick-card__check[b-6os1f6jex9] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vu-vitrin .vu-pick-empty[b-6os1f6jex9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  box-shadow: none;
}

.vu-vitrin .vu-pick-empty p[b-6os1f6jex9] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ── Gözden geçir özeti: çok sütunlu olgu listesi, çift satır hafif tonda ── */
.vu-vitrin[b-6os1f6jex9]  .au-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2px 12px;
}

.vu-vitrin[b-6os1f6jex9]  .au-summary > span {
  padding: 9px 10px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.5;
}

.vu-vitrin[b-6os1f6jex9]  .au-summary > span:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.vu-vitrin[b-6os1f6jex9]  .au-summary b {
  color: var(--metin-murekkep);
}

/* ── MASAÜSTÜ (YENI-DIL §1.1): başlık solda, yan eylem sağ kenarda ── */
@media (min-width: 1280px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: hover),
  (min-width: 1024px) and (max-width: 1279px) and (pointer: fine) {
  .vu-vitrin .vu-kapak[b-6os1f6jex9] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik eylem";
  }

  .vu-vitrin .vu-kapak__eylem[b-6os1f6jex9] {
    justify-self: end;
  }
}

/* ── CİHAZ (telefon ∪ tablet): dokunma hedefi 44, girdi 16 px ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vu-vitrin .vu-kapak[b-6os1f6jex9] {
    padding: 16px;
  }

  .vu-vitrin .vu-dugme[b-6os1f6jex9] {
    min-height: 44px;
  }

  .vu-vitrin[b-6os1f6jex9]  .wiz-btn {
    height: 44px;
  }

  .vu-vitrin[b-6os1f6jex9]  .app-input {
    height: 44px;
    font-size: max(16px, 1rem);
  }

  .vu-vitrin .vu-yonerge[b-6os1f6jex9] {
    height: auto;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vu-vitrin .vu-kapak[b-6os1f6jex9] {
    padding: 12px;
  }

  .vu-vitrin .vu-kapak .au-title[b-6os1f6jex9] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vu-vitrin .vu-kapak__alt[b-6os1f6jex9] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .vu-vitrin .vu-kapak__eylem .vu-dugme[b-6os1f6jex9] {
    flex: 1 1 auto;
  }

  .vu-vitrin .vu-kart[b-6os1f6jex9],
  .vu-vitrin[b-6os1f6jex9]  .app-wizard {
    padding: 16px 12px;
  }

  .vu-vitrin .vu-kart__baslik[b-6os1f6jex9],
  .vu-vitrin[b-6os1f6jex9]  .wiz-title,
  .vu-vitrin[b-6os1f6jex9]  .au-group-title {
    font-size: var(--yazi-bolum, 14px);
  }

  .vu-vitrin .vu-pick-grid[b-6os1f6jex9] {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-vitrin .vu-pick-empty .vu-dugme[b-6os1f6jex9] {
    flex: 1 1 auto;
  }

  .vu-vitrin[b-6os1f6jex9]  .au-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* _content/EduLive.Web/Components/Pages/Video/VideoStudyoHub.razor.rz.scp.css */
/* Video Stüdyo hub'ı — Akademik Analiz kapak/tipografi ölçüleri, sayfa-scoped.
   Kart dili ortak `hub-vitrin.css`ten gelir; burada yalnız kapak vardır.
   `--anv-*` / `--agv-*` yalnız analiz vitrinlerinde tanımlı → global tokenlar kullanılır. */

.vh-vitrin[b-f941c4yrv0] {
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + ana eylem aynı beyaz yüzeyde (referans: 24/16/18 px, radius 3px 0 0 0) ── */
.vh-vitrin .vh-kapak[b-f941c4yrv0] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.vh-vitrin .vh-kapak__geri[b-f941c4yrv0] {
  grid-area: geri;
  min-width: 0;
}

.vh-vitrin .vh-kapak__geri[b-f941c4yrv0]  .au-breadcrumb {
  margin: 0;
  color: var(--metin-ikincil);
}

.vh-vitrin .vh-kapak__baslik[b-f941c4yrv0] {
  grid-area: baslik;
  min-width: 0;
}

.vh-vitrin .vh-kapak .au-title[b-f941c4yrv0] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.vh-vitrin .vh-kapak__alt[b-f941c4yrv0] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.vh-vitrin .vh-kapak__eylem[b-f941c4yrv0] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Kapak düğmesi: 34 px, 12.5/600, kesik sol üst köşe ── */
.vh-vitrin .vh-dugme[b-f941c4yrv0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.vh-vitrin .vh-dugme:hover[b-f941c4yrv0] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.vh-vitrin .vh-dugme--ana[b-f941c4yrv0] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.vh-vitrin .vh-dugme--ana:hover[b-f941c4yrv0] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.vh-vitrin .vh-dugme:focus-visible[b-f941c4yrv0] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── CİHAZ (telefon ∪ tablet): eylem başlığın altına iner (YENI-DIL §7) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .vh-vitrin .vh-kapak[b-f941c4yrv0] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .vh-vitrin .vh-kapak__eylem[b-f941c4yrv0] {
    justify-self: stretch;
  }

  .vh-vitrin .vh-dugme[b-f941c4yrv0] {
    min-height: 44px;
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .vh-vitrin .vh-kapak[b-f941c4yrv0] {
    padding: 12px;
  }

  .vh-vitrin .vh-kapak .au-title[b-f941c4yrv0] {
    font-size: var(--yazi-kapak, 20px);
  }

  .vh-vitrin .vh-kapak__alt[b-f941c4yrv0] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Yükseklik CİHAZ bloğundaki 44 px dokunma hedefinde KALIR (telefon da dokunmatiktir);
     burada yalnız genişlik davranışı değişir. */
  .vh-vitrin .vh-dugme[b-f941c4yrv0] {
    flex: 1 1 auto;
  }
}
/* _content/EduLive.Web/Components/Pages/Wallet/CostReports.razor.rz.scp.css */
/* AI Maliyet Raporları — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 23 px başlık + 16/24/18 px dolgu, kontrol 34 px, tablo başlığı --marka-rampa-serit.
   Yeni hex YOK — hepsi mevcut token. !important YOK, sahte spacer YOK.
   `::deep` kullanılır: kapak/tablo bileşenin kendi markup'ında, ancak DataStates ve
   AppChipGroup çocuk bileşen çıktısıdır; tek biçim iki durumu da kapsar
   (onaylı referans: Admin/OrgUnits/OrgUnitTypes.razor.css). */

.wcr-vitrin[b-yjxjumswfr] {
  padding-top: 0; /* gezinme–kapak aralığı kapak marjıyla verilir, birikme yok */
}

/* ── Kapak: başlık + filtre + eylem tek beyaz yüzeyde ──────────── */
.wcr-vitrin[b-yjxjumswfr]  .wcr-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kapak__geri { grid-area: geri; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-kapak__metin { grid-area: baslik; min-width: 0; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-kapak__eylem { grid-area: eylem; }

.wcr-vitrin[b-yjxjumswfr]  .wcr-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-alt {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
  max-width: 88ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-alt b { color: var(--metin-ikincil); font-variant-numeric: tabular-nums; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-alt__not { color: var(--n-400); }

/* ── Üst bilgi şeridi: tek birleşik yüzey, sürekli marka rampası ─
   Referansın altı ayrı KPI renk token'ı (--agv-kpi-etiket-*) YALNIZ
   `.analiz-genel-vitrin` kapsamında tanımlıdır; buraya miras gelmez ve yeni
   palet uydurmak yasaktır. Bunun yerine onaylı `--marka-rampa-serit` TEK
   rampa olarak altı bant arasında dilimlenir: background-size 600% + her
   hücrede %20'lik konum kayması → lacivert → petrol geçişi bozulmadan sürer. */
.wcr-vitrin[b-yjxjumswfr]  .wcr-ozet { display: block; margin-bottom: 16px; }

.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi-serit {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 0 0 15px;
  border-right: 1px solid var(--hat-kart);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:last-child { border-right: 0; }

.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi__bant {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 7px;
  padding: 0 16px;
  background-image: var(--marka-rampa-serit);
  background-size: 600% 100%;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(1) .wcr-kpi__bant { background-position: 0% 0; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(2) .wcr-kpi__bant { background-position: 20% 0; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(3) .wcr-kpi__bant { background-position: 40% 0; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(4) .wcr-kpi__bant { background-position: 60% 0; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(5) .wcr-kpi__bant { background-position: 80% 0; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(6) .wcr-kpi__bant { background-position: 100% 0; }

.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi__deger {
  padding: 0 16px;
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kpi__alt {
  padding: 0 16px;
  color: var(--n-500);
  font-size: 11.5px;
  line-height: 1.4;
}

/* ── Bölüm sekmeleri ────────────────────────────────────────────
   İki bölüm var; vurgu tonları mevcut global token'lardan (lacivert → petrol). */
.wcr-vitrin[b-yjxjumswfr]  .wcr-sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-sekme {
  --wcr-sekme-vurgu: var(--marka-600);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-sekme:nth-child(2) { --wcr-sekme-vurgu: var(--marka-rampa-uc); }

.wcr-vitrin[b-yjxjumswfr]  .wcr-sekme:hover {
  background: color-mix(in srgb, var(--wcr-sekme-vurgu) 14%, var(--yuzey));
  color: var(--wcr-sekme-vurgu);
}

/* Seçili sekme hover'da da koyu kalır. */
.wcr-vitrin[b-yjxjumswfr]  .wcr-sekme[aria-selected="true"],
.wcr-vitrin[b-yjxjumswfr]  .wcr-sekme[aria-selected="true"]:hover {
  background: var(--wcr-sekme-vurgu);
  color: var(--on-brand);
}

.wcr-vitrin[b-yjxjumswfr]  :is(.wcr-sekme, .wcr-panel):focus-visible {
  outline: 2px solid var(--wcr-sekme-vurgu, var(--marka-600));
  outline-offset: 2px;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-panel { min-width: 0; }

/* ── Bilinen kısıt bandı + boş metin ────────────────────────────── */
.wcr-vitrin[b-yjxjumswfr]  .wcr-uyari {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.6;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-uyari svg {
  flex: 0 0 16px;
  margin-top: 2px;
  color: var(--marka-rampa-uc);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-bos-metin {
  margin: 0;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-popup-not {
  margin: 14px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Düğme taban çizgisi (kapak ve kart ortak) ─────────────────── */
.wcr-vitrin[b-yjxjumswfr]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.wcr-vitrin[b-yjxjumswfr]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.wcr-vitrin[b-yjxjumswfr]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.wcr-vitrin[b-yjxjumswfr]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
}

.wcr-vitrin[b-yjxjumswfr]  .au-btn:disabled { opacity: .55; cursor: not-allowed; }

.wcr-vitrin[b-yjxjumswfr]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* ── Kart: üst marka şeridi + bölüm başlığı üçgeni ─────────────── */
.wcr-vitrin[b-yjxjumswfr]  :is(.wcr-kart, .ds-panel) {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.wcr-vitrin[b-yjxjumswfr]  :is(.wcr-kart, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kart-bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-bolum-bas {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-bolum-bas::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-ozet-metin {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.wcr-vitrin[b-yjxjumswfr]  .wcr-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: `cihaz.css` telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` genel siperini yazar.
   Tablo kendi kabında kaydığı için o siper burada sticky thead'i bozar ve ikinci bir
   yatay kaydırıcı açar (onaylı referans aynı sıfırlamayı yapar: OrgUnitTypes.razor.css). */
.wcr-vitrin[b-yjxjumswfr]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.wcr-vitrin[b-yjxjumswfr]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.wcr-vitrin[b-yjxjumswfr]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.wcr-vitrin[b-yjxjumswfr]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.wcr-vitrin[b-yjxjumswfr]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wcr-vitrin[b-yjxjumswfr]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-tarih {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-sayi {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.wcr-vitrin[b-yjxjumswfr]  .au-result-table .au-dim { color: var(--n-500); }

.wcr-vitrin[b-yjxjumswfr]  .wcr-satir-eylem {
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}

.wcr-vitrin[b-yjxjumswfr]  .au-result-table :is(th, td):last-child { width: 1%; }

/* ── Görünür popup: native dialog, top-layer ───────────────────── */
.wcr-vitrin[b-yjxjumswfr]  .wcr-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-popup[open] { display: flex; flex-direction: column; }
.wcr-vitrin[b-yjxjumswfr]  .wcr-popup::backdrop { background: var(--scrim); }

/* Başlık ve eylemler sabit kalır; yalnız gövde kayar. */
.wcr-vitrin[b-yjxjumswfr]  .wcr-popup-bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-popup-bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-popup-bas h2:focus { outline: none; }

.wcr-vitrin[b-yjxjumswfr]  .wcr-popup-kapat {
  flex: 0 0 auto;
  padding-inline: 12px;
  font-size: 20px;
  line-height: 1;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-popup-govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-bilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-bilgi > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-bilgi > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-bilgi dt { color: var(--n-500); }

.wcr-vitrin[b-yjxjumswfr]  .wcr-bilgi dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-kimlik {
  color: var(--marka-700);
  font-size: 12px;
  unicode-bidi: isolate;
}

.wcr-vitrin[b-yjxjumswfr]  .wcr-popup-eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.wcr-vitrin[b-yjxjumswfr]  :is(.au-btn, .wcr-tablo-kaydir):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ GENİŞ: başlık solda, filtre ve eylem sağ kenarda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik . eylem";
  }

}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md kırılımları ────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kapak { padding: 16px; }

  .wcr-vitrin[b-yjxjumswfr]  :is(.au-btn, .au-btn--sm) { min-height: 44px; }

  /* Altı bant tek satıra sığmaz — üç sütuna iner, rampa dilimleri korunur. */
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(3n) { border-right: 0; }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(-n + 3) { border-bottom: 1px solid var(--hat-kart); }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi__deger { font-size: 22px; }

  /* Sekmeler tek yatay kaydırılabilir şerit; etkin sekme JS ile görünür tutulur. */
  .wcr-vitrin[b-yjxjumswfr]  .wcr-sekmeler {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-sekme { flex: 0 0 auto; min-height: 44px; }

  /* İlk anlamlı sütun (Tarih) yatay kaydırmada yapışık kalır. */
  .wcr-vitrin[b-yjxjumswfr]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .wcr-vitrin[b-yjxjumswfr]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kapak {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "eylem";
    padding: 12px;
    gap: 12px;
  }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-kapak .au-title { font-size: var(--yazi-kapak, 20px); }

  /* Eylemler başlığın altında, içerik genişliğinde. */
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kapak__eylem { width: 100%; }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kapak__eylem .au-btn { flex: 1 1 auto; }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-kart { padding: 16px 12px; }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-bolum-bas { font-size: var(--yazi-bolum, 14px); }

  /* Telefonda iki sütun: değer okunur kalsın, bant metni kırpılmasın. */
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(3n) { border-right: 1px solid var(--hat-kart); }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(2n) { border-right: 0; }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi:nth-child(-n + 4) { border-bottom: 1px solid var(--hat-kart); }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi__deger { font-size: var(--yazi-kapak, 20px); }
  .wcr-vitrin[b-yjxjumswfr]  .wcr-kpi__bant { font-size: var(--yazi-etiket, 11px); }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-kart-bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-tablo-kaydir { max-height: min(460px, 62dvh); }

  .wcr-vitrin[b-yjxjumswfr]  .au-result-table { min-width: 820px; }
  .wcr-vitrin[b-yjxjumswfr]  .au-result-table :is(th, td) { padding: 10px; }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .wcr-vitrin[b-yjxjumswfr]  :is(.wcr-popup-bas, .wcr-popup-govde, .wcr-popup-eylem) { padding: 12px; }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-popup-kapat {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
  }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-popup-eylem .au-btn { flex: 1 1 auto; }

  .wcr-vitrin[b-yjxjumswfr]  .wcr-bilgi > div {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Wallet/CreditAdjustmentWizard.razor.rz.scp.css */
/* Kredi düzeltme sihirbazı — Akademik Analiz görsel dili
   (docs/tasarim/edulive-web-tasarim). 2026-09-20 FN-03: eski cam tokenları
   (--glass, --glass-border, --radius, --brand) bırakıldı; onaylı tokenlar kullanılıyor.
   Kapsanmış (scoped) CSS; Components/Ui ve wwwroot/css/*.css DEĞİŞTİRİLMEDİ. */

.au-page.caw-vitrin[b-g1rgyplxzf] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + bağlam özeti tek beyaz yüzeyde (23 px başlık) ────────── */
.caw-kapak[b-g1rgyplxzf] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.caw-kapak[b-g1rgyplxzf]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.caw-kapak[b-g1rgyplxzf]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.caw-baslik[b-g1rgyplxzf] {
  grid-area: baslik;
  min-width: 0;
}

.caw-baslik .au-title[b-g1rgyplxzf] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.caw-ozet[b-g1rgyplxzf] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

/* ── Bölüm kartı ─────────────────────────────────────────────────────────── */
.caw-kart[b-g1rgyplxzf] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.caw-kart[b-g1rgyplxzf]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.caw-bolum-baslik[b-g1rgyplxzf] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.caw-bolum-baslik[b-g1rgyplxzf]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Yetki / modül kapalı durumu: kartın kendisi mesajı taşır. */
.caw-kapali[b-g1rgyplxzf] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--metin-ikincil);
  font-size: 13.5px;
  line-height: 1.6;
}

.caw-kapali svg[b-g1rgyplxzf] {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--marka-600);
}

.caw-ust-uyari[b-g1rgyplxzf] {
  margin-bottom: 16px;
}

.caw-etki[b-g1rgyplxzf],
.caw-adim-hata[b-g1rgyplxzf] {
  margin-top: 12px;
  margin-bottom: 0;
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.caw-kart[b-g1rgyplxzf]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.caw-kart[b-g1rgyplxzf]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.caw-kart[b-g1rgyplxzf]  .ds-desc { font-size: 13px; color: var(--n-500); }

/* ── Düğmeler ───────────────────────────────────────────────────────────── */
.caw-vitrin .au-btn[b-g1rgyplxzf] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.caw-vitrin .au-btn:hover:not(:disabled)[b-g1rgyplxzf] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.caw-vitrin .au-btn--primary[b-g1rgyplxzf] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.caw-vitrin .au-btn--primary:hover:not(:disabled)[b-g1rgyplxzf] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.caw-vitrin .au-btn--danger[b-g1rgyplxzf] {
  background: var(--red-600);
  border-color: var(--red-600);
  color: var(--on-brand);
}

.caw-vitrin .au-btn--danger:hover:not(:disabled)[b-g1rgyplxzf] {
  background: var(--red-500);
  border-color: var(--red-500);
}

.caw-vitrin .au-btn:disabled[b-g1rgyplxzf] {
  opacity: .5;
  cursor: not-allowed;
}

.caw-vitrin .au-btn:focus-visible[b-g1rgyplxzf] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Sihirbaz kabuğu ────────────────────────────────────────────────────── */
.caw-kart[b-g1rgyplxzf]  .wiz-kart {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.caw-kart[b-g1rgyplxzf]  .wiz-title {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.caw-kart[b-g1rgyplxzf]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

.caw-kart[b-g1rgyplxzf]  .wiz-step-ind__label {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
}

.caw-kart[b-g1rgyplxzf]  .wiz-step-ind.is-active .wiz-step-ind__label {
  color: var(--marka-700);
}

.caw-kart[b-g1rgyplxzf]  .wiz-progress__fill {
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 100%);
}

.caw-kart[b-g1rgyplxzf]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.caw-kart[b-g1rgyplxzf]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.caw-kart[b-g1rgyplxzf]  .wiz-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
  transform: none;
}

.caw-kart[b-g1rgyplxzf]  .wiz-btn--ghost:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.caw-kart[b-g1rgyplxzf]  .wiz-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.caw-kart[b-g1rgyplxzf]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Form alanları ──────────────────────────────────────────────────────── */
.caw-kart[b-g1rgyplxzf]  .app-field {
  min-width: 0;
}

.caw-kart[b-g1rgyplxzf]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.caw-kart[b-g1rgyplxzf]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.caw-kart[b-g1rgyplxzf]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.caw-kart[b-g1rgyplxzf]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── İşlem türü seçimi: kart biçiminde radyo grubu ──────────────────────── */
.caw-actions[b-g1rgyplxzf] {
  border: 0;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.caw-legend[b-g1rgyplxzf] {
  margin-bottom: 8px;
  padding: 0;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.caw-action[b-g1rgyplxzf] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "radio title"
    "radio desc";
  column-gap: 10px;
  row-gap: 2px;
  align-items: center;
  padding: 12px 14px;
  min-height: 44px; /* WCAG hedef boyutu */
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: var(--yuzey);
  cursor: pointer;
}

.caw-action input[type="radio"][b-g1rgyplxzf] {
  grid-area: radio;
  width: 18px;
  height: 18px;
  accent-color: var(--marka-600);
}

.caw-action__title[b-g1rgyplxzf] {
  grid-area: title;
  color: var(--marka-700);
  font-size: 13px;
  font-weight: 600;
}

.caw-action__desc[b-g1rgyplxzf] {
  grid-area: desc;
  color: var(--n-500);
  font-size: 12.5px;
  line-height: 1.5;
}

.caw-action__yasak[b-g1rgyplxzf] {
  color: var(--amber-600);
}

.caw-action.is-selected[b-g1rgyplxzf] {
  border-color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.caw-action.is-disabled[b-g1rgyplxzf] {
  opacity: .6;
  cursor: not-allowed;
}

.caw-action:focus-within[b-g1rgyplxzf] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Gözden geçirme özeti ───────────────────────────────────────────────── */
.caw-ozet-baslik[b-g1rgyplxzf] {
  margin: 0 0 8px;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.caw-ozet-liste[b-g1rgyplxzf] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  overflow: hidden;
}

.caw-ozet-liste > div[b-g1rgyplxzf] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  font-size: 13px;
}

.caw-ozet-liste > div:nth-child(odd)[b-g1rgyplxzf] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.caw-ozet-liste dt[b-g1rgyplxzf] {
  color: var(--n-500);
}

.caw-ozet-liste dd[b-g1rgyplxzf] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  font-weight: 600;
  text-align: end;
  overflow-wrap: anywhere;
}

.caw-dipnot[b-g1rgyplxzf] {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

/* Boş durum: anlamlı metin + eylem (sahte veri YOK). */
.caw-bos[b-g1rgyplxzf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.caw-bos p[b-g1rgyplxzf] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

/* ── Son onay popup'ı: native top layer; başlık ve eylemler sabit ─────────── */
.caw-popup[b-g1rgyplxzf] {
  width: min(520px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.caw-popup[open][b-g1rgyplxzf] {
  display: flex;
  flex-direction: column;
}

.caw-popup[b-g1rgyplxzf]::backdrop {
  background: var(--scrim);
}

.caw-popup-bas[b-g1rgyplxzf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.caw-popup-bas h2[b-g1rgyplxzf] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.caw-popup-bas h2:focus[b-g1rgyplxzf] {
  outline: none;
}

.caw-vitrin .caw-popup-kapat[b-g1rgyplxzf] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.caw-popup-govde[b-g1rgyplxzf] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.caw-popup-mesaj[b-g1rgyplxzf] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13.5px;
  line-height: 1.6;
}

.caw-popup-hata[b-g1rgyplxzf] {
  margin: 12px 0 0;
}

.caw-popup-eylem[b-g1rgyplxzf] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .caw-kapak[b-g1rgyplxzf] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .caw-kapak[b-g1rgyplxzf]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .caw-vitrin .au-btn[b-g1rgyplxzf] {
    min-height: 44px;
  }

  .caw-kart[b-g1rgyplxzf]  .wiz-btn {
    min-height: 44px;
  }

  .caw-kart[b-g1rgyplxzf]  .app-input {
    min-height: 44px;
    height: 44px;
  }
}

/* Dokunmatikte girdi punto tabanı: iOS yakınlaştırmasını engeller. */
@media (pointer: coarse) {
  .caw-kart[b-g1rgyplxzf]  .app-input {
    font-size: max(16px, 1rem);
  }

  .caw-kart[b-g1rgyplxzf]  .app-sel__opt {
    min-height: 44px;
  }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .caw-kapak[b-g1rgyplxzf] {
    padding: 12px;
    gap: 8px;
  }

  .caw-baslik .au-title[b-g1rgyplxzf] {
    font-size: var(--yazi-kapak, 20px);
  }

  .caw-ozet[b-g1rgyplxzf] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .caw-kart[b-g1rgyplxzf] {
    padding: 16px 12px;
  }

  .caw-bolum-baslik[b-g1rgyplxzf] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Form tek sütun; adım göstergesi yatay şeritte kayar. */
  .caw-kart[b-g1rgyplxzf]  .au-form-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .caw-kart[b-g1rgyplxzf]  .wiz-steps {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .caw-kart[b-g1rgyplxzf]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .caw-ozet-liste > div[b-g1rgyplxzf] {
    grid-template-columns: minmax(92px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 8px;
  }

  .caw-bos .au-btn[b-g1rgyplxzf] {
    width: 100%;
    justify-content: center;
  }

  .caw-popup[b-g1rgyplxzf] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .caw-popup-bas[b-g1rgyplxzf],
  .caw-popup-govde[b-g1rgyplxzf],
  .caw-popup-eylem[b-g1rgyplxzf] {
    padding: 12px;
  }

  .caw-popup-eylem .au-btn[b-g1rgyplxzf] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Wallet/HitlDetail.razor.rz.scp.css */
/* HITL Talep Detayı — Akademik Analiz görsel dili (2026-09-20, FN-04).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.au-page.hitd-vitrin[b-ywsr2akd16] {
  max-width: none;
  padding: 0 0 12px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.hitd-vitrin[b-ywsr2akd16]  .hitd-kapak {
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-kapak__satir {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-kapak__geri { grid-area: geri; }
.hitd-vitrin[b-ywsr2akd16]  .hitd-kapak__baslik { grid-area: baslik; min-width: 0; }
.hitd-vitrin[b-ywsr2akd16]  .hitd-eylem { grid-area: eylem; display: flex; flex-wrap: wrap; gap: 8px; }

.hitd-vitrin[b-ywsr2akd16]  .hitd-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-kapak__alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 6px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-kapak__ayrac { color: var(--metin-ipucu); }

/* ── Düğmeler ── */
.hitd-vitrin[b-ywsr2akd16]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hitd-vitrin[b-ywsr2akd16]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.hitd-vitrin[b-ywsr2akd16]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hitd-vitrin[b-ywsr2akd16]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.hitd-vitrin[b-ywsr2akd16]  .au-btn--danger {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  color: var(--red-600);
}

.hitd-vitrin[b-ywsr2akd16]  .au-btn--danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

.hitd-vitrin[b-ywsr2akd16]  .au-btn:disabled { opacity: 0.55; cursor: not-allowed; }
.hitd-vitrin[b-ywsr2akd16]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── İki sütunlu düzen ── */
.hitd-vitrin[b-ywsr2akd16]  .hitd-izgara {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-sutun { min-width: 0; }

/* ── Bölüm kartı ── */
.hitd-vitrin[b-ywsr2akd16]  .hitd-kart,
.hitd-vitrin[b-ywsr2akd16]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-kart::before,
.hitd-vitrin[b-ywsr2akd16]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bolum-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-aciklama {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-karar-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bos h3 {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bos p {
  margin: 0;
  max-width: 46ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Bilgi listesi ── */
.hitd-vitrin[b-ywsr2akd16]  .hitd-bilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bilgi > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1.6fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bilgi > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bilgi dt { margin: 0; color: var(--n-500); }

.hitd-vitrin[b-ywsr2akd16]  .hitd-bilgi dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-bilgi a { color: var(--marka-600); }

.hitd-vitrin[b-ywsr2akd16]  .hitd-sure {
  display: block;
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.hitd-vitrin[b-ywsr2akd16]  .au-banner {
  margin: 12px 0 0;
  border-radius: var(--kose-kart);
  font-size: 13px;
}

/* ── Olay çizgisi ── */
.hitd-vitrin[b-ywsr2akd16]  .hitd-zaman {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 20px;
  font-size: 13px;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-zaman li {
  display: grid;
  gap: 2px;
  color: var(--metin-ikincil);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-zaman li::marker { color: var(--marka-500); }

.hitd-vitrin[b-ywsr2akd16]  .hitd-zaman__an {
  color: var(--metin-ipucu);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* ── Görünür popup ── */
.hitd-vitrin[b-ywsr2akd16]  .hitd-popup {
  width: min(600px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup[open] { display: flex; flex-direction: column; }
.hitd-vitrin[b-ywsr2akd16]  .hitd-popup::backdrop { background: var(--scrim); }

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__bas h2:focus { outline: none; }

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__mesaj {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__govde .au-banner { margin: 0 0 12px; }

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup .app-field__label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.hitd-vitrin[b-ywsr2akd16]  .hitd-popup .app-input {
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hitd-vitrin[b-ywsr2akd16]  .hitd-kapak { padding: 16px; }
  .hitd-vitrin[b-ywsr2akd16]  .hitd-izgara { grid-template-columns: minmax(0, 1fr); }
  .hitd-vitrin[b-ywsr2akd16]  .au-btn { min-height: 44px; }
  .hitd-vitrin[b-ywsr2akd16]  .hitd-popup__kapat { width: 44px; height: 44px; }
  .hitd-vitrin[b-ywsr2akd16]  .app-input { font-size: max(16px, 1rem); }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .hitd-vitrin[b-ywsr2akd16]  .hitd-kapak { padding: 12px; }

  .hitd-vitrin[b-ywsr2akd16]  .hitd-kapak__satir {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "eylem";
    row-gap: 12px;
  }

  .hitd-vitrin[b-ywsr2akd16]  .hitd-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .hitd-vitrin[b-ywsr2akd16]  .hitd-kapak__alt { font-size: var(--yazi-kucuk, 12px); }
  .hitd-vitrin[b-ywsr2akd16]  .hitd-eylem { width: 100%; }
  .hitd-vitrin[b-ywsr2akd16]  .hitd-eylem .au-btn { flex: 1 1 auto; }

  .hitd-vitrin[b-ywsr2akd16]  .hitd-kart { padding: 16px 12px; }
  .hitd-vitrin[b-ywsr2akd16]  .hitd-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
  .hitd-vitrin[b-ywsr2akd16]  .hitd-karar-eylem .au-btn { flex: 1 1 auto; }

  .hitd-vitrin[b-ywsr2akd16]  .hitd-bilgi > div {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .hitd-vitrin[b-ywsr2akd16]  .hitd-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .hitd-vitrin[b-ywsr2akd16]  .hitd-popup__bas,
  .hitd-vitrin[b-ywsr2akd16]  .hitd-popup__govde,
  .hitd-vitrin[b-ywsr2akd16]  .hitd-popup__eylem { padding: 12px; }

  .hitd-vitrin[b-ywsr2akd16]  .hitd-popup__eylem .au-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Wallet/HitlQueue.razor.rz.scp.css */
/* HITL Onay Kuyruğu — Akademik Analiz görsel dili (2026-09-20, FN-04).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir). */

.au-page.hitl-vitrin[b-xki2f2mn4m] {
  max-width: none;
  padding: 0 0 12px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak {
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak__satir {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak__geri { grid-area: geri; }
.hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak__baslik { grid-area: baslik; min-width: 0; }
.hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec { grid-area: suzgec; min-width: 0; }

.hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak__alt {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec .app-field {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec .app-chips { gap: 6px; max-height: none; }

.hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec .app-chip-btn {
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: 8px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec .app-chip-btn:hover {
  background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec .app-chip-btn.is-sel {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-ozet {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 12px;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-ozet__ayrac { color: var(--metin-ipucu); }
.hitl-vitrin[b-xki2f2mn4m]  .hitl-ozet__secim { color: var(--marka-600); font-weight: 600; }

/* ── Düğmeler ── */
.hitl-vitrin[b-xki2f2mn4m]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hitl-vitrin[b-xki2f2mn4m]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.hitl-vitrin[b-xki2f2mn4m]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hitl-vitrin[b-xki2f2mn4m]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.hitl-vitrin[b-xki2f2mn4m]  .au-btn--danger {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  color: var(--red-600);
}

.hitl-vitrin[b-xki2f2mn4m]  .au-btn--danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

.hitl-vitrin[b-xki2f2mn4m]  .au-btn--sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
.hitl-vitrin[b-xki2f2mn4m]  .au-btn:disabled { opacity: 0.55; cursor: not-allowed; }
.hitl-vitrin[b-xki2f2mn4m]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Toplu karar bandı ── */
.hitl-vitrin[b-xki2f2mn4m]  .au-banner {
  border-radius: var(--kose-kart);
  font-size: 13px;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-hata-liste {
  margin: 6px 0 0;
  padding-left: 18px;
}

/* ── Bölüm kartı ── */
.hitl-vitrin[b-xki2f2mn4m]  .hitl-kart,
.hitl-vitrin[b-xki2f2mn4m]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-kart::before,
.hitl-vitrin[b-xki2f2mn4m]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-bolum-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-bos h3 {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-bos p {
  margin: 0;
  max-width: 48ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Toplu seçim şeridi ── */
.hitl-vitrin[b-xki2f2mn4m]  .hitl-toplu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-kart);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-secim-tumu {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-secim-tumu input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--marka-600);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-toplu__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Tablo ── */
.hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo-kap {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 2px 12px 12px 12px;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: var(--yuzey);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo thead {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo th {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  text-align: start;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: none;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo td {
  padding: 10px 13px;
  border-top: 1px solid rgba(12, 58, 116, 0.08);
  color: var(--metin-murekkep);
  vertical-align: top;
  font-variant-numeric: tabular-nums;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--marka-600);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-sutun--secim { width: 44px; }
.hitl-vitrin[b-xki2f2mn4m]  .hitl-sutun--sayi { text-align: end; white-space: nowrap; }
.hitl-vitrin[b-xki2f2mn4m]  .hitl-sutun--eylem { white-space: nowrap; }

/* Görsel olarak gizli ama ekran okuyucuya açık başlık metni. */
.hitl-vitrin[b-xki2f2mn4m]  .hitl-gizli-etiket {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-islem {
  display: block;
  font-weight: 600;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-not {
  display: block;
  margin-top: 2px;
  color: var(--amber-600);
  font-size: 12px;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-satir--suresi-gecmis td {
  background: color-mix(in srgb, var(--amber-500) 8%, var(--yuzey));
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-devam {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

/* ── Görünür popup ── */
.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup {
  width: min(600px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup[open] { display: flex; flex-direction: column; }
.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup::backdrop { background: var(--scrim); }

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__bas h2:focus { outline: none; }

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__mesaj {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__govde .au-banner { margin: 0 0 12px; }

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup .app-field__label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.hitl-vitrin[b-xki2f2mn4m]  .hitl-popup .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── MASAÜSTÜ: geniş pencerede başlık solda, süzgeç sağda (1539/1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak__satir {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik suzgec";
  }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-suzgec { justify-self: end; }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak { padding: 16px; }
  .hitl-vitrin[b-xki2f2mn4m]  .au-btn { min-height: 44px; }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__kapat { width: 44px; height: 44px; }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-secim-tumu { min-height: 44px; }
  .hitl-vitrin[b-xki2f2mn4m]  .app-input { font-size: max(16px, 1rem); }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo input[type="checkbox"],
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-secim-tumu input[type="checkbox"] { width: 22px; height: 22px; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo th.hitl-sutun--ilk,
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo td.hitl-sutun--ilk {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--yuzey);
  }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo thead th.hitl-sutun--ilk {
    z-index: 5;
    background: var(--marka-500);
  }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo tbody tr:nth-child(even) td.hitl-sutun--ilk {
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-satir--suresi-gecmis td.hitl-sutun--ilk {
    background: color-mix(in srgb, var(--amber-500) 8%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak { padding: 12px; }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak__satir {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec";
    row-gap: 12px;
  }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-kapak__alt { font-size: var(--yazi-kucuk, 12px); }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-kart { padding: 16px 12px; }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-toplu { flex-direction: column; align-items: stretch; }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-toplu__eylem .au-btn { flex: 1 1 auto; }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo { font-size: var(--yazi-govde, 13px); }
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo th,
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-tablo td { padding: 10px; }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__bas,
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__govde,
  .hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__eylem { padding: 12px; }

  .hitl-vitrin[b-xki2f2mn4m]  .hitl-popup__eylem .au-btn { flex: 1 1 auto; }
}
/* _content/EduLive.Web/Components/Pages/Wallet/ReservationMonitor.razor.rz.scp.css */
/* Rezervasyon İzleme — Akademik Analiz görsel dili (2026-09-20, FN-04).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir).
   Sayfaya özel kapsam: kurallar ::deep ile yalnız bu vitrinin altında geçerli. */

.au-page.rez-vitrin[b-m0iasizfzn] {
  max-width: none;
  padding: 0 0 12px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeç + ana eylem aynı beyaz yüzeyde ── */
.rez-vitrin[b-m0iasizfzn]  .rez-kapak {
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.rez-vitrin[b-m0iasizfzn]  .rez-kapak__satir {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri baslik eylem"
    "suzgec suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
}

.rez-vitrin[b-m0iasizfzn]  .rez-kapak__geri { grid-area: geri; }
.rez-vitrin[b-m0iasizfzn]  .rez-kapak__baslik { grid-area: baslik; min-width: 0; }
.rez-vitrin[b-m0iasizfzn]  .rez-suzgec { grid-area: suzgec; }
.rez-vitrin[b-m0iasizfzn]  .rez-eylem { grid-area: eylem; }

.rez-vitrin[b-m0iasizfzn]  .rez-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.rez-vitrin[b-m0iasizfzn]  .rez-kapak__alt {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.rez-vitrin[b-m0iasizfzn]  .rez-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.rez-vitrin[b-m0iasizfzn]  .rez-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Kapak içindeki süzgeç kabı şeffaf — ikinci bir filtre kartı üretilmez. */
.rez-vitrin[b-m0iasizfzn]  .rez-suzgec .app-field {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.rez-vitrin[b-m0iasizfzn]  .rez-suzgec .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.rez-vitrin[b-m0iasizfzn]  .rez-suzgec .app-chips {
  gap: 6px;
  max-height: none;
}

.rez-vitrin[b-m0iasizfzn]  .rez-suzgec .app-chip-btn {
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: 8px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
}

.rez-vitrin[b-m0iasizfzn]  .rez-suzgec .app-chip-btn:hover {
  background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
}

.rez-vitrin[b-m0iasizfzn]  .rez-suzgec .app-chip-btn.is-sel {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.rez-vitrin[b-m0iasizfzn]  .rez-ozet {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 12px;
}

.rez-vitrin[b-m0iasizfzn]  .rez-ozet__ayrac { color: var(--metin-ipucu); }
.rez-vitrin[b-m0iasizfzn]  .rez-ozet__uyari { color: var(--amber-600); font-weight: 600; }

/* ── Düğmeler ── */
.rez-vitrin[b-m0iasizfzn]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.rez-vitrin[b-m0iasizfzn]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.rez-vitrin[b-m0iasizfzn]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.rez-vitrin[b-m0iasizfzn]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.rez-vitrin[b-m0iasizfzn]  .au-btn--danger {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  color: var(--red-600);
}

.rez-vitrin[b-m0iasizfzn]  .au-btn--danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

.rez-vitrin[b-m0iasizfzn]  .au-btn--sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
.rez-vitrin[b-m0iasizfzn]  .au-btn:disabled { opacity: 0.55; cursor: not-allowed; }
.rez-vitrin[b-m0iasizfzn]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.rez-vitrin[b-m0iasizfzn]  .rez-kart,
.rez-vitrin[b-m0iasizfzn]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.rez-vitrin[b-m0iasizfzn]  .rez-kart::before,
.rez-vitrin[b-m0iasizfzn]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.rez-vitrin[b-m0iasizfzn]  .rez-bolum-baslik,
.rez-vitrin[b-m0iasizfzn]  .rez-alt-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.rez-vitrin[b-m0iasizfzn]  .rez-bolum-baslik::before,
.rez-vitrin[b-m0iasizfzn]  .rez-alt-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.rez-vitrin[b-m0iasizfzn]  .rez-alt-baslik { margin: 18px 0 10px; }

/* Boş durum — anlamlı metin + birincil eylem. */
.rez-vitrin[b-m0iasizfzn]  .rez-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.rez-vitrin[b-m0iasizfzn]  .rez-bos h3 {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.rez-vitrin[b-m0iasizfzn]  .rez-bos p {
  margin: 0;
  max-width: 46ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Tablo: mavi–petrol başlık geçişi, beyaz gövde, sınırlı alanda kaydırma ── */
.rez-vitrin[b-m0iasizfzn]  .rez-tablo-kap {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 2px 12px 12px 12px;
}

.rez-vitrin[b-m0iasizfzn]  .rez-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: var(--yuzey);
}

.rez-vitrin[b-m0iasizfzn]  .rez-tablo thead {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.rez-vitrin[b-m0iasizfzn]  .rez-tablo th {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  text-align: start;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: none;
}

.rez-vitrin[b-m0iasizfzn]  .rez-tablo td {
  padding: 10px 13px;
  border-top: 1px solid rgba(12, 58, 116, 0.08);
  color: var(--metin-murekkep);
  vertical-align: top;
  font-variant-numeric: tabular-nums;
}

.rez-vitrin[b-m0iasizfzn]  .rez-tablo tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.rez-vitrin[b-m0iasizfzn]  .rez-sutun--sayi { text-align: end; }
.rez-vitrin[b-m0iasizfzn]  .rez-tablo td.rez-sutun--sayi { white-space: nowrap; }
.rez-vitrin[b-m0iasizfzn]  .rez-tablo .rez-sutun--eylem { white-space: nowrap; }

.rez-vitrin[b-m0iasizfzn]  .rez-islem {
  display: block;
  font-weight: 600;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.rez-vitrin[b-m0iasizfzn]  .rez-not {
  display: block;
  margin-top: 2px;
  color: var(--amber-600);
  font-size: 12px;
}

/* Takılı satır: expiry job'un işlemediği rezervasyon. */
.rez-vitrin[b-m0iasizfzn]  .rez-satir--takili td {
  background: color-mix(in srgb, var(--amber-500) 8%, var(--yuzey));
}

/* P2-12: hitl-detail derin bağından gelen ?highlight= satırı. */
.rez-vitrin[b-m0iasizfzn]  .rez-satir--vurgu td {
  background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
}

.rez-vitrin[b-m0iasizfzn]  .rez-satir-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rez-vitrin[b-m0iasizfzn]  .rez-sayfalama {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}

.rez-vitrin[b-m0iasizfzn]  .rez-sayfalama__bilgi {
  color: var(--metin-ikincil);
  font-size: 12.5px;
}

/* ── Görünür popup (native top layer) ── */
.rez-vitrin[b-m0iasizfzn]  .rez-popup {
  width: min(620px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup--detay { width: min(680px, calc(100vw - 48px)); }
.rez-vitrin[b-m0iasizfzn]  .rez-popup[open] { display: flex; flex-direction: column; }
.rez-vitrin[b-m0iasizfzn]  .rez-popup::backdrop { background: var(--scrim); }

.rez-vitrin[b-m0iasizfzn]  .rez-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup__bas h2 {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup__bas h2:focus { outline: none; }

.rez-vitrin[b-m0iasizfzn]  .rez-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup__mesaj {
  margin: 0 0 12px;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* Banner köşesi/aralığı diğer paket sayfalarıyla aynı; popup içinde global 14 px
   alt marj yerine gövde ritmine (12 px) uyar. */
.rez-vitrin[b-m0iasizfzn]  .au-banner {
  border-radius: var(--kose-kart);
  font-size: 13px;
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup__govde .au-banner { margin: 0 0 12px; }

.rez-vitrin[b-m0iasizfzn]  .rez-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup .app-field__label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.rez-vitrin[b-m0iasizfzn]  .rez-popup .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── Bilgi listesi (popup) ── */
.rez-vitrin[b-m0iasizfzn]  .rez-bilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.rez-vitrin[b-m0iasizfzn]  .rez-bilgi > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1.6fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.rez-vitrin[b-m0iasizfzn]  .rez-bilgi > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.rez-vitrin[b-m0iasizfzn]  .rez-bilgi dt { margin: 0; color: var(--n-500); }

.rez-vitrin[b-m0iasizfzn]  .rez-bilgi dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.rez-vitrin[b-m0iasizfzn]  .rez-kod {
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
}

/* ── MASAÜSTÜ: geniş pencerede başlık solda, süzgeç + eylem sağda (1539/1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .rez-vitrin[b-m0iasizfzn]  .rez-kapak__satir {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `end` süzgeç kabını shrink-to-fit ölçtürür: sarmalı flex kabın max-content'i
     çocukların taban genişliğini saymaz, kap daralır ve çip grubu + sıfırla
     düğmesi alt alta yığılır. Kap izi tüm sütunu alır; sağa yaslama flex
     ekseninde yapılır. */
  .rez-vitrin[b-m0iasizfzn]  .rez-suzgec { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .rez-vitrin[b-m0iasizfzn]  .rez-kapak { padding: 16px; }
  .rez-vitrin[b-m0iasizfzn]  .au-btn { min-height: 44px; }
  .rez-vitrin[b-m0iasizfzn]  .rez-popup__kapat { width: 44px; height: 44px; }

  /* Dokunmatikte girdi en az 16 px (K4) — tarayıcı yakınlaştırmasını engeller. */
  .rez-vitrin[b-m0iasizfzn]  .app-input { font-size: max(16px, 1rem); }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .rez-vitrin[b-m0iasizfzn]  .rez-tablo th.rez-sutun--ilk,
  .rez-vitrin[b-m0iasizfzn]  .rez-tablo td.rez-sutun--ilk {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--yuzey);
  }

  .rez-vitrin[b-m0iasizfzn]  .rez-tablo thead th.rez-sutun--ilk {
    z-index: 5;
    background: var(--marka-500);
  }

  .rez-vitrin[b-m0iasizfzn]  .rez-tablo tbody tr:nth-child(even) td.rez-sutun--ilk {
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  }

  .rez-vitrin[b-m0iasizfzn]  .rez-satir--takili td.rez-sutun--ilk {
    background: color-mix(in srgb, var(--amber-500) 8%, var(--yuzey));
  }

  .rez-vitrin[b-m0iasizfzn]  .rez-satir--vurgu td.rez-sutun--ilk {
    background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .rez-vitrin[b-m0iasizfzn]  .rez-kapak { padding: 12px; }

  .rez-vitrin[b-m0iasizfzn]  .rez-kapak__satir {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec"
      "eylem";
    row-gap: 12px;
  }

  .rez-vitrin[b-m0iasizfzn]  .rez-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .rez-vitrin[b-m0iasizfzn]  .rez-kapak__alt { font-size: var(--yazi-kucuk, 12px); }
  .rez-vitrin[b-m0iasizfzn]  .rez-eylem { width: 100%; }
  .rez-vitrin[b-m0iasizfzn]  .rez-eylem .au-btn { flex: 1 1 auto; }
  .rez-vitrin[b-m0iasizfzn]  .rez-suzgec { flex-direction: column; align-items: stretch; }

  .rez-vitrin[b-m0iasizfzn]  .rez-kart { padding: 16px 12px; }
  .rez-vitrin[b-m0iasizfzn]  .rez-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
  .rez-vitrin[b-m0iasizfzn]  .rez-tablo { font-size: var(--yazi-govde, 13px); }
  .rez-vitrin[b-m0iasizfzn]  .rez-tablo th,
  .rez-vitrin[b-m0iasizfzn]  .rez-tablo td { padding: 10px; }

  .rez-vitrin[b-m0iasizfzn]  .rez-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .rez-vitrin[b-m0iasizfzn]  .rez-popup__bas,
  .rez-vitrin[b-m0iasizfzn]  .rez-popup__govde,
  .rez-vitrin[b-m0iasizfzn]  .rez-popup__eylem { padding: 12px; }

  .rez-vitrin[b-m0iasizfzn]  .rez-popup__eylem .au-btn { flex: 1 1 auto; }

  .rez-vitrin[b-m0iasizfzn]  .rez-bilgi > div {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .rez-vitrin[b-m0iasizfzn]  .rez-sayfalama { justify-content: space-between; }
}
/* _content/EduLive.Web/Components/Pages/Wallet/SubPools.razor.rz.scp.css */
/* Departman Kredi Havuzları — Akademik Analiz görsel dili (docs/tasarim/edulive-web-tasarim).
   Kapsanmış (scoped) CSS; wwwroot/css/*.css DEĞİŞTİRİLMEDİ. Yalnız mevcut tokenlar;
   yeni hex, !important ve sahte sabit spacer yok.

   ÖZGÜLLÜK NOTU: kapsanmış CSS App.razor'da cihaz.css'ten ÖNCE yüklenir. Cihaz
   bantlarında cihaz.css'i yenmek gerektiğinde selektör `body.edulive-cihaz` ile
   başlatılır — kapsam özniteliği yine bu bileşenin öğesine düşer. */

.au-page.havuz-vitrin[b-baceyia3bo] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + süzgeçler + ana eylem tek beyaz yüzeyde (23 px başlık) ── */
.hv-kapak[b-baceyia3bo] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "geri   baslik eylem"
    "suzgec suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hv-kapak[b-baceyia3bo]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

/* Geri düğmesinde yalnız kama görünür; metin ekran okuyucuda kalır. */
.hv-kapak[b-baceyia3bo]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.hv-baslik[b-baceyia3bo] {
  grid-area: baslik;
  min-width: 0;
}

.hv-baslik .au-title[b-baceyia3bo] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.hv-ozet[b-baceyia3bo] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

.hv-eylemler[b-baceyia3bo] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
  margin: 0;
}

/* "Birim ara" alanının ipucu akıştan çıkarılıp mutlak konumlandığı için (bkz. aşağıdaki
   `.hv-arama ::deep .app-field__hint`) şeridin altında ona yer ayrılır; böylece girdi alt
   kenarları `flex-end` ile tek çizgide kalır, ipucu da kapağın içinde kalır. */
.hv-suzgec[b-baceyia3bo] {
  grid-area: suzgec;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  padding-bottom: 22px;
}

/* Alanlar alt çizgiden hizalı; esas genişlik 176, üst sınır 210 (referans ölçüsü). */
.hv-suzgec[b-baceyia3bo]  .app-field {
  flex: 0 1 176px;
  min-width: 0;
  max-width: 210px;
  margin: 0;
}

.hv-arama[b-baceyia3bo] {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 340px;
}

/* Mutlak konumlanan ipucunun hizalama kabı: ipucu bu alanın alt kenarına asılır. */
.hv-arama[b-baceyia3bo]  .app-field {
  flex: none;
  max-width: none;
  position: relative;
}

.hv-sifirla[b-baceyia3bo] {
  flex: 0 0 auto;
  align-self: flex-end;
}

.hv-kapak[b-baceyia3bo]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.hv-kapak[b-baceyia3bo]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none;
}

.hv-kapak[b-baceyia3bo]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
}

/* Yalnızca arama alanının ipucu akıştan çıkarılır: akışta kalsaydı bu alanın alt kenarını
   ~24px aşağı iter, `align-items: flex-end` yüzünden girdi komşularından o kadar yukarıda
   kalırdı. Kapağa ileride eklenecek başka ipuçları akışta kalsın diye selektör dar tutuldu. */
.hv-arama[b-baceyia3bo]  .app-field__hint {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
}

.hv-kapak[b-baceyia3bo]  .app-select__caret {
  color: var(--marka-600);
}

/* ── Düğmeler ───────────────────────────────────────────────────────────── */
.havuz-vitrin .au-btn[b-baceyia3bo] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.havuz-vitrin .au-btn:hover:not(:disabled)[b-baceyia3bo] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.havuz-vitrin .au-btn--primary[b-baceyia3bo] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.havuz-vitrin .au-btn--primary:hover:not(:disabled)[b-baceyia3bo] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.havuz-vitrin .au-btn--danger[b-baceyia3bo] {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-600) 40%, var(--hat-girdi));
  color: var(--red-600);
}

.havuz-vitrin .au-btn--danger:hover:not(:disabled)[b-baceyia3bo] {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

.havuz-vitrin .hv-popup-eylem .au-btn--danger[b-baceyia3bo] {
  background: var(--red-600);
  border-color: var(--red-600);
  color: var(--on-brand);
}

.havuz-vitrin .hv-popup-eylem .au-btn--danger:hover:not(:disabled)[b-baceyia3bo] {
  background: var(--red-500);
  border-color: var(--red-500);
}

.havuz-vitrin .au-btn--sm[b-baceyia3bo] {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

.havuz-vitrin .au-btn:disabled[b-baceyia3bo] {
  opacity: .5;
  cursor: not-allowed;
}

.havuz-vitrin .au-btn:focus-visible[b-baceyia3bo] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

.havuz-vitrin[b-baceyia3bo]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Liste bölümü ───────────────────────────────────────────────────────── */
.hv-liste[b-baceyia3bo] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hv-liste[b-baceyia3bo]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.hv-bolum-baslik[b-baceyia3bo] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.hv-bolum-baslik[b-baceyia3bo]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.hv-liste[b-baceyia3bo]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.hv-liste[b-baceyia3bo]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.hv-liste[b-baceyia3bo]  .ds-desc { font-size: 13px; color: var(--n-500); }

/* ── Tablo: mavi–petrol başlık geçişi, yapışık başlık, sınırlı kaydırma ──── */
.hv-tablo-kap[b-baceyia3bo] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.hv-tablo[b-baceyia3bo] {
  width: 100%;
  min-width: 940px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.hv-gizli[b-baceyia3bo] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Geçiş thead boyunca TEK parça çizilir; hücre arka planları şeffaftır. */
.hv-tablo thead[b-baceyia3bo] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.hv-tablo thead th[b-baceyia3bo] {
  background: transparent;
  border: 0;
  padding: 10px 13px;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.hv-tablo tbody :is(td, th)[b-baceyia3bo] {
  padding: 10px 13px;
  color: var(--metin-murekkep);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  text-align: start;
  font-weight: 400;
}

.hv-tablo tbody tr:nth-child(even) :is(td, th)[b-baceyia3bo] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.hv-tablo tbody tr:hover :is(td, th)[b-baceyia3bo] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

/* İlk anlamlı sütun (birim adı) yatay kaydırmada yapışık; opak zemin şart.
   Başlık zemini rampanın o sütuna denk gelen tonundan gelir — yeni palet üretilmez. */
.hv-tablo thead th:first-child[b-baceyia3bo] {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--marka-500);
}

.hv-tablo tbody th.hv-birim[b-baceyia3bo] {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 190px;
  background: var(--yuzey);
  border-right: 1px solid var(--hat-kart);
  color: var(--marka-700);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.hv-tablo :is(th, td):last-child[b-baceyia3bo] {
  width: 1%;
  white-space: nowrap;
}

/* ── Hücre içerikleri ───────────────────────────────────────────────────── */
.hv-sayi[b-baceyia3bo] {
  color: var(--marka-700);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.hv-eksi[b-baceyia3bo] {
  color: var(--red-600);
}

.hv-bos-deger[b-baceyia3bo] {
  color: var(--metin-ipucu);
}

.hv-gecmis[b-baceyia3bo] {
  color: var(--amber-600);
}

.hv-gecmis-not[b-baceyia3bo] {
  color: var(--amber-600);
  font-size: 12px;
}

.hv-kullanim[b-baceyia3bo] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

/* Kullanım oranı: tahsis ve kullanılan kredilerden türetilir, yeni veri değil. */
.hv-oran[b-baceyia3bo] {
  flex: 0 1 72px;
  min-width: 42px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 12%, var(--yuzey));
  overflow: hidden;
}

.hv-oran i[b-baceyia3bo] {
  display: block;
  height: 100%;
  border-radius: var(--radius-pill);
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 100%);
}

.hv-yuzde[b-baceyia3bo] {
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.hv-satir-eylem[b-baceyia3bo] {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.havuz-vitrin .au-status[b-baceyia3bo] {
  white-space: nowrap;
}

/* ── Boş durum, sayfalama, sözleşme notu ────────────────────────────────── */
.hv-bos[b-baceyia3bo] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  color: var(--metin-ikincil);
  font-size: 13px;
  text-align: center;
}

.hv-bos p[b-baceyia3bo] {
  margin: 0;
  max-width: 56ch;
  line-height: 1.6;
}

.hv-sayfalama[b-baceyia3bo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.hv-sayfa-bilgi[b-baceyia3bo] {
  color: var(--n-500);
  font-size: 12.5px;
}

.hv-not[b-baceyia3bo] {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

/* ── Görünür popup: native top layer, başlık ve eylemler sabit ───────────── */
.hv-popup[b-baceyia3bo] {
  width: min(600px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.hv-popup[open][b-baceyia3bo] {
  display: flex;
  flex-direction: column;
}

.hv-popup[b-baceyia3bo]::backdrop {
  background: var(--scrim);
}

.hv-popup-bas[b-baceyia3bo] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.hv-popup-bas h2[b-baceyia3bo] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.hv-popup-bas h2:focus[b-baceyia3bo] {
  outline: none;
}

.havuz-vitrin .hv-popup-kapat[b-baceyia3bo] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

/* Büyük içerik kendi gövdesinde kayar; başlık ve eylemler erişilebilir kalır. */
.hv-popup-govde[b-baceyia3bo] {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.hv-popup-mesaj[b-baceyia3bo] {
  margin: 0;
  color: var(--metin-ikincil);
  font-size: 13.5px;
  line-height: 1.6;
}

.hv-popup-hata[b-baceyia3bo] {
  margin: 12px 0 0;
}

.hv-popup-dipnot[b-baceyia3bo] {
  margin: 14px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

.hv-olgular[b-baceyia3bo] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.hv-olgular > div[b-baceyia3bo] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.hv-olgular > div:nth-child(odd)[b-baceyia3bo] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.hv-olgular dt[b-baceyia3bo] {
  color: var(--n-500);
}

.hv-olgular dd[b-baceyia3bo] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.hv-popup-eylem[b-baceyia3bo] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* ── MASAÜSTÜ ≥1540: başlık solda, süzgeç ve eylemler sağ kenarda tek satır ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .hv-kapak[b-baceyia3bo] {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik suzgec eylem";
  }

  /* `justify-self: end` ızgara öğesini shrink-to-fit ölçtürür; Chromium flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar ve `flex: 0 1 176px` tabanını
     saymaz → kap daralıp alanlar sıkışırdı. Kap gerdirilir, sağa yaslama flex satırının
     kendisinde yapılır. */
  .hv-suzgec[b-baceyia3bo] {
    justify-self: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hv-kapak[b-baceyia3bo] {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "geri   baslik"
      "eylem  eylem"
      "suzgec suzgec";
    padding: 16px;
  }

  .hv-kapak[b-baceyia3bo]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .hv-eylemler[b-baceyia3bo] {
    justify-self: stretch;
  }

  .havuz-vitrin :is(.au-btn, .au-btn--sm)[b-baceyia3bo] {
    min-height: 44px;
  }

  .hv-kapak[b-baceyia3bo]  .app-input {
    min-height: 44px;
    height: 44px;
  }

  /* Uzun tablo kendi kabında yatay kayar; ilk anlamlı sütun yapışık kalır.
     cihaz.css'in genel `table { display:block; overflow-x:auto }` siperi burada
     zararlıdır: sticky thead'i ve yapışık sütunu ikinci bir kaydırıcıya bağlar. */
  body.edulive-cihaz .hv-tablo[b-baceyia3bo] {
    display: table;
    overflow: visible;
    max-width: none;
    min-width: 900px;
  }
}

/* Dokunmatikte girdi punto tabanı: iOS yakınlaştırmasını engeller. */
@media (pointer: coarse) {
  .hv-kapak[b-baceyia3bo]  .app-input {
    font-size: max(16px, 1rem);
  }

  .hv-kapak[b-baceyia3bo]  .app-sel__opt {
    min-height: 44px;
  }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .hv-kapak[b-baceyia3bo] {
    padding: 12px;
    row-gap: 12px;
  }

  .hv-baslik .au-title[b-baceyia3bo] {
    font-size: var(--yazi-kapak, 20px);
  }

  .hv-ozet[b-baceyia3bo] {
    font-size: var(--yazi-kucuk, 12px);
  }

  /* Eylemler başlığın altında tek satır, içerik genişliğinde (YENI-DIL §7). */
  .hv-eylemler[b-baceyia3bo] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .hv-eylemler .au-btn[b-baceyia3bo] {
    flex: 1 0 auto;
    justify-content: center;
    white-space: nowrap;
  }

  /* Süzgeçler tek sütun; arama tam genişlik. Tek sütunda alt-çizgi hizası sorunu yok →
     ipucu akışa geri döner, ayrılan alt boşluk kaldırılır. */
  .hv-suzgec[b-baceyia3bo] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding-bottom: 0;
  }

  .hv-arama[b-baceyia3bo]  .app-field__hint {
    position: static;
    margin-top: 0;
  }

  .hv-suzgec[b-baceyia3bo]  .app-field {
    flex: none;
    max-width: none;
  }

  .hv-arama[b-baceyia3bo] {
    flex: none;
    max-width: none;
  }

  .hv-sifirla[b-baceyia3bo] {
    align-self: stretch;
    justify-content: center;
  }

  .hv-liste[b-baceyia3bo] {
    padding: 16px 12px;
  }

  .hv-bolum-baslik[b-baceyia3bo] {
    font-size: var(--yazi-bolum, 14px);
  }

  body.edulive-cihaz .hv-tablo[b-baceyia3bo] {
    min-width: 860px;
  }

  .hv-tablo :is(th, td)[b-baceyia3bo] {
    padding: 10px;
  }

  .hv-tablo tbody th.hv-birim[b-baceyia3bo] {
    min-width: 150px;
  }

  .hv-bos .au-btn[b-baceyia3bo] {
    width: 100%;
    justify-content: center;
  }

  .hv-popup[b-baceyia3bo] {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .hv-popup-bas[b-baceyia3bo],
  .hv-popup-govde[b-baceyia3bo],
  .hv-popup-eylem[b-baceyia3bo] {
    padding: 12px;
  }

  .hv-olgular > div[b-baceyia3bo] {
    grid-template-columns: minmax(84px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }

  .hv-popup-eylem .au-btn[b-baceyia3bo] {
    flex: 1 1 auto;
    justify-content: center;
  }
}
/* _content/EduLive.Web/Components/Pages/Wallet/SubPoolWizard.razor.rz.scp.css */
/* Kredi havuzu tahsis sihirbazı — Akademik Analiz görsel dili
   (docs/tasarim/edulive-web-tasarim). Kapsanmış (scoped) CSS; Components/Ui ve
   wwwroot/css/*.css DEĞİŞTİRİLMEDİ — AppWizard'ın kendi işaretlemesine yalnız
   ::deep ile bu sayfada ölçü verilir. Yeni hex, !important, sabit spacer yok. */

.au-page.hvs-vitrin[b-jkv2wk6lau] {
  max-width: none;
  padding: 0 0 44px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak: başlık + bağlam özeti tek beyaz yüzeyde (23 px başlık) ────────── */
.hvs-kapak[b-jkv2wk6lau] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas: "geri baslik";
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.hvs-kapak[b-jkv2wk6lau]  .au-breadcrumb {
  grid-area: geri;
  justify-self: start;
  display: grid;
  place-items: center;
  width: 30px;
  height: 34px;
  margin: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
}

.hvs-kapak[b-jkv2wk6lau]  .au-breadcrumb__ad {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.hvs-baslik[b-jkv2wk6lau] {
  grid-area: baslik;
  min-width: 0;
}

.hvs-baslik .au-title[b-jkv2wk6lau] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.hvs-ozet[b-jkv2wk6lau] {
  margin: 3px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.4;
}

/* ── Bölüm kartı ─────────────────────────────────────────────────────────── */
.hvs-kart[b-jkv2wk6lau] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.hvs-kart[b-jkv2wk6lau]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.hvs-bolum-baslik[b-jkv2wk6lau] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.hvs-bolum-baslik[b-jkv2wk6lau]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.hvs-ust-uyari[b-jkv2wk6lau] {
  margin-bottom: 16px;
}

.hvs-etki[b-jkv2wk6lau] {
  margin-top: 12px;
  margin-bottom: 0;
}

.hvs-bilgi[b-jkv2wk6lau] {
  margin-top: 0;
  margin-bottom: 14px;
}

/* DataStates paneli kartın içinde ikinci bir yüzey oluşturmaz. */
.hvs-kart[b-jkv2wk6lau]  .ds-panel {
  border: 0;
  border-radius: 0;
  background: var(--yuzey);
  box-shadow: none;
}

.hvs-kart[b-jkv2wk6lau]  .ds-title { font-size: 15px; color: var(--metin-ikincil); }
.hvs-kart[b-jkv2wk6lau]  .ds-desc { font-size: 13px; color: var(--n-500); }

/* ── Sihirbaz kabuğu: kart içinde ikinci bir yüzey ve gölge üretmez ───────── */
.hvs-kart[b-jkv2wk6lau]  .wiz-kart {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.hvs-kart[b-jkv2wk6lau]  .wiz-title {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.012em;
  color: var(--metin-murekkep);
}

.hvs-kart[b-jkv2wk6lau]  .wiz-count {
  color: var(--n-500);
  font-size: 12px;
}

.hvs-kart[b-jkv2wk6lau]  .wiz-step-ind__label {
  color: var(--metin-ikincil);
  font-size: 12.5px;
  font-weight: 600;
}

.hvs-kart[b-jkv2wk6lau]  .wiz-step-ind.is-active .wiz-step-ind__label {
  color: var(--marka-700);
}

.hvs-kart[b-jkv2wk6lau]  .wiz-progress__fill {
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 100%);
}

.hvs-kart[b-jkv2wk6lau]  .wiz-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.hvs-kart[b-jkv2wk6lau]  .wiz-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.hvs-kart[b-jkv2wk6lau]  .wiz-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
  transform: none;
}

.hvs-kart[b-jkv2wk6lau]  .wiz-btn--ghost:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.hvs-kart[b-jkv2wk6lau]  .wiz-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.hvs-kart[b-jkv2wk6lau]  .wiz-btn:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* ── Form alanları: referans tipografisi ve 34 px kontrol yüksekliği ─────── */
.hvs-kart[b-jkv2wk6lau]  .app-field {
  min-width: 0;
}

.hvs-kart[b-jkv2wk6lau]  .app-field__label {
  margin-bottom: 4px;
  color: var(--metin-ikincil);
  font-size: 11px;
  font-weight: 700;
}

.hvs-kart[b-jkv2wk6lau]  .app-input {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

.hvs-kart[b-jkv2wk6lau]  .app-field__hint {
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.5;
}

.hvs-kart[b-jkv2wk6lau]  .app-input:focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
  box-shadow: none;
}

/* Birim seçici kendi alanında kayar; sayfayı uzatmaz. */
.hvs-kart[b-jkv2wk6lau]  .oup {
  max-height: min(420px, 45dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  box-shadow: none;
}

.hvs-kart[b-jkv2wk6lau]  .app-tree__row {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  font-size: 13px;
}

.hvs-kart[b-jkv2wk6lau]  .app-tree__row.is-selected {
  background: color-mix(in srgb, var(--marka-600) 10%, var(--yuzey));
  color: var(--marka-700);
}

/* ── Olgu listeleri: mevcut durum ve gözden geçirme özeti ────────────────── */
.hvs-mevcut[b-jkv2wk6lau],
.hvs-ozet-liste[b-jkv2wk6lau] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 14px 0 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  overflow: hidden;
}

.hvs-mevcut > div[b-jkv2wk6lau],
.hvs-ozet-liste > div[b-jkv2wk6lau] {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  font-size: 13px;
}

.hvs-mevcut > div:nth-child(odd)[b-jkv2wk6lau],
.hvs-ozet-liste > div:nth-child(odd)[b-jkv2wk6lau] {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.hvs-mevcut dt[b-jkv2wk6lau],
.hvs-ozet-liste dt[b-jkv2wk6lau] {
  color: var(--n-500);
}

.hvs-mevcut dd[b-jkv2wk6lau],
.hvs-ozet-liste dd[b-jkv2wk6lau] {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  font-weight: 600;
  text-align: end;
  overflow-wrap: anywhere;
}

.hvs-ozet-baslik[b-jkv2wk6lau] {
  margin: 18px 0 0;
  color: var(--metin-ikincil);
  font: 700 10px/1.4 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.hvs-dipnot[b-jkv2wk6lau] {
  margin: 12px 0 0;
  color: var(--metin-ipucu);
  font-size: 12px;
  line-height: 1.6;
}

.hvs-vitrin .au-status[b-jkv2wk6lau] {
  white-space: nowrap;
}

/* ── CİHAZ (telefon ∪ tablet) — docs/mobil/YENI-DIL.md §1.1 metni birebir ──── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .hvs-kapak[b-jkv2wk6lau] {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 16px;
  }

  .hvs-kapak[b-jkv2wk6lau]  .au-breadcrumb {
    width: 44px;
    height: 44px;
  }

  .hvs-kart[b-jkv2wk6lau]  :is(.wiz-btn, .app-tree__row, .oup__root) {
    min-height: 44px;
  }

  .hvs-kart[b-jkv2wk6lau]  .app-input {
    min-height: 44px;
    height: 44px;
  }
}

/* Dokunmatikte girdi punto tabanı: iOS yakınlaştırmasını engeller. */
@media (pointer: coarse) {
  .hvs-kart[b-jkv2wk6lau]  .app-input {
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .hvs-kapak[b-jkv2wk6lau] {
    padding: 12px;
    gap: 8px;
  }

  .hvs-baslik .au-title[b-jkv2wk6lau] {
    font-size: var(--yazi-kapak, 20px);
  }

  .hvs-ozet[b-jkv2wk6lau] {
    font-size: var(--yazi-kucuk, 12px);
  }

  .hvs-kart[b-jkv2wk6lau] {
    padding: 16px 12px;
  }

  .hvs-bolum-baslik[b-jkv2wk6lau] {
    font-size: var(--yazi-bolum, 14px);
  }

  /* Form tek sütun; adım göstergesi yatay şeritte kayar. */
  .hvs-kart[b-jkv2wk6lau]  .au-form-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .hvs-kart[b-jkv2wk6lau]  .wiz-steps {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .hvs-kart[b-jkv2wk6lau]  .wiz-foot .wiz-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .hvs-mevcut > div[b-jkv2wk6lau],
  .hvs-ozet-liste > div[b-jkv2wk6lau] {
    grid-template-columns: minmax(92px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 8px;
  }
}
/* _content/EduLive.Web/Components/Pages/Wallet/WalletAlerts.razor.rz.scp.css */
/* Cüzdan ve AI Uyarıları — Akademik Analiz görsel dili (2026-09-20, FN-04).
   Ölçüler: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   Cihaz kırılımları: docs/mobil/YENI-DIL.md §1.1 (sorgu metinleri birebir).
   `wa-sev--*` ve `wa-state--*` sınıf adları korunur — WalletLabelMappingTests
   bu dizgeleri doğruluyor (durum makinesi regresyon kanıtı). */

.au-page.uya-vitrin[b-j4f26lv0gj] {
  max-width: none;
  padding: 0 0 12px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.uya-vitrin[b-j4f26lv0gj]  .uya-kapak {
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-kapak__satir {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "suzgec suzgec";
  column-gap: 12px;
  row-gap: 14px;
  align-items: end;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-kapak__geri { grid-area: geri; }
.uya-vitrin[b-j4f26lv0gj]  .uya-kapak__baslik { grid-area: baslik; min-width: 0; }
.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec { grid-area: suzgec; }

.uya-vitrin[b-j4f26lv0gj]  .uya-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-kapak__alt {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  /* "Kaynak servis" alanının ipucu metni akıştayken sarmalayıcının alt kenarını
     aşağı çeker; `flex-end` o kenarı hizaladığı için girdi komşularından ~24px
     yukarıda kalırdı. İpucu aşağıda konumdan çıkarıldı, yeri kapta rezerve edildi. */
  padding-bottom: 21px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec__kaynak { flex: 0 1 210px; min-width: 176px; }

/* İpucu satır yüksekliğine katılmasın: alanın altına mutlak konumla asılır. */
.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec__kaynak .app-field { position: relative; }

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec__kaynak .app-field__hint {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec__dugme {
  display: flex;
  gap: 8px;
  padding-bottom: 1px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-field {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-field__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-chips { gap: 6px; max-height: none; }

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-chip-btn {
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: 8px;
  background: var(--yuzey);
  color: var(--metin-ikincil);
  font-size: 12px;
  font-weight: 600;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-chip-btn:hover {
  background: color-mix(in srgb, var(--marka-500) 14%, var(--yuzey));
  border-color: var(--marka-400);
  color: var(--marka-700);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-chip-btn.is-sel {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-input {
  /* Paylaşılan AppField kuralı `height: 46px` veriyor; yalnız `min-height` yazmak
     onu ezmez (farklı özellik) → girdi 46px, düğmeler 34px kalıyordu. */
  min-height: 34px;
  height: 34px;
  padding-inline: 12px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
  font-weight: 500;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-ozet {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 14px 0 0;
  color: var(--metin-ikincil);
  font-size: 12px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-ozet__ayrac { color: var(--metin-ipucu); }
.uya-vitrin[b-j4f26lv0gj]  .uya-ozet__uyari { color: var(--red-600); font-weight: 600; }

/* ── Düğmeler ── */
.uya-vitrin[b-j4f26lv0gj]  .au-btn {
  min-height: 34px;
  padding: 0 13px;
  gap: 6px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.uya-vitrin[b-j4f26lv0gj]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
  transform: none;
}

.uya-vitrin[b-j4f26lv0gj]  .au-btn--primary {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.uya-vitrin[b-j4f26lv0gj]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.uya-vitrin[b-j4f26lv0gj]  .au-btn--danger {
  background: var(--yuzey);
  border-color: color-mix(in srgb, var(--red-500) 45%, transparent);
  color: var(--red-600);
}

.uya-vitrin[b-j4f26lv0gj]  .au-btn--danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--red-500) 8%, var(--yuzey));
  border-color: var(--red-500);
}

.uya-vitrin[b-j4f26lv0gj]  .au-btn--sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
.uya-vitrin[b-j4f26lv0gj]  .au-btn:disabled { opacity: 0.55; cursor: not-allowed; }
.uya-vitrin[b-j4f26lv0gj]  .au-btn:focus-visible { outline: 2px solid var(--marka-600); outline-offset: 2px; }

/* ── Bölüm kartı ── */
.uya-vitrin[b-j4f26lv0gj]  .uya-kart,
.uya-vitrin[b-j4f26lv0gj]  .ds-panel {
  position: relative;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-kart::before,
.uya-vitrin[b-j4f26lv0gj]  .ds-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-bolum-baslik,
.uya-vitrin[b-j4f26lv0gj]  .uya-alt-baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-bolum-baslik::before,
.uya-vitrin[b-j4f26lv0gj]  .uya-alt-baslik::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-alt-baslik { margin: 18px 0 10px; }

.uya-vitrin[b-j4f26lv0gj]  .uya-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-bos h3 {
  margin: 0;
  font: 700 15px/1.4 var(--font-display);
  color: var(--metin-murekkep);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-bos p {
  margin: 0;
  max-width: 48ch;
  color: var(--metin-ikincil);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Tablo ── */
.uya-vitrin[b-j4f26lv0gj]  .uya-tablo-kap {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 2px 12px 12px 12px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: var(--yuzey);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-tablo thead {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--marka-rampa-serit);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-tablo th {
  position: sticky;
  top: 0;
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  text-align: start;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: none;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-tablo td {
  padding: 10px 13px;
  border-top: 1px solid rgba(12, 58, 116, 0.08);
  color: var(--metin-murekkep);
  vertical-align: top;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-tablo tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
}

.uya-vitrin[b-j4f26lv0gj]  .uya-tur {
  display: block;
  font-weight: 600;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-not {
  display: block;
  margin-top: 2px;
  color: var(--metin-ipucu);
  font-size: 12px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-not--eylem { display: inline; margin: 0; align-self: center; }
.uya-vitrin[b-j4f26lv0gj]  .uya-bekliyor { color: var(--amber-600); font-weight: 600; }
.uya-vitrin[b-j4f26lv0gj]  .uya-sutun--eylem { white-space: nowrap; }

/* Yükseltilmiş uyarı satırı — ops önceliği (yalnız renk değil, rozette dil de var). */
.uya-vitrin[b-j4f26lv0gj]  .uya-satir--yukseltilmis td {
  background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
}

.uya-vitrin[b-j4f26lv0gj]  .uya-devam {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

/* ── Rozetler (sınıf adları testlerde sabit) ── */
.uya-vitrin[b-j4f26lv0gj]  .wa-sev,
.uya-vitrin[b-j4f26lv0gj]  .wa-state {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--hat-kart);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.uya-vitrin[b-j4f26lv0gj]  .wa-sev--critical {
  color: var(--red-600);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
}

.uya-vitrin[b-j4f26lv0gj]  .wa-sev--warning {
  color: var(--amber-600);
  border-color: color-mix(in srgb, var(--amber-500) 40%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, transparent);
}

.uya-vitrin[b-j4f26lv0gj]  .wa-sev--info {
  color: var(--marka-600);
  border-color: color-mix(in srgb, var(--marka-500) 40%, transparent);
  background: color-mix(in srgb, var(--marka-500) 10%, transparent);
}

.uya-vitrin[b-j4f26lv0gj]  .wa-state { color: var(--n-500); }

.uya-vitrin[b-j4f26lv0gj]  .wa-state--open {
  color: var(--amber-600);
  border-color: color-mix(in srgb, var(--amber-500) 40%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, transparent);
}

.uya-vitrin[b-j4f26lv0gj]  .wa-state--escalated {
  color: var(--red-600);
  border-color: color-mix(in srgb, var(--red-500) 55%, transparent);
  background: color-mix(in srgb, var(--red-500) 14%, transparent);
  font-weight: 700;
}

.uya-vitrin[b-j4f26lv0gj]  .wa-state--ack {
  color: var(--green-600);
  border-color: color-mix(in srgb, var(--green-500) 40%, transparent);
  background: color-mix(in srgb, var(--green-500) 10%, transparent);
}

.uya-vitrin[b-j4f26lv0gj]  .wa-state--done {
  color: var(--n-500);
  border-color: var(--hat-kart);
}

/* ── Görünür popup ── */
.uya-vitrin[b-j4f26lv0gj]  .uya-popup {
  width: min(660px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-popup[open] { display: flex; flex-direction: column; }
.uya-vitrin[b-j4f26lv0gj]  .uya-popup::backdrop { background: var(--scrim); }

.uya-vitrin[b-j4f26lv0gj]  .uya-popup__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-popup__bas h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
  overflow-wrap: anywhere;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-popup__bas h2:focus { outline: none; }

.uya-vitrin[b-j4f26lv0gj]  .uya-popup__kapat {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-popup__govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

/* Banner köşesi/aralığı diğer paket sayfalarıyla aynı; popup içinde global 14 px
   alt marj yerine gövde ritmine (12 px) uyar. */
.uya-vitrin[b-j4f26lv0gj]  .au-banner {
  border-radius: var(--kose-kart);
  font-size: 13px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-popup__govde .au-banner { margin: 0 0 12px; }

.uya-vitrin[b-j4f26lv0gj]  .uya-popup__eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-kurtarma {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-popup .app-field__label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--metin-ipucu);
}

.uya-vitrin[b-j4f26lv0gj]  .uya-popup .app-input {
  min-height: 34px;
  border-radius: var(--kose-dugme);
  border-color: var(--hat-girdi);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  font-size: 13px;
}

/* ── Bilgi listesi ── */
.uya-vitrin[b-j4f26lv0gj]  .uya-bilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-bilgi > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1.6fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-bilgi > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.uya-vitrin[b-j4f26lv0gj]  .uya-bilgi dt { margin: 0; color: var(--n-500); }

.uya-vitrin[b-j4f26lv0gj]  .uya-bilgi dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.uya-vitrin[b-j4f26lv0gj]  .uya-kod {
  font-size: 12px;
  color: var(--marka-700);
  unicode-bidi: isolate;
}

/* ── MASAÜSTÜ: geniş pencerede başlık solda, süzgeç sağda (1539/1540 sınırı) ── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .uya-vitrin[b-j4f26lv0gj]  .uya-kapak__satir {
    grid-template-columns: 30px auto minmax(0, 1fr);
    grid-template-areas: "geri baslik suzgec";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; Chromium sarmalı flex kabın
     max-content'ini çocukların İÇERİK genişliğinden hesaplar, `.uya-suzgec__kaynak`ın
     `flex: 0 1 210px` tabanını saymaz → kap daralır, süzgeç alt alta yığılır.
     `stretch` kabı 1fr sütununa yayar, sağa yaslamayı `justify-content` üstlenir. */
  .uya-vitrin[b-j4f26lv0gj]  .uya-suzgec {
    justify-self: stretch;
    justify-content: flex-end;
  }
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .uya-vitrin[b-j4f26lv0gj]  .uya-kapak { padding: 16px; }
  .uya-vitrin[b-j4f26lv0gj]  .au-btn { min-height: 44px; }
  .uya-vitrin[b-j4f26lv0gj]  .uya-popup__kapat { width: 44px; height: 44px; }

  /* Dokunmatikte girdi en az 16 px (K4). */
  .uya-vitrin[b-j4f26lv0gj]  .app-input { font-size: max(16px, 1rem); }

  /* Dokunma hedefi: girdi de düğmelerle aynı 44px yüksekliğe çıkar. */
  .uya-vitrin[b-j4f26lv0gj]  .uya-suzgec .app-input {
    min-height: 44px;
    height: 44px;
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-tablo th.uya-sutun--ilk,
  .uya-vitrin[b-j4f26lv0gj]  .uya-tablo td.uya-sutun--ilk {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--yuzey);
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-tablo thead th.uya-sutun--ilk {
    z-index: 5;
    background: var(--marka-500);
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-tablo tbody tr:nth-child(even) td.uya-sutun--ilk {
    background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-satir--yukseltilmis td.uya-sutun--ilk {
    background: color-mix(in srgb, var(--red-500) 7%, var(--yuzey));
  }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .uya-vitrin[b-j4f26lv0gj]  .uya-kapak { padding: 12px; }

  .uya-vitrin[b-j4f26lv0gj]  .uya-kapak__satir {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "suzgec";
    row-gap: 12px;
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-kapak .au-title { font-size: var(--yazi-kapak, 20px); }
  .uya-vitrin[b-j4f26lv0gj]  .uya-kapak__alt { font-size: var(--yazi-kucuk, 12px); }
  /* Telefonda sütun dizilim var: mutlak ipucu bir sonraki alanın üzerine binerdi,
     akışa geri döner; kaptaki rezerve dolgu da gereksizleşir. */
  .uya-vitrin[b-j4f26lv0gj]  .uya-suzgec {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0;
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-suzgec__kaynak .app-field__hint {
    position: static;
    margin-top: 0;
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-suzgec__kaynak { flex: 1 1 auto; min-width: 0; }
  .uya-vitrin[b-j4f26lv0gj]  .uya-suzgec__dugme .au-btn { flex: 1 1 auto; }

  .uya-vitrin[b-j4f26lv0gj]  .uya-kart { padding: 16px 12px; }
  .uya-vitrin[b-j4f26lv0gj]  .uya-bolum-baslik { font-size: var(--yazi-bolum, 14px); }
  .uya-vitrin[b-j4f26lv0gj]  .uya-tablo { font-size: var(--yazi-govde, 13px); }
  .uya-vitrin[b-j4f26lv0gj]  .uya-tablo th,
  .uya-vitrin[b-j4f26lv0gj]  .uya-tablo td { padding: 10px; }

  .uya-vitrin[b-j4f26lv0gj]  .uya-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .uya-vitrin[b-j4f26lv0gj]  .uya-popup__bas,
  .uya-vitrin[b-j4f26lv0gj]  .uya-popup__govde,
  .uya-vitrin[b-j4f26lv0gj]  .uya-popup__eylem { padding: 12px; }

  .uya-vitrin[b-j4f26lv0gj]  .uya-popup__eylem .au-btn { flex: 1 1 auto; }
  .uya-vitrin[b-j4f26lv0gj]  .uya-kurtarma .au-btn { flex: 1 1 auto; }

  .uya-vitrin[b-j4f26lv0gj]  .uya-bilgi > div {
    grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Wallet/WalletAuditLog.razor.rz.scp.css */
/* Cüzdan Denetim Kaydı — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 23 px başlık + 16/24/18 px dolgu, kontrol 34 px, tablo başlığı --marka-rampa-serit.
   Yeni hex YOK — hepsi mevcut token. !important YOK, sahte spacer YOK.
   `::deep` kullanılır: kapak/tablo bileşenin kendi markup'ında, ancak DataStates ve
   AppChipGroup çocuk bileşen çıktısıdır; tek biçim iki durumu da kapsar
   (onaylı referans: Admin/OrgUnits/OrgUnitTypes.razor.css). */

.wal-vitrin[b-wnq66781s6] {
  padding-top: 0; /* gezinme–kapak aralığı kapak marjıyla verilir, birikme yok */
}

/* ── Kapak: başlık + filtre + eylem tek beyaz yüzeyde ──────────── */
.wal-vitrin[b-wnq66781s6]  .wal-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.wal-vitrin[b-wnq66781s6]  .wal-kapak__geri { grid-area: geri; }
.wal-vitrin[b-wnq66781s6]  .wal-kapak__metin { grid-area: baslik; min-width: 0; }
.wal-vitrin[b-wnq66781s6]  .wal-kapak__filtre { grid-area: filtre; }
.wal-vitrin[b-wnq66781s6]  .wal-kapak__eylem { grid-area: eylem; }

.wal-vitrin[b-wnq66781s6]  .wal-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.wal-vitrin[b-wnq66781s6]  .wal-alt {
  max-width: 78ch;
  margin: 6px 0 0;
  color: var(--n-500);
  font-size: 12px;
  line-height: 1.6;
}

.wal-vitrin[b-wnq66781s6]  .wal-kapak__filtre {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.wal-vitrin[b-wnq66781s6]  .wal-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Filtre kabı kapak içinde ikinci bir kart oluşturmaz (şeffaf, sıfır dolgu). */
.wal-vitrin[b-wnq66781s6]  .wal-kapak__filtre .app-chips {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.wal-vitrin[b-wnq66781s6]  .wal-kapak__filtre .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* ── Düğme taban çizgisi (kapak ve kart ortak) ─────────────────── */
.wal-vitrin[b-wnq66781s6]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.wal-vitrin[b-wnq66781s6]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.wal-vitrin[b-wnq66781s6]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.wal-vitrin[b-wnq66781s6]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
}

.wal-vitrin[b-wnq66781s6]  .au-btn:disabled { opacity: .55; cursor: not-allowed; }

.wal-vitrin[b-wnq66781s6]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* ── Kart: üst marka şeridi + bölüm başlığı üçgeni ─────────────── */
.wal-vitrin[b-wnq66781s6]  :is(.wal-kart, .ds-panel) {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.wal-vitrin[b-wnq66781s6]  :is(.wal-kart, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.wal-vitrin[b-wnq66781s6]  .wal-kart-bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.wal-vitrin[b-wnq66781s6]  .wal-bolum-bas {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.wal-vitrin[b-wnq66781s6]  .wal-bolum-bas::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.wal-vitrin[b-wnq66781s6]  .wal-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.wal-vitrin[b-wnq66781s6]  .wal-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Boş durum ─────────────────────────────────────────────────── */
.wal-vitrin[b-wnq66781s6]  .wal-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.wal-vitrin[b-wnq66781s6]  .wal-bos h3 {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
}

.wal-vitrin[b-wnq66781s6]  .wal-bos p {
  max-width: 62ch;
  margin: 0;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.wal-vitrin[b-wnq66781s6]  .wal-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: `cihaz.css` telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` genel siperini yazar.
   Tablo kendi kabında kaydığı için o siper burada sticky thead'i bozar ve ikinci bir
   yatay kaydırıcı açar (onaylı referans aynı sıfırlamayı yapar: OrgUnitTypes.razor.css). */
.wal-vitrin[b-wnq66781s6]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.wal-vitrin[b-wnq66781s6]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.wal-vitrin[b-wnq66781s6]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.wal-vitrin[b-wnq66781s6]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.wal-vitrin[b-wnq66781s6]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wal-vitrin[b-wnq66781s6]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.wal-vitrin[b-wnq66781s6]  .wal-tarih {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.wal-vitrin[b-wnq66781s6]  .wal-tutar {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.wal-vitrin[b-wnq66781s6]  .au-result-table .au-dim { color: var(--n-500); }

.wal-vitrin[b-wnq66781s6]  .wal-satir-eylem {
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}

.wal-vitrin[b-wnq66781s6]  .au-result-table :is(th, td):last-child { width: 1%; }

.wal-vitrin[b-wnq66781s6]  .wal-daha {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

/* ── Görünür popup: native dialog, top-layer ───────────────────── */
.wal-vitrin[b-wnq66781s6]  .wal-popup {
  /* İşlem popup'ından geniş: JSONB ek veri bloğu satır kırmadan okunsun. */
  width: min(720px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.wal-vitrin[b-wnq66781s6]  .wal-popup[open] { display: flex; flex-direction: column; }
.wal-vitrin[b-wnq66781s6]  .wal-popup::backdrop { background: var(--scrim); }

/* Başlık ve eylemler sabit kalır; yalnız gövde kayar. */
.wal-vitrin[b-wnq66781s6]  .wal-popup-bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.wal-vitrin[b-wnq66781s6]  .wal-popup-bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.wal-vitrin[b-wnq66781s6]  .wal-popup-bas h2:focus { outline: none; }

.wal-vitrin[b-wnq66781s6]  .wal-popup-kapat {
  flex: 0 0 auto;
  padding-inline: 12px;
  font-size: 20px;
  line-height: 1;
}

.wal-vitrin[b-wnq66781s6]  .wal-popup-govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.wal-vitrin[b-wnq66781s6]  .wal-bilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.wal-vitrin[b-wnq66781s6]  .wal-bilgi > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.wal-vitrin[b-wnq66781s6]  .wal-bilgi > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wal-vitrin[b-wnq66781s6]  .wal-bilgi dt { color: var(--n-500); }

.wal-vitrin[b-wnq66781s6]  .wal-bilgi dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.wal-vitrin[b-wnq66781s6]  .wal-kimlik {
  color: var(--marka-700);
  font-size: 12px;
  unicode-bidi: isolate;
}

/* Tabloda korelasyon kimliği satırı şişirmez; tam değer popup'ta. */
.wal-vitrin[b-wnq66781s6]  .wal-kisa-kimlik {
  display: inline-block;
  max-width: 22ch;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  unicode-bidi: isolate;
}

/* Salt-okunur uyarısı: kayıtlar append-only, popup'ta düzenleme yok. */
.wal-vitrin[b-wnq66781s6]  .wal-popup-not {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 4%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.6;
}

.wal-vitrin[b-wnq66781s6]  .wal-popup-alt-bas {
  margin: 18px 0 8px;
  color: var(--metin-murekkep);
  font: 700 13px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.wal-vitrin[b-wnq66781s6]  .wal-popup-bos {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
}

/* JSONB ek veri: kendi alanında kayar, sayfayı uzatmaz. */
.wal-vitrin[b-wnq66781s6]  .wal-meta {
  max-height: min(240px, 34dvh);
  margin: 0;
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
  color: var(--metin-ikincil);
  font-size: 12px;
  line-height: 1.6;
  tab-size: 2;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.wal-vitrin[b-wnq66781s6]  .wal-popup-eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.wal-vitrin[b-wnq66781s6]  :is(.au-btn, .wal-tablo-kaydir, .wal-meta):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ GENİŞ: başlık solda, filtre ve eylem sağ kenarda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .wal-vitrin[b-wnq66781s6]  .wal-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `end` hizalaması kabı shrink-to-fit ölçtürür; sarmalı flex kapta Chromium
     max-content'i çocukların İÇERİK genişliğinden hesaplar → kap daralıp çipler
     alt alta yığılabilir. Kap hücreyi kaplasın, sağa yaslamayı flex satırı yapsın. */
  .wal-vitrin[b-wnq66781s6]  .wal-kapak__filtre { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md kırılımları ────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .wal-vitrin[b-wnq66781s6]  .wal-kapak { padding: 16px; }

  .wal-vitrin[b-wnq66781s6]  :is(.au-btn, .au-btn--sm) { min-height: 44px; }

  /* İlk anlamlı sütun (Tarih) yatay kaydırmada yapışık kalır. */
  .wal-vitrin[b-wnq66781s6]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .wal-vitrin[b-wnq66781s6]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .wal-vitrin[b-wnq66781s6]  .wal-kapak__filtre .app-chip-btn {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .wal-vitrin[b-wnq66781s6]  .wal-kapak {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "filtre"
      "eylem";
    padding: 12px;
    gap: 12px;
  }

  .wal-vitrin[b-wnq66781s6]  .wal-kapak .au-title { font-size: var(--yazi-kapak, 20px); }

  /* Süzgeç tek sütun; eylemler başlığın altında içerik genişliğinde. */
  .wal-vitrin[b-wnq66781s6]  .wal-kapak__filtre { flex-direction: column; align-items: stretch; }
  .wal-vitrin[b-wnq66781s6]  .wal-kapak__eylem { width: 100%; }
  .wal-vitrin[b-wnq66781s6]  .wal-kapak__eylem .au-btn { flex: 1 1 auto; }

  .wal-vitrin[b-wnq66781s6]  .wal-kart { padding: 16px 12px; }
  .wal-vitrin[b-wnq66781s6]  .wal-bolum-bas { font-size: var(--yazi-bolum, 14px); }

  .wal-vitrin[b-wnq66781s6]  .wal-kart-bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .wal-vitrin[b-wnq66781s6]  .wal-tablo-kaydir { max-height: min(460px, 62dvh); }

  .wal-vitrin[b-wnq66781s6]  .au-result-table { min-width: 820px; }
  .wal-vitrin[b-wnq66781s6]  .au-result-table :is(th, td) { padding: 10px; }

  .wal-vitrin[b-wnq66781s6]  .wal-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .wal-vitrin[b-wnq66781s6]  :is(.wal-popup-bas, .wal-popup-govde, .wal-popup-eylem) { padding: 12px; }

  .wal-vitrin[b-wnq66781s6]  .wal-popup-kapat {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
  }

  .wal-vitrin[b-wnq66781s6]  .wal-popup-eylem .au-btn { flex: 1 1 auto; }

  .wal-vitrin[b-wnq66781s6]  .wal-bilgi > div {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Pages/Wallet/WalletDashboard.razor.rz.scp.css */
/* Cüzdan panosu (/admin/wallet) — Akademik Analiz görsel dili, sayfa-scoped.
   Ölçü kaynağı: docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md
   (kapak 16/24/18 · h1 23/700 · kontrol 34 px · KPI bandı 30 px + değer 27/700 ·
   bölüm kartı 18 px + 5 px şerit · grafik "kisa" 240 px · tablo başlığı marka rampası).
   --agv-* / --anv-* token'ları yalnız analiz vitrininde tanımlı olduğundan buradaki
   vurgular mevcut global token'ların takma adıdır — yeni palet üretilmedi. */

.wd-vitrin[b-kib8r5dkv6] {
  /* Onaylı analiz rampası (--agv-kpi-etiket-1..6) beyaz yazıyla AA'yı geçer (5,2-6,8:1);
     ham global karşılıkları geçmiyor: beyaz yazı --marka-rampa-uc (#207e8e) üstünde 4,34:1,
     --hub-ton-kisalink (#108a6e) üstünde 4,30:1 (AA sınırı 4,5:1). Yeni hex üretmeden
     mevcut token'ları --marka-700 ile karıştırıp onaylı bandın parlaklığına indiriyoruz. */
  --wd-v1: var(--marka-600); /* #203188 — --agv-kpi-etiket-1 ile birebir */
  --wd-v2: color-mix(in srgb, var(--marka-rampa-orta) 85%, var(--marka-700));
  --wd-v3: color-mix(in srgb, var(--marka-rampa-uc) 85%, var(--marka-700));
  --wd-v4: color-mix(in srgb, var(--hub-ton-kisalink) 85%, var(--marka-700));
  max-width: none;
  padding: 0 0 8px;
  color: var(--metin-murekkep);
  font-family: var(--font-body);
}

/* ── Kapak ── */
.wd-vitrin .wd-kapak[b-kib8r5dkv6] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas: "geri baslik eylem";
  align-items: center;
  gap: 14px 12px;
  margin: 0 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.wd-vitrin .wd-kapak__geri[b-kib8r5dkv6] { grid-area: geri; min-width: 0; }
.wd-vitrin .wd-kapak__geri[b-kib8r5dkv6]  .au-breadcrumb { margin: 0; color: var(--metin-ikincil); }
.wd-vitrin .wd-kapak__baslik[b-kib8r5dkv6] { grid-area: baslik; min-width: 0; }

.wd-vitrin .wd-kapak .au-title[b-kib8r5dkv6] {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -0.026em;
  color: var(--marka-700);
}

.wd-vitrin .wd-kapak__alt[b-kib8r5dkv6] {
  margin: 4px 0 0;
  color: var(--metin-ikincil);
  font-size: 12.5px;
  line-height: 1.5;
}

.wd-vitrin .wd-kapak__eylem[b-kib8r5dkv6] {
  grid-area: eylem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-self: end;
}

/* ── Düğmeler ── */
.wd-vitrin .wd-dugme[b-kib8r5dkv6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body);
  text-decoration: none;
  cursor: pointer;
}

.wd-vitrin .wd-dugme:hover:not(:disabled)[b-kib8r5dkv6] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

.wd-vitrin .wd-dugme:disabled[b-kib8r5dkv6] { opacity: 0.6; cursor: default; }

.wd-vitrin .wd-dugme--ana[b-kib8r5dkv6] {
  background: var(--marka-600);
  border-color: var(--marka-600);
  color: var(--on-brand);
}

.wd-vitrin .wd-dugme--ana:hover:not(:disabled)[b-kib8r5dkv6] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.wd-vitrin :is(.wd-dugme, .wd-sekme, .wd-panel, .wd-baglanti, .wd-grafik__cubuk):focus-visible[b-kib8r5dkv6] {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── Uyarı bandı ── */
.wd-vitrin .wd-uyari-bandi[b-kib8r5dkv6] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--marka-rampa-uc) 30%, transparent);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-rampa-uc) 8%, var(--yuzey));
  color: var(--marka-700);
  font-size: 13px;
  line-height: 1.5;
}

.wd-vitrin .wd-uyari-bandi svg[b-kib8r5dkv6] { flex-shrink: 0; margin-top: 1px; }

/* ── KPI şeridi: tek birleşik yüzey ── */
.wd-vitrin .wd-kpi-serit[b-kib8r5dkv6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  overflow: hidden;
}

.wd-vitrin .wd-kpi-serit--ic[b-kib8r5dkv6] { margin-bottom: 14px; }

.wd-vitrin .wd-kpi[b-kib8r5dkv6] {
  --wd-kpi-vurgu: var(--wd-v1);
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0 0 15px;
  background: var(--yuzey);
  border-inline-end: 1px solid var(--hat-kart);
}

.wd-vitrin .wd-kpi:last-child[b-kib8r5dkv6] { border-inline-end: 0; }
.wd-vitrin .wd-kpi:nth-child(2)[b-kib8r5dkv6] { --wd-kpi-vurgu: var(--wd-v2); }
.wd-vitrin .wd-kpi:nth-child(3)[b-kib8r5dkv6] { --wd-kpi-vurgu: var(--wd-v3); }
.wd-vitrin .wd-kpi:nth-child(n + 4)[b-kib8r5dkv6] { --wd-kpi-vurgu: var(--wd-v4); }

.wd-vitrin .wd-kpi__bant[b-kib8r5dkv6] {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 7px;
  padding: 0 16px;
  background: var(--wd-kpi-vurgu);
  color: var(--on-brand);
  font: 700 11.5px/1.2 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wd-vitrin .wd-kpi__deger[b-kib8r5dkv6] {
  padding: 0 16px;
  color: var(--metin-murekkep);
  font: 700 27px/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.wd-vitrin .wd-kpi__alt[b-kib8r5dkv6] {
  padding: 5px 16px 0;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

/* ── Bölüm sekmeleri ── */
.wd-vitrin .wd-sekmeler[b-kib8r5dkv6] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: var(--yuzey);
}

.wd-vitrin .wd-sekme[b-kib8r5dkv6] {
  --wd-sekme-vurgu: var(--wd-v1);
  flex: 1 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 3px 8px 8px 8px;
  background: transparent;
  color: var(--metin-ikincil);
  font: 600 12.5px/1.4 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.wd-vitrin .wd-sekme:nth-child(2)[b-kib8r5dkv6] { --wd-sekme-vurgu: var(--wd-v2); }
.wd-vitrin .wd-sekme:nth-child(n + 3)[b-kib8r5dkv6] { --wd-sekme-vurgu: var(--wd-v3); }

.wd-vitrin .wd-sekme:hover[b-kib8r5dkv6] {
  background: color-mix(in srgb, var(--wd-sekme-vurgu) 14%, var(--yuzey));
  color: var(--wd-sekme-vurgu);
}

/* Seçili sekme hover'da da koyu kalır. */
.wd-vitrin .wd-sekme[aria-selected="true"][b-kib8r5dkv6],
.wd-vitrin .wd-sekme[aria-selected="true"]:hover[b-kib8r5dkv6] {
  background: var(--wd-sekme-vurgu);
  color: var(--on-brand);
}

.wd-vitrin .wd-sekme:focus-visible[b-kib8r5dkv6] { outline-color: var(--wd-sekme-vurgu); }
.wd-vitrin .wd-panel[b-kib8r5dkv6] { min-width: 0; }

/* ── Bölüm kartı ── */
.wd-vitrin .wd-bolum[b-kib8r5dkv6] {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.wd-vitrin .wd-bolum--nav[b-kib8r5dkv6] { margin-top: 16px; }

.wd-vitrin .wd-bolum[b-kib8r5dkv6]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: var(--marka-degrade);
}

.wd-vitrin .wd-bolum__baslik[b-kib8r5dkv6] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -0.012em;
}

.wd-vitrin .wd-bolum__baslik[b-kib8r5dkv6]::before {
  content: "";
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.wd-vitrin .wd-bos[b-kib8r5dkv6] { margin: 0; color: var(--metin-ikincil); font-size: 13px; line-height: 1.6; }
.wd-vitrin .wd-bos--serit[b-kib8r5dkv6] { margin-bottom: 16px; }

/* Görsel akıştan çıkan, ekran okuyucunun gördüğü metin. */
.wd-vitrin .wd-gizli[b-kib8r5dkv6] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ── 30 günlük maliyet grafiği (referans "kisa" = 240 px) ── */
.wd-vitrin .wd-grafik[b-kib8r5dkv6] {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 240px;
  padding: 4px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

.wd-vitrin .wd-grafik__cubuk[b-kib8r5dkv6] {
  flex: 1 1 0;
  min-width: 4px;
  padding: 0;
  border: 0;
  border-radius: 2px 2px 0 0;
  background: var(--marka-rampa-serit);
  cursor: pointer;
}

.wd-vitrin .wd-grafik__cubuk:hover[b-kib8r5dkv6] { background: var(--marka-600); }

.wd-vitrin .wd-grafik__eksen[b-kib8r5dkv6] {
  display: flex;
  justify-content: space-between;
  margin: 6px 2px 14px;
  color: var(--metin-ipucu);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}

/* ── Bilgi listesi ── */
.wd-vitrin .wd-bilgi[b-kib8r5dkv6] { display: flex; flex-direction: column; gap: 2px; margin: 0; }

.wd-vitrin .wd-bilgi > div[b-kib8r5dkv6] {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: baseline;
  padding: 9px 10px;
  font-size: 13px;
}

.wd-vitrin .wd-bilgi > div:nth-child(odd)[b-kib8r5dkv6] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }
.wd-vitrin .wd-bilgi dt[b-kib8r5dkv6] { color: var(--metin-ipucu); }
.wd-vitrin .wd-bilgi dd[b-kib8r5dkv6] { min-width: 0; margin: 0; color: var(--metin-ikincil); text-align: end; overflow-wrap: anywhere; }

/* ── Tablo ── */
.wd-vitrin .wd-tablo-kap[b-kib8r5dkv6] {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 10px 10px 10px;
}

.wd-vitrin .wd-tablo[b-kib8r5dkv6] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--yuzey);
  font-size: 13px;
  color: var(--metin-murekkep);
}

/* Geçiş satır boyunca TEK parça çizilir; hücrelerde yeniden başlamaz. */
.wd-vitrin .wd-tablo thead tr[b-kib8r5dkv6] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.wd-vitrin .wd-tablo thead th[b-kib8r5dkv6] {
  padding: 10px 13px;
  background: transparent;
  color: var(--on-brand);
  font: 700 11.5px/1.3 var(--font-body);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: start;
  white-space: nowrap;
}

.wd-vitrin .wd-tablo tbody tr[b-kib8r5dkv6] { background: var(--yuzey); }
.wd-vitrin .wd-tablo tbody tr:nth-child(even)[b-kib8r5dkv6] { background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey)); }

.wd-vitrin .wd-tablo tbody td[b-kib8r5dkv6] {
  padding: 10px 13px;
  border-top: 1px solid color-mix(in srgb, var(--marka-600) 8%, transparent);
  overflow-wrap: anywhere;
}

.wd-vitrin .wd-tablo .wd-sag[b-kib8r5dkv6] { text-align: end; font-variant-numeric: tabular-nums; }

/* ── Yönetim bağlantıları ── */
.wd-vitrin .wd-baglantilar[b-kib8r5dkv6] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
}

.wd-vitrin .wd-baglanti[b-kib8r5dkv6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font: 600 13px/1.3 var(--font-body);
  text-decoration: none;
}

.wd-vitrin .wd-baglanti:hover[b-kib8r5dkv6] {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
  border-color: var(--marka-400);
}

/* ── Rozetler ── */
.wd-vitrin .wd-rozet[b-kib8r5dkv6] {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font: 600 11.5px/1.4 var(--font-body);
  white-space: nowrap;
}

/* Rozet yazısı koyultulmuş rampadan — ham ton açık zeminde 3,7:1 ile AA'nın altındaydı. */
.wd-vitrin .wd-rozet--acik[b-kib8r5dkv6] {
  background: color-mix(in srgb, var(--wd-v3) 12%, var(--yuzey));
  border-color: color-mix(in srgb, var(--wd-v3) 34%, transparent);
  color: var(--wd-v3);
}

.wd-vitrin .wd-rozet--pasif[b-kib8r5dkv6] {
  background: color-mix(in srgb, var(--metin-ipucu) 12%, var(--yuzey));
  border-color: color-mix(in srgb, var(--metin-ipucu) 34%, transparent);
  color: var(--metin-ikincil);
}

/* ── Gün ayrıntısı popup'ı ──
   Arka plan kaydırma kilidi WalletDashboard.razor.js'te: scoped CSS `html:has(…)` seçicisini
   `html:has(…)[b-xxx]` diye yeniden yazar ve <html> o niteliği taşımaz — kural ölü kalırdı. */

.wd-vitrin .wd-popup[b-kib8r5dkv6] {
  width: min(480px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.wd-vitrin .wd-popup[open][b-kib8r5dkv6] { display: flex; flex-direction: column; }
.wd-vitrin .wd-popup[b-kib8r5dkv6]::backdrop { background: var(--scrim); }

.wd-vitrin .wd-popup__bas[b-kib8r5dkv6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.wd-vitrin .wd-popup__bas h2[b-kib8r5dkv6] {
  min-width: 0;
  margin: 0;
  font: 700 18px/1.3 var(--font-display);
  color: var(--marka-700);
}

.wd-vitrin .wd-popup__bas h2:focus[b-kib8r5dkv6] { outline: none; }

.wd-vitrin .wd-popup__kapat[b-kib8r5dkv6] {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.wd-vitrin .wd-popup__kapat:hover[b-kib8r5dkv6] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); }
.wd-vitrin .wd-popup__kapat:focus-visible[b-kib8r5dkv6] { outline: 2px solid var(--marka-600); outline-offset: 2px; }

.wd-vitrin .wd-popup__govde[b-kib8r5dkv6] { min-height: 0; padding: 18px; overflow: auto; overscroll-behavior: contain; }

.wd-vitrin .wd-popup__eylem[b-kib8r5dkv6] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

/* DataStates'in varsayılan iskelet/hata paneli bölüm kartıyla aynı yüzeyi alır. */
.wd-vitrin[b-kib8r5dkv6]  .ds-panel {
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
  background: color-mix(in srgb, var(--marka-500) 2%, var(--yuzey));
}

/* ── CİHAZ (telefon ∪ tablet) ── */
@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .wd-vitrin .wd-kapak[b-kib8r5dkv6] {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "geri baslik"
      "eylem eylem";
    padding: 16px;
  }

  .wd-vitrin .wd-kapak__eylem[b-kib8r5dkv6] { justify-self: stretch; }
  .wd-vitrin .wd-dugme[b-kib8r5dkv6] { min-height: 44px; }

  /* Sekmeler tek yatay kaydırılabilir şerit. */
  .wd-vitrin .wd-sekmeler[b-kib8r5dkv6] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .wd-vitrin .wd-sekme[b-kib8r5dkv6] { flex: 0 0 auto; min-height: 44px; }

  /* Dokunmatikte çubuklar daha kolay hedeflenir. 30 çubuk × 8 px + 29 × 4 px = 356 px,
     390 px telefonda kart içi alandan (≈334 px) geniş — kaydırma KENDİ alanında kalmalı,
     yoksa sayfanın tamamı yatay taşar (YENI-DIL §1: sayfa yatay kaymaz). */
  .wd-vitrin .wd-grafik[b-kib8r5dkv6] {
    gap: 4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  /* `flex: 1 1 0` + taban 8 px: yer varsa büyür, yoksa 8 px'te durur ve şerit kayar. */
  .wd-vitrin .wd-grafik__cubuk[b-kib8r5dkv6] { min-width: 8px; }

  /* İlk anlamlı sütun yatay kaydırmada yapışık kalır. */
  .wd-vitrin .wd-tablo :is(th, td):first-child[b-kib8r5dkv6] { position: sticky; left: 0; z-index: 1; }
  /* Yapışık başlık hücresi rampanın %0 durağıyla (--marka-500) aynı renkte olmalı; aksi
     halde kaydırılmamış tabloda sol kenarda görünür bir ek yeri kalır. */
  .wd-vitrin .wd-tablo thead th:first-child[b-kib8r5dkv6] { z-index: 3; background: var(--marka-500); }
  .wd-vitrin .wd-tablo tbody td.wd-yapiskan[b-kib8r5dkv6] { background-color: inherit; }
}

/* ── TELEFON ── */
@media (max-width: 640px) {
  .wd-vitrin .wd-kapak[b-kib8r5dkv6] { padding: 12px; }
  .wd-vitrin .wd-kapak .au-title[b-kib8r5dkv6] { font-size: var(--yazi-kapak, 20px); }
  .wd-vitrin .wd-kapak__alt[b-kib8r5dkv6] { font-size: var(--yazi-kucuk, 12px); }

  .wd-vitrin .wd-kapak__eylem[b-kib8r5dkv6] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .wd-vitrin .wd-kapak__eylem .wd-dugme[b-kib8r5dkv6] { flex: 0 0 auto; }

  .wd-vitrin .wd-kpi-serit[b-kib8r5dkv6] { grid-template-columns: minmax(0, 1fr); }
  .wd-vitrin .wd-kpi[b-kib8r5dkv6] { border-inline-end: 0; border-block-end: 1px solid var(--hat-kart); }
  .wd-vitrin .wd-kpi:last-child[b-kib8r5dkv6] { border-block-end: 0; }
  .wd-vitrin .wd-kpi__deger[b-kib8r5dkv6] { font-size: var(--yazi-kpi, 20px); }

  .wd-vitrin .wd-bolum[b-kib8r5dkv6] { padding: 16px 12px; }
  .wd-vitrin .wd-bolum__baslik[b-kib8r5dkv6] { font-size: var(--yazi-bolum, 14px); }

  .wd-vitrin .wd-grafik[b-kib8r5dkv6] { height: 180px; }
  .wd-vitrin .wd-baglantilar[b-kib8r5dkv6] { grid-template-columns: minmax(0, 1fr); }
  .wd-vitrin .wd-tablo[b-kib8r5dkv6] { font-size: var(--yazi-govde, 13px); }

  .wd-vitrin .wd-popup[b-kib8r5dkv6] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .wd-vitrin :is(.wd-popup__bas, .wd-popup__govde, .wd-popup__eylem)[b-kib8r5dkv6] { padding: 12px; }
  .wd-vitrin .wd-popup__eylem .wd-dugme[b-kib8r5dkv6] { flex: 1 1 auto; }
  .wd-vitrin .wd-bilgi > div[b-kib8r5dkv6] { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.2fr); gap: 8px; padding: 9px 6px; }
}
/* _content/EduLive.Web/Components/Pages/Wallet/WalletTransactions.razor.rz.scp.css */
/* Cüzdan İşlemleri — Akademik Analiz ölçüleri, yalnız bu sayfa.
   Ölçüler docs/tasarim/edulive-web-tasarim/references/akademik-analiz.md'den:
   kapak 23 px başlık + 16/24/18 px dolgu, kontrol 34 px, tablo başlığı --marka-rampa-serit.
   Yeni hex YOK — hepsi mevcut token. !important YOK, sahte spacer YOK.
   `::deep` kullanılır: kapak/tablo bileşenin kendi markup'ında, ancak DataStates ve
   AppChipGroup çocuk bileşen çıktısıdır; tek biçim iki durumu da kapsar
   (onaylı referans: Admin/OrgUnits/OrgUnitTypes.razor.css). */

.wtx-vitrin[b-x3efrg87z6] {
  padding-top: 0; /* gezinme–kapak aralığı kapak marjıyla verilir, birikme yok */
}

/* ── Kapak: başlık + filtre + eylem tek beyaz yüzeyde ──────────── */
.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "geri baslik"
    "filtre filtre"
    "eylem eylem";
  gap: 14px 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px 24px 18px;
  border: 1px solid var(--hat-kart);
  border-radius: 3px 0 0 0;
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 26px 48px -30px color-mix(in srgb, var(--marka-600) 65%, transparent);
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__geri { grid-area: geri; }
.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__metin { grid-area: baslik; min-width: 0; }
.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__filtre { grid-area: filtre; }
.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__eylem { grid-area: eylem; }

.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak .au-title {
  margin: 0;
  font: 700 23px/1.1 var(--font-display);
  letter-spacing: -.026em;
  color: var(--marka-700);
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__filtre {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Filtre kabı kapak içinde ikinci bir kart oluşturmaz (şeffaf, sıfır dolgu). */
.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__filtre .app-chips {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__filtre .app-field__label {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* ── Düğme taban çizgisi (kapak ve kart ortak) ─────────────────── */
.wtx-vitrin[b-x3efrg87z6]  .au-btn {
  min-height: 34px;
  gap: 6px;
  padding: 0 13px;
  border: 1px solid var(--hat-girdi);
  border-radius: var(--kose-dugme);
  background: var(--yuzey);
  color: var(--marka-700);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: none;
}

.wtx-vitrin[b-x3efrg87z6]  .au-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.wtx-vitrin[b-x3efrg87z6]  .au-btn--primary {
  border-color: var(--marka-600);
  background: var(--marka-600);
  color: var(--on-brand);
}

.wtx-vitrin[b-x3efrg87z6]  .au-btn--primary:hover:not(:disabled) {
  background: var(--marka-500);
}

.wtx-vitrin[b-x3efrg87z6]  .au-btn:disabled { opacity: .55; cursor: not-allowed; }

.wtx-vitrin[b-x3efrg87z6]  .au-btn--sm {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 12px;
}

/* ── Kart: üst marka şeridi + bölüm başlığı üçgeni ─────────────── */
.wtx-vitrin[b-x3efrg87z6]  :is(.wtx-kart, .ds-panel) {
  position: relative;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--metin-murekkep) 4%, transparent),
    0 18px 34px -26px color-mix(in srgb, var(--metin-murekkep) 50%, transparent);
}

.wtx-vitrin[b-x3efrg87z6]  :is(.wtx-kart, .ds-panel)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(94deg, var(--marka-500) 0%, var(--turkuaz-500) 52%, var(--basari) 100%);
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-kart-bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 12px;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bolum-bas {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
  letter-spacing: -.012em;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bolum-bas::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  background: var(--marka-degrade);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-ozet {
  margin: 0;
  color: var(--n-500);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-gizli-metin {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── Boş durum ─────────────────────────────────────────────────── */
.wtx-vitrin[b-x3efrg87z6]  .wtx-bos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 36px 20px;
  text-align: center;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bos h3 {
  margin: 0;
  color: var(--metin-murekkep);
  font: 700 15px/1.4 var(--font-display);
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bos p {
  max-width: 62ch;
  margin: 0;
  color: var(--n-500);
  font-size: 13px;
  line-height: 1.6;
}

/* ── Tablo: sınırlı alanda kayar, başlık üstte sabit ───────────── */
.wtx-vitrin[b-x3efrg87z6]  .wtx-tablo-kaydir {
  max-height: min(540px, 60dvh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-dugme);
}

/* display/overflow/max-width SIFIRLAMASI ZORUNLU: `cihaz.css` telefon bandında
   `body.edulive-cihaz table { display:block; overflow-x:auto }` genel siperini yazar.
   Tablo kendi kabında kaydığı için o siper burada sticky thead'i bozar ve ikinci bir
   yatay kaydırıcı açar (onaylı referans aynı sıfırlamayı yapar: OrgUnitTypes.razor.css). */
.wtx-vitrin[b-x3efrg87z6]  .au-result-table {
  display: table;
  overflow: visible;
  max-width: none;
  width: 100%;
  min-width: 940px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.wtx-vitrin[b-x3efrg87z6]  .au-result-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--marka-rampa-serit);
}

.wtx-vitrin[b-x3efrg87z6]  .au-result-table th {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.wtx-vitrin[b-x3efrg87z6]  .au-result-table td {
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid var(--hat-kart);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  vertical-align: middle;
}

.wtx-vitrin[b-x3efrg87z6]  .au-result-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wtx-vitrin[b-x3efrg87z6]  .au-result-table tbody tr:hover td {
  background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey));
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-tarih {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-tutar {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* Yön yalnız renkle belirtilir — tutar METNİ ve biçimi değişmez. */
.wtx-vitrin[b-x3efrg87z6]  .wtx-tutar--dusum { color: var(--marka-rampa-uc); }
.wtx-vitrin[b-x3efrg87z6]  .wtx-tutar--giris { color: var(--marka-700); }

.wtx-vitrin[b-x3efrg87z6]  .au-result-table .au-dim { color: var(--n-500); }

.wtx-vitrin[b-x3efrg87z6]  .wtx-satir-eylem {
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}

.wtx-vitrin[b-x3efrg87z6]  .au-result-table :is(th, td):last-child { width: 1%; }

.wtx-vitrin[b-x3efrg87z6]  .wtx-daha {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

/* ── Görünür popup: native dialog, top-layer ───────────────────── */
.wtx-vitrin[b-x3efrg87z6]  .wtx-popup {
  width: min(640px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--hat-kart);
  border-radius: var(--kose-bolum);
  background: var(--yuzey);
  color: var(--metin-murekkep);
  box-shadow: var(--panel-golge);
  overflow: hidden;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-popup[open] { display: flex; flex-direction: column; }
.wtx-vitrin[b-x3efrg87z6]  .wtx-popup::backdrop { background: var(--scrim); }

/* Başlık ve eylemler sabit kalır; yalnız gövde kayar. */
.wtx-vitrin[b-x3efrg87z6]  .wtx-popup-bas {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--hat-kart);
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-popup-bas h2 {
  min-width: 0;
  margin: 0;
  color: var(--marka-700);
  font: 700 18px/1.3 var(--font-display);
  overflow-wrap: anywhere;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-popup-bas h2:focus { outline: none; }

.wtx-vitrin[b-x3efrg87z6]  .wtx-popup-kapat {
  flex: 0 0 auto;
  padding-inline: 12px;
  font-size: 20px;
  line-height: 1;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-popup-govde {
  min-height: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bilgi > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px;
  font-size: 13px;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bilgi > div:nth-child(odd) {
  background: color-mix(in srgb, var(--marka-500) 3%, var(--yuzey));
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-bilgi dt { color: var(--n-500); }

.wtx-vitrin[b-x3efrg87z6]  .wtx-bilgi dd {
  min-width: 0;
  margin: 0;
  color: var(--metin-ikincil);
  text-align: end;
  overflow-wrap: anywhere;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-kimlik {
  color: var(--marka-700);
  font-size: 12px;
  unicode-bidi: isolate;
}

.wtx-vitrin[b-x3efrg87z6]  .wtx-popup-eylem {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid var(--hat-kart);
}

.wtx-vitrin[b-x3efrg87z6]  :is(.au-btn, .wtx-tablo-kaydir):focus-visible {
  outline: 2px solid var(--marka-600);
  outline-offset: 2px;
}

/* ── MASAÜSTÜ GENİŞ: başlık solda, filtre ve eylem sağ kenarda ─── */
@media (min-width: 1540px) and (hover: hover) and (pointer: fine) {
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak {
    grid-template-columns: 30px auto minmax(0, 1fr) auto;
    grid-template-areas: "geri baslik filtre eylem";
  }

  /* `justify-self: end` kabı shrink-to-fit ölçtürür; sarmalı flex satırında Chromium
     max-content'i çocukların içerik genişliğinden hesaplar → kap daralır, çip grupları
     alt alta yığılır ve kapak uzar. Sütunu doldur, içeriği sağa yasla. */
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__filtre { justify-self: stretch; justify-content: flex-end; }
}

/* ── CİHAZ (telefon ∪ tablet) — YENI-DIL.md kırılımları ────────── */
@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak { padding: 16px; }

  .wtx-vitrin[b-x3efrg87z6]  :is(.au-btn, .au-btn--sm) { min-height: 44px; }

  /* İlk anlamlı sütun (Tarih) yatay kaydırmada yapışık kalır. */
  .wtx-vitrin[b-x3efrg87z6]  .au-result-table :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--hat-kart);
  }

  /* Sabit sütunun başlığı saydam kalamaz — altındaki hücreler görünürdü. */
  .wtx-vitrin[b-x3efrg87z6]  .au-result-table th:first-child {
    z-index: 3;
    background: var(--marka-500);
  }
}

@media (pointer: coarse) {
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__filtre .app-chip-btn {
    min-height: 44px;
    font-size: max(16px, 1rem);
  }
}

/* ── TELEFON ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "geri"
      "baslik"
      "filtre"
      "eylem";
    padding: 12px;
    gap: 12px;
  }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak .au-title { font-size: var(--yazi-kapak, 20px); }

  /* Süzgeç tek sütun; eylemler başlığın altında içerik genişliğinde. */
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__filtre { flex-direction: column; align-items: stretch; }
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__eylem { width: 100%; }
  .wtx-vitrin[b-x3efrg87z6]  .wtx-kapak__eylem .au-btn { flex: 1 1 auto; }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-kart { padding: 16px 12px; }
  .wtx-vitrin[b-x3efrg87z6]  .wtx-bolum-bas { font-size: var(--yazi-bolum, 14px); }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-kart-bas {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-tablo-kaydir { max-height: min(460px, 62dvh); }

  .wtx-vitrin[b-x3efrg87z6]  .au-result-table { min-width: 820px; }
  .wtx-vitrin[b-x3efrg87z6]  .au-result-table :is(th, td) { padding: 10px; }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-popup {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .wtx-vitrin[b-x3efrg87z6]  :is(.wtx-popup-bas, .wtx-popup-govde, .wtx-popup-eylem) { padding: 12px; }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-popup-kapat {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
  }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-popup-eylem .au-btn { flex: 1 1 auto; }

  .wtx-vitrin[b-x3efrg87z6]  .wtx-bilgi > div {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.6fr);
    gap: 8px;
    padding: 10px 6px;
  }
}
/* _content/EduLive.Web/Components/Shared/Admin/ImpersonationBanner.razor.rz.scp.css */
.imp-banner[b-mtx1bj6s9h] {
  position: sticky;
  top: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px;
  background: color-mix(in srgb, var(--amber-500) 16%, var(--glass-strong));
  border-bottom: 1px solid color-mix(in srgb, var(--amber-500) 40%, transparent);
  color: var(--amber-600);
  font-size: 13.5px;
  backdrop-filter: blur(8px);
}

.imp-banner__ico[b-mtx1bj6s9h] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.imp-banner__text[b-mtx1bj6s9h] {
  flex: 1;
  color: var(--fg-soft);
}

.imp-banner__text b[b-mtx1bj6s9h] {
  color: var(--fg);
}

.imp-banner__timer[b-mtx1bj6s9h] {
  color: var(--amber-600);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.imp-banner__exit[b-mtx1bj6s9h] {
  border: 1px solid color-mix(in srgb, var(--amber-600) 45%, transparent);
  background: transparent;
  color: var(--amber-600);
  border-radius: var(--radius-pill);
  padding: 5px 14px;
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s var(--ease-smooth);
}

.imp-banner__exit:hover:not(:disabled)[b-mtx1bj6s9h] {
  background: color-mix(in srgb, var(--amber-500) 18%, transparent);
}

.imp-banner__exit:disabled[b-mtx1bj6s9h] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* _content/EduLive.Web/Components/Shared/KarakterSecici.razor.rz.scp.css */
/* 2026-09-27 — KarakterSecici (VideoScriptUret .vu-pick-* kart diliyle aynı tokenlar). */
.kr[b-a2r1i5gz4u] { display: flex; flex-direction: column; gap: 10px; }

.kr-dim[b-a2r1i5gz4u] { margin: 0; color: var(--metin-ikincil); font-size: 12.5px; }

.kr-toolbar[b-a2r1i5gz4u] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.kr-count[b-a2r1i5gz4u] { font-size: 12.5px; font-weight: 600; color: var(--metin-ikincil); }
.kr-search[b-a2r1i5gz4u] {
  min-height: 34px; padding: 0 10px; min-width: 200px;
  border: 1px solid var(--hat-girdi); border-radius: var(--kose-dugme);
  background: var(--yuzey); color: var(--metin-murekkep); font-size: 13px;
}
.kr-warn[b-a2r1i5gz4u] { margin: 0; color: var(--durum-uyari-metin, #92400e); font-size: 12.5px; }

.kr-btn[b-a2r1i5gz4u] {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 34px; padding: 0 13px;
  border: 1px solid var(--hat-girdi); border-radius: var(--kose-dugme);
  background: var(--yuzey); color: var(--marka-700);
  font: 600 12.5px/1 var(--font-body); text-decoration: none; cursor: pointer;
}
.kr-btn:hover:not(:disabled)[b-a2r1i5gz4u] { background: color-mix(in srgb, var(--marka-500) 6%, var(--yuzey)); border-color: var(--marka-400); }

.kr-empty[b-a2r1i5gz4u] {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 14px; border: 1px solid var(--hat-kart); border-radius: var(--kose-kart); background: var(--yuzey);
}
.kr-empty p[b-a2r1i5gz4u] { margin: 0; color: var(--metin-ikincil); font-size: 12.5px; line-height: 1.5; }

/* Seçili sıra: ana karakter önde */
.kr-selected[b-a2r1i5gz4u] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.kr-chip[b-a2r1i5gz4u] {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 10px;
  border: 1px solid var(--hat-kart); border-radius: 999px; background: var(--yuzey); font-size: 12.5px;
}
.kr-chip.is-main[b-a2r1i5gz4u] { border-color: var(--marka-600); background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }
.kr-chip__name[b-a2r1i5gz4u] { font-weight: 600; }
.kr-chip__tag--passive[b-a2r1i5gz4u] { color: var(--durum-uyari-metin, #92400e); font-size: 11.5px; font-weight: 600; }
.kr-chip__rol[b-a2r1i5gz4u] { color: var(--metin-ipucu); font-size: 11.5px; }
.kr-chip__act[b-a2r1i5gz4u] {
  border: 0; background: transparent; color: var(--marka-700); cursor: pointer;
  font-size: 11.5px; padding: 2px 6px; border-radius: 999px;
}
.kr-chip__act:hover:not(:disabled)[b-a2r1i5gz4u] { background: color-mix(in srgb, var(--marka-500) 10%, var(--yuzey)); }
.kr-chip__act:focus-visible[b-a2r1i5gz4u] { outline: 2px solid var(--marka-600); outline-offset: 1px; }

.kr-grid[b-a2r1i5gz4u] {
  list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px;
}
.kr-card[b-a2r1i5gz4u] {
  width: 100%; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 10px;
  border: 1px solid var(--hat-kart); border-radius: var(--kose-kart); background: var(--yuzey);
  color: var(--metin-murekkep); cursor: pointer; text-align: left;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.kr-card:hover:not(:disabled)[b-a2r1i5gz4u] { border-color: var(--marka-400); background: color-mix(in srgb, var(--marka-500) 5%, var(--yuzey)); }
.kr-card:disabled[b-a2r1i5gz4u] { opacity: 0.55; cursor: not-allowed; }
.kr-card:focus-visible[b-a2r1i5gz4u] { outline: 2px solid var(--marka-600); outline-offset: 2px; }
.kr-card.is-selected[b-a2r1i5gz4u] { border-color: var(--marka-600); background: color-mix(in srgb, var(--marka-600) 8%, var(--yuzey)); }
.kr-card.is-passive .kr-card__thumb[b-a2r1i5gz4u] { filter: grayscale(0.7); }

.kr-card__thumb[b-a2r1i5gz4u] {
  flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; overflow: hidden;
  background: color-mix(in srgb, var(--marka-500) 8%, var(--yuzey));
  display: flex; align-items: center; justify-content: center; color: var(--metin-ipucu);
}
.kr-card__thumb img[b-a2r1i5gz4u] { width: 100%; height: 100%; object-fit: cover; }
.kr-card__body[b-a2r1i5gz4u] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.kr-card__name[b-a2r1i5gz4u] { font-weight: 600; font-size: 13px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kr-card__tags[b-a2r1i5gz4u] { display: flex; flex-wrap: wrap; gap: 6px; }
.kr-card__tag[b-a2r1i5gz4u] { font-size: 11.5px; color: var(--metin-ipucu); }
.kr-card__tag--passive[b-a2r1i5gz4u] { color: var(--durum-uyari-metin, #92400e); font-weight: 600; }
.kr-card__tag--main[b-a2r1i5gz4u] { color: var(--marka-700); font-weight: 600; }
.kr-card__check[b-a2r1i5gz4u] {
  flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--hat-girdi);
  display: flex; align-items: center; justify-content: center; color: transparent;
}
.kr-card.is-selected .kr-card__check[b-a2r1i5gz4u] { background: var(--marka-600); border-color: var(--marka-600); color: var(--on-brand); }

@media (max-width: 1023px),
  (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kr-btn[b-a2r1i5gz4u], .kr-search[b-a2r1i5gz4u] { min-height: 44px; }
  .kr-search[b-a2r1i5gz4u] { font-size: max(16px, 1rem); }
  .kr-chip__act[b-a2r1i5gz4u] { min-height: 32px; min-width: 32px; }
}

@media (max-width: 640px) {
  .kr-grid[b-a2r1i5gz4u] { grid-template-columns: minmax(0, 1fr); }
  .kr-search[b-a2r1i5gz4u] { flex: 1 1 auto; min-width: 0; }
}
/* _content/EduLive.Web/Components/Shared/OrgUnit/OkulListesi.razor.rz.scp.css */


.ou-switch__liste[b-pjhfjoy8ju] {
  display: grid;
  max-height: min(58vh, 420px);
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  align-content: start;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-inline-end: 2px;
}

.ou-switch__item--grup[b-pjhfjoy8ju] {
  grid-column: 1 / -1;
  margin-top: 6px;
  color: var(--fg);
  font-weight: 700;
}

.ou-switch__item--grup:first-child[b-pjhfjoy8ju] {
  margin-top: 0;
}

.ou-switch__menu > .ou-switch__item[b-pjhfjoy8ju] {
  flex: 0 0 auto;
}

.ou-switch__item[b-pjhfjoy8ju] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-soft);
  font-size: 13.5px;
  font-weight: 500;
  text-align: start;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s;
}

.ou-switch__item:hover[b-pjhfjoy8ju] {
  background: color-mix(in srgb, var(--brand) 8%, transparent);
  color: var(--fg);
}

.ou-switch__item:focus-visible[b-pjhfjoy8ju] {
  outline: 2px solid var(--marka-400);
  outline-offset: -2px;
}

.ou-switch__item.is-active[b-pjhfjoy8ju] {
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--marka-500) 34%, transparent);
  color: var(--brand-strong);
  font-weight: 700;
}

.ou-switch__name[b-pjhfjoy8ju] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ou-switch__type[b-pjhfjoy8ju] {
  flex-shrink: 0;
  padding: 1px 7px;
  border-radius: var(--radius-pill);
  background: var(--glass);
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
}

.ou-switch__msg[b-pjhfjoy8ju] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  color: var(--analiz-dikkat-metin);
  font-size: 13px;
}

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {

  .ou-switch__liste[b-pjhfjoy8ju] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {

  .ou-switch__liste[b-pjhfjoy8ju] {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    max-height: none;
    overflow-y: visible;
  }

  .ou-switch__item--grup[b-pjhfjoy8ju] {
    margin-top: 10px;
  }
}
/* _content/EduLive.Web/Components/Shared/OrgUnit/OrgUnitSwitcher.razor.rz.scp.css */
.ou-switch[b-kk1w53grsl] {
  position: relative;
  display: inline-flex;
}

/* Buton görünümü global .topbar-tenant pill'inden gelir (kurum switch'iyle tutarlı). */
.ou-switch__btn[b-kk1w53grsl] {
  cursor: pointer;
}

.ou-switch__menu[b-kk1w53grsl] {
  position: absolute;
  top: calc(100% + var(--acilir-kayma, 12px));
  left: auto;
  right: 0;
  z-index: 60;
  display: flex;
  flex-direction: column;
  width: max-content;
  min-width: 320px;
  max-width: min(480px, calc(100vw - 32px));
  max-height: var(--acilir-en-cok-yukseklik, 60vh);
  overflow: hidden;
  overscroll-behavior: contain;
  padding: 6px;
  border-radius: var(--radius);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(12px);
}

.ou-switch__menu.acilir--yukari[b-kk1w53grsl] {
  top: auto;
  bottom: calc(100% + var(--acilir-kayma, 12px));
}

.ou-switch__head[b-kk1w53grsl] {
  flex: 0 0 auto;
  padding: 8px 10px 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

/* Menü dışı tıklama alanı — dropdown'ı kapatır. */
.ou-switch__scrim[b-kk1w53grsl] {
  position: fixed;
  inset: 0;
  z-index: 55;
  background: transparent;
}

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .ou-switch__menu[b-kk1w53grsl] {
    min-width: 260px;
    max-width: min(380px, calc(100vw - 32px));
  }
}

@media (max-width: 640px) {
  .ou-switch__menu[b-kk1w53grsl] {
    min-width: 220px;
    max-width: calc(100vw - 32px);
  }
}
/* _content/EduLive.Web/Components/Shared/OrgUnitPicker.razor.rz.scp.css */
/* OrgUnitPicker — Aurora dili, yalnızca var(--*) token. */

.oup[b-nulvv7vodg] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--glass);
  max-height: 320px;
  overflow-y: auto;
}

.oup__root[b-nulvv7vodg] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border: 1px dashed var(--n-300);
  border-radius: var(--radius-sm);
  background: none;
  color: var(--fg-soft);
  font-size: 14px;
  cursor: pointer;
  text-align: start;
  transition:
    background 0.18s var(--ease-smooth),
    color 0.18s var(--ease-smooth);
}

.oup__root:hover:not(:disabled)[b-nulvv7vodg] {
  background: var(--glass-hover);
  color: var(--fg);
}

.oup__root:focus-visible[b-nulvv7vodg] {
  outline: 2px solid var(--marka-500);
  outline-offset: 1px;
}

.oup__root.is-selected[b-nulvv7vodg] {
  background: color-mix(in srgb, var(--marka-500) 12%, transparent);
  border-color: color-mix(in srgb, var(--marka-500) 40%, transparent);
  color: var(--brand-strong);
  font-weight: 600;
}

.oup__root:disabled[b-nulvv7vodg] {
  opacity: 0.5;
  cursor: not-allowed;
}

.oup__name[b-nulvv7vodg] {
  margin-inline-end: 6px;
}

.oup__type[b-nulvv7vodg] {
  font-size: 11px;
  color: var(--muted);
  background: var(--n-100);
  border-radius: var(--radius-pill);
  padding: 1px 8px;
  margin-inline-end: 4px;
}

.oup__inactive[b-nulvv7vodg] {
  font-size: 11px;
  color: var(--red-600);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  border-radius: var(--radius-pill);
  padding: 1px 8px;
}

.oup__msg[b-nulvv7vodg] {
  padding: 12px;
  font-size: 13px;
  color: var(--muted);
  text-align: center;
}

.oup-sarmal--acilir[b-nulvv7vodg] {
  position: relative;
}

.oup-sarmal--acilir > .oup[hidden][b-nulvv7vodg] {
  display: none;
}

.oup-tetik[b-nulvv7vodg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  text-align: start;
  cursor: pointer;
}

.oup-tetik:disabled[b-nulvv7vodg] {
  cursor: not-allowed;
}

.oup-tetik__deger[b-nulvv7vodg] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oup-tetik__deger.is-bos[b-nulvv7vodg] {
  color: var(--fg-soft);
}

.oup-tetik__ok[b-nulvv7vodg] {
  display: inline-flex;
  flex: none;
  color: var(--fg-soft);
  transition: transform 0.18s var(--ease-smooth);
}

.oup-sarmal--acilir.is-acik .oup-tetik__ok[b-nulvv7vodg] {
  transform: rotate(180deg);
}

.oup-sarmal--acilir > .oup[b-nulvv7vodg] {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 60;
  gap: 2px;
  background: #fff;
  border: 1px solid var(--yuzey-cizgi);
  border-radius: var(--radius);
  box-shadow: 0 20px 50px -14px
    color-mix(in srgb, var(--marka-600) 28%, transparent);
  max-height: var(--acilir-en-cok-yukseklik, 290px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  transform-origin: top center;
  animation: oupAcil-b-nulvv7vodg 0.18s var(--ease-bounce);
}

.oup-sarmal--acilir > .oup.acilir--yukari[b-nulvv7vodg] {
  top: auto;
  bottom: calc(100% + 6px);
  transform-origin: bottom center;
}

@keyframes oupAcil-b-nulvv7vodg {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.oup-sarmal--acilir > .oup > .oup__root[b-nulvv7vodg] {
  display: flex;
  width: 100%;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 11px;
  border: 0;
  border-radius: 10px;
  background: none;
  font-size: 14.5px;
}

.oup-sarmal--acilir > .oup > .oup__root:hover:not(:disabled)[b-nulvv7vodg] {
  background: var(--n-100);
  color: var(--fg);
}

.oup-sarmal--acilir > .oup > .oup__root.is-selected[b-nulvv7vodg] {
  background: color-mix(in srgb, var(--marka-500) 9%, transparent);
  border-color: transparent;
  color: var(--brand-strong);
}

.oup-sarmal--acilir > .oup[b-nulvv7vodg]  .app-tree {
  gap: 2px;
}

.oup-sarmal--acilir > .oup[b-nulvv7vodg]  .app-tree__row {
  min-height: 44px;
  padding-block: 0;
  border-radius: 10px;
  font-size: 14.5px;
}

.oup-sarmal--acilir > .oup[b-nulvv7vodg]  .app-tree__row:hover {
  background: var(--n-100);
}

.oup-sarmal--acilir > .oup[b-nulvv7vodg]  .app-tree__row.is-selected {
  background: color-mix(in srgb, var(--marka-500) 9%, transparent);
}

.oup-perde[b-nulvv7vodg] {
  position: fixed;
  inset: 0;
  z-index: 50;
}

@media (prefers-reduced-motion: reduce) {
  .oup-tetik__ok[b-nulvv7vodg] {
    transition: none;
  }

  .oup-sarmal--acilir > .oup[b-nulvv7vodg] {
    animation: none;
  }
}
/* _content/EduLive.Web/Components/Shared/Panel/SayfaPanelHost.razor.rz.scp.css */
.ap-perde[b-ey6ra2l5mu] {
  position: fixed;
  inset: var(--topbar-h, 70px) 0 0 0;
  background: var(--scrim);
  backdrop-filter: blur(1.5px);
  z-index: 60;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ap-pencereler[b-ey6ra2l5mu] {
  position: fixed;
  top: var(--topbar-h, 70px);
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 61;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: calc((100vh - var(--topbar-h, 70px)) * 0.075) 7.5%;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
  pointer-events: none;
}

.ap-pencereler--arka[b-ey6ra2l5mu] {
  z-index: 59;
}

.ap-pencereler--arka .ap-panel[b-ey6ra2l5mu]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--line);
  pointer-events: none;
  z-index: 2;
}

.ap-panel[b-ey6ra2l5mu] {
  position: relative;
  flex: 1 1 0;
  width: auto;
  min-width: min(300px, 100%);
  height: 100%;
  max-height: 100%;
  background: var(--page-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--panel-golge);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  animation: sp-ac-b-ey6ra2l5mu 0.2s var(--ease-smooth) both;
}

.ap-panel--odak[b-ey6ra2l5mu] { box-shadow: var(--panel-golge-odak); }
.ap-panel:not(.ap-panel--odak)[b-ey6ra2l5mu] { opacity: .93; }

@media (max-width: 900px) {
  .ap-panel:not(.ap-panel--odak)[b-ey6ra2l5mu] { display: none; }
}

@keyframes sp-ac-b-ey6ra2l5mu {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

.ap-bas[b-ey6ra2l5mu] {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px 14px;
  background: var(--yuzey);
  border-bottom: 0;
}

.ap-bas[b-ey6ra2l5mu]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--basari-metin), var(--basari));
}

.ap-bas__metin[b-ey6ra2l5mu]::before {
  content: "Keşfet";
  display: block;
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--basari-metin);
}

.ap-baslik[b-ey6ra2l5mu] {
  margin: 5px 0 0;
  font-size: 19px;
  color: var(--fg);
}

.ap-alt[b-ey6ra2l5mu] {
  display: none;
  margin: 2px 0 0;
  font-size: 0.85rem;
  color: var(--muted);
}

.ap-eylem[b-ey6ra2l5mu] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.ap-kapat[b-ey6ra2l5mu] {
  background: none;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--muted);
  padding: 4px 9px;
}

.sp-tam[b-ey6ra2l5mu] {
  white-space: nowrap;
  text-decoration: none;
}

.ap-govde[b-ey6ra2l5mu] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ap-govde[b-ey6ra2l5mu]  .sp-sayfa {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.ap-govde[b-ey6ra2l5mu]  .sp-sayfa > .au-head {
  margin-bottom: 0;
}

.ap-govde[b-ey6ra2l5mu]  .sp-sayfa .ct-split,
.ap-govde[b-ey6ra2l5mu]  .sp-sayfa .mtp-split,
.ap-govde[b-ey6ra2l5mu]  .sp-sayfa .agp-split,
.ap-govde[b-ey6ra2l5mu]  .sp-sayfa .itl-grid {
  grid-template-columns: 1fr;
}
/* _content/EduLive.Web/Components/Shared/Realtime/NotificationBell.razor.rz.scp.css */
/* FAZ 3.1 G5 — NotificationBell (Aurora tokenları — hardcoded hex YASAK) */

.nbell[b-rawfs001p3] {
  position: relative;
}

.nbell__btn[b-rawfs001p3] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
  color: var(--fg-soft);
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    color 0.18s var(--ease-smooth);
}

.nbell__btn:hover[b-rawfs001p3] {
  background: var(--glass-hover);
  color: var(--fg);
}

.nbell__dot[b-rawfs001p3] {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--red-500);
  box-shadow: 0 0 0 2px var(--glass-strong);
}

.nbell__menu[b-rawfs001p3] {
  position: absolute;
  top: calc(100% + var(--acilir-kayma, 12px));
  right: 0;
  z-index: 60;
  min-width: 320px;
  padding: 8px;
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  background: var(--glass-strong);
  backdrop-filter: blur(18px);
  box-shadow: var(--glass-shadow);
  max-height: var(--acilir-en-cok-yukseklik, none);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.nbell__menu.acilir--yukari[b-rawfs001p3] {
  top: auto;
  bottom: calc(100% + var(--acilir-kayma, 12px));
}

.nbell__scrim[b-rawfs001p3] {
  position: fixed;
  inset: 0;
  z-index: 55;
}

.nbell__head[b-rawfs001p3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px 8px;
}

.nbell__title[b-rawfs001p3] {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--fg);
}

.nbell__count[b-rawfs001p3] {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--brand-strong);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  border-radius: var(--radius-pill);
  padding: 2px 8px;
}

.nbell__empty[b-rawfs001p3] {
  margin: 0;
  padding: 14px 10px;
  font-size: 0.8rem;
  color: var(--muted);
}

.nbell__item[b-rawfs001p3] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  text-align: start;
  cursor: pointer;
}

.nbell__item:hover[b-rawfs001p3] {
  background: color-mix(in srgb, var(--brand) 7%, transparent);
}

.nbell__item-ico[b-rawfs001p3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-pill);
}

.nbell__item-ico.is-task[b-rawfs001p3] {
  color: var(--green-600);
  background: color-mix(in srgb, var(--green-500) 12%, transparent);
}

.nbell__item-ico.is-wallet[b-rawfs001p3] {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 14%, transparent);
}

.nbell__item-body[b-rawfs001p3] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.nbell__item-text[b-rawfs001p3] {
  font-size: 0.8rem;
  color: var(--fg);
  line-height: 1.35;
}

.nbell__item-time[b-rawfs001p3] {
  font-size: 0.7rem;
  color: var(--muted);
}

.nbell__all[b-rawfs001p3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin-top: 6px;
  padding: 8px;
  border: none;
  border-top: 1px solid var(--line);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  background: transparent;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--brand-strong);
  cursor: pointer;
}

.nbell__all:hover[b-rawfs001p3] {
  background: color-mix(in srgb, var(--brand) 8%, transparent);
}
/* _content/EduLive.Web/Components/Shared/StepUp/StepUpModal.razor.rz.scp.css */
/* StepUpModal — Aurora dili, yalnızca var(--*) token. */

.sum-scrim[b-bghxkg4bpf] {
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, var(--n-900) 42%, transparent);
  backdrop-filter: blur(3px);
  z-index: 60;
}

.sum-modal[b-bghxkg4bpf] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 61;
  width: min(440px, calc(100vw - 32px));
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px;
  border-radius: var(--radius-lg);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(18px);
}

.sum-head[b-bghxkg4bpf] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.sum-ico[b-bghxkg4bpf] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--marka-500) 12%, transparent);
  color: var(--marka-600);
}

.sum-title[b-bghxkg4bpf] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--fg);
}

.sum-sub[b-bghxkg4bpf] {
  margin: 3px 0 0;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
}

.sum-close[b-bghxkg4bpf] {
  margin-inline-start: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  color: var(--muted);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    color 0.18s var(--ease-smooth);
}

.sum-close:hover:not(:disabled)[b-bghxkg4bpf] {
  background: var(--glass-hover);
  color: var(--fg);
}

.sum-reason[b-bghxkg4bpf] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--amber-500) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber-500) 30%, transparent);
}

.sum-reason__cap[b-bghxkg4bpf] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--amber-600);
}

.sum-reason__text[b-bghxkg4bpf] {
  font-size: 13px;
  color: var(--fg-soft);
}

.sum-form[b-bghxkg4bpf] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sum-actions[b-bghxkg4bpf] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.sum-btn[b-bghxkg4bpf] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition:
    background 0.18s var(--ease-smooth),
    color 0.18s var(--ease-smooth),
    opacity 0.18s var(--ease-smooth);
}

.sum-btn:disabled[b-bghxkg4bpf] {
  opacity: 0.55;
  cursor: not-allowed;
}

.sum-btn--ghost[b-bghxkg4bpf] {
  background: none;
  border-color: var(--line);
  color: var(--fg-soft);
}

.sum-btn--ghost:hover:not(:disabled)[b-bghxkg4bpf] {
  background: var(--glass-hover);
  color: var(--fg);
}

.sum-btn--primary[b-bghxkg4bpf] {
  background: linear-gradient(120deg, var(--marka-500), var(--turkuaz-degrade-ucu));
  color: var(--on-brand);
}

.sum-btn--primary:hover:not(:disabled)[b-bghxkg4bpf] {
  background: linear-gradient(120deg, var(--marka-600), var(--turkuaz-degrade-ucu));
}

.sum-btn:focus-visible[b-bghxkg4bpf] {
  outline: 2px solid var(--marka-500);
  outline-offset: 2px;
}

.sum-spin[b-bghxkg4bpf] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--on-brand) 40%, transparent);
  border-top-color: var(--on-brand);
  animation: sum-rotate-b-bghxkg4bpf 0.7s linear infinite;
}

@keyframes sum-rotate-b-bghxkg4bpf {
  to {
    transform: rotate(360deg);
  }
}
/* _content/EduLive.Web/Components/Shared/Tenant/KurumListesi.razor.rz.scp.css */


.kurum-sec__liste[b-wp0ifkuxzb] {
  display: grid;
  max-height: min(58vh, 420px);
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  align-content: start;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-inline-end: 2px;
}

.kurum-sec__item[b-wp0ifkuxzb] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-soft);
  font-size: 13.5px;
  font-weight: 500;
  text-align: start;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s;
}

.kurum-sec__item:hover:not(:disabled)[b-wp0ifkuxzb] {
  background: color-mix(in srgb, var(--brand) 8%, transparent);
  color: var(--fg);
}

.kurum-sec__item:focus-visible[b-wp0ifkuxzb] {
  outline: 2px solid var(--marka-400);
  outline-offset: -2px;
}

.kurum-sec__item:disabled[b-wp0ifkuxzb] {
  cursor: default;
}

.kurum-sec__item.is-active[b-wp0ifkuxzb] {
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--marka-500) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--marka-500) 34%, transparent);
  color: var(--brand-strong);
  font-weight: 700;
}

.kurum-sec__name[b-wp0ifkuxzb] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kurum-sec__type[b-wp0ifkuxzb] {
  flex-shrink: 0;
  padding: 1px 7px;
  border-radius: var(--radius-pill);
  background: var(--glass);
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
}

.kurum-sec__spin[b-wp0ifkuxzb] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--brand) 30%, transparent);
  border-top-color: var(--brand);
  animation: kurumSecDon-b-wp0ifkuxzb 0.7s linear infinite;
}

@keyframes kurumSecDon-b-wp0ifkuxzb {
  to {
    transform: rotate(360deg);
  }
}

.kurum-sec__msg[b-wp0ifkuxzb] {
  flex: 0 0 auto;
  margin: 0;
  padding: 10px 12px;
  color: var(--red-600);
  font-size: 13px;
}

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {

  .kurum-sec__liste[b-wp0ifkuxzb] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {

  .kurum-sec__liste[b-wp0ifkuxzb] {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    max-height: none;
    overflow-y: visible;
  }
}
/* _content/EduLive.Web/Components/Shared/Tenant/TenantSwitcher.razor.rz.scp.css */
.kurum-sec[b-hltebu46z1] {
  position: relative;
  display: inline-flex;
}

.kurum-sec__btn[b-hltebu46z1] {
  cursor: pointer;
}

.kurum-sec__menu[b-hltebu46z1] {
  position: absolute;
  top: calc(100% + var(--acilir-kayma, 12px));
  left: auto;
  right: 0;
  z-index: 60;
  display: flex;
  flex-direction: column;
  width: max-content;
  min-width: 380px;
  max-width: min(560px, calc(100vw - 32px));
  max-height: var(--acilir-en-cok-yukseklik, 60vh);
  overflow: hidden;
  overscroll-behavior: contain;
  padding: 6px;
  border-radius: var(--radius);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(12px);
}

.kurum-sec__menu.acilir--yukari[b-hltebu46z1] {
  top: auto;
  bottom: calc(100% + var(--acilir-kayma, 12px));
}

.kurum-sec__head[b-hltebu46z1] {
  flex: 0 0 auto;
  padding: 8px 10px 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

.kurum-sec__scrim[b-hltebu46z1] {
  position: fixed;
  inset: 0;
  z-index: 55;
  background: transparent;
}

@media (max-width: 1023px),
       (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .kurum-sec__menu[b-hltebu46z1] {
    min-width: 300px;
    max-width: min(460px, calc(100vw - 32px));
  }
}

@media (max-width: 640px) {
  .kurum-sec__menu[b-hltebu46z1] {
    min-width: 240px;
    max-width: calc(100vw - 32px);
  }
}
/* _content/EduLive.Web/Components/Shared/Tenant/TenantSwitchModal.razor.rz.scp.css */
.ts-scrim[b-tpm7k2m0xp] {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(15, 23, 42, 0.32);
  backdrop-filter: blur(2px);
  animation: tsFade-b-tpm7k2m0xp 0.18s ease;
}

.ts-modal[b-tpm7k2m0xp] {
  position: fixed;
  z-index: 81;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  background: var(--glass-strong);
  backdrop-filter: blur(28px);
  border: 1px solid var(--glass-border);
  border-radius: 22px;
  box-shadow: 0 30px 70px -20px rgba(32, 49, 136, 0.4);
  padding: 22px;
  animation: tsIn-b-tpm7k2m0xp 0.24s var(--ease-bounce);
}

@keyframes tsFade-b-tpm7k2m0xp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tsIn-b-tpm7k2m0xp {
  from {
    opacity: 0;
    transform: translate(-50%, -46%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.ts-modal__head[b-tpm7k2m0xp] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.ts-modal__title[b-tpm7k2m0xp] {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: var(--fg);
}

.ts-modal__sub[b-tpm7k2m0xp] {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--muted);
}

.ts-modal__close[b-tpm7k2m0xp] {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 11px;
  color: var(--muted);
  transition: 0.15s;
}

.ts-modal__close:hover:not(:disabled)[b-tpm7k2m0xp] {
  background: var(--n-100);
  color: var(--fg);
}

.ts-modal__close:disabled[b-tpm7k2m0xp] {
  opacity: 0.5;
  cursor: not-allowed;
}

.ts-error[b-tpm7k2m0xp] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  margin-bottom: 14px;
  border-radius: 12px;
  font-size: 13px;
  color: var(--red-600);
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.22);
}

.ts-list[b-tpm7k2m0xp] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}

.ts-card[b-tpm7k2m0xp] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.5);
  text-align: left;
  transition:
    transform 0.18s var(--ease-bounce),
    border-color 0.18s,
    box-shadow 0.18s;
}

.ts-card:hover:not(:disabled)[b-tpm7k2m0xp] {
  transform: translateY(-2px);
  border-color: var(--brand);
  box-shadow: 0 10px 24px -12px rgba(44, 68, 165, 0.45);
}

.ts-card:disabled[b-tpm7k2m0xp] {
  cursor: default;
}

.ts-card--active[b-tpm7k2m0xp] {
  border-color: var(--brand);
  background: rgba(44, 68, 165, 0.08);
}

.ts-card__mark[b-tpm7k2m0xp] {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  color: var(--on-brand);
  background: linear-gradient(135deg, var(--marka-500, #2c44a5), var(--turkuaz-degrade-ucu, #3b59ce));
}

.ts-card__body[b-tpm7k2m0xp] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.ts-card__name[b-tpm7k2m0xp] {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ts-card__type[b-tpm7k2m0xp] {
  font-size: 12px;
  color: var(--muted);
}

.ts-card__badge[b-tpm7k2m0xp] {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--brand-strong);
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(44, 68, 165, 0.14);
}

.ts-card__chevron[b-tpm7k2m0xp] {
  flex-shrink: 0;
  color: var(--muted);
}

.ts-card__spin[b-tpm7k2m0xp] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(44, 68, 165, 0.3);
  border-top-color: var(--brand);
  animation: tsSpin-b-tpm7k2m0xp 0.7s linear infinite;
}

@keyframes tsSpin-b-tpm7k2m0xp {
  to {
    transform: rotate(360deg);
  }
}
/* _content/EduLive.Web/Components/Ui/AppChipGroup.razor.rz.scp.css */
.app-chips[b-0jis6li5lq] {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.app-chip-btn[b-0jis6li5lq] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--fg-soft);
  background: var(--glass);
  border: 1.5px solid var(--line);
  transition:
    background 0.2s var(--ease-smooth),
    border-color 0.2s,
    color 0.2s,
    transform 0.2s var(--ease-bounce);
}

.app-chip-btn:hover:not(:disabled):not(.is-sel)[b-0jis6li5lq] {
  border-color: var(--marka-400);
  color: var(--brand-strong);
  transform: translateY(-1px);
}

.app-chip-btn.is-sel[b-0jis6li5lq] {
  color: var(--brand-strong);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  border-color: color-mix(in srgb, var(--brand) 34%, transparent);
}

.app-chip-btn:disabled[b-0jis6li5lq] {
  opacity: 0.5;
  cursor: not-allowed;
}
/* _content/EduLive.Web/Components/Ui/AppDataGrid.razor.rz.scp.css */
.app-grid[b-74fvuj8yj9] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-family: var(--font-body);
}

/* ─── Araç çubuğu / arama ─── */
.grid-toolbar[b-74fvuj8yj9] {
  display: flex;
  justify-content: flex-end;
}

.grid-search[b-74fvuj8yj9] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 14px;
  min-width: 240px;
  border-radius: var(--radius-pill);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  color: var(--muted);
  transition: border-color 0.2s var(--ease-smooth);
}

.grid-search:focus-within[b-74fvuj8yj9] {
  border-color: var(--marka-400);
}

.grid-search input[b-74fvuj8yj9] {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 13.5px;
  color: var(--fg);
}

.grid-search input[b-74fvuj8yj9]::placeholder {
  color: var(--muted);
}

/* ─── Tablo ─── */
.grid-scroll[b-74fvuj8yj9] {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--glass-border);
  background: var(--glass);
  box-shadow: var(--glass-shadow);
}

.grid-table[b-74fvuj8yj9] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.grid-table thead th[b-74fvuj8yj9] {
  text-align: left;
  padding: 0;
  background: var(--brand);
  border-bottom: 1px solid var(--brand);
  white-space: nowrap;
  transition: background 0.18s var(--ease-smooth);
}

.grid-table thead th:has(.grid-sort):hover[b-74fvuj8yj9],
.grid-table thead th[aria-sort="ascending"][b-74fvuj8yj9],
.grid-table thead th[aria-sort="descending"][b-74fvuj8yj9] {
  background: var(--brand-strong);
  border-bottom-color: var(--brand-strong);
}

.grid-th-label[b-74fvuj8yj9] {
  display: block;
  padding: 13px 16px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--on-brand);
  letter-spacing: 0.01em;
}

.grid-sort[b-74fvuj8yj9] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 13px 16px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--on-brand);
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 0.18s var(--ease-smooth);
}

.grid-sort:hover[b-74fvuj8yj9] {
  color: var(--on-brand);
}

.grid-sort.is-sorted[b-74fvuj8yj9] {
  color: var(--on-brand);
}

.grid-sort__arw[b-74fvuj8yj9] {
  display: inline-grid;
  place-items: center;
  opacity: 0.65;
}

.grid-sort.is-sorted .grid-sort__arw[b-74fvuj8yj9] {
  opacity: 1;
}

.grid-table tbody td[b-74fvuj8yj9] {
  padding: 12px 16px;
  color: var(--fg);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}

.grid-table tbody tr:last-child td[b-74fvuj8yj9] {
  border-bottom: none;
}

.grid-table tbody tr[b-74fvuj8yj9] {
  transition: background 0.16s var(--ease-smooth);
}

.grid-table tbody tr:hover[b-74fvuj8yj9] {
  background: var(--glass-hover);
}

.grid-table tbody tr.is-clickable[b-74fvuj8yj9] {
  cursor: pointer;
}

/* ─── Sayfalama ─── */
.grid-pager[b-74fvuj8yj9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.grid-pager__info[b-74fvuj8yj9] {
  font-size: 12.5px;
  color: var(--muted);
}

.grid-pager__nav[b-74fvuj8yj9] {
  display: flex;
  gap: 8px;
}

.grid-pager__btn[b-74fvuj8yj9] {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius);
  color: var(--fg-soft);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  cursor: pointer;
  transition:
    transform 0.2s var(--ease-bounce),
    background 0.18s var(--ease-smooth);
}

.grid-pager__btn:not(:disabled):hover[b-74fvuj8yj9] {
  transform: translateY(-1px);
  background: var(--glass-hover);
  color: var(--fg);
}

.grid-pager__btn:disabled[b-74fvuj8yj9] {
  opacity: 0.4;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  .grid-table thead th[b-74fvuj8yj9],
  .grid-table tbody tr[b-74fvuj8yj9],
  .grid-pager__btn[b-74fvuj8yj9],
  .grid-sort[b-74fvuj8yj9] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Ui/AppDatePicker.razor.rz.scp.css */
/* TAKVİM ORTAK TASARIMI — tek kaynak.
   Vitrin dili (kırık köşe, marka rengi) burada yaşar; sayfa CSS'lerinde tekrarlanmaz.
   Bir sayfanın ölçüsünü değiştirmesi gerekirse token'ı ezer, seçiciyi değil. */
.app-date-wrap[b-59knofbbdc] {
  --tkv-panel-kose: 3px 14px 14px 14px;
  --tkv-gun-kose: 2px 9px 9px 9px;
  --tkv-dugme-kose: 2px 9px 9px 9px;
  --tkv-panel-zemin: #fff;
  --tkv-panel-hat: var(--yuzey-cizgi);
  --tkv-panel-golge: 0 20px 50px -14px color-mix(in srgb, var(--marka-600) 28%, transparent);
  --tkv-ay-metin: var(--brand-strong);
  --tkv-gun-metin: var(--fg-soft);
  --tkv-gun-soluk: var(--n-400);
  --tkv-gun-uzeri: var(--n-100);
  --tkv-secili-zemin: var(--brand);
  --tkv-secili-metin: #fff;
  --tkv-secili-uzeri: var(--brand-strong);
  --tkv-bugun-hat: color-mix(in srgb, var(--marka-500) 40%, transparent);
  --tkv-ac-metin: var(--n-400);
  --tkv-ac-metin-uzeri: var(--brand);
  --tkv-ac-zemin-uzeri: var(--n-100);
  --tkv-ac-acik-zemin: color-mix(in srgb, var(--marka-500) 12%, transparent);
  /* Panel okları AYRI tutulur: panel her zaman kendi beyaz zemininde çizilir,
     sayfa zemini koyu olsa bile. Girdi token'larıyla (--tkv-ac-*) paylaşılamaz —
     koyu kapakta girdi düğmesi beyaza çekilince oklar beyaz zeminde kaybolur. */
  --tkv-ok-metin: var(--n-400);
  --tkv-ok-metin-uzeri: var(--brand);
  --tkv-ok-zemin-uzeri: var(--n-100);
  /* Takvimin KENDİ genişliği var. Panel girdiye yapıştırılırsa (left:0;right:0)
     dar bir süzgeç alanında 7 gün 19,7px'e sıkışır, geniş formda 46,6px'e yayılır —
     aynı takvim iki sayfada iki farklı ölçekte görünür. */
  --tkv-panel-en: 280px;
  position: relative;
}

.app-input.app-date[type="date"][b-59knofbbdc] {
  padding-right: 42px;
}

.app-date[b-59knofbbdc]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.app-date[b-59knofbbdc]::-webkit-inner-spin-button,
.app-date[b-59knofbbdc]::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}

.app-date__ac[b-59knofbbdc] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: var(--tkv-dugme-kose);
  background: none;
  color: var(--tkv-ac-metin);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.app-date__ac:hover:not(:disabled)[b-59knofbbdc] {
  background: var(--tkv-ac-zemin-uzeri);
  color: var(--tkv-ac-metin-uzeri);
}

.app-date__ac:disabled[b-59knofbbdc] {
  cursor: not-allowed;
  opacity: 0.5;
}

.app-date-wrap.is-open .app-date__ac[b-59knofbbdc] {
  background: var(--tkv-ac-acik-zemin);
  color: var(--tkv-ac-metin-uzeri);
}

.app-date__ac svg[b-59knofbbdc] {
  display: block;
}

/* Panel FIXED. `absolute` iken `overflow: auto` taşıyan bir atası olan yerlerde
   (popup gövdeleri, kaydırmalı kartlar) kırpılıyordu. Konumu AppDatePicker.razor.js
   tetikleyiciye göre `--tkv-panel-ust` / `--tkv-panel-sol` ile yazar; JS yetişmeden
   önceki ilk karede panel girdinin hemen altında (akış konumunda) durur. */
.app-dt__panel[b-59knofbbdc] {
  position: fixed;
  top: var(--tkv-panel-ust, auto);
  left: var(--tkv-panel-sol, auto);
  width: min(var(--tkv-panel-en), 92vw);
  z-index: 60;
  padding: 12px;
  background: var(--tkv-panel-zemin);
  border: 1px solid var(--tkv-panel-hat);
  border-radius: var(--tkv-panel-kose);
  box-shadow: var(--tkv-panel-golge);
  transform-origin: top center;
  animation: appDtIn-b-59knofbbdc 0.18s var(--ease-bounce);
}

.app-dt__panel[hidden][b-59knofbbdc] {
  display: none;
}

/* Aşağıda yer kalmayınca JS bu sınıfı koyar; konumu yine `--tkv-panel-ust` taşır,
   burada yalnız açılış animasyonunun kaynağı ters çevrilir. */
.app-dt__panel.acilir--yukari[b-59knofbbdc] {
  transform-origin: bottom center;
}

@keyframes appDtIn-b-59knofbbdc {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.app-dt__bas[b-59knofbbdc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.app-dt__ay[b-59knofbbdc] {
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: -0.012em;
  color: var(--tkv-ay-metin);
}

.app-dt__ok[b-59knofbbdc] {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: var(--tkv-dugme-kose);
  background: none;
  color: var(--tkv-ok-metin);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.app-dt__ok:hover[b-59knofbbdc] {
  background: var(--tkv-ok-zemin-uzeri);
  color: var(--tkv-ok-metin-uzeri);
}

.app-dt__ok svg[b-59knofbbdc] {
  display: block;
}

.app-dt__hafta[b-59knofbbdc],
.app-dt__grid[b-59knofbbdc] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}

.app-dt__hafta[b-59knofbbdc] {
  margin-bottom: 4px;
}

.app-dt__hafta span[b-59knofbbdc] {
  display: grid;
  place-items: center;
  height: 24px;
  font-family: var(--font-body);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--tkv-gun-soluk);
}

.app-dt__gun[b-59knofbbdc] {
  display: grid;
  place-items: center;
  min-height: 36px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--tkv-gun-kose);
  background: none;
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--tkv-gun-metin);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.app-dt__gun:hover:not(:disabled)[b-59knofbbdc] {
  background: var(--tkv-gun-uzeri);
}

.app-dt__gun.is-disi[b-59knofbbdc] {
  color: var(--tkv-gun-soluk);
}

.app-dt__gun:disabled[b-59knofbbdc] {
  color: var(--tkv-gun-soluk);
  opacity: 0.45;
  cursor: not-allowed;
}

.app-dt__gun.is-bugun:not(.is-sec)[b-59knofbbdc] {
  border-color: var(--tkv-bugun-hat);
  color: var(--tkv-ay-metin);
  font-weight: 600;
}

.app-dt__panel:focus-visible[b-59knofbbdc] {
  outline: none;
}

.app-dt__panel:focus-visible .app-dt__gun.is-odak[b-59knofbbdc] {
  outline: 2px solid var(--brand);
  outline-offset: 1px;
}

.app-dt__gun.is-sec[b-59knofbbdc] {
  background: var(--tkv-secili-zemin);
  border-color: var(--tkv-secili-zemin);
  color: var(--tkv-secili-metin);
  font-weight: 700;
}

.app-dt__gun.is-sec:hover:not(:disabled)[b-59knofbbdc] {
  background: var(--tkv-secili-uzeri);
}

.app-dt__scrim[b-59knofbbdc] {
  position: fixed;
  inset: 0;
  z-index: 50;
}

@media (hover: none) and (pointer: coarse) {
  .app-dt__gun[b-59knofbbdc] {
    min-height: 40px;
  }

  .app-dt__ok[b-59knofbbdc],
  .app-date__ac[b-59knofbbdc] {
    width: 36px;
    height: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-dt__panel[b-59knofbbdc] {
    animation: none;
  }

  .app-dt__gun[b-59knofbbdc],
  .app-dt__ok[b-59knofbbdc],
  .app-date__ac[b-59knofbbdc] {
    transition: none;
  }
}

/* Cihazda tarih girdisi iOS yakınlaştırma eşiğinin altında kalmaz. */
@media (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) and (hover: none) and (pointer: coarse) {
  .app-date-wrap .app-input.app-date[b-59knofbbdc] { font-size: max(16px, 1rem); }
}
/* _content/EduLive.Web/Components/Ui/AppField.razor.rz.scp.css */
.app-field[b-wlt9yw39u9] {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  font-family: var(--font-body);
}

.app-field__label[b-wlt9yw39u9] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-soft);
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.app-field__req[b-wlt9yw39u9] {
  color: var(--red-500);
  font-weight: 700;
}

.app-field__control[b-wlt9yw39u9] {
  position: relative;
}

.app-field__hint[b-wlt9yw39u9] {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.4;
}

.app-field__error[b-wlt9yw39u9] {
  font-size: 12px;
  color: var(--red-600);
  line-height: 1.4;
  font-weight: 500;
}

.app-field.is-disabled[b-wlt9yw39u9] {
  opacity: 0.6;
}

/* ─── Paylaşılan girdi görünümü (tüm kontroller .app-input taşır) ─── */
.app-field[b-wlt9yw39u9]  .app-input {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: 14.5px;
  color: var(--fg);
  height: 46px;
  padding: 0 14px;
  background: var(--glass-strong);
  border: 1.5px solid var(--line);
  border-radius: var(--radius-sm);
  outline: none;
  transition:
    border-color 0.2s var(--ease-smooth),
    box-shadow 0.2s var(--ease-smooth),
    background 0.2s var(--ease-smooth);
}

.app-field[b-wlt9yw39u9]  .app-input::placeholder {
  color: var(--n-400);
}

.app-field[b-wlt9yw39u9]  .app-input:hover:not(:disabled) {
  border-color: var(--n-300);
}

.app-field[b-wlt9yw39u9]  .app-input:focus,
.app-field[b-wlt9yw39u9]  .app-input:focus-visible {
  border-color: var(--marka-400);
  background: var(--glass-hover);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent);
}

.app-field[b-wlt9yw39u9]  .app-input:disabled {
  cursor: not-allowed;
  background: var(--n-100);
  color: var(--muted);
}

.app-field[b-wlt9yw39u9]  textarea.app-input {
  height: auto;
  min-height: 96px;
  padding: 12px 14px;
  line-height: 1.55;
  resize: vertical;
}

.app-field.is-invalid[b-wlt9yw39u9]  .app-input {
  border-color: var(--red-500);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--red-500) 14%, transparent);
}
/* _content/EduLive.Web/Components/Ui/AppFileUpload.razor.rz.scp.css */
.app-upload[b-gbd2hj2666] {
  position: relative;
  display: block;
  cursor: pointer;
  border: 1.6px dashed var(--n-300);
  border-radius: var(--radius);
  background: var(--glass);
  padding: 26px 20px;
  transition:
    border-color 0.2s var(--ease-smooth),
    background 0.2s var(--ease-smooth);
}

.app-upload:hover[b-gbd2hj2666],
.app-upload:focus-within[b-gbd2hj2666] {
  border-color: var(--marka-400);
  background: var(--glass-hover);
}

.app-upload.is-disabled[b-gbd2hj2666] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Görünmez ama tüm yüzeyi kaplayan gerçek input (sürükle-bırak dahil).
   ::deep ŞART: input, alt bileşen InputFile'ın çizdiği öğedir; kapsamlı CSS
   özniteliği ona geçmez ve kural hiç uygulanmazdı (tarayıcının kendi
   "Choose Files" düğmesi İngilizce olarak alanın içinde görünüyordu). */
.app-upload[b-gbd2hj2666]  .app-upload__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.app-upload.is-disabled[b-gbd2hj2666]  .app-upload__input {
  cursor: not-allowed;
}

.app-upload__inner[b-gbd2hj2666] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  pointer-events: none;
}

.app-upload__ico[b-gbd2hj2666] {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--brand);
  background: var(--glass-strong);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--n-900) 6%, transparent);
  margin-bottom: 4px;
}

.app-upload__text[b-gbd2hj2666] {
  font-size: 14px;
  color: var(--fg-soft);
}

.app-upload__text b[b-gbd2hj2666] {
  color: var(--brand-strong);
  font-weight: 700;
}

.app-upload__meta[b-gbd2hj2666] {
  font-size: 12px;
  color: var(--n-400);
}

.app-upload__list[b-gbd2hj2666] {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.app-upload__file[b-gbd2hj2666] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  background: var(--glass-strong);
  border: 1px solid var(--line);
  color: var(--fg-soft);
  font-size: 13px;
}

.app-upload__name[b-gbd2hj2666] {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-upload__size[b-gbd2hj2666] {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 12px;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
/* _content/EduLive.Web/Components/Ui/AppJsonEditor.razor.rz.scp.css */
.app-json[b-jbt1z8o262] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.app-json__area[b-jbt1z8o262] {
  font-family: ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;
  font-size: 13px;
  line-height: 1.55;
  tab-size: 2;
}

.app-json__bar[b-jbt1z8o262] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.app-json__btn[b-jbt1z8o262] {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 600;
  color: var(--brand-strong);
  background: color-mix(in srgb, var(--brand) 10%, transparent);
  border: 1.5px solid color-mix(in srgb, var(--brand) 24%, transparent);
  transition:
    background 0.2s var(--ease-smooth),
    transform 0.2s var(--ease-bounce);
}

.app-json__btn:hover:not(:disabled)[b-jbt1z8o262] {
  background: color-mix(in srgb, var(--brand) 16%, transparent);
  transform: translateY(-1px);
}

.app-json__btn:disabled[b-jbt1z8o262] {
  opacity: 0.55;
  cursor: not-allowed;
}

.app-json__ok[b-jbt1z8o262] {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--green-600);
}

.app-json__err[b-jbt1z8o262] {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--red-600);
  line-height: 1.4;
}
/* _content/EduLive.Web/Components/Ui/AppKeyValueEditor.razor.rz.scp.css */
.app-kv[b-csc86oyqxy] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.app-kv__head[b-csc86oyqxy],
.app-kv__row[b-csc86oyqxy] {
  display: grid;
  grid-template-columns: 1fr 1fr 46px;
  gap: 8px;
  align-items: center;
}

.app-kv__head[b-csc86oyqxy] {
  padding: 0 4px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--n-400);
}

.app-kv__key[b-csc86oyqxy] {
  font-family: ui-monospace, "SF Mono", "Cascadia Code", monospace;
  font-size: 13.5px;
}

.app-kv__del[b-csc86oyqxy] {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-sm);
  color: var(--n-500);
  background: var(--glass-strong);
  border: 1.5px solid var(--line);
  transition:
    color 0.2s,
    border-color 0.2s,
    background 0.2s;
}

.app-kv__del:hover:not(:disabled)[b-csc86oyqxy] {
  color: var(--red-600);
  border-color: color-mix(in srgb, var(--red-500) 40%, transparent);
  background: color-mix(in srgb, var(--red-500) 8%, transparent);
}

.app-kv__del:disabled[b-csc86oyqxy] {
  opacity: 0.45;
  cursor: not-allowed;
}

.app-kv__add[b-csc86oyqxy] {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--brand-strong);
  background: color-mix(in srgb, var(--brand) 9%, transparent);
  border: 1.5px dashed color-mix(in srgb, var(--brand) 32%, transparent);
  transition:
    background 0.2s var(--ease-smooth),
    transform 0.2s var(--ease-bounce);
}

.app-kv__add:hover:not(:disabled)[b-csc86oyqxy] {
  background: color-mix(in srgb, var(--brand) 15%, transparent);
  transform: translateY(-1px);
}

.app-kv__add:disabled[b-csc86oyqxy] {
  opacity: 0.5;
  cursor: not-allowed;
}
/* _content/EduLive.Web/Components/Ui/AppMultiSelect.razor.rz.scp.css */
/* Ortak seçim/etiket tasarımı: wwwroot/css/dropdown.css. */
/* _content/EduLive.Web/Components/Ui/AppRichText.razor.rz.scp.css */
.app-richtext[b-pfqefum5zm] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Otomatik büyüme — modern tarayıcılarda içerik yüksekliğine uyar. */
.app-richtext__area[b-pfqefum5zm] {
  field-sizing: content;
  max-height: 340px;
}

.app-richtext__count[b-pfqefum5zm] {
  align-self: flex-end;
  font-size: 11.5px;
  color: var(--n-400);
  font-variant-numeric: tabular-nums;
}
/* _content/EduLive.Web/Components/Ui/AppSelect.razor.rz.scp.css */
/* Ortak seçim tasarımı: wwwroot/css/dropdown.css. Sayfa bazında görünüm eklemeyin. */
/* _content/EduLive.Web/Components/Ui/AppStepper.razor.rz.scp.css */
.app-stepper[b-d901ufllfp] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.app-stepper__btn[b-d901ufllfp] {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: var(--radius-sm);
  color: var(--fg-soft);
  background: var(--glass-strong);
  border: 1.5px solid var(--line);
  transition:
    background 0.2s var(--ease-smooth),
    border-color 0.2s,
    color 0.2s,
    transform 0.2s var(--ease-bounce);
}

.app-stepper__btn:hover:not(:disabled)[b-d901ufllfp] {
  color: var(--brand-strong);
  border-color: var(--marka-400);
  background: var(--glass-hover);
  transform: translateY(-1px);
}

.app-stepper__btn:disabled[b-d901ufllfp] {
  opacity: 0.45;
  cursor: not-allowed;
}

.app-stepper__val[b-d901ufllfp] {
  width: 88px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
/* _content/EduLive.Web/Components/Ui/AppToggle.razor.rz.scp.css */
.app-toggle-row[b-zxlwc9g6gf] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.app-toggle[b-zxlwc9g6gf] {
  flex-shrink: 0;
  padding: 0;
  border-radius: var(--radius-pill);
  background: none;
  border: none;
}

.app-toggle__track[b-zxlwc9g6gf] {
  display: block;
  width: 48px;
  height: 28px;
  border-radius: var(--radius-pill);
  background: var(--n-300);
  padding: 3px;
  transition: background 0.25s var(--ease-smooth);
}

.app-toggle__thumb[b-zxlwc9g6gf] {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--on-brand);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--n-900) 28%, transparent);
  transform: translateX(0);
  transition: transform 0.25s var(--ease-bounce);
}

.app-toggle.is-on .app-toggle__track[b-zxlwc9g6gf] {
  background: linear-gradient(120deg, var(--marka-500), var(--turkuaz-degrade-ucu));
}

.app-toggle.is-on .app-toggle__thumb[b-zxlwc9g6gf] {
  transform: translateX(20px);
}

.app-toggle:disabled[b-zxlwc9g6gf] {
  cursor: not-allowed;
  opacity: 0.55;
}

.app-toggle__label[b-zxlwc9g6gf] {
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-soft);
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.app-toggle__req[b-zxlwc9g6gf] {
  color: var(--red-500);
  font-weight: 700;
}
/* _content/EduLive.Web/Components/Ui/AppTree.razor.rz.scp.css */
/* AppTree — Aurora dili, yalnızca var(--*) token. */

.app-tree[b-tyu19bygnd],
.app-tree__group[b-tyu19bygnd] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.app-tree[b-tyu19bygnd] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.app-tree__item[b-tyu19bygnd] {
  display: block;
}

.app-tree__row[b-tyu19bygnd] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  padding-inline-start: calc(10px + var(--tree-depth, 0) * 22px);
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--fg-soft);
  font-size: 14px;
  transition:
    background 0.18s var(--ease-smooth),
    color 0.18s var(--ease-smooth);
}

.app-tree__row:hover[b-tyu19bygnd] {
  background: var(--glass-hover);
  color: var(--fg);
}

.app-tree__row:focus-visible[b-tyu19bygnd] {
  outline: 2px solid var(--marka-500);
  outline-offset: 1px;
}

.app-tree__row.is-selected[b-tyu19bygnd] {
  background: color-mix(in srgb, var(--marka-500) 12%, transparent);
  color: var(--brand-strong);
  font-weight: 600;
}

.app-tree__row.is-disabled[b-tyu19bygnd] {
  opacity: 0.45;
  cursor: not-allowed;
}

.app-tree__chev[b-tyu19bygnd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: none;
  background: none;
  padding: 0;
  color: var(--muted);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition:
    transform 0.2s var(--ease-smooth),
    color 0.18s var(--ease-smooth);
}

.app-tree__chev:hover[b-tyu19bygnd] {
  color: var(--fg);
}

.app-tree__chev.is-open[b-tyu19bygnd] {
  transform: rotate(90deg);
}

.app-tree__chev--leaf[b-tyu19bygnd] {
  cursor: default;
}

.app-tree__label[b-tyu19bygnd] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-tree__actions[b-tyu19bygnd] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.app-tree__empty[b-tyu19bygnd] {
  padding: 14px 12px;
  color: var(--muted);
  font-size: 14px;
  border: 1px dashed var(--n-300);
  border-radius: var(--radius);
  text-align: center;
}
/* _content/EduLive.Web/Components/Ui/AppWizard.razor.rz.scp.css */
.app-wizard[b-e7xmkgk2jo] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border-radius: var(--radius-xl);
  background: var(--glass);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  font-family: var(--font-body);
}

/* ─── Başlık / göstergeler ─── */
.wiz-head[b-e7xmkgk2jo] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Bağlı yatay stepper: numara üstte, etiket altta, adımlar arası bağlayıcı çizgi.
   Adımlar eşit genişlik (flex:1) — sıkışık tek-satır yerine dengeli dağılım. */
.wiz-steps[b-e7xmkgk2jo] {
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wiz-step-ind[b-e7xmkgk2jo] {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0 6px;
  font-size: 12.5px;
  text-align: center;
  color: var(--muted);
  position: relative;
  transition: color 0.2s var(--ease-smooth);
}

/* Bağlayıcı çizgi — bir önceki adımın dairesinden bu adımın dairesine (ilk adım hariç). */
.wiz-step-ind:not(:first-child)[b-e7xmkgk2jo]::before {
  content: "";
  position: absolute;
  top: 13px;
  right: 50%;
  left: -50%;
  height: 2px;
  border-radius: var(--radius-pill);
  background: var(--line);
  z-index: 0;
  transition: background 0.3s var(--ease-smooth);
}

.wiz-step-ind.is-active[b-e7xmkgk2jo]::before,
.wiz-step-ind.is-done[b-e7xmkgk2jo]::before {
  background: color-mix(in srgb, var(--marka-500) 55%, transparent);
}

.wiz-step-ind__num[b-e7xmkgk2jo] {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--muted);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  transition:
    background 0.22s var(--ease-smooth),
    color 0.22s var(--ease-smooth),
    transform 0.22s var(--ease-bounce);
}

.wiz-step-ind__label[b-e7xmkgk2jo] {
  font-weight: 500;
  line-height: 1.3;
}

.wiz-step-ind.is-active[b-e7xmkgk2jo] {
  color: var(--fg);
}

.wiz-step-ind.is-active .wiz-step-ind__num[b-e7xmkgk2jo] {
  color: var(--on-brand);
  background: linear-gradient(135deg, var(--marka-500), var(--marka-600));
  border-color: transparent;
  transform: scale(1.08);
  box-shadow: 0 6px 14px -5px
    color-mix(in srgb, var(--marka-500) 60%, transparent);
}

.wiz-step-ind.is-active .wiz-step-ind__label[b-e7xmkgk2jo] {
  font-weight: 700;
}

.wiz-step-ind.is-done .wiz-step-ind__num[b-e7xmkgk2jo] {
  color: var(--on-brand);
  background: linear-gradient(135deg, var(--green-500), var(--green-600));
  border-color: transparent;
}

/* ─── İlerleme çubuğu ─── */
.wiz-progress[b-e7xmkgk2jo] {
  width: 100%;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--n-200);
  overflow: hidden;
}

.wiz-progress__fill[b-e7xmkgk2jo] {
  height: 100%;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--marka-500), var(--marka-400));
  transition: width 0.4s var(--ease-smooth);
}

.wiz-title-row[b-e7xmkgk2jo] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.wiz-title[b-e7xmkgk2jo] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.01em;
}

.wiz-count[b-e7xmkgk2jo] {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--muted);
  white-space: nowrap;
}

/* ─── Gövde ─── */
.wiz-body[b-e7xmkgk2jo] {
  min-height: 60px;
}

/* ─── Hata bandı ─── */
.wiz-error[b-e7xmkgk2jo] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: var(--radius);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--red-600);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--red-500) 26%, transparent);
}

.wiz-error svg[b-e7xmkgk2jo] {
  flex-shrink: 0;
}

/* ─── Alt butonlar ─── */
.wiz-foot[b-e7xmkgk2jo] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 4px;
}

.wiz-btn[b-e7xmkgk2jo] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 24px;
  border-radius: var(--radius-pill);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition:
    transform 0.22s var(--ease-bounce),
    box-shadow 0.22s var(--ease-smooth),
    background 0.2s var(--ease-smooth);
}

.wiz-btn:disabled[b-e7xmkgk2jo] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.wiz-btn--ghost[b-e7xmkgk2jo] {
  color: var(--fg-soft);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
}

.wiz-btn--ghost:not(:disabled):hover[b-e7xmkgk2jo] {
  transform: translateY(-1px);
  background: var(--glass-hover);
}

.wiz-btn--primary[b-e7xmkgk2jo] {
  color: var(--on-brand);
  background: linear-gradient(135deg, var(--marka-500), var(--marka-600));
  box-shadow: 0 8px 18px -6px
    color-mix(in srgb, var(--marka-500) 50%, transparent);
}

.wiz-btn--primary:not(:disabled):hover[b-e7xmkgk2jo] {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -7px
    color-mix(in srgb, var(--marka-500) 55%, transparent);
}

.wiz-spin[b-e7xmkgk2jo] {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--on-brand) 45%, transparent);
  border-top-color: var(--on-brand);
  animation: wiz-spin-b-e7xmkgk2jo 0.7s linear infinite;
}

@keyframes wiz-spin-b-e7xmkgk2jo {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wiz-progress__fill[b-e7xmkgk2jo],
  .wiz-btn[b-e7xmkgk2jo],
  .wiz-step-ind__num[b-e7xmkgk2jo] {
    transition: none;
  }
  .wiz-spin[b-e7xmkgk2jo] {
    animation-duration: 0.001ms;
  }
}

.wiz-progress[b-e7xmkgk2jo] {
  height: 0;
  margin-top: 6px;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
}

.wiz-progress__fill[b-e7xmkgk2jo] {
  height: 0;
  background: transparent;
}

.wiz-steps[b-e7xmkgk2jo] {
  position: relative;
  --ray-kalinlik: 6px;
  --ray-merkez: 13px;
}

.wiz-steps[b-e7xmkgk2jo]::before,
.wiz-steps[b-e7xmkgk2jo]::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: var(--ray-merkez);
  left: calc(50% / var(--wiz-adim-adet, 3));
  height: var(--ray-kalinlik);
  margin-top: calc(var(--ray-kalinlik) / -2);
  border-radius: var(--radius-pill);
}

.wiz-steps[b-e7xmkgk2jo]::before {
  right: calc(50% / var(--wiz-adim-adet, 3));
  background: var(--n-200);
}

.wiz-steps[b-e7xmkgk2jo]::after {
  width: calc((100% - 100% / var(--wiz-adim-adet, 3)) * var(--wiz-ilerleme, 0) / 100);
  background: linear-gradient(90deg, var(--marka-600), var(--marka-500) 55%, var(--marka-400));
  box-shadow: 0 3px 9px -4px color-mix(in srgb, var(--marka-500) 70%, transparent);
  transition: width 0.4s var(--ease-smooth);
}

.wiz-step-ind:not(:first-child)[b-e7xmkgk2jo]::before {
  height: 0;
  background: transparent;
}

.wiz-step-ind.is-active[b-e7xmkgk2jo]::before,
.wiz-step-ind.is-done[b-e7xmkgk2jo]::before {
  background: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .wiz-steps[b-e7xmkgk2jo]::after {
    transition: none;
  }
}

.wiz-kart[b-e7xmkgk2jo] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
/* _content/EduLive.Web/Components/Ui/ComponentPicker.razor.rz.scp.css */
.cp[b-umqgisywlw] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: var(--glass);
}

/* ─── Tip sekmeleri ─── */

.cp__tabs[b-umqgisywlw] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cp__tab[b-umqgisywlw] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--fg-soft);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s,
    border-color 0.15s;
}

.cp__tab:hover:not(:disabled):not(.is-active)[b-umqgisywlw] {
  background: color-mix(in srgb, var(--brand) 8%, transparent);
}

.cp__tab.is-active[b-umqgisywlw] {
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  border-color: color-mix(in srgb, var(--brand) 32%, transparent);
  color: var(--brand-strong);
}

.cp__tab:disabled[b-umqgisywlw] {
  cursor: not-allowed;
  opacity: 0.55;
}

.cp__tab:focus-visible[b-umqgisywlw] {
  outline: 2px solid var(--marka-400);
  outline-offset: 2px;
}

.cp__tab-badge[b-umqgisywlw] {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--radius-pill);
  background: var(--brand);
  color: var(--on-brand);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

/* ─── Arama ─── */

.cp__search[b-umqgisywlw] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: var(--glass-strong);
}

.cp__search:focus-within[b-umqgisywlw] {
  outline: 2px solid var(--marka-400);
  outline-offset: 1px;
}

.cp__search-input[b-umqgisywlw] {
  flex: 1;
  min-width: 0;
  height: 38px;
  border: none;
  background: transparent;
  color: var(--fg);
  font-size: 14px;
  outline: none;
}

.cp__search-input[b-umqgisywlw]::placeholder {
  color: var(--n-400);
}

.cp__search-input:disabled[b-umqgisywlw] {
  cursor: not-allowed;
  opacity: 0.6;
}

/* ─── Seçim özeti chip'leri ─── */

.cp__summary[b-umqgisywlw] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.cp__chip[b-umqgisywlw] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 6px 0 10px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--brand-strong);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand) 26%, transparent);
}

.cp__chip-x[b-umqgisywlw] {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  color: var(--brand-strong);
  background: transparent;
  cursor: pointer;
  transition: background 0.15s;
}

.cp__chip-x:hover:not(:disabled)[b-umqgisywlw] {
  background: color-mix(in srgb, var(--brand) 20%, transparent);
}

.cp__chip-x:focus-visible[b-umqgisywlw] {
  outline: 2px solid var(--marka-400);
  outline-offset: 1px;
}

.cp__chip-x:disabled[b-umqgisywlw] {
  cursor: not-allowed;
  opacity: 0.5;
}

.cp__clear-all[b-umqgisywlw] {
  padding: 4px 10px;
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.15s;
}

.cp__clear-all:hover:not(:disabled)[b-umqgisywlw] {
  color: var(--fg);
}

.cp__clear-all:focus-visible[b-umqgisywlw] {
  outline: 2px solid var(--marka-400);
  outline-offset: 1px;
}

.cp__clear-all:disabled[b-umqgisywlw] {
  cursor: not-allowed;
  opacity: 0.5;
}

/* ─── Liste paneli ─── */

.cp__panel[b-umqgisywlw] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp__fallback[b-umqgisywlw] {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid color-mix(in srgb, var(--amber-600) 30%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, transparent);
  color: var(--amber-600);
  font-size: 12.5px;
  font-weight: 600;
}

.cp__list[b-umqgisywlw] {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 320px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}


/* Ağaç girintisi (2026-07-26) — yatay boyutların kendi iç hiyerarşisi:
   ana_deger › alt_deger › davranış göstergesi. Sol kenar çizgisi bağı görünür kılar. */
.cp__item--d1[b-umqgisywlw] { padding-left: 18px; }
.cp__item--d2[b-umqgisywlw] { padding-left: 36px; }
.cp__item--d3[b-umqgisywlw] { padding-left: 54px; }

.cp__item--d1[b-umqgisywlw],
.cp__item--d2[b-umqgisywlw],
.cp__item--d3[b-umqgisywlw] {
  position: relative;
}

.cp__item--d1[b-umqgisywlw]::before,
.cp__item--d2[b-umqgisywlw]::before,
.cp__item--d3[b-umqgisywlw]::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: color-mix(in srgb, var(--accent) 26%, transparent);
}

.cp__item--d2[b-umqgisywlw]::before { left: 25px; }
.cp__item--d3[b-umqgisywlw]::before { left: 43px; }

.cp__item[b-umqgisywlw] {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 7px 8px;
  border-radius: var(--radius-sm);
  transition: background 0.12s;
}

.cp__item:hover[b-umqgisywlw] {
  background: color-mix(in srgb, var(--brand) 6%, transparent);
}

.cp__check[b-umqgisywlw] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: var(--brand);
  cursor: pointer;
}

.cp__check:focus-visible[b-umqgisywlw] {
  outline: 2px solid var(--marka-400);
  outline-offset: 2px;
}

.cp__check:disabled[b-umqgisywlw] {
  cursor: not-allowed;
}

/* Kart gövdesi: üstte rozetler, altta kod+ad (KazanimSecici/frontend-2 kart paritesi). */
.cp__card-body[b-umqgisywlw] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  flex: 1;
  min-width: 0;
}
.cp__badges[b-umqgisywlw] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.cp__badge[b-umqgisywlw] {
  display: inline-grid;
  place-items: center;
  height: 19px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.cp__badge--sinif[b-umqgisywlw] {
  background: var(--brand);
  color: var(--on-brand);
}
.cp__badge--ders[b-umqgisywlw] {
  background: color-mix(in srgb, var(--fg) 82%, transparent);
  color: var(--glass-strong);
}
.cp__badge--tema[b-umqgisywlw] {
  background: transparent;
  color: var(--fg-soft);
  border: 1px solid var(--line);
}
.cp__card-text[b-umqgisywlw] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg);
}

.cp__code[b-umqgisywlw] {
  padding: 1px 6px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--brand) 10%, transparent);
  color: var(--brand-strong);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.cp__name[b-umqgisywlw] {
  min-width: 0;
}

/* ─── Mesajlar ─── */

.cp__msg[b-umqgisywlw] {
  margin: 0;
  padding: 10px 4px;
  color: var(--muted);
  font-size: 13.5px;
}

.cp__truncated[b-umqgisywlw] {
  margin: 0;
  padding: 4px;
  color: var(--muted);
  font-size: 12px;
}
/* _content/EduLive.Web/Components/Ui/DataStates.razor.rz.scp.css */
.data-states[b-xunyzwb16v] {
  width: 100%;
  font-family: var(--font-body);
}

/* ─── Ortak durum paneli ─── */
.ds-panel[b-xunyzwb16v] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  padding: 44px 28px;
  border-radius: var(--radius-xl);
  background: var(--glass);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

.ds-icon[b-xunyzwb16v] {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  background: var(--glass-strong);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--n-900) 6%, transparent);
}

.ds-title[b-xunyzwb16v] {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.01em;
}

.ds-desc[b-xunyzwb16v] {
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
  max-width: 360px;
}

.ds-action[b-xunyzwb16v] {
  margin-top: 16px;
  height: 42px;
  padding: 0 22px;
  border-radius: var(--radius-pill);
  font-size: 13.5px;
  font-weight: 700;
  color: var(--on-brand);
  background: linear-gradient(135deg, var(--marka-500), var(--marka-600));
  box-shadow: 0 8px 18px -6px
    color-mix(in srgb, var(--marka-500) 50%, transparent);
  transition:
    transform 0.22s var(--ease-bounce),
    box-shadow 0.22s var(--ease-smooth);
}

.ds-action:hover[b-xunyzwb16v] {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -7px
    color-mix(in srgb, var(--marka-500) 55%, transparent);
}

/* Duruma göre ikon tonu */
.ds-empty .ds-icon[b-xunyzwb16v] {
  color: var(--n-500);
}

.ds-error .ds-icon[b-xunyzwb16v] {
  color: var(--red-500);
  background: color-mix(in srgb, var(--red-500) 10%, var(--glass-strong));
}

.ds-unauth .ds-icon[b-xunyzwb16v] {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 12%, var(--glass-strong));
}

.ds-rate .ds-icon[b-xunyzwb16v] {
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, var(--glass-strong));
}

/* ─── Loading iskeleti ─── */
.ds-panel.ds-loading[b-xunyzwb16v] {
  align-items: stretch;
  text-align: left;
  gap: 14px;
  padding: 28px;
}

.ds-skel[b-xunyzwb16v] {
  height: 14px;
  border-radius: var(--radius-sm);
  background: linear-gradient(
    100deg,
    var(--n-100) 30%,
    var(--n-200) 50%,
    var(--n-100) 70%
  );
  background-size: 220% 100%;
  animation: ds-shimmer-b-xunyzwb16v 1.3s var(--ease-smooth) infinite;
}

.ds-skel--title[b-xunyzwb16v] {
  height: 22px;
  width: 42%;
}

.ds-skel--line[b-xunyzwb16v] {
  width: 100%;
}

.ds-skel--short[b-xunyzwb16v] {
  width: 68%;
}

@keyframes ds-shimmer-b-xunyzwb16v {
  from {
    background-position: 180% 0;
  }
  to {
    background-position: -80% 0;
  }
}

/* ─── Partial (kısmi veri) uyarı bandı ─── */
.ds-partial-banner[b-xunyzwb16v] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  margin-bottom: 14px;
  border-radius: var(--radius);
  font-size: 13px;
  font-weight: 500;
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 11%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber-600) 26%, transparent);
}

.ds-partial-banner__ico[b-xunyzwb16v] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.ds-partial-banner__retry[b-xunyzwb16v] {
  margin-left: auto;
  height: 32px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--amber-600);
  background: var(--glass-strong);
  border: 1px solid color-mix(in srgb, var(--amber-600) 30%, transparent);
  transition:
    background 0.2s var(--ease-smooth),
    transform 0.2s var(--ease-bounce);
}

.ds-partial-banner__retry:hover[b-xunyzwb16v] {
  transform: translateY(-1px);
  background: var(--glass-hover);
}

@media (prefers-reduced-motion: reduce) {
  .ds-skel[b-xunyzwb16v] {
    animation-duration: 0.001ms;
  }
  .ds-action:hover[b-xunyzwb16v] {
    transform: none;
  }
}
/* _content/EduLive.Web/Components/Ui/DerslerSecici.razor.rz.scp.css */
/* Çok-dersli sınıf seçici — Aurora token'ları (hardcoded hex YASAK). */

.ds-wrap[b-gd7uj4oj7p] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ── Sınıf çipleri ── */
.ds-grades[b-gd7uj4oj7p] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ds-chip[b-gd7uj4oj7p] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--fg);
  font-size: 0.875rem;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.ds-chip:hover:not(:disabled)[b-gd7uj4oj7p] {
  border-color: var(--accent);
}
.ds-chip:disabled[b-gd7uj4oj7p] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ds-chip.is-active[b-gd7uj4oj7p] {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  border-color: var(--accent);
  color: var(--accent);
  font-weight: 600;
}

.ds-chip__count[b-gd7uj4oj7p] {
  font-size: 0.72rem;
  padding: 1px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--fg) 10%, transparent);
  color: var(--fg-soft);
}

.ds-chip.is-active .ds-chip__count[b-gd7uj4oj7p] {
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  color: var(--accent);
}

/* ── Ders listesi ── */
.ds-lessons__head[b-gd7uj4oj7p] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.ds-lessons__actions[b-gd7uj4oj7p] {
  display: flex;
  gap: 10px;
}

.ds-link[b-gd7uj4oj7p] {
  border: 0;
  background: none;
  padding: 0;
  color: var(--accent);
  font-size: 0.8rem;
  cursor: pointer;
}

.ds-link:hover:not(:disabled)[b-gd7uj4oj7p] {
  text-decoration: underline;
}
.ds-link:disabled[b-gd7uj4oj7p] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ds-list[b-gd7uj4oj7p] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 6px;
}

.ds-item[b-gd7uj4oj7p] {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.ds-item:hover[b-gd7uj4oj7p] {
  border-color: var(--accent);
}

.ds-item.is-selected[b-gd7uj4oj7p] {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}

.ds-item label[b-gd7uj4oj7p] {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  cursor: pointer;
  font-size: 0.875rem;
  color: var(--fg);
}

.ds-item__name[b-gd7uj4oj7p] {
  line-height: 1.3;
}
/* _content/EduLive.Web/Components/Ui/DersSecici.razor.rz.scp.css */
.ds[b-ojmcn4lr5i] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

/* ─── Arama ─── */

.ds__search[b-ojmcn4lr5i] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: var(--glass-strong);
}

.ds__search:focus-within[b-ojmcn4lr5i] {
  outline: 2px solid var(--marka-400);
  outline-offset: 1px;
}

.ds__search-input[b-ojmcn4lr5i] {
  flex: 1;
  min-width: 0;
  height: 40px;
  border: none;
  background: transparent;
  color: var(--fg);
  font-size: 14px;
  outline: none;
}

.ds__search-input:disabled[b-ojmcn4lr5i] {
  cursor: not-allowed;
  opacity: 0.6;
}

/* ─── Yükleme hatası mesajı ─── */

.ds__msg[b-ojmcn4lr5i] {
  font-size: 13px;
  color: var(--muted);
}
/* _content/EduLive.Web/Components/Ui/GraphEditor.razor.rz.scp.css */
/* FAZ 3.6 G5 — GraphEditor SVG tuvali. Yalnız Aurora var(--*) token. */

.ge[b-gyreq4o39l] {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  background: var(--glass);
  overflow: auto;
  max-height: 62vh;
  min-height: 240px;
}

.ge__empty[b-gyreq4o39l] {
  display: grid;
  place-items: center;
  min-height: 220px;
  padding: 24px;
  text-align: center;
}

.ge__canvas[b-gyreq4o39l] {
  display: block;
  width: 100%;
  min-width: 320px;
  height: auto;
  color: var(--muted); /* kenar marker currentColor fallback */
}

/* ── Kenarlar ── */
.ge-edge line[b-gyreq4o39l] {
  stroke: var(--muted);
  stroke-width: 2;
  fill: none;
}

.ge-edge__label[b-gyreq4o39l] {
  font-size: 11px;
  fill: var(--fg-soft);
  font-family: var(--font-body);
  paint-order: stroke;
  stroke: var(--page-bg);
  stroke-width: 3px;
}

.ge-edge--correct[b-gyreq4o39l] {
  color: var(--green-500);
}
.ge-edge--correct line[b-gyreq4o39l] {
  stroke: var(--green-500);
}
.ge-edge--correct .ge-edge__label[b-gyreq4o39l] {
  fill: var(--green-600);
}

.ge-edge--incorrect[b-gyreq4o39l] {
  color: var(--red-500);
}
.ge-edge--incorrect line[b-gyreq4o39l] {
  stroke: var(--red-500);
}
.ge-edge--incorrect .ge-edge__label[b-gyreq4o39l] {
  fill: var(--red-600);
}

.ge-edge--always[b-gyreq4o39l] {
  color: var(--muted);
}

/* ── Düğümler ── */
.ge-node[b-gyreq4o39l] {
  cursor: pointer;
}
.ge-node:focus[b-gyreq4o39l] {
  outline: none;
}

.ge-node__box[b-gyreq4o39l] {
  fill: var(--glass-strong);
  stroke: var(--glass-border);
  stroke-width: 1.5;
  transition:
    stroke 0.15s var(--ease-smooth),
    fill 0.15s var(--ease-smooth);
}

.ge-node:hover .ge-node__box[b-gyreq4o39l] {
  stroke: var(--accent);
}
.ge-node:focus-visible .ge-node__box[b-gyreq4o39l] {
  stroke: var(--accent);
  stroke-width: 2.5;
}

.ge-node.is-selected .ge-node__box[b-gyreq4o39l] {
  stroke: var(--brand);
  stroke-width: 2.5;
  fill: var(--glass-hover);
}

.ge-node.is-pending .ge-node__box[b-gyreq4o39l] {
  stroke: var(--amber-500);
  stroke-width: 2.5;
  stroke-dasharray: 5 3;
}

.ge-node__type[b-gyreq4o39l] {
  font-size: 11px;
  font-weight: 600;
  fill: var(--fg-soft);
  font-family: var(--font-body);
  text-transform: none;
}

.ge-node__label[b-gyreq4o39l] {
  font-size: 13px;
  fill: var(--fg);
  font-family: var(--font-body);
}

.ge-node__entry[b-gyreq4o39l] {
  fill: var(--green-500);
}

/* Tip renk vurgusu (sol kenar) — kutunun tipini ayırt etmeye yardım */
.ge-node--video_scene .ge-node__type[b-gyreq4o39l] {
  fill: var(--blue-600);
}
.ge-node--question .ge-node__type[b-gyreq4o39l] {
  fill: var(--marka-600);
}
.ge-node--remedial .ge-node__type[b-gyreq4o39l] {
  fill: var(--amber-600);
}
.ge-node--merge .ge-node__type[b-gyreq4o39l] {
  fill: var(--purple-600);
}
.ge-node--end .ge-node__type[b-gyreq4o39l] {
  fill: var(--muted);
}
/* _content/EduLive.Web/Components/Ui/HubCard.razor.rz.scp.css */
.hub-card[b-e0e5kbzydq] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  min-height: 140px;
  padding: 22px 22px 20px;
  background: var(--glass);
  backdrop-filter: blur(14px) saturate(1.5);
  -webkit-backdrop-filter: blur(14px) saturate(1.5);
  border: 1.5px solid color-mix(in srgb, var(--hub-ton) 34%, transparent);
  border-radius: var(--radius);
  text-decoration: none;
  color: var(--fg);
  overflow: hidden;
  isolation: isolate;
  transition:
    transform 0.28s var(--ease-smooth),
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}

.hub-card__glow[b-e0e5kbzydq] {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(
      130% 90% at 0% 0%,
      color-mix(in srgb, var(--hub-ton) 18%, transparent),
      transparent 55%
    ),
    radial-gradient(
      120% 90% at 100% 100%,
      color-mix(in srgb, var(--accent) 12%, transparent),
      transparent 55%
    );
  opacity: 0.6;
  transition: opacity 0.32s ease;
  pointer-events: none;
}

.hub-card__ikon[b-e0e5kbzydq] {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  border-radius: 14px;
  align-self: flex-start;
  background: none;
  border: 1px solid transparent;
  color: var(--hub-ton);
}

.hub-card__ikon svg[b-e0e5kbzydq] {
  width: 24px;
  height: 24px;
  display: block;
}

.hub-card__metin[b-e0e5kbzydq] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.hub-card:hover[b-e0e5kbzydq],
.hub-card:focus-visible[b-e0e5kbzydq] {
  transform: translateY(-5px);
  background: var(--glass-hover);
  border-color: color-mix(in srgb, var(--hub-ton) 58%, transparent);
  outline: none;
}

.hub-card:hover .hub-card__glow[b-e0e5kbzydq],
.hub-card:focus-visible .hub-card__glow[b-e0e5kbzydq] {
  opacity: 1;
}


.hub-card:focus-visible[b-e0e5kbzydq] {
  outline: 2px solid var(--hub-ton);
  outline-offset: 3px;
}

.hub-card__title[b-e0e5kbzydq] {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
  color: var(--fg);
  line-height: 1.25;
  letter-spacing: -0.012em;
  overflow-wrap: anywhere;
}

.hub-card__desc[b-e0e5kbzydq] {
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hub-card:hover .hub-card__desc[b-e0e5kbzydq],
.hub-card:focus-visible .hub-card__desc[b-e0e5kbzydq] {
  color: var(--fg-soft);
}

@media (prefers-reduced-motion: reduce) {
  .hub-card[b-e0e5kbzydq],
  .hub-card__glow[b-e0e5kbzydq] {
    transition: none;
  }
  .hub-card:hover[b-e0e5kbzydq],
  .hub-card:focus-visible[b-e0e5kbzydq] {
    transform: none;
  }
}
/* _content/EduLive.Web/Components/Ui/HubGrid.razor.rz.scp.css */
/* Hub ızgarası — büyük glassmorphism kartlar. Yalnız var(--*) token. */

.hub-grid[b-72svp0zdo4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 20px;
}

.hub-grid--compact[b-72svp0zdo4] {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

@media (max-width: 680px) {
  .hub-grid[b-72svp0zdo4],
  .hub-grid--compact[b-72svp0zdo4] {
    grid-template-columns: 1fr;
  }
}
/* _content/EduLive.Web/Components/Ui/JobMonitor.razor.rz.scp.css */
.job-monitor[b-m5l0ohctv4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  background: var(--glass);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  font-family: var(--font-body);
}

.jm-head[b-m5l0ohctv4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* ─── Durum rozeti ─── */
.jm-badge[b-m5l0ohctv4] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
  font-weight: 700;
}

.jm-badge__dot[b-m5l0ohctv4] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

.jm-badge__dot.is-pulse[b-m5l0ohctv4] {
  animation: jm-pulse-b-m5l0ohctv4 1.2s var(--ease-smooth) infinite;
}

.jm-badge--running[b-m5l0ohctv4] {
  color: var(--marka-600);
  background: color-mix(in srgb, var(--marka-500) 12%, transparent);
}

.jm-badge--approval[b-m5l0ohctv4] {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 14%, transparent);
}

.jm-badge--done[b-m5l0ohctv4] {
  color: var(--green-600);
  background: color-mix(in srgb, var(--green-500) 13%, transparent);
}

.jm-badge--failed[b-m5l0ohctv4] {
  color: var(--red-600);
  background: color-mix(in srgb, var(--red-500) 12%, transparent);
}

.jm-badge--stuck[b-m5l0ohctv4] {
  color: var(--orange-600);
  background: color-mix(in srgb, var(--orange-500) 13%, transparent);
}

.jm-pct[b-m5l0ohctv4] {
  font-size: 13px;
  font-weight: 700;
  color: var(--fg-soft);
  font-variant-numeric: tabular-nums;
}

/* ─── İlerleme çubuğu ─── */
.jm-progress[b-m5l0ohctv4] {
  position: relative;
  width: 100%;
  height: 7px;
  border-radius: var(--radius-pill);
  background: var(--n-200);
  overflow: hidden;
}

.jm-progress__fill[b-m5l0ohctv4] {
  height: 100%;
  border-radius: var(--radius-pill);
  transition: width 0.45s var(--ease-smooth);
}

.jm-progress__fill--running[b-m5l0ohctv4] {
  background: linear-gradient(90deg, var(--marka-500), var(--marka-400));
}

.jm-progress__fill--approval[b-m5l0ohctv4] {
  background: linear-gradient(90deg, var(--amber-600), var(--amber-500));
}

.jm-progress__fill--done[b-m5l0ohctv4] {
  background: linear-gradient(90deg, var(--green-600), var(--green-500));
}

.jm-progress__fill--failed[b-m5l0ohctv4] {
  background: linear-gradient(90deg, var(--red-600), var(--red-500));
}

.jm-progress__fill--stuck[b-m5l0ohctv4] {
  background: linear-gradient(90deg, var(--orange-600), var(--orange-500));
}

/* Belirsiz ilerleme (percent yok) — kayan bant */
.jm-progress.is-indet .jm-progress__fill[b-m5l0ohctv4] {
  width: 40%;
  animation: jm-indet-b-m5l0ohctv4 1.3s var(--ease-smooth) infinite;
}

/* ─── Mesaj akışı (son 5) ─── */
.jm-log[b-m5l0ohctv4] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jm-log__item[b-m5l0ohctv4] {
  font-size: 12.5px;
  color: var(--muted);
  padding-left: 14px;
  position: relative;
  line-height: 1.5;
}

.jm-log__item[b-m5l0ohctv4]::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--n-400);
}

.jm-log__item:last-child[b-m5l0ohctv4] {
  color: var(--fg-soft);
  font-weight: 600;
}

/* ─── Aksiyon slotu ─── */
.jm-actions[b-m5l0ohctv4] {
  display: flex;
  gap: 8px;
  padding-top: 2px;
}

.jm-retry[b-m5l0ohctv4] {
  height: 38px;
  padding: 0 18px;
  border-radius: var(--radius-pill);
  font-size: 13px;
  font-weight: 700;
  color: var(--on-brand);
  background: linear-gradient(135deg, var(--red-500), var(--red-600));
  box-shadow: 0 7px 16px -6px
    color-mix(in srgb, var(--red-500) 50%, transparent);
  cursor: pointer;
  transition:
    transform 0.2s var(--ease-bounce),
    box-shadow 0.2s var(--ease-smooth);
}

.jm-retry:hover[b-m5l0ohctv4] {
  transform: translateY(-1px);
}

@keyframes jm-pulse-b-m5l0ohctv4 {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.7);
  }
}

@keyframes jm-indet-b-m5l0ohctv4 {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(310%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .jm-badge__dot.is-pulse[b-m5l0ohctv4],
  .jm-progress.is-indet .jm-progress__fill[b-m5l0ohctv4] {
    animation: none;
  }
  .jm-progress__fill[b-m5l0ohctv4] {
    transition: none;
  }
}
/* _content/EduLive.Web/Components/Ui/KartvizitKart.razor.rz.scp.css */
/* Dijital kartvizit — Aurora token'ları üzerine iki marka teması.

   MARKA RENKLERİ: Aurora paletinde K12/EduPage yok, bu yüzden lokal token
   olarak tanımlanıyorlar (BbtSorular.razor.css:738 --wa presedanı: dış marka
   rengi lokal token'a sarılır). aurora.css'e DOKUNULMAZ. Ham hex YALNIZCA
   aşağıdaki token tanımlarında geçer; kural gövdelerinde her renk var() ya da
   color-mix() ile türetilir.

   K12 değerleri wwwroot/img/logo-k12.svg'den OKUNDU (tahmin değil):
     mavi #0361a5 / #4697d2 · sarı #fbb80b / #fbc507

   CSS isolation notu: burada :root YAZILAMAZ — derleyici :root[b-xxx] üretir
   ve hiçbir zaman eşleşmez. Token'lar bileşenin kendi kökünde tanımlı. */

.kv[b-oqqa82mosb] {
    --kv-kolon: 460px;
    --kv-kama: clamp(20px, 7vw, 44px);
    --kv-foto: clamp(104px, 30vw, 148px);
    --kv-ikon: clamp(46px, 13vw, 56px);

    display: block;
    width: 100%;
    max-width: var(--kv-kolon);
    margin-inline: auto;
    overflow: clip;
    border-radius: var(--radius-xl);
    background: var(--glass-strong);
    box-shadow: var(--glass-shadow);
    font-family: var(--font-body);
}

/* K12 Bilişim — sarı × mavi */
.kv[data-tema="k12"][b-oqqa82mosb] {
    --kv-koyu: #0361a5;
    --kv-orta: #4697d2;
    --kv-vurgu: #fbb80b;
    --kv-vurgu-acik: #fbc507;
}

/* EduPage — yeşil × turkuaz */
.kv[data-tema="edupage"][b-oqqa82mosb] {
    --kv-koyu: #1f7a52;
    --kv-orta: #3fa96b;
    --kv-vurgu: #2ba8c4;
    --kv-vurgu-acik: #4cc4dc;
}

/* Mürekkep her iki temada beyaz; tonlar tek formülle türer. */
.kv[b-oqqa82mosb] {
    --kv-ink: var(--on-brand);
    --kv-ink-soft: color-mix(in srgb, var(--on-brand) 80%, transparent);
}

/* ─── Hero ─────────────────────────────────────────────────────────────────
   Gradyenin KOYU ucu metnin altına gelir. K12'nin sarısı (#fbc507) beyaz
   metinle AA'yı geçmiyor (~2.1:1), bu yüzden ayrı bir radial katman olarak
   yalnız sağ-alt köşede duruyor — metinden uzakta, dekoratif.
   Sarıyı gradyen durağı yapmak ayrıca çamurlu bir ara ton üretirdi
   (sRGB'de sarı→mavi interpolasyonu gri-yeşilden geçer). */
.kv__hero[b-oqqa82mosb] {
    position: relative;
    isolation: isolate;
    padding: clamp(18px, 5vw, 26px) clamp(18px, 5vw, 28px) calc(var(--kv-kama) + clamp(14px, 4vw, 22px));
    text-align: center;
    color: var(--kv-ink);
    background:
        radial-gradient(115% 85% at 106% 104%,
            color-mix(in srgb, var(--kv-vurgu) 92%, transparent) 0%,
            color-mix(in srgb, var(--kv-vurgu-acik) 52%, transparent) 34%,
            transparent 64%),
        linear-gradient(135deg, var(--kv-koyu) 0%, var(--kv-koyu) 34%, var(--kv-orta) 100%);
    /* Sağa yükselen kama — basılı kartvizitteki chevron motifinin karşılığı. */
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--kv-kama)), 0 100%);
}

/* Açık uç metnin altına kaysa bile okunabilirliği garantiye alan scrim. */
.kv__hero[b-oqqa82mosb]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg,
        transparent 0%,
        color-mix(in srgb, var(--kv-koyu) 42%, transparent) 74%,
        color-mix(in srgb, var(--kv-koyu) 60%, transparent) 100%);
}

.kv__marka[b-oqqa82mosb] {
    display: flex;
    justify-content: center;
    margin-bottom: clamp(10px, 3vw, 16px);
}

.kv__logo[b-oqqa82mosb] {
    height: clamp(30px, 8vw, 40px);
    width: auto;
    display: block;
}

/* EduPage logosu gelene kadar: gradyen wordmark (aurora.css:227 .brand-word deseni). */
.kv__wordmark[b-oqqa82mosb] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(1.05rem, 4.6vw, 1.35rem);
    letter-spacing: .01em;
    color: var(--kv-ink);
}

.kv__wordmark b[b-oqqa82mosb] {
    font-weight: 800;
    color: color-mix(in srgb, var(--kv-vurgu-acik) 90%, var(--kv-ink));
}

.kv__foto-yuva[b-oqqa82mosb] {
    display: flex;
    justify-content: center;
    margin-bottom: clamp(10px, 3vw, 14px);
}

.kv__foto[b-oqqa82mosb] {
    width: var(--kv-foto);
    height: var(--kv-foto);
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background: color-mix(in srgb, var(--kv-ink) 20%, transparent);
    box-shadow:
        0 0 0 4px var(--kv-ink),
        0 0 0 9px color-mix(in srgb, var(--kv-vurgu) 58%, transparent),
        0 14px 32px color-mix(in srgb, var(--kv-koyu) 44%, transparent);
}

.kv__foto--harf[b-oqqa82mosb] {
    display: grid;
    place-items: center;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: calc(var(--kv-foto) * .36);
    color: var(--kv-ink);
    letter-spacing: .02em;
}

.kv__ad[b-oqqa82mosb] {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(1.35rem, 6.2vw, 1.85rem);
    line-height: 1.15;
    color: var(--kv-ink);
}

.kv__unvan[b-oqqa82mosb] {
    margin: 6px 0 0;
    font-size: clamp(.88rem, 3.7vw, 1rem);
    font-weight: 600;
    color: var(--kv-ink-soft);
}

.kv__kurum[b-oqqa82mosb] {
    margin: 2px 0 0;
    font-size: clamp(.8rem, 3.2vw, .88rem);
    font-weight: 500;
    color: var(--kv-ink-soft);
}

/* ─── Hızlı erişim şeridi ─── */
.kv__hizli[b-oqqa82mosb] {
    display: flex;
    justify-content: center;
    gap: clamp(14px, 5vw, 22px);
    margin-top: calc(var(--kv-ikon) / -2);
    position: relative;
    z-index: 2;
}

.kv__ikon[b-oqqa82mosb] {
    width: var(--kv-ikon);
    height: var(--kv-ikon);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--kv-ink);
    text-decoration: none;
    background: linear-gradient(135deg, var(--kv-koyu), var(--kv-orta));
    border: 2px solid color-mix(in srgb, var(--kv-ink) 82%, transparent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--kv-koyu) 38%, transparent);
    transition: transform .16s var(--ease-bounce), box-shadow .16s ease;
}

.kv__ikon svg[b-oqqa82mosb] {
    width: 45%;
    height: 45%;
}

.kv__ikon:hover[b-oqqa82mosb],
.kv__ikon:focus-visible[b-oqqa82mosb] {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--kv-koyu) 48%, transparent);
}

/* ─── Gövde ─── */
.kv__govde[b-oqqa82mosb] {
    padding: calc(var(--kv-ikon) / 2 + clamp(14px, 4vw, 20px)) clamp(18px, 5vw, 28px) clamp(20px, 6vw, 28px);
}

.kv__tanitim[b-oqqa82mosb] {
    margin: 0 0 clamp(16px, 4vw, 20px);
    font-size: clamp(.9rem, 3.7vw, 1rem);
    line-height: 1.65;
    color: var(--fg-soft);
    max-width: 62ch;
}

.kv__iletisim[b-oqqa82mosb] {
    margin: 0;
    display: grid;
    gap: 2px;
}

.kv__satir[b-oqqa82mosb] {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 10px;
    align-items: baseline;
    padding: 9px 0;
    border-bottom: 1px solid var(--line);
}

.kv__satir:last-child[b-oqqa82mosb] {
    border-bottom: 0;
}

.kv__satir dt[b-oqqa82mosb] {
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--muted);
}

.kv__satir dd[b-oqqa82mosb] {
    margin: 0;
    font-size: clamp(.9rem, 3.6vw, .98rem);
    font-weight: 600;
    min-width: 0;
    overflow-wrap: anywhere;
}

.kv__satir dd a[b-oqqa82mosb] {
    color: var(--kv-koyu);
    text-decoration: none;
}

.kv__satir dd a:hover[b-oqqa82mosb],
.kv__satir dd a:focus-visible[b-oqqa82mosb] {
    text-decoration: underline;
}

/* ─── Aksiyonlar ─── */
.kv__aksiyon[b-oqqa82mosb] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: clamp(18px, 5vw, 24px);
}

.kv-btn[b-oqqa82mosb] {
    flex: 1 1 auto;
    min-width: 140px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border: 0;
    border-radius: var(--radius-pill);
    font: inherit;
    font-weight: 700;
    font-size: .93rem;
    cursor: pointer;
    text-decoration: none;
    transition: transform .14s var(--ease-smooth), box-shadow .14s ease;
}

.kv-btn svg[b-oqqa82mosb] {
    width: 17px;
    height: 17px;
    flex: none;
}

.kv-btn:hover[b-oqqa82mosb] {
    transform: translateY(-1px);
}

/* clip-path yok — odak halkası kesilmesin (WCAG 2.4.7). */
.kv-btn:focus-visible[b-oqqa82mosb] {
    outline: 3px solid color-mix(in srgb, var(--kv-orta) 70%, transparent);
    outline-offset: 2px;
}

.kv-btn--birincil[b-oqqa82mosb] {
    background: linear-gradient(120deg, var(--kv-koyu), var(--kv-orta));
    color: var(--kv-ink);
    box-shadow: 0 10px 22px -8px color-mix(in srgb, var(--kv-koyu) 70%, transparent);
}

.kv-btn--ikincil[b-oqqa82mosb] {
    background: var(--glass);
    color: var(--kv-koyu);
    border: 1px solid color-mix(in srgb, var(--kv-koyu) 24%, transparent);
}

/* WhatsApp'ın kendi marka rengi — Aurora paletinde yok, tema token'ı da değil.
   BbtSorular.razor.css:738 ile birebir aynı gerekçe. */
.kv-btn--wa[b-oqqa82mosb] {
    --wa: #25d366;
    background: var(--wa);
    color: var(--on-brand);
    box-shadow: 0 10px 22px -8px color-mix(in srgb, var(--wa) 70%, transparent);
}

.kv-btn.is-kopyalandi[b-oqqa82mosb]::after {
    content: "Kopyalandı";
}

/* ─── Masaüstü ─── */
@media (min-width: 720px) {
    .kv[b-oqqa82mosb] {
        box-shadow: 0 30px 70px -30px color-mix(in srgb, var(--kv-koyu) 55%, transparent);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kv__ikon[b-oqqa82mosb],
    .kv-btn[b-oqqa82mosb] {
        transition: none;
    }

    .kv__ikon:hover[b-oqqa82mosb],
    .kv__ikon:focus-visible[b-oqqa82mosb],
    .kv-btn:hover[b-oqqa82mosb] {
        transform: none;
    }
}
/* _content/EduLive.Web/Components/Ui/KazanimSecici.razor.rz.scp.css */
.ks[b-qw4ud6b189] {
  display: grid;
  grid-template-columns: 1fr minmax(220px, 300px);
  gap: 14px;
  align-items: start;
}

@media (max-width: 720px) {
  .ks[b-qw4ud6b189] {
    grid-template-columns: 1fr;
  }
}

.ks__main[b-qw4ud6b189] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

/* ─── Arama ─── */

.ks__search[b-qw4ud6b189] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: var(--glass-strong);
}

.ks__search:focus-within[b-qw4ud6b189] {
  outline: 2px solid var(--marka-400);
  outline-offset: 1px;
}

.ks__search-input[b-qw4ud6b189] {
  flex: 1;
  min-width: 0;
  height: 40px;
  border: none;
  background: transparent;
  color: var(--fg);
  font-size: 14px;
  outline: none;
}

.ks__search-input:disabled[b-qw4ud6b189] {
  cursor: not-allowed;
  opacity: 0.6;
}

/* ─── Fallback / mesaj ─── */

.ks__fallback[b-qw4ud6b189] {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid color-mix(in srgb, var(--amber-600) 30%, transparent);
  background: color-mix(in srgb, var(--amber-500) 10%, transparent);
  color: var(--amber-600);
  font-size: 12.5px;
  font-weight: 600;
}

/* Ders bağı kurma bağlantısı (2026-09-08) — uyarının içinde eylem sunar. */
.ks__fallback-link[b-qw4ud6b189] {
  margin-left: auto;
  flex-shrink: 0;
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  white-space: nowrap;
}

.ks__msg[b-qw4ud6b189] {
  margin: 0;
  padding: 12px 4px;
  color: var(--muted);
  font-size: 13.5px;
}

.ks__count[b-qw4ud6b189] {
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
}

.ks__count-note[b-qw4ud6b189] {
  font-weight: 500;
  opacity: 0.75;
}

.ks__truncated[b-qw4ud6b189] {
  font-style: italic;
}

/* ─── Kazanım listesi ─── */

.ks__list[b-qw4ud6b189],
.ks__children[b-qw4ud6b189] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ks__list[b-qw4ud6b189] {
  /* Tam hiyerarşi (ders › tema › kazanım › alt madde) daha derin — kaydırma alanı büyütüldü. */
  max-height: 560px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ks__item-wrap[b-qw4ud6b189] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ks__children[b-qw4ud6b189] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 22px;
  padding-left: 12px;
  border-left: 1px dashed color-mix(in srgb, var(--line) 90%, var(--brand));
}

/* Satır = katlama düğmesi + kart (2026-07-26 tam hiyerarşi) */
.ks__row[b-qw4ud6b189] {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.ks__row > .ks__card[b-qw4ud6b189] {
  flex: 1;
  min-width: 0;
}

.ks__toggle[b-qw4ud6b189] {
  flex-shrink: 0;
  width: 22px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition:
    transform 0.14s ease,
    color 0.12s,
    background 0.12s;
}

.ks__toggle:hover[b-qw4ud6b189] {
  color: var(--fg);
  background: color-mix(in srgb, var(--brand) 8%, transparent);
}

.ks__toggle:focus-visible[b-qw4ud6b189] {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.ks__toggle.is-open[b-qw4ud6b189] {
  transform: rotate(90deg);
  color: var(--fg-soft);
}

/* Yaprak düğüm: düğme yok ama hizalama korunur */
.ks__toggle--leaf[b-qw4ud6b189] {
  cursor: default;
  pointer-events: none;
}

.ks__card[b-qw4ud6b189] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
  transition:
    background 0.12s,
    border-color 0.12s;
}

.ks__card:hover[b-qw4ud6b189] {
  border-color: color-mix(in srgb, var(--brand) 26%, transparent);
  background: color-mix(in srgb, var(--brand) 5%, transparent);
}

.ks__card--child[b-qw4ud6b189] {
  border-style: dashed;
  background: transparent;
}

.ks__check[b-qw4ud6b189] {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  margin-top: 2px;
  accent-color: var(--brand);
  cursor: pointer;
}

.ks__check:focus-visible[b-qw4ud6b189] {
  outline: 2px solid var(--marka-400);
  outline-offset: 2px;
}

.ks__check:disabled[b-qw4ud6b189] {
  cursor: not-allowed;
}

.ks__card-body[b-qw4ud6b189] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  cursor: pointer;
}

/* ─── Rozetler ─── */

.ks__badges[b-qw4ud6b189] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ks__badge[b-qw4ud6b189] {
  display: inline-grid;
  place-items: center;
  height: 19px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.ks__badge--sinif[b-qw4ud6b189] {
  background: var(--brand);
  color: var(--on-brand);
}

.ks__badge--ders[b-qw4ud6b189] {
  background: color-mix(in srgb, var(--fg) 82%, transparent);
  color: var(--glass-strong);
}

.ks__badge--tema[b-qw4ud6b189] {
  background: transparent;
  color: var(--fg-soft);
  border: 1px solid var(--line);
}

.ks__badge--tur[b-qw4ud6b189] {
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--brand-strong);
}

.ks__card-text[b-qw4ud6b189] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg);
}

.ks__code[b-qw4ud6b189] {
  padding: 1px 6px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--brand) 10%, transparent);
  color: var(--brand-strong);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.ks__name[b-qw4ud6b189] {
  min-width: 0;
}

/* ─── Yapışkan seçilen paneli ─── */

.ks__panel[b-qw4ud6b189] {
  position: sticky;
  top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass-strong);
}

.ks__panel-head[b-qw4ud6b189] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ks__panel-title[b-qw4ud6b189] {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--fg);
}

.ks__panel-count[b-qw4ud6b189] {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: var(--brand);
  color: var(--on-brand);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
}

.ks__panel-empty[b-qw4ud6b189] {
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}

.ks__chips[b-qw4ud6b189] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 340px;
  overflow-y: auto;
}

.ks__chip[b-qw4ud6b189] {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 6px 6px 9px;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--brand) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand) 20%, transparent);
}

.ks__chip-text[b-qw4ud6b189] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--fg);
}

.ks__chip-code[b-qw4ud6b189] {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--brand-strong);
}

.ks__chip-label[b-qw4ud6b189] {
  min-width: 0;
}

.ks__chip-x[b-qw4ud6b189] {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-left: auto;
  padding: 0;
  border: none;
  border-radius: 50%;
  font-size: 15px;
  line-height: 1;
  color: var(--brand-strong);
  background: transparent;
  cursor: pointer;
  transition: background 0.15s;
}

.ks__chip-x:hover:not(:disabled)[b-qw4ud6b189] {
  background: color-mix(in srgb, var(--brand) 18%, transparent);
}

.ks__chip-x:focus-visible[b-qw4ud6b189] {
  outline: 2px solid var(--marka-400);
  outline-offset: 1px;
}

.ks__chip-x:disabled[b-qw4ud6b189] {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Seçimle birlikte üretime gidecek müfredat bağlamı (ata zinciri) — 2026-07-25.
   Kullanıcı alt madde seçtiğinde kartta tema adı YOKTUR (ETL yazmaz) ama bağlam
   backend `/components/resolve` ile prompt'a gider; burada görünür kılınır. */
.ks__ctx[b-qw4ud6b189] {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-md, 10px);
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
}

.ks__ctx-title[b-qw4ud6b189] {
  display: block;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 4px;
}

.ks__ctx-list[b-qw4ud6b189] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ks__ctx-item[b-qw4ud6b189] {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--fg-soft);
  word-break: break-word;
}

.ks__clear-all[b-qw4ud6b189] {
  align-self: flex-start;
  padding: 4px 10px;
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.15s;
}

.ks__clear-all:hover:not(:disabled)[b-qw4ud6b189] {
  color: var(--fg);
}

.ks__clear-all:focus-visible[b-qw4ud6b189] {
  outline: 2px solid var(--marka-400);
  outline-offset: 1px;
}

.ks__clear-all:disabled[b-qw4ud6b189] {
  cursor: not-allowed;
  opacity: 0.5;
}

.ks--readonly[b-qw4ud6b189] { grid-template-columns: minmax(0, 1fr); }
.ks--readonly .ks__card-body[b-qw4ud6b189] { cursor: default; }

/* ─── U7 (2026-09-28): vurgu + öne çıkanlar + panelsiz (tek sütun) ─── */

.ks--panelsiz[b-qw4ud6b189] { grid-template-columns: minmax(0, 1fr); }

.ks__card--vurgu[b-qw4ud6b189] {
  border-color: color-mix(in srgb, var(--turkuaz-500) 55%, transparent);
  background: color-mix(in srgb, var(--turkuaz-500) 8%, var(--glass));
}

.ks__badge--vurgu[b-qw4ud6b189] {
  background: color-mix(in srgb, var(--turkuaz-500) 16%, transparent);
  color: var(--turkuaz-rozet-metin);
  white-space: normal;
  height: auto;
  min-height: 19px;
  padding: 3px 8px;
  text-align: left;
}

.ks__one[b-qw4ud6b189] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--line);
}

.ks__one-baslik[b-qw4ud6b189] {
  font-size: 12px;
  font-weight: 700;
  color: var(--fg-soft);
}

/* Seçilemeyen düğüm (SecilebilirTipler dışı) yalnız başlıktır. */
label.ks__card-body:not([for])[b-qw4ud6b189] { cursor: default; }
/* _content/EduLive.Web/Components/Ui/MediaEmbed.razor.rz.scp.css */
.me[b-o7p60hapie] {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.me-imglink[b-o7p60hapie] {
  display: inline-block;
  cursor: zoom-in;
  line-height: 0;
}

.me-img[b-o7p60hapie] {
  max-width: 100%;
  max-height: 520px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  display: block;
}

.me-video[b-o7p60hapie] {
  width: 100%;
  max-height: 520px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--n-900);
}

.me-audio[b-o7p60hapie] {
  width: 100%;
}

.me-link[b-o7p60hapie] {
  color: var(--brand-strong);
  font-weight: 600;
  text-decoration: underline;
  word-break: break-all;
}

.me-caption[b-o7p60hapie] {
  font-size: 0.82rem;
}

.me-caption a[b-o7p60hapie] {
  color: var(--muted);
  text-decoration: underline;
}

.me-caption a:hover[b-o7p60hapie],
.me-link:hover[b-o7p60hapie] {
  color: var(--fg);
}
/* _content/EduLive.Web/Components/Ui/PermissionBitMatrix.razor.rz.scp.css */
/* PermissionBitMatrix — Aurora dili, yalnızca var(--*) token. */

.pbm[b-zksa6jpemq] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pbm__empty[b-zksa6jpemq] {
  padding: 14px 12px;
  color: var(--muted);
  font-size: 14px;
  border: 1px dashed var(--n-300);
  border-radius: var(--radius);
  text-align: center;
}

.pbm__layer[b-zksa6jpemq] {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--glass);
  padding: 12px 14px 14px;
  margin: 0;
  min-inline-size: 0;
}

.pbm__layer-title[b-zksa6jpemq] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--fg);
  padding: 0 6px;
}

.pbm__layer-count[b-zksa6jpemq] {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
}

.pbm__grid[b-zksa6jpemq] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 6px;
  margin-top: 8px;
}

.pbm__cell[b-zksa6jpemq] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    border-color 0.18s var(--ease-smooth);
}

.pbm__cell:hover:not(.is-readonly)[b-zksa6jpemq] {
  background: var(--glass-hover);
}

.pbm__cell.is-on[b-zksa6jpemq] {
  background: color-mix(in srgb, var(--marka-500) 9%, transparent);
  border-color: color-mix(in srgb, var(--marka-500) 26%, transparent);
}

.pbm__cell.is-error[b-zksa6jpemq] {
  border-color: var(--red-500);
  background: color-mix(in srgb, var(--red-500) 8%, transparent);
}

.pbm__cell.is-readonly[b-zksa6jpemq] {
  cursor: default;
}

/* Görsel işaret kutusu; gerçek input görünmez ama odaklanabilir (a11y). */
.pbm__mark[b-zksa6jpemq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1.5px solid var(--n-300);
  background: var(--glass-strong);
  color: var(--on-brand);
  transition:
    background 0.18s var(--ease-smooth),
    border-color 0.18s var(--ease-smooth);
}

.pbm__cell.is-on .pbm__mark[b-zksa6jpemq] {
  background: var(--marka-500);
  border-color: var(--marka-500);
}

.pbm__input[b-zksa6jpemq] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.pbm__input:focus-visible + .pbm__text[b-zksa6jpemq] {
  outline: 2px solid var(--marka-500);
  outline-offset: 2px;
  border-radius: 4px;
}

.pbm__text[b-zksa6jpemq] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 1px;
}

.pbm__label[b-zksa6jpemq] {
  font-size: 13px;
  color: var(--fg-soft);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pbm__cell.is-on .pbm__label[b-zksa6jpemq] {
  color: var(--fg);
  font-weight: 600;
}

.pbm__code[b-zksa6jpemq] {
  font-size: 11px;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  direction: ltr;
  unicode-bidi: isolate;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pbm__err-badge[b-zksa6jpemq] {
  margin-inline-start: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--red-500);
  color: var(--on-brand);
  font-size: 12px;
  font-weight: 700;
}
/* _content/EduLive.Web/Components/Ui/PermissionGate.razor.rz.scp.css */
.perm-disabled[b-0nt3fzy0gk] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  user-select: none;
  filter: grayscale(0.25);
}

.perm-unauth[b-0nt3fzy0gk] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 11%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber-600) 26%, transparent);
}

.perm-unauth svg[b-0nt3fzy0gk] {
  flex-shrink: 0;
}
/* _content/EduLive.Web/Components/Ui/PlanFormatView.razor.rz.scp.css */
/* Şema-güdümlü plan görünümü — Aurora token'ları (hardcoded hex YASAK).
   Hedef: eski sistemin DOCX çıktısıyla aynı okuma sırası ve görsel hiyerarşi. */

.pfv-section[b-bcmkx51vye] {
  margin: 0 0 20px;
}

/* Bölüm başlığı — DOCX'te 13pt bold primary. */
.pfv-title[b-bcmkx51vye] {
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: 0.01em;
}

/* `▷` görsel ayraç — DOCX'te bilinçli olarak BOLD DEĞİL (PDF formatına uygunluk). */
.pfv-divider[b-bcmkx51vye] {
  margin: 26px 0 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--border);
  font-size: 1rem;
  font-weight: 400;
  color: var(--accent);
}

.pfv-empty[b-bcmkx51vye] {
  margin: 0;
  color: var(--muted);
  font-size: 0.875rem;
}

/* Alt bölüm (subsections): alt başlık + paragraf. */
.pfv-sub[b-bcmkx51vye] {
  margin: 0 0 12px;
}

.pfv-subtitle[b-bcmkx51vye] {
  margin: 0 0 4px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--fg);
}

.pfv-para[b-bcmkx51vye] {
  margin: 0;
  color: var(--fg-soft);
  font-size: 0.9rem;
  line-height: 1.65;
  white-space: pre-line; /* AI çok paragraflı metin üretir (ETKİNLİKLER) */
}

.pfv-bullets[b-bcmkx51vye] {
  margin: 0;
  padding-left: 20px;
  color: var(--fg-soft);
  font-size: 0.9rem;
  line-height: 1.6;
}

.pfv-bullets li[b-bcmkx51vye] {
  margin-bottom: 4px;
}

.pfv-extra[b-bcmkx51vye] {
  margin-bottom: 12px;
}
/* _content/EduLive.Web/Components/Ui/PlanRefsView.razor.rz.scp.css */
/* Bileşen/kazanım referans ağacı — Aurora token'ları (hardcoded hex YASAK).
   DOCX'te: grup başlığı bold+primary, kademe 0 bold, alt kademeler girintili normal. */

.prv-group[b-b4zzut7gej] {
  margin-bottom: 10px;
}

/* "TÜRKÇE Alanı:" — label_transform backend'de uygulanmış, aynen basılır. */
.prv-group__title[b-b4zzut7gej] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent);
  margin-bottom: 3px;
}

.prv-node[b-b4zzut7gej] {
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--fg-soft);
  padding: 1px 0;
}

/* Kademe 0 = ana başlık (ana değer / ana eğilim / öğrenme çıktısı). */
.prv-node.is-root[b-b4zzut7gej] {
  font-weight: 600;
  color: var(--fg);
  margin-top: 4px;
}
/* _content/EduLive.Web/Components/Ui/PlanSourceInline.razor.rz.scp.css */
/* Plan kaynağı (alt-plan) seçimi — tek adım içinde bölüm. Aurora token'ları. */

.psi-block[b-zwkn1h4ffg] { margin-bottom: 14px; }

.psi-title[b-zwkn1h4ffg] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--fg-soft);
    margin: 0 0 6px;
}

.psi-list[b-zwkn1h4ffg] {
    list-style: none; margin: 0; padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 6px;
}

.psi-item[b-zwkn1h4ffg] {
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    transition: border-color .15s ease, background .15s ease;
}

.psi-item:hover[b-zwkn1h4ffg] { border-color: var(--accent); }

.psi-item.is-selected[b-zwkn1h4ffg] {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
}

.psi-item label[b-zwkn1h4ffg] {
    display: flex; align-items: center; gap: 9px;
    padding: 9px 11px;
    cursor: pointer;
    font-size: .85rem;
    color: var(--fg);
}

.psi-item__name[b-zwkn1h4ffg] { flex: 1; line-height: 1.3; }

.psi-item__meta[b-zwkn1h4ffg] {
    font-size: .72rem;
    color: var(--muted);
    white-space: nowrap;
}
/* _content/EduLive.Web/Components/Ui/SchemaDrivenEditor.razor.rz.scp.css */
/* SchemaDrivenEditor — SchemaDrivenView görsel dilinin düzenlenebilir karşılığı.
   Aurora var(--*) token'ları dışında renk yok; .app-input global tasarım sisteminden gelir. */

.sde[b-hylendxsao] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sde-object[b-hylendxsao] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sde-row[b-hylendxsao] {
  display: grid;
  grid-template-columns: minmax(120px, 200px) 1fr;
  gap: 10px;
  align-items: start;
}

.sde-key[b-hylendxsao] {
  font-weight: 600;
  color: var(--fg-soft);
  font-size: 0.92rem;
  padding-top: 12px;
}

.sde-val[b-hylendxsao] {
  min-width: 0;
}

.sde-empty[b-hylendxsao] {
  color: var(--muted);
}

/* Girdiler — .app-input iskeleti AppField ::deep kapsamı dışında da tutarlı görünsün
   (girdiler bu bileşenin kendi markup'ı olduğundan scoped seçici yeterli) */
.sde .sde-input[b-hylendxsao] {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: 14.5px;
  color: var(--fg);
  background: var(--glass-strong);
  border: 1.5px solid var(--line);
  border-radius: var(--radius-sm);
  outline: none;
}

.sde .sde-input--text[b-hylendxsao],
.sde .sde-input--num[b-hylendxsao] {
  height: 42px;
  padding: 0 12px;
}

.sde .sde-input--multi[b-hylendxsao] {
  min-height: 96px;
  padding: 10px 12px;
  line-height: 1.55;
  resize: vertical;
}

.sde .sde-input:focus[b-hylendxsao],
.sde .sde-input:focus-visible[b-hylendxsao] {
  border-color: var(--marka-400);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent);
}

.sde .sde-input:disabled[b-hylendxsao] {
  cursor: not-allowed;
  background: var(--n-100);
  color: var(--muted);
}

.sde .sde-input[aria-invalid="true"][b-hylendxsao] {
  border-color: var(--red-500);
}

/* Bool satırı */
.sde-boolrow[b-hylendxsao] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding-top: 10px;
}

.sde-check[b-hylendxsao] {
  width: 18px;
  height: 18px;
  accent-color: var(--brand);
}

.sde-bool__text[b-hylendxsao] {
  color: var(--fg);
  font-size: 14px;
}

/* Primitive dizi — satır listesi (LevelRowsEditor deseni) */
.sde-list[b-hylendxsao] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sde-listrow[b-hylendxsao] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sde-no[b-hylendxsao] {
  min-width: 22px;
  text-align: right;
  font-size: 12px;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.sde-listrow__val[b-hylendxsao] {
  flex: 1;
  min-width: 0;
}

.sde-ico[b-hylendxsao] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
  color: var(--fg-soft);
  cursor: pointer;
}

.sde-ico:hover:not(:disabled)[b-hylendxsao] {
  background: var(--glass-hover);
  color: var(--fg);
}

.sde-ico:disabled[b-hylendxsao] {
  opacity: 0.4;
  cursor: not-allowed;
}

.sde-del:hover:not(:disabled)[b-hylendxsao] {
  color: var(--red-500);
  border-color: var(--red-500);
}

.sde-add[b-hylendxsao] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px dashed var(--line);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-soft);
  font-size: 13px;
  cursor: pointer;
}

.sde-add:hover:not(:disabled)[b-hylendxsao] {
  color: var(--brand);
  border-color: var(--brand);
}

.sde-add:disabled[b-hylendxsao] {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Eleman araç çubuğu (sıralama + silme onayı) — primitif satır ve obje kartı ortak */
.sde-tools[b-hylendxsao] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.sde-tools__ask[b-hylendxsao] {
  font-size: 12px;
  color: var(--muted);
}

.sde-confirm[b-hylendxsao] {
  padding: 4px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
  color: var(--fg-soft);
  font-size: 12.5px;
  cursor: pointer;
}

.sde-confirm:hover:not(:disabled)[b-hylendxsao] {
  background: var(--glass-hover);
  color: var(--fg);
}

.sde-confirm:disabled[b-hylendxsao] {
  opacity: 0.4;
  cursor: not-allowed;
}

.sde-confirm--danger[b-hylendxsao] {
  color: var(--red-500);
  border-color: var(--red-500);
}

.sde-confirm--danger:hover:not(:disabled)[b-hylendxsao] {
  background: color-mix(in srgb, var(--red-500) 14%, transparent);
  color: var(--red-500);
}

/* Obje dizisi — kartlar */
.sde-cards[b-hylendxsao] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sde-card[b-hylendxsao] {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
}

.sde-card__head[b-hylendxsao] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.sde-card__tools[b-hylendxsao] {
  display: inline-flex;
}

.sde-card__no[b-hylendxsao] {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--line);
  color: var(--fg-soft);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.sde-cards__add[b-hylendxsao] {
  list-style: none;
}

/* Salt-okunur / karmaşık bölüm bildirimi (ham JSON yerine öğretmen-dostu not) */
.sde-deep[b-hylendxsao] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border: 1px dashed var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
  color: var(--fg-soft);
}

.sde-deep__note[b-hylendxsao] {
  margin: 0;
  font-size: 12.5px;
  color: var(--fg-soft);
}

/* Nested obje/liste — hafif girinti + sol çizgi (SchemaDrivenView ile aynı dil) */
.sde-val .sde-object[b-hylendxsao],
.sde-val .sde-list[b-hylendxsao],
.sde-val .sde-cards[b-hylendxsao] {
  padding-left: 12px;
  border-left: 2px solid var(--line);
}

@media (max-width: 640px) {
  .sde-row[b-hylendxsao] {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .sde-key[b-hylendxsao] {
    padding-top: 0;
  }
}
/* _content/EduLive.Web/Components/Ui/SchemaDrivenView.razor.rz.scp.css */
.sdv-object[b-2clgcosepn] {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sdv-row[b-2clgcosepn] {
  display: grid;
  grid-template-columns: minmax(120px, 200px) 1fr;
  gap: 10px;
  align-items: start;
}

.sdv-key[b-2clgcosepn] {
  font-weight: 600;
  color: var(--fg-soft);
  font-size: 0.92rem;
}

.sdv-val[b-2clgcosepn] {
  margin: 0;
  min-width: 0;
}

.sdv-text[b-2clgcosepn] {
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--fg);
  line-height: 1.55;
}

.sdv-num[b-2clgcosepn] {
  font-variant-numeric: tabular-nums;
  color: var(--fg);
}

.sdv-bool[b-2clgcosepn] {
  color: var(--fg);
}

.sdv-empty[b-2clgcosepn] {
  color: var(--muted);
}

.sdv-list[b-2clgcosepn] {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sdv-list--inline[b-2clgcosepn] {
  list-style: none;
  padding-left: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
}

.sdv-list--inline > li[b-2clgcosepn] {
  background: var(--line);
  border-radius: 8px;
  padding: 2px 9px;
  font-size: 0.9rem;
}

.sdv-raw[b-2clgcosepn] {
  margin: 0;
  padding: 10px 12px;
  background: var(--line);
  border-radius: 8px;
  font-size: 0.82rem;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Nested obje/liste — hafif girinti + sol çizgi */
.sdv-val .sdv-object[b-2clgcosepn],
.sdv-val .sdv-list[b-2clgcosepn] {
  padding-left: 12px;
  border-left: 2px solid var(--line);
}

@media (max-width: 640px) {
  .sdv-row[b-2clgcosepn] {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
/* _content/EduLive.Web/Components/Ui/SecretRevealPanel.razor.rz.scp.css */
/* SecretRevealPanel — Aurora dili, yalnızca var(--*) token. */

.srp[b-ehpjbmc96o] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--amber-500) 40%, transparent);
  background: color-mix(in srgb, var(--amber-500) 7%, transparent);
}

.srp__head[b-ehpjbmc96o] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.srp__warn-ico[b-ehpjbmc96o] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--amber-500) 18%, transparent);
  color: var(--amber-600);
}

.srp__head-text[b-ehpjbmc96o] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.srp__title[b-ehpjbmc96o] {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--fg);
}

.srp__sub[b-ehpjbmc96o] {
  font-size: 13px;
  color: var(--fg-soft);
  line-height: 1.45;
}

.srp__value-row[b-ehpjbmc96o] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.srp__value[b-ehpjbmc96o] {
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  color: var(--fg);
  overflow-x: auto;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
}

.srp__btn[b-ehpjbmc96o] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  color: var(--fg-soft);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    color 0.18s var(--ease-smooth);
}

.srp__btn:hover[b-ehpjbmc96o] {
  background: var(--glass-hover);
  color: var(--fg);
}

.srp__btn:focus-visible[b-ehpjbmc96o] {
  outline: 2px solid var(--marka-500);
  outline-offset: 1px;
}

.srp__btn--copy[b-ehpjbmc96o] {
  background: var(--marka-500);
  border-color: var(--marka-500);
  color: var(--on-brand);
}

.srp__btn--copy:hover[b-ehpjbmc96o] {
  background: var(--marka-600);
  color: var(--on-brand);
}

.srp__live[b-ehpjbmc96o] {
  min-height: 18px;
  font-size: 12px;
  color: var(--green-600);
}

.srp__foot[b-ehpjbmc96o] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.srp__close[b-ehpjbmc96o] {
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--glass-strong);
  color: var(--fg);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    opacity 0.18s var(--ease-smooth);
}

.srp__close:hover:not(:disabled)[b-ehpjbmc96o] {
  background: var(--glass-hover);
}

.srp__close:disabled[b-ehpjbmc96o] {
  opacity: 0.5;
  cursor: not-allowed;
}

.srp__foot-hint[b-ehpjbmc96o] {
  font-size: 12px;
  color: var(--muted);
}
/* _content/EduLive.Web/Components/Ui/SisEntityTimeoffList.razor.rz.scp.css */
/* Sol liste + sağ müsaitlik ızgarası düzeni (eski wizard Derslik/Öğretmen adım paritesi). */
.sis-etl[b-217cjd69c3] {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(320px, 1.2fr);
  gap: 16px;
  align-items: start;
}

@media (max-width: 860px) {
  .sis-etl[b-217cjd69c3] {
    grid-template-columns: 1fr;
  }
}

.sis-etl__list[b-217cjd69c3] {
  list-style: none;
  margin: 8px 0;
  padding: 0;
  max-height: 420px;
  overflow-y: auto;
  border: 1px solid var(--line, rgba(127, 127, 127, 0.2));
  border-radius: 8px;
}

.sis-etl__item[b-217cjd69c3] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line, rgba(127, 127, 127, 0.12));
  cursor: pointer;
  text-align: left;
  color: var(--fg);
}

.sis-etl__item:hover[b-217cjd69c3] {
  background: rgba(127, 127, 127, 0.08);
}

.sis-etl__item.is-active[b-217cjd69c3] {
  background: rgba(127, 127, 127, 0.14);
  box-shadow: inset 3px 0 0 var(--accent);
}

.sis-etl__title[b-217cjd69c3] {
  font-weight: 600;
  font-size: 0.9rem;
}

.sis-etl__sub[b-217cjd69c3] {
  font-size: 0.78rem;
  color: var(--muted);
}

.sis-etl__flag[b-217cjd69c3] {
  margin-top: 2px;
}
/* _content/EduLive.Web/Components/Ui/SisTimeoffGrid.razor.rz.scp.css */
/* SIS müsaitlik ızgarası — eski wizard timeoff-grid paritesi (Aurora token'larıyla). */
.sis-togrid__table[b-qvy61rek5w] {
  border-collapse: collapse;
}

.sis-togrid__corner[b-qvy61rek5w],
.sis-togrid__period[b-qvy61rek5w],
.sis-togrid__day[b-qvy61rek5w] {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--muted);
  padding: 2px 4px;
  text-align: center;
}

.sis-togrid__day[b-qvy61rek5w] {
  text-align: right;
  padding-right: 8px;
}

.sis-togrid__cell[b-qvy61rek5w] {
  width: 26px;
  height: 22px;
  border: 1px solid var(--line, rgba(127, 127, 127, 0.25));
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  transition: background-color 120ms ease;
}

.sis-togrid__cell.is-on[b-qvy61rek5w] {
  background: var(--accent);
  opacity: 0.85;
}

.sis-togrid__cell.is-off[b-qvy61rek5w] {
  background: transparent;
}

.sis-togrid__cell:hover[b-qvy61rek5w] {
  opacity: 1;
  outline: 2px solid var(--accent);
  outline-offset: -1px;
}

.sis-togrid__toolbar[b-qvy61rek5w] {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
/* _content/EduLive.Web/Components/Ui/SoruContentView.razor.rz.scp.css */
.scv[b-g4kx9ru41c] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.scv-section-title[b-g4kx9ru41c] {
  margin: 0 0 8px;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted);
}

.scv-text[b-g4kx9ru41c] {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--fg);
  line-height: 1.65;
}

/* Bağlam — üstte accent kart */
.scv-context[b-g4kx9ru41c] {
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 5%, transparent);
}

.scv-media[b-g4kx9ru41c] {
  max-width: 100%;
}

/* Soru kökü — ÖSYM dizgisi: bold 700, 1.08rem, lh 1.75, accent sol-border kart */
.scv-stem[b-g4kx9ru41c] {
  padding: 16px 18px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  background: var(--glass-strong);
}

.scv-stem-text[b-g4kx9ru41c] {
  margin: 0;
  font-weight: 700;
  font-size: 1.08rem;
  line-height: 1.75;
  color: var(--fg);
  white-space: pre-wrap;
  word-break: break-word;
}

/* Şıklar — <ol type="A">, upper-alpha marker, sol 3px accent border'lı kartlar */
.scv-options[b-g4kx9ru41c] {
  margin: 0;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.scv-options > li[b-g4kx9ru41c]::marker {
  font-weight: 700;
  color: var(--brand-strong);
}

.scv-option[b-g4kx9ru41c] {
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  background: var(--line);
  border-left: 3px solid var(--accent);
  color: var(--fg);
  line-height: 1.6;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.scv-option-text[b-g4kx9ru41c] {
  white-space: pre-wrap;
  word-break: break-word;
}

/* Doğru şık — yeşil vurgu + ✓ */
.scv-option--correct[b-g4kx9ru41c] {
  border: 1px solid var(--green-600);
  border-left: 3px solid var(--green-600);
  background: color-mix(in srgb, var(--green-500) 10%, transparent);
}

.scv-option-check[b-g4kx9ru41c] {
  flex-shrink: 0;
  font-weight: 700;
  color: var(--green-600);
}

/* Doğru cevap + çözüm — ≥900px 2 kolon */
.scv-result[b-g4kx9ru41c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 900px) {
  .scv-result[b-g4kx9ru41c] {
    grid-template-columns: minmax(200px, 1fr) 2fr;
  }
}

.scv-answer[b-g4kx9ru41c] {
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--green-600);
  border-left: 3px solid var(--green-600);
  background: color-mix(in srgb, var(--green-500) 10%, transparent);
}

.scv-answer-title[b-g4kx9ru41c] {
  color: var(--green-600);
  display: flex;
  align-items: center;
  gap: 6px;
}

.scv-answer-icon[b-g4kx9ru41c] {
  font-size: 1rem;
}

.scv-answer-value[b-g4kx9ru41c] {
  margin: 0;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--fg);
  white-space: pre-wrap;
  word-break: break-word;
}

.scv-solution[b-g4kx9ru41c] {
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--glass-strong);
}

/* Çözüm adımları (2026-08-03) — backend çok adımlı çözümü "1. …\n2. …" biçiminde
   üretir; `white-space: pre-wrap` satır sonlarını zaten korur, burada adımlar
   GÖZLE ayrışsın diye nefes payı + asılı girinti verilir. Tek paragraflık (tek
   adımlı) çözümde görsel fark oluşmaz — kural içerik-agnostiktir. */
.scv-solution .scv-text[b-g4kx9ru41c] {
  line-height: 1.75;
  padding-left: 1.35em;
  text-indent: -1.35em;
}

.scv-solution .scv-text br[b-g4kx9ru41c] {
  content: "";
  display: block;
  margin-bottom: 0.45em;
}

/* Ekstra alanlar — muted kartlar */
.scv-extra[b-g4kx9ru41c] {
  padding: 12px 14px;
  border-radius: var(--radius-sm);
  border: 1px dashed var(--line);
  background: transparent;
}

.scv-extra .scv-section-title[b-g4kx9ru41c] {
  color: var(--muted);
}

/* 2026-08-17 — markdown veri tablosu (tablo_markdown) */
.scv-table[b-g4kx9ru41c] { margin: 0.75rem 0; overflow-x: auto; }
.scv-md-table[b-g4kx9ru41c] { border-collapse: collapse; min-width: 50%; font-size: 0.95rem; }
.scv-md-table th[b-g4kx9ru41c], .scv-md-table td[b-g4kx9ru41c] {
    border: 1px solid var(--au-line, #d0d4dc);
    padding: 0.4rem 0.75rem; text-align: left;
}
.scv-md-table th[b-g4kx9ru41c] { background: var(--au-panel2, #f2f4f8); font-weight: 600; }
/* _content/EduLive.Web/Components/Ui/Sunum/SunumBoslukDoldurma.razor.rz.scp.css */
.sw-bosluk__yonerge[b-69rqw5xgy3] {
  margin: 0 0 16px;
  font-size: 1.4rem;
  opacity: 0.85;
}

.sw-bosluk__kalip[b-69rqw5xgy3] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 600;
}

.sw-bosluk__girdi[b-69rqw5xgy3] {
  min-width: 200px;
  font: inherit;
  padding: 6px 16px;
  color: inherit;
  background: rgba(255, 255, 255, 0.08);
  border: 0;
  border-bottom: 3px solid var(--indigo-400);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  text-align: center;
}

.sw-bosluk__girdi:focus-visible[b-69rqw5xgy3] {
  outline: 3px solid var(--indigo-400);
  outline-offset: 2px;
}

.sw-bosluk__girdi.is-dogru[b-69rqw5xgy3] {
  border-bottom-color: var(--green-500);
}

.sw-bosluk__girdi.is-yanlis[b-69rqw5xgy3] {
  border-bottom-color: var(--red-500);
}

.sw-bosluk__alt[b-69rqw5xgy3] {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.sw-bosluk__sonuc[b-69rqw5xgy3] {
  font-size: 1.4rem;
  font-weight: 700;
}

.sw-bosluk__sonuc.is-dogru[b-69rqw5xgy3] {
  color: var(--green-500);
}

.sw-bosluk__sonuc.is-yanlis[b-69rqw5xgy3] {
  color: var(--red-500);
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumCizimAlani.razor.rz.scp.css */
.sw-cizim__yonerge[b-0fp32561gm] {
  margin: 0 0 14px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.sw-cizim__tuval[b-0fp32561gm] {
  display: block;
  width: 100%;
  max-height: 55vh;
  aspect-ratio: 15 / 7;
  background: #ffffff;
  border: 2px solid var(--line);
  border-radius: var(--radius);
  touch-action: none; /* dokunmatik tahtada kaydırma değil ÇİZİM */
  cursor: crosshair;
}

.sw-cizim__alt[b-0fp32561gm] {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}

/* ── Görselin ÜSTÜNDE çalışma kipi ──
   Kap, blok görselinin kutusuna (`.sgk-kap`, position: relative) birebir oturur; tuval
   saydamdır, kenarlığı yoktur — altındaki görsel görünür ve üstüne çizilir. */
.sw-cizim--ustte[b-0fp32561gm] {
  position: absolute;
  inset: 0;
  line-height: normal; /* .sgk-kap `line-height: 0` verir — düğme ezilmesin */
}

.sw-cizim--ustte .sw-cizim__tuval[b-0fp32561gm] {
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
  background: transparent;
  border: 0;
  border-radius: inherit;
}

/* "Temizle" kalır ama görseli kapatmaz: köşede yüzer. */
.sw-cizim__alt--yuzen[b-0fp32561gm] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin-top: 0;
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumCoktanSecmeli.razor.rz.scp.css */
/* Soru molası — arka sıradan okunacak kadar büyük, cevap açılana kadar nötr. */

.sw-cs[b-n3ut27rav4] { display: flex; flex-direction: column; gap: .75rem; }

.sw-cs__soru[b-n3ut27rav4] { margin: 0; font-size: 1.15rem; font-weight: 600; }

.sw-cs__kartlar[b-n3ut27rav4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .5rem;
}

.sw-cs__kart[b-n3ut27rav4] {
    display: flex;
    align-items: center;
    gap: .6rem;
    text-align: left;
    padding: .7rem .9rem;
    font: inherit;
    font-size: 1.05rem;
    color: var(--fg);
    background: var(--surface);
    border: 2px solid var(--border);
    border-radius: var(--radius-md, 10px);
    cursor: pointer;
    transition: border-color .12s ease, background-color .12s ease;
}

.sw-cs__kart:hover[b-n3ut27rav4] { border-color: var(--accent); }

.sw-cs__harf[b-n3ut27rav4] {
    flex: 0 0 auto;
    width: 1.9rem; height: 1.9rem;
    display: grid; place-items: center;
    font-weight: 700;
    border-radius: 50%;
    background: var(--surface-2, var(--surface));
    border: 1px solid var(--border);
}

.sw-cs__metin[b-n3ut27rav4] { flex: 1 1 auto; }
.sw-cs__isaret[b-n3ut27rav4] { flex: 0 0 auto; font-weight: 700; }

/* Cevap AÇILMADAN önce: yalnız "sınıfın seçimi" belirtilir, doğru/yanlış boyanmaz. */
.sw-cs__kart--secili[b-n3ut27rav4] { border-color: var(--accent); background: var(--surface-2, var(--surface)); }

/* Cevap açıldıktan sonra. */
.sw-cs__kart--dogru[b-n3ut27rav4]  { border-color: var(--success, #2e7d32); }
.sw-cs__kart--yanlis[b-n3ut27rav4] { border-color: var(--danger, #c62828); }
.sw-cs__kart--sonuk[b-n3ut27rav4]  { opacity: .55; }

.sw-cs__alt[b-n3ut27rav4] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.sw-cs__sinifin[b-n3ut27rav4] { font-size: .9rem; color: var(--muted); }

.sw-cs__cozum[b-n3ut27rav4] {
    padding: .7rem .9rem;
    border-left: 3px solid var(--accent);
    background: var(--surface-2, var(--surface));
    border-radius: 0 var(--radius-md, 10px) var(--radius-md, 10px) 0;
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumGorselKatman.razor.rz.scp.css */
/* Slayt görseli + bindirme katmanı.

   Kap `inline-block` + `line-height: 0`: kutu <img>'in GERÇEK boyutuna büzülür. Katman
   `inset: 0` ile o kutuya oturduğu için yüzde koordinatlar görselin kendi kenarlarına göre
   çözülür — görsel ne kadar ölçeklenirse ölçeklensin işaret yerinde kalır.

   Metin VEKTÖRDÜR ve punto piksel cinsindendir (viewBox yok → kullanıcı birimi = CSS px).
   Arka sıradaki öğrenci okuyacak: 26px taban, kalın, koyu hâle ile — herhangi bir görselin
   üstünde kontrast garanti edilemez, hâle bu yüzden vazgeçilmezdir. */

.sgk[b-fnf0uiv83z] {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* Kenarlık KAP'ta durur, <img>'de değil: tıklama normalizasyonu görselin kutusunu ölçer,
   img'e kenarlık verilirse `offsetX` ile `getBoundingClientRect` bir kenarlık payı kayar. */
.sgk-kap[b-fnf0uiv83z] {
  position: relative;
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius);
}

.sgk-kap.is-tiklanabilir[b-fnf0uiv83z] {
  cursor: crosshair;
}

.sgk-img[b-fnf0uiv83z] {
  display: block;
  max-width: 100%;
  max-height: 52vh;
  border: 0;
}

.sgk-katman[b-fnf0uiv83z] {
  position: absolute;
  inset: 0;
  /* Tıklama KAP'a ulaşmalı: katman olayları yutmaz. */
  pointer-events: none;
  overflow: visible;
}

/* ── Öğeler ── */
.sgk-oge[b-fnf0uiv83z] {
  transition: opacity 0.18s var(--ease-smooth);
}

/* `odak` doluysa listede OLMAYAN öğe geri çekilir; görsel aynı kalır, dikkat değişir. */
.sgk-oge.is-soluk[b-fnf0uiv83z] {
  opacity: 0.35;
}

.sgk-oge.is-odak[b-fnf0uiv83z] {
  opacity: 1;
}

/* ── Klavyeyle işaretleme ──
   Katman `pointer-events: none` olduğu için fare olayları kapa geçer; klavye odağı bundan
   BAĞIMSIZDIR, `tabindex` çalışmaya devam eder. Odak halkası tahtanın arka sırasından
   görülmeli: kalın, sıcak renkli ve öğenin konturuna da işleyen bir vurgu. */
.sgk-oge.is-secilebilir[b-fnf0uiv83z] {
  cursor: pointer;
}

.sgk-oge.is-secilebilir:focus[b-fnf0uiv83z] {
  outline: none; /* yalnız klavye odağında halka çizilir */
}

.sgk-oge.is-secilebilir:focus-visible[b-fnf0uiv83z] {
  outline: 5px solid var(--amber-500);
  outline-offset: 6px;
  opacity: 1; /* solmuş öğe bile odaklanınca görünür olmalı */
}

/* SVG'de `outline` her tarayıcıda güvenilir değildir — kontur da kalınlaşır ki odak
   hiçbir koşulda kaybolmasın. */
.sgk-oge.is-secilebilir:focus-visible .sgk-nokta[b-fnf0uiv83z],
.sgk-oge.is-secilebilir:focus-visible .sgk-yay[b-fnf0uiv83z],
.sgk-oge.is-secilebilir:focus-visible .sgk-parca[b-fnf0uiv83z],
.sgk-oge.is-secilebilir:focus-visible .sgk-bolge[b-fnf0uiv83z] {
  stroke: var(--amber-500);
  stroke-width: 8;
}

.sgk-oge.is-secilebilir:focus-visible .sgk-metin[b-fnf0uiv83z] {
  fill: var(--amber-500);
}

.sgk-nokta[b-fnf0uiv83z] {
  fill: var(--cyan-500);
  stroke: #0f172a;
  stroke-width: 3;
}

.sgk-yay[b-fnf0uiv83z],
.sgk-parca[b-fnf0uiv83z],
.sgk-bolge[b-fnf0uiv83z] {
  fill: none;
  stroke: var(--cyan-500);
  stroke-width: 4;
  stroke-linecap: round;
  paint-order: stroke;
}

.sgk-bolge[b-fnf0uiv83z] {
  stroke-dasharray: 10 8;
  rx: 6;
}

.sgk-metin[b-fnf0uiv83z] {
  font-family: var(--font-body);
  font-size: 26px;
  font-weight: 700;
  fill: #ffffff;
  stroke: rgba(15, 23, 42, 0.9);
  stroke-width: 6px;
  paint-order: stroke fill;
  stroke-linejoin: round;
}

.sgk-oge.is-odak .sgk-metin[b-fnf0uiv83z] {
  font-size: 30px;
}

/* ── İşaretleme: ipucu + tıklama izi ── */
.sgk-ipucu[b-fnf0uiv83z] {
  fill: none;
  stroke: var(--amber-500);
  stroke-width: 5;
  stroke-dasharray: 8 7;
}

.sgk-tiklama__halka[b-fnf0uiv83z] {
  fill: none;
  stroke-width: 4;
}

.sgk-tiklama.is-dogru .sgk-tiklama__halka[b-fnf0uiv83z],
.sgk-tiklama.is-dogru .sgk-tiklama__nokta[b-fnf0uiv83z] {
  stroke: var(--green-500);
  fill: var(--green-500);
}

.sgk-tiklama.is-dogru .sgk-tiklama__halka[b-fnf0uiv83z] {
  fill: none;
}

.sgk-tiklama.is-yanlis .sgk-tiklama__halka[b-fnf0uiv83z],
.sgk-tiklama.is-yanlis .sgk-tiklama__nokta[b-fnf0uiv83z] {
  stroke: var(--red-500);
  fill: var(--red-500);
}

.sgk-tiklama.is-yanlis .sgk-tiklama__halka[b-fnf0uiv83z] {
  fill: none;
}

/* ── Görünmez canlı bölge ──
   Yansıtılmaz, yer kaplamaz; yalnız ekran okuyucu okur. `display: none` OLMAZ — gizlenen
   bölge seslendirilmez. */
.sgk-duyuru[b-fnf0uiv83z] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ── Görsel üstü çizim yönergesi ── */
.sgk-ustYonerge[b-fnf0uiv83z] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  max-width: 70ch;
}

/* ── Açıklama: ekran okuyucu / öğretmen için; tahtada küçük ve soluk durur ── */
.sgk-aciklama[b-fnf0uiv83z] {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--n-300);
  opacity: 0.75;
  text-align: center;
  max-width: 70ch;
}

/* ── İşaretleme paneli ── */
.sgk-isaret[b-fnf0uiv83z] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
}

.sgk-isaret__yonerge[b-fnf0uiv83z] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.sgk-isaret__uyari[b-fnf0uiv83z] {
  margin: 0;
  font-size: 1.1rem;
  color: var(--amber-500);
}

.sgk-isaret__sonuc[b-fnf0uiv83z] {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: var(--radius);
}

.sgk-isaret__sonuc.is-dogru[b-fnf0uiv83z] {
  color: var(--green-500);
  background: rgba(16, 185, 129, 0.14);
}

.sgk-isaret__sonuc.is-yanlis[b-fnf0uiv83z] {
  color: var(--amber-500);
  background: rgba(245, 158, 11, 0.14);
}

.sgk-isaret__alt[b-fnf0uiv83z] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 900px) {
  .sgk-metin[b-fnf0uiv83z] {
    font-size: 20px;
  }

  .sgk-oge.is-odak .sgk-metin[b-fnf0uiv83z] {
    font-size: 23px;
  }

  .sgk-isaret__yonerge[b-fnf0uiv83z],
  .sgk-ustYonerge[b-fnf0uiv83z] {
    font-size: 1.2rem;
  }
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumKoordinatGirisi.razor.rz.scp.css */
.sw-koord__yonerge[b-mmtzpebjc6] {
  margin: 0 0 16px;
  font-size: 1.4rem;
  opacity: 0.85;
}

.sw-koord__kalip[b-mmtzpebjc6] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 2.4rem;
  font-weight: 700;
}

.sw-koord__etiket[b-mmtzpebjc6] {
  margin-right: 6px;
}

.sw-koord__girdi[b-mmtzpebjc6] {
  width: 150px;
  font: inherit;
  text-align: center;
  color: inherit;
  background: rgba(255, 255, 255, 0.08);
  border: 0;
  border-bottom: 3px solid var(--indigo-400);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  padding: 4px 10px;
}

.sw-koord__girdi:focus-visible[b-mmtzpebjc6] {
  outline: 3px solid var(--indigo-400);
  outline-offset: 2px;
}

.sw-koord__alt[b-mmtzpebjc6] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
}

.sw-koord__sonuc[b-mmtzpebjc6] {
  font-size: 1.4rem;
  font-weight: 700;
}

.sw-koord__sonuc.is-dogru[b-mmtzpebjc6] {
  color: var(--green-500);
}

.sw-koord__sonuc.is-yanlis[b-mmtzpebjc6] {
  color: var(--red-500);
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumOylama.razor.rz.scp.css */
.sw-oylama__soru[b-n30d8tjtm5] {
  margin: 0 0 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 600;
}

.sw-oylama__kartlar[b-n30d8tjtm5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

.sw-oylama__kart[b-n30d8tjtm5] {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
  padding: 18px 22px;
  font-size: 1.5rem;
  line-height: 1.4;
  border: 2px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.05);
  color: inherit;
  cursor: pointer;
  transition: border-color 0.15s var(--ease-smooth);
}

.sw-oylama__kart:hover[b-n30d8tjtm5],
.sw-oylama__kart:focus-visible[b-n30d8tjtm5] {
  border-color: var(--indigo-400);
}

.sw-oylama__harf[b-n30d8tjtm5] {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background: var(--indigo-500);
  color: #fff;
  font-weight: 700;
}

.sw-oylama__metin[b-n30d8tjtm5] {
  flex: 1 1 auto;
}

.sw-oylama__rozet[b-n30d8tjtm5] {
  flex: 0 0 auto;
  min-width: 44px;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  background: var(--cyan-600);
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.sw-oylama__alt[b-n30d8tjtm5] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.sw-oylama__toplam[b-n30d8tjtm5] {
  font-size: 1.1rem;
  opacity: 0.75;
}

.sw-oylama__dagilim[b-n30d8tjtm5] {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

.sw-oylama__satir[b-n30d8tjtm5] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  font-size: 1.3rem;
}

.sw-oylama__satirAd[b-n30d8tjtm5] {
  flex: 0 0 auto;
  width: 32px;
  font-weight: 700;
}

.sw-oylama__bar[b-n30d8tjtm5] {
  flex: 1 1 auto;
  height: 20px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.sw-oylama__dolgu[b-n30d8tjtm5] {
  display: block;
  height: 100%;
  background: var(--cyan-500);
}

.sw-oylama__yuzde[b-n30d8tjtm5] {
  flex: 0 0 auto;
  width: 70px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumTabloDoldurma.razor.rz.scp.css */
.sw-tablo__yonerge[b-kdwc2ycrht] {
  margin: 0 0 16px;
  font-size: 1.4rem;
  opacity: 0.85;
}

.sw-tablo__bos[b-kdwc2ycrht] {
  font-size: 1.3rem;
  opacity: 0.7;
}

.sw-tablo__cizelge[b-kdwc2ycrht] {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.4rem;
}

.sw-tablo__cizelge th[b-kdwc2ycrht],
.sw-tablo__cizelge td[b-kdwc2ycrht] {
  border: 2px solid var(--line);
  padding: 10px 14px;
  text-align: left;
}

.sw-tablo__cizelge th[b-kdwc2ycrht] {
  background: rgba(255, 255, 255, 0.08);
  font-weight: 700;
}

.sw-tablo__cizelge tr.is-model td[b-kdwc2ycrht] {
  background: rgba(236, 72, 153, 0.12);
}

.sw-tablo__model[b-kdwc2ycrht] {
  color: var(--pink-500);
  font-weight: 600;
}

.sw-tablo__girdi[b-kdwc2ycrht] {
  width: 100%;
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 4px 2px;
}

.sw-tablo__girdi:focus-visible[b-kdwc2ycrht] {
  outline: 3px solid var(--indigo-400);
  outline-offset: 1px;
}

.sw-tablo__ipucu[b-kdwc2ycrht] {
  margin: 12px 0 0;
  font-size: 1.15rem;
  opacity: 0.75;
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumTartisma.razor.rz.scp.css */
.sw-tartisma[b-ythfi3gmc6] {
  border: 2px solid var(--line);
  border-radius: var(--radius);
  padding: 20px 26px;
  background: rgba(255, 255, 255, 0.04);
}

.sw-tartisma__rozet[b-ythfi3gmc6] {
  margin: 0 0 12px;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cyan-500);
}

.sw-tartisma__liste[b-ythfi3gmc6] {
  margin: 0;
  padding-left: 1.4em;
  font-size: 1.7rem;
  line-height: 1.7;
}

.sw-tartisma__liste li + li[b-ythfi3gmc6] {
  margin-top: 10px;
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumVideo.razor.rz.scp.css */
/* Ders videosu — akıllı tahtada büyük ve sakin. */

.sv-kap[b-z1jew1b774] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
}

.sv-video[b-z1jew1b774] {
    width: 100%;
    max-height: 62vh;          /* Altındaki soru/başlık ekranda kalsın. */
    background: #000;          /* Yüklenirken beyaz patlama olmasın. */
    border-radius: var(--radius-md, 10px);
    display: block;
}

.sv-bitti[b-z1jew1b774] {
    align-self: center;
    font-size: .95rem;
    color: var(--muted);
    padding: .25rem .75rem;
    border: 1px solid var(--border);
    border-radius: 999px;
}

.sv-aciklama[b-z1jew1b774] {
    margin: 0;
    font-size: .9rem;
    color: var(--muted);
}

/* Video üretilememiş (alanda görsel adresi var). Siyah oynatıcı yerine
   ne olduğunu SÖYLEYEN kutu — sunumu durdurmaz, sadece bildirir. */
.sv-eksik[b-z1jew1b774] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: flex-start;
    padding: 1rem 1.25rem;
    border: 1px dashed var(--border);
    border-radius: var(--radius-md, 10px);
    background: var(--surface-2, transparent);
}

.sv-eksik__baslik[b-z1jew1b774] {
    margin: 0;
    font-weight: 600;
}

.sv-eksik__metin[b-z1jew1b774],
.sv-eksik__sahne[b-z1jew1b774] {
    margin: 0;
    font-size: .9rem;
    color: var(--muted);
}

.sv-eksik__baglanti[b-z1jew1b774] {
    font-size: .9rem;
}

.sv-eksik__ses[b-z1jew1b774] {
    width: 100%;
}
/* _content/EduLive.Web/Components/Ui/Sunum/SunumWidget.razor.rz.scp.css */
.sw-kap[b-2kop8w4hkn] {
  margin-top: 34px;
  padding-top: 26px;
  border-top: 2px dashed var(--line);
}
/* _content/EduLive.Web/Components/Ui/TenantContextBar.razor.rz.scp.css */
.tenant-bar[b-fa9qloo55x] {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 52px;
  padding: 0 8px 0 10px;
  border-radius: var(--radius-pill);
  background: var(--glass);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  font-family: var(--font-body);
}

.tenant-bar__mark[b-fa9qloo55x] {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  color: var(--on-brand);
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: 0.02em;
  background: linear-gradient(135deg, var(--marka-500), var(--turkuaz-degrade-ucu));
  box-shadow: 0 6px 14px -5px
    color-mix(in srgb, var(--marka-500) 55%, transparent);
}

.tenant-bar__id[b-fa9qloo55x] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.2;
  padding-right: 4px;
}

.tenant-bar__name[b-fa9qloo55x] {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.01em;
}

.tenant-bar__role[b-fa9qloo55x] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  font-size: 11px;
  font-weight: 600;
  color: var(--brand-strong);
}

.tenant-bar__role[b-fa9qloo55x]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand);
}

.tenant-bar__switch[b-fa9qloo55x] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-soft);
  background: var(--n-100);
  transition:
    background 0.2s var(--ease-smooth),
    color 0.2s,
    transform 0.2s var(--ease-bounce);
}

.tenant-bar__switch:hover[b-fa9qloo55x] {
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--brand-strong);
  transform: translateY(-1px);
}

@media (max-width: 520px) {
  .tenant-bar__switch span[b-fa9qloo55x] {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tenant-bar__switch:hover[b-fa9qloo55x] {
    transform: none;
  }
}
/* _content/EduLive.Web/Components/Ui/ToastHost.razor.rz.scp.css */
.toast-host[b-7i94gf7msi] {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: min(380px, calc(100vw - 40px));
  pointer-events: none;
  font-family: var(--font-body);
}

.toast[b-7i94gf7msi] {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 14px;
  border-radius: var(--radius-lg);
  background: var(--glass-strong);
  border: 1px solid var(--glass-border);
  box-shadow:
    0 12px 30px -10px color-mix(in srgb, var(--n-900) 28%, transparent),
    var(--glass-shadow);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: auto;
  animation: toast-in-b-7i94gf7msi 0.32s var(--ease-bounce);
}

.toast__ico[b-7i94gf7msi] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 9px;
}

.toast__text[b-7i94gf7msi] {
  flex: 1;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--fg);
  padding-top: 4px;
}

.toast__close[b-7i94gf7msi] {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  color: var(--muted);
  cursor: pointer;
  transition:
    background 0.18s var(--ease-smooth),
    color 0.18s var(--ease-smooth);
}

.toast__close:hover[b-7i94gf7msi] {
  background: var(--glass-hover);
  color: var(--fg);
}

/* ─── Düzey renkleri ─── */
.toast--info .toast__ico[b-7i94gf7msi] {
  color: var(--blue-600);
  background: color-mix(in srgb, var(--blue-500) 15%, transparent);
}

.toast--success .toast__ico[b-7i94gf7msi] {
  color: var(--green-600);
  background: color-mix(in srgb, var(--green-500) 15%, transparent);
}

.toast--warning .toast__ico[b-7i94gf7msi] {
  color: var(--amber-600);
  background: color-mix(in srgb, var(--amber-500) 16%, transparent);
}

.toast--error .toast__ico[b-7i94gf7msi] {
  color: var(--red-600);
  background: color-mix(in srgb, var(--red-500) 14%, transparent);
}

@keyframes toast-in-b-7i94gf7msi {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast[b-7i94gf7msi] {
    animation: none;
  }
}
/* _content/EduLive.Web/Components/Ui/TypeCardGrid.razor.rz.scp.css */
.tcg[b-j19tul2b3f] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.tcg__card[b-j19tul2b3f] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--glass);
  color: var(--fg);
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s,
    box-shadow 0.15s;
}

.tcg__card:hover:not(:disabled):not(.is-sel)[b-j19tul2b3f] {
  border-color: color-mix(in srgb, var(--brand) 32%, transparent);
  background: color-mix(in srgb, var(--brand) 6%, transparent);
}

.tcg__card.is-sel[b-j19tul2b3f] {
  border-color: var(--brand);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  box-shadow: 0 0 0 1px var(--brand) inset;
}

.tcg__card:disabled[b-j19tul2b3f] {
  cursor: not-allowed;
  opacity: 0.55;
}

.tcg__card:focus-visible[b-j19tul2b3f] {
  outline: 2px solid var(--marka-400);
  outline-offset: 2px;
}

.tcg__card-head[b-j19tul2b3f] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tcg__card-title[b-j19tul2b3f] {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.tcg__card.is-sel .tcg__card-title[b-j19tul2b3f] {
  color: var(--brand-strong);
}

.tcg__card-badge[b-j19tul2b3f] {
  flex-shrink: 0;
  display: inline-grid;
  place-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--brand) 14%, transparent);
  color: var(--brand-strong);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.tcg__card-mark[b-j19tul2b3f] {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: var(--brand);
}

.tcg__card-desc[b-j19tul2b3f] {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--fg-soft);
}
/* _content/EduLive.Web/Components/Ui/VideoScriptContentView.razor.rz.scp.css */
.vsc[b-agsk1q1m76] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.vsc-scene[b-agsk1q1m76] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-left: 3px solid var(--accent);
}

.vsc-scene__title[b-agsk1q1m76] {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--fg);
}

.vsc-scene__desc[b-agsk1q1m76] {
  margin: 0;
  color: var(--fg-soft);
  line-height: 1.55;
}

.vsc-field[b-agsk1q1m76] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.vsc-field--inline[b-agsk1q1m76] {
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
}

.vsc-field__label[b-agsk1q1m76] {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted);
}

.vsc-field__text[b-agsk1q1m76] {
  margin: 0;
  color: var(--fg);
  line-height: 1.55;
  white-space: pre-wrap;
}

.vsc-field__num[b-agsk1q1m76] {
  color: var(--fg);
  font-variant-numeric: tabular-nums;
}

.vsc-field__list[b-agsk1q1m76] {
  margin: 0;
  padding-left: 18px;
  color: var(--fg);
  line-height: 1.55;
}

.vsc-field__list li[b-agsk1q1m76] {
  margin: 2px 0;
}

.vsc-subscene[b-agsk1q1m76] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 4%, transparent);
}

.vsc-subscene__title[b-agsk1q1m76] {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--fg);
}
/* _content/EduLive.Web/Components/WF_FE2_BulunamadiKarti.razor.rz.scp.css */
/* Bilinmeyen adres kartı: eylem satırı dar ekranda alt alta akar. */
.bk-eylem[b-1lsuna0q26] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }