/* AYAN AIR agency panel (B2B): navy side menu, gold accents, cleaner cards.
   Loaded after ayan-theme.css; every rule is scoped to .fi-panel-agency so the staff panel is untouched. */
.fi-panel-agency {
    --fz-navy: #0A2240;
    --fz-navy2: #1B3A63;
    --fz-blue: #2A78B8;
    --fz-gold: #C9A55C;
    --fz-gold-soft: #F7F0E1;
    --fz-ink: #0A2240;
    --fz-muted: #5A6B84;
    --fz-line: #E6EBF2;
    --fz-bg: #F4F6FA;
    --fz-radius: 14px;
    --fz-shadow: 0 1px 2px rgba(10, 34, 64, .04);
    /* Filament builds "primary" from the hue only (a mid blue); pin the button / focus shades to navy. */
    --primary-500: #1B3A63;
    --primary-600: #0A2240;
    --primary-700: #06172E;
}
.fi-panel-agency .fi-btn.fi-color-primary.fi-bg-color-400 { background: #0A2240; color: #fff !important; }
.fi-panel-agency .fi-btn.fi-color-primary.fi-bg-color-400:hover { background: #1B3A63; }
.fi-panel-agency .fi-btn.fi-color-primary.fi-bg-color-400 .fi-icon { color: #fff !important; }

/* ---------- side menu ---------- */
.fi-panel-agency .fi-sidebar { background: #0A2240; border-inline-end: 0; }
.fi-panel-agency .fi-sidebar-header { background: #0A2240; border-bottom: 1px solid rgba(255,255,255,.08); box-shadow: none; min-height: 76px; }
.fi-panel-agency .fi-sidebar-header .fi-logo { background: #fff; border-radius: 8px; padding: .3rem .6rem; height: 2.6rem !important; box-sizing: content-box; }
.fi-panel-agency .fi-sidebar-header-logo-ctn::after { content: "AGENCY PORTAL"; display: block; margin-top: .35rem; font-size: .65rem; font-weight: 700; letter-spacing: .16em; color: #C9A55C; }
.fi-panel-agency .fi-sidebar-header .fi-icon-btn, .fi-panel-agency .fi-sidebar-header .fi-icon-btn svg { color: #B7C6DB !important; }
.fi-panel-agency .fi-sidebar-nav { padding-top: 1.25rem; }
.fi-panel-agency .fi-sidebar-group-label { color: #6F86A6; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fi-panel-agency .fi-sidebar-group-btn svg { color: #6F86A6; }
.fi-panel-agency .fi-sidebar-item-btn { border-radius: 8px; padding-block: .65rem; }
.fi-panel-agency .fi-sidebar-item-label { color: #C9D6E8; font-weight: 600; }
.fi-panel-agency .fi-sidebar-item-icon { color: #8EA2BF !important; }
.fi-panel-agency .fi-sidebar-item-btn:hover { background: rgba(255,255,255,.06) !important; }
.fi-panel-agency .fi-sidebar-item-btn:hover .fi-sidebar-item-label { color: #fff; }
.fi-panel-agency .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: #1B3A63 !important; box-shadow: inset 3px 0 0 #C9A55C; }
[dir="rtl"] .fi-panel-agency .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { box-shadow: inset -3px 0 0 #C9A55C; }
.fi-panel-agency .fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #fff; }
.fi-panel-agency .fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: #C9A55C !important; }
.fi-panel-agency .fi-sidebar-item-grouped-border-part { background: rgba(255,255,255,.15) !important; }
.fi-panel-agency .fi-sidebar .fi-badge { background: #C9A55C; color: #06172E; }
.fi-panel-agency .fi-sidebar-database-notifications-btn-label { color: #C9D6E8; }

/* logo corner above the side menu: navy box, logo on a white tag, "AGENCY PORTAL" under it */
@media (min-width: 1024px) {
    .fi-panel-agency .fi-topbar { padding-inline-start: 0 !important; }
    .fi-panel-agency .fi-topbar-start { align-self: stretch; width: var(--sidebar-width, 20rem); flex: none; background: #0A2240; padding-inline: 1.25rem;
        display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .2rem; margin-inline-end: 1.5rem; }
    .fi-panel-agency .fi-topbar-start::after { content: "AGENCY PORTAL"; font-size: .62rem; font-weight: 700; letter-spacing: .16em; color: #C9A55C; }
    .fi-panel-agency .fi-topbar-start a:has(> .fi-logo) { background: #fff; border-radius: 6px; padding: .2rem .5rem; display: inline-flex; }
    .fi-panel-agency .fi-topbar-start .fi-logo { height: 1.7rem !important; }
    .fi-panel-agency .fi-topbar-start .fi-logo { background: #fff; border-radius: 6px; padding: .2rem .5rem; box-sizing: content-box; }
}

/* ---------- top bar: white, quiet (replaces the old blue bar) ---------- */
.fi-panel-agency .fi-topbar { background: #fff; border-bottom: 1px solid var(--fz-line); min-height: 64px; box-shadow: none; }
.fi-panel-agency .fi-topbar .fi-input-wrp { background: var(--fz-bg); border-color: var(--fz-line); }
.fi-panel-agency .fi-topbar .fi-input-wrp input { color: var(--fz-ink); }
.fi-panel-agency .fi-topbar .fi-input-wrp input::placeholder, .fi-panel-agency .fi-topbar .fi-input-wrp svg { color: var(--fz-muted); }
.fi-panel-agency .fi-topbar .fi-icon-btn, .fi-panel-agency .fi-topbar .fi-icon-btn svg { color: var(--fz-navy) !important; }
.fi-panel-agency .fi-topbar a:has(> .fi-logo) { background: transparent; padding: 0; }
.fi-panel-agency .fi-topbar .fz-balpill { background: #E8F4EC; border: 1px solid #CBE6D4; border-radius: 10px; }
.fi-panel-agency .fi-topbar .fz-balpill span { color: #3B6F4F; }
.fi-panel-agency .fi-topbar .fz-balpill b { color: #14532D; }
.fi-panel-agency .fi-topbar .fz-balpill b.neg { color: #B42318; }
.fi-panel-agency .fi-topbar .fz-balpill:has(b.neg) { background: #FDECEC; border-color: #F5C2C2; }

/* ---------- page head ---------- */
.fi-panel-agency .fi-header-heading { color: var(--fz-navy); font-weight: 800; letter-spacing: -.02em; }

/* ---------- buttons ---------- */
.fi-panel-agency .fi-btn { border-radius: 10px; font-weight: 700; }
.fi-panel-agency .fz-gold { background: #C9A55C; color: #06172E; box-shadow: none; border-radius: 10px; }
.fi-panel-agency .fz-gold:hover { background: #B89148; box-shadow: none; }

/* ---------- cards ---------- */
.fi-panel-agency .fi-section:not(.fi-section-not-contained), .fi-panel-agency .fi-ta-ctn, .fi-panel-agency .fi-wi-stats-overview-stat {
    border-radius: 14px; box-shadow: var(--fz-shadow); border: 1px solid var(--fz-line);
}
.fi-panel-agency .fi-section-header-heading { color: var(--fz-navy); font-weight: 800; }
.fi-panel-agency .fi-wi-stats-overview-stat-value { color: var(--fz-navy); font-weight: 800; }

/* ---------- status tabs (My bookings) as pills ---------- */
.fi-panel-agency .fi-tabs { box-shadow: none; background: transparent; border: 0; padding: 0; gap: .5rem; }
.fi-panel-agency .fi-tabs-item { border-radius: 999px; border: 1px solid #D5DDE8; background: #fff; padding: .5rem 1rem; }
.fi-panel-agency .fi-tabs-item-label { color: var(--fz-navy); font-weight: 700; }
.fi-panel-agency .fi-tabs-item.fi-active { background: var(--fz-navy); border-color: var(--fz-navy); }
.fi-panel-agency .fi-tabs-item.fi-active .fi-tabs-item-label { color: #fff; }
.fi-panel-agency .fi-tabs-item .fi-badge { background: #EEF1F6; color: #4A5D78; }
.fi-panel-agency .fi-tabs-item.fi-active .fi-badge { background: #1B3A63; color: #fff; }

/* ---------- tables ---------- */
.fi-panel-agency .fi-ta-header-cell { background: #F7F9FC; }
.fi-panel-agency .fi-ta-header-cell-label, .fi-panel-agency .fi-ta-header-cell-sort-btn { font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fz-muted); }
.fi-panel-agency .fz-row:nth-child(even) > td { background: #FAFBFD; }
.fi-panel-agency .fz-row:hover > td { background: #EEF4FB !important; }
.fi-panel-agency .fz-row-ohd { --fz-row-c: #C9A55C; }
.fi-panel-agency .fi-badge { border-radius: 6px; font-weight: 700; }

/* ---------- Find reservation: same screen and layout, new colours (flat navy bars, soft borders, gold accents) ---------- */
.fi-panel-agency .nrs { border: 1px solid var(--fz-line); border-radius: 14px; color: #0A2240; box-shadow: var(--fz-shadow); }
.fi-panel-agency .nrs-tabs { background: #fff; padding: 8px 8px 0; gap: 6px; border-bottom: 1px solid var(--fz-line); }
.fi-panel-agency .nrs-tabs button { background: #F4F6FA; color: #4A5D78; border: 1px solid var(--fz-line); border-bottom: 0; border-radius: 8px 8px 0 0; min-width: 140px; }
.fi-panel-agency .nrs-tabs button:hover { color: #0A2240; }
.fi-panel-agency .nrs-tabs button.on { background: #0A2240; color: #fff; border-color: #0A2240; box-shadow: inset 0 -3px 0 #C9A55C; }
.fi-panel-agency .nrs-tabs .credit { background: #E8F4EC; border-color: #CBE6D4; color: #14532D; border-radius: 8px; }
.fi-panel-agency .nrs-top { background: #0A2240; }
.fi-panel-agency .nrs-top .pnr b, .fi-panel-agency .nrs-top .office, .fi-panel-agency .nrs-hist-bar .y { color: #C9A55C; }
.fi-panel-agency .nrs-body { background: #F4F6FA; padding: .75rem; gap: .75rem; }
.fi-panel-agency .nrs-box { border: 1px solid var(--fz-line); border-radius: 10px; overflow: hidden; }
.fi-panel-agency .nrs-bar { background: #0A2240; padding: .5rem .85rem; }
.fi-panel-agency .nrs th { background: #F7F9FC; color: #5A6B84; border-color: #EEF1F6; }
.fi-panel-agency .nrs td { border-color: #EEF1F6; }
.fi-panel-agency .nrs tbody tr:hover td { background: #F4F8FD; }
.fi-panel-agency .nrs .cell { border-color: #E6EBF2; background: #fff; border-radius: 6px; }
.fi-panel-agency .nrs tr.sum td { background: #F7F9FC; }
.fi-panel-agency .nrs tr.total td { background: #EAF2FA; }
.fi-panel-agency .nrs tr.due td { background: #F7F0E1; }

/* ---------- login: navy side panel + form ---------- */
.fi-panel-agency .fi-simple-layout { background: #fff; display: flex; flex-direction: row; align-items: stretch; min-height: 100vh; }
.fi-panel-agency .fi-simple-layout > .fi-simple-main-ctn { flex: 1 1 50%; display: flex; align-items: center; justify-content: center; }
.fi-panel-agency .fi-simple-main { box-shadow: none; border: 0; background: transparent; max-width: 420px; }
.fi-panel-agency .fi-simple-header .fi-logo { display: none; }
.fi-panel-agency .fi-simple-header-heading { color: var(--fz-navy); font-weight: 800; }
.fz-auth-side { display: none; }
.fi-panel-agency .fz-auth-side { display: flex; flex: 1 1 50%; flex-direction: column; justify-content: space-between; gap: 2.5rem;
    background: #0A2240; color: #fff; padding: 3.5rem clamp(2rem, 5vw, 4.5rem); }
.fz-auth-brand { display: flex; flex-direction: column; gap: .5rem; }
.fz-auth-brand img { height: 44px; width: auto; align-self: flex-start; }
.fz-auth-brand span { font-size: .72rem; font-weight: 700; letter-spacing: .16em; color: #C9A55C; }
.fz-auth-copy { max-width: 470px; }
.fz-auth-copy h1 { margin: 0 0 1rem; font-size: clamp(2rem, 3.4vw, 2.9rem); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; }
.fz-auth-copy p { margin: 0 0 1.5rem; color: #B7C6DB; font-size: 1.1rem; line-height: 1.5; }
.fz-auth-copy ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.fz-auth-copy li { display: flex; gap: .65rem; align-items: center; }
.fz-auth-copy li::before { content: "✓"; color: #C9A55C; font-weight: 800; }
.fz-auth-foot { color: #6F86A6; font-size: .8rem; }
@media (max-width: 900px) {
    .fi-panel-agency .fz-auth-side { display: none; }
    .fi-panel-agency .fi-simple-header .fi-logo { display: block; }
}

/* ---------- booking pages (shared views): flat navy instead of the old blue gradient, gold instead of bright yellow ---------- */
.fi-panel-agency .fz-spage { border-color: var(--fz-line); border-radius: 16px; box-shadow: var(--fz-shadow); }
.fi-panel-agency .fz-spage-hd { background: #0A2240; border-radius: 16px 16px 0 0; }
.fi-panel-agency .fz-spage-hd p { color: #B7C6DB; }
.fi-panel-agency .fz-cabpills .fz-seg.on { background: #0A2240; color: #fff; }
.fi-panel-agency .fz-chosen { background: #0A2240; }
.fi-panel-agency .fz-airline { background: #0A2240; }
.fi-panel-agency .fz-airline::after { background: #C9A55C; }
.fi-panel-agency .fz-tripdt-box.on { border-color: #C9A55C; box-shadow: 0 0 0 3px rgba(201,165,92,.2); }
.fi-panel-agency .fz-cab.business { background: #F7F0E1; }
.fi-panel-agency .fz-cab.business small { color: #8A6A2B; }
.fi-panel-agency .fz-flight { border-radius: 14px; }