/* ==========================================================================
   Filters — the site standard (owner, 7 Oct 2026: "Filters from statistics.php should be
   the standard for all pages where we have filters")
   --------------------------------------------------------------------------
   ONE look for every page filter, wherever it is printed:
     - the pill picker   details.st-pick > summary.st-pick-btn + .st-pick-menu > .st-pick-opt
                         (stPickerHtml() / stSelectPicker() in includes/stats_pages_ui.php);
     - the sidebar panel .bn-panel.fx-filter-panel.st-filter-panel > h3 (Filters + Reset)
                         > .fx-filter-list.st-filter-list (stFilterPanel());
     - the head chips    .st-chips.fx-chips > .mb-chip.fx-chip (stFilterChip(), and the
                         chips comps-modern.js / stats-modern.js build in the browser);
     - compare.php's own scope controls (.pc-comp / .pc-comp-menu) dressed as the same pill.
   Behaviour: includes/js/filters-std.js. Both files are printed by stFilterAssetTags()
   (stAssetTags() for the statistics family) inside #main-content, so they travel with the
   page under soft navigation.

   Colours are the My Benfica tokens when the page has them (.mb-modern), else the theme's
   own tokens with the same values (light, dark and every skin), so the pieces look the
   same on any page — and on <body>, where compare.php parks an open menu.

   A. tokens  B. the pill picker  C. the Filters panel  D. chips  E. compare.php's scope
   controls  F. phones  G. reduced motion
   ========================================================================== */

/* ==========================================================================
   A. Tokens (--fs-*): the page's --mb-* value when there is one, else the same formula
   ========================================================================== */
.st-pick, .st-filter-panel, .st-chips, .fx-chips-actions, .fx-chip, .pc-comp-menu {
    --fs-card-bg: var(--mb-card-bg, var(--theme-surface, var(--bs-body-bg)));
    --fs-soft: var(--mb-soft, var(--theme-surface-2, var(--bs-tertiary-bg)));
    --fs-soft-2: var(--mb-soft-2, var(--theme-surface-3, var(--bs-secondary-bg)));
    --fs-line: var(--mb-line, var(--theme-border, var(--bs-border-color)));
    --fs-ring: var(--mb-ring, rgba(0, 0, 0, .07));
    --fs-shadow: var(--mb-shadow, var(--theme-shadow, 0 10px 30px rgba(0, 0, 0, .06)));
    --fs-radius-sm: var(--mb-radius-sm, .7rem);
    --fs-ink: var(--mb-ink, var(--theme-ink, var(--bs-body-color)));
    --fs-muted: var(--mb-muted, var(--theme-ink-muted, var(--bs-secondary-color)));
    --fs-primary: var(--mb-primary, var(--theme-primary, var(--bs-primary)));
    --fs-primary-rgb: var(--mb-primary-rgb, var(--theme-primary-rgb, 200, 16, 46));
    --fs-primary-ink: var(--mb-primary-ink, color-mix(in oklab, var(--fs-primary) 80%, var(--fs-ink)));
    --fs-accent: var(--theme-accent, var(--slb-gold, #f4b223));
    --fs-on: var(--mb-on, var(--theme-on-primary, #fff));
    --fs-ease: var(--mb-ease, var(--ease-out, cubic-bezier(.2, .8, .2, 1)));
}
[data-bs-theme="dark"] :is(.st-pick, .st-filter-panel, .st-chips, .fx-chips-actions, .fx-chip, .pc-comp-menu) {
    --fs-card-bg: var(--mb-card-bg, var(--bs-tertiary-bg, var(--theme-surface-2)));
    --fs-soft: var(--mb-soft, color-mix(in oklab, var(--theme-ink, #fff) 6%, var(--fs-card-bg)));
    --fs-soft-2: var(--mb-soft-2, color-mix(in oklab, var(--theme-ink, #fff) 11%, var(--fs-card-bg)));
    --fs-line: var(--mb-line, color-mix(in oklab, var(--theme-ink, #fff) 12%, transparent));
    --fs-ring: var(--mb-ring, rgba(255, 255, 255, .08));
    --fs-shadow: var(--mb-shadow, var(--theme-shadow, 0 10px 30px rgba(0, 0, 0, .3)));
    --fs-primary-ink: var(--mb-primary-ink, var(--theme-link, var(--fs-ink)));
}

/* ==========================================================================
   B. The pill picker (the season picker's look), its menu under it
   ========================================================================== */
.st-picks { display: inline-flex; align-items: center; gap: .35rem; min-width: 0; }
.st-pick { position: relative; flex: 0 1 auto; min-width: 0; }
.st-pick > summary { list-style: none; }
.st-pick > summary::-webkit-details-marker { display: none; }
.st-pick .st-pick-btn {
    display: inline-flex; align-items: center; gap: .35rem; max-width: 15rem; min-width: 0; margin: 0;
    padding: .24rem .7rem; border: 1px solid color-mix(in oklab, var(--fs-line) 70%, transparent); border-radius: 999px;
    background: var(--fs-soft); color: var(--fs-ink);
    font-size: .74rem; font-weight: 800; line-height: 1.3; white-space: nowrap; cursor: pointer; user-select: none;
    box-shadow: none; transition: background-color .2s ease, border-color .2s ease;
}
.st-pick .st-pick-btn:hover { background: var(--fs-soft-2); }
.st-pick .st-pick-btn:focus-visible { outline: 2px solid var(--fs-primary); outline-offset: 2px; }
.st-pick[open] > .st-pick-btn { background: var(--fs-primary); border-color: transparent; color: var(--fs-on); }
/* Icons are the site gold (owner, 7 Oct); on the open (solid primary) pill, the accent-on-primary. */
.st-pick .st-pick-ico { color: var(--fs-accent); font-size: .85em; }
.st-pick[open] .st-pick-ico { color: var(--theme-accent-on-primary, var(--fs-on)); }
.st-pick .st-pick-txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.st-pick .st-pick-caret { font-size: .62rem; opacity: .7; transition: transform .2s var(--fs-ease); }
.st-pick[open] .st-pick-caret { transform: rotate(180deg); }
.st-pick .st-pick-menu {
    position: absolute; top: calc(100% + .35rem); right: 0; z-index: 1030;
    display: flex; flex-direction: column; gap: .1rem;
    width: max-content; min-width: 11rem; max-width: min(20rem, calc(100vw - 2rem)); max-height: min(20rem, 60vh); overflow-y: auto;
    margin: 0; padding: .3rem;
    border: 1px solid var(--fs-ring); border-radius: var(--fs-radius-sm);
    background: var(--fs-card-bg); box-shadow: var(--fs-shadow), 0 12px 28px rgba(0, 0, 0, .12);
}
.st-pick .st-pick-opt {
    display: flex; align-items: center; gap: .45rem; width: 100%; margin: 0;
    padding: .38rem .55rem; border: 0; border-radius: .5rem; background: transparent; box-shadow: none;
    color: var(--fs-ink); font-size: .8rem; font-weight: 700; line-height: 1.5; text-align: left; text-decoration: none; white-space: nowrap; cursor: pointer;
}
.st-pick .st-pick-opt > span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.st-pick .st-pick-opt:hover { background: var(--fs-soft); color: var(--fs-ink); }
.st-pick .st-pick-opt.is-on { background: rgba(var(--fs-primary-rgb), .1); color: var(--fs-primary-ink); }
.st-pick .st-pick-opt > i { font-size: .7rem; }
/* Logos and crests (the competition's own logo, our crest — owner, 7 Oct 2026): bare, never
   on a tile; an option without one keeps a gold icon in the same 18px slot so names line up. */
.st-pick .st-pick-logo, .st-pick .st-pick-opt img {
    width: 18px; height: 18px; object-fit: contain; flex: 0 0 auto;
    margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
}
.st-pick .st-pick-btn img.st-pick-ico { width: 1.3em; height: 1.3em; }
.st-pick .st-pick-opt > .st-pick-logo-ico { flex: 0 0 18px; width: 18px; text-align: center; font-size: .78rem; color: var(--fs-accent); }
.fx-chip .fx-chip-logo {
    width: 14px; height: 14px; object-fit: contain; flex: 0 0 auto;
    margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
}
/* Dark logos (UEFA's black artwork) would vanish on a dark card: a faint light outline. */
[data-bs-theme="dark"] :is(.st-pick .st-pick-logo, .st-pick .st-pick-opt img, .fx-chip .fx-chip-logo) { filter: drop-shadow(0 0 1px rgba(255, 255, 255, .45)); }
/* A page filter (stSelectPicker): the options drive a hidden <select> the page's script reads. */
.st-pick > select[data-st-select] { display: none !important; }
.st-pick.is-busy > .st-pick-btn { opacity: .75; }

/* ==========================================================================
   C. The sidebar "Filters" panel: first in the sidebar (and the phone drawer); the
      pickers as full-width pills; "Reset" in its head while a filter is set
   ========================================================================== */
.bn-aside .st-filter-panel { padding-bottom: .75rem; }
.st-filter-panel h3 .fx-reset-wrap { order: 10; flex: 0 0 auto; margin-left: -.4rem; display: inline-flex; }
.st-filter-panel h3 .fx-reset-wrap:empty { display: none; }
.st-filter-panel h3 .fx-reset {
    margin: 0; padding: 0; border: 0; background: none; box-shadow: none; cursor: pointer;
    color: var(--fs-primary-ink); font-size: .74rem; font-weight: 800; line-height: 1.3; text-decoration: none; white-space: nowrap; text-transform: none; letter-spacing: 0;
}
.st-filter-panel h3 .fx-reset:hover { text-decoration: underline; }
.st-filter-panel h3 .fx-reset[hidden] { display: none; }
.st-filter-panel .st-filter-list { display: flex; flex-direction: column; gap: .4rem; }
.st-change-form { display: inline-flex; margin: 0; padding: 0; }
.st-filter-list .st-pick { display: block; width: 100%; }
.st-filter-list .st-pick .st-pick-btn {
    display: flex; width: 100%; max-width: none; padding: .38rem .8rem; height: auto; min-height: 0;
    font-size: .74rem; font-weight: 800; line-height: 1.3;
}
.st-filter-list .st-pick .st-pick-txt { display: inline; flex: 1 1 auto; text-align: left; }
.st-filter-list .st-pick .st-pick-caret { margin-left: auto; color: var(--fs-muted); font-size: .55rem; }
.st-filter-list .st-pick[open] .st-pick-caret { color: inherit; }
.st-filter-list .st-pick .st-pick-menu { left: 0; right: 0; width: auto; min-width: 0; max-width: none; }

/* ==========================================================================
   D. The head's active-filter chips: My Benfica's .mb-chip, the filter's icon, an ✕
   ========================================================================== */
.st-chips { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: .3rem; min-width: 0; }
.st-chips[hidden], .st-chips:empty { display: none !important; }
.bn-section-head > .fx-chips-actions { flex-wrap: wrap; justify-content: flex-end; gap: .3rem; min-width: 0; }
.bn-section-head > .fx-chips-actions[hidden], .bn-section-head > .fx-chips-actions:not(:has(.fx-chip)) { display: none !important; }
.fx-chip.mb-chip, .fx-chip {
    display: inline-flex; align-items: center; gap: .3rem; max-width: 100%; margin: 0;
    border: 1px solid rgba(var(--fs-primary-rgb), .25); border-radius: 999px; background: rgba(var(--fs-primary-rgb), .08);
    color: var(--fs-ink); font-size: .72rem; font-weight: 800; line-height: 1.3; white-space: nowrap; padding: .2rem .5rem .2rem .6rem;
    cursor: pointer; box-shadow: none; text-decoration: none; transition: background-color .2s ease;
}
.fx-chip:hover { background: rgba(var(--fs-primary-rgb), .14); color: var(--fs-ink); }
.fx-chip:focus-visible { outline: 2px solid var(--fs-primary); outline-offset: 1px; }
/* The filter's icon in the site gold (owner: icons are var(--theme-accent)); the ✕ muted. */
.bn-section-head .fx-chip i, .fx-chip i { color: var(--fs-accent) !important; font-size: .8em !important; width: auto !important; }
.bn-section-head .fx-chip .fx-chip-x, .fx-chip .fx-chip-x { color: var(--fs-muted) !important; margin-left: .1rem; }
.fx-chip:hover .fx-chip-x { color: var(--fs-ink) !important; }
.fx-chip-txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; }
/* Head controls are ONE size (owner, 6 Oct: --bn-ctl-h). */
html body .bn-section-head .bn-head-actions .fx-chip { height: var(--bn-ctl-h, 1.875rem); box-sizing: border-box; padding-top: 0; padding-bottom: 0; }

/* ==========================================================================
   E. compare.php: the comparison's own scope controls (.pc-comp, driven by each view's
      script) in the Filters panel, dressed exactly as the pill picker; their menus
      (parked on <body> while open) as the picker's menu, the chosen option checked
      (stats-modern.js marks it)
   ========================================================================== */
.st-filter-panel .st-filter-list .pc-scope { display: flex; flex-direction: column; align-items: stretch; gap: .4rem; width: 100%; max-width: none; }
.st-filter-panel .st-filter-list .pc-scope .pc-comp { display: block; width: 100%; max-width: none; flex: 0 0 auto; }
.st-filter-panel .st-filter-list .pc-scope .pc-comp-btn,
.st-filter-panel .st-filter-list .pc-comp-btn {
    display: flex; align-items: center; width: 100%; max-width: none; min-width: 0; justify-content: normal; text-align: start; gap: .35rem;
    margin: 0; padding: .38rem .8rem; height: auto; min-height: 0;
    border: 1px solid color-mix(in oklab, var(--fs-line) 70%, transparent); border-radius: 999px;
    background: var(--fs-soft); color: var(--fs-ink); box-shadow: none;
    font-size: .74rem; font-weight: 800; line-height: 1.3; white-space: nowrap; cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
.st-filter-panel .st-filter-list .pc-scope .pc-comp-btn:hover, .st-filter-panel .st-filter-list .pc-comp-btn:hover { background: var(--fs-soft-2); color: var(--fs-ink); }
.st-filter-panel .st-filter-list .pc-scope .pc-comp-btn:focus-visible { outline: 2px solid var(--fs-primary); outline-offset: 2px; }
.st-filter-panel .st-filter-list .pc-scope .pc-comp-btn[aria-expanded="true"] { background: var(--fs-primary); border-color: transparent; color: var(--fs-on); }
.st-filter-panel .st-filter-list .pc-comp-label { display: inline !important; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.st-filter-panel .st-filter-list .pc-comp-caret { margin-left: auto; color: var(--fs-muted); font-size: .55rem; opacity: .7; transition: transform .2s var(--fs-ease); }
.st-filter-panel .st-filter-list .pc-comp-btn[aria-expanded="true"] .pc-comp-caret { color: inherit; transform: rotate(180deg); }
.st-filter-panel .st-filter-list .pc-comp-type, .st-filter-panel .st-filter-list .pc-comp-ico i,
.st-filter-panel .st-filter-list .pc-scope .pc-comp-btn:hover .pc-comp-type, .st-filter-panel .st-filter-list .pc-scope .pc-comp-btn:hover .pc-comp-ico i { color: var(--fs-accent); }
.st-filter-panel .st-filter-list .pc-comp-btn[aria-expanded="true"] :is(.pc-comp-type, .pc-comp-ico i) { color: var(--theme-accent-on-primary, var(--fs-on)); }
.st-filter-panel .st-filter-list .pc-comp-ico { width: 1.1em; height: 1.1em; font-size: .85em; }
.st-filter-panel .st-filter-list .pc-scope.is-locked { opacity: .55; }
/* The menu: the picker's menu (it is position:fixed on <body>; its script sets the place). */
.pc-comp-menu.st-pc-menu {
    gap: .1rem; padding: .3rem;
    border: 1px solid var(--fs-ring); border-radius: var(--fs-radius-sm);
    background: var(--fs-card-bg); color: var(--fs-ink); box-shadow: var(--fs-shadow), 0 12px 28px rgba(0, 0, 0, .12);
}
.pc-comp-menu.st-pc-menu:not([hidden]) { display: flex; flex-direction: column; }
.pc-comp-menu.st-pc-menu .pc-comp-opt {
    display: flex; align-items: center; gap: .45rem; width: 100%; flex: 0 0 auto;
    padding: .38rem .55rem; border: 0; border-radius: .5rem; background: transparent; box-shadow: none;
    color: var(--fs-ink); font-size: .8rem; font-weight: 700; line-height: 1.5; text-align: left; white-space: nowrap;
}
.pc-comp-menu.st-pc-menu .pc-comp-opt[hidden] { display: none; }
.pc-comp-menu.st-pc-menu .pc-comp-opt > span:not(.pc-comp-ico) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pc-comp-menu.st-pc-menu .pc-comp-opt:hover { background: var(--fs-soft); color: var(--fs-ink); }
.pc-comp-menu.st-pc-menu .pc-comp-opt.is-on { background: rgba(var(--fs-primary-rgb), .1); color: var(--fs-primary-ink); }
.pc-comp-menu.st-pc-menu .pc-comp-opt > .st-pc-check { font-size: .7rem; margin-left: auto; }
.pc-comp-menu.st-pc-menu .pc-comp-ico { width: 18px; height: 18px; }
.pc-comp-menu.st-pc-menu .pc-comp-group { padding: .4rem .55rem .2rem; color: var(--fs-muted); }
/* The scope pickers live in the sidebar; on phones that is the drawer (z 1052): lift the
   menus parked on <body> over it. */
body.bn-aside-open > .pc-comp-menu { z-index: 1060; }

/* ==========================================================================
   F. Phones (the standard's breakpoints)
   ========================================================================== */
@media (max-width: 767.98px) {
    .st-pick .st-pick-btn { max-width: 8.5rem; padding: .26rem .55rem; }
    .st-chips .fx-chip-txt { max-width: 9rem; }
}
@media (max-width: 575.98px) {
    .st-pick .st-pick-btn { max-width: 6.6rem; }
}
@media (max-width: 439.98px) {
    /* A head whose only controls are filter chips (owner, 5 Oct: a head title never truncates
       and controls never stack in a block beside it): the chips take their own row under the
       title, from its start, on one line (a long chip ellipsises). Heads that also carry a
       switch are laid out by their page (stats-modern.css, comps-modern.js's .cp-head-drop,
       share-card-modern.css). */
    html body .benfica-layout .bn-section-head:has(> .bn-head-actions .st-chips .fx-chip):not(.cp-head-wrap):not(:has(.mb-seg, [class*="-seg"])) { flex-wrap: wrap !important; row-gap: .45rem !important; }
    html body .benfica-layout .bn-section-head:has(> .bn-head-actions .st-chips .fx-chip):not(.cp-head-wrap):not(:has(.mb-seg, [class*="-seg"])) > h2 { flex: 0 1 auto !important; min-width: 0 !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; }
    html body .benfica-layout .bn-section-head:has(> .bn-head-actions .st-chips .fx-chip):not(.cp-head-wrap):not(:has(.mb-seg, [class*="-seg"]))::after { display: block !important; flex: 1 1 0 !important; min-width: .75rem !important; }
    html body .benfica-layout .bn-section-head:not(.cp-head-wrap):not(:has(.mb-seg, [class*="-seg"])) > .bn-head-actions:has(.st-chips .fx-chip) { order: 20 !important; flex: 1 0 100% !important; width: 100% !important; margin-left: 0 !important; justify-content: flex-start !important; }
    html body .benfica-layout .bn-section-head:not(.cp-head-wrap):not(:has(.mb-seg, [class*="-seg"])) > .bn-head-actions .st-chips { flex: 1 1 auto; flex-wrap: nowrap; justify-content: flex-start; max-width: 100%; }
    html body .benfica-layout .bn-section-head:not(.cp-head-wrap):not(:has(.mb-seg, [class*="-seg"])) > .bn-head-actions .st-chips .fx-chip { flex: 0 1 auto; min-width: 0; }
    .bn-section-head .st-pick { flex: 0 1 auto; min-width: 0; }
    .bn-section-head .st-pick .st-pick-btn { width: auto; max-width: 8.5rem; }
    .st-chips .fx-chip-txt { max-width: 7rem; }
    .st-pick .st-pick-menu { position: fixed; top: auto; left: 1rem; right: 1rem; width: auto; max-width: none; margin-top: .35rem; }
}
@media (max-width: 379.98px) {
    .st-pick .st-pick-btn { padding: .26rem .45rem; gap: .25rem; }
}

/* ==========================================================================
   G. Reduced motion
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    .st-pick .st-pick-caret, .st-filter-list .pc-comp-caret { transition: none !important; }
}

/* While a filter applies in place, the content dims instead of the page reloading. */
#main-content .st-filtering { opacity: .55; transition: opacity .15s ease; pointer-events: none; }

/* Narrow phones (owner, 8 Oct 2026: "tighten the chips at 320"): the head chips stay on ONE
   line and share it — each chip can shrink, its label ellipsises (the full name stays in the
   chip's tooltip), padding and gaps are tighter — so the head's own buttons keep their place
   beside them instead of dropping to another row. */
@media (max-width: 439.98px) {
    html body .bn-section-head .st-chips { flex-wrap: nowrap !important; gap: .25rem !important; min-width: 0; max-width: 100%; justify-content: flex-start; }
    html body .bn-section-head .bn-head-actions .fx-chip { flex: 0 1 auto; min-width: 2.6rem; gap: .22rem; padding-left: .45rem !important; padding-right: .4rem !important; }
    html body .bn-section-head .fx-chip .fx-chip-txt { max-width: 7rem; }
    html body .bn-section-head .fx-chip .fx-chip-x { flex: 0 0 auto; }
    html body .bn-section-head .fx-chip .fx-chip-logo, html body .bn-section-head .fx-chip > i:first-child { flex: 0 0 auto; }
}

/* Any width, a competitions-skin head with filter chips that drops its controls (fixtures,
   owner 8 Oct 2026: "does not look right"): the title row keeps its colour line, the chips
   start the second row from the left and the head's own buttons sit at its right end. */
@media (min-width: 0px) {
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) { justify-content: flex-start !important; }
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) > h2 { flex: 0 0 auto !important; }
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip)::after { flex: 1 1 0 !important; height: 3px !important; min-width: 1.5rem !important; order: 9 !important; }
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) > .fx-chips-actions { order: 20 !important; flex: 1 1 0 !important; min-width: 65% !important; justify-content: flex-start !important; margin-left: 0 !important; }
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) > .fx-chips-actions .st-chips { justify-content: flex-start !important; }
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) > .bn-head-actions:not(.fx-chips-actions) { order: 21 !important; flex: 0 0 auto !important; margin-left: auto !important; }
}
/* Tablet / desktop: the head's own controls stay on the title row after the colour line (as
   with no filter), and the chips take the row under it, from the left. */
@media (min-width: 768px) {
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) { flex-wrap: wrap !important; row-gap: .5rem !important; }
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) > .fx-chips-actions { order: 30 !important; flex: 1 0 100% !important; min-width: 0 !important; }
    html body .benfica-layout.cp-modern .bn-section-head.cp-head-drop:has(> .fx-chips-actions .fx-chip) > .bn-head-actions:not(.fx-chips-actions) { order: 10 !important; }
}