.dss-trigger, .dss-backdrop, .dss-cancel { display: none; }
    @media (max-width: 767px) {
        .fi-topbar .fi-global-search-ctn { flex: none; }
        .dss-trigger {
            display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: var(--dui-radius-md, .6rem); color: var(--gray-500);
        }
        .dss-trigger:hover, .dss-trigger:focus-visible { background: rgb(0 0 0 / .05); color: var(--gray-700); }
        .dark .dss-trigger:hover { background: rgb(255 255 255 / .06); color: var(--gray-200); }
        .dss-trigger .dss-ic { width: 1.35rem; height: 1.35rem; }

        html:not(.dealer-search-open) .fi-topbar .fi-global-search { display: none; }
        .dealer-search-open { overflow: hidden; }
        .dealer-search-open .fi-topbar .fi-global-search {
            display: block; position: fixed; inset: 0 0 auto 0; z-index: 60; padding: .7rem 6.75rem .7rem .75rem;
            background: #fff; box-shadow: 0 10px 30px -12px rgb(0 0 0 / .25); animation: dss-in .18s ease-out;
        }
        .dark.dealer-search-open .fi-topbar .fi-global-search { background: var(--gray-900); }
        .dealer-search-open .fi-topbar .fi-global-search .fi-input-wrp { height: 2.75rem; border-radius: var(--dui-radius-md, .7rem); }
        .dealer-search-open .fi-topbar .fi-global-search .fi-input { font-size: 1rem; }
        .dealer-search-open .fi-topbar .fi-global-search-results-ctn {
            position: static; width: auto; max-width: none; margin: .6rem -6.75rem -.7rem -.75rem; border-radius: 0; box-shadow: none;
            max-height: calc(100dvh - 4.25rem); overflow-y: auto; border-top: 1px solid rgb(0 0 0 / .06); --tw-ring-shadow: 0 0 #0000;
        }
        .dark.dealer-search-open .fi-topbar .fi-global-search-results-ctn { border-top-color: rgb(255 255 255 / .08); }
        .dealer-search-open .dss-backdrop { display: block; position: fixed; inset: 0; z-index: 55; background: rgb(15 15 20 / .45); backdrop-filter: blur(2px); animation: dss-fade .18s ease-out; }
        .dealer-search-open .dss-cancel {
            display: block; position: fixed; top: .7rem; right: .75rem; z-index: 61; height: 2.75rem; padding: 0 .6rem;
            font-size: .9375rem; font-weight: 600; color: var(--primary-600);
        }
        .dark .dealer-search-open .dss-cancel, .dark.dealer-search-open .dss-cancel { color: var(--primary-400); }
    }
    @keyframes dss-in { from { transform: translateY(-.75rem); opacity: 0; } }
    @keyframes dss-fade { from { opacity: 0; } }
    @media (prefers-reduced-motion: reduce) { .dealer-search-open .fi-topbar .fi-global-search, .dealer-search-open .dss-backdrop { animation: none; } }
    /* The search field on a desktop (11.11.2026): wide enough for what it says, the shortcut as a small key cap. */
    @media (min-width: 768px) {
        .fi-topbar .fi-global-search-field { width: 27rem; max-width: 40vw; }
        .fi-topbar .fi-global-search-field .fi-input { text-overflow: ellipsis; }
        .fi-topbar .fi-global-search-field .fi-input-wrp-suffix .fi-input-wrp-label { display: inline-flex; align-items: center; height: 1.25rem; padding: 0 .375rem; border-radius: var(--dui-radius-sm, .375rem);
            font-size: .6875rem; font-weight: 500; line-height: 1; white-space: nowrap; color: var(--gray-500); box-shadow: inset 0 0 0 1px var(--dui-border, rgb(0 0 0 / .1)); }
        .dark .fi-topbar .fi-global-search-field .fi-input-wrp-suffix .fi-input-wrp-label { color: var(--gray-400); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .14); }
    }
    @media (min-width: 768px) and (max-width: 1099px) { .fi-topbar .fi-global-search-field .fi-input-wrp-suffix { display: none; } }

    /* The customer view (internal-figures-toggle): an eye; its meaning slides out to the left on hover and focus. */
    .dcv { display: flex; align-items: center; }
    .dcv-btn { position: relative; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: var(--dui-radius-control, .5rem); color: var(--gray-500); cursor: pointer;
        transition: color .15s ease-out, background-color .15s ease-out; }
    .dcv-btn:hover, .dcv-btn:focus-visible { background: rgb(0 0 0 / .05); color: var(--gray-700); }
    .dark .dcv-btn { color: var(--gray-400); }
    .dark .dcv-btn:hover, .dark .dcv-btn:focus-visible { background: rgb(255 255 255 / .06); color: var(--gray-200); }
    .dcv-btn:focus-visible { outline: 2px solid var(--primary-500); outline-offset: 1px; }
    .dcv-icon { width: 1.35rem; height: 1.35rem; }
    .dcv-btn.is-on, .dcv-btn.is-on:hover, .dcv-btn.is-on:focus-visible { color: var(--warning-700); background: color-mix(in oklab, var(--warning-500) 16%, transparent); }
    .dark .dcv-btn.is-on, .dark .dcv-btn.is-on:hover, .dark .dcv-btn.is-on:focus-visible { color: var(--warning-400); background: color-mix(in oklab, var(--warning-500) 18%, transparent); }
    .dcv-tip { position: absolute; right: calc(100% + .5rem); top: 50%; display: none; align-items: baseline; gap: .5rem; height: 2.25rem; padding: 0 .75rem; border-radius: var(--dui-radius-control, .5rem);
        white-space: nowrap; line-height: 2.25rem; font-size: .8125rem; background: var(--dui-card, #fff); color: var(--gray-600); box-shadow: 0 0 0 1px var(--dui-border, rgb(0 0 0 / .1)), 0 4px 12px -4px rgb(0 0 0 / .18);
        opacity: 0; transform: translate(.5rem, -50%); pointer-events: none; transition: opacity .16s ease-out, transform .16s ease-out; }
    .dcv-tip-title { font-weight: 600; color: var(--dui-strong, var(--gray-950)); }
    .dark .dcv-tip { background: var(--gray-800); color: var(--gray-300); box-shadow: 0 0 0 1px rgb(255 255 255 / .1); }
    .dark .dcv-tip-title { color: #fff; }
    @media (hover: hover) and (min-width: 768px) {
        .dcv-tip { display: inline-flex; }
        .dcv-btn:hover .dcv-tip, .dcv-btn:focus-visible .dcv-tip { opacity: 1; transform: translate(0, -50%); }
    }
    @media (max-width: 767px) { .dcv-btn { width: 2.5rem; height: 2.5rem; } }
    @media (prefers-reduced-motion: reduce) { .dcv-tip { transition: none; } }


    /* desktop: as wide as the field, tall enough for all groups, compact rows (13.11.2026) */
    @media (min-width: 768px) {
        .fi-topbar .fi-global-search { position: relative; }
        .fi-topbar .fi-global-search-results-ctn { width: 100%; min-width: 24rem; max-width: none; max-height: min(42rem, calc(100dvh - 5.5rem)); border-radius: var(--dui-radius-md, .75rem); }
    }
    .fi-global-search-result-group-header { padding-block: .5rem; font-size: .75rem; font-weight: 500; text-transform: none; color: var(--gray-500); }
    .fi-global-search-result-link { padding-block: .625rem; }
    .fi-global-search-result-heading { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .fi-global-search-result-details { display: flex; flex-wrap: wrap; gap: 0 .75rem; margin-top: .125rem; font-size: .8125rem; }
    .fi-global-search-result-detail { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .fi-global-search-result.fi-global-search-result-has-actions .fi-global-search-result-link { padding-bottom: .125rem; }
    .fi-global-search-result .fi-global-search-result-actions { margin-top: .125rem; padding-bottom: .625rem; font-size: .8125rem; }