/* G4-TABS1 + G4-AMT1: one row of tabs — the page's own row that repeats the map strip folds into it; the strip as one bar (default) or darker pills, in
   the theme's colour; the amounts button at the far end of the row. Colours through the theme's tokens (--accent, --panel, --line, --text). */
html body.map1-on #page-statements #statementTabs.tabs1-folded{display:none!important}
html body.map1-on #cfoDataSetup .rc-tabs.tabs1-folded{display:none!important}/* G4-TABS1B */
.map1-strip{gap:8px;padding:8px 16px 4px}
.map1-strip>.tabs1-seg{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}
.tabs1-row{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px}
.tabs1-row>.map1-strip{flex:1 1 auto;min-width:0}
.tabs1-row>.tabs1-amt{margin-inline-start:auto;display:flex;align-items:center;position:relative;padding:8px 16px 4px}
.tabs1-row>.tabs1-amt:empty{display:none}
.map1-strip .map1-chip{min-height:30px;padding:3px 12px;font-size:.88em;line-height:1.3}
/* the bar */
body[data-tabs-look="bar"] .map1-strip>.tabs1-seg{gap:2px;padding:3px;border:1px solid var(--line,#dbe4ee);border-radius:12px;background:var(--panel2,#f7f9fc);background:color-mix(in srgb,var(--accent,#0869c9) 7%,var(--panel,#fff))}
body[data-tabs-look="bar"] .map1-strip .map1-chip{border:0;border-radius:9px;background:transparent;color:var(--text,inherit)}
body[data-tabs-look="bar"] .map1-strip .map1-chip:hover,body[data-tabs-look="bar"] .map1-strip .map1-chip:focus-visible{background:color-mix(in srgb,var(--accent,#0869c9) 14%,transparent)}
/* the pills, a darker tint */
body[data-tabs-look="pills"] .map1-strip .map1-chip{border:1px solid var(--accent,#0869c9);border-color:color-mix(in srgb,var(--accent,#0869c9) 45%,transparent);background:color-mix(in srgb,var(--accent,#0869c9) 10%,var(--panel,#fff));color:var(--text,inherit)}
body[data-tabs-look="pills"] .map1-strip .map1-chip:hover,body[data-tabs-look="pills"] .map1-strip .map1-chip:focus-visible{background:color-mix(in srgb,var(--accent,#0869c9) 20%,var(--panel,#fff))}
/* the current screen in both looks: the theme colour, the text in the page colour (white on a light theme, dark on a dark one) */
body[data-tabs-look] .map1-strip .map1-chip[aria-current="page"]{background:var(--accent,#0869c9);border-color:var(--accent,#0869c9);color:var(--panel,#fff);font-weight:600}
@media (max-width:600px){.map1-strip{padding:6px 10px 2px}.map1-strip>.tabs1-seg{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.map1-strip .map1-chip{flex:0 0 auto}}
/* the amounts menu opens under its button, into the page (the button stands at the far end of the row) */
html body .tabs1-row>.tabs1-amt>.v72-popover{position:absolute!important;top:calc(100% + 6px)!important;bottom:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;left:16px!important;right:auto!important;width:min(380px,calc(100vw - 28px))!important;z-index:10020}
html[dir="ltr"] body .tabs1-row>.tabs1-amt>.v72-popover{left:auto!important;right:16px!important}
@media (max-width:600px){html body .tabs1-row>.tabs1-amt>.v72-popover{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:82px!important;width:auto!important}}