/* ================================================================
   app-header.css
   Sabit üst başlık — SADECE MOBİLDE (max-width: 768px) görünür.
   Desktop'ta tamamen gizlidir.
   ================================================================ */

/* Desktop: tamamen gizli */
#appHeader { display: none; }
body.has-app-header { padding-top: 0; }

/* ── Sadece mobilde aktif ──────────────────────────────────────── */
@media (max-width: 768px) {

    #appHeader {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9000;
        height: 58px;
        align-items: center;
        padding: 0 12px 0 16px;
        gap: 10px;
        background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
        border-bottom: 1px solid rgba(255,255,255,0.07);
        box-shadow: 0 2px 16px rgba(0,0,0,0.35);
    }

    body.has-app-header {
        padding-top: 58px;
    }

    /* Kurum logosu */
    .ah-logo {
        width: 36px;
        height: 36px;
        border-radius: 9px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex-shrink: 0;
        box-shadow: 0 2px 8px rgba(102,126,234,0.4);
    }

    /* Kurum adı */
    .ah-kurum {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        min-width: 0;
        text-align: left;
    }

    .ah-kurum-line1 {
        font-size: 15px;
        font-weight: 800;
        color: #f8fafc;
        letter-spacing: -0.3px;
        line-height: 1.15;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ah-kurum-line2 {
        font-size: 9.5px;
        font-weight: 500;
        color: rgba(255,255,255,0.45);
        letter-spacing: 0.3px;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }

    /* Sağ butonlar */
    .ah-actions {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
    }

    /* AppMenuManager'ın oluşturduğu toggle butonunu header'a al */
    #appHeader #appMenuToggle {
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: 36px;
        height: 36px;
        border-radius: 9px;
        background: rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.12);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.2s;
        flex-shrink: 0;
    }

    #appHeader #appMenuToggle:hover {
        background: rgba(255,255,255,0.16);
    }

    /* Küçük ekranlar */
    @media (max-width: 380px) {
        .ah-kurum-line1 { font-size: 13px; }
        .ah-kurum-line2 { font-size: 8.5px; }
    }
}
