/* AYAN AIR staff panel, look "Sky systematic" (AYAN_ADMIN_V5=true, with style D). 2026-10-09 evening: an international B2B
   travel portal with a picture behind the pages (sky, clouds and a plane), then (19:00) "systematic like the airline's
   reservation system, closer to the pictures"; mockups z1-z3 approved 19:13 ("Tawaw zor jwana"). The title sits on the
   sky; the page is one white window with folder tabs on a blue line, blue title strips, gridded tables with gradient
   column heads, 24px fields and buttons, orange main buttons. Poppins 11.5px.
   Design only, loaded last (after style D and compact); every rule sits under <html class="ay5"> (set only when the switch
   is on). Menu, pages, tabs, buttons, names, access and roles are unchanged. */
html.ay5 .fi-panel-admin {
    --s-ink: #0A1830; --s-ink2: #33415A; --s-muted: #5B6A82; --s-muted2: #8593A8;
    --s-line: #E6ECF4; --s-line2: #F0F3F8; --s-head: #F7F9FC; --s-hover: #F5F8FD;
    --s-blue: #0B4FB3; --s-blue-soft: #EEF3FB; --s-orange: #F56A00; --s-orange2: #DD5F00; --s-red: #E11D48;
    --s-panel-shadow: 0 1px 0 rgba(4, 16, 40, .04), 0 18px 36px -26px rgba(4, 16, 40, .5);
    --s-glass: rgba(255, 255, 255, .14); --s-glass-line: rgba(255, 255, 255, .2);
    --d-navy: #0A1830; --d-navy2: #0F2A57; --d-navy3: #0F3A7E;
    --d-ink: #0A1830; --d-ink2: #33415A; --d-muted: #5B6A82; --d-muted2: #8593A8;
    --d-line: #E6ECF4; --d-line2: #F0F3F8; --d-bg: #E4F0FB;
    --d-gold: #F56A00; --d-gold2: #DD5F00;
    --d-blue: #0B4FB3; --d-teal: #0F766E; --d-amber: #A45A00; --d-green: #047857; --d-violet: #5B3FC4; --d-red: #BE123C;
    --d-field: #D8E0EB; --d-hover: #F5F8FD;
    --d-hero: linear-gradient(120deg, #071C42 0%, #0F3A7E 60%, #2C68BB 100%);
    --d-hero-shadow: none;
    --fz-navy: #0A1830; --fz-blue: #0B4FB3; --fz-ink: #0A1830; --fz-muted: #5B6A82; --fz-line: #E6ECF4; --fz-bg: #F7F9FC;
    --v2-bg: #F7F9FC; --v2-line: #E6ECF4; --v2-ink: #0A1830; --v2-muted: #5B6A82; --v2-navy: #0A1830; --v2-gold: #F56A00;
    --a3-navy: #0A1830; --a3-ink: #0A1830; --a3-line: #E6ECF4; --a3-bg: #F7F9FC;
    --primary-500: #0B4FB3; --primary-600: #0A46A0; --primary-700: #083B87;
}

/* ---------- the sky: gradient at the top, clouds and a plane, light blue below ---------- */
html.ay5 .fi-panel-admin.fi-body {
    background:
        url('../images/brand/ayan-staff-sky.svg') center 34px / 1600px 680px no-repeat,
        linear-gradient(180deg, #071C42 0, #0F3A7E 140px, #2C68BB 270px, #73A8E2 400px, #BFDCF6 540px, #E4F0FB 680px) top / 100% 680px no-repeat,
        #E4F0FB !important;
}
html.ay5 .fi-panel-admin.fi-body,
html.ay5 .fi-panel-admin :is(button, input, select, textarea) { font-family: "Poppins", "Vazirmatn", system-ui, -apple-system, "Segoe UI", sans-serif !important; }
html.ay5 .fi-panel-admin.fi-body { font-size: 12.5px; line-height: 1.5; color: var(--s-ink); }
html.ay5 .fi-panel-admin .fi-layout, html.ay5 .fi-panel-admin .fi-main-ctn { background: transparent !important; }

/* ---------- top bar: see-through navy, 52px, small labels, a white pill on the open item ---------- */
html.ay5 .fi-panel-admin .fi-topbar { background: rgba(7, 28, 66, .55) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    height: 52px; min-height: 52px !important; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .1) !important; }
html.ay5 .fi-panel-admin :is(.fi-topbar-start, .fi-topbar-nav-groups, .fi-topbar-item) { height: 52px !important; }
html.ay5 .fi-panel-admin .fi-topbar-nav-groups > .fi-dropdown, html.ay5 .fi-panel-admin .fi-topbar-nav-groups .fi-dropdown-trigger { height: 52px; align-items: center; }
html.ay5 .fi-panel-admin .fi-topbar-nav-groups { gap: 0 !important; }
/* Reports / System lists (2026-10-10 12:43): they open by the browser's own hover, no script (the user's Firefox 157 on Windows
   did not open them with one), and by Filament's own click; each list sits under its name, the gap above it still counts as
   over it. A tap on a touch screen opens it too. */
html.ay5 .fi-panel-admin .fi-topbar-nav-groups > .fi-dropdown { position: relative; }
html.ay5 .fi-panel-admin .fi-topbar-nav-groups > .fi-dropdown > .fi-dropdown-panel { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; right: auto !important; bottom: auto !important; }
html.ay5 .fi-panel-admin .fi-topbar-nav-groups > .fi-dropdown > .fi-dropdown-panel::before { content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
/* no (hover: hover) guard (2026-10-10 14:41): Firefox on a Surface with a touch screen says "no hover" even with a mouse,
   so the guard kept the lists shut; a finger tap opens them the same way */
html.ay5 .fi-panel-admin .fi-topbar-nav-groups > .fi-dropdown:hover > .fi-dropdown-panel { display: block !important; }
/* one list at a time: the one under the mouse, not one opened by a click before */
html.ay5 .fi-panel-admin .fi-topbar-nav-groups:has(> .fi-dropdown:hover) > .fi-dropdown:not(:hover) > .fi-dropdown-panel { display: none !important; }
html.ay5 .fi-panel-admin .fi-topbar-start { margin-inline-end: 24px !important; }
html.ay5 .fi-panel-admin .fi-topbar img.fi-logo { content: url('../images/brand/ayan-logo-staff-on-dark.svg'); height: 26px !important; }
html.ay5 .fi-panel-admin .fi-topbar-item { align-items: center; }
html.ay5 .fi-panel-admin .fi-topbar-item-btn { height: 28px !important; padding: 0 10px !important; border-radius: 999px !important; gap: 3px !important; }
html.ay5 .fi-panel-admin .fi-topbar-item-btn:hover { background: rgba(255, 255, 255, .08) !important; }
html.ay5 .fi-panel-admin .fi-topbar-item.fi-active .fi-topbar-item-btn { background: #fff !important; }
html.ay5 .fi-panel-admin .fi-topbar-item.fi-active .fi-topbar-item-btn::after { content: none !important; display: none !important; }
html.ay5 .fi-panel-admin .fi-topbar-item-label { font-size: 12px !important; font-weight: 400 !important; color: rgba(255, 255, 255, .78) !important; }
html.ay5 .fi-panel-admin .fi-topbar-item-btn:hover .fi-topbar-item-label { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-topbar-item.fi-active .fi-topbar-item-label { color: var(--s-ink) !important; font-weight: 500 !important; }
html.ay5 .fi-panel-admin .fi-topbar-group-toggle-icon { width: 12px !important; height: 12px !important; color: rgba(255, 255, 255, .5) !important; }
html.ay5 .fi-panel-admin .fi-topbar-item.fi-active .fi-topbar-group-toggle-icon { color: var(--s-muted) !important; }
html.ay5 .fi-panel-admin .fi-topbar-item .fi-badge { background: var(--s-orange) !important; color: #fff !important; }
html.ay5 .fi-panel-admin :is(.fi-topbar-open-sidebar-btn, .fi-topbar-close-sidebar-btn), html.ay5 .fi-panel-admin .fi-topbar .fi-icon-btn { color: rgba(255, 255, 255, .85) !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-icon-btn { background: transparent !important; box-shadow: none !important; border: 0 !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-icon-btn:hover { color: #fff !important; background: rgba(255, 255, 255, .1) !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-input-wrp { background: rgba(255, 255, 255, .12) !important; border: 1px solid rgba(255, 255, 255, .18) !important; height: 30px; min-height: 30px !important; border-radius: 999px !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-input-wrp:focus-within { background: #fff !important; border-color: #fff !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-input-wrp input { color: #fff !important; font-size: 12px !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-input-wrp:focus-within input { color: var(--s-ink) !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-input-wrp input::placeholder, html.ay5 .fi-panel-admin .fi-topbar .fi-input-wrp :is(svg, .fi-icon) { color: rgba(255, 255, 255, .6) !important; }
html.ay5 .fi-panel-admin .fi-topbar :is(.fi-user-avatar, .fi-avatar), html.ay5 .fi-panel-admin .fi-user-menu-trigger :is(.fi-user-avatar, .fi-avatar) {
    width: 28px !important; height: 28px !important; background: rgba(255, 255, 255, .95) !important; color: var(--s-blue) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 500 !important; }
html.ay5 .fi-panel-admin .fi-topbar .fi-topbar-database-notifications-btn .fi-badge, html.ay5 .fi-panel-admin .fi-topbar .fi-icon-btn-badge-ctn .fi-badge { background: #FF7A1A !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fi-sidebar-header { background: #fff !important; border-bottom: 1px solid var(--s-line) !important; }
html.ay5 .fi-panel-admin .fi-sidebar-header img.fi-logo { content: url('../images/brand/ayan-logo-staff-on-light.svg'); height: 26px !important; }
html.ay5 .fi-panel-admin .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: var(--s-blue-soft) !important; box-shadow: inset 2px 0 0 var(--s-blue) !important; }


/* ---------- the systematic parts (approved 19:13 "Tawaw zor jwana", mockups z1-z3) ---------- */
html.ay5 .fi-panel-admin {
    --y-strip: linear-gradient(180deg, #3A82D6, #2A6FC4); --y-tab: linear-gradient(180deg, #FBFDFF, #E3EDF9);
    --y-head: linear-gradient(180deg, #F5F9FE, #E1EBF7); --y-btn: linear-gradient(180deg, #FFFFFF, #E6EFFA);
    --y-go: linear-gradient(180deg, #FF8A2A, #F06400); --y-go2: linear-gradient(180deg, #F57A16, #E05800);
    --y-blue: #2A6FC4; --y-line: #CBDAEC; --y-line2: #E1E9F3; --y-tabline: #C3D4EA; --y-field: #B7C9E1;
    --y-lab: #2B4A74; --y-th: #22406A; --y-ink: #13233F; --y-link: #1F5AA6; --y-btn-tx: #1F4E8C;
    --y-soft: #F8FBFF; --y-soft-line: #D9E4F1; --y-zebra: #FBFDFF; --y-sel: #FFF3BF; --y-hover: #FFF9DD; --y-muted: #7F92AD;
}
html.ay5 .fi-panel-admin.fi-body { font-size: 11.5px; line-height: 1.45; color: var(--y-ink); }

/* ---------- page: the title on the sky, everything else in one white window ---------- */
html.ay5 .fi-panel-admin .fi-main { padding-top: 4px !important; padding-bottom: 28px !important; }
html.ay5 .fi-panel-admin :is(.fi-page-header-main-ctn, .fi-page-main) { row-gap: 8px !important; }
html.ay5 .fi-panel-admin .fi-page-main { gap: 8px !important; }
html.ay5 .fi-panel-admin .fi-page-content { row-gap: 8px; background: rgba(255, 255, 255, .97); border-radius: 10px; padding: 10px;
    box-shadow: 0 22px 44px -28px rgba(4, 16, 40, .6); }
html.ay5 .fi-panel-admin .fi-page-content:has(.sh-win) { background: none; box-shadow: none; padding: 0; border-radius: 0; }
html.ay5 .fi-panel-admin .fi-page-content .fi-sc-has-gap { gap: 8px !important; }

/* page title: white words on the sky */
html.ay5 .fi-panel-admin .fi-header { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 14px 2px 2px !important; min-height: 0; overflow: visible; }
html.ay5 .fi-panel-admin .fi-header::after { background: none !important; }
html.ay5 .fi-panel-admin .fi-page-header-main-ctn > .fi-header { border-radius: 0 !important; }
html.ay5 .fi-panel-admin .fi-header > div:first-child { gap: 1px; }
html.ay5 .fi-panel-admin .fi-header-heading { font-size: 19px !important; font-weight: 500 !important; letter-spacing: -.005em !important; line-height: 1.25 !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fi-header-subheading { font-size: 11px !important; color: rgba(255, 255, 255, .72) !important; }
html.ay5 .fi-panel-admin .fi-header .fi-breadcrumbs, html.ay5 .fi-panel-admin .fi-header .fi-breadcrumbs * { font-size: 11px !important; font-weight: 400 !important; color: rgba(255, 255, 255, .65) !important; }
html.ay5 .fi-panel-admin .fi-header .fi-breadcrumbs-item:last-child, html.ay5 .fi-panel-admin .fi-header .fi-breadcrumbs-item:last-child * { color: rgba(255, 255, 255, .85) !important; }
html.ay5 .fi-panel-admin .fi-header .fi-btn { height: 28px; min-height: 28px; padding: 0 14px !important; font-size: 12px !important; }
html.ay5 .fi-panel-admin .fi-header :is(.fi-ac-link-action, .fi-link) { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-header :is(.fi-ac-link-action, .fi-link) :is(svg, .fi-icon, span) { color: #fff !important; }

/* ---------- folder tabs: the page tabs (lists, reports, accounts) sit on a blue line, the open one blue ---------- */
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child > .fi-sc-component > .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) {
    height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; gap: 3px !important; align-items: flex-end !important; overflow: visible !important;
    border: 0 !important; border-bottom: 2px solid var(--y-blue) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; width: auto !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child > .fi-sc-component > .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item,
html.ay5 .fi-panel-admin .acc-air-tabs a {
    height: 30px !important; padding: 0 18px !important; gap: 7px !important; border: 1px solid var(--y-tabline) !important; border-bottom: 0 !important; border-radius: 7px 7px 0 0 !important;
    background: var(--y-tab) !important; box-shadow: none !important; margin: 0 !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item .fi-tabs-item-label,
html.ay5 .fi-panel-admin .acc-air-tabs a { color: var(--y-lab) !important; font-size: 11.5px !important; font-weight: 500 !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item :is(svg, .fi-icon) { color: #5C7AA3 !important; width: 13px !important; height: 13px !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item:hover,
html.ay5 .fi-panel-admin .acc-air-tabs a:hover { background: linear-gradient(180deg, #FFFFFF, #D9E7F7) !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item.fi-active,
html.ay5 .fi-panel-admin .acc-air-tabs a.on { background: var(--y-strip) !important; border-color: var(--y-blue) !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item.fi-active :is(.fi-tabs-item-label, svg, .fi-icon),
html.ay5 .fi-panel-admin .acc-air-tabs a.on { color: #fff !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item .fi-badge {
    min-width: 16px; min-height: 16px; border-radius: 999px !important; padding: 0 5px !important; font-size: 9.5px !important; background: #D3E1F3 !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item.fi-active .fi-badge { background: #fff !important; color: var(--y-blue) !important; }
html.ay5 .fi-panel-admin :is(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs > .fi-tabs, .fz-report-tabs .fi-tabs, .fi-tabs.acc-close-tabs) > .fi-tabs-item::after { content: none !important; display: none !important; }
html.ay5 .fi-panel-admin .fi-page-content > .fi-sc > .fi-grid-col:first-child > .fi-sc-component > .fi-sc-tabs > .fi-tabs::after,
html.ay5 .fi-panel-admin .fz-report-tabs .fi-tabs::after, html.ay5 .fi-panel-admin .fi-tabs.acc-close-tabs::after { content: none !important; }
html.ay5 .fi-panel-admin .acc-air-tabs { display: flex; align-items: flex-end; gap: 3px; padding: 0; margin: 0; border: 0; border-bottom: 2px solid var(--y-blue); border-radius: 0; background: none; width: auto; align-self: stretch; }
html.ay5 .fi-panel-admin .acc-air-tabs a { display: inline-flex; align-items: center; }
html.ay5 .fi-panel-admin .acc-air-tabs a span { color: inherit; opacity: .75; }
/* the list's search sits at the right end of the tab row */
html.ay5 .fi-panel-admin .fi-resource-list-records-page:has(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs) .fi-page-content > .fi-sc > .fi-grid-col:nth-child(2) .fi-ta-ctn > .fi-ta-main > .fi-ta-header-ctn > .fi-ta-header-toolbar:not(:has(.fi-ta-actions > *)) {
    top: -42px; height: 30px; right: 0; padding: 0 !important; background: none !important; border: 0 !important; }
html.ay5 .fi-panel-admin .fi-resource-list-records-page:has(.fi-page-content > .fi-sc > .fi-grid-col:first-child .fi-sc-tabs) .fi-ta-header-toolbar:not(:has(.fi-ta-actions > *)) .fi-ta-search-field { width: 240px; }

/* other tab rows (inside panels): small folder tabs */
html.ay5 .fi-panel-admin .fi-main .fi-tabs:not(.acc-close-tabs) { background: none !important; box-shadow: none !important; border: 0 !important; border-bottom: 2px solid var(--y-blue) !important; border-radius: 0 !important;
    padding: 0 !important; gap: 3px !important; align-items: flex-end !important; height: auto !important; min-height: 0 !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs:not(.acc-close-tabs)::after { content: none !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item { height: 26px !important; padding: 0 14px !important; gap: 6px !important; border: 1px solid var(--y-tabline) !important; border-bottom: 0 !important;
    border-radius: 6px 6px 0 0 !important; background: var(--y-tab) !important; box-shadow: none !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item::after { content: none !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item .fi-tabs-item-label { font-size: 11.5px !important; font-weight: 500 !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item :is(svg, .fi-icon) { width: 13px !important; height: 13px !important; color: #5C7AA3 !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item.fi-active { background: var(--y-strip) !important; border-color: var(--y-blue) !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item.fi-active :is(.fi-tabs-item-label, svg, .fi-icon) { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item .fi-badge { border-radius: 999px !important; min-height: 16px; font-size: 9.5px !important; padding: 0 5px !important; background: #D3E1F3 !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .fi-main .fi-tabs-item.fi-active .fi-badge { background: #fff !important; color: var(--y-blue) !important; }
html.ay5 .fi-panel-admin .fi-sc-tabs.fi-contained { border: 1px solid var(--y-line) !important; border-radius: 7px !important; box-shadow: none !important; }
html.ay5 .fi-panel-admin .fi-sc-tabs.fi-contained > .fi-tabs { padding: 6px 8px 0 !important; }

/* small view switch (Statement | Transactions): joined buttons */
html.ay5 .fi-panel-admin .fz-report-views { display: inline-flex; gap: 0; padding: 0; background: none; border: 0; box-shadow: none; border-radius: 5px; overflow: hidden; align-self: flex-start; }
html.ay5 .fi-panel-admin .fz-report-views a { height: 24px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid var(--y-field); margin-left: -1px; border-radius: 0;
    background: var(--y-btn); color: var(--y-btn-tx); font-size: 11.5px; font-weight: 500; box-shadow: none; }
html.ay5 .fi-panel-admin .fz-report-views a:first-child { margin-left: 0; border-radius: 5px 0 0 5px; }
html.ay5 .fi-panel-admin .fz-report-views a:last-child { border-radius: 0 5px 5px 0; }
html.ay5 .fi-panel-admin .fz-report-views a.on { background: var(--y-strip); border-color: var(--y-blue); color: #fff; }

/* ---------- panels: a thin blue-grey frame; their title is a blue strip ---------- */
html.ay5 .fi-panel-admin :is(.fi-ta-ctn, .fi-section:not(.fi-section-not-contained), .fi-wi-stats-overview-stat, .fi-wi-chart, .fz-card) {
    border-radius: 7px !important; box-shadow: none !important; border: 1px solid var(--y-line) !important; --tw-ring-color: transparent !important; background: #fff !important; }
html.ay5 .fi-panel-admin .fi-section:not(.fi-section-not-contained) { overflow: hidden; }
html.ay5 .fi-panel-admin .fi-section:not(.fi-section-not-contained) > .fi-section-header {
    background: var(--y-strip) !important; border: 0 !important; min-height: 28px !important; padding: 3px 10px !important; gap: 8px !important; }
html.ay5 .fi-panel-admin .fi-section:not(.fi-section-not-contained) > .fi-section-header::before { content: none !important; display: none !important; }
html.ay5 .fi-panel-admin .fi-section:not(.fi-section-not-contained) > .fi-section-header > :is(.fi-icon, svg):first-child { width: 14px !important; height: 14px !important; padding: 0 !important; background: none !important; color: #fff !important; border-radius: 0 !important; }
html.ay5 .fi-panel-admin .fi-section-header-text-ctn { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: baseline; column-gap: 10px !important; row-gap: 0 !important; min-width: 0; }
html.ay5 .fi-panel-admin .fi-section-header-heading { font-size: 11.5px !important; font-weight: 600 !important; color: #fff !important; line-height: 22px !important; }
html.ay5 .fi-panel-admin .fi-section-header-description { font-size: 10.5px !important; color: rgba(255, 255, 255, .8) !important; line-height: 1.4 !important; }
html.ay5 .fi-panel-admin .fi-section-header :is(.fi-section-collapse-btn, .fi-icon-btn) { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-section-header :is(.fi-link, .fi-ac-link-action), html.ay5 .fi-panel-admin .fi-section-header :is(.fi-link, .fi-ac-link-action) :is(span, svg, .fi-icon) { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-section-header .fi-btn { height: 20px !important; min-height: 20px !important; padding: 0 10px !important; border-radius: 4px !important; font-size: 10.5px !important;
    background: rgba(255, 255, 255, .96) !important; color: var(--y-link) !important; box-shadow: 0 1px 0 rgba(0, 0, 0, .08) !important; border: 0 !important; }
html.ay5 .fi-panel-admin .fi-section-header .fi-btn :is(span, svg, .fi-icon) { color: var(--y-link) !important; }
html.ay5 .fi-panel-admin .fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn { border: 0 !important; }
html.ay5 .fi-panel-admin .fi-section:not(.fi-section-not-contained):not(.fi-divided) > .fi-section-content-ctn > .fi-section-content { padding: 8px 10px !important; }
html.ay5 .fi-panel-admin .fi-section-footer { padding: 6px 10px !important; background: var(--y-soft) !important; border-color: var(--y-line2) !important; }
html.ay5 .fi-panel-admin .fi-section-not-contained > .fi-section-header .fi-section-header-heading { color: var(--y-th) !important; }
html.ay5 .fi-panel-admin .fi-section-not-contained > .fi-section-header .fi-section-header-description { color: var(--y-muted) !important; }
html.ay5 .fi-panel-admin .fi-sc-section-label { color: var(--y-th) !important; font-size: 11.5px !important; font-weight: 600 !important; }

/* ---------- tables: a gridded sheet, gradient column heads, a soft stripe, light yellow under the pointer ---------- */
html.ay5 .fi-panel-admin .fi-ta-header { background: var(--y-strip) !important; border: 0 !important; min-height: 28px; padding: 3px 10px !important; gap: 8px !important; }
html.ay5 .fi-panel-admin .fi-ta-header-heading { font-size: 11.5px !important; font-weight: 600 !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fi-ta-header-description { color: rgba(255, 255, 255, .8) !important; font-size: 10.5px !important; }
html.ay5 .fi-panel-admin .fi-ta-header .fi-btn { height: 20px !important; min-height: 20px !important; padding: 0 10px !important; border-radius: 4px !important; font-size: 10.5px !important;
    background: rgba(255, 255, 255, .96) !important; color: var(--y-link) !important; box-shadow: 0 1px 0 rgba(0, 0, 0, .08) !important; border: 0 !important; }
html.ay5 .fi-panel-admin .fi-ta-header .fi-btn :is(span, svg, .fi-icon) { color: var(--y-link) !important; }
html.ay5 .fi-panel-admin .fi-ta-header-toolbar { padding: 4px 8px !important; min-height: 32px; background: var(--y-soft) !important; border-bottom: 1px solid var(--y-soft-line) !important; }
html.ay5 .fi-panel-admin .fi-ta-header-toolbar .fi-icon-btn { color: var(--y-btn-tx) !important; }
html.ay5 .fi-panel-admin .fi-ta-table { border-collapse: collapse !important; }
html.ay5 .fi-panel-admin :is(.fi-ta-header-cell, .fi-ta-actions-header-cell, .fi-ta-empty-header-cell, .fi-ta-table > thead th) {
    background: var(--y-head) !important; height: 26px; padding: 0 8px !important; border: 1px solid var(--y-line) !important; border-top: 0 !important; }
html.ay5 .fi-panel-admin :is(.fi-ta-header-cell, .fi-ta-actions-header-cell, .fi-ta-empty-header-cell, .fi-ta-table > thead th):first-child { border-left: 0 !important; }
html.ay5 .fi-panel-admin :is(.fi-ta-header-cell, .fi-ta-actions-header-cell, .fi-ta-empty-header-cell, .fi-ta-table > thead th):last-child { border-right: 0 !important; }
html.ay5 .fi-panel-admin :is(.fi-ta-header-cell, .fi-ta-header-cell-label, .fi-ta-header-cell-sort-btn, .fi-ta-header-cell *) { color: var(--y-th) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
html.ay5 .fi-panel-admin .fi-ta-header-cell:first-child, html.ay5 .fi-panel-admin .fi-ta-cell:first-child { padding-inline-start: 10px !important; }
html.ay5 .fi-panel-admin .fi-ta-row { border: 0 !important; }
html.ay5 .fi-panel-admin .fi-ta-cell { height: 26px; padding-block: 0 !important; border: 1px solid var(--y-line2) !important; }
html.ay5 .fi-panel-admin .fi-ta-cell:first-child { border-left: 0 !important; }
html.ay5 .fi-panel-admin .fi-ta-cell:last-child { border-right: 0 !important; }
html.ay5 .fi-panel-admin .fi-ta-table > tbody > tr:last-child > td { border-bottom: 0 !important; }
html.ay5 .fi-panel-admin .fi-ta-row:nth-child(odd) > td { background: var(--y-zebra); }
html.ay5 .fi-panel-admin .fi-ta-row:hover > td { background: var(--y-hover) !important; }
html.ay5 .fi-panel-admin .fi-ta-row.fi-selected > td { background: var(--y-sel) !important; }
html.ay5 .fi-panel-admin .fi-ta-text, html.ay5 .fi-panel-admin .fi-ta-col > .fi-ta-text-item { padding: 2px 8px !important; }
html.ay5 .fi-panel-admin :is(.fi-ta-text, .fi-ta-text-item, .fi-ta-text-item-label, .fi-ta-placeholder) { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin :is(.fi-ta-text-description, .fi-ta-text-item-description) { font-size: 10.5px !important; color: var(--y-muted) !important; }
html.ay5 .fi-panel-admin .fi-ta-row > td:has(> .fi-ta-actions) { padding-inline-end: 10px !important; }
html.ay5 .fi-panel-admin .fi-ta-row.fi-ta-row:is(.fi-ta-summary-row, .fi-ta-summary-header-row) > :is(td, th) { background: var(--y-head) !important; height: 26px; font-size: 11.5px; border-color: var(--y-line) !important; }
html.ay5 .fi-panel-admin .fi-ta-text-summary, html.ay5 .fi-panel-admin .fi-ta-text-summary * { font-size: 11.5px !important; color: var(--y-th) !important; }
html.ay5 .fi-panel-admin .fi-ta-search-field .fi-input-wrp { height: 26px; min-height: 26px !important; }
html.ay5 .fi-panel-admin .fi-ta-empty-state { padding-block: 24px !important; }
html.ay5 .fi-panel-admin .fi-ta-empty-state-heading { font-size: 12.5px !important; }
html.ay5 .fi-panel-admin .fi-ta-empty-state-icon-bg { background: var(--y-soft) !important; }
/* pages: small square boxes */
html.ay5 .fi-panel-admin .fi-pagination { min-height: 34px; padding: 4px 10px !important; background: #fff; border-top: 1px solid var(--y-line2); font-size: 11px; }
html.ay5 .fi-panel-admin .fi-pagination-overview { font-size: 11px !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .fi-pagination-items { gap: 3px !important; border: 0 !important; box-shadow: none !important; background: none !important; }
html.ay5 .fi-panel-admin .fi-pagination-item-btn { min-width: 22px !important; height: 22px !important; padding: 0 5px !important; border-radius: 4px !important; border: 1px solid var(--y-line) !important; background: #fff !important; }
html.ay5 .fi-panel-admin .fi-pagination-item-label { font-size: 11px !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .fi-pagination .fi-input-wrp { height: 24px; min-height: 24px !important; }
html.ay5 .fi-panel-admin .fi-pagination .fi-select-input { height: 22px !important; line-height: 22px !important; padding-block: 0 !important; font-size: 11px !important; }
html.ay5 .fi-panel-admin .fi-pagination .fi-input-wrp-label { font-size: 11px !important; }
html.ay5 .fi-panel-admin .fi-pagination-item.fi-active .fi-pagination-item-btn { background: var(--y-blue) !important; border-color: var(--y-blue) !important; }
html.ay5 .fi-panel-admin .fi-pagination-item.fi-active .fi-pagination-item-label { color: #fff !important; }

/* ---------- tags: small square-cornered labels ---------- */
html.ay5 .fi-panel-admin .fi-badge { border-radius: 3px !important; font-size: 9.5px !important; font-weight: 600 !important; min-height: 16px; padding: 0 6px !important; letter-spacing: .05em; }

/* ---------- buttons: 24px, light gradient with a blue-grey edge; the main one orange ---------- */
html.ay5 .fi-panel-admin .fi-btn { min-height: 24px; height: 24px; padding: 0 12px !important; border-radius: 5px !important; font-size: 11.5px !important; font-weight: 500 !important; gap: 5px !important; box-shadow: none !important; }
html.ay5 .fi-panel-admin .fi-btn :is(svg, .fi-icon) { width: 12px !important; height: 12px !important; }
html.ay5 .fi-panel-admin .fi-btn:is(.fi-size-sm, .fi-size-xs) { min-height: 22px; height: 22px; padding: 0 9px !important; font-size: 11px !important; }
html.ay5 .fi-panel-admin .fi-btn:is(.fi-size-lg, .fi-size-xl) { min-height: 28px; height: 28px; padding: 0 16px !important; font-size: 12px !important; }
html.ay5 .fi-panel-admin .fi-btn.fi-color-primary:not(.fi-outlined) { background: var(--y-go) !important; box-shadow: inset 0 0 0 1px #E05D00 !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fi-btn.fi-color-primary:not(.fi-outlined) :is(svg, .fi-icon, span) { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-btn.fi-color-primary:not(.fi-outlined):hover { background: var(--y-go2) !important; filter: none; }
html.ay5 .fi-panel-admin .fi-btn:is(.fi-color-gray, .fi-outlined, :not([class*="fi-color-"])),
html.ay5 .fi-panel-admin .fi-main .fi-btn.fi-color-gray:not(.fi-outlined) { background: var(--y-btn) !important; box-shadow: inset 0 0 0 1px var(--y-field) !important; color: var(--y-btn-tx) !important; border: 0 !important; }
html.ay5 .fi-panel-admin .fi-btn:is(.fi-color-gray, .fi-outlined, :not([class*="fi-color-"])) :is(svg, .fi-icon, span),
html.ay5 .fi-panel-admin .fi-main .fi-btn.fi-color-gray:not(.fi-outlined) :is(svg, .fi-icon, span) { color: var(--y-btn-tx) !important; }
html.ay5 .fi-panel-admin .fi-btn:is(.fi-color-gray, .fi-outlined, :not([class*="fi-color-"])):hover { background: linear-gradient(180deg, #FFFFFF, #D9E7F7) !important; }
html.ay5 .fi-panel-admin .fi-btn.fi-color-danger:not(.fi-outlined) { background: linear-gradient(180deg, #fff, #FDECEC) !important; box-shadow: inset 0 0 0 1px #F1B8B4 !important; color: #B42318 !important; }
html.ay5 .fi-panel-admin .fi-btn.fi-color-danger:not(.fi-outlined) :is(svg, .fi-icon, span) { color: #B42318 !important; }
html.ay5 .fi-panel-admin .fi-btn:is(.fi-color-info, .fi-color-success):not(.fi-outlined) { background: var(--y-strip) !important; box-shadow: inset 0 0 0 1px var(--y-blue) !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fi-btn:is(.fi-color-info, .fi-color-success):not(.fi-outlined) :is(svg, .fi-icon, span) { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-fo-toggle-buttons-input:checked + .fi-btn { background: var(--y-strip) !important; box-shadow: inset 0 0 0 1px var(--y-blue) !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fi-fo-toggle-buttons-input:checked + .fi-btn :is(span, svg, .fi-icon) { color: #fff !important; }
html.ay5 .fi-panel-admin .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn { background: var(--y-btn) !important; box-shadow: inset 0 0 0 1px var(--y-field) !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn :is(span, svg, .fi-icon) { color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin :is(.fi-link, .fi-ac-link-action) { font-size: 11.5px !important; font-weight: 500 !important; gap: 4px !important; }
html.ay5 .fi-panel-admin .fi-main :is(.fi-link, .fi-ac-link-action).fi-color-primary, html.ay5 .fi-panel-admin .fi-main :is(.fi-link, .fi-ac-link-action).fi-color-primary :is(span, svg, .fi-icon) { color: var(--y-link) !important; }
html.ay5 .fi-panel-admin :is(.fi-link, .fi-ac-link-action) :is(svg, .fi-icon) { width: 12px !important; height: 12px !important; }
html.ay5 .fi-panel-admin .fi-icon-btn { border-radius: 5px !important; }

/* ---------- forms: small labels in blue-grey, 26px fields with square corners ---------- */
html.ay5 .fi-panel-admin .fi-fo-field-label-content { font-size: 11px !important; font-weight: 400 !important; color: var(--y-lab) !important; letter-spacing: 0 !important; text-transform: none !important; }
html.ay5 .fi-panel-admin .fi-fo-field-label-required-mark { color: #D92D20 !important; }
html.ay5 .fi-panel-admin .fi-main .fi-input-wrp { border-radius: 4px !important; min-height: 26px; box-shadow: none !important; border-color: var(--y-field) !important; background: #fff !important; }
html.ay5 .fi-panel-admin .fi-main .fi-input-wrp:focus-within { box-shadow: 0 0 0 2px rgba(42, 111, 196, .18) !important; border-color: var(--y-blue) !important; }
html.ay5 .fi-panel-admin .fi-main :is(.fi-input, .fi-select-input, .fi-fo-date-time-picker-display-text-input) { font-size: 11.5px !important; padding-block: 2px !important; min-height: 24px; }
html.ay5 .fi-panel-admin .fi-main .fi-select-input-btn { min-height: 24px; font-size: 11.5px !important; padding-block: 2px !important; }
html.ay5 .fi-panel-admin .fi-main .fi-input-wrp :is(.fi-input-wrp-prefix, .fi-input-wrp-suffix) { font-size: 11px; }
html.ay5 .fi-panel-admin .fi-fo-field { row-gap: 3px !important; }
html.ay5 .fi-panel-admin .fi-fo-field-wrp-helper-text, html.ay5 .fi-panel-admin .fi-fo-field-wrp-hint { font-size: 10.5px !important; }
html.ay5 .fi-panel-admin :is(.fi-checkbox-input, .fi-radio-input) { border-radius: 3px; border-color: #9DB3CF !important; }
html.ay5 .fi-panel-admin .fi-radio-input { border-radius: 50% !important; }
html.ay5 .fi-panel-admin :is(.fi-checkbox-input, .fi-radio-input):checked { background-color: var(--y-blue) !important; border-color: var(--y-blue) !important; }
html.ay5 .fi-panel-admin :is(.fi-dropdown-list-item-label, .fi-dropdown-header-label) { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .fi-dropdown-list-item { padding-block: 5px !important; }
html.ay5 .fi-panel-admin .fi-dropdown-panel { border-radius: 6px !important; }
html.ay5 .fi-panel-admin .fi-modal-window { border-radius: 8px !important; }
html.ay5 .fi-panel-admin .fi-modal-heading { font-size: 14px !important; font-weight: 600 !important; color: var(--y-ink) !important; }
html.ay5 .fi-panel-admin .fi-in-entry-label, html.ay5 .fi-panel-admin .fi-in-entry-label * { font-size: 11px !important; color: var(--y-lab) !important; letter-spacing: 0; text-transform: none; }
html.ay5 .fi-panel-admin .fi-in-text, html.ay5 .fi-panel-admin .fi-in-text * { font-size: 11.5px !important; }
/* the report search (from / to / office ...): a pale panel, the label left of each field */
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint:has(> form) { background: var(--y-soft); border: 1px solid var(--y-soft-line); border-radius: 6px; padding: 8px 10px; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint:has(> form) .fi-fo-field { display: grid !important; grid-template-columns: max-content minmax(0, 1fr); align-items: center; column-gap: 8px; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint:has(> form) .fi-fo-field-label-col { min-width: 0; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint:has(> form) .fi-sc-has-gap { gap: 6px 22px !important; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint:has(> form) .fz-row { margin-top: 6px !important; padding-top: 6px !important; border-top: 1px solid var(--y-soft-line) !important; gap: 6px !important; }

/* ---------- small figures (stats) ---------- */
html.ay5 .fi-panel-admin .fi-wi-stats-overview-stat { padding: 8px 10px !important; }
html.ay5 .fi-panel-admin .fi-wi-stats-overview-stat-label { font-size: 11px !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .fi-wi-stats-overview-stat-value { font-size: 16px !important; font-weight: 600 !important; }

/* ---------- reports ---------- */
html.ay5 .fi-panel-admin :is(.fz-card .fz-label, .fz-label) { font-size: 11px !important; font-weight: 400 !important; color: var(--y-lab) !important; letter-spacing: 0; text-transform: none; }
html.ay5 .fi-panel-admin :is(.fz-card .fz-value, .fz-value) { font-size: 14px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .fz-table { border-collapse: collapse !important; }
html.ay5 .fi-panel-admin .fz-table :is(th, td) { font-size: 11.5px !important; padding: 0 8px !important; height: 26px; border: 1px solid var(--y-line2) !important; }
html.ay5 .fi-panel-admin .fz-table thead th { background: var(--y-head) !important; color: var(--y-th) !important; font-weight: 600 !important; font-size: 11px !important; letter-spacing: 0; text-transform: none; border-color: var(--y-line) !important; }
html.ay5 .fi-panel-admin .fz-table :is(th, td):first-child { border-left: 0 !important; }
html.ay5 .fi-panel-admin .fz-table :is(th, td):last-child { border-right: 0 !important; }
html.ay5 .fi-panel-admin .fz-table tbody tr:nth-child(odd) > td { background: var(--y-zebra); }
html.ay5 .fi-panel-admin .fz-table tbody tr:hover > td { background: var(--y-hover); }
html.ay5 .fi-panel-admin .fi-page-content > .fz-rhead h2 { color: var(--y-ink) !important; font-size: 15px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-rhead > :not(h2) { color: var(--y-muted) !important; }

/* ---------- Find reservation: blue strips for every part, folder tabs, the reservation head a blue bar ---------- */
html.ay5 .fi-panel-admin .fv { --fv-navy: #13233F; --fv-ink: #13233F; --fv-gold: #FFD27A; --fv-blue: #2A6FC4; font-size: 11.5px; gap: 8px; }
html.ay5 .fi-panel-admin :is(.fv, .fi-page:has(.fz-report-tabs)) {
    --mx-ink: #13233F; --mx-text: #13233F; --mx-lab: #2B4A74; --mx-line: #E1E9F3;
    --mx-band: linear-gradient(180deg, #3A82D6, #2A6FC4); --mx-band-tx: #fff; --mx-band-ic: #fff; --mx-band-meta: rgba(255, 255, 255, .8);
    --mx-cols: linear-gradient(180deg, #F5F9FE, #E1EBF7); --mx-cols-tx: #22406A; --mx-on: #2A6FC4; --mx-on-tx: #fff; }
html.ay5 .fi-panel-admin :is(.fv-hero, .fv-card, .fv-find, .fv-box) { border-radius: 7px; box-shadow: none; border: 1px solid var(--y-line); }
html.ay5 .fi-panel-admin .fv-hero-top { background: var(--y-strip); padding: 6px 12px; gap: 18px; }
html.ay5 .fi-panel-admin .fv-pnr b { font-size: 17px; font-weight: 600; letter-spacing: .1em; }
html.ay5 .fi-panel-admin .fv-head { height: 28px; padding: 0 10px; border-bottom: 0; background: var(--y-strip); color: #fff; }
html.ay5 .fi-panel-admin .fv-head :is(.fv-ht, .fv-meta, a, span) { color: #fff !important; }
html.ay5 .fi-panel-admin .fv-hi { width: 16px; height: 16px; border-radius: 0; background: none; color: #fff; }
html.ay5 .fi-panel-admin .fv-hi svg { color: #fff; stroke: #fff; }
html.ay5 .fi-panel-admin .fv-ht { font-size: 11.5px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .fv-tbl { border-collapse: collapse; }
html.ay5 .fi-panel-admin .fv-tbl th { background: var(--y-head) !important; color: var(--y-th) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important;
    height: 26px; padding-block: 0 !important; border: 1px solid var(--y-line); }
html.ay5 .fi-panel-admin .fv-tbl td { font-size: 11.5px; height: 26px; padding-block: 2px; border: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .fv-tbl :is(th, td):first-child { border-left: 0; }
html.ay5 .fi-panel-admin .fv-tbl :is(th, td):last-child { border-right: 0; }
html.ay5 .fi-panel-admin .fv-tabs { background: none; border: 0; border-bottom: 2px solid var(--y-blue); border-radius: 0; padding: 0; gap: 3px; box-shadow: none; align-items: flex-end; }
html.ay5 .fi-panel-admin .fv-tab { font-size: 11.5px; height: 28px; padding: 0 16px; border-radius: 7px 7px 0 0; border: 1px solid var(--y-tabline); border-bottom: 0; background: var(--y-tab); color: var(--y-lab); box-shadow: none; }
html.ay5 .fi-panel-admin .fv-tab:not(.on) { color: var(--y-lab); }
html.ay5 .fi-panel-admin .fv-tab.on { background: var(--y-strip); border-color: var(--y-blue); color: #fff; box-shadow: none; }
html.ay5 .fi-panel-admin .fv-tab.on svg.fv-i { color: #fff; }
html.ay5 .fi-panel-admin .fv :is(.fv-tab, .fv-a, .fv-ht, .fv-meta, .fv-btn) { letter-spacing: 0 !important; }
html.ay5 .fi-panel-admin .fv-a { font-size: 11.5px; height: 24px; border-radius: 5px; background: var(--y-btn); box-shadow: inset 0 0 0 1px var(--y-field); color: var(--y-btn-tx); border: 0; }

/* ---------- live chat and accounts: words that sat on the sky are inside the window now ---------- */
html.ay5 .fi-panel-admin .acc-close-datebar .fi-icon-btn { color: var(--y-btn-tx) !important; }

/* ---------- field heights and small words everywhere (Filament sets many of these per part) ---------- */
html.ay5 .fi-panel-admin .fi-main .fi-input-wrp:not(.fi-fo-textarea):not(.fi-fo-rich-editor):not(.fi-fo-markdown-editor):not(.fi-fo-tags-input):not(.fi-fo-key-value) { min-height: 26px !important; }
html.ay5 .fi-panel-admin .fi-main :is(input.fi-input, select.fi-select-input, .fi-fo-date-time-picker-trigger, .fi-fo-date-time-picker-display-text-input, .fi-select-input-btn) {
    height: 24px !important; min-height: 24px !important; padding-block: 0 !important; line-height: 24px !important; font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .fi-main .fi-select-input-ctn { padding-block: 0 !important; min-height: 24px !important; }
html.ay5 .fi-panel-admin .fi-main :is(.fi-select-input-value-label, .fi-select-input-placeholder, .fi-input-wrp-label) { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .fi-main .fi-input-wrp-label { font-size: 11px !important; color: var(--y-muted) !important; }
html.ay5 .fi-panel-admin .fi-main textarea.fi-input { font-size: 11.5px !important; padding-block: 4px !important; }
html.ay5 .fi-panel-admin .fi-main .fi-sc-text { font-size: 10.5px !important; color: var(--y-muted) !important; line-height: 1.4 !important; }
html.ay5 .fi-panel-admin .fi-main .fi-fo-radio-label-text > p, html.ay5 .fi-panel-admin .fi-main .fi-fo-radio-label-text { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .fi-main .fi-fo-radio-label-description, html.ay5 .fi-panel-admin .fi-main .fi-fo-checkbox-list-option-description { font-size: 10.5px !important; }
html.ay5 .fi-panel-admin .fi-main :is(.fi-fo-checkbox-list-option-label, .fi-fo-toggle + span, .fi-fo-field-label-content) { font-size: 11px !important; }
html.ay5 .fi-panel-admin .fi-main .fi-ta-empty-state-description { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .fi-main .fz-row :is(.fi-btn, button, a.fi-btn) { height: 24px !important; min-height: 24px !important; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-report-tabs { margin-top: 0 !important; }

/* ---------- account statement (shared view): smaller figures, labels in blue-grey ---------- */
html.ay5 .fi-panel-admin .st-head .t { font-size: 13px !important; font-weight: 600 !important; color: var(--y-ink) !important; }
html.ay5 .fi-panel-admin .st-head :is(.s, b, span) { font-size: 11px; }
html.ay5 .fi-panel-admin .st-strip { border-color: var(--y-line) !important; border-radius: 6px !important; margin-top: 6px !important; }
html.ay5 .fi-panel-admin .st-strip > div { padding: 4px 10px !important; border-color: var(--y-line) !important; }
html.ay5 .fi-panel-admin .st-strip span { font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .st-strip b { font-size: 13.5px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .st-strip em { font-size: 10.5px !important; }
html.ay5 .fi-panel-admin .st-strip .close { background: var(--y-soft) !important; }
html.ay5 .fi-panel-admin :is(.st-kinds, .st-info) { font-size: 11px !important; margin-top: 6px !important; }
html.ay5 .fi-panel-admin .st-inv .fz-big { font-size: 13.5px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .st-inv .fz-muted { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .st-inv-sums span { font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--y-lab) !important; }
html.ay5 .fi-panel-admin .st-inv-sums b { font-size: 13.5px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .st-inv-sums .total b { font-size: 15px !important; color: var(--y-blue); }
html.ay5 .fi-panel-admin .st-rows .fz-table :is(td, th) { padding: 0 8px !important; height: 26px; }
html.ay5 .fi-panel-admin .st-rows .fz-table td { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .st-rows .fz-table tbody tr:nth-child(even) { background: none; }
html.ay5 .fi-panel-admin :is(.st-k, .fz-pill) { border-radius: 3px !important; font-size: 10px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .st-pax .fz-muted { font-size: 11px !important; }
html.ay5 .fi-panel-admin .fi-main div.fi-select-input { padding-block: 0 !important; min-height: 0 !important; }
html.ay5 .fi-panel-admin .fi-main div.fi-select-input > div { min-height: 24px !important; }
html.ay5 .fi-panel-admin .fi-page-content .fz-noprint:has(> form) .fi-fo-select-native .fi-select-input { height: 24px !important; }
html.ay5 .fi-panel-admin .fi-page-content .fz-noprint:has(> form) .fi-input-wrp { min-height: 26px !important; }
html.ay5 .fi-panel-admin .fi-page-content .fz-noprint:has(> form) :is(.fi-input, .fi-fo-date-time-picker-display-text-input, .fi-fo-date-time-picker input, .fi-select-input-btn) { padding-block: 0 !important; }
html.ay5 .fi-panel-admin .fi-page-content .fz-noprint:has(> form) .fi-fo-field-label-ctn { display: flex; align-items: center; height: 100%; }
html.ay5 .fi-panel-admin .fi-page-content .fz-noprint:has(> form) .fz-row :is(button, a).fi-btn { height: 24px !important; min-height: 24px !important; }
html.ay5 .fi-panel-admin :is(.fz-table, .fz-rep, .fz-st, .fz-tbl, .br-table, .tx-table) td { vertical-align: middle; }
html.ay5 .fi-panel-admin :is(.fz-rep, .fz-st, .fz-tbl, .br-table, .tx-table) :is(td, th) { padding-block: 3px !important; }
/* the report search panel opens with a "Search" strip, like the airline's */
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint:has(> form) { padding-top: 0 !important; overflow: hidden; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint:has(> form)::before { content: "Search"; display: flex; align-items: center; height: 26px; margin: 0 -10px 8px; padding: 0 10px;
    background: var(--y-strip); color: #fff; font-size: 11.5px; font-weight: 600; }
html.ay5 .fi-panel-admin textarea { font-size: 11.5px !important; }
/* transactions (tx-*): the search with a "Search" strip and labels left of the fields, then a gridded table */
html.ay5 .fi-panel-admin .tx { font-size: 11.5px; --tx-head: var(--y-ink); --tx-muted: var(--y-muted); --tx-link: var(--y-link); }
html.ay5 .fi-panel-admin .tx-card { border: 1px solid var(--y-line); border-radius: 7px; overflow: hidden; background: #fff; }
html.ay5 .fi-panel-admin .tx-bar { position: relative; padding: 34px 10px 8px; gap: 6px 16px; align-items: center; background: var(--y-soft); border-bottom: 1px solid var(--y-line); }
html.ay5 .fi-panel-admin .tx-bar::before { content: "Search"; position: absolute; inset: 0 0 auto; height: 26px; display: flex; align-items: center; padding: 0 10px; background: var(--y-strip); color: #fff; font-size: 11.5px; font-weight: 600; }
html.ay5 .fi-panel-admin .tx-f { flex-direction: row !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; font-weight: 400 !important; color: var(--y-lab) !important; white-space: nowrap !important; }
html.ay5 .fi-panel-admin .tx-f :is(input, select) { height: 24px !important; min-width: 0 !important; border: 1px solid var(--y-field) !important; border-radius: 4px !important; padding: 0 7px !important; font-size: 11.5px !important; background-color: #fff !important; color: var(--y-ink) !important; }
html.ay5 .fi-panel-admin .tx-f input[type="date"] { width: 122px !important; }
html.ay5 .fi-panel-admin .tx-f select { max-width: 230px !important; }
html.ay5 .fi-panel-admin .tx-f.grow { flex: 1 1 200px !important; }
html.ay5 .fi-panel-admin .tx-btn { height: 24px !important; padding: 0 12px !important; border-radius: 4px !important; font-size: 11.5px !important; font-weight: 500 !important; border: 1px solid var(--y-field) !important; background: var(--y-btn) !important; color: var(--y-btn-tx) !important; }
html.ay5 .fi-panel-admin .tx-btn svg { width: 13px !important; height: 13px !important; }
html.ay5 .fi-panel-admin .tx-go { background: var(--y-go) !important; border-color: #E05D00 !important; color: #fff !important; }
html.ay5 .fi-panel-admin .tx-go:hover { background: var(--y-go2) !important; }
html.ay5 .fi-panel-admin .tx-reset:hover, html.ay5 .fi-panel-admin .tx-dl:hover { background: linear-gradient(180deg, #FFFFFF, #D9E7F7) !important; }
html.ay5 .fi-panel-admin .tx-sub { height: 28px; padding: 0 10px; align-items: center; border-top: 0; background: var(--y-strip); color: rgba(255, 255, 255, .78); font-size: 11px; }
html.ay5 .fi-panel-admin .tx-sub b { color: #fff; }
html.ay5 .fi-panel-admin .tx-table { font-variant-numeric: tabular-nums; }
html.ay5 .fi-panel-admin .tx-table th { height: 24px; padding: 0 8px; background: var(--y-head); color: var(--y-th); font-size: 11px; font-weight: 600; border: 1px solid var(--y-line); border-top: 0; text-align: center; }
html.ay5 .fi-panel-admin .tx-table td { height: 26px; padding: 0 8px; border: 1px solid var(--y-line2); font-size: 11.5px; color: var(--y-ink); }
html.ay5 .fi-panel-admin .tx-table tr > :first-child { border-left: 0; }
html.ay5 .fi-panel-admin .tx-table tr > :last-child { border-right: 0; }
html.ay5 .fi-panel-admin .tx-table tbody tr:nth-child(odd) td { background: var(--y-zebra); }
html.ay5 .fi-panel-admin .tx-table tbody tr:hover td { background: var(--y-hover); }
html.ay5 .fi-panel-admin .tx-table tr.tx-edge td { background: #EEF4FB !important; font-weight: 600; border-bottom: 1px solid var(--y-line); }
html.ay5 .fi-panel-admin .tx-totals { padding: 8px 10px; border-top: 1px solid var(--y-line); background: var(--y-soft); font-size: 11.5px; }
html.ay5 .fi-panel-admin .tx-totals dt { font-weight: 500; color: var(--y-lab); }
html.ay5 .fi-panel-admin .tx-empty { padding: 14px 10px; color: var(--y-muted); }

/* ---------- New booking: the search (shared view, restyled) ---------- */
html.ay5 .fi-panel-admin .fz-spage { background: #fff !important; border: 1px solid var(--y-line) !important; border-radius: 7px !important; box-shadow: none !important; overflow: visible; padding: 0 !important; margin: 0 !important; max-width: none !important; }
html.ay5 .fi-panel-admin .fz-spage-hd { background: var(--y-strip) !important; padding: 3px 10px !important; min-height: 28px; display: flex; align-items: center; border: 0 !important; border-radius: 6px 6px 0 0 !important; margin: 0 !important; }
html.ay5 .fi-panel-admin .fz-spage-hd > div { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
html.ay5 .fi-panel-admin .fz-spage-hd h2 { margin: 0 !important; font-size: 11.5px !important; font-weight: 600 !important; color: #fff !important; letter-spacing: 0 !important; }
html.ay5 .fi-panel-admin .fz-spage-hd p { margin: 0 !important; font-size: 10.5px !important; color: rgba(255, 255, 255, .8) !important; }
html.ay5 .fi-panel-admin .fz-spage-bd { padding: 8px 10px 10px !important; }
html.ay5 .fi-panel-admin .fz-spage-bd > .fi-sc { gap: 8px !important; }
html.ay5 .fi-panel-admin .fz-spage .fi-fo-field:has(.fi-fo-select) { display: grid !important; grid-template-columns: max-content minmax(0, 420px); align-items: center; column-gap: 8px; }
html.ay5 .fi-panel-admin .fz-sbox-top { display: flex !important; align-items: center !important; gap: 18px !important; margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; }
html.ay5 .fi-panel-admin .fz-trip { display: flex !important; gap: 14px !important; align-items: center !important; background: none !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
html.ay5 .fi-panel-admin .fz-seg { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; height: auto !important; min-height: 0 !important; color: var(--y-ink) !important; font-size: 11.5px !important; font-weight: 400 !important;
    display: inline-flex !important; align-items: center; gap: 5px; cursor: pointer; border-radius: 0 !important; letter-spacing: 0 !important; }
html.ay5 .fi-panel-admin .fz-seg::before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #9DB3CF; background: #fff; box-sizing: border-box; flex: none; }
html.ay5 .fi-panel-admin .fz-seg.on { font-weight: 500 !important; }
html.ay5 .fi-panel-admin .fz-seg.on::before { border: 4px solid var(--y-blue); }
html.ay5 .fi-panel-admin .fz-cabpills { margin-left: auto !important; }
html.ay5 .fi-panel-admin .fz-cabpills .lbl { color: var(--y-lab) !important; font-size: 11px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
html.ay5 .fi-panel-admin .fz-fields { display: flex !important; align-items: center !important; gap: 8px 24px !important; flex-wrap: wrap; padding: 8px 10px !important; border: 1px solid var(--y-soft-line) !important; border-radius: 6px !important;
    background: var(--y-soft) !important; box-shadow: none !important; grid-template-columns: none !important; min-height: 0 !important; overflow: visible !important; }
html.ay5 .fi-panel-admin .fz-fields > .fz-f { display: flex !important; align-items: center !important; gap: 6px !important; padding: 0 !important; border: 0 !important; background: none !important; min-height: 0 !important; height: auto !important;
    flex-direction: row !important; box-shadow: none !important; width: auto !important; flex: none !important; border-radius: 0 !important; }
html.ay5 .fi-panel-admin .fz-f .lb { font-size: 11px !important; color: var(--y-lab) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; white-space: nowrap; margin: 0 !important; }
html.ay5 .fi-panel-admin .fz-f input { width: 58px !important; height: 24px !important; border: 1px solid var(--y-field) !important; border-radius: 4px !important; background: #fff !important; padding: 0 7px !important; margin: 0 !important;
    font-size: 11.5px !important; font-weight: 500 !important; color: var(--y-ink) !important; letter-spacing: 0 !important; box-shadow: none !important; line-height: 22px !important; }
html.ay5 .fi-panel-admin .fz-f input:focus { border-color: var(--y-blue) !important; box-shadow: 0 0 0 2px rgba(42, 111, 196, .18) !important; outline: 0; }
html.ay5 .fi-panel-admin .fz-f .sub { font-size: 10.5px !important; color: var(--y-muted) !important; white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; }
html.ay5 .fi-panel-admin .fz-fields > .fz-sw { margin: 0 -14px !important; padding: 0 !important; border: 0 !important; background: none !important; width: auto !important; }
html.ay5 .fi-panel-admin .fz-sw button { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 1px solid var(--y-field) !important; background: var(--y-btn) !important; color: var(--y-btn-tx) !important; font-size: 11px !important; box-shadow: none !important; position: static !important; transform: none !important; }
html.ay5 .fi-panel-admin .fz-tripdt-in { display: flex !important; gap: 18px !important; align-items: center; border: 0 !important; background: none !important; padding: 0 !important; }
html.ay5 .fi-panel-admin .fz-tripdt-box { display: inline-flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; height: auto !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
html.ay5 .fi-panel-admin .fz-tripdt-box small { font-size: 11px !important; color: var(--y-lab) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; }
html.ay5 .fi-panel-admin .fz-tripdt-box b { height: 24px; line-height: 22px !important; border: 1px solid var(--y-field); border-radius: 4px; background: #fff; padding: 0 8px; font-size: 11.5px !important; font-weight: 500 !important; min-width: 116px; text-align: left; color: var(--y-ink) !important; }
html.ay5 .fi-panel-admin .fz-tripdt-box.on b { border-color: var(--y-blue); box-shadow: 0 0 0 2px rgba(42, 111, 196, .18); }
html.ay5 .fi-panel-admin .fz-pax .val { height: 24px !important; border: 1px solid var(--y-field) !important; border-radius: 4px !important; background: #fff !important; padding: 0 8px !important; font-size: 11.5px !important; font-weight: 500 !important; color: var(--y-ink) !important; min-width: 96px; text-align: left; }
html.ay5 .fi-panel-admin .fz-brow { display: flex !important; align-items: center !important; margin: 8px 0 0 !important; padding: 8px 0 0 !important; border-top: 1px solid var(--y-line2) !important; background: none !important; }
html.ay5 .fi-panel-admin .fz-brow .hint { font-size: 10.5px !important; color: var(--y-muted) !important; }
html.ay5 .fi-panel-admin .fz-gold { height: 28px !important; padding: 0 18px !important; border-radius: 5px !important; background: var(--y-go) !important; border: 1px solid #E05D00 !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; box-shadow: none !important; margin-left: auto; }


/* ---------- New booking (filament/admin/v5/book), mockup z1: tabs + credit, search panel, a table per direction, the fare quote ---------- */
html.ay5 .fi-panel-admin .y5b { display: grid; gap: 8px; font-size: 11.5px; color: var(--y-ink); }
html.ay5 .fi-panel-admin .y5b button { font-family: inherit; }
html.ay5 .fi-panel-admin .y5b .mut { color: var(--y-muted); }
html.ay5 .fi-panel-admin .y5-tabrow { display: flex; align-items: flex-end; gap: 3px; border-bottom: 2px solid var(--y-blue); margin-bottom: 0; }
html.ay5 .fi-panel-admin .y5-tabrow > span:not(.y5-credit) { height: 30px; padding: 0 18px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--y-tabline); border-bottom: 0; border-radius: 7px 7px 0 0;
    background: var(--y-tab); color: var(--y-lab); font-weight: 500; font-size: 11.5px; }
html.ay5 .fi-panel-admin .y5-tabrow > span:not(.y5-credit) > b { width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center; font-size: 9.5px; font-weight: 600; background: #D3E1F3; color: var(--y-lab); }
html.ay5 .fi-panel-admin .y5-tabrow > span.on { background: var(--y-strip); border-color: var(--y-blue); color: #fff; }
html.ay5 .fi-panel-admin .y5-tabrow > span.on > b { background: #fff; color: var(--y-blue); }
html.ay5 .fi-panel-admin .y5-tabrow > span.done > b { background: #DDF5E6; color: #05603A; }
html.ay5 .fi-panel-admin .y5-trip { display: flex; gap: 16px; align-items: center; margin-bottom: 8px; }
html.ay5 .fi-panel-admin .y5-rd { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
html.ay5 .fi-panel-admin .y5-rd input { accent-color: var(--y-blue); width: 12px; height: 12px; margin: 0; }
html.ay5 .fi-panel-admin .y5-hide { margin-left: auto; background: none; border: 0; padding: 0; color: var(--y-link); font-size: 11px; cursor: pointer; display: inline-flex; gap: 4px; align-items: center; }
html.ay5 .fi-panel-admin .y5-hide i { font-style: normal; display: inline-block; line-height: 1; transition: transform .15s; }
html.ay5 .fi-panel-admin .y5-hide i.up { transform: rotate(180deg); }
html.ay5 .fi-panel-admin .y5-grid { display: grid; grid-template-columns: auto auto auto auto 1fr; column-gap: 26px; row-gap: 6px; align-items: center; padding: 8px 10px; border: 1px solid var(--y-soft-line); border-radius: 6px; background: var(--y-soft); }
html.ay5 .fi-panel-admin .y5-fl { display: grid; grid-template-columns: var(--lw, 80px) auto; align-items: center; gap: 6px; }
html.ay5 .fi-panel-admin .y5-fl > span { font-size: 11px; color: var(--y-lab); white-space: nowrap; }
html.ay5 .fi-panel-admin .y5-fl > span em { color: #D92D20; font-style: normal; margin-left: 2px; }
html.ay5 .fi-panel-admin .y5-fl :is(select, input) { height: 24px; border: 1px solid var(--y-field); border-radius: 4px; padding: 0 7px; margin: 0; font-size: 11.5px; color: var(--y-ink); background-color: #fff; box-shadow: none; line-height: 22px; }
html.ay5 .fi-panel-admin .y5-fl select { padding-right: 24px; }
html.ay5 .fi-panel-admin .y5-fl :is(select, input):focus { border-color: var(--y-blue); box-shadow: 0 0 0 2px rgba(42, 111, 196, .18); outline: 0; }
html.ay5 .fi-panel-admin .y5-fl input:disabled { background: #F1F4F9; color: var(--y-muted); }
html.ay5 .fi-panel-admin .y5-fl .w120 { width: 128px; } html.ay5 .fi-panel-admin .y5-fl .w150 { width: 150px; } html.ay5 .fi-panel-admin .y5-fl .w170 { width: 170px; } html.ay5 .fi-panel-admin .y5-fl .w200 { width: 210px; }
html.ay5 .fi-panel-admin .y5-fl .num { width: 44px; padding: 0 2px 0 8px; }
html.ay5 .fi-panel-admin .y5-go { justify-self: end; }
html.ay5 .fi-panel-admin .y5-i { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; flex: none; }
html.ay5 .fi-panel-admin .y5-btn.big { height: 28px; padding: 0 16px; font-size: 12px; }
html.ay5 .fi-panel-admin .y5-btn:disabled { opacity: .5; cursor: default; }
html.ay5 .fi-panel-admin .y5-err { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; color: #B42318; font-size: 11px; }
html.ay5 .fi-panel-admin .y5-multi-go { display: flex; justify-content: flex-end; margin-top: 8px; }
/* Multi-city (2026-10-10 12:39): one line per flight, then passengers / cabin / office / Search on one line */
html.ay5 .fi-panel-admin .y5-mbox { display: grid; gap: 8px; padding: 8px 10px; border: 1px solid var(--y-soft-line); border-radius: 6px; background: var(--y-soft); }
html.ay5 .fi-panel-admin .y5-mlegs { display: grid; gap: 6px; }
html.ay5 .fi-panel-admin .y5-mrow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 26px; }
html.ay5 .fi-panel-admin .y5-mn { width: 52px; font-size: 11.5px; font-weight: 600; color: var(--y-ink); }
html.ay5 .fi-panel-admin .y5-mx { width: 22px; height: 22px; border: 1px solid var(--y-field); border-radius: 4px; background: #fff; color: #B42318; font-size: 11px; line-height: 1; cursor: pointer; }
html.ay5 .fi-panel-admin .y5-mx:hover { background: #FEF3F2; border-color: #F4A39A; }
html.ay5 .fi-panel-admin .y5-mfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 26px; padding-top: 8px; border-top: 1px solid var(--y-soft-line); }
html.ay5 .fi-panel-admin .y5-mfoot .y5-go { margin-left: auto; }
html.ay5 .fi-panel-admin .y5-fl :is(select, input).bad { border-color: #D92D20; }
html.ay5 .fi-panel-admin .y5-seat { color: #047857; font-weight: 500; }
html.ay5 .fi-panel-admin .y5-seat.low { color: #C2410C; }
html.ay5 .fi-panel-admin .y5-fare small { font-size: 10.5px; color: var(--y-muted); }
html.ay5 .fi-panel-admin .y5b .y5-fare.on { color: #9A3B00; font-weight: 600; }
html.ay5 .fi-panel-admin .y5-ro { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #9DB3CF; background: #fff; flex: none; box-sizing: border-box; display: inline-block; }
html.ay5 .fi-panel-admin .y5-fq .y5-st { display: flex; align-items: center; gap: 8px; min-height: 28px; padding: 2px 6px 2px 10px; background: var(--y-strip); color: #fff; font-size: 11.5px; font-weight: 600; border-radius: 0; }
html.ay5 .fi-panel-admin .y5-fq .y5-st .m { margin-left: auto; display: flex; gap: 6px; align-items: center; font-weight: 400; }
html.ay5 .fi-panel-admin .y5-fq .y5-st .y5-load { color: rgba(255, 255, 255, .85); }
html.ay5 .fi-panel-admin .y5-sbtn { height: 20px; padding: 0 10px; border-radius: 4px; background: rgba(255, 255, 255, .96); color: var(--y-link); font-size: 10.5px; font-weight: 500; border: 0; cursor: pointer; box-shadow: 0 1px 0 rgba(0, 0, 0, .08); }
html.ay5 .fi-panel-admin .y5-clsbar { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 6px 10px; background: var(--y-soft); border-bottom: 1px solid var(--y-line); }
html.ay5 .fi-panel-admin .y5-clsbar .lb { color: var(--y-lab); font-size: 11px; margin-right: 4px; }
html.ay5 .fi-panel-admin .y5-cl { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border: 1px solid var(--y-field); border-radius: 5px; background: #fff; cursor: pointer; font-size: 11px; color: var(--y-ink); }
html.ay5 .fi-panel-admin .y5-cl b { font-weight: 600; }
html.ay5 .fi-panel-admin .y5-cl small { color: var(--y-muted); font-size: 10px; }
html.ay5 .fi-panel-admin .y5-cl em { font-style: normal; font-weight: 500; font-variant-numeric: tabular-nums; }
html.ay5 .fi-panel-admin .y5-cl:hover { background: var(--y-hover); }
html.ay5 .fi-panel-admin .y5-cl.on { background: var(--y-sel); border-color: #E9CF63; }
html.ay5 .fi-panel-admin .y5-cl.on .y5-ro { border: 4px solid var(--y-blue); }
html.ay5 .fi-panel-admin .y5-cl.shut { border-style: dashed; border-color: #F1B8B4; }
html.ay5 .fi-panel-admin .y5-cl.shut b { color: #B42318; }
html.ay5 .fi-panel-admin .y5-clsbar > .y5-btn { margin-left: auto; }
html.ay5 .fi-panel-admin .y5-clsbar > .y5-clmore { border: 0; background: none; padding: 0 4px; color: var(--y-blue); font-size: 11px; text-decoration: underline; cursor: pointer; white-space: nowrap; }
html.ay5 .fi-panel-admin .y5-qt td.y5-segc { background: #fff !important; }
html.ay5 .fi-panel-admin .y5-qt tbody tr:nth-child(odd) td { background: var(--y-zebra); }
html.ay5 .fi-panel-admin .y5-tot { display: flex; align-items: stretch; min-height: 28px; background: var(--y-head); border-top: 1px solid var(--y-line); font-size: 11.5px; }
html.ay5 .fi-panel-admin .y5-tot .er { padding: 0 10px; display: flex; align-items: center; color: var(--y-th); }
html.ay5 .fi-panel-admin .y5-tot .sum { margin-left: auto; display: flex; align-items: center; gap: 5px; padding: 0 12px; color: var(--y-th); font-variant-numeric: tabular-nums; }
html.ay5 .fi-panel-admin .y5-tot .sum b { font-weight: 600; color: var(--y-ink); }
html.ay5 .fi-panel-admin .y5-tot .cell { display: flex; align-items: center; gap: 8px; padding: 0 14px; background: var(--y-strip); color: #fff; font-weight: 600; font-size: 13px; font-variant-numeric: tabular-nums; }
html.ay5 .fi-panel-admin .y5-tot .er + .cell { margin-left: auto; }
html.ay5 .fi-panel-admin .y5-tot .cell span { font-weight: 400; font-size: 10.5px; opacity: .85; }
html.ay5 .fi-panel-admin .y5-codes { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 5px 10px; border-top: 1px solid var(--y-line2); font-size: 11px; color: var(--y-th); }
html.ay5 .fi-panel-admin .y5-codes .lb { color: var(--y-muted); }
html.ay5 .fi-panel-admin .y5-codes b { font-weight: 600; }
html.ay5 .fi-panel-admin .y5-rules { padding: 8px 10px; border-top: 1px solid var(--y-line); }
html.ay5 .fi-panel-admin .y5-foot { display: flex; align-items: center; gap: 6px; }
html.ay5 .fi-panel-admin .y5-foot .mut { font-size: 10.5px; }
html.ay5 .fi-panel-admin .y5-foot .r { margin-left: auto; display: flex; gap: 6px; }
html.ay5 .fi-panel-admin .y5-t tr.y5-det > td { background: #fff !important; padding: 6px 10px; white-space: normal; }
html.ay5 .fi-panel-admin .y5-credit { margin-left: auto; margin-bottom: 5px; display: flex; border-radius: 6px; overflow: hidden; background: var(--y-strip); color: #fff; font-size: 11px; }
html.ay5 .fi-panel-admin .y5-credit > span { padding: 4px 12px; border-left: 1px solid rgba(255, 255, 255, .25); }
html.ay5 .fi-panel-admin .y5-credit > span:first-child { border-left: 0; color: rgba(255, 255, 255, .85); }
html.ay5 .fi-panel-admin .y5-credit b { font-weight: 600; font-variant-numeric: tabular-nums; }
html.ay5 .fi-panel-admin .y5-pn { border: 1px solid var(--y-line); border-radius: 7px; overflow: hidden; background: #fff; }
html.ay5 .fi-panel-admin .y5-dbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 26px; padding: 0 10px; border-bottom: 1px solid var(--y-soft-line); font-size: 11px; }
html.ay5 .fi-panel-admin .y5-dbar button { background: none; border: 0; color: var(--y-link); cursor: pointer; padding: 0; font-size: 11px; justify-self: start; }
html.ay5 .fi-panel-admin .y5-dbar button:last-child { justify-self: end; }
html.ay5 .fi-panel-admin .y5-dbar button:disabled { opacity: .4; cursor: default; }
html.ay5 .fi-panel-admin .y5-dbar b { font-weight: 600; }
html.ay5 .fi-panel-admin .y5-load { color: var(--y-muted); font-size: 10.5px; margin-left: 6px; }
html.ay5 .fi-panel-admin .y5-btn { height: 22px; padding: 0 10px; border-radius: 5px; border: 1px solid var(--y-field); background: var(--y-btn); color: var(--y-btn-tx); font-size: 11px; font-weight: 500; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; }
html.ay5 .fi-panel-admin .y5-btn:hover { background: linear-gradient(180deg, #FFFFFF, #D9E7F7); }
html.ay5 .fi-panel-admin .y5-btn.on { background: var(--y-strip); border-color: var(--y-blue); color: #fff; }
html.ay5 .fi-panel-admin .y5-btn.go { background: var(--y-go); border-color: #E05D00; color: #fff; }
html.ay5 .fi-panel-admin .y5-btn.go:hover { background: var(--y-go2); }
html.ay5 .fi-panel-admin .y5-btn.red { color: #B42318; background: linear-gradient(180deg, #fff, #FDECEC); border-color: #F1B8B4; }
html.ay5 .fi-panel-admin .y5-scroll { overflow-x: auto; }
html.ay5 .fi-panel-admin .y5-t { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
html.ay5 .fi-panel-admin .y5-t th { height: 24px; padding: 0 8px; background: var(--y-head); color: var(--y-th); font-size: 11px; font-weight: 600; text-align: center; border: 1px solid var(--y-line); border-top: 0; white-space: nowrap; }
html.ay5 .fi-panel-admin .y5-t td { height: 26px; padding: 0 8px; border: 1px solid var(--y-line2); white-space: nowrap; font-size: 11.5px; }
html.ay5 .fi-panel-admin .y5-t tr > :first-child { border-left: 0; }
html.ay5 .fi-panel-admin .y5-t tr > :last-child { border-right: 0; }
html.ay5 .fi-panel-admin .y5-t td[rowspan]:first-child + td, html.ay5 .fi-panel-admin .y5-t tr:not(:first-child) > td:first-child { border-left: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .y5-t :is(th, td).l { text-align: left; }
html.ay5 .fi-panel-admin .y5-t :is(th, td).c { text-align: center; }
html.ay5 .fi-panel-admin .y5-t :is(th, td).r { text-align: right; }
html.ay5 .fi-panel-admin .y5-t .b { font-weight: 600; }
html.ay5 .fi-panel-admin .y5-t > tbody:nth-of-type(even) > tr > td { background: var(--y-zebra); }
html.ay5 .fi-panel-admin .y5-t > tbody:hover > tr:not(.y5-det) > td { background: var(--y-hover); }
html.ay5 .fi-panel-admin .y5-t > tbody.sel > tr:not(.y5-det) > td { background: var(--y-sel); border-color: #F1E3A6; }
html.ay5 .fi-panel-admin .y5-inf { display: inline-grid; place-items: center; width: 13px; height: 13px; border-radius: 3px; background: var(--y-blue); color: #fff; font-size: 9px; font-weight: 700; font-style: italic; margin-right: 5px; vertical-align: -2px; border: 0; cursor: pointer; padding: 0; }
html.ay5 .fi-panel-admin .y5-t .fn { font-weight: 500; color: var(--y-btn-tx); }
html.ay5 .fi-panel-admin .y5-t sup.plus { color: #B42318; font-size: 9px; margin-left: 1px; }
html.ay5 .fi-panel-admin .y5-rad { width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid #9DB3CF; background: #fff; padding: 0; cursor: pointer; display: inline-block; vertical-align: middle; box-sizing: border-box; }
html.ay5 .fi-panel-admin .y5-rad.on { border: 4px solid var(--y-blue); }
html.ay5 .fi-panel-admin .y5-rad i { display: none; }
html.ay5 .fi-panel-admin .y5-fare { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; padding: 2px 0; cursor: pointer; color: var(--y-ink); font-size: 11.5px; }
html.ay5 .fi-panel-admin .y5-fare .y5-ro { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #9DB3CF; background: #fff; flex: none; box-sizing: border-box; }
html.ay5 .fi-panel-admin .y5-fare.on .y5-ro { border: 4px solid var(--y-blue); }
html.ay5 .fi-panel-admin .y5-fare b { font-weight: 500; }
html.ay5 .fi-panel-admin .y5-fare.on b { color: #9A3B00; font-weight: 600; }
html.ay5 .fi-panel-admin .y5-fare b.sm { font-size: 10.5px; font-weight: 400; color: var(--y-muted); }
html.ay5 .fi-panel-admin .y5-fare .seat { color: #C2410C; font-size: 10px; }
html.ay5 .fi-panel-admin .y5-fare:hover b { text-decoration: underline; }
html.ay5 .fi-panel-admin .y5-t tr.y5-det > td { background: #fff !important; padding: 6px 10px; white-space: normal; }
html.ay5 .fi-panel-admin .y5-sk { display: inline-block; width: 64px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, #EEF3FA, #DCE6F3, #EEF3FA); }
html.ay5 .fi-panel-admin .y5-empty { text-align: center; padding: 20px !important; color: var(--y-muted); height: auto !important; }
html.ay5 .fi-panel-admin .y5-empty b { color: var(--y-ink); }

/* passengers step: the chosen flight in one slim panel, small passport box and terms */
html.ay5 .fi-panel-admin .fz-sum { border: 1px solid var(--y-line) !important; border-radius: 7px !important; box-shadow: none !important; padding: 6px 10px !important; background: #fff !important; }
html.ay5 .fi-panel-admin .fz-sum-row { gap: 12px !important; align-items: center !important; }
html.ay5 .fi-panel-admin .fz-sum-fl, html.ay5 .fi-panel-admin .fz-sum-fl * { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .fz-sum-fl .tm { font-size: 13px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .fz-sum-cls b { font-size: 14px !important; font-weight: 600 !important; }
html.ay5 .fi-panel-admin .fz-sum-cls :is(small, span:not(.fz-pill)) { font-size: 10.5px !important; }
html.ay5 .fi-panel-admin .fz-sum .fz-pill { border-radius: 3px !important; font-size: 10px !important; }
html.ay5 .fi-panel-admin .fz-sum-act :is(a, button), html.ay5 .fi-panel-admin .fz-sum .fz-link { font-size: 11px !important; }
html.ay5 .fi-panel-admin .fz-sum-act .fz-band-edit { height: 22px !important; padding: 0 10px !important; border-radius: 5px !important; border: 1px solid var(--y-field) !important; background: var(--y-btn) !important; color: var(--y-btn-tx) !important; box-shadow: none !important; }
html.ay5 .fi-panel-admin .fz-sum-feat { margin-top: 6px !important; padding-top: 6px !important; border-color: var(--y-line2) !important; }
html.ay5 .fi-panel-admin .fz-feat li { font-size: 11px !important; gap: 4px !important; }
html.ay5 .fi-panel-admin .fz-feat li svg { width: 13px !important; height: 13px !important; }
html.ay5 .fi-panel-admin .fzp-box { padding: 6px 8px !important; border-radius: 6px !important; border-color: var(--y-soft-line) !important; background: var(--y-soft) !important; }
html.ay5 .fi-panel-admin .fzp-btn { height: 24px !important; padding: 0 12px !important; border-radius: 5px !important; font-size: 11.5px !important; background: var(--y-strip) !important; box-shadow: none !important; }
html.ay5 .fi-panel-admin .fzp-paste { height: 24px !important; min-height: 24px !important; font-size: 11px !important; border-radius: 4px !important; border-color: var(--y-field) !important; padding: 0 8px !important; }
html.ay5 .fi-panel-admin :is(.fzp-hint, .fzp-status) { font-size: 10.5px !important; margin-top: 4px !important; }
html.ay5 .fi-panel-admin .fz-terms { border-radius: 6px !important; border-color: var(--y-line) !important; }
html.ay5 .fi-panel-admin .fz-terms summary, html.ay5 .fi-panel-admin .fz-terms summary * { font-size: 11.5px !important; }
html.ay5 .fi-panel-admin .fz-terms summary { padding: 6px 10px !important; }
html.ay5 .fi-panel-admin .fz-confirm, html.ay5 .fi-panel-admin .fz-confirm * { font-size: 11.5px !important; }

/* ---------- staff home (sky-home view): greeting and four figures on the sky, then one window: folder tabs, the search with the
   label left of each field, small notes, two gridded tables under blue strips ---------- */
html.ay5 .fi-panel-admin .fi-page:has(.sh) .fi-header { display: none !important; }
html.ay5 .fi-panel-admin .sh { display: grid; gap: 8px; font-size: 11.5px; color: var(--y-ink); }
html.ay5 .fi-panel-admin .sh a { text-decoration: none; }
html.ay5 .fi-panel-admin .sh svg.sh-i { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
html.ay5 .fi-panel-admin .sh-hero { display: flex; align-items: flex-end; gap: 24px; padding: 14px 2px 2px; color: #fff; }
html.ay5 .fi-panel-admin .sh-eb { font-size: 11px; color: rgba(255, 255, 255, .7); }
html.ay5 .fi-panel-admin .sh-hero h1 { margin: 1px 0 0; font-size: 19px; font-weight: 500; letter-spacing: -.005em; line-height: 1.25; }
html.ay5 .fi-panel-admin .sh-stats { margin-left: auto; display: flex; }
html.ay5 .fi-panel-admin .sh-st { padding: 0 16px; border-left: 1px solid rgba(255, 255, 255, .18); color: #fff; }
html.ay5 .fi-panel-admin .sh-st:first-child { border-left: 0; }
html.ay5 .fi-panel-admin .sh-st span { display: block; font-size: 10.5px; color: rgba(255, 255, 255, .68); }
html.ay5 .fi-panel-admin .sh-st b { display: block; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ay5 .fi-panel-admin .sh-st b small { font-size: 10px; opacity: .7; margin-right: 3px; font-weight: 400; }
html.ay5 .fi-panel-admin .sh-st b em { font-style: normal; font-size: 10.5px; color: #FFB4A8; margin-left: 4px; font-weight: 400; }
html.ay5 .fi-panel-admin .sh-st.neg b { color: #FFB4A8; }
html.ay5 .fi-panel-admin .sh-win { background: rgba(255, 255, 255, .97); border-radius: 10px; padding: 10px; box-shadow: 0 22px 44px -28px rgba(4, 16, 40, .6); display: grid; gap: 8px; }
html.ay5 .fi-panel-admin .sh-tabs { display: flex; align-items: flex-end; gap: 3px; border-bottom: 2px solid var(--y-blue); margin-bottom: 8px; }
html.ay5 .fi-panel-admin .sh-tab { height: 30px; padding: 0 18px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--y-tabline); border-bottom: 0; border-radius: 7px 7px 0 0;
    background: var(--y-tab); color: var(--y-lab); font-weight: 500; font-size: 11.5px; cursor: pointer; }
html.ay5 .fi-panel-admin .sh-tab:hover { background: linear-gradient(180deg, #FFFFFF, #D9E7F7); }
html.ay5 .fi-panel-admin .sh-tab.on { background: var(--y-strip); border-color: var(--y-blue); color: #fff; }
html.ay5 .fi-panel-admin .sh-trip { display: flex; gap: 16px; align-items: center; margin-bottom: 8px; font-size: 11.5px; }
html.ay5 .fi-panel-admin .sh-trip label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
html.ay5 .fi-panel-admin .sh-trip input { accent-color: var(--y-blue); width: 12px; height: 12px; margin: 0; }
html.ay5 .fi-panel-admin .sh-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; padding: 8px 10px; border: 1px solid var(--y-soft-line); border-radius: 6px; background: var(--y-soft); }
html.ay5 .fi-panel-admin .sh-f { display: inline-flex; align-items: center; gap: 6px; }
html.ay5 .fi-panel-admin .sh-f > span { font-size: 11px; color: var(--y-lab); white-space: nowrap; }
html.ay5 .fi-panel-admin .sh-f > span em { color: #D92D20; font-style: normal; margin-left: 2px; }
html.ay5 .fi-panel-admin .sh-f[style*="display: none"] { display: none !important; }
html.ay5 .fi-panel-admin .sh-f :is(select, input) { height: 24px !important; border: 1px solid var(--y-field) !important; border-radius: 4px !important; background-color: #fff !important; padding: 0 7px !important; margin: 0;
    font-size: 11.5px !important; color: var(--y-ink); box-shadow: none !important; line-height: 22px; }
html.ay5 .fi-panel-admin .sh-f select { padding-right: 24px !important; background-position: right 4px center !important; background-size: 14px !important; }
html.ay5 .fi-panel-admin .sh-f :is(select, input):focus { border-color: var(--y-blue) !important; box-shadow: 0 0 0 2px rgba(42, 111, 196, .18) !important; outline: 0; }
html.ay5 .fi-panel-admin .sh-f.c select { width: 170px; }
html.ay5 .fi-panel-admin .sh-f.d input { width: 128px; }
html.ay5 .fi-panel-admin .sh-f.p select { width: 100px; }
html.ay5 .fi-panel-admin .sh-f.o select { width: 210px; }
html.ay5 .fi-panel-admin .sh-f.q { flex: 1; }
html.ay5 .fi-panel-admin .sh-f.q input { flex: 1; min-width: 0; letter-spacing: .04em; }
html.ay5 .fi-panel-admin .sh-sw { width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--y-field); display: grid; place-items: center; color: var(--y-btn-tx); margin: 0 -14px; background: var(--y-btn); cursor: pointer; padding: 0; flex: none; }
html.ay5 .fi-panel-admin .sh-sw svg.sh-i { width: 11px; height: 11px; }
html.ay5 .fi-panel-admin .sh-go { height: 26px; padding: 0 18px; border-radius: 5px; background: var(--y-go); border: 1px solid #E05D00; color: #fff; font-weight: 500; font-size: 12px; display: inline-flex; align-items: center; gap: 6px; margin-left: auto; white-space: nowrap; cursor: pointer; }
html.ay5 .fi-panel-admin .sh-go:hover { background: var(--y-go2); }
html.ay5 .fi-panel-admin .sh-alerts { display: flex; flex-wrap: wrap; gap: 6px; }
html.ay5 .fi-panel-admin .sh-alert { display: inline-flex; align-items: center; gap: 7px; height: 24px; padding: 0 10px 0 8px; border-radius: 4px; background: #FFF4F2; border: 1px solid #F6C9C3; color: var(--y-ink); font-size: 11px; }
html.ay5 .fi-panel-admin .sh-alert.warn { background: #FFF8E6; border-color: #F1DDA0; }
html.ay5 .fi-panel-admin .sh-alert i { width: 7px; height: 7px; border-radius: 50%; background: #D92D20; }
html.ay5 .fi-panel-admin .sh-alert.warn i { background: #E89A0C; }
html.ay5 .fi-panel-admin .sh-alert b { font-weight: 600; }
html.ay5 .fi-panel-admin .sh-alert a { color: var(--y-link); font-weight: 500; }
html.ay5 .fi-panel-admin .sh-two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: start; }
html.ay5 .fi-panel-admin .sh-pn { border: 1px solid var(--y-line); border-radius: 7px; overflow: hidden; background: #fff; min-width: 0; }
html.ay5 .fi-panel-admin .sh-ph { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 10px; background: var(--y-strip); color: #fff; }
html.ay5 .fi-panel-admin .sh-ph h2 { margin: 0; font-size: 11.5px; font-weight: 600; }
html.ay5 .fi-panel-admin .sh-ph .n { font-size: 10px; color: #fff; background: #D92D20; border-radius: 3px; padding: 0 6px; line-height: 16px; font-weight: 600; }
html.ay5 .fi-panel-admin .sh-ph .n.ok { background: rgba(255, 255, 255, .25); }
html.ay5 .fi-panel-admin .sh-ph a { margin-left: auto; height: 20px; padding: 0 10px; border-radius: 4px; background: rgba(255, 255, 255, .96); color: var(--y-link); font-size: 10.5px; font-weight: 500; display: inline-flex; align-items: center; gap: 3px; }
html.ay5 .fi-panel-admin .sh-ph a svg.sh-i { width: 11px; height: 11px; }
html.ay5 .fi-panel-admin .sh-t { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; table-layout: auto; }
html.ay5 .fi-panel-admin .sh-t th { height: 24px; padding: 0 8px; background: var(--y-head); color: var(--y-th); font-size: 11px; font-weight: 600; text-align: center; border: 1px solid var(--y-line); border-top: 0; white-space: nowrap; }
html.ay5 .fi-panel-admin .sh-t td { height: 30px; padding: 2px 8px; border: 1px solid var(--y-line2); font-size: 11.5px; white-space: nowrap; }
html.ay5 .fi-panel-admin .sh-t tr > :first-child { border-left: 0; }
html.ay5 .fi-panel-admin .sh-t tr > :last-child { border-right: 0; }
html.ay5 .fi-panel-admin .sh-t tbody tr:last-child td { border-bottom: 0; }
html.ay5 .fi-panel-admin .sh-t tbody tr:nth-child(odd) td { background: var(--y-zebra); }
html.ay5 .fi-panel-admin .sh-t tbody tr:hover td { background: var(--y-hover); }
html.ay5 .fi-panel-admin .sh-t :is(th, td).l { text-align: left; }
html.ay5 .fi-panel-admin .sh-t :is(th, td).c { text-align: center; }
html.ay5 .fi-panel-admin .sh-t :is(th, td).r { text-align: right; }
html.ay5 .fi-panel-admin .sh-t .mut { color: var(--y-muted); font-size: 11px; }
html.ay5 .fi-panel-admin .sh-cut { max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
html.ay5 .fi-panel-admin .sh-pnr { font-weight: 600; letter-spacing: .05em; }
html.ay5 .fi-panel-admin .sh-ref { font-weight: 600; letter-spacing: .04em; color: var(--y-link); }
html.ay5 .fi-panel-admin .sh-sub { font-size: 10px; color: var(--y-muted); font-weight: 400; }
html.ay5 .fi-panel-admin .sh-rt { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; }
html.ay5 .fi-panel-admin .sh-rt svg { width: 11px; height: 11px; fill: var(--y-blue); transform: rotate(90deg); flex: none; }
html.ay5 .fi-panel-admin .sh-tl { font-size: 11px; line-height: 1.25; color: var(--y-ink); }
html.ay5 .fi-panel-admin .sh-tl.late { color: #B42318; font-weight: 500; }
html.ay5 .fi-panel-admin .sh-tl span { display: block; color: var(--y-muted); font-size: 10px; font-weight: 400; }
html.ay5 .fi-panel-admin .sh-iss { height: 22px; padding: 0 12px; border-radius: 5px; background: var(--y-go); border: 1px solid #E05D00; color: #fff; font-size: 11px; font-weight: 500; display: inline-flex; align-items: center; }
html.ay5 .fi-panel-admin .sh-iss.open { background: var(--y-btn); border-color: var(--y-field); color: var(--y-btn-tx); }
html.ay5 .fi-panel-admin .sh-tag { font-size: 9.5px; font-weight: 600; letter-spacing: .05em; border-radius: 3px; padding: 0 6px; line-height: 16px; display: inline-block; background: #EEF2F7; color: #33415A; }
html.ay5 .fi-panel-admin .sh-tag.ohd { background: #FFEBD5; color: #B54708; }
html.ay5 .fi-panel-admin .sh-tag.tkt { background: #DDF5E6; color: #05603A; }
html.ay5 .fi-panel-admin .sh-tag:is(.cnx, .ohdcnx, .rf) { background: #EEF2F7; color: var(--y-muted); }
html.ay5 .fi-panel-admin .sh-tag.alert { background: #FDECEC; color: #B42318; }
html.ay5 .fi-panel-admin .sh-amt { font-weight: 600; }
html.ay5 .fi-panel-admin .sh-amt.none { color: var(--y-muted); font-weight: 400; }
html.ay5 .fi-panel-admin .sh-amt .fz-sub { font-size: 10px; color: var(--y-muted); margin-left: 2px; font-weight: 400; }
html.ay5 .fi-panel-admin .sh-t td.sh-empty { padding: 12px 10px; color: var(--y-muted); text-align: center; white-space: normal; background: #fff !important; }
html.ay5 .fi-panel-admin .sh-foot { padding: 5px 10px; border-top: 1px solid var(--y-line2); color: var(--y-muted); font-size: 10.5px; background: var(--y-soft); }
@media (max-width: 1100px) {
    html.ay5 .fi-panel-admin .sh-hero { flex-wrap: wrap; } html.ay5 .fi-panel-admin .sh-stats { margin-left: 0; flex-wrap: wrap; row-gap: 8px; }
    html.ay5 .fi-panel-admin .sh-st:first-child { padding-left: 0; }
    html.ay5 .fi-panel-admin .sh-two { grid-template-columns: 1fr; }
    html.ay5 .fi-panel-admin .sh-pn { overflow-x: auto; }
}

/* ---------- Find reservation, exactly like mockup z2: folder tab + office balance, "Search reservation" panel, one reservation
   panel (title strip, facts grid, small buttons in two groups, folder tabs, gridded parts) ---------- */
html.ay5 .fi-panel-admin .y5f .y5-st,
html.ay5 .fi-panel-admin .y5-resbox .y5-st { display: flex; align-items: center; gap: 8px; min-height: 28px; padding: 2px 10px; background: var(--y-strip); color: #fff; font-size: 11.5px; font-weight: 600; }
html.ay5 .fi-panel-admin :is(.y5f, .y5-resbox) .y5-st .m { margin-left: auto; font-weight: 400; color: rgba(255, 255, 255, .88); }
html.ay5 .fi-panel-admin .y5-fs { display: flex; align-items: center; gap: 8px 20px; padding: 8px 10px; flex-wrap: wrap; }
html.ay5 .fi-panel-admin .y5-ck { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
html.ay5 .fi-panel-admin .y5-ck input { accent-color: var(--y-blue); width: 12px; height: 12px; margin: 0; }
html.ay5 .fi-panel-admin .y5-by { display: inline-flex; gap: 12px; align-items: center; flex-wrap: wrap; }
html.ay5 .fi-panel-admin .y5-by .lab { color: var(--y-lab); }
html.ay5 .fi-panel-admin .y5-fl .w220 { width: 230px; text-transform: uppercase; }
html.ay5 .fi-panel-admin .y5-reset { margin-left: auto; }

html.ay5 .fi-panel-admin .y5-resbox { display: grid; gap: 8px; border: 1px solid var(--y-line); border-radius: 7px; overflow: hidden; background: #fff; padding-bottom: 8px; min-width: 0; }
html.ay5 .fi-panel-admin .y5-resbox > * { margin-inline: 8px; min-width: 0; }
html.ay5 .fi-panel-admin .y5-resbox > .fv-hero { margin-inline: 0; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html.ay5 .fi-panel-admin .y5-resbox > .fv-tabs { margin-inline: 0; padding-left: 8px; }
html.ay5 .fi-panel-admin .y5-kv { display: grid; grid-template-columns: auto minmax(0, 1.1fr) auto minmax(0, 1fr) auto minmax(0, 1.25fr) auto minmax(0, .9fr); gap: 5px 12px; padding: 8px 10px; align-items: center; border-bottom: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .y5-kv > span { color: var(--y-lab); font-size: 11px; white-space: nowrap; }
html.ay5 .fi-panel-admin .y5-kv > b { font-weight: 600; color: var(--y-ink); min-width: 0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
html.ay5 .fi-panel-admin .y5-kv .fv-tag { font-size: 9.5px; padding: 1px 7px; letter-spacing: .06em; text-transform: uppercase; border-radius: 3px; }
html.ay5 .fi-panel-admin .y5-copy { height: 18px; padding: 0 6px; border: 1px solid var(--y-field); border-radius: 4px; background: var(--y-btn); color: var(--y-btn-tx); font: inherit; font-size: 10px; font-weight: 500; cursor: pointer; }
html.ay5 .fi-panel-admin .y5-kv .warn { color: #B54708; font-weight: 500; }
html.ay5 .fi-panel-admin .y5-kv .neg { color: #B42318; font-weight: 500; }
html.ay5 .fi-panel-admin .y5-kv .y5-mut { color: var(--y-muted); font-weight: 400; }
@media (max-width: 1100px) { html.ay5 .fi-panel-admin .y5-kv { grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr); } }

/* the buttons: small light buttons, no icons, "Airline" and "Ticket & PNR" as words before each group */
html.ay5 .fi-panel-admin .fv-hero .fv-acts { padding: 6px 10px; gap: 8px 10px; background: #fff; align-items: center; border-bottom: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .fv-acts.fv-groups { gap: 6px 0; }
html.ay5 .fi-panel-admin .fv-acts .fv-grp { flex-direction: row; align-items: center; gap: 6px; background: none; border: 0; border-radius: 0; padding: 0 12px; }
html.ay5 .fi-panel-admin .fv-acts .fv-grp:first-child { padding-left: 0; }
html.ay5 .fi-panel-admin .fv-acts .fv-grp + .fv-grp { border-left: 1px solid var(--y-line); }
html.ay5 .fi-panel-admin .fv-acts .fv-gl { font-size: 11px; letter-spacing: 0; text-transform: none; font-weight: 400; color: var(--y-lab); }
html.ay5 .fi-panel-admin .fv-acts .fv-gl svg { display: none; }
html.ay5 .fi-panel-admin .fv-acts .fv-gb { gap: 5px; }
html.ay5 .fi-panel-admin .fv-acts .fv-gb .fv-a.cx { border-left: 0; padding-left: 0; margin-left: 0; }
html.ay5 .fi-panel-admin .fv .fv-a { height: auto; background: none; box-shadow: none; border: 0; }
html.ay5 .fi-panel-admin .fv .fv-a .fi-btn { height: 24px !important; min-height: 24px !important; padding: 0 10px !important; gap: 0 !important; border-radius: 5px !important; border: 1px solid var(--y-field) !important;
    background: var(--y-btn) !important; color: var(--y-btn-tx) !important; font-size: 11.5px !important; font-weight: 500 !important; box-shadow: none !important; filter: none !important; }
html.ay5 .fi-panel-admin .fv .fv-a .fi-btn:hover { background: linear-gradient(180deg, #FFFFFF, #D9E7F7) !important; }
html.ay5 .fi-panel-admin .fv .fv-a .fi-btn :is(span, .fi-btn-label) { color: inherit !important; }
html.ay5 .fi-panel-admin .fv .fv-a .fi-btn :is(.fi-icon, svg) { display: none !important; }
html.ay5 .fi-panel-admin .fv .fv-a:is(.cx, [style*="fv-red"]) .fi-btn { color: #B42318 !important; background: linear-gradient(180deg, #fff, #FDECEC) !important; border-color: #F1B8B4 !important; }
html.ay5 .fi-panel-admin .fv .fv-grp[aria-label="Ticket and PNR"] .fv-gb > .fv-a:first-child .fi-btn { background: var(--y-strip) !important; border-color: var(--y-blue) !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fv .fv-a.solid .fi-btn { background: var(--y-go) !important; border-color: #E05D00 !important; color: #fff !important; }
html.ay5 .fi-panel-admin .fv .fv-a.solid .fi-btn:hover { background: var(--y-go2) !important; }
html.ay5 .fi-panel-admin .fv-tab svg.fv-i { display: none; }
html.ay5 .fi-panel-admin .fv .fv-head .fv-hi { display: none; }   /* the strips carry words only, as in the picture */

/* the flight part as a gridded table */
html.ay5 .fi-panel-admin .fv-segs { overflow-x: auto; }
html.ay5 .fi-panel-admin .fv-sg { grid-template-columns: minmax(80px, 1.3fr) minmax(100px, 1.6fr) minmax(120px, 1.6fr) minmax(120px, 1.8fr) minmax(90px, 1.3fr) minmax(60px, .8fr); gap: 0; padding: 0; align-items: stretch; font-size: 11.5px; color: var(--y-ink); }
html.ay5 .fi-panel-admin .fv-sg > * { display: block; padding: 4px 10px; text-align: center; border-left: 1px solid var(--y-line2); line-height: 18px; }
html.ay5 .fi-panel-admin .fv-sg > :first-child { border-left: 0; text-align: left; }
html.ay5 .fi-panel-admin .fv-sg > :nth-child(4) { display: none; }   /* the little plane between From and To */
html.ay5 .fi-panel-admin .fv-sg + .fv-sg { border-top: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .fv-sg-h { padding: 0; background: var(--y-head); color: var(--y-th); font-size: 11px; font-weight: 600; }
html.ay5 .fi-panel-admin .fv-sg-h > * { border-left-color: var(--y-line); }
html.ay5 .fi-panel-admin .fv-sg .fl { color: var(--y-link); }
html.ay5 .fi-panel-admin .fv-sg small { font-size: 11px; color: var(--y-muted); }
html.ay5 .fi-panel-admin .fv-sg .st .fv-tag { font-size: 9.5px; padding: 0 6px; border-radius: 3px; }

/* booking status as label | value rows; the price total in the blue cell */
html.ay5 .fi-panel-admin .fv-kv { padding: 0; }
html.ay5 .fi-panel-admin .fv-kv > div { grid-template-columns: 140px minmax(0, 1fr); gap: 0; padding: 0; border-bottom: 1px solid var(--y-line2); align-items: stretch; }
html.ay5 .fi-panel-admin .fv-kv :is(dt, dd) { padding: 4px 10px; font-size: 11.5px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
html.ay5 .fi-panel-admin .fv-kv dt { color: var(--y-lab); }
html.ay5 .fi-panel-admin .fv-kv dd { font-weight: 500; border-left: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .fv-kv .fv-tag { font-size: 9.5px; padding: 1px 7px; letter-spacing: .06em; text-transform: uppercase; border-radius: 3px; }
html.ay5 .fi-panel-admin .fv-price tr.tot td { background: #fff !important; border-top: 1px solid var(--y-line) !important; }
html.ay5 .fi-panel-admin .fv-price tr.tot td:first-child { font-size: 0 !important; }
html.ay5 .fi-panel-admin .fv-price tr.tot td:first-child small { font-size: 11px; color: var(--y-muted); }
html.ay5 .fi-panel-admin .fv-price tr.tot td.big { background: var(--y-strip) !important; color: #fff !important; font-size: 13px !important; font-weight: 600; white-space: nowrap; }
html.ay5 .fi-panel-admin .fv-price tr.tot td.big::before { content: "Total price\00a0\00a0USD\00a0"; font-size: 10.5px; font-weight: 400; color: rgba(255, 255, 255, .9); }

/* ---------- Office account (Reports > Statement), exactly like mockup z3: one panel with the balances line and the search
   (office, dates, branch in one row with labels before the fields; movement types and quick periods below a dashed line),
   then Movements as one gridded table with Excel / PDF / E-mail PDF on its strip and pages under it ---------- */
html.ay5 .fi-panel-admin .fi-page:has(.y5s) .fz-report-views { display: none; }   /* Statement | Transactions sits on the strip */
html.ay5 .fi-panel-admin .y5s { margin-top: 2px; }
html.ay5 .fi-panel-admin .y5s .y5-st { display: flex; align-items: center; gap: 8px; min-height: 28px; padding: 2px 6px 2px 10px; background: var(--y-strip); color: #fff; font-size: 11.5px; font-weight: 600; }
html.ay5 .fi-panel-admin .y5s .y5-st .m { margin-left: auto; display: flex; gap: 6px; align-items: center; font-weight: 400; }
html.ay5 .fi-panel-admin .y5s a.y5-sbtn { display: inline-flex; align-items: center; text-decoration: none; }
html.ay5 .fi-panel-admin .y5s .y5-sbtn.on { background: #13233F; color: #fff; }
html.ay5 .fi-panel-admin .y5-acct { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; padding: 7px 10px; border-bottom: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .y5-acct .nm { font-weight: 600; color: var(--y-ink); }
html.ay5 .fi-panel-admin .y5-acct > span { display: inline-flex; gap: 6px; align-items: baseline; white-space: nowrap; }
html.ay5 .fi-panel-admin .y5-acct label { color: var(--y-lab); font-size: 11px; }
html.ay5 .fi-panel-admin .y5-acct b { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--y-ink); }
html.ay5 .fi-panel-admin .y5-acct b.pos { color: #067647; }
html.ay5 .fi-panel-admin .y5-acct b.neg { color: #B42318; }
html.ay5 .fi-panel-admin .y5-acct .end { margin-left: auto; color: var(--y-muted); font-size: 11px; }

html.ay5 .fi-panel-admin .y5-sf { display: flex; align-items: center; gap: 12px; padding: 8px 10px 6px; }
html.ay5 .fi-panel-admin .y5-sf-fields { flex: 1; min-width: 0; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-grid { display: flex !important; flex-wrap: wrap; gap: 6px 22px !important; align-items: center; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-grid > * { flex: 0 1 auto; min-width: 0; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-fo-field { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px !important; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-fo-field > * { min-width: 0; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-fo-field-label-col, html.ay5 .fi-panel-admin .y5-sf-fields .fi-fo-field-label-ctn { flex: none; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-fo-field-label-content { font-size: 11px !important; color: var(--y-lab) !important; font-weight: 400 !important; white-space: nowrap; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-fo-field-content-col { flex: none; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-input-wrp { width: 132px; border-radius: 4px !important; box-shadow: inset 0 0 0 1px var(--y-field) !important; }
html.ay5 .fi-panel-admin .y5-sf-fields .fi-fo-select .fi-input-wrp, html.ay5 .fi-panel-admin .y5-sf-fields .fi-input-wrp:has(.fi-select-input) { width: 220px; }
html.ay5 .fi-panel-admin .y5-sf-go { margin-left: auto; flex: none; }
html.ay5 .fi-panel-admin .y5-sf2 { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin: 0 10px; padding: 7px 0 8px; border-top: 1px dashed var(--y-line); }
html.ay5 .fi-panel-admin .y5-sf2 .y5-ck { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
html.ay5 .fi-panel-admin .y5-sf2 .y5-ck input { accent-color: var(--y-blue); width: 12px; height: 12px; margin: 0; }
html.ay5 .fi-panel-admin .y5-per { margin-left: auto; display: inline-flex; gap: 4px; flex-wrap: wrap; }

html.ay5 .fi-panel-admin .y5-mt tr > td:first-child { border-left: 0; }
html.ay5 .fi-panel-admin .y5-mt > tbody > tr:nth-child(even) > td { background: var(--y-zebra); }
html.ay5 .fi-panel-admin .y5-mt > tbody > tr:hover > td { background: var(--y-hover); }
html.ay5 .fi-panel-admin .y5-mt > tbody:hover > tr > td { background: unset; }
html.ay5 .fi-panel-admin .y5-mt td.mut { color: var(--y-muted); }
html.ay5 .fi-panel-admin .y5-mt td.pos { color: #067647; }
html.ay5 .fi-panel-admin .y5-mt tr.open td { font-weight: 500; }
html.ay5 .fi-panel-admin .y5-mt tfoot td { height: 26px; padding: 0 8px; background: var(--y-head); border: 1px solid var(--y-line); color: var(--y-th); font-size: 11.5px; }
html.ay5 .fi-panel-admin .y5-mt td.rm { white-space: normal; min-width: 220px; }
html.ay5 .fi-panel-admin .y5-lnk { color: var(--y-link); }
html.ay5 .fi-panel-admin .y5-lnk:hover { text-decoration: underline; }
html.ay5 .fi-panel-admin .y5-tag { display: inline-block; font-size: 9.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: 1px 7px; border-radius: 3px; border: 1px solid; line-height: 14px; }
html.ay5 .fi-panel-admin .y5-tag.ok { background: #E8F6EC; color: #1F6F43; border-color: #C7E6D1; }
html.ay5 .fi-panel-admin .y5-tag.blue { background: #EAF1FD; color: #1F4FA3; border-color: #C9DAF0; }
html.ay5 .fi-panel-admin .y5-tag.hold { background: #FFF4E5; color: #A04A00; border-color: #F4D7A6; }
html.ay5 .fi-panel-admin .y5-tag.red { background: #FDECEC; color: #B42318; border-color: #F3C9C9; margin-left: 4px; }
html.ay5 .fi-panel-admin .y5-tag.grey { background: #F1F4F8; color: #52607A; border-color: #DCE3EC; }
html.ay5 .fi-panel-admin .y5-more summary { cursor: pointer; list-style: none; }
html.ay5 .fi-panel-admin .y5-more summary::-webkit-details-marker { display: none; }
html.ay5 .fi-panel-admin .y5-more summary::before { content: "▸"; display: inline-block; width: 1em; color: #9AA6BF; }
html.ay5 .fi-panel-admin .y5-more[open] summary::before { content: "▾"; }
html.ay5 .fi-panel-admin .y5-more .y5-trip { margin: 3px 0 4px 1em; font-size: 11px; line-height: 1.55; color: var(--y-ink); }
html.ay5 .fi-panel-admin .y5-pg { display: flex; align-items: center; gap: 8px; padding: 6px 10px; color: var(--y-lab); font-size: 11px; border-top: 1px solid var(--y-line2); }
html.ay5 .fi-panel-admin .y5-pg .r { margin-left: auto; display: inline-flex; gap: 4px; }
html.ay5 .fi-panel-admin .y5-pg button { min-width: 22px; height: 22px; padding: 0 6px; border: 1px solid var(--y-field); border-radius: 4px; background: var(--y-btn); color: var(--y-btn-tx); font: inherit; font-size: 11px; cursor: pointer; }
html.ay5 .fi-panel-admin .y5-pg button.on { background: var(--y-strip); border-color: var(--y-blue); color: #fff; }
html.ay5 .fi-panel-admin .y5-sf2 .y5-ck em { font-style: normal; color: var(--y-muted); font-size: 10.5px; font-variant-numeric: tabular-nums; }

/* ---------- every report's search (shared filters, mockup z3): white panel, fields in one row, Search at the end ---------- */
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint.y5-flt:has(> form) { background: #fff; border-color: var(--y-line); padding: 0 0 2px; overflow: hidden; }
html.ay5 .fi-panel-admin .fi-page-content > .fz-noprint.y5-flt:has(> form)::before { margin: 0; }
html.ay5 .fi-panel-admin .y5-flt .y5-sf { padding: 2px 10px 6px; align-items: flex-start; }
html.ay5 .fi-panel-admin .y5-flt .y5-sf-go { margin-top: 1px; }
html.ay5 .fi-panel-admin .y5-flt .y5-sf2 { gap: 4px; }
html.ay5 .fi-panel-admin .y5-flt a.y5-btn { text-decoration: none; }
html.ay5 .fi-panel-admin .y5-flt .y5-sf-fields .fi-fo-field { display: flex !important; }

/* the number tiles of the reports as one slim line of label and value, like the balances line of the Office account */
html.ay5 .fi-panel-admin .fz-cards { display: flex !important; flex-wrap: wrap; gap: 0 !important; background: #fff; border: 1px solid var(--y-line); border-radius: 7px; overflow: hidden; }
html.ay5 .fi-panel-admin .fz-cards > .fz-card { flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: baseline; gap: 1px 6px; padding: 6px 12px !important; margin: 0 !important; border: 0 !important; border-left: 1px solid var(--y-line2) !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; min-height: 0 !important; }
html.ay5 .fi-panel-admin .fz-cards > .fz-card:first-child { border-left: 0 !important; }
html.ay5 .fi-panel-admin .fz-cards > .fz-card::before { display: none !important; }
html.ay5 .fi-panel-admin .fi-page-content .fz-cards.fz-cards > .fz-card > .fz-value { font-size: 12.5px !important; margin: 0 !important; letter-spacing: 0 !important; white-space: nowrap; }
html.ay5 .fi-panel-admin .fi-page-content .fz-cards.fz-cards > .fz-card > :not(.fz-label):not(.fz-value) { flex-basis: 100%; margin: 0 !important; font-size: 10.5px !important; color: var(--y-muted) !important; line-height: 1.35; }
/* top menu lists (StaffMenu, 2026-10-10): a part of a list is drawn as its own list with a line above; an empty one is never drawn */
html.ay5 .fi-dropdown-panel .fi-dropdown-list:not(:has(.fi-dropdown-list-item)) { display: none !important; }