/* ============================================================
   RideOps Design System — topbar.css
   72px yükseklik, sade düzen: arama, bildirim, profil.
   ============================================================ */

.fi-topbar {
    --topbar-height: var(--ro-topbar-height);
}

.fi-topbar nav {
    background: var(--ro-topbar) !important;
    border-bottom: 1px solid var(--ro-border) !important;
    box-shadow: none !important;
    height: var(--ro-topbar-height) !important;
    padding-inline: var(--ro-space-4) !important;
}

.fi-topbar-open-sidebar-btn,
.fi-topbar-close-sidebar-btn,
.fi-topbar-item-button {
    color: var(--ro-text-secondary) !important;
    border-radius: var(--ro-radius-sm) !important;
    transition: background-color var(--ro-transition-fast);
}

.fi-topbar-open-sidebar-btn:hover,
.fi-topbar-close-sidebar-btn:hover,
.fi-topbar-item-button:hover {
    background: var(--ro-card-hover) !important;
    color: var(--ro-text) !important;
}

/* Bildirim ikonu — okunmamış nokta marka rengiyle */
.fi-topbar-database-notifications-btn .fi-icon-btn-badge {
    background: var(--ro-primary) !important;
    border-color: var(--ro-topbar) !important;
}

/* Global arama kutusu varsa input görünümünü panel diliyle eşitle */
.fi-topbar .fi-input-wrp {
    background: var(--ro-card) !important;
    border-color: var(--ro-border) !important;
    border-radius: var(--ro-radius-full) !important;
}

/* Tema değiştirme butonu gizli — sadece koyu tema kullanılır */
.fi-topbar [aria-label*="theme" i],
.fi-topbar [x-data*="theme" i] {
    display: none !important;
}

/* Sağ üst kullanıcı kimliği — avatarın solunda ad + rol (USER_MENU_BEFORE) */
.ro-topbar-user {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    line-height: 1.25;
    margin-inline-end: 2px;
    min-width: 0;
}
.ro-topbar-user-name {
    font-size: 13px;
    font-weight: var(--ro-fw-semibold);
    color: var(--ro-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
.ro-topbar-user-role {
    font-size: 11px;
    color: var(--ro-muted);
    white-space: nowrap;
}

/* Dar ekranda ad/rol gizlenir, sadece avatar kalır */
@media (max-width: 640px) {
    .ro-topbar-user {
        display: none;
    }
}