/* AYAN AIR office panel, look v4 (AYAN_AGENCY_V4): My bookings, the list (html.ay4-page-bookings; BookingResource list page).
   The same page as today (heading, New booking, the status tabs, search and filters, every column, View / Issue ticket, the
   summary and the pages); only the look: the status tabs sit in a white bar over the foot of the band, one-line rows.
   Picture: ayan-compact/bookings.html + bookings.css. Linked after ayan-agency-v4.css when the switch is on. */

html.ay4.ay4-page-bookings .fi-page-header-main-ctn > .fi-header { padding-bottom: 40px; }
html.ay4.ay4-page-bookings .fi-page-content .fi-sc-tabs > nav.fi-tabs { position: relative; z-index: 2; margin: -44px 18px 0 !important; max-width: none; width: auto; justify-content: flex-start;
    border: 0; border-radius: 14px; padding: 5px; box-shadow: var(--v4-pop) !important; }
html.ay4.ay4-page-bookings .fi-ta-ctn { border-radius: 14px !important; }
html.ay4.ay4-page-bookings .fi-ta-header-toolbar { padding: 6px 12px !important; }
html.ay4.ay4-page-bookings .fi-ta-header-toolbar .fi-input-wrp { height: 32px; }
html.ay4.ay4-page-bookings .fi-ta-row .fi-ta-text-item-label { color: var(--v4-text); }
html.ay4.ay4-page-bookings .fi-ta-cell-pnr .fi-ta-text-item, html.ay4.ay4-page-bookings .fi-ta-cell-pnr .fi-ta-text-item-label { color: var(--v4-plum) !important; font-weight: 600; font-size: 13px; }

@media (max-width: 760px) {
    html.ay4.ay4-page-bookings .fi-page-header-main-ctn > .fi-header { padding-bottom: 34px; }
    html.ay4.ay4-page-bookings .fi-page-content .fi-sc-tabs > nav.fi-tabs { margin: -38px 8px 0 !important; overflow-x: auto; scrollbar-width: none; }
}
html.ay4.ay4-page-bookings .fi-page-content .fi-sc-has-gap { row-gap: 10px; }
html.ay4.ay4-page-bookings .fi-ta-header-toolbar { padding-inline-end: 22px !important; }
html.ay4.ay4-page-bookings .fi-ta-cell > .fi-ta-col { padding-block: 5px !important; }
html.ay4.ay4-page-bookings .fi-ta-summary-row-ctn .fi-ta-text-summary { padding-block: 2px !important; }
html.ay4.ay4-page-bookings .fi-ta-summary-row-ctn .fi-ta-text-summary-label, html.ay4.ay4-page-bookings .fi-ta-summary-row-ctn .fi-ta-text-summary > * { line-height: 1.25; }
html.ay4.ay4-page-bookings .fi-pagination { padding-block: 4px !important; }
html.ay4.ay4-page-bookings .fi-pagination .fi-input-wrp { height: 30px; }
html.ay4.ay4-page-bookings .fi-ta-summary-row > :is(td, th) { padding-block: 4px !important; font-size: 12.5px; }
html.ay4.ay4-page-bookings .fi-ta-summary-row .fi-ta-text-summary { padding-block: 0 !important; }