/* ==========================================================================
   Form control fill — one value for every input box on the panel
   ==========================================================================

   Owner-directed (2026-09-16): every input box on the LIGHT theme fills with
   #FFF8EB. The first instruction was #FFFCF7 and the owner corrected it to
   #FFF8EB, which is the panel/surface rung of the cream ladder — so the fields
   now sit on the same value as the cards they live on and are read by their
   border, rather than as a recessed #F5EBDC control well. `.interface-design/system.md`
   and DESIGN.md were updated in the same pass on purpose: the old value is written
   down there as locked, and a stale "locked" line is exactly how a change like this
   gets silently reverted by the next person who reads the doc.

   LIGHT THEME ONLY. Dark keeps the locked dark well (#2A2C36 on the #383A46
   panel). There is no dark rule in this file, deliberately.

   HOW THE VALUE IS HELD UP — two mechanisms, both needed:
     1. The declarations themselves were fixed at the source: 177 value swaps across
        19 stylesheets, every one of them a light field fill (#F5EBDC 21, #fff 49,
        #F0E4D0 1, #FFF1DC, …) becoming #FFF8EB. A value swap keeps each rule's own
        specificity and importance intact, which an appended override cannot do for the
        ID-level rules this repo is full of (`#pcTitle`, `#madProviderMarkup`,
        `#settlementType`, `#menuPermissionFilter`, …). The diff is auditable: every
        changed line differs from its original by exactly one colour token.
     2. This sheet is the guarantee for everything a value swap could not reach: controls
        with no rule of their own, and the field-shaped boxes that carry a fill through a
        `var(--token)` which resolves per theme — those cannot be flattened to a literal
        without breaking dark, so they are overridden here under a light guard instead.

   WHY `body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2)`: nothing in the markup carries
   either id. This is the specificity escalation this repo already uses
   (`body:not(#bo-filter-standard-off):not(#bo-filter-standard-legacy)` in
   bo-wallet-transaction-amber.css), and the step count is measured, not guessed: against
   main-report-charcoal-content.css `…#settlementPaymentModal .modal-body .form-control{
   background:#F5EBDC!important}` a single step still lost — the textarea computed to the old
   #F5EBDC — and two steps won. Without them this file documents an intent it cannot enforce.

   `background-color` only, never the `background` shorthand: a select draws its caret with
   a background-image, and the shorthand would wipe it. Verified that no light-theme rule
   fills a control with a gradient, so a colour override is enough to be visible everywhere.
   -------------------------------------------------------------------------- */

/* 1. The real controls, whatever their class — 875 inputs, 379 selects and 60 textareas
      across the 142 pages carry 29 different class names, so the tag is the reliable
      selector and the :not() list is the exclusion set:
        · hidden     — no box to fill
        · checkbox / radio / file / range / color — not text fields
        · submit / button / reset — buttons, not fields
        · :disabled / [readonly] — locked fields keep the #EDE4D4 dead state
          (e.g. #madEditUsername on the edit page, which is `readonly`) */
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(:disabled):not([readonly]):not(#providerSearchInput):not(.game-search-control input):not(.category-search-control input):not(.banner-search input):not(.input-icon-wrap input):not(.ref-input-icon input):not(.mad-search input):not(.agent-search-box input):not(.agent-assign-search input):not(.mac-provider-search input):not(.provider-list-search input):not(.livechat-search input):not(.dup-search-control input):not(.mp-search input):not(.mrc-search input):not(.mas-search input):not(.bonus-title-search input):not(.bo-search-control input):not(.layout-find-bar input),
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) select:not(:disabled),
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) textarea:not(:disabled):not([readonly]):not(.layout-code-pane textarea):not(.pc-rich-source):not(#pcRichSource){
  background-color:#FFF8EB!important;
}
/* Search frames already carry the fill (rule 2). Inner inputs must stay transparent or the
   field reads as a double-walled box (cream on cream + a second border).
   `.mp-search` / `.mrc-search` / `.mas-search` / `.bonus-title-search` were the four frames
   missing from this pair of lists - measured on bonus-category-title.html (`#bonusSearchInput`)
   and main-admin-role-create.html (`#mrcFilter`), each input computed #FFF8EB inside a #FFF8EB
   frame, and the page sheets that already tried to bare them (bo-charcoal-cms.css,
   menu-permission-executive.css) lost on specificity to rule 1's 24-class list. Naming them
   here is what those page rules were reaching for. */

html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .category-search-control > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .game-search-control > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .banner-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .input-icon-wrap > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .ref-input-icon > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-search-box > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mac-provider-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mp-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mrc-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mas-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bonus-title-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-assign-search > input,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .provider-list-search > input,
body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bo-search-control > input{
  background-color:transparent!important;
}
/* The one control that must stay transparent, and why: the code editors on layout-section.html
   are an overlay trick — a `.layout-code-highlight` layer paints the colourised code and the
   textarea sits on top with `color:transparent` to catch the caret, so an opaque fill would
   cover the code and leave an empty box. The `:not(.layout-code-pane textarea)` above is a
   Selectors-4 complex :not() (Chrome-supported). Measured on layout-section.html: the textarea
   still computes to transparent. */

/* 2. The field-shaped widgets that are not <input>/<select>/<textarea>. Each of these is
      either the box the user types into or the box that stands in for one:
        · .ref-range-trigger / .bo-range-trigger — the date-range field is a <button>
        · .rounded-select-btn / [role="combobox"] — the custom select driver
          (bo-ui-standard.js) replaces native selects with a button
        · .mad-search and the other search frames (.banner-search, .category-search-control,
          .game-search-control, .input-icon-wrap, .agent-search-box, .mac-provider-search,
          .mac-provider-override-control) — the frame carries the fill or the field reads
          two-tone at the edges, because the input inside them is transparent by design
        · .msr-amount-group / .mac-input-group / .msr-payment-fields and the inline date
          ranges (.bo-date-range-inline, .agent-withdraw-amount, .agent-withdraw-date-range)
          — the shell is the field; the inner input lands on the same value and the addon
          keeps its nested tone so the segment still reads as a segment
        · [contenteditable="true"] — the rich-text editors (page-customize's .pc-rich,
          promotion's .promo-wysiwyg-editor, frontend-display's .marquee-editor) are fields
          with no form element at all. CM6 `.cm-content` is also contenteditable — excluded
          so Layout Section HTML/CSS/JS panes keep their own 米白 fill. */
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .ref-range-trigger,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bo-range-trigger,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .rounded-select-btn,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) [role="combobox"],
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-search,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .msr-amount-group,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mac-input-group,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .msr-payment-fields,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .banner-search,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .category-search-control,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .game-search-control,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .input-icon-wrap,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .ref-input-icon,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-search-box,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mac-provider-search,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mac-provider-override-control,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .provider-list-search,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bo-date-range-inline,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-withdraw-amount,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-withdraw-date-range,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) [contenteditable="true"]:not(.cm-content){
  background-color:#FFF8EB!important;
}

/* 3. Hover and focus keep the same fill, so the field does not flash a different colour when
      the pointer or the caret arrives — the amber border and ring (the locked recipe) remain
      the only state change.
      Same .layout-code-pane textarea exclusion as rule 1: that overlay must stay transparent
      on hover/focus too, or the cream fill covers the syntax layer (layout-section CSS pane). */
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) input:hover:not(:disabled):not([readonly]):not(#providerSearchInput):not(.game-search-control input):not(.category-search-control input):not(.banner-search input):not(.input-icon-wrap input):not(.ref-input-icon input):not(.mad-search input):not(.agent-search-box input):not(.agent-assign-search input):not(.mac-provider-search input):not(.provider-list-search input):not(.livechat-search input):not(.dup-search-control input):not(.mp-search input):not(.mrc-search input):not(.mas-search input):not(.bonus-title-search input):not(.bo-search-control input):not(.layout-find-bar input),
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) input:focus:not(:disabled):not([readonly]):not(#providerSearchInput):not(.game-search-control input):not(.category-search-control input):not(.banner-search input):not(.input-icon-wrap input):not(.ref-input-icon input):not(.mad-search input):not(.agent-search-box input):not(.agent-assign-search input):not(.mac-provider-search input):not(.provider-list-search input):not(.livechat-search input):not(.dup-search-control input):not(.mp-search input):not(.mrc-search input):not(.mas-search input):not(.bonus-title-search input):not(.bo-search-control input):not(.layout-find-bar input),
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) select:hover:not(:disabled),
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) select:focus:not(:disabled),
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) textarea:hover:not(:disabled):not([readonly]):not(.layout-code-pane textarea):not(.pc-rich-source):not(#pcRichSource),
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) textarea:focus:not(:disabled):not([readonly]):not(.layout-code-pane textarea):not(.pc-rich-source):not(#pcRichSource){
  background-color:#FFF8EB!important;
}
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .category-search-control > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .category-search-control > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .game-search-control > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .game-search-control > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .banner-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .banner-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .input-icon-wrap > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .input-icon-wrap > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .ref-input-icon > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .ref-input-icon > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-search-box > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-search-box > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mac-provider-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mac-provider-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .provider-list-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .provider-list-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mp-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mp-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mrc-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mrc-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mas-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mas-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bonus-title-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bonus-title-search > input:focus,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-assign-search > input:hover,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .agent-assign-search > input:focus,
body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bo-search-control > input:hover,
body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .bo-search-control > input:focus{
  background-color:transparent!important;
}

/* 4. Deliberately NOT changed, so the next reader does not "fix" them:
        · .mac-input-addon, .mprr-amount-prefix, .input-group-text and the other addon
          segments — the currency/unit chip joined to a field, which the design system
          keeps one rung deeper so the join reads as two parts of one control. They are
          NOT input wells, and a comment above one of them mentioning "input" is not a
          reason to repaint it.
        · .form-check-input / .mad-row-check-input / .mad-row-check-box — check and
          selection boxes, not fields
        · .asset-file, install-app-file — file inputs behind upload buttons
        · .bo-tx-action-btn and the other action wells — buttons in a table
        · segmented controls (.mac-credit-mode, .mae-status-seg, panel tabs) — their wells
          are tracks, and the active segment is the lifted chip
        · disabled / readonly fields — the locked #EDE4D4 state
        · .layout-code-highlight and the code-editor overlay textarea (rules 1 and 3 exclude it)
      If a future page needs a field that is not a form element and is not in rule 2, add
      it there rather than widening rule 1. */

/* ==========================================================================
   Dialog chrome — the panel is one rung LIGHTER than the field
   ==========================================================================

   Owner-directed (2026-09-16, "其他页面的弹窗设计…要跟图二的设计风格"): the dialogs are to match the
   merchant Add Credit dialog, which is the design that reads correctly. Measured against it, the
   other dialogs' problem was NOT the fields (they were already #FFF8EB) but the PANEL: it was also
   #FFF8EB, so the fields sat on their own colour and vanished into the panel — the flat, washy look
   in the owner's screenshot. The reference has panel #FFFCF7 with a #DCC9A8 border, which puts each
   field one rung deeper than its surface and lets the border do the separating.

   Measured (light, per dialog):  panel  #FFF8EB -> #FFFCF7     border  #EADCC8 -> #DCC9A8
                                  primary button height 36px -> 40px
                                  field labels #27272A -> #71717A (the locked muted)

   This lives in the sheet that is already linked last on 136 pages rather than in a new file: it is
   the same surface decision as the field fill (one ladder, two rungs) and it needs the same
   last-in-cascade position to beat the per-page panel rules. Extract it to its own sheet if it grows.
   Light theme only — dark keeps its own panel rungs. */
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-modal .mad-modal-panel,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-modal .modal-clean-panel,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .modal-clean .modal-clean-panel,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-pass-modal-panel{
  background-color:#FFFCF7!important;
  border-color:#DCC9A8!important;
}
/* Button height 36 -> 40px was part of the first pass (the reference dialog runs 40px) and was
   REVERTED on the owner's instruction: only colour may change, layout belongs to the designers.
   The 4px difference between the reference and the other dialogs is therefore still there, on
   purpose, for them to decide. */
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-modal-panel .mac-label,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-modal-panel .mad-label,
html:not([data-bo-theme="dark"]) body:not(#bo-input-fill-legacy):not(#bo-input-fill-legacy-2) .mad-pass-modal-panel .mac-label{
  color:#71717A!important;
}

/* 5. ONE search control, site-wide — the owner's standard, 2026-09-24.

    "全站的搜索设计要统一 一个设计啊 只要有搜索功能都要统一标准 如 bonus-category-title.html 做标志统一"

    The canonical control is bonus-category-title.html's `.bonus-title-search`, measured:
      frame    the WRAPPER is the frame — 1px #EADCC8, radius 8px, height 36px, padding 0 12px,
               flex row, align-center, gap 8px, box-sizing border-box; #FFF8EB light,
               #2A2C36 + rgba(255,255,255,.12) dark
      icon     a flex child INSIDE the frame — `bi bi-search`, 15px, #78716C
      input    borderless: border 0, background transparent, padding 0, height 100%,
               flex 1 1 auto, min-width 0, font 12px/700
      focus    :focus-within -> border-color #D97706 + 0 0 0 3px rgba(217,119,6,.14)

    `.bo-search-control` is that control's name in the markup, and this sheet is where it is
    defined because THIS sheet is on every page that has a search control (51/51 measured;
    index.html and online-users.html are the two that load no reports.css at all, and reports.css
    is where the sixteen legacy wrapper names — .mad-search, .mp-search, .category-search-control,
    .banner-search, … — are normalised to the same shape). Markup:

        <label class="bo-search-control">
          <i class="bi bi-search" aria-hidden="true"></i>
          <input id="…" placeholder="Search …" autocomplete="off" />
        </label>

    A wrapping <label> is the site's own idiom (bonus-category-title.html) and gives the whole
    well click-to-focus. A caption, where a page has one, stays OUTSIDE this element: the
    placeholder names the field and the magnifier already says "search".

    WHY THE ID STEPS, MEASURED — and one of them is on the INPUT alone. The field-wide input rules
    state a border and a fill for every input on a report page and exempt the sixteen search wrapper
    names from that (`:not(.mad-search input)`, `:not(.bonus-title-search input)`, …). This class is the
    seventeenth name and those lists do not know it yet, so it out-specifies them instead of being
    exempted: at two steps the control kept its old frame; at three the FRAME won but the INPUT did not
    (measured on agent-bonus.html: a 42px input carrying its own 1px rgb(220,201,168) border inside the
    36px frame); reports.css's `.report-content input:not(#providerSearchInput)…` went at four;
    bo-charcoal-legacy.css states the same at four id steps plus its own long exclusion list, so the
    input rule alone carries a fifth. Adding `.bo-search-control input` to those lists beside the other
    sixteen names is the tidier fix and is left as the follow-up; this version does not depend on it.
    The input rule also zeroes min-height/max-height, for the same reason (the family pins
    `min-height:42px` on filter inputs). `#bo-search-standard-off` / `-2` carry the extra steps and
    nothing in the markup sets them — kill switches for this section, like the three in front of them.
    Verified with getComputedStyle on the rendered page, never from the CSS text alone.
    -------------------------------------------------------------------------- */
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off) .bo-search-control{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:1px solid #EADCC8!important;
  border-radius:8px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  box-sizing:border-box!important;
  margin:0!important;
  position:relative!important;
  /* width:100% - the well fills its container. Inside the 4-id block, not a class-level default,
     because the house sheet states a `width`/`max-width` for these row items and a class-level value
     lost to it: measured on bank-deposit-usage.html the well came out 26px wide, collapsed around the
     magnifier, with its input at 0px. A page with its own number for the well states it at the same
     step this block uses - vip-pages-targeted.css does exactly that, 300px. */
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .bo-search-control{
  background:#FFF8EB!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bo-search-control{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off) .bo-search-control > i{
  flex:0 0 auto!important;
  font-size:15px!important;
  line-height:1!important;
  color:#78716C!important;
  pointer-events:none!important;
  /* The magnifier is a flex child OF the frame, never an overlay parked over it. This rule did not
     state `position`, so a page sheet's own `> i{position:absolute;left:12px}` still won it:
     measured on agent-players.html the glyph sat at left 12px ON TOP of the placeholder, because the
     input is bare (padding 0) and its text therefore starts at the frame's own 12px pad - the box
     read "Search player ID / name..." with the magnifier printed across the S. Stating the reset
     here fixes it for every page at once, which a per-page override cannot.
     agent-portal.css carries four successive attempts at this (v2.3.4 absolute -> v2.3.5 absolute ->
     v2.3.6 static -> absolute again), so the page cannot be relied on to hold it. */
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  z-index:auto!important;
  width:auto!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not(#bo-search-standard-off-2) .bo-search-control > input{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off) .bo-search-control:focus-within{
  border-color:#D97706!important;
  box-shadow:0 0 0 3px rgba(217,119,6,.14)!important;
}
/* Light side of the same statement. Three controls were simply inheriting rather than being told,
   and did not land on the family's colours: agent-players.html's placeholder fell through to the
   browser default #757575 and the two VIP log keyword fields (vip-exp-log.html, vip-reward-log.html)
   to `color:#000`. Stating the pair here makes light and dark structurally identical - one block per
   theme, the same family list, nothing left to inherit. Measured light: text #18191C on every control,
   placeholder #78716C on every control. */
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .bo-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mad-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mrc-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mp-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mas-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mac-provider-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .provider-list-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .livechat-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .dup-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .banner-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .category-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .game-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .bonus-title-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .agent-search-box > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .agent-assign-search > input{
  color:#18191C!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .bo-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mad-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mrc-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mp-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mas-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .mac-provider-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .provider-list-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .livechat-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .dup-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .banner-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .category-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .game-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .bonus-title-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .agent-search-box > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off):not([data-bo-theme="dark"]) .agent-assign-search > input::placeholder{
  color:#78716C!important;
}
/* Dark: one chrome for every search frame. The light side of this sheet already normalises all
   sixteen wrapper names (reports.css / bo-charcoal-legacy.css do the same), but the dark side only
   ever named `.bo-search-control`, so a frame whose page ships no dark rule of its own stayed
   CREAM ON A DARK PAGE - measured on game.html (`#gameSearchInput`) and game-category.html
   (`#categorySearchInput`), the only two pages here with no sheet of their own. Their icon, text
   and placeholder kept their light values too. Stating the dark chrome once, for the whole family,
   is what makes dark mode one control instead of sixteen.
   The text colour is stated rather than inherited because reports.css pins `color:#18191C` on these
   inputs at ID level (its v31 block, and its `#adminSearchInput` list), which left admin-user,
   bulk-adjustment / bulk-bonus-adjustment and game / game-category with #18191C text on a #2A2C36
   frame - near-invisible. `#A1A1AA` for the icon and the placeholder is DESIGN.md's dark muted
   token (muted-dark).
   Measured after: every visible search control reads frame #2A2C36, border rgba(255,255,255,.12),
   text #F5F5F4, placeholder #A1A1AA, icon #A1A1AA. */
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bo-search-control,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mad-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mrc-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mp-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mas-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mac-provider-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .provider-list-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .livechat-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .dup-search-control,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .banner-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .category-search-control,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .game-search-control,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bonus-title-search,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-search-box,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-assign-search{
  background:#2A2C36!important;
  border-color:rgba(255,255,255,.12)!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bo-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mad-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mrc-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mp-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mas-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mac-provider-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .provider-list-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .livechat-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .dup-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .banner-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .category-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .game-search-control > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bonus-title-search > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-search-box > input,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-assign-search > input{
  color:#F5F5F4!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bo-search-control > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mad-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mrc-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mp-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mas-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mac-provider-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .provider-list-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .livechat-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .dup-search-control > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .banner-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .category-search-control > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .game-search-control > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bonus-title-search > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-search-box > i,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-assign-search > i{
  color:#A1A1AA!important;
}
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bo-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mad-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mrc-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mp-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mas-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .mac-provider-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .provider-list-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .livechat-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .dup-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .banner-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .category-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .game-search-control > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .bonus-title-search > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-search-box > input::placeholder,
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off)[data-bo-theme="dark"] .agent-assign-search > input::placeholder{
  color:#A1A1AA!important;
}
/* A well that lives in a `.field` gets a floor wide enough for its own placeholder. The house sheet
   pins this field family at 190px (`bo-ui-standard.css`, two ID steps), which leaves the input 141px
   once the frame's padding (24px) and the magnifier (15px + 8px gap) are out - and the longest
   placeholder among these pages needs 202px ("Member ID / Provider / Game Code" on
   provider-bet-report.html, which fitted at 190px before the frame moved onto a wrapper). 260px is the
   AC family's own number and leaves 213px of text. FOUR ID steps: the user-management listings
   (index.html, online-users.html) state both `min-width` and `max-width` for this field at three, so a
   floor at three changed nothing - measured 140px with the placeholder "Search name or username" cut to
   90px of text. The rows that hold these fields wrap, so the extra width costs a line break, not an
   overflow. */
html:not(#bo-filter-standard-off):not(#bo-charcoal-off):not(#bo-input-fill-legacy):not(#bo-search-standard-off) .field:has(> .bo-search-control){
  min-width:260px!important;
  max-width:none!important;
}