/* Eğitim videosu penceresi, pano kurulum düğmeleri ve sayfa başlığındaki "Nasıl kullanılır?" menüsü; pencere görünümü custom.css'teki .ytpu-* sınıflarından gelir. */
.egitim-popup-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.btn-sm.egitim-video-ac {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 48px;
}

/* "Nasıl kullanılır?" yanındaki düğmelerle aynı boyda görünür; dokunma alanı görünmez kenarla 48px'e uzar */
.egitim-kisayol-dugme {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.egitim-kisayol-dugme::before {
    content: "";
    position: absolute;
    inset: -9px -4px;
}

.page-header > .egitim-kisayol {
    margin-left: 16px;
    margin-right: auto;
}

.card-header > .egitim-kisayol {
    margin-left: auto;
}

.card-header > .egitim-kisayol + .card-options,
.card-header > .card-options + .egitim-kisayol {
    margin-left: 8px;
}

.card-header > .card-title + .card-header-pills {
    margin-left: 16px;
}

@media (max-width: 576px) {
    .card-header:has(> .card-title + .card-header-pills) {
        flex-wrap: wrap;
        gap: 8px;
    }

    .card-header > .card-title + .card-header-pills {
        order: 1;
        width: 100%;
        margin-left: 0;
    }
}


.card-options > .egitim-kisayol {
    margin-right: 8px;
}

/* Sipariş Yönetimi: operasyon telefonu ve kısayol başlığın karşısında, en sağda; .card-options şablonda order:100 olduğu için kısayol 101 */
#main-title ~ .card-options {
    margin-left: auto;
    margin-inline-end: 0;
}

#main-title ~ .egitim-kisayol {
    order: 101;
}

#main-title ~ .card-options + .egitim-kisayol {
    margin-left: 12px;
}

@media (max-width: 576px) {
    .card-header:has(> #main-title ~ .egitim-kisayol) {
        flex-wrap: wrap;
        gap: 8px;
    }

    #main-title ~ .egitim-kisayol,
    #main-title ~ .card-options + .egitim-kisayol {
        margin-left: auto;
    }
}

@media (max-width: 576px) {
    .card-header:has(> .card-options > .egitim-kisayol) {
        flex-wrap: wrap;
        gap: 8px;
    }

    .card-header > .card-options:has(> .egitim-kisayol) {
        flex-wrap: wrap;
        gap: 8px;
        margin-left: 0;
    }

    .card-options > .egitim-kisayol {
        margin-right: 0;
    }
}

.entegrasyon-section > .egitim-kisayol {
    float: right;
    margin-left: 12px;
}

.hero-main-content > .egitim-kisayol {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
}

.lisans-page-header > .egitim-kisayol {
    display: inline-block;
    margin-top: 8px;
}

/* Pano, Performans, Isı Haritası üst şeridi: kısayol eklenince rozetler kırılmasın, dar ekranda alt satıra insin */
.dashboard-modern-header {
    gap: 12px 24px;
}

.header-titles {
    min-width: 0;
}

.header-badges {
    flex-wrap: wrap;
}

.header-badges .badge-date {
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .dashboard-modern-header {
        flex-wrap: wrap;
    }
}

@media (min-width: 1281px) {
    .header-badges {
        flex-shrink: 0;
    }
}

.egitim-kisayol .dropdown-menu {
    min-width: 230px;
}

.egitim-kisayol .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    white-space: normal;
}

.egitim-kisayol .dropdown-header {
    white-space: normal;
}