/* StockBook neo overrides — bw-3d-lab language on existing markup.
   Load after styles.css. Shell stays; data/routing unchanged. */

/* Animatable stem width — L frost clip + grid track this together */
@property --ev-sidebar-w {
    syntax: '<length>';
    inherits: true;
    initial-value: 4.75rem; /* match --ev-oval-collapsed idle */
}

/* ─────────── Phase 1: App shell — oval dock (bw-3d-lab .oval) ─────────── */
:root {
    --ev-oval-collapsed: 4.75rem; /* room for glass strip + centered icon */
    --ev-oval-expanded: 14rem;    /* glass-like icon-over-label stack */
    /* Soft dock motion — expand slow; collapse quicker (letters already snapped) */
    --ev-dock-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --ev-sidebar-slide: 520ms var(--ev-dock-ease); /* into expanded */
    --ev-sidebar-collapse: 240ms var(--ev-dock-ease); /* into idle — tuck with letters */
    --ev-oval-ease: 0.48s var(--ev-dock-ease);
    --ev-dock-label-dur: 0.45s;
    --ev-dock-label-delay: 0.2s; /* letters after stem starts opening */
    /* Equal L/R pad so collapsed icons sit on the rail center (strip stays on border) */
    --ev-dock-pad-x: 0.7rem;
    --ev-dock-pad: 1.15rem var(--ev-dock-pad-x) 1rem;
    --ev-dock-seg-r: 6px;   /* --r-square-seg */
    --ev-search-r: 14px;    /* glass --r-mix — soft-square hero field */
    /* Hero search + side chips share one height (gold oval must fit inside) */
    --ev-search-h: 4.85rem;
    --ev-search-h-scoped: 5.15rem; /* vendor / receive oval in the well */
    /*
      Inventory hero search width (desktop) — ONE dial for all modalities
      (idle / vendor-found / Receive). Shell never resizes; long names ellipsis inside.
    */
    --ev-search-w: 700px; /* dial — inventory hero shell */
    /* L dock (desktop) — arm taller than search; glass padding above/below the shell */
    --ev-dock-arm-h: calc(var(--ev-search-h) + 2.15rem);
    --ev-dock-stem: var(--ev-oval-expanded);
    --ev-dock-crook: 28px; /* inner L chamfer — a bit larger for the wider arm */
    --ev-dock-tip-r: 13px;
    --ev-dock-arm-end-gap: 0.85rem; /* arm tip inset from viewport right */
    --ev-r-chip: 8px;       /* near-square chips / filters / status (no pills) */
    --ev-r-control: 10px;   /* small controls · Clear · select-all */
    --ev-r-card: 14px;      /* result cards · mix soft-square */
    --ev-r-panel: 18px;     /* search / results trays */
    --ev-dock-shell-r: 22px; /* glass .nav panel */
    /* Dock type — locked near-white on Clear glass; weight carries hierarchy */
    --ev-dock-ink: #f9f9f9;
    --ev-dock-mute: #f9f9f9;
    --ev-dock-seg-top: #1a1a1a;
    --ev-dock-seg-bot: #3a3a3a;
    /* Dark frost dock — LEATHER only as solid fallback (never light-page carve shade) */
    --ev-leather: #262626;
    /*
      Frost glass — locked from frost-lab
      Raise: inner 54 · shade 100 · spread 15 · bloom 20 · glow 55
      Hue: dark 72 / light 78 · pure B&W frost
    */
    --ev-frost-light: 1;
    --ev-frost-glow: 0.55;
    --ev-frost-bloom: 0.2;
    --ev-frost-inner: 0.54;
    --ev-frost-raise: 1;
    --ev-frost-spread: 15px;
    /*
      Dock dark frost — Clear = achromatic (no color tint).
      Floor amount 0.72 matches frost-lab dock body so glass reads dark
      and #f9f9f9 type stays legible (0 was only 12% black → washed mud).
    */
    --ev-frost-hue-dark: 0.72;
    /* Light frost (inventory cards) — frost-lab card hue 0.78 on dark tray */
    --ev-frost-hue-light: 0.78; /* frost-lab card hue on dark tray */
    --ev-frost-hue-stack: 0.28; /* reserved if light frost stacks on dark */
    --ev-frost-hue-light-dense: 0.88; /* selected denser than idle 0.78 */
    --ev-frost-hairline: calc(0.1 * var(--ev-frost-light));
    --ev-frost-inner-line: calc(var(--ev-frost-inner) * var(--ev-frost-light));
    --ev-frost-raise-shade: calc(var(--ev-frost-raise) * var(--ev-frost-light));
    --ev-frost-corner-rim: calc(0.8 * var(--ev-frost-light));
    --ev-frost-corner-rim-dark: calc(0.72 * var(--ev-frost-light));
    --ev-frost-corner-bloom: calc(0.3 * var(--ev-frost-bloom));
    --ev-frost-corner-bloom-dark: calc(0.24 * var(--ev-frost-bloom));
    --ev-frost-corner-raise: calc(0.14 * var(--ev-frost-raise-shade) + 0.1 * var(--ev-frost-bloom));
    --ev-frost-corner-raise-dark: calc(0.12 * var(--ev-frost-raise-shade) + 0.08 * var(--ev-frost-bloom));
    --ev-frost-corner-raise-tray-dark: calc(0.1 * var(--ev-frost-raise-shade) + 0.06 * var(--ev-frost-bloom));
    /* Inventory glass panel — frost-lab card chamfer (not dock 28) */
    --ev-glass-crook: 21px;
    --ev-glass-tip-r: 13px;
    /* Lab light fill: 0.48×hue + 0.12 → ~0.49 at hue 0.78 */
    --ev-frost-fill-light: rgba(255, 255, 255, calc(0.48 * var(--ev-frost-hue-light) + 0.12));
    --ev-frost-fill-light-dense: rgba(255, 255, 255, calc(0.48 * var(--ev-frost-hue-light-dense) + 0.12));
    --ev-frost-fill-light-stack: rgba(255, 255, 255, calc(0.48 * var(--ev-frost-hue-stack) + 0.06));
    --ev-frost-fill-light-solid: rgba(250, 248, 245, 0.94); /* reduced-transparency cards */
    /* Lab dark tray: 50%×hue + 12% black floor + charcoal wash — Clear still reads dark */
    --ev-frost-fill-dark: color-mix(
        in srgb,
        rgb(0, 0, 0) calc(50% * var(--ev-frost-hue-dark) + 12%),
        rgba(28, 28, 32, 0.38)
    );
    --ev-dock-panel: var(--ev-frost-fill-dark);
    --ev-dock-panel-solid: var(--ev-leather); /* prefers-reduced-transparency */
    --ev-dock-carve: #323232; /* hover well face — lighter mid on frost */
    --ev-dock-icon-slot: 2.5rem; /* brand / notif / account footprint when collapsed */
    /*
      Chrome light Kelvin — ONE temp everywhere (~4500K).
      Also declared in styles.css :root so it exists before neo loads.
      Strip / focus bloom / inward wash / side-lit catch / search backlight / loading.
      Not vendor gold metal, not status amber dots.
    */
    /* Cool = locked default (Mist canvas). Soft / Warm stay as options. */
    --ev-light-r: 235;
    --ev-light-g: 242;
    --ev-light-b: 255;
    --ev-light: var(--ev-light-r), var(--ev-light-g), var(--ev-light-b);
    --ev-light-soft: 245, 235, 226;
    --ev-light-warm: 255, 228, 196;
    --ev-light-cool: 235, 242, 255;
    --ev-mist: #eef1f4; /* cool stage canvas (frost-lab Mist) */
    --ev-stage-shade: var(--ev-khaki); /* vignette pigment — cool swaps this */
    --ev-dock-strip-core: rgba(var(--ev-light), 0.74);
    --ev-dock-strip-bloom:
        0 0 5px rgba(var(--ev-light), 0.52),
        -5px 0 16px rgba(var(--ev-light), 0.24);
    --ev-dock-focus-bloom:
        -4px 0 10px 1px rgba(var(--ev-light), 0.52),
        -12px 0 24px 3px rgba(var(--ev-light), 0.28),
        -24px 0 40px 7px rgba(var(--ev-light), 0.14),
        0 0 9px 0 rgba(var(--ev-light), 0.62);
    /*
      Soft light + Shade lean — lab §14 Kiss depth on designer milk/ivory.
      Light page only — not dock. Search = carved Khaki well. Cards = frost.
      Shapes: near-square (--ev-r-chip / --ev-r-card), not pills.
    */
    /*
      Designer six-swatch (locked — do not invent egg yellows or light-page blacks):
        WHITE  #FFFFFF — lip / catch / frost hi (never full page)
        PEARL  #FAF8F5 — canvas · surface · raised faces (milk / ivory)
        KHAKI  #DFDACF — wells · search cave · results tray
        TAUPE  #A3968D — soft shade pigment only
        CACAO  #4D403A — primary ink
        LEATHER #262626 — dark dock only
    */
    --ev-white: #ffffff;
    --ev-pearl: #faf8f5;
    --ev-khaki: #dfdacf;
    --ev-taupe: #a3968d;
    --ev-cacao: #4d403a;
    /*
      Neutral gray ladder (uxdam) — same nine chips both modes.
      Light uses the chart roles. Dark inverts the roles (100↔900).
        900 #0F0F0F  light AAA text  /  dark background
        800 #1C1C1C  light AA text   /  dark hover
        700 #3C3C3C  light disabled  /  dark room (middle glass)
        600 #5A5A5A  light disabled bg / dark tile
        500 #7A7A7A  border hover (pivot)
        400 #9B9B9B  light form border / dark mute
        300 #BFBFBF  light input border
        200 #DCDCDC  light hover
        100 #F4F4F4  light background / dark AAA type
    */
    --gray-900: #0f0f0f;
    --gray-800: #1c1c1c;
    --gray-700: #3c3c3c;
    --gray-600: #5a5a5a;
    --gray-500: #7a7a7a;
    --gray-400: #9b9b9b;
    --gray-300: #bfbfbf;
    --gray-200: #dcdcdc;
    --gray-100: #f4f4f4;
    /*
      Glass button — TL catch / BR shade (phone menu, Choose, under-bar chips).
      Face stays see-through; light is the rim, not a carved well.
    */
    --ev-glass-btn-face: color-mix(in srgb, var(--gray-800) 50%, transparent);
    --ev-glass-btn-face-hot: color-mix(in srgb, var(--gray-700) 56%, transparent);
    --ev-glass-btn-lit:
        0 10px 20px rgba(0, 0, 0, 0.36),
        0 2px 6px rgba(0, 0, 0, 0.2),
        inset 1.5px 1.75px 0 rgba(255, 255, 255, 0.58),
        inset -2px -3px 8px rgba(0, 0, 0, 0.48),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    --ev-glass-btn-wash: radial-gradient(
        125% 95% at 28% 18%,
        rgba(255, 255, 255, 0.22) 0%,
        rgba(255, 255, 255, 0.05) 42%,
        transparent 66%
    );
    /* Glass pill — quieter trough (phone search). Same TL/BR, no float. */
    --ev-glass-pill-face: color-mix(in srgb, var(--gray-800) 46%, transparent);
    --ev-glass-pill-lit:
        inset 1.25px 1.5px 0 rgba(255, 255, 255, 0.36),
        inset -1.5px -2px 6px rgba(0, 0, 0, 0.36),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    --ev-glass-pill-wash: radial-gradient(
        140% 90% at 16% 0%,
        rgba(255, 255, 255, 0.14) 0%,
        transparent 58%
    );
    --ev-glass-pill-edge: color-mix(in srgb, var(--gray-100) 22%, transparent);
    /* Raised chips on PEARL page — step down so neo shade can read */
    --ev-btn-face: var(--ev-khaki);
    --ev-btn-face-press: color-mix(in srgb, var(--ev-khaki) 72%, var(--ev-taupe) 28%);
    /* Strong neo raise / carve for Choose + light-tray squares (CACAO shade) —
       khaki eats soft shade; keep cast/lip loud enough to read as 3D */
    --ev-btn-shade: 77, 64, 58;
    --raised-btn:
        7px 10px 18px rgba(var(--ev-btn-shade), 0.42),
        3px 5px 8px rgba(var(--ev-btn-shade), 0.28),
        1px 2px 3px rgba(var(--ev-btn-shade), 0.18),
        -5px -6px 14px rgba(255, 255, 255, 1),
        -2px -2px 4px rgba(255, 255, 255, 0.85),
        inset 2px 2px 0 rgba(255, 255, 255, 0.9),
        inset -1.5px -1.5px 0 rgba(var(--ev-btn-shade), 0.22);
    --recessed-btn:
        inset 8px 10px 18px rgba(var(--ev-btn-shade), 0.5),
        inset 4px 5px 9px rgba(var(--ev-btn-shade), 0.32),
        inset 1px 2px 3px rgba(var(--ev-btn-shade), 0.2),
        inset -5px -6px 12px rgba(255, 255, 255, 0.65),
        inset -2px -2px 0 rgba(255, 255, 255, 0.45);
    /* Ladder aliases (legacy --pearl* names kept for existing rules) */
    --pearl-shine: var(--ev-white);   /* WHITE lip */
    --pearl-hi: var(--ev-white);      /* WHITE lift */
    --pearl: var(--ev-pearl);         /* PEARL canvas */
    --pearl-mid: color-mix(in srgb, var(--ev-pearl) 55%, var(--ev-khaki) 45%);
    --pearl-shade: var(--ev-khaki);   /* KHAKI wells */
    --pearl-deep: color-mix(in srgb, var(--ev-khaki) 85%, var(--ev-taupe) 15%);
    --pearl-rgb: 250, 248, 245;
    --pearl-shine-rgb: 255, 255, 255;
    --pearl-hi-rgb: 255, 255, 255;
    --pearl-shade-rgb: 223, 218, 207;
    --taupe-rgb: 163, 150, 141;
    /* Wired aliases — always prefer these over raw hex in UI chrome */
    --ev-canvas: var(--ev-mist);
    --ev-bg: var(--ev-canvas);
    --ev-results-well: var(--pearl-shade);
    --ev-page-ink: var(--ev-cacao);
    --ev-page-mute: color-mix(in srgb, var(--ev-taupe) 55%, var(--ev-cacao) 45%);
    --surface: var(--pearl);
    --ev-surface: var(--pearl);
    --ev-surface-2: var(--pearl-shade);
    --ev-surface-header: var(--pearl-shade);
    --well: var(--pearl-shade);
    --ink: var(--ev-cacao);
    --mute: var(--ev-page-mute);
    --ev-text: var(--ink);
    --ev-text-muted: var(--mute);
    --ev-ink: var(--ink);
    --shade-cool: var(--taupe-rgb); /* TAUPE soft shade — never LEATHER on light page */
    /* UR light · high lift · tight spread · med soft */
    --sh-x: -12px;
    --sh-y: 16px;
    --sh-blur: 22px;
    --sh-op: 0.14;
    --sh-spread: -2px;
    --sh-lift-y: -3px;
    --sh-y-scale: 1.35;
    --sh-contact-blur: 4px;
    --sh-contact-op: 0.16;
    /* glow med · shine hard — pearl catch, not studio #fff */
    --sh-lip: 0.95;
    --sh-shine: 0.62;
    --sh-glow-op: 0.3;
    --sh-glow-blur: 32px;
    /* Kiss cast (lab data-recipe=kiss) */
    --sh-cast:
        calc(var(--sh-x) * 0.28) calc(var(--sh-y) * 0.28 * var(--sh-y-scale))
            calc(var(--sh-contact-blur) + 1px) 0
            rgba(var(--shade-cool), calc(var(--sh-contact-op) * 0.7)),
        calc(var(--sh-x) * var(--sh-y-scale)) calc(var(--sh-y) * var(--sh-y-scale))
            var(--sh-blur) var(--sh-spread)
            rgba(var(--shade-cool), calc(var(--sh-op) * 0.88));
    --sh-hi:
        inset 1px 1px 0 rgba(var(--pearl-shine-rgb), var(--sh-lip)),
        inset -1px -1px 0 rgba(var(--pearl-shine-rgb), calc(var(--sh-lip) * 0.45));
    --sh-glow:
        0 0 var(--sh-glow-blur) rgba(var(--pearl-shine-rgb), var(--sh-glow-op)),
        calc(var(--sh-x) * -0.35) calc(var(--sh-y) * -0.35) calc(var(--sh-glow-blur) * 0.7)
            rgba(var(--pearl-shine-rgb), calc(var(--sh-glow-op) * 0.55));
    --raised: var(--sh-cast), var(--sh-glow), var(--sh-hi);
    /* Quieter cousin for chips / small controls */
    --raised-sm:
        calc(var(--sh-x) * 0.22) calc(var(--sh-y) * 0.22 * var(--sh-y-scale))
            calc(var(--sh-contact-blur)) 0
            rgba(var(--shade-cool), calc(var(--sh-contact-op) * 0.55)),
        calc(var(--sh-x) * 0.7) calc(var(--sh-y) * 0.7)
            calc(var(--sh-blur) * 0.55) var(--sh-spread)
            rgba(var(--shade-cool), calc(var(--sh-op) * 0.65)),
        inset 1px 1px 0 rgba(var(--pearl-shine-rgb), calc(var(--sh-lip) * 0.9)),
        inset -1px -1px 0 rgba(var(--pearl-shine-rgb), calc(var(--sh-lip) * 0.4));
    /* Recessed well — UR occlusion (shade pools opposite the light) */
    --recessed:
        inset calc(var(--sh-x) * 0.4) calc(var(--sh-y) * 0.35) calc(var(--sh-blur) * 0.7)
            rgba(var(--shade-cool), calc(var(--sh-op) + 0.02)),
        inset calc(var(--sh-x) * -0.3) calc(var(--sh-y) * -0.3) calc(var(--sh-blur) * 0.5)
            rgba(var(--pearl-shine-rgb), calc(0.45 + var(--sh-lip) * 0.2));
}

.ev-app-main {
    background: transparent !important;
}

/* Soft light stage — PEARL/Mist canvas; atmosphere on #main-app pseudos. */
html,
body,
#main-app {
    background: var(--ev-canvas) !important;
    background-color: var(--ev-canvas) !important;
}
/* Soft Kelvin — PEARL canvas (optional) */
html.ev-light-temp-soft {
    --ev-light-r: 245;
    --ev-light-g: 235;
    --ev-light-b: 226;
    --ev-light: var(--ev-light-soft);
    --ev-canvas: var(--pearl);
    --ev-stage-shade: var(--ev-khaki);
}
/* Warm Kelvin — peach strip / search backlight */
html.ev-light-temp-warm {
    --ev-light-r: 255;
    --ev-light-g: 228;
    --ev-light-b: 196;
    --ev-light: var(--ev-light-warm);
}
/* Cool Kelvin — Mist canvas (locked default) + cooler vignette */
html.ev-light-temp-cool,
html:not(.ev-light-temp-warm):not(.ev-light-temp-soft) {
    --ev-light-r: 235;
    --ev-light-g: 242;
    --ev-light-b: 255;
    --ev-light: var(--ev-light-cool);
    --ev-canvas: var(--ev-mist);
    --ev-stage-shade: color-mix(in srgb, #c8d0da 62%, var(--ev-taupe) 38%);
}
/* Let stage wash show through the main column (trays/cards keep their own fill). */
#main-app .ev-app-main,
#main-app .ev-app-content,
#main-app .tab-content,
#main-app .tab-pane,
#ev-main-content,
#inventory-section {
    background: transparent !important;
    background-color: transparent !important;
}
body,
#ev-main-content {
    color: var(--ev-page-ink, var(--ink)) !important;
}

/*
  Stage atmosphere (layered):
  ::before — quiet wash: stage-shade vignette + dock Kelvin bleed (static)
  ::after  — Kelvin corner (+ soft left) with slow breath
  Inventory — lighter results mesh on #ev-main-content
  (Final lock block at file end must keep these alive.)
*/
#main-app {
    position: relative;
}
#main-app::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 1 !important;
    background:
        /* Dock bleed — soft Kelvin falloff from the left rail */
        linear-gradient(
            90deg,
            rgba(var(--ev-light), 0.22) 0%,
            rgba(var(--ev-light), 0.1) 14%,
            rgba(var(--ev-light), 0.03) 32%,
            transparent 58%
        ),
        radial-gradient(
            ellipse 120% 95% at 50% 45%,
            transparent 0%,
            transparent 38%,
            color-mix(in srgb, var(--ev-stage-shade) 72%, transparent) 100%
        ),
        linear-gradient(
            180deg,
            transparent 0%,
            transparent 45%,
            color-mix(in srgb, var(--ev-stage-shade) 48%, transparent) 100%
        );
}

/* Kelvin layers — slow breath (~10s); reduced-motion holds a calm mid opacity */
#main-app::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(var(--ev-light), 0.18) 0%,
            rgba(var(--ev-light), 0.07) 16%,
            transparent 48%
        ),
        radial-gradient(
            ellipse 60% 48% at 96% 4%,
            rgba(var(--ev-light), 0.3) 0%,
            rgba(var(--ev-light), 0.09) 42%,
            transparent 70%
        );
    opacity: 0.72;
    animation: ev-stage-kelvin-breath 10s ease-in-out infinite;
}
@keyframes ev-stage-kelvin-breath {
    0%, 100% { opacity: 0.52; }
    50% { opacity: 0.9; }
}
/* Soft Fresnel breath on L dock sheen + Kelvin (paired with stage light) */
@keyframes ev-dock-fresnel-breath {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 0.92; }
}
@media (prefers-reduced-motion: reduce) {
    #main-app::after {
        animation: none;
        opacity: 0.72;
    }
    #main-app.ev-dock-l > .ev-sidebar.ev-oval::before,
    #main-app.ev-dock-l .ev-dock-strip-l {
        animation: none !important;
        opacity: 1 !important;
    }
    :root {
        --ev-sidebar-slide: 1ms linear;
        --ev-sidebar-collapse: 1ms linear;
        --ev-oval-ease: 1ms linear;
        --ev-dock-label-dur: 1ms;
        --ev-dock-label-delay: 0ms;
    }
    .ev-sidebar.ev-oval .ev-sidebar-link-title.ev-sidebar-expand,
    .ev-sidebar.ev-oval .ev-sidebar-brand-text.ev-sidebar-expand,
    .ev-sidebar.ev-oval .ev-sidebar-user-name.ev-sidebar-expand,
    .ev-sidebar.ev-oval .ev-sidebar-user-chev.ev-sidebar-expand {
        transform: none !important;
        filter: none !important;
    }
}

/* Hidden dock — ease off the left bleed so the page doesn’t glow an empty edge */
#main-app.ev-sidebar-hidden::before {
    background:
        radial-gradient(
            ellipse 120% 95% at 50% 45%,
            transparent 0%,
            transparent 38%,
            color-mix(in srgb, var(--ev-stage-shade) 72%, transparent) 100%
        ),
        linear-gradient(
            180deg,
            transparent 0%,
            transparent 45%,
            color-mix(in srgb, var(--ev-stage-shade) 48%, transparent) 100%
        );
}
#main-app.ev-sidebar-hidden::after {
    background:
        radial-gradient(
            ellipse 60% 48% at 96% 4%,
            rgba(var(--ev-light), 0.3) 0%,
            rgba(var(--ev-light), 0.09) 42%,
            transparent 70%
        );
}

/* Inventory — a touch more vignette so the room reads with the crest */
#main-app.ev-section-inventory::before {
    background:
        linear-gradient(
            90deg,
            rgba(var(--ev-light), 0.26) 0%,
            rgba(var(--ev-light), 0.12) 14%,
            rgba(var(--ev-light), 0.04) 32%,
            transparent 58%
        ),
        radial-gradient(
            ellipse 120% 95% at 50% 45%,
            transparent 0%,
            transparent 32%,
            color-mix(in srgb, var(--ev-stage-shade) 78%, transparent) 100%
        ),
        linear-gradient(
            180deg,
            transparent 0%,
            transparent 40%,
            color-mix(in srgb, var(--ev-stage-shade) 55%, transparent) 100%
        );
}

/*
  Inventory open — mesh/grain under the main column + crest watermark.
  Stronger than the quiet global wash so frost has something to sample.
*/
#main-app.ev-section-inventory #ev-main-content {
    position: relative;
    isolation: isolate;
}
#main-app.ev-section-inventory #ev-main-content::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.62;
    background:
        radial-gradient(
            ellipse 70% 50% at 50% -6%,
            rgba(var(--ev-light), 0.22) 0%,
            transparent 62%
        ),
        radial-gradient(
            ellipse 55% 45% at 88% 18%,
            rgba(var(--ev-light), 0.1) 0%,
            transparent 58%
        ),
        radial-gradient(
            ellipse 50% 40% at 10% 90%,
            rgba(var(--taupe-rgb, 163, 150, 141), 0.12) 0%,
            transparent 60%
        ),
        linear-gradient(
            165deg,
            color-mix(in srgb, var(--ev-stage-shade) 62%, transparent) 0%,
            color-mix(in srgb, var(--ev-stage-shade) 38%, transparent) 45%,
            transparent 78%
        ),
        repeating-linear-gradient(
            -18deg,
            transparent 0,
            transparent 11px,
            rgba(var(--pearl-shine-rgb), 0.05) 11px,
            rgba(var(--pearl-shine-rgb), 0.05) 12px
        );
}
#main-app.ev-section-inventory #ev-main-content > * {
    position: relative;
    z-index: 1;
}

/*
  Inventory crest watermark — live Playfair lockup on the PEARL stage
  (not the black-plate PNG). Idle = readable room; results = whisper.
*/
#inventory-section {
    position: relative;
    isolation: isolate;
    min-height: min(70vh, 42rem);
}
#inventory-section > *:not(.ev-inv-stage-mark) {
    position: relative;
    z-index: 1;
}
.ev-inv-stage-mark {
    /* Viewport seat — same origin as the boot veil. Never the dock well. */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.1rem;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 50vh 1rem 0;
    transform: translateY(-28%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
body.ev-booting .ev-inv-stage-mark,
html:has(#main-app.ev-section-inventory) .ev-inv-stage-mark {
    visibility: visible;
}
body.ev-booting .ev-inv-stage-mark {
    z-index: 4001;
    opacity: 1;
    filter: none;
}
html:has(#main-app.ev-section-inventory) .ev-inv-stage-mark {
    opacity: 0.2;
    filter: brightness(1.8) grayscale(0.1);
}
body.ev-booting .ev-inv-stage-mark {
    opacity: 1;
    filter: none;
}
@media (min-width: 992px) {
    .ev-inv-stage-mark {
        /* Same full-viewport seat as boot — do not offset for the dock */
        left: 0;
    }
}
.ev-inv-stage-mark__crest {
    display: block;
    width: min(52vmin, 28rem);
    height: auto;
    max-width: 90%;
    object-fit: contain;
    background: transparent !important;
    mix-blend-mode: lighten;
    /* Soft cast only — hard 0-blur shadows read as a square plate behind the crest */
    filter:
        sepia(0.12) saturate(0.9) brightness(0.96)
        drop-shadow(6px 8px 3px rgba(28, 22, 18, 0.22))
        drop-shadow(14px 18px 12px rgba(28, 22, 18, 0.12));
    opacity: 0.9;
}
body.ev-booting .ev-inv-stage-mark__crest {
    filter: none;
    opacity: 1;
}
.ev-inv-stage-mark__type {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    text-align: center;
    max-width: 100%;
    padding: 0 0.5rem;
}
.ev-inv-stage-mark__name {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: clamp(1.45rem, 3.6vw, 2.15rem);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.2;
    color: color-mix(in srgb, var(--ev-cacao) 72%, var(--ev-taupe) 28%);
    text-shadow: none;
}
.ev-inv-stage-mark__tag {
    font-family: 'Great Vibes', 'Playfair Display', Georgia, cursive;
    font-weight: 400;
    font-size: clamp(1.55rem, 3.8vw, 2.25rem);
    letter-spacing: 0.02em;
    line-height: 1.15;
    color: color-mix(in srgb, var(--ev-taupe) 55%, var(--ev-cacao) 45%);
    text-shadow: none;
}
body.ev-booting .ev-inv-stage-mark__name {
    color: #ffffff;
}
body.ev-booting .ev-inv-stage-mark__tag {
    color: var(--ev-pearl, #faf8f5);
}
html:has(#main-app.ev-section-inventory) .ev-inv-stage-mark__name,
html:has(#main-app.ev-section-inventory) .ev-inv-stage-mark__tag {
    color: rgba(255, 255, 255, 0.5);
}
body.ev-booting .ev-inv-stage-mark__name {
    color: #ffffff;
}
body.ev-booting .ev-inv-stage-mark__tag {
    color: var(--ev-pearl, #faf8f5);
}
/* Results open — whisper so frost cards own the room */
html:has(#inventory-table-card.results:not(.d-none)) .ev-inv-stage-mark,
html:has(#inventory-item-stage:not(.d-none)) .ev-inv-stage-mark {
    opacity: 0.06;
}
body.ev-booting .ev-inv-stage-mark {
    opacity: 1;
}
@media (max-width: 991.98px) {
    .ev-inv-stage-mark {
        opacity: 0.15;
        left: 0;
        right: 0;
        bottom: auto;
        top: 0;
        padding: 18vh 1rem 0;
        transform: none;
        align-items: center;
        justify-content: flex-start;
        height: auto;
    }
    .ev-inv-stage-mark__crest {
        width: min(58vmin, 22rem);
    }
    #main-app.ev-inventory-bulk-receive .ev-inv-stage-mark,
    #main-app.ev-receive-editing .ev-inv-stage-mark {
        top: 0;
        padding: 18vh 1rem 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .ev-inv-stage-mark {
        transition: none;
    }
}

/* Desktop: lab oval — fixed to the viewport so long results don’t scroll the dock away.
   Main column margin tracks collapsed/expanded width (same reflow as flex, without stretch). */
@media (min-width: 992px) {
    :root {
        --ev-sidebar-w: var(--ev-oval-collapsed);
    }

    #main-app > .ev-sidebar.ev-oval {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        align-self: auto;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 0 !important;
        width: var(--ev-oval-collapsed) !important;
        flex: 0 0 0 !important; /* out of flex width — main uses margin-left */
        max-width: none !important;
        transition:
            width var(--ev-oval-ease),
            padding var(--ev-oval-ease);
        transform: none !important;
    }

    /*
      OVAL GUARD — never apply width/padding/margin expand to .ev-dock-l.
      Unscoped oval rules collapse the L frost to 14rem and delete the top arm.
      See AGENTS.md § Desktop L shell.
    */
    #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval:hover,
    #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval:focus-within,
    body.ev-account-menu-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval,
    body.ev-dock-menu-hold #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval {
        width: var(--ev-oval-expanded) !important;
        /* Same padding as collapsed — changing X-pad made icons jump */
        padding: var(--ev-dock-pad) !important;
    }

    /* Freeze oval dock size while the dropup is out — no reflow under the menu */
    body.ev-account-menu-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval {
        transition: none !important;
    }

    #main-app:not(.ev-dock-l) .ev-app-main {
        margin-left: var(--ev-oval-collapsed) !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        transition: margin-left var(--ev-oval-ease);
    }

    #main-app:not(.ev-dock-l):has(> .ev-sidebar.ev-oval:hover) .ev-app-main,
    #main-app:not(.ev-dock-l):has(> .ev-sidebar.ev-oval:focus-within) .ev-app-main,
    body.ev-account-menu-open #main-app:not(.ev-dock-l) .ev-app-main,
    body.ev-dock-menu-hold #main-app:not(.ev-dock-l) .ev-app-main {
        margin-left: var(--ev-oval-expanded) !important;
    }

    body.ev-account-menu-open #main-app:not(.ev-dock-l) .ev-app-main {
        transition: none !important;
    }

    /* No seam tab — keep the dock’s round 3D edge unbroken (lab) */
    #main-app > .ev-sidebar-hide-rail {
        display: none !important;
    }

    /* Hidden: slide off; main goes full-bleed */
    #main-app.ev-sidebar-hidden > .ev-sidebar.ev-oval {
        width: var(--ev-oval-collapsed) !important;
        transform: translateX(-100%) !important;
        pointer-events: none;
    }

    #main-app.ev-sidebar-hidden .ev-app-main,
    #main-app.ev-sidebar-hidden:has(> .ev-sidebar.ev-oval:hover) .ev-app-main,
    #main-app.ev-sidebar-hidden:has(> .ev-sidebar.ev-oval:focus-within) .ev-app-main {
        margin-left: 0 !important;
    }

    /*
      ═══════════════════════════════════════════════════════════════════
      L OWNERSHIP — desktop L layout / frost / Kelvin / arm-slot live here.
      Do not let oval width/padding/margin rules override this block.
      Geometry SOT: syncEvDockLGeometry → EvDockL.publish (app.js).
      Overlay policy: AGENTS.md § Desktop L shell (blurOver vs exclude).
      ═══════════════════════════════════════════════════════════════════
      Arm shelf always on; stem hover-expands (icons → titles). --ev-sidebar-w
      drives frost clip; grid track stays collapsed. No collapse button.
      Mobile (&lt;992) keeps oval / drawer outside this ownership fence.
    */
    /*
      L shell is viewport-fixed. Document scroll would drag the frost deck away
      and leave the arm search chips floating — only .ev-app-main scrolls.
    */
    html:has(#main-app.ev-dock-l:not(.d-none)),
    html:has(#main-app.ev-dock-l:not(.d-none)) body {
        height: 100%;
        max-height: 100%;
        overflow: hidden !important;
    }

    #main-app.ev-dock-l {
        /*
          --ev-sidebar-w = frost/clip/chrome width (animates on hover).
          Grid track stays collapsed — stem overlays the stage on expand
          so pearl never “slides” open as a white band.
        */
        --ev-sidebar-w: 4.75rem;
        --ev-dock-grid-w: 4.75rem;
        display: grid !important;
        grid-template-columns: var(--ev-dock-grid-w) minmax(0, 1fr);
        grid-template-rows: var(--ev-dock-arm-h) minmax(0, 1fr);
        gap: 0;
        align-items: stretch;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
        overflow: hidden !important;
        /* Idle rule = collapse timing (entering icons-only) */
        transition: --ev-sidebar-w var(--ev-sidebar-collapse, 240ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    /* Hover / focus / account menu — stem paint expands (arm stays; grid does not) */
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover),
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within),
    body.ev-account-menu-open #main-app.ev-dock-l,
    body.ev-dock-menu-hold #main-app.ev-dock-l {
        --ev-sidebar-w: 14rem;
        /* Expanded rule = open timing (entering titles) */
        transition: --ev-sidebar-w var(--ev-sidebar-slide, 520ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    #main-app.ev-dock-l > .ev-sidebar.ev-oval,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval:hover,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval:focus-within,
    body.ev-account-menu-open #main-app.ev-dock-l > .ev-sidebar.ev-oval,
    body.ev-dock-menu-hold #main-app.ev-dock-l > .ev-sidebar.ev-oval {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
        grid-column: 1 / -1;
        grid-row: 1 / -1;
        /* Arm tip stays full-width — never oval’s 14rem expand */
        width: calc(100% - var(--ev-dock-arm-end-gap)) !important;
        max-width: calc(100% - var(--ev-dock-arm-end-gap));
        height: 100% !important;
        min-height: 100% !important;
        flex: none !important;
        justify-self: start;
        align-self: stretch;
        z-index: 1050;
        border-radius: 0 !important;
        /*
          Soft Fresnel glass (Liquid Glass–inspired, web-safe):
          no hard hairline — silhouette from Kelvin + soft sheen + stage contact.
          overflow:hidden keeps soft bloom inside the L clip.
        */
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
        /* Bottom pad tight — foot is flush with the page edge */
        padding: 0.55rem 0.55rem 0.35rem !important;
        display: flex;
        flex-direction: column;
        transition: none !important;
        background: var(--ev-frost-fill-dark) !important;
        background-color: var(--ev-frost-fill-dark) !important;
        background-image: none !important;
        -webkit-backdrop-filter: blur(36px) saturate(175%) brightness(1.04) !important;
        backdrop-filter: blur(36px) saturate(175%) brightness(1.04) !important;
        filter: none !important;
        /* isolation:isolate on the rail makes backdrop sample an empty root */
        isolation: auto;
    }

    /*
      Soft Fresnel sheen — Kelvin Soft, feathered (no 1px rim).
      Hot UL corner + arm shelf wash that runs tip-to-tip along the top band.
    */
    #main-app.ev-dock-l > .ev-sidebar.ev-oval::before {
        content: '' !important;
        display: block !important;
        position: absolute;
        inset: 0;
        /* Under nav (z2) + Kelvin (z5) — sheen on frost body only */
        z-index: 1;
        pointer-events: none;
        border-radius: 0;
        background:
            /* Quiet UL body sheen only — raise comes from INNER Kelvin, not outer wash */
            radial-gradient(
                ellipse 48% 38% at 0% 0%,
                rgba(var(--ev-light), 0.08) 0%,
                rgba(var(--ev-light), 0.03) 32%,
                transparent 62%
            ),
            /* Soft catch under the arm underside (inner L), not the outer top */
            radial-gradient(
                ellipse 56% 28% at 22% calc(var(--ev-dock-arm-h) * 0.92),
                rgba(var(--ev-light), 0.05) 0%,
                rgba(var(--ev-light), 0.015) 42%,
                transparent 68%
            );
        mix-blend-mode: soft-light;
        opacity: 0.42;
        animation: ev-dock-fresnel-breath 11s ease-in-out infinite;
    }

    #main-app.ev-dock-l .ev-dock-strip {
        display: none !important;
    }

    /* Clip-defs host — must stay in the tree (not display:none) for url(#ev-dock-l-clip) */
    #main-app.ev-dock-l .ev-dock-strip-l {
        display: block !important;
        position: absolute;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
    }

    /*
      Inner-L Kelvin — permanent child of frost sidebar (one dock unit).
      Absolute fill of the L clip; screen blend on dark glass.
    */
    #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 6;
        margin: 0;
        padding: 0;
        overflow: visible;
        pointer-events: none;
        opacity: 1;
    }
    #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin .ev-dock-l-rim {
        opacity: 0.42;
        pointer-events: none;
        mix-blend-mode: screen;
        filter: none;
    }
    #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin .ev-dock-l-rim--soft {
        opacity: 0.22;
        filter: blur(2.4px);
        mix-blend-mode: screen;
    }
    #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin .ev-dock-l-raise {
        pointer-events: none;
        mix-blend-mode: screen;
    }
    #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin .ev-dock-l-raise--lip {
        opacity: 0.38;
        filter: blur(0.5px);
    }
    #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin .ev-dock-l-raise--lip-soft {
        opacity: 0.2;
        filter: blur(2.6px);
    }
    /* Thin inner-L only — not the page-edge top/left. Kelvin effects stay. */
    #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin .ev-dock-l-contour {
        fill: none;
        stroke: rgba(255, 255, 255, 0.38);
        stroke-width: 1.2;
        stroke-linejoin: round;
        stroke-linecap: round;
        mix-blend-mode: screen;
        opacity: 0.85;
        pointer-events: none;
    }

    /* Focus — fine Kelvin lip on the stem. Leftward only; no stage leak. */
    #main-app.ev-dock-l .ev-dock-focus {
        right: auto;
        left: calc(var(--ev-sidebar-w) - 2px);
        width: 1.5px;
        border-radius: 999px;
        background: linear-gradient(
            180deg,
            rgba(var(--ev-light), 0) 0%,
            rgba(var(--ev-light), 0.22) 20%,
            rgba(var(--ev-light), 0.55) 50%,
            rgba(var(--ev-light), 0.22) 80%,
            rgba(var(--ev-light), 0) 100%
        );
        box-shadow:
            -2px 0 6px 0 rgba(var(--ev-light), 0.28),
            -7px 0 14px 1px rgba(var(--ev-light), 0.1);
        transition: left var(--ev-sidebar-collapse, 240ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    /* Selected — shade-left glass. Stem lip owns the catch (no right-edge lamp). */
    #main-app.ev-dock-l .ev-sidebar-link.active[data-ev-section],
    #main-app.ev-dock-l .ev-nav-main .nav-link.active[data-ev-section] {
        box-shadow:
            inset 3px 0 0 rgba(0, 0, 0, 0.55),
            inset 10px 0 16px rgba(0, 0, 0, 0.35),
            inset 0 2px 0 rgba(0, 0, 0, 0.35),
            inset 0 -1px 0 rgba(0, 0, 0, 0.25),
            0 4px 12px rgba(0, 0, 0, 0.5) !important;
    }
    #main-app.ev-dock-l .ev-sidebar-link.active[data-ev-section] .ev-sidebar-icon,
    #main-app.ev-dock-l .ev-nav-main .nav-link.active[data-ev-section] .ev-sidebar-icon {
        filter:
            drop-shadow(0 0 3px rgba(var(--ev-light), 0.65))
            drop-shadow(0 0 8px rgba(var(--ev-light), 0.22));
    }
    #main-app.ev-dock-l .ev-sidebar-link.active[data-ev-section] .ev-sidebar-icon svg,
    #main-app.ev-dock-l .ev-nav-main .nav-link.active[data-ev-section] .ev-sidebar-icon svg {
        filter: none;
    }

    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-dock-focus,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-dock-focus,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-dock-focus,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-dock-focus {
        transition: left var(--ev-sidebar-slide, 520ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    /* Backdrop stays out of grid auto-placement (mobile dimmer) */
    #main-app.ev-dock-l > .ev-sidebar-backdrop {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        align-self: start;
    }

    /*
      Brand occupies the arm band (crest in stem column; arm frost to the right).
      Nav + account start below the arm–stem intersect so Kelvin doesn’t cross icons.
      Sidebar box is full-bleed for the L clip — keep stem chrome left-aligned
      (oval collapsed centering would park icons in the open notch).
    */
    #main-app.ev-dock-l > .ev-sidebar.ev-oval {
        align-items: flex-start !important;
        /* Arm frost is paint-only — hover expand is stem column only */
        pointer-events: none !important;
    }

    /*
      Stem hit slab: full height × current stem width (idle / expanded).
      Arm shelf to the right stays pass-through so search doesn’t expand the dock.
    */
    #main-app.ev-dock-l > .ev-sidebar.ev-oval::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: var(--ev-sidebar-w);
        max-width: 100%;
        z-index: 1;
        pointer-events: auto;
        background: transparent;
        border: none;
        box-shadow: none;
        border-radius: 0;
    }

    #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-brand,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-nav,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-account {
        pointer-events: auto;
    }

    #main-app.ev-dock-l .ev-sidebar-brand {
        flex: 0 0 auto;
        box-sizing: border-box;
        /* Open SOT: crest + name band — do not grow/shrink on stem open */
        --ev-dock-brand-h: calc(4.55rem + 2.1rem + 0.45rem);
        height: var(--ev-dock-brand-h) !important;
        min-height: var(--ev-dock-brand-h) !important;
        max-height: var(--ev-dock-brand-h) !important;
        overflow: visible !important;
        /* Top-align so crest doesn’t re-center when the name opens */
        place-content: flex-start center;
        margin: 0 0 0.45rem !important;
        padding: 0.45rem 0 0 !important;
        align-self: flex-start !important;
        width: var(--ev-sidebar-w) !important;
        max-width: var(--ev-sidebar-w) !important;
        transition:
            width var(--ev-sidebar-collapse, 280ms cubic-bezier(0.22, 1, 0.36, 1)),
            max-width var(--ev-sidebar-collapse, 280ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    #main-app.ev-dock-l .ev-sidebar-brand-link,
    #main-app.ev-dock-l .ev-sidebar-brand-glass {
        justify-content: flex-start !important;
        align-items: center !important;
        position: relative;
        overflow: visible !important;
    }

    /* Name sits under crest — never pushes the mark up */
    #main-app.ev-dock-l .ev-sidebar-brand-glass {
        gap: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    /* Icons start one icon-slot below arm intersect (clear of crook Kelvin) */
    #main-app.ev-dock-l .ev-sidebar-nav {
        margin-top: calc(var(--ev-dock-icon-slot) + 0.15rem);
        align-self: flex-start !important;
        width: var(--ev-sidebar-w) !important;
        max-width: var(--ev-sidebar-w) !important;
        flex: 1 1 auto;
        min-height: 0;
        align-items: stretch !important;
        transition:
            width var(--ev-sidebar-collapse, 240ms cubic-bezier(0.22, 1, 0.36, 1)),
            max-width var(--ev-sidebar-collapse, 240ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    #main-app.ev-dock-l .ev-sidebar-account {
        align-self: flex-start !important;
        width: var(--ev-sidebar-w) !important;
        max-width: var(--ev-sidebar-w) !important;
        margin-top: auto;
        transition:
            width var(--ev-sidebar-collapse, 240ms cubic-bezier(0.22, 1, 0.36, 1)),
            max-width var(--ev-sidebar-collapse, 240ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    /* Expand: chrome width follows the slower open */
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-sidebar-brand,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-sidebar-brand,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-sidebar-brand,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-sidebar-brand,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-sidebar-nav,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-sidebar-nav,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-sidebar-nav,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-sidebar-nav,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-sidebar-account,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-sidebar-account,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-sidebar-account,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-sidebar-account {
        transition:
            width var(--ev-sidebar-slide, 520ms cubic-bezier(0.22, 1, 0.36, 1)),
            max-width var(--ev-sidebar-slide, 520ms cubic-bezier(0.22, 1, 0.36, 1));
    }

    /* Stem column stays stretch — centering on collapse shifted seps / icons */
    #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-nav,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-nav,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-account,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-account {
        align-items: stretch !important;
    }
    #main-app.ev-dock-l .ev-sidebar-sep {
        margin: 0.35rem 0 !important;
        height: 1px !important;
        min-height: 1px !important;
        max-height: 1px !important;
    }

    /*
      Crest — slightly larger mark; keep natural gold (no invert).
      Soft scale breathe with open/retract; transform keeps layout still.
      Shop name words (.ev-sidebar-brand-text) are white+bright separately.
    */
    #main-app.ev-dock-l .ev-sidebar-brand-mark {
        width: 4.55rem;
        height: 4.55rem;
        flex-shrink: 0;
        transform: scale(1);
        transform-origin: center center;
        transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-sidebar-brand-mark,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-sidebar-brand-mark,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-sidebar-brand-mark,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-sidebar-brand-mark {
        /* Slight soft enlarge — same layout box, no vertical jump */
        transform: scale(1.06);
        transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    /*
      Shop name under crest — hidden when stem collapsed; white+bright on expand.
      Beat oval max-height:0 so the words can actually paint when open.
    */
    #main-app.ev-dock-l .ev-sidebar-brand-text.ev-sidebar-expand {
        position: absolute !important;
        top: calc(4.55rem + 0.2rem) !important;
        left: 0.1rem !important;
        right: 0.1rem !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        max-height: none !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
        font-size: 0.78rem !important;
        letter-spacing: 0.05em !important;
        color: #ffffff !important;
        text-shadow:
            0 0 8px rgba(255, 255, 255, 0.65),
            0 0 18px rgba(255, 255, 255, 0.35),
            0 1px 2px rgba(0, 0, 0, 0.5) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(0.2rem);
        filter: blur(4px);
        pointer-events: none !important;
        transition:
            opacity 220ms ease,
            transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
            filter 200ms ease,
            visibility 0s linear 220ms !important;
    }

    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-sidebar-brand-text.ev-sidebar-expand,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-sidebar-brand-text.ev-sidebar-expand,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-sidebar-brand-text.ev-sidebar-expand,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-sidebar-brand-text.ev-sidebar-expand {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        filter: none !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transition:
            opacity 480ms ease 120ms,
            transform 520ms cubic-bezier(0.22, 1, 0.36, 1) 100ms,
            filter 420ms ease 100ms,
            visibility 0s linear 120ms !important;
    }

    /* Open SOT — name band always reserved; words only fade in */
    #main-app.ev-dock-l .ev-sidebar-brand-glass,
    #main-app.ev-dock-l > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-brand-glass,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-sidebar-brand-glass,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-sidebar-brand-glass,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-sidebar-brand-glass,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-sidebar-brand-glass {
        padding-bottom: 2.1rem !important;
    }

    /*
      Main column — MUST beat oval hover margin-left (that rule is higher
      specificity than #main-app.ev-dock-l alone and was shoving pearl right
      → white stripe beside the stem).
    */
    #main-app.ev-dock-l .ev-app-main,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-app-main,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-app-main,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-app-main,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-app-main {
        grid-column: 2;
        grid-row: 2;
        z-index: 1;
        min-height: 0 !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        flex: none !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        transition: none !important;
        box-shadow: none !important;
    }

    /*
      Canvas crest — same full-viewport seat as the boot mark.
      Do not offset into the content well (that jumped the fade).
    */
    #main-app.ev-dock-l .ev-inv-stage-mark,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:hover) .ev-inv-stage-mark,
    #main-app.ev-dock-l:has(> .ev-sidebar.ev-oval:focus-within) .ev-inv-stage-mark,
    body.ev-account-menu-open #main-app.ev-dock-l .ev-inv-stage-mark,
    body.ev-dock-menu-hold #main-app.ev-dock-l .ev-inv-stage-mark,
    #main-app.ev-dock-l.ev-sidebar-hidden .ev-inv-stage-mark {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding: 50vh 1rem 0 !important;
        transform: translateY(-28%) !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 1.1rem;
        transition: none !important;
    }

    /* Legacy off-canvas class — neutralized (stem hover-expands instead) */
    #main-app.ev-dock-l.ev-sidebar-hidden > .ev-sidebar.ev-oval {
        transform: none !important;
        pointer-events: auto;
    }

    #main-app.ev-dock-l.ev-sidebar-hidden .ev-app-main {
        grid-column: 2;
        grid-row: 2;
        margin-left: 0 !important;
    }
}

#main-app > .ev-sidebar.ev-oval,
.ev-sidebar.ev-oval {
    /*
      Dark frost rail — frost-lab tray dark recipe + Kelvin strip wash.
      Strip / focus bloom / side-lit selected stay StockBook Kelvin.
    */
    isolation: isolate;
    background: var(--ev-frost-fill-dark) !important;
    background-color: var(--ev-frost-fill-dark) !important;
    background-image: none !important;
    background-blend-mode: normal;
    -webkit-backdrop-filter: blur(32px) saturate(160%);
    backdrop-filter: blur(32px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, var(--ev-frost-hairline)) !important;
    border-left: none !important;
    border-radius: 0 var(--ev-dock-shell-r) var(--ev-dock-shell-r) 0 !important;
    box-shadow:
        14px 0 28px rgba(0, 0, 0, 0.2),
        0 12px 32px rgba(0, 0, 0, calc(0.16 + 0.12 * var(--ev-frost-glow))),
        inset 0 0 0 1px rgba(255, 255, 255, calc(0.12 * var(--ev-frost-inner-line))),
        inset 16px 16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)),
        inset -16px -16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)) !important;
    filter: none !important;
    padding: var(--ev-dock-pad) !important;
    overflow: visible;
    align-items: stretch;
    gap: 0.3rem;
    z-index: 1050 !important;
    background-clip: padding-box;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    #main-app > .ev-sidebar.ev-oval,
    .ev-sidebar.ev-oval {
        background-color: var(--ev-dock-panel-solid) !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    #main-app > .ev-sidebar.ev-oval,
    .ev-sidebar.ev-oval {
        background-color: var(--ev-dock-panel-solid) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* Soft wash from the strip into the bar (warm Kelvin, angles inward) */
.ev-sidebar.ev-oval::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
        270deg,
        rgba(var(--ev-light), 0.1) 0%,
        rgba(var(--ev-light), 0.04) 14%,
        rgba(var(--ev-light), 0.015) 28%,
        transparent 48%
    );
}

.ev-sidebar.ev-oval::after {
    content: none !important;
    display: none !important;
}

.ev-sidebar.ev-oval > *:not(.ev-dock-strip):not(.ev-dock-focus):not(.ev-dock-strip-l):not(.ev-dock-l-kelvin) {
    position: relative;
    z-index: 2;
}

/* ── Glass strip + focus bloom — flush on the right border (glass .nav__strip) ── */
.ev-dock-strip,
.ev-dock-focus {
    position: absolute;
    right: 0;
    width: 2px;
    border-radius: 999px;
    pointer-events: none;
}

.ev-dock-strip {
    top: 1.1rem;
    bottom: 1.1rem;
    z-index: 5;
    background: linear-gradient(
        180deg,
        rgba(var(--ev-light), 0) 0%,
        var(--ev-dock-strip-core) 6%,
        var(--ev-dock-strip-core) 94%,
        rgba(var(--ev-light), 0) 100%
    );
    box-shadow: var(--ev-dock-strip-bloom);
    -webkit-mask-image: linear-gradient(
        180deg,
        transparent 0%,
        #000 6%,
        #000 94%,
        transparent 100%
    );
    mask-image: linear-gradient(
        180deg,
        transparent 0%,
        #000 6%,
        #000 94%,
        transparent 100%
    );
}

.ev-dock-focus {
    top: 0;
    height: 40px;
    z-index: 6;
    opacity: 0;
    background: linear-gradient(
        180deg,
        rgba(var(--ev-light), 0) 0%,
        rgba(var(--ev-light), 0.24) 12%,
        rgba(var(--ev-light), 0.78) 28%,
        rgb(var(--ev-light)) 48%,
        rgba(var(--ev-light), 0.82) 68%,
        rgba(var(--ev-light), 0.3) 86%,
        rgba(var(--ev-light), 0) 100%
    );
    box-shadow: var(--ev-dock-focus-bloom);
    transition:
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        height 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.2s ease,
        box-shadow 0.28s ease;
    will-change: transform, height;
}

.ev-dock-focus.is-on {
    opacity: 1;
}

/* L Kelvin overlay — desktop only (shown under #main-app.ev-dock-l @992+) */
.ev-dock-strip-l {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
    overflow: visible;
}
/* Desktop L Kelvin overlay — hidden until .ev-dock-l media rules show it */
.ev-dock-l-kelvin {
    display: none;
}
.ev-dock-l-rim {
    opacity: 0.9;
    pointer-events: none;
    mix-blend-mode: screen;
}
.ev-dock-l-rim--soft {
    opacity: 0.55;
    filter: blur(3.4px);
    mix-blend-mode: screen;
}
.ev-dock-l-raise {
    pointer-events: none;
    mix-blend-mode: screen;
}
.ev-dock-l-raise--lip {
    opacity: 0.9;
    filter: blur(0.6px);
}
.ev-dock-l-raise--lip-soft {
    opacity: 0.55;
    filter: blur(3.5px);
}

@media (prefers-reduced-motion: reduce) {
    .ev-dock-focus {
        transition: opacity 0.15s ease;
        will-change: auto;
    }
}

/* Account menu opens beside the dock — must not be clipped by oval overflow */
#main-app > .ev-sidebar.ev-oval:has(.dropdown-menu.show),
.ev-sidebar.ev-oval:has(.dropdown-menu.show) {
    overflow: visible !important;
}

.ev-sidebar-account,
.ev-sidebar-account .dropdown {
    position: relative;
    overflow: visible !important;
    z-index: 1100;
}

/*
  Brand — crest + Playfair name only (no carved frost plate).
*/
.ev-sidebar-brand {
    border-bottom: none !important;
    padding: 0.35rem 0 0.55rem !important;
    margin: 0 0 0.25rem !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto;
    align-self: stretch;
}

.ev-sidebar-brand-link {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-width: 0;
    width: 100%;
    text-align: center !important;
    text-decoration: none !important;
}

.ev-sidebar-brand-glass {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    min-height: 0;
    padding: 0.35rem 0.35rem 0.15rem;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    overflow: visible;
}

.ev-sidebar-brand-glass::before,
.ev-sidebar-brand-glass::after {
    content: none !important;
    display: none !important;
}

.ev-sidebar-brand-mark {
    position: relative;
    z-index: 1;
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    border-radius: 0;
    overflow: visible;
    display: grid;
    place-items: center;
    background: transparent !important;
    box-shadow: none !important;
}

.ev-sidebar-brand-mark .ev-sidebar-logo,
.ev-sidebar-brand-mark img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    /* UL light → hard shape-mirror cast BR on the dark dock */
    filter:
        drop-shadow(1px 2px 0 rgba(0, 0, 0, 0.78))
        drop-shadow(3px 4px 1px rgba(0, 0, 0, 0.48));
}

/* Raised neo medal — client logo sits in a 3D surface (dock / login / settings) */
.ev-brand-medal {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(160deg, #c8c8ce 0%, #9a9aa2 42%, #6e6e76 100%);
    box-shadow:
        -3px -3px 7px rgba(255, 255, 255, 0.14),
        4px 5px 14px rgba(0, 0, 0, 0.45),
        inset 1px 1px 0 rgba(255, 255, 255, 0.35),
        inset -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.ev-brand-medal--hero {
    width: min(11rem, 72vw);
    height: min(11rem, 72vw);
    border-radius: 28px;
    padding: 0.65rem;
    background: linear-gradient(160deg, var(--well) 0%, #b0b0b8 45%, #8a8a92 100%);
}

.ev-brand-medal--modal {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 22px;
    padding: 0.45rem;
    background: linear-gradient(160deg, var(--well) 0%, #b0b0b8 45%, #8a8a92 100%);
}

.ev-brand-medal--loading {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 20px;
    padding: 0.4rem;
    margin: 0 auto 1rem;
    background: linear-gradient(160deg, var(--well) 0%, #b0b0b8 45%, #8a8a92 100%);
}

.ev-brand-medal--settings {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 18px;
    padding: 0.3rem;
}

.ev-brand-medal .ev-brand-logo,
.ev-brand-medal img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    border-radius: inherit;
    display: block;
}

.ev-brand-medal--hero .ev-brand-logo,
.ev-brand-medal--modal .ev-brand-logo,
.ev-brand-medal--loading .ev-brand-logo,
.ev-brand-medal--settings .ev-brand-logo {
    object-fit: contain;
    border-radius: calc(inherit - 4px);
    background: rgba(255, 255, 255, 0.35);
}

.ev-sidebar-logo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    border-radius: inherit;
    filter: saturate(0.95);
    display: block;
}

.ev-shop-logo-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.ev-shop-logo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.ev-sidebar-brand-text {
    position: relative;
    z-index: 1;
    padding: 0 0.2rem;
    max-width: 100%;
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase;
    color: #ffffff !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    white-space: normal;
    text-align: center;
    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.55),
        0 0 16px rgba(255, 255, 255, 0.28),
        0 1px 2px rgba(0, 0, 0, 0.45);
}

.ev-sidebar-nav {
    display: flex;
    flex-direction: column;
    /* flex-start: meta/footer grow must not re-center (jump) the links */
    justify-content: flex-start;
    flex: 1 1 auto;
    min-height: 0;
    /* One icon slot of air under the crest before Dashboard / … */
    margin-top: var(--ev-dock-icon-slot);
    padding: 0.35rem 0 !important;
    /* scroll here so the shell can stay overflow:visible — strip rides the border */
    overflow-x: hidden;
    overflow-y: auto;
}

/* Gap lives on .ev-nav-main — kill legacy per-li margins */
.ev-nav-main > li + li {
    margin-top: 0 !important;
}

/*
  Quiet hairline between nav groups.
  Must NOT use display:flex (inherited from .ev-nav-main > li) — the ::after
  was a flex child whose width grew on stem expand and nudged Cashflow / peers.
  Slot height is fixed; hairline is absolutely painted so expand is paint-only.
*/
.ev-nav-main > li.ev-sidebar-sep {
    display: block !important;
    justify-content: unset !important;
    align-items: unset !important;
    width: 100% !important;
    align-self: stretch !important;
}

.ev-sidebar-sep {
    list-style: none !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    /* Tight group gap — matches retracted density (was 0.75rem + wrap thrash) */
    margin: 0.35rem 0 !important;
    padding: 0 !important;
    border: none !important;
    pointer-events: none !important;
    position: relative !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
}

.ev-sidebar-sep::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    height: 1px !important;
    /* Nearly full chrome column; absolute so length never reflows nav */
    width: calc(100% - 0.85rem) !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
    border-radius: 1px !important;
}

@media (max-width: 991.98px) {
    .ev-sidebar.ev-oval .ev-sidebar-sep {
        margin: 0.45rem 0 !important;
    }
    .ev-sidebar.ev-oval .ev-sidebar-sep::after {
        width: calc(100% - 0.7rem) !important;
    }
}

/* Nav segments — glass.html .nav__item (square · mute/ink) */
.ev-sidebar-link {
    color: var(--ev-dock-mute) !important;
    border-radius: var(--ev-dock-seg-r) !important;
    height: auto !important;
    min-height: 2.75rem;
    padding: 0.65rem 0.75rem !important;
    margin: 0 !important;
    gap: 0.35rem !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.01em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;
    transition: color 0.2s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.ev-sidebar-link:not(.active) .ev-sidebar-icon,
.ev-sidebar-link:not(.active) .ev-sidebar-link-title {
    color: inherit !important;
    opacity: 1 !important;
}
.ev-sidebar-link:not(.active) .ev-sidebar-icon {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45));
}

.ev-sidebar-link[data-ev-section],
#main-app .ev-nav-main .nav-link[data-ev-section] {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.ev-nav-main,
.ev-nav-main > li {
    width: 100%;
}

.ev-nav-main > li {
    display: flex;
    justify-content: center;
}

.ev-sidebar-link::before,
.ev-sidebar-link.active::before {
    display: none !important;
    content: none !important;
}

/*
  Hover — carved lighter than the bar.
  Shell stays darkest; the pressed well lifts a mid face + soft inner light.
  Skip .active so selection stays side-lit.
*/
.ev-sidebar-link:hover:not(.active),
#main-app .ev-nav-main .nav-link:hover:not(.active) {
    color: rgba(240, 242, 248, 0.95) !important;
    background: var(--ev-dock-carve) !important;
    box-shadow:
        inset 4px 5px 12px rgba(0, 0, 0, 0.65),
        inset 2px 0 8px rgba(0, 0, 0, 0.4),
        inset -2px -3px 8px rgba(255, 255, 255, 0.07),
        inset -1px 0 6px rgba(255, 255, 255, 0.05),
        inset 0 0 0 1px rgba(255, 255, 255, 0.14),
        inset 0 1px 2px rgba(255, 255, 255, 0.28),
        inset 0 0 18px rgba(255, 255, 255, 0.06) !important;
}

/*
  Active section — side-lit glass (shade left / catch toward strip).
  Notif + account keep their own chrome; strip bloom only tracks data-ev-section.
*/
.ev-sidebar-link.active[data-ev-section],
#main-app .ev-nav-main .nav-link.active[data-ev-section] {
    color: var(--ev-dock-ink) !important;
    font-weight: 700 !important;
    background: linear-gradient(
        90deg,
        var(--ev-dock-seg-top) 0%,
        #1e1e22 42%,
        var(--ev-dock-seg-bot) 100%
    ) !important;
    box-shadow:
        /* shade away from strip (left) */
        inset 3px 0 0 rgba(0, 0, 0, 0.55),
        inset 10px 0 16px rgba(0, 0, 0, 0.35),
        /* warm light catch toward strip (right) — couples with focus bloom */
        inset -1px 0 0 rgba(var(--ev-light), 0.4),
        inset -8px 0 14px rgba(var(--ev-light), 0.1),
        inset -16px 0 28px rgba(var(--ev-light), 0.05),
        inset 0 2px 0 rgba(0, 0, 0, 0.35),
        inset 0 -1px 0 rgba(0, 0, 0, 0.25),
        0 4px 12px rgba(0, 0, 0, 0.5),
        6px 0 18px rgba(var(--ev-light), 0.05) !important;
}

.ev-sidebar-link.active[data-ev-section] .ev-sidebar-icon,
#main-app .ev-nav-main .nav-link.active[data-ev-section] .ev-sidebar-icon {
    color: rgb(var(--ev-light)) !important;
    opacity: 1 !important;
    filter:
        drop-shadow(0 0.5px 0 rgba(var(--ev-light), 0.9))
        drop-shadow(0 0 3px rgba(var(--ev-light), 0.75))
        drop-shadow(0 0 10px rgba(var(--ev-light), 0.4));
}

.ev-sidebar-link.active[data-ev-section] .ev-sidebar-icon svg,
#main-app .ev-nav-main .nav-link.active[data-ev-section] .ev-sidebar-icon svg {
    filter:
        drop-shadow(0 0 2px rgba(var(--ev-light), 0.55))
        drop-shadow(0 0 6px rgba(var(--ev-light), 0.28));
}

/* Non-section active — same glass segment language (notif hub keeps its own gold rules) */
.ev-sidebar-link.active:not([data-ev-section]):not(.ev-sidebar-notif),
#main-app .ev-nav-main .nav-link.active:not([data-ev-section]):not(.ev-sidebar-notif) {
    color: var(--ev-dock-ink) !important;
    font-weight: 700 !important;
    background: linear-gradient(
        90deg,
        var(--ev-dock-seg-top) 0%,
        #1e1e22 42%,
        var(--ev-dock-seg-bot) 100%
    ) !important;
    box-shadow:
        inset 3px 0 0 rgba(0, 0, 0, 0.55),
        inset 10px 0 16px rgba(0, 0, 0, 0.35),
        inset -1px 0 0 rgba(var(--ev-light), 0.34),
        inset -8px 0 14px rgba(var(--ev-light), 0.08),
        inset 0 2px 0 rgba(0, 0, 0, 0.35),
        inset 0 -1px 0 rgba(0, 0, 0, 0.25),
        0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

#main-app .ev-nav-main .nav-link.active::before,
#main-app .ev-nav-main .nav-link.active::after {
    display: none !important;
    content: none !important;
}

.ev-sidebar-icon {
    width: 1.25rem !important;
    height: 1.25rem !important;
    flex-shrink: 0;
    display: grid !important;
    place-items: center;
    color: inherit !important;
    opacity: 0.9;
}

.ev-sidebar-icon svg {
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    margin: 0 auto;
}

.ev-sidebar-link-title {
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
    color: inherit !important;
    /* Full rail width — word length must not shift icon centering */
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.ev-nav-main {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

/*
  Nav titles: FIXED one-line footprint always (open + closed).
  Slot is height:1.15rem / flex-basis:1.15rem; reveal is opacity/blur/visibility
  only — do not tuck height to 0 on collapse (that reflows the whole rail).
  nowrap stops narrow-stem wrap → open unwrap (divider jump).
  Brand name still height-collapses — arm band is too tight to reserve it.
  Needs attention is excluded (:not(.ev-sidebar-notif)) — horizontal carved row.
*/
@media (min-width: 992px) {
    /*
      Section titles only (column stack). Needs attention is a horizontal carved
      row — must NOT get flex-basis:1.15rem / width:100% or the label crushes
      beside the bell inside the box.
    */
    .ev-sidebar.ev-oval .ev-sidebar-link:not(.ev-sidebar-notif) .ev-sidebar-link-title.ev-sidebar-expand {
        opacity: 0;
        height: 1.15rem !important;
        max-height: 1.15rem !important;
        max-width: 100% !important;
        flex: 0 0 1.15rem !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0.1rem !important;
        overflow: hidden !important;
        transform: translateY(0.35rem);
        filter: blur(4px);
        transition: none !important;
        pointer-events: none;
        min-width: 0 !important;
        visibility: hidden;
        text-align: center !important;
        white-space: nowrap !important;
        text-overflow: ellipsis;
        line-height: 1.15rem !important;
    }

    #main-app > .ev-sidebar.ev-oval:hover .ev-sidebar-link:not(.ev-sidebar-notif) .ev-sidebar-link-title.ev-sidebar-expand,
    #main-app > .ev-sidebar.ev-oval:focus-within .ev-sidebar-link:not(.ev-sidebar-notif) .ev-sidebar-link-title.ev-sidebar-expand,
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-link:not(.ev-sidebar-notif) .ev-sidebar-link-title.ev-sidebar-expand,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-link:not(.ev-sidebar-notif) .ev-sidebar-link-title.ev-sidebar-expand {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        filter: blur(0);
        pointer-events: auto;
        transition:
            opacity var(--ev-dock-label-dur, 0.45s) ease var(--ev-dock-label-delay, 0.2s),
            transform var(--ev-dock-label-dur, 0.45s) var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1))
                var(--ev-dock-label-delay, 0.2s),
            filter calc(var(--ev-dock-label-dur, 0.45s) - 0.06s) ease var(--ev-dock-label-delay, 0.2s),
            visibility 0s linear var(--ev-dock-label-delay, 0.2s) !important;
    }

    /* Brand shop name — soft reveal; may tuck height (lives in fixed arm band) */
    .ev-sidebar.ev-oval .ev-sidebar-brand-text.ev-sidebar-expand {
        opacity: 0;
        max-height: 0 !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        transform: translateY(0.35rem);
        filter: blur(4px);
        transition: none !important;
        pointer-events: none;
        min-width: 0 !important;
        visibility: hidden;
    }

    #main-app > .ev-sidebar.ev-oval:hover .ev-sidebar-brand-text.ev-sidebar-expand,
    #main-app > .ev-sidebar.ev-oval:focus-within .ev-sidebar-brand-text.ev-sidebar-expand,
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-brand-text.ev-sidebar-expand,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-brand-text.ev-sidebar-expand {
        opacity: 1;
        visibility: visible;
        max-height: 2.4rem !important;
        transform: translateY(0);
        filter: blur(0);
        pointer-events: auto;
        transition:
            opacity var(--ev-dock-label-dur, 0.45s) ease var(--ev-dock-label-delay, 0.2s),
            transform var(--ev-dock-label-dur, 0.45s) var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1))
                var(--ev-dock-label-delay, 0.2s),
            filter calc(var(--ev-dock-label-dur, 0.45s) - 0.06s) ease var(--ev-dock-label-delay, 0.2s),
            max-height 0.35s var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1)) 0.08s,
            visibility 0s linear var(--ev-dock-label-delay, 0.2s) !important;
    }

    /* Same link height open/closed — label slot is always reserved above */
    #main-app > .ev-sidebar.ev-oval .ev-sidebar-link[data-ev-section],
    #main-app.ev-dock-l .ev-sidebar-link[data-ev-section] {
        justify-content: flex-start !important;
        align-items: center !important;
        height: 3.35rem !important;
        min-height: 3.35rem !important;
        max-height: 3.35rem !important;
        box-sizing: border-box !important;
    }
    #main-app > .ev-sidebar.ev-oval .ev-sidebar-icon {
        flex: 0 0 1.25rem !important;
        width: 1.25rem !important;
        height: 1.25rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Account chip — soft reveal on expand; snap on collapse */
    .ev-sidebar.ev-oval .ev-sidebar-user-name.ev-sidebar-expand,
    .ev-sidebar.ev-oval .ev-sidebar-user-chev.ev-sidebar-expand {
        opacity: 0;
        max-width: 0 !important;
        flex: 0 0 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        transform: translateX(-0.25rem);
        filter: blur(3px);
        transition: none !important;
        pointer-events: none;
        white-space: nowrap;
        min-width: 0 !important;
    }

    #main-app > .ev-sidebar.ev-oval:hover .ev-sidebar-user-name.ev-sidebar-expand,
    #main-app > .ev-sidebar.ev-oval:focus-within .ev-sidebar-user-name.ev-sidebar-expand,
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-user-name.ev-sidebar-expand,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-user-name.ev-sidebar-expand {
        opacity: 1;
        max-width: 12rem !important;
        flex: 1 1 auto !important;
        width: auto !important;
        transform: translateX(0);
        filter: blur(0);
        pointer-events: auto;
        transition:
            opacity var(--ev-dock-label-dur, 0.45s) ease var(--ev-dock-label-delay, 0.2s),
            transform var(--ev-dock-label-dur, 0.45s) var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1))
                var(--ev-dock-label-delay, 0.2s),
            filter calc(var(--ev-dock-label-dur, 0.45s) - 0.06s) ease var(--ev-dock-label-delay, 0.2s),
            max-width 0.42s var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1)) 0.12s !important;
    }

    /* Chevron is a fixed icon, not a flex grower */
    #main-app > .ev-sidebar.ev-oval:hover .ev-sidebar-user-chev.ev-sidebar-expand,
    #main-app > .ev-sidebar.ev-oval:focus-within .ev-sidebar-user-chev.ev-sidebar-expand,
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-user-chev.ev-sidebar-expand,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-user-chev.ev-sidebar-expand {
        opacity: 1;
        flex: 0 0 0.9rem !important;
        max-width: 0.9rem !important;
        width: 0.9rem !important;
        margin-left: auto !important;
        transform: translateX(0);
        filter: blur(0);
        pointer-events: auto;
        transition:
            opacity var(--ev-dock-label-dur, 0.45s) ease calc(var(--ev-dock-label-delay, 0.2s) + 0.06s),
            transform var(--ev-dock-label-dur, 0.45s) var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1))
                calc(var(--ev-dock-label-delay, 0.2s) + 0.06s),
            filter 0.35s ease calc(var(--ev-dock-label-delay, 0.2s) + 0.06s),
            max-width 0.4s var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1)) 0.14s !important;
    }

    /* Section links keep glass column gap; account stays row */
    #main-app > .ev-sidebar.ev-oval .ev-sidebar-link[data-ev-section],
    #main-app > .ev-sidebar.ev-oval .ev-sidebar-brand-link {
        gap: 0.35rem !important;
        min-width: 0;
        overflow: hidden;
    }

    #main-app > .ev-sidebar.ev-oval .ev-sidebar-user {
        gap: 0 !important;
        min-width: 0;
        overflow: hidden;
        flex-direction: row !important;
        justify-content: center !important;
        transition:
            gap var(--ev-sidebar-collapse, 240ms var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1))),
            width var(--ev-sidebar-collapse, 240ms var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1)));
    }

    #main-app > .ev-sidebar.ev-oval:hover .ev-sidebar-user,
    #main-app > .ev-sidebar.ev-oval:focus-within .ev-sidebar-user,
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-user,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-user {
        gap: 0.7rem !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transition:
            gap var(--ev-sidebar-slide, 520ms var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1))),
            width var(--ev-sidebar-slide, 520ms var(--ev-dock-ease, cubic-bezier(0.22, 1, 0.36, 1)));
    }

    /*
      Collapsed rail symmetry — equal pad + centered icon slots
      (brand / nav / notif / account share one center line).
    */
    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) {
        align-items: center !important;
    }

    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval,
    #main-app > .ev-sidebar.ev-oval:hover,
    #main-app > .ev-sidebar.ev-oval:focus-within {
        align-items: stretch !important;
    }

    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-brand {
        width: auto;
        align-self: stretch;
        align-items: stretch;
    }

    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-nav,
    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-account {
        width: 100%;
        align-items: center;
    }

    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-link[data-ev-section] {
        padding-left: 0.35rem !important;
        padding-right: 0.35rem !important;
    }

    /* Brand glass stays edge-to-edge — no collapsed side pad on the cap */
    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-brand-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Collapsed: crest only; name returns on hover */
    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-brand-glass {
        min-height: 0;
        padding: 0.25rem 0.2rem;
        gap: 0;
    }
    #main-app > .ev-sidebar.ev-oval:hover .ev-sidebar-brand-glass,
    #main-app > .ev-sidebar.ev-oval:focus-within .ev-sidebar-brand-glass,
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-brand-glass,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-brand-glass {
        padding: 0.35rem 0.35rem 0.15rem;
        gap: 0.4rem;
    }

    #main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) .ev-sidebar-user {
        width: var(--ev-dock-icon-slot) !important;
        min-width: var(--ev-dock-icon-slot) !important;
        max-width: var(--ev-dock-icon-slot) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0.2rem !important;
        justify-content: center !important;
    }

    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-user,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-user {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0.45rem !important;
        justify-content: flex-start !important;
    }

    /* Meta: fixed footprint under the chip. Width tween used to wrap the
       legal line → height thrash → admin avatar bounced up then down. */
    .ev-sidebar.ev-oval .ev-sidebar-meta.ev-sidebar-expand {
        position: static;
        flex: 0 0 2.55rem !important;
        height: 2.55rem !important;
        min-height: 2.55rem !important;
        max-height: 2.55rem !important;
        max-width: none !important;
        width: auto !important;
        margin: 0.5rem 0 0 !important;
        padding: 0 0.15rem !important;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        /* Collapse: snap away with letters */
        transition: none !important;
    }

    .ev-sidebar.ev-oval .ev-sidebar-meta-line,
    .ev-sidebar.ev-oval .ev-sidebar-meta-legal {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #main-app > .ev-sidebar.ev-oval:hover .ev-sidebar-meta.ev-sidebar-expand,
    #main-app > .ev-sidebar.ev-oval:focus-within .ev-sidebar-meta.ev-sidebar-expand,
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval .ev-sidebar-meta.ev-sidebar-expand,
    body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval .ev-sidebar-meta.ev-sidebar-expand {
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--ev-dock-label-dur, 0.45s) ease calc(var(--ev-dock-label-delay, 0.2s) + 0.08s) !important;
    }

    /* Chip stays planted above the fixed meta slot (bottom of dock) */
    .ev-sidebar.ev-oval .ev-sidebar-account {
        margin-top: auto;
        padding-bottom: 0.1rem !important;
        position: relative;
        flex-shrink: 0;
    }
}

.ev-sidebar-account {
    border-top: none !important;
    padding-top: 0.45rem !important;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/*
  Account chip — carved glass well idle; deeper carve open/hover.
  Initials + name: white glow type (not mute gray on flat black).
*/
.ev-sidebar-user,
#main-app .ev-sidebar-user.nav-link {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    font-family: var(--font-sans) !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #f9f9f9 !important;
    background: transparent !important;
    border-radius: var(--ev-dock-seg-r) !important;
    height: auto !important;
    min-height: 48px;
    padding: 0.45rem !important;
    margin: 0 !important;
    gap: 0.7rem !important;
    transform: none !important;
    transition:
        color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.ev-sidebar-user::before {
    content: none !important;
    display: none !important;
}

.ev-sidebar-user > * {
    position: relative;
    z-index: 1;
}

#main-app .ev-sidebar-user:hover,
#main-app .ev-sidebar-user:focus,
#main-app .ev-sidebar-user:focus-visible,
#main-app .ev-sidebar-user[aria-expanded='true'],
.ev-sidebar-user:hover,
.ev-sidebar-user:focus-visible,
.ev-sidebar-user[aria-expanded='true'] {
    color: #ffffff !important;
    background: var(--ev-dock-carve) !important;
    transform: none !important;
    box-shadow:
        inset 4px 5px 12px rgba(0, 0, 0, 0.65),
        inset 2px 3px 10px rgba(0, 0, 0, 0.45),
        inset -2px -3px 8px rgba(255, 255, 255, 0.07),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 2px rgba(255, 255, 255, 0.22) !important;
}

#main-app .ev-sidebar-user:active {
    background: color-mix(in srgb, var(--ev-dock-carve) 82%, #141416) !important;
    box-shadow:
        inset 5px 6px 14px rgba(0, 0, 0, 0.78),
        inset 0 0 0 1px rgba(0, 0, 0, 0.4),
        inset -1px -1px 0 rgba(255, 255, 255, 0.06) !important;
}

.ev-sidebar-user::after {
    display: none !important; /* kill Bootstrap caret */
}

/* Account mark — carved glass square + white-glow initials */
.ev-sidebar-avatar {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: var(--ev-dock-seg-r);
    display: grid;
    place-items: center;
    font-family: var(--font-sans);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #ffffff !important;
    background: var(--ev-frost-fill-dark) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, var(--ev-frost-hairline));
    box-shadow:
        /* neo carve — shade TL + soft WHITE lip BR */
        inset 4px 5px 12px rgba(0, 0, 0, 0.72),
        inset 2px 3px 8px rgba(0, 0, 0, 0.48),
        inset -2px -3px 8px rgba(255, 255, 255, 0.09),
        inset 0 0 0 1px rgba(255, 255, 255, 0.14),
        inset 0 1px 2px rgba(255, 255, 255, 0.28),
        inset 0 0 16px rgba(255, 255, 255, 0.05);
    text-shadow:
        0 0 5px rgba(255, 255, 255, 0.7),
        0 0 10px rgba(255, 255, 255, 0.4),
        0 0 18px rgba(255, 255, 255, 0.18),
        0 1px 1px rgba(0, 0, 0, 0.4);
    transition:
        background 0.22s ease,
        box-shadow 0.22s ease,
        text-shadow 0.22s ease,
        color 0.22s ease;
}

.ev-sidebar-user:hover .ev-sidebar-avatar,
.ev-sidebar-user:focus-visible .ev-sidebar-avatar,
.ev-sidebar-user[aria-expanded='true'] .ev-sidebar-avatar {
    background: color-mix(in srgb, var(--ev-dock-carve) 55%, transparent) !important;
    box-shadow:
        inset 5px 6px 14px rgba(0, 0, 0, 0.78),
        inset 3px 4px 10px rgba(0, 0, 0, 0.55),
        inset -2px -3px 8px rgba(255, 255, 255, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.16),
        inset 0 1px 2px rgba(255, 255, 255, 0.3),
        inset 0 0 18px rgba(255, 255, 255, 0.06);
    text-shadow:
        0 0 6px rgba(255, 255, 255, 0.85),
        0 0 12px rgba(255, 255, 255, 0.5),
        0 0 20px rgba(255, 255, 255, 0.22),
        0 1px 1px rgba(0, 0, 0, 0.35);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .ev-sidebar-avatar {
        background: color-mix(in srgb, var(--ev-leather) 88%, #000) !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .ev-sidebar-avatar {
        background: color-mix(in srgb, var(--ev-leather) 88%, #000) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

.ev-sidebar-user-name {
    min-width: 0;
    font-family: var(--font-sans) !important;
    font-size: 0.88rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;
    color: #f9f9f9 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow:
        0 0 6px rgba(255, 255, 255, 0.35),
        0 0 12px rgba(255, 255, 255, 0.16),
        0 1px 2px rgba(0, 0, 0, 0.45);
}

.ev-sidebar-user:hover .ev-sidebar-user-name,
.ev-sidebar-user[aria-expanded='true'] .ev-sidebar-user-name {
    color: #ffffff !important;
    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.45),
        0 0 14px rgba(255, 255, 255, 0.22),
        0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Account chip — no chevron; dropdown-toggle caret already killed in styles.css */
.ev-sidebar-user-chev {
    display: none !important;
}

.ev-sidebar-meta {
    padding: 0.45rem 0.15rem 0.1rem !important;
    flex-shrink: 0;
}

.ev-sidebar-meta-line,
.ev-sidebar-meta-legal,
.ev-sidebar-meta-legal a,
.ev-sidebar-meta-legal .ev-sidebar-meta-product {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 0.68rem !important;
}

.ev-sidebar-meta-legal {
    align-items: center;
    gap: 0.35rem !important;
}

.ev-sidebar-meta-legal a:hover {
    color: #c4a04a !important;
}

/*
  Account dropup — same dark frost as dock / brand plate.
  Shell holds glass + UL/BR corners; .ev-admin-menu-scroll owns overflow
  so corner bloom never rides inside the scrollport.
*/
.ev-sidebar-dropdown.dropdown-menu {
    position: absolute;
    isolation: isolate;
    /* Only flex when .show — always-on flex painted a dock copy under the portaled tray */
    display: none;
    flex-direction: column !important;
    overflow: hidden !important; /* clip to radius; corners stay on shell */
    background: var(--ev-frost-fill-dark) !important;
    background-color: var(--ev-frost-fill-dark) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(32px) saturate(160%);
    backdrop-filter: blur(32px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, var(--ev-frost-hairline)) !important;
    border-radius: calc(var(--ev-dock-shell-r) + 2px) !important;
    box-shadow:
        /* Near cast — separates tray from scene blur */
        0 1px 2px rgba(0, 0, 0, 0.55),
        0 4px 14px rgba(0, 0, 0, 0.42),
        0 14px 36px rgba(0, 0, 0, calc(0.28 + 0.14 * var(--ev-frost-glow))),
        inset 0 0 0 1px rgba(255, 255, 255, calc(0.12 * var(--ev-frost-inner-line))),
        inset 16px 16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)),
        inset -16px -16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)) !important;
    padding: 0.7rem 0.7rem 0.75rem !important;
    gap: 0;
    min-width: 19.5rem !important;
    z-index: 1200 !important;
    font-family: var(--font-sans) !important;
    letter-spacing: -0.01em;
    color: var(--ev-dock-ink) !important;
}

/* UL=BR corner rim + bloom — pinned to shell, above scrolling rows */
.ev-sidebar-dropdown.dropdown-menu::before,
.ev-sidebar-dropdown.dropdown-menu::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: -1px;
    border-radius: calc(var(--ev-dock-shell-r) + 1px);
    pointer-events: none;
    z-index: 3;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    background: none !important;
}

.ev-sidebar-dropdown.dropdown-menu::before {
    border-color:
        rgba(255, 255, 255, var(--ev-frost-corner-rim-dark))
        transparent
        transparent
        rgba(255, 255, 255, var(--ev-frost-corner-rim-dark));
    box-shadow:
        inset 6px 6px calc(12px + 18px * var(--ev-frost-bloom))
            rgba(255, 255, 255, var(--ev-frost-corner-bloom-dark));
    -webkit-mask-image: radial-gradient(ellipse 62% 62% at 0% 0%, #000 0%, #000 48%, transparent 76%);
    mask-image: radial-gradient(ellipse 62% 62% at 0% 0%, #000 0%, #000 48%, transparent 76%);
}

.ev-sidebar-dropdown.dropdown-menu::after {
    border-color:
        transparent
        rgba(255, 255, 255, var(--ev-frost-corner-rim-dark))
        rgba(255, 255, 255, var(--ev-frost-corner-rim-dark))
        transparent;
    box-shadow:
        inset -6px -6px calc(12px + 18px * var(--ev-frost-bloom))
            rgba(255, 255, 255, var(--ev-frost-corner-bloom-dark));
    -webkit-mask-image: radial-gradient(ellipse 62% 62% at 100% 100%, #000 0%, #000 48%, transparent 76%);
    mask-image: radial-gradient(ellipse 62% 62% at 100% 100%, #000 0%, #000 48%, transparent 76%);
}

.ev-admin-menu-scroll {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .ev-sidebar-dropdown.dropdown-menu {
        background: var(--ev-dock-panel-solid) !important;
        background-color: var(--ev-dock-panel-solid) !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .ev-sidebar-dropdown.dropdown-menu {
        background: var(--ev-dock-panel-solid) !important;
        background-color: var(--ev-dock-panel-solid) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

.ev-admin-menu-chev {
    display: none !important;
}

.ev-sidebar-dropdown.dropdown-menu.show {
    display: flex !important;
}

.ev-sidebar-dropdown.dropdown-menu:not(.show) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Tray only paints while intentionally open (portaled). Kill stuck .show ghosts. */
body:not(.ev-account-menu-open) .ev-sidebar-dropdown.dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Desktop too: never paint an in-dock copy while the tray is portaled to body */
body.ev-account-menu-open .ev-sidebar-account .ev-sidebar-dropdown {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.ev-admin-menu-scroll > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ev-sidebar-dropdown .dropdown-item,
.ev-sidebar-dropdown .dropdown-header,
.ev-sidebar-dropdown .dropdown-divider {
    display: none !important;
}

.ev-admin-menu-label {
    position: relative;
    z-index: 1;
    padding: 0.5rem 0.55rem 0.1rem;
    font-family: var(--font-sans) !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;
    color: var(--ev-dock-mute) !important;
}

.ev-admin-menu-scroll > li:first-child .ev-admin-menu-label {
    padding-top: 0.2rem;
}

.ev-admin-menu-sep {
    height: 1px;
    margin: 0.15rem 0.35rem;
    background: rgba(255, 255, 255, 0.06);
}

/* Logout closes the tray — matched top/bottom breathing room */
.ev-admin-menu-logout-zone {
    margin-top: 0.45rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ev-admin-menu-logout-zone .ev-admin-menu-row {
    min-height: 2.65rem;
}

/* Blur veil — full viewport under the glass menu (portaled above).
   Above dock (1050) + account chip (1100) so everything except the menu blurs. */
.ev-account-menu-backdrop {
    --ev-account-veil-blur: 6px;
    position: fixed;
    inset: 0;
    z-index: 1080;
    background: rgba(42, 33, 20, 0.42);
    backdrop-filter: blur(var(--ev-account-veil-blur));
    -webkit-backdrop-filter: blur(var(--ev-account-veil-blur));
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
}

.ev-account-menu-backdrop:not([hidden]) {
    opacity: 1;
    pointer-events: auto;
}

.ev-account-menu-backdrop[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .ev-account-menu-backdrop {
        transition: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

/*
  Account menu — BLUR-OVER policy (AGENTS.md § Desktop L shell).
  Stack: dock ~1050 · arm-slot ~1060 · veil 1080 · tray 1090.
  Veil blurs everything under the tray (incl. L). Do not raise dock above
  veil; do not touch L width (oval expand is :not(.ev-dock-l)).
  JS: EvDockL.blurOver(backdrop) + hold('account-menu').
*/
body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval {
    z-index: 1050 !important;
    isolation: isolate;
    background-clip: padding-box;
    pointer-events: none !important;
}
body.ev-account-menu-open #main-app.ev-dock-l > .ev-dock-arm-slot {
    pointer-events: none !important;
}

body.ev-account-menu-open .ev-sidebar-account,
body.ev-account-menu-open .ev-sidebar-account .dropdown {
    z-index: auto;
}

/* Portaled glass menu — only while open (.show). Never force display without it
   or a closed tray can linger on <body> and look like a duplicate. */
body > .ev-sidebar-dropdown.dropdown-menu {
    position: fixed !important;
    z-index: 1090 !important;
    margin: 0 !important;
    transform: none !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

body > .ev-sidebar-dropdown.dropdown-menu:not(.show) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Closed: never leave a portaled glass ghost on <body> (bottom-of-screen shell) */
body:not(.ev-account-menu-open) > .ev-sidebar-dropdown.dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

body.ev-account-menu-open > .ev-sidebar-dropdown.dropdown-menu.show {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}

/*
  Admin options — quiet idle; hover = carved neo well, no Kelvin / corner light.
*/
.ev-admin-dd-focus-item,
.ev-admin-dd-focus {
    display: none !important;
}

.ev-admin-menu-row {
    position: relative;
    z-index: 1;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem !important;
    border: none !important;
    border-radius: var(--ev-dock-seg-r) !important;
    font-family: var(--font-sans) !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    color: var(--ev-dock-mute) !important;
    text-decoration: none !important;
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;
    transition: color 0.2s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.ev-admin-menu-row::before,
.ev-admin-menu-row::after {
    content: none !important;
    display: none !important;
}

.ev-admin-menu-row:hover,
.ev-admin-menu-row:focus,
.ev-admin-menu-row:focus-visible {
    color: #f4f4f8 !important;
    background: var(--ev-dock-carve) !important;
    box-shadow:
        inset 4px 5px 12px rgba(0, 0, 0, 0.7),
        inset 2px 3px 10px rgba(0, 0, 0, 0.5),
        inset 0 0 0 1px rgba(0, 0, 0, 0.4) !important;
    outline: none;
}

.ev-admin-menu-row--quiet {
    color: color-mix(in srgb, var(--ev-dock-mute) 85%, transparent) !important;
}

.ev-admin-menu-row--rose:hover,
.ev-admin-menu-row--rose:focus,
.ev-admin-menu-row--quiet.ev-admin-menu-row--rose:hover,
.ev-admin-menu-row--rose:focus-visible {
    color: #f0c4c0 !important;
}

.ev-admin-menu-copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
}

.ev-admin-menu-title {
    flex: 1;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: 1.2;
    text-align: left;
    color: inherit !important;
}

/* Store line under Change Location — must stay readable on dark tray */
.ev-admin-menu-sub,
#ev-account-store-label.ev-admin-menu-sub {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-sans) !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.25;
    color: color-mix(in srgb, rgb(var(--ev-light)) 62%, var(--ev-dock-mute)) !important;
}

.ev-admin-menu-row:hover .ev-admin-menu-sub,
.ev-admin-menu-row:focus .ev-admin-menu-sub,
.ev-admin-menu-row:focus-visible .ev-admin-menu-sub,
.ev-admin-menu-row--location:hover .ev-admin-menu-sub {
    color: rgba(240, 242, 248, 0.72) !important;
}

.ev-admin-menu-row--location .ev-admin-menu-title {
    color: var(--ev-dock-ink) !important;
    font-weight: 700 !important;
}

.ev-admin-menu-row--location:hover .ev-admin-menu-title,
.ev-admin-menu-row--location:focus-visible .ev-admin-menu-title {
    color: #f4f4f8 !important;
}

/* JD metal discs — tinted like action menu */
.ev-admin-menu-icon {
    position: relative;
    z-index: 1;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    font-size: 0.78rem;
    color: #2a2a30;
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%);
    box-shadow:
        -3px -3px 7px rgba(255, 255, 255, 0.12),
        4px 5px 12px rgba(0, 0, 0, 0.55),
        inset 1px 1px 0 rgba(255, 255, 255, 0.28),
        inset -1px -1px 0 rgba(0, 0, 0, 0.35);
}

/* Keep FA glyphs optically centered in metal discs */
.ev-admin-menu-icon i,
.ev-notif-domain__icon i {
    display: grid !important;
    place-items: center !important;
    width: 1em !important;
    height: 1em !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.ev-admin-menu-icon--metal {
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%);
}
/* Change Location — city disc wash; pin glyph stays red */
.ev-admin-menu-icon--gray-red {
    background: linear-gradient(160deg, #e4e4e8 0%, #c8c8ce 55%, #b0b0b8 100%);
}
.ev-admin-menu-icon--loc-dal {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 58%, #4a4a52) 100%
    );
}
.ev-admin-menu-icon--loc-asp {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 58%, #4a4a52) 100%
    );
}
.ev-admin-menu-icon--loc-pb {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--ev-loc-pb, #c87890) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--ev-loc-pb, #c87890) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--ev-loc-pb, #c87890) 58%, #4a4a52) 100%
    );
}
.ev-admin-menu-icon--gray-red,
.ev-admin-menu-icon--loc-dal,
.ev-admin-menu-icon--loc-asp,
.ev-admin-menu-icon--loc-pb,
.ev-admin-menu-icon--gray-red i,
.ev-admin-menu-icon--loc-dal i,
.ev-admin-menu-icon--loc-asp i,
.ev-admin-menu-icon--loc-pb i {
    color: #c0392b !important;
}
.ev-admin-menu-icon--blue {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--blue-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--blue-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--blue-dot) 58%, #4a4a52) 100%
    );
}
.ev-admin-menu-icon--green {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--green-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--green-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--green-dot) 58%, #4a4a52) 100%
    );
}
/* Shop & Shopify — brand green */
.ev-admin-menu-icon--shopify {
    color: #1a1a1e !important;
    background: linear-gradient(160deg, #b5d96a 0%, #95bf47 55%, #7aa83a 100%);
}
.ev-admin-menu-icon--violet {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--violet-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--violet-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--violet-dot) 58%, #4a4a52) 100%
    );
}
.ev-admin-menu-icon--orange {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, #e08940 55%, #c8c8ce) 0%,
        color-mix(in srgb, #d47830 72%, #6e6e76) 55%,
        color-mix(in srgb, #c06828 58%, #4a4a52) 100%
    );
}
.ev-admin-menu-icon--rose {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--rose-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--rose-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--rose-dot) 58%, #4a4a52) 100%
    );
}

.ev-sidebar-edge {
    background: linear-gradient(
        90deg,
        #2a2a30 0%,
        rgba(50, 50, 58, 0.85) 55%,
        rgba(50, 50, 58, 0.2) 100%
    ) !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.18) !important;
}

.ev-sidebar-edge-line--a,
.ev-sidebar-edge-line--b,
.ev-sidebar-edge-line--c {
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(196, 160, 74, 0.35) 20%,
        rgba(196, 160, 74, 0.85) 50%,
        rgba(196, 160, 74, 0.35) 80%,
        transparent 100%
    ) !important;
}

.ev-topbar,
.ev-app-topbar {
    background: transparent !important;
    border-color: transparent !important;
}

/* Kill cream sticky mobile topbar leftovers */
.ev-mobile-topbar {
    display: none !important;
}

/* Receive: kill legacy green inset frame from styles.css */
#main-app.ev-inventory-bulk-receive {
    box-shadow: none !important;
}

/*
  Phone topdeck — same dark frost as the dock deck.
  Row 1: sandwich + search (one line, ~1 : 4).
  Row 2: Choose full-width under that line (still in the same glass).
*/
.ev-mobile-topdeck {
    display: none;
}

/* Reserves vertical space while the frost bar is position:fixed */
.ev-mobile-topdeck-spacer {
    display: none;
}

@media (max-width: 991.98px) {
    /*
      Fixed direct child of #main-app (not nested in .ev-app-main).
      Same stacking peer as desktop #ev-dock-arm-slot — z 1060 beats the
      body-portaled Choose sheet (1045), so the menu slides out from behind.
    */
    #main-app > .ev-mobile-topdeck {
        --ev-mobile-topdeck-search-h: 3rem;
        --ev-mobile-topdeck-ctrl-h: var(--ev-mobile-topdeck-search-h);
        --ev-mobile-topdeck-under-h: 2.35rem;
        --ev-mobile-topdeck-chip-w: 5.25rem;
        --ev-mobile-topdeck-fab-w: var(--ev-mobile-topdeck-search-h);
        display: grid;
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1060 !important;
        grid-template-columns: var(--ev-mobile-topdeck-fab-w) minmax(0, 1fr);
        /* Menu + search share row 1 height. Choose matches search on row 2. */
        grid-template-rows: var(--ev-mobile-topdeck-search-h) var(--ev-mobile-topdeck-search-h);
        align-items: stretch;
        column-gap: 0.55rem;
        row-gap: 0.45rem;
        padding:
            max(0.5rem, env(safe-area-inset-top, 0px))
            max(0.65rem, env(safe-area-inset-right, 0px))
            0.55rem
            max(0.65rem, env(safe-area-inset-left, 0px));
        box-sizing: border-box;
        isolation: auto;
        overflow: visible;
        background: transparent !important;
        background-color: transparent !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        border: none;
        border-bottom: none;
        box-shadow: none;
    }

    /* Quiet glass — no Kelvin bloom / rim */
    #main-app > .ev-mobile-topdeck::before,
    #main-app > .ev-mobile-topdeck::after {
        content: none !important;
        display: none !important;
    }

    .ev-mobile-topdeck-spacer {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        height: var(--ev-mobile-topdeck-h, 4.2rem);
        pointer-events: none;
    }

    /*
      Native focus / scrollIntoView must clear the fixed frost + under-deck
      lips — otherwise Add item lands at viewport y=0 under the bar.
    */
    html {
        scroll-padding-top: var(--ev-mobile-topdeck-h, 7.35rem);
    }
    #main-app .ev-app-main {
        scroll-padding-top: var(--ev-mobile-topdeck-h, 7.35rem);
    }

    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
        #main-app > .ev-mobile-topdeck {
            background: var(--ev-dock-panel-solid) !important;
            background-color: var(--ev-dock-panel-solid) !important;
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
        }
    }

    @media (prefers-reduced-transparency: reduce) {
        #main-app > .ev-mobile-topdeck {
            background: var(--ev-dock-panel-solid) !important;
            background-color: var(--ev-dock-panel-solid) !important;
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
        }
    }

    #main-app > .ev-mobile-topdeck > .ev-mobile-nav-fab {
        grid-column: 1;
        grid-row: 1;
        width: var(--ev-mobile-topdeck-fab-w);
        height: var(--ev-mobile-topdeck-search-h);
        min-width: var(--ev-mobile-topdeck-fab-w);
        min-height: var(--ev-mobile-topdeck-search-h);
        align-self: stretch;
        margin-top: 0;
    }

    .ev-mobile-topdeck-slot:empty,
    .ev-mobile-topdeck-slot[aria-hidden='true']:empty {
        display: none;
    }

    /*
      Collapse wrappers so the search rail + Choose become direct grid items
      of the frost deck (sandwich | search on row 1; Choose spans row 2).
    */
    .ev-mobile-topdeck-slot:not(:empty),
    #ev-mobile-topdeck-slot #inventory-search-panel-card,
    #ev-mobile-topdeck-slot #inventory-search-panel-card > .card-body,
    #ev-mobile-topdeck-slot .ev-inv-toolbar,
    #ev-mobile-topdeck-slot .ev-inv-search-row,
    #ev-mobile-topdeck-slot .ev-inv-search-controls {
        display: contents;
    }

    /* Search panel becomes flush chrome inside the frost deck */
    #ev-mobile-topdeck-slot #inventory-search-panel-card {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    #ev-mobile-topdeck-slot #inventory-search-panel-card > .card-body {
        padding: 0 !important;
    }

    /* Mode banner — portaled sibling under the frost topdeck (lip coming out from underneath) */
    #main-app > .ev-receive-mode-hint.ev-receive-mode-hint--under-topdeck:not(.d-none) {
        --ev-receive-hint-tuck: 16px;
        position: fixed !important;
        left: 0;
        right: 0;
        /* Bar height only — spacer --ev-mobile-topdeck-h includes the visible lip */
        top: calc(var(--ev-mobile-topdeck-bar-h, 7.5rem) - var(--ev-receive-hint-tuck));
        z-index: 1055; /* under topdeck 1060 */
        width: auto !important;
        margin: 0 !important;
        padding: calc(var(--ev-receive-hint-tuck) + 0.22rem) 0.85rem 0.4rem !important;
        border-radius: 0 0 10px 10px !important;
        border: none !important;
        border-top: none !important;
        box-shadow: 0 8px 16px rgba(77, 64, 58, 0.08);
        pointer-events: none;
        animation: none !important;
        transform: none !important;
        max-height: none !important;
    }
    /*
      Add new item — portaled under the frost topdeck (not a row inside the dark bar).
      Taller lip tucks behind the deck so it reads as coming out from underneath.
    */
    #main-app > .ev-receive-items-dock.ev-receive-items-dock--under-topdeck:not(.d-none) {
        position: fixed !important;
        left: 0.7rem;
        right: 0.7rem;
        top: calc(var(--ev-mobile-topdeck-bar-h, 7.5rem) + 0.28rem);
        z-index: 1055; /* under topdeck 1060 */
        display: flex !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        pointer-events: auto;
    }
    #main-app > .ev-receive-items-dock.ev-receive-items-dock--under-topdeck .ev-receive-add-btn {
        width: 100%;
        min-width: 0;
        min-height: 3.15rem !important;
        font-size: 1.05rem !important;
        padding: 0.55rem 1.1rem !important;
    }
    /* Editing: same lip becomes the “Add new item to batch” title banner */
    #main-app > .ev-receive-items-dock.ev-receive-items-dock--under-topdeck.ev-receive-items-dock--title:not(.d-none) {
        min-height: 3.35rem !important;
        padding: calc(var(--ev-receive-dock-tuck, 24px) + 0.28rem) 0.85rem 0.42rem !important;
        background: color-mix(in srgb, var(--green-dot, #5a9a6e) 18%, var(--ev-pearl, #faf8f5)) !important;
        background-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 18%, var(--ev-pearl, #faf8f5)) !important;
        border: none !important;
        border-radius: 0 0 12px 12px !important;
        box-shadow: 0 8px 16px rgba(77, 64, 58, 0.08);
        -webkit-backdrop-filter: blur(12px) saturate(160%);
        backdrop-filter: blur(12px) saturate(160%);
    }
    #main-app > .ev-receive-items-dock.ev-receive-items-dock--title .ev-receive-add-btn {
        display: none !important;
    }

    #ev-mobile-topdeck-slot .ev-inv-toolbar,
    #ev-mobile-topdeck-slot .ev-inv-search-row {
        margin: 0 !important;
        gap: 0 !important;
    }

    /*
      ALWAYS flatten the side-glass rail on the topdeck so the search stack
      is a permanent grid cell (col 2 / row 1) — idle, Receive, and scoped
      all share the same placement. Only under-bar chrome (row 2) swaps.
    */
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-side-glass-rail {
        display: contents !important;
    }

    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-stack {
        grid-column: 2;
        grid-row: 1;
        align-self: stretch;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100%;
    }

    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-wrap,
    #ev-mobile-topdeck-slot #inventory-search-panel-card #inventory-search-lab.sbar,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-wrap .sbar {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
    }

    /* Glass pill — TL catch / BR shade. No carve / contour / deck. */
    #ev-mobile-topdeck-slot .field__lit,
    #ev-mobile-topdeck-slot .field__rim,
    #ev-mobile-topdeck-slot .field__wash,
    #ev-mobile-topdeck-slot .ev-search-contour {
        display: none !important;
    }
    #ev-mobile-topdeck-slot .sbar,
    #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar,
    #ev-mobile-topdeck-slot #inventory-search-lab.sbar {
        border-radius: 999px !important;
        background: var(--ev-glass-pill-wash), var(--ev-glass-pill-face) !important;
        background-color: var(--ev-glass-pill-face) !important;
        border: 1px solid var(--ev-glass-pill-edge) !important;
        box-shadow: var(--ev-glass-pill-lit) !important;
        -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
        backdrop-filter: blur(22px) saturate(150%) !important;
        overflow: hidden;
    }
    #ev-mobile-topdeck-slot .sbar input,
    #ev-mobile-topdeck-slot .sbar textarea {
        color: var(--gray-100, #f4f4f4) !important;
        -webkit-text-fill-color: var(--gray-100, #f4f4f4);
    }
    #ev-mobile-topdeck-slot .sbar input::placeholder,
    #ev-mobile-topdeck-slot .sbar textarea::placeholder {
        color: var(--gray-400, #9b9b9b) !important;
        -webkit-text-fill-color: var(--gray-400, #9b9b9b);
    }
    #ev-mobile-topdeck-slot .inventory-search-icon,
    #ev-mobile-topdeck-slot .sbar__icon {
        color: var(--gray-100, #f4f4f4) !important;
        width: 1.55rem !important;
        min-width: 1.55rem !important;
        height: 1.55rem !important;
        font-size: 1.45rem !important;
    }
    #ev-mobile-topdeck-slot .sbar__icon .inventory-search-icon,
    #ev-mobile-topdeck-slot .inventory-search-icon {
        font-size: 1.45rem !important;
    }
    #ev-mobile-topdeck-slot .sbar input,
    #ev-mobile-topdeck-slot .sbar #inventory-search {
        padding-left: calc(var(--ev-search-in-l, 10.5px) + 3.05rem) !important;
    }

    #main-app > .ev-mobile-topdeck > .ev-mobile-nav-fab {
        grid-column: 1;
        grid-row: 1;
        align-self: stretch;
        margin-top: 0;
    }

    /*
      Vendor scope under-bar: Clear left · Print right — same chip size and
      search-bar extremes as Receive Exit / Next. Keep “Clear” / “Print” /
      “N items” readable (do not square-crush or hide the labels).
    */
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none),
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn:not(.d-none) {
        order: 0 !important;
        flex: none !important;
        height: var(--ev-mobile-topdeck-under-h) !important;
        min-height: var(--ev-mobile-topdeck-under-h) !important;
        max-height: var(--ev-mobile-topdeck-under-h) !important;
        width: var(--ev-mobile-topdeck-chip-w) !important;
        min-width: var(--ev-mobile-topdeck-chip-w) !important;
        max-width: var(--ev-mobile-topdeck-chip-w) !important;
        padding: 0 0.35rem !important;
        font-size: 0.82rem !important;
        z-index: 1;
        align-self: stretch;
        transform: none !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        isolation: isolate;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        overflow: visible !important;
        white-space: nowrap;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none) {
        grid-column: 2;
        grid-row: 2;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn:not(.d-none) {
        grid-column: 4;
        grid-row: 2;
        flex-direction: column !important;
        gap: 0.04rem !important;
        line-height: 1.05;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none)::before,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn:not(.d-none)::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        border-radius: inherit;
        pointer-events: none;
        -webkit-backdrop-filter: blur(var(--ev-side-frost-blur, 12px)) saturate(180%);
        backdrop-filter: blur(var(--ev-side-frost-blur, 12px)) saturate(180%);
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none)::before {
        --glass-rgb: var(--ev-side-stop, 196, 58, 54);
        background:
            var(--ev-glass-btn-wash),
            color-mix(
                in srgb,
                rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a, 0.48) * 100% * var(--ev-side-glass-tint, 0.78)),
                rgba(255, 255, 255, calc(var(--ev-side-frost-a, 0.48) * 0.72))
            );
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px rgba(var(--glass-rgb), 0.4);
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn:not(.d-none)::before {
        --glass-rgb: var(--ev-side-quiet, 245, 235, 226);
        background:
            var(--ev-glass-btn-wash),
            color-mix(
                in srgb,
                rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a, 0.48) * 100% * var(--ev-side-glass-tint, 0.78)),
                rgba(255, 255, 255, calc(var(--ev-side-frost-a, 0.48) * 0.72))
            );
        box-shadow: var(--ev-glass-btn-lit);
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-main,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-main-label,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-count,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn span,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn i {
        display: inline-flex !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-main {
        gap: 0.28rem;
        align-items: center;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-main-label {
        font-size: 0.82rem !important;
        font-weight: 700;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-count {
        font-size: 0.62rem !important;
        font-weight: 700;
        opacity: 0.9;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-count:empty {
        display: none !important;
    }

    /*
      Receive under-bar: Exit left · Next right — always the same chip size.
      Mode banner and Add new item portal under the frost (z 1055), not inside the bar.
      Search stays on row 1 (sandwich + carve).
    */
    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-inventory-search--receive),
    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-inventory-search--bulk-scan),
    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-receive-oval-scoped),
    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-inventory-oval-scoped) {
        grid-template-columns:
            var(--ev-mobile-topdeck-fab-w)
            var(--ev-mobile-topdeck-chip-w, 5.25rem)
            minmax(0, 1fr)
            var(--ev-mobile-topdeck-chip-w, 5.25rem);
        column-gap: 0.4rem;
    }

    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-inventory-search--receive)
        > .ev-mobile-nav-fab,
    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-inventory-search--bulk-scan)
        > .ev-mobile-nav-fab,
    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-receive-oval-scoped)
        > .ev-mobile-nav-fab,
    #main-app > .ev-mobile-topdeck:has(#inventory-search-panel-card.ev-inventory-oval-scoped)
        > .ev-mobile-nav-fab {
        grid-column: 1;
        grid-row: 1;
    }

    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive .ev-inv-search-stack,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-inv-search-stack,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-stack,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-stack {
        grid-column: 2 / -1;
        grid-row: 1;
    }

    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none) {
        grid-column: 2;
        grid-row: 2;
        order: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        height: var(--ev-mobile-topdeck-under-h) !important;
        min-height: var(--ev-mobile-topdeck-under-h) !important;
        max-height: var(--ev-mobile-topdeck-under-h) !important;
        width: var(--ev-mobile-topdeck-chip-w) !important;
        min-width: var(--ev-mobile-topdeck-chip-w) !important;
        max-width: var(--ev-mobile-topdeck-chip-w) !important;
        padding: 0 0.45rem !important;
        font-size: 0.82rem !important;
        z-index: 1;
        align-self: stretch;
        transform: none !important;
        /* Desktop side-glass recipe — frost on ::before, not solid rose paint */
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        isolation: isolate;
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none)::before,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-next-btn:not(.d-none)::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        border-radius: inherit;
        pointer-events: none;
        -webkit-backdrop-filter: blur(var(--ev-side-frost-blur, 12px)) saturate(180%);
        backdrop-filter: blur(var(--ev-side-frost-blur, 12px)) saturate(180%);
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none)::before {
        --glass-rgb: var(--ev-side-stop, 196, 58, 54);
        background:
            var(--ev-glass-btn-wash),
            color-mix(
                in srgb,
                rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a, 0.48) * 100% * var(--ev-side-glass-tint, 0.78)),
                rgba(255, 255, 255, calc(var(--ev-side-frost-a, 0.48) * 0.72))
            );
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px rgba(var(--glass-rgb), 0.4);
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-next-btn:not(.d-none)::before {
        --glass-rgb: 34, 140, 78;
        background:
            var(--ev-glass-btn-wash),
            color-mix(
                in srgb,
                rgb(var(--glass-rgb)) calc(0.58 * 100% * 1.15),
                rgba(255, 255, 255, calc(0.58 * 0.72))
            );
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px rgba(var(--glass-rgb), 0.45);
    }

    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-next-btn:not(.d-none) {
        grid-column: 4;
        grid-row: 2;
        order: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        height: var(--ev-mobile-topdeck-under-h) !important;
        min-height: var(--ev-mobile-topdeck-under-h) !important;
        max-height: var(--ev-mobile-topdeck-under-h) !important;
        width: var(--ev-mobile-topdeck-chip-w) !important;
        min-width: var(--ev-mobile-topdeck-chip-w) !important;
        max-width: var(--ev-mobile-topdeck-chip-w) !important;
        padding: 0 0.45rem !important;
        font-size: 0.82rem !important;
        z-index: 1;
        align-self: stretch;
        transform: none !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        isolation: isolate;
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    /* Vendor-pick (Next still hidden): keep Exit on the left chip track */
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive:not(.ev-receive-oval-scoped)
        .ev-receive-exit-btn:not(.d-none) {
        grid-column: 2;
    }

    /*
      Search carve — FIXED topdeck size for every mode (idle / Receive /
      vendor oval). Uses inventory typing height, not the sandwich chip.
      Scoped --ev-ctrl-h (5.65rem) must not grow it further.
    */
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-inv-search-controls {
        --ev-ctrl-h: var(--ev-mobile-topdeck-search-h);
        --ev-search-h: var(--ev-mobile-topdeck-search-h);
        --ev-search-h-scoped: var(--ev-mobile-topdeck-search-h);
    }

    #ev-mobile-topdeck-slot #inventory-search-lab.sbar,
    #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar {
        --ev-search-h: var(--ev-mobile-topdeck-search-h);
        --ev-ctrl-h: var(--ev-mobile-topdeck-search-h);
        min-height: var(--ev-mobile-topdeck-search-h) !important;
        height: var(--ev-mobile-topdeck-search-h) !important;
        max-height: var(--ev-mobile-topdeck-search-h) !important;
    }

    /* Receive gold plate — centered in the phone carve */
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-vendor {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.35rem !important;
        padding: 0 0.15rem !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-title {
        display: none !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped #inventory-search-lab.sbar,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-wrap .sbar,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar {
        justify-content: center !important;
        padding: 0.45rem 0.55rem !important;
        gap: 0.35rem !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) #inventory-search-lab.sbar,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-inv-search-wrap .sbar {
        padding: 0.38rem 0.4rem !important;
        gap: 0.4rem !important;
    }

    /*
      ≥16px computed size — iOS Safari otherwise zooms the whole page
      when the search field is focused (felt like a sudden “focus zoom”).
    */
    #ev-mobile-topdeck-slot #inventory-search {
        font-size: 1rem !important;
    }

    /*
      Vendor found — gold + found/filters as one cluster, centered in the carve.
      Fill the well (thin lip only) so the plates are easy to tap.
    */
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-inv-search-controls {
        --ev-plate-h: 3.3rem;
        --ev-plate-r: 10px;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-vendor,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-receive-oval-vendor {
        justify-content: center !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-left,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-receive-oval-left {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.42rem !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        margin-inline: auto !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-search-oval-identity,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-search-oval-identity {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: hidden !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-mark,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-receive-oval-mark {
        max-width: 100% !important;
        padding: 0.28rem 0.85rem 0.28rem 0.38rem !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-icon,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-receive-oval-icon {
        width: 1.85rem;
        height: 1.85rem;
        font-size: 0.82rem;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-name,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-receive-oval-name {
        max-width: min(46vw, 11rem) !important;
        font-size: 1.05rem !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-search-oval-meta,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-search-oval-meta {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        max-width: none !important;
        padding: 0.28rem !important;
        gap: 0.32rem !important;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-count,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-receive-oval-count {
        min-width: 2.85rem;
        padding: 0.18rem 0.62rem 0.14rem;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-count-num,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-receive-oval-count-num {
        font-size: 1.05rem;
    }
    /* Filters = icon beside found (not a corner badge number) */
    #ev-mobile-topdeck-slot .ev-search-oval-meta .ev-inv-filters-btn {
        position: relative;
        padding: 0 0.62rem !important;
        min-width: 2.7rem;
        gap: 0;
    }
    #ev-mobile-topdeck-slot .ev-search-oval-meta .ev-inv-filters-icon {
        display: inline-block !important;
        font-size: 0.95rem;
        line-height: 1;
    }
    #ev-mobile-topdeck-slot .ev-search-oval-meta .ev-inv-filters-word,
    #ev-mobile-topdeck-slot .ev-search-oval-meta .ev-th-filter-count {
        display: none !important;
    }
    #ev-mobile-topdeck-slot .ev-search-oval-meta .ev-inv-filters-btn.ev-th-filter-btn--active::after {
        content: '';
        position: absolute;
        top: 0.18rem;
        right: 0.18rem;
        width: 0.38rem;
        height: 0.38rem;
        border-radius: 50%;
        background: var(--ink, #4d403a);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
    }

    /*
      Choose is idle-only. Search / vendor / Receive own the under-bar.
      Must beat #main-app #inventory-actions-launch { display: inline-flex !important }
      or .d-none loses, the :not(.d-none) placement drops, and Choose auto-places
      in row 2 col 1 (left of the top deck).
    */
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-choose-deck,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-choose-deck,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive .ev-inv-choose-deck,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-inv-choose-deck,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-choose-deck.d-none {
        display: none !important;
    }

    /* Choose — under search, same size as the search pill */
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none) {
        grid-column: 2;
        grid-row: 2;
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: var(--ev-mobile-topdeck-search-h) !important;
        height: var(--ev-mobile-topdeck-search-h) !important;
        max-height: var(--ev-mobile-topdeck-search-h) !important;
        align-self: stretch;
        padding: 0.35rem 0.75rem !important;
        font-size: 0.92rem !important;
        font-weight: 550 !important;
        letter-spacing: -0.01em !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        text-align: center !important;
        transform: none !important;
        border: none !important;
        border-radius: 999px !important;
        color: var(--gray-100, #f4f4f4) !important;
        background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face) !important;
        box-shadow: var(--ev-glass-btn-lit) !important;
        -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
        backdrop-filter: blur(16px) saturate(150%) !important;
    }

    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck[aria-expanded='true'],
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:hover,
    #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:focus-visible {
        color: var(--gray-100, #fff) !important;
        background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face-hot) !important;
        box-shadow: var(--ev-glass-btn-lit) !important;
    }

    /* Lamp / beam filters stay out of the slim deck — stage below owns them later */
    #ev-mobile-topdeck-slot .ev-search-lamp,
    #ev-mobile-topdeck-slot .ev-inv-beam-filters {
        display: none !important;
    }
}

/* Phone dock opener — carved square on the frost deck (not a floating pill) */
.ev-mobile-nav-fab {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
    flex: 0 0 auto;
    width: 2.85rem;
    height: 2.85rem;
    min-width: 2.85rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-100, #f4f4f4);
    background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face);
    box-shadow: var(--ev-glass-btn-lit);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    font-size: 1rem;
    line-height: 1;
    text-shadow: none;
    overflow: visible;
}
.ev-mobile-nav-fab .ev-mobile-nav-fab-icon,
.ev-mobile-nav-fab [data-lucide],
.ev-mobile-nav-fab svg {
    width: 1.2rem !important;
    height: 1.2rem !important;
    display: block;
    stroke-width: 1.75;
}

.ev-mobile-nav-fab:hover,
.ev-mobile-nav-fab:focus-visible {
    color: var(--gray-100, #fff);
    outline: none;
    background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face-hot);
    box-shadow: var(--ev-glass-btn-lit);
}

/* Phone hamburger — red count only when something needs attention */
.ev-mobile-nav-fab-badge {
    position: absolute;
    top: -0.2rem;
    right: -0.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.28rem;
    border: none;
    border-radius: 999px;
    background: linear-gradient(160deg, #e07060 0%, #c0392b 100%);
    color: #fff;
    box-shadow:
        2px 3px 8px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    font-size: 0.65rem;
    line-height: 1;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    z-index: 2;
}

.ev-mobile-nav-fab-badge:not(.d-none) {
    display: inline-flex;
}
.ev-mobile-nav-fab-badge.d-none {
    display: none !important;
}

/* Soften fab while the drawer is open (topdeck stays) */
#main-app.ev-sidebar-open .ev-mobile-nav-fab {
    opacity: 0.35;
    pointer-events: none;
}

/* Auth / loading — dark stage canvas + carved panel */
.ev-auth-overlay {
    background: var(--ev-canvas) !important;
}
.ev-auth-overlay-panel {
    background: var(--well) !important;
    border: none !important;
    border-radius: 22px !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}
.ev-auth-overlay-panel::before {
    display: none !important;
}
.ev-auth-overlay-header,
.ev-auth-overlay-body {
    background: transparent !important;
    border: none !important;
    color: var(--ink) !important;
}
.ev-auth-overlay-panel .form-control,
.ev-auth-overlay-panel .form-select {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}
.ev-blocking-overlay {
    z-index: 1300 !important;
    background: color-mix(in srgb, var(--ev-pearl, #faf8f5) 48%, rgba(255, 255, 255, 0.18)) !important;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
}
body.ev-blocking-active #main-app {
    filter: blur(10px);
    pointer-events: none;
}
.ev-blocking-overlay-panel {
    background: var(--well) !important;
    border: none !important;
    border-radius: 22px !important;
    box-shadow: var(--recessed) !important;
}

.text-gold {
    color: var(--amber-dot) !important;
}

/* Primary action — raised Khaki chip on Pearl page (not same-as-page) */
.btn-gold {
    background: var(--ev-btn-face) !important;
    border: none !important;
    color: var(--ink) !important;
    font-weight: 700 !important;
    border-radius: var(--ev-r-control) !important;
    box-shadow: var(--raised-btn) !important;
    transition: box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease, transform 0.15s ease;
    transform: translateY(-2px);
}
.btn-gold:hover:not(:disabled),
.btn-gold:focus-visible:not(:disabled),
.btn-gold:active:not(:disabled) {
    background: color-mix(in srgb, var(--amber-dot, #c4a04a) 16%, var(--ev-btn-face-press)) !important;
    color: var(--ink) !important;
    filter: none;
    box-shadow: var(--recessed-btn) !important;
    transform: translateY(2px);
}

/* ─── Neo action press (locked) ───
   Light-tray action controls share the item-slip next/close language:
   idle = raised chip · hover/active = carved (pressed in).
   Exclude pickers (§0 Depth selection), Rose Clear (§3), dark dock nav. */
#main-app .btn:not(.btn-link):not(.nav-link):not(.ev-sidebar-link):not(.dropdown-toggle):not(.results__chip):not(.ev-th-filter-btn):not(.inv-filter-btn):not(.inv-type-filter):not(.inv-location-filter):not(.inv-status-filter):not(.ev-vendor-scope-clear-btn):not(.inventory-search-clear):not(.sbar__clear):not(.ev-inv-vendor-suggest-item),
#main-app .ev-item-card-icon-btn,
#main-app .ev-item-card-btn,
#main-app .ev-item-card-photo-secondary-btn,
#main-app .ev-item-card-photo-primary-btn,
#main-app .ev-vendor-scope-print-btn,
#main-app .ev-wizard-btn-confirm,
#main-app .ev-wizard-btn-back,
#main-app .ev-finish-action-btn,
#main-app .ev-finish-action-btn--memo,
#main-app .ev-actions-modal-close,
#main-app .ev-vendor-modal-close,
#main-app .ev-action-card,
#main-app .ev-item-card-split-main,
#main-app .ev-item-card-split-caret,
#main-app .ev-item-card-consign-link,
#main-app .ev-item-card-consign-go,
#main-app .ev-item-card-status-go,
.modal-content .btn:not(.btn-close):not(.btn-close-white):not(.btn-link),
.ev-auth-overlay-panel .btn:not(.btn-link) {
    border-radius: 999px;
    transition: box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

#main-app .btn:not(.btn-link):not(.nav-link):not(.ev-sidebar-link):not(.dropdown-toggle):not(.results__chip):not(.ev-th-filter-btn):not(.inv-filter-btn):not(.inv-type-filter):not(.inv-location-filter):not(.inv-status-filter):not(.ev-vendor-scope-clear-btn):not(.inventory-search-clear):not(.sbar__clear):not(.ev-inv-vendor-suggest-item):not(:disabled):hover,
#main-app .btn:not(.btn-link):not(.nav-link):not(.ev-sidebar-link):not(.dropdown-toggle):not(.results__chip):not(.ev-th-filter-btn):not(.inv-filter-btn):not(.inv-type-filter):not(.inv-location-filter):not(.inv-status-filter):not(.ev-vendor-scope-clear-btn):not(.inventory-search-clear):not(.sbar__clear):not(.ev-inv-vendor-suggest-item):not(:disabled):focus-visible,
#main-app .btn:not(.btn-link):not(.nav-link):not(.ev-sidebar-link):not(.dropdown-toggle):not(.results__chip):not(.ev-th-filter-btn):not(.inv-filter-btn):not(.inv-type-filter):not(.inv-location-filter):not(.inv-status-filter):not(.ev-vendor-scope-clear-btn):not(.inventory-search-clear):not(.sbar__clear):not(.ev-inv-vendor-suggest-item):not(:disabled):active,
#main-app .ev-item-card-icon-btn:hover:not(:disabled),
#main-app .ev-item-card-icon-btn:focus-visible:not(:disabled),
#main-app .ev-item-card-icon-btn:active:not(:disabled),
#main-app .ev-item-card-btn:hover:not(:disabled),
#main-app .ev-item-card-btn:focus-visible:not(:disabled),
#main-app .ev-item-card-btn:active:not(:disabled),
#main-app .ev-item-card-photo-secondary-btn:hover:not(:disabled),
#main-app .ev-item-card-photo-secondary-btn:focus-visible:not(:disabled),
#main-app .ev-item-card-photo-secondary-btn:active:not(:disabled),
#main-app .ev-item-card-photo-primary-btn:hover:not(:disabled),
#main-app .ev-item-card-photo-primary-btn:focus-visible:not(:disabled),
#main-app .ev-item-card-photo-primary-btn:active:not(:disabled),
#main-app .ev-vendor-scope-print-btn:hover:not(:disabled),
#main-app .ev-vendor-scope-print-btn:focus-visible:not(:disabled),
#main-app .ev-vendor-scope-print-btn:active:not(:disabled),
#main-app .ev-wizard-btn-confirm:hover:not(:disabled),
#main-app .ev-wizard-btn-back:hover:not(:disabled),
#main-app .ev-finish-action-btn:hover:not(:disabled),
#main-app .ev-finish-action-btn--memo:hover:not(:disabled),
#main-app .ev-actions-modal-close:hover:not(:disabled),
#main-app .ev-vendor-modal-close:hover:not(:disabled),
#main-app .ev-action-card:hover,
#main-app .ev-action-card:focus,
#main-app .ev-item-card-split-main:hover,
#main-app .ev-item-card-split-main:focus-visible,
#main-app .ev-item-card-consign-link:hover,
#main-app .ev-item-card-consign-go:hover,
#main-app .ev-item-card-consign-go:focus-visible,
#main-app .ev-item-card-status-go:hover,
#main-app .ev-item-card-status-go:focus-visible,
.modal-content .btn:not(.btn-close):not(.btn-close-white):not(.btn-link):not(:disabled):hover,
.modal-content .btn:not(.btn-close):not(.btn-close-white):not(.btn-link):not(:disabled):focus-visible,
.modal-content .btn:not(.btn-close):not(.btn-close-white):not(.btn-link):not(:disabled):active,
.ev-auth-overlay-panel .btn:not(.btn-link):not(:disabled):hover,
.ev-auth-overlay-panel .btn:not(.btn-link):not(:disabled):focus-visible,
.ev-auth-overlay-panel .btn:not(.btn-link):not(:disabled):active {
    box-shadow: var(--recessed) !important;
    transform: none;
}

/* Idle face for light-tray actions — KHAKI + strong neo raise */
#main-app .ev-scope-print-btn,
#main-app .ev-vendor-scope-print-btn,
#main-app .ev-wizard-btn-confirm,
#main-app .ev-wizard-btn-back,
#main-app .ev-finish-action-btn,
#main-app .ev-finish-action-btn--memo,
#main-app .ev-item-card-btn,
#main-app .ev-item-card-icon-btn,
#main-app .ev-actions-modal-close,
#main-app .ev-vendor-modal-close,
.modal-content .btn-secondary,
.modal-content .btn-outline-secondary {
    background: var(--ev-btn-face) !important;
    background-color: var(--ev-btn-face) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-btn) !important;
    border: none !important;
}

#main-app .ev-scope-print-btn:hover:not(:disabled),
#main-app .ev-scope-print-btn:focus-visible:not(:disabled),
#main-app .ev-vendor-scope-print-btn:hover:not(:disabled),
#main-app .ev-item-card-btn:hover:not(:disabled),
#main-app .ev-item-card-icon-btn:hover:not(:disabled),
#main-app .ev-wizard-btn-confirm:hover:not(:disabled),
#main-app .ev-wizard-btn-back:hover:not(:disabled),
#main-app .ev-finish-action-btn:hover:not(:disabled),
#main-app .ev-actions-modal-close:hover:not(:disabled),
#main-app .ev-vendor-modal-close:hover:not(:disabled) {
    background: var(--ev-btn-face-press) !important;
    background-color: var(--ev-btn-face-press) !important;
    box-shadow: var(--recessed-btn) !important;
}

/* ─────────── Phase 2: Inventory ─────────── */
/*
  Search area — same Pearl surface as the main page (no carved tray box).
  Objects (search capsule · Choose · Clear) sit on the canvas; results tray
  below can still recess. Dock stays dark L (desktop) / oval rail (mobile).
  Tray/card chamfer Kelvin still lab-only: /static/frost-lab.html
*/
.inventory-search-panel--hud:not(#inventory-search-panel-card),
.inventory-search-panel.card:not(#inventory-search-panel-card) {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--ink) !important;
    overflow: visible !important;
    isolation: auto !important;
}

.inventory-search-panel--hud .card-body,
#main-app .inventory-search-panel.inventory-search-panel--hud > .card-body {
    background: transparent !important;
}

/* Tray stack: controls → filters (when open) → straight beam */
.ev-inv-search-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.1rem;
    width: 100%;
}

.ev-inv-search-controls {
    display: flex;
    align-items: center; /* rail + Choose side by side; side frost still under carve */
    gap: 1rem;
    width: 100%;
    min-width: 0;
    /* Bar height vs in-well plate height (Clear / Print / Choose match heights) */
    --ev-ctrl-h: var(--ev-search-h);
    --ev-search-in-l: 10.5px;
    --ev-search-in-r: 10.5px;
    --ev-search-in-t: 12px;
    --ev-search-in-b: 12px;
    --ev-plate-inset: 7px;
    --ev-plate-inset-l: 18px;
    --ev-plate-r: max(5px, calc(var(--ev-search-contour-r, 9px) - 2px));
    --ev-plate-h: calc(
        var(--ev-ctrl-h)
        - var(--ev-search-in-t)
        - var(--ev-search-in-b)
        - (2 * var(--ev-plate-inset))
    );
    /* Outside chips = height of the light rim / writing floor (not the inset gold plate) */
    --ev-side-btn-h: calc(
        var(--ev-ctrl-h)
        - var(--ev-search-in-t)
        - var(--ev-search-in-b)
    );
    /* Side frost glass — richer face, slower elegant slide */
    --ev-side-overlap: 46px;
    --ev-side-slide: 80px;
    --ev-side-frost-a: 0.48;
    --ev-side-frost-blur: 12px;
    --ev-side-glass-tint: 0.78;
    --ev-side-stop: 196, 58, 54; /* stronger clay — Clear / Exit */
    --ev-side-go: 48, 128, 86; /* stronger sage — Next */
    --ev-side-quiet: 245, 235, 226; /* pearl lip for Print */
    --ev-side-slide-dur: 0.82s;
    --ev-side-slide-ease: cubic-bezier(0.22, 0.72, 0.18, 1);
    --ev-side-fade-dur: 0.62s;
    --ev-side-well-half: 350px; /* JS syncs from wrap width */
}

/*
  Side frost glass (desktop): Clear/Exit/Print/Next tuck under carve and slide L/R.
  Choose what to do is idle deck chrome (far right) — not this family.
  Pearl page stays; no Bloom stage. Semantic tint = stop red / go green.
*/
@media (min-width: 992px) {
    /*
      True center carve: 1fr | rail | 1fr.
      Choose lives in the right track — “Close options” label swap must NOT
      resize the middle track (that was shifting the search bar).
    */
    #inventory-search-panel-card .ev-inv-search-controls {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        column-gap: 1.25rem;
        width: 100%;
    }
    #inventory-search-panel-card .ev-side-glass-rail {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        grid-column: 2;
        flex: 0 0 auto; /* width = carve + side-slide pad; not the full band */
        gap: 0;
        min-height: var(--ev-ctrl-h);
        min-width: 0;
        padding-inline: calc(var(--ev-side-slide) - var(--ev-side-overlap) + 12px);
        overflow: visible;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-inv-search-stack {
        position: relative;
        z-index: 3;
        flex: 0 0 auto;
    }
    #inventory-search-panel-card .ev-side-glass-rail .ev-inv-search-wrap {
        position: relative;
        z-index: 3;
        flex: 0 0 auto;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass {
        --glass-rgb: var(--ev-side-quiet, var(--ev-light));
        position: absolute;
        top: 50%;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: max(var(--ev-side-btn-h), 3.35rem);
        min-width: 5.25rem;
        margin: 0 !important;
        padding: 0 1.05rem !important;
        border: none !important;
        border-radius: var(--ev-r-control) !important;
        font-size: 0.92rem;
        font-weight: 700;
        letter-spacing: -0.01em;
        line-height: 1.1;
        /* Pure white label — not cacao, not rose-tinted */
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
        /* Keep ::before frost under the label (bare text was painting under glass) */
        isolation: isolate;
        /* Shell only slides — glass face is ::before (Safari chalks blur+transform) */
        background: transparent !important;
        background-color: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        opacity: 0;
        pointer-events: none;
        transition:
            transform var(--ev-side-slide-dur) var(--ev-side-slide-ease),
            opacity var(--ev-side-fade-dur) var(--ev-side-slide-ease) !important;
        white-space: nowrap;
        order: unset !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1; /* under .ev-side-glass-label / Print spans */
        border-radius: inherit;
        pointer-events: none;
        /* Richer tinted glass — color carries, white lip keeps it glassy */
        background: color-mix(
            in srgb,
            rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a) * 100% * var(--ev-side-glass-tint)),
            rgba(255, 255, 255, calc(var(--ev-side-frost-a) * 0.85))
        );
        -webkit-backdrop-filter: blur(var(--ev-side-frost-blur)) saturate(170%) brightness(1.04);
        backdrop-filter: blur(var(--ev-side-frost-blur)) saturate(170%) brightness(1.04);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.88),
            inset 0 -1px 0 rgba(var(--glass-rgb), 0.22),
            0 0 0 1px rgba(var(--glass-rgb), 0.58),
            0 4px 16px rgba(var(--glass-rgb), 0.2),
            0 2px 6px rgba(77, 64, 58, 0.1);
        transition:
            background var(--ev-side-fade-dur) ease,
            box-shadow var(--ev-side-fade-dur) ease;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass > *,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-side-glass-label {
        position: relative;
        z-index: 1;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass.d-none {
        display: none !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--stop {
        --glass-rgb: var(--ev-side-stop);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--go {
        --glass-rgb: var(--ev-side-go);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--quiet {
        --glass-rgb: var(--ev-side-quiet, var(--ev-light));
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-scope-print-count,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-scope-print-main-label,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass i {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-scope-print-count {
        opacity: 0.9;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--l {
        left: 50%;
        transform: translate(
            calc(-50% - var(--ev-side-well-half) + var(--ev-side-overlap)),
            -50%
        );
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--r {
        left: 50%;
        transform: translate(
            calc(-50% + var(--ev-side-well-half) - var(--ev-side-overlap)),
            -50%
        );
    }
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-l > .ev-side-glass--l:not(.d-none) {
        opacity: 1;
        pointer-events: auto;
        transform: translate(
            calc(-50% - var(--ev-side-well-half) - (var(--ev-side-slide) - var(--ev-side-overlap))),
            -50%
        );
    }
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-r > .ev-side-glass--r:not(.d-none) {
        opacity: 1;
        pointer-events: auto;
        transform: translate(
            calc(-50% + var(--ev-side-well-half) + (var(--ev-side-slide) - var(--ev-side-overlap))),
            -50%
        );
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:hover:not(:disabled)::before {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            inset 0 -1px 0 rgba(var(--glass-rgb), 0.28),
            0 0 0 1px rgba(var(--glass-rgb), 0.78),
            0 6px 20px rgba(var(--glass-rgb), 0.28),
            0 0 22px rgba(var(--glass-rgb), 0.18) !important;
        background: color-mix(
            in srgb,
            rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a) * 125% * var(--ev-side-glass-tint)),
            rgba(255, 255, 255, calc(var(--ev-side-frost-a) * 0.55))
        ) !important;
    }
    /* Clear + Print — same chip box as Exit / Next; Print stacks the count */
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-clear-btn,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn {
        width: auto !important;
        min-width: 5.25rem !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        padding: 0 1.05rem !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn {
        flex-direction: column;
        gap: 0.1rem;
        padding: 0.28rem 0.85rem !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn .ev-scope-print-main-label {
        font-size: 0.82rem;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn .ev-scope-print-count {
        font-size: 0.68rem;
        opacity: 0.75;
    }
    /* Kill legacy rose / teal paint on carve side frost slots */
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-clear-btn,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-exit-btn,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn {
        background-image: none !important;
    }

    /*
      Choose what to do — right track of the controls grid (idle only).
      Never absolute over the bar, never slide/nudge. Width locked to the
      longer idle label so Close-options swap cannot reflow the carve.
    */
    #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none) {
        position: static;
        grid-column: 3;
        justify-self: end;
        flex: 0 0 auto;
        align-self: center;
        z-index: auto;
        margin: 0 !important;
        /* “Choose what to do” ≥ “Close options” */
        min-width: 12.75rem;
        box-sizing: border-box;
        transform: none !important;
        transition:
            background 0.15s ease,
            box-shadow 0.18s ease,
            color 0.15s ease !important; /* no transform */
    }
    #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:hover:not(:disabled),
    #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:focus-visible:not(:disabled),
    #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck[aria-expanded='true'],
    #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck.is-actions-source,
    body.ev-actions-open #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck {
        transform: none !important;
    }
}

@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass {
        --ev-side-slide-dur: 1ms;
        --ev-side-fade-dur: 0.18s;
        transition: opacity 0.18s ease, color 0.18s ease !important;
    }
}

/* Phone: keep row layout; still use semantic frost faces (no under-carve slide) */
@media (max-width: 991.98px) {
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass {
        --glass-rgb: var(--ev-light);
        border: none !important;
        border-radius: var(--ev-r-control) !important;
        font-weight: 650;
        background: transparent !important;
        background-color: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass::before {
        background: color-mix(
            in srgb,
            rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a) * 100% * var(--ev-side-glass-tint)),
            rgba(255, 255, 255, var(--ev-side-frost-a))
        );
        -webkit-backdrop-filter: blur(var(--ev-side-frost-blur)) saturate(180%);
        backdrop-filter: blur(var(--ev-side-frost-blur)) saturate(180%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.72),
            0 0 0 1px rgba(var(--glass-rgb), 0.4);
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--stop {
        --glass-rgb: var(--ev-side-stop);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--go {
        --glass-rgb: var(--ev-side-go);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    }
}

#inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
#inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls {
    --ev-ctrl-h: var(--ev-search-h-scoped);
}
/* Receive scoped: gold plate only (mode banner is under the bar) — same height as inventory scope */
#inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-inv-search-controls {
    --ev-ctrl-h: var(--ev-search-h-scoped);
}

.ev-inv-search-row .ev-inv-search-wrap,
.ev-inv-search-controls .ev-inv-search-wrap {
    flex: 1 1 auto;
    min-width: 0;
}

/*
  Desktop: fixed hero shell for ALL modalities (idle / vendor-found / Receive).
  No max-content growth — long names ellipsis inside the gold plate.
*/
@media (min-width: 992px) {
    #inventory-search-panel-card .ev-side-glass-rail > .ev-inv-search-stack,
    #inventory-search-panel-card .ev-side-glass-rail .ev-inv-search-wrap,
    #inventory-search-panel-card .ev-inv-search-controls .ev-inv-search-wrap {
        flex: 0 0 auto;
        width: var(--ev-search-w) !important;
        min-width: min(100%, var(--ev-search-w));
        max-width: 100%;
    }

    #inventory-search-panel-card #inventory-search-lab.sbar,
    #inventory-search-panel-card .ev-inv-search-wrap .sbar {
        width: var(--ev-search-w) !important;
        min-width: min(100%, var(--ev-search-w));
        max-width: 100%;
    }

    /* In-oval plate stays inside the fixed shell */
    #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-vendor,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-vendor {
        min-width: 0;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
    }

    #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-left,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-left {
        min-width: 0;
        max-width: 100%;
        flex: 1 1 auto;
        justify-content: center;
        overflow: hidden;
    }

    #inventory-search-panel-card.ev-inventory-oval-scoped .ev-search-oval-identity,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-search-oval-identity {
        min-width: 0;
        max-width: 100%;
        flex: 0 0 auto;
        overflow: hidden;
    }

    #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-mark,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-mark {
        min-width: 0;
        max-width: 100%;
        width: auto;
        overflow: hidden;
    }

    #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-stock,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-stock {
        min-width: 0;
        max-width: 100%;
        width: auto;
        overflow: hidden;
    }

    #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-name,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-name {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/*
  Hero search — light lives INSIDE the capsule (inner rim + wash).
  Idle = quiet thin rim · selected/focus = bright thick rim · loading = chrome run.
  No outer halo into the canvas.
*/
@property --field-a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 200deg;
}

.ev-inv-search-wrap {
    overflow: visible !important;
}

/*
  Search lamp — ONE straight white beam down the page.
  Off until results show; then filters sit above the strip and
  frosted cards float in the light below. No angled triangle.
*/
.ev-inv-search-row > .ev-search-lamp {
    --ev-lamp-hot: rgb(var(--ev-light));
    --ev-lamp-inset: 0%;
    position: relative;
    z-index: 0;
    flex: 0 0 auto;
    align-self: stretch;
    width: 100%;
    max-width: none;
    height: 4rem; /* idle stub — lights turn on with results */
    margin: 0;
    pointer-events: none;
    overflow: hidden;
    transform: none;
    opacity: 0.22;
    isolation: isolate;
    transition: height 0.45s ease, opacity 0.35s ease;
}

/* Soft side fade only — straight curtain, not a conic wedge */
.ev-search-lamp__beam,
.ev-search-lamp__glow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.45) 4%,
        #000 12%,
        #000 88%,
        rgba(0, 0, 0, 0.45) 96%,
        transparent 100%
    );
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.45) 4%,
        #000 12%,
        #000 88%,
        rgba(0, 0, 0, 0.45) 96%,
        transparent 100%
    );
}

/* Soft bloom — warm-white wash straight down */
.ev-search-lamp__glow {
    z-index: 0;
    background: linear-gradient(
        180deg,
        rgba(var(--ev-light), 0.95) 0%,
        rgba(var(--ev-light), 0.55) 18%,
        rgba(var(--ev-light), 0.28) 42%,
        rgba(var(--ev-light), 0.12) 68%,
        rgba(var(--ev-light), 0.04) 88%,
        transparent 100%
    );
    filter: blur(28px);
    opacity: 1;
    animation: ev-search-lamp-glow 5.6s ease-in-out infinite;
}

/* Core curtain — brighter center shaft */
.ev-search-lamp__beam {
    z-index: 1;
    background: linear-gradient(
        180deg,
        rgba(var(--ev-light), 1) 0%,
        rgba(var(--ev-light), 0.85) 14%,
        rgba(var(--ev-light), 0.5) 36%,
        rgba(var(--ev-light), 0.22) 62%,
        rgba(var(--ev-light), 0.08) 84%,
        transparent 100%
    );
    filter: blur(12px);
    opacity: 0.95;
    animation: ev-search-lamp-beam 5.6s ease-in-out infinite;
}

/* Hot seam — retired; soft beam alone lights the frost cards */
.ev-search-lamp__strip {
    display: none !important;
}

.ev-inv-search-row:has(.sbar:focus-within) > .ev-search-lamp .ev-search-lamp__glow {
    filter: blur(34px);
}
.ev-inv-search-row:has(.sbar:focus-within) > .ev-search-lamp .ev-search-lamp__beam {
    filter: blur(14px);
}
.ev-inv-search-row:has(.sbar:focus-within) > .ev-search-lamp .ev-search-lamp__strip {
    box-shadow:
        0 0 8px 0 #fff,
        0 0 32px 8px rgba(255, 255, 255, 0.75),
        0 0 128px 32px rgba(255, 255, 255, 0.32);
}

.ev-inv-search-row:has(.ev-inv-search-wrap--suggest-open) > .ev-search-lamp {
    opacity: 0.12;
}

/* Results chrome inside sticky search shell — All / summary / Filters */
.ev-inv-beam-filters {
    display: none;
    justify-content: center;
    width: 100%;
    z-index: 2;
}

.ev-inv-beam-filters .ev-inv-results-bar,
.ev-inv-beam-filters .ev-inv-results-bar-main {
    justify-content: center;
    width: auto;
    max-width: 100%;
}

#inventory-section:has(#inventory-table-card.results:not(.d-none)) .ev-inv-beam-filters {
    display: flex;
}

/* Filters chip: oval (vendor scoped) OR bar (no vendor) — never both */
.ev-inv-filters-chip--oval {
    display: none !important;
}
.ev-inv-filters-chip--bar {
    display: none !important;
}
#inventory-section:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card:not(.ev-inventory-oval-scoped):not(.ev-receive-oval-scoped)
    .ev-inv-filters-chip--bar {
    display: inline-flex !important;
}
/* #main-app — search may be parked in the phone topdeck, outside #inventory-section */
#main-app:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-inventory-oval-scoped
    .ev-inv-filters-chip--oval,
#main-app:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-receive-oval-scoped
    .ev-inv-filters-chip--oval,
#inventory-section:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-inventory-oval-scoped
    .ev-inv-filters-chip--oval,
#inventory-section:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-receive-oval-scoped
    .ev-inv-filters-chip--oval {
    display: inline-flex !important;
}
#main-app:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-inventory-oval-scoped
    .ev-inv-filters-chip--bar,
#main-app:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-receive-oval-scoped
    .ev-inv-filters-chip--bar,
#inventory-section:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-inventory-oval-scoped
    .ev-inv-filters-chip--bar,
#inventory-section:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-receive-oval-scoped
    .ev-inv-filters-chip--bar {
    display: none !important;
}

/* When vendor is scoped, count lives on the oval — hide the bar summary chip */
#inventory-search-panel-card.ev-inventory-oval-scoped #inventory-table-result-summary,
#inventory-search-panel-card.ev-receive-oval-scoped #inventory-table-result-summary {
    display: none !important;
}

.ev-inv-filters-btn {
    white-space: nowrap;
}
.ev-inv-filters-icon {
    display: none;
}

/* Lamp / beam retired — results use a light canvas instead */
.ev-inv-search-row > .ev-search-lamp {
    display: none !important;
}

@keyframes ev-search-lamp-strip {
    0%, 100% { opacity: 0.92; filter: brightness(0.97); }
    50% { opacity: 1; filter: brightness(1.12); }
}

@keyframes ev-search-lamp-beam {
    0%, 100% { opacity: 0.88; }
    50% { opacity: 1; }
}

@keyframes ev-search-lamp-glow {
    0%, 100% { opacity: 0.9; }
    50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .ev-search-lamp__strip,
    .ev-search-lamp__beam,
    .ev-search-lamp__glow {
        animation: none !important;
    }
}

@media (max-width: 991.98px) {
    .ev-inv-search-row {
        gap: 0.85rem;
    }

    #main-app #inventory-search-panel-card.inventory-search-panel--hud,
    #inventory-search-panel-card.inventory-search-panel--hud {
        top: 0.4rem;
        padding: 0.25rem 0 !important;
    }

    /* Phone / narrow: full-bleed shell (desktop dial does not apply) */
    #inventory-search-panel-card .ev-side-glass-rail {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-inv-search-wrap,
    #inventory-search-panel-card .ev-inv-search-controls .ev-inv-search-wrap,
    #inventory-search-panel-card #inventory-search-lab.sbar,
    #inventory-search-panel-card .ev-inv-search-wrap .sbar,
    #main-app #inventory-search-lab.sbar,
    #main-app .ev-inv-search-wrap .sbar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 auto;
    }
    #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none) {
        flex: 1 1 100%;
        width: 100%;
        transform: none !important;
    }
}





/* Animate contour glow level (idle / hover / focus / loading breathe) */
@property --ev-search-glow {
    syntax: "<number>";
    inherits: true;
    initial-value: 0.15;
}

/*
  Inventory hero search — lab carve (search-carve-lab.html preset):
    Centered lips 9.5 / 11 · carve 0.6× · bleed 1.
    Glow: idle 0.15 · hover 0.55 · focus 1 · loading breathes min↔max.
    Near-square. Never LEATHER.
*/
#main-app #inventory-search-lab.sbar,
#main-app .ev-inv-search-wrap .sbar,
#main-app .ev-inv-search-wrap .sbar.inventory-search-input-group,
.ev-inv-search-wrap .sbar,
.ev-inv-search-wrap .sbar.inventory-search-input-group {
    /* Darker writing floor — Kelvin contour reads hotter against it */
    --ev-search-floor: color-mix(in srgb, var(--ev-khaki) 52%, var(--ev-taupe) 48%);
    --ev-search-shade: 77, 64, 58; /* CACAO */
    --ev-search-carve-d: 0.6;
    --ev-search-glow: 0.22; /* idle — a touch more so light shows on the darker base */
    --ev-search-glow-min: 0.22; /* loading floor */
    --ev-search-glow-max: 1; /* loading peak + focus */
    --ev-search-bleed: 1;
    /* Corner floors follow TL / TR (and faint BR) shade geometry */
    --ev-search-floor-wash:
        radial-gradient(
            ellipse 58% 72% at 0% 0%,
            rgba(var(--ev-search-shade), 0.34) 0%,
            rgba(var(--ev-search-shade), 0.14) 38%,
            transparent 68%
        ),
        radial-gradient(
            ellipse 58% 72% at 100% 0%,
            rgba(var(--ev-search-shade), 0.34) 0%,
            rgba(var(--ev-search-shade), 0.14) 38%,
            transparent 68%
        ),
        radial-gradient(
            ellipse 48% 55% at 100% 100%,
            rgba(var(--ev-search-shade), 0.14) 0%,
            rgba(var(--ev-search-shade), 0.05) 42%,
            transparent 70%
        );
    /* Lips / plate tokens inherit from .ev-inv-search-controls */
    /* Contour / shade hole / floor share this radius in SVG */
    --ev-search-contour-r: 9px;
    --ev-search-l-stroke: 1px; /* metal-fx–inspired hard ring */
    --ev-search-bead-len: 400; /* JS sets from path length */
    --ev-search-halo: 0 5px 14px rgba(var(--ev-search-shade), 0.16);
    /* Soft catch opposite (BR) — quieter so half-tone BR L shade can read */
    --ev-search-catch:
        inset calc(-5px * var(--ev-search-carve-d)) calc(-6px * var(--ev-search-carve-d)) calc(12px * var(--ev-search-carve-d))
            rgba(255, 255, 255, 0.22),
        inset calc(-2px * var(--ev-search-carve-d)) calc(-2px * var(--ev-search-carve-d)) 0
            rgba(255, 255, 255, 0.14);
    --ev-search-depth: var(--ev-search-halo), var(--ev-search-catch);
    position: relative;
    display: flex !important;
    align-items: stretch;
    gap: 0.3rem;
    width: var(--ev-search-w); /* desktop dial; phone media may force 100% */
    margin: 0 !important;
    border: none !important;
    border-radius: var(--ev-r-control) !important; /* near-square */
    background-color: var(--ev-search-floor) !important;
    background-image: var(--ev-search-floor-wash) !important;
    color: var(--ink) !important;
    overflow: visible !important;
    isolation: isolate;
    /* No chrome padding — contour lips + input padding define the writing floor */
    padding: 0 !important;
    min-height: var(--ev-ctrl-h, var(--ev-search-h)) !important;
    height: var(--ev-ctrl-h, var(--ev-search-h));
    box-shadow: var(--ev-search-depth) !important;
    transition:
        box-shadow 0.32s ease,
        background 0.32s ease,
        color 0.2s ease,
        --ev-search-glow 0.28s ease;
    cursor: text;
}

#main-app #inventory-search-lab.sbar:hover,
#main-app .ev-inv-search-wrap .sbar:hover,
.ev-inv-search-wrap .sbar:hover {
    --ev-search-glow: 0.55;
}

#main-app #inventory-search-lab.sbar:focus-within,
#main-app .ev-inv-search-wrap .sbar:focus-within,
.ev-inv-search-wrap .sbar:focus-within {
    --ev-search-glow: 1;
}

.ev-inv-search-wrap {
    overflow: visible !important;
}


.ev-inv-search-wrap .field__lit {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

/*
  Contour SVG owns shade rim + glow line on ONE path (no CSS punch drift).
*/
.ev-inv-search-wrap .ev-search-contour {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}
.ev-inv-search-wrap .ev-search-contour__shade {
    pointer-events: none;
}
.ev-inv-search-wrap .ev-search-contour__floor {
    fill: var(--ev-search-floor, color-mix(in srgb, var(--ev-khaki) 52%, var(--ev-taupe) 48%));
    pointer-events: none;
}
.ev-inv-search-wrap .ev-search-contour__glow {
    fill: none;
    stroke: rgb(var(--ev-light));
    stroke-linecap: round;
    stroke-linejoin: round;
    mix-blend-mode: screen;
}
.ev-inv-search-wrap .ev-search-contour__glow--core {
    opacity: calc(var(--ev-search-glow, 0.15) * 1.25);
}
.ev-inv-search-wrap .ev-search-contour__glow--mid {
    opacity: calc(var(--ev-search-glow, 0.15) * 0.55);
}
.ev-inv-search-wrap .ev-search-contour__glow--soft {
    opacity: calc(var(--ev-search-glow, 0.15) * 0.32);
}
/* Unclipped — bleeds past contour into shade rim (washes hard shade) */
.ev-inv-search-wrap .ev-search-contour__glow--bleed {
    opacity: calc(var(--ev-search-glow, 0.15) * var(--ev-search-bleed, 1) * 0.85);
}
.ev-inv-search-wrap .ev-search-contour__line {
    fill: none;
    stroke: rgba(var(--ev-light), 1);
    stroke-width: var(--ev-search-l-stroke, 1px);
    stroke-linecap: round;
    stroke-linejoin: round;
    /* Hard lip + soft outer bloom (metal-fx ring language → Soft Kelvin) */
    filter:
        drop-shadow(0 0 1px rgba(var(--ev-light), 0.95))
        drop-shadow(0 0 3px rgba(var(--ev-light), 0.55));
}

/* Quiet idle specular bead on shared carve path; stronger on hover/focus */
.ev-inv-search-wrap .ev-search-contour__bead {
    fill: none;
    stroke: rgb(var(--ev-light));
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 28 9999;
    animation: ev-search-bead-run 7.5s linear infinite;
    opacity: calc(var(--ev-search-glow, 0.22) * 0.42);
    mix-blend-mode: screen;
    pointer-events: none;
}
.ev-inv-search-wrap .ev-search-contour__bead--soft {
    stroke-width: 5.5px;
    filter: blur(2.8px);
    opacity: calc(var(--ev-search-glow, 0.22) * 0.28);
}
.ev-inv-search-wrap .ev-search-contour__bead--core {
    stroke-width: 1.35px;
    filter: drop-shadow(0 0 2px rgba(var(--ev-light), 0.85));
}
.ev-inv-search-wrap .sbar:hover .ev-search-contour__bead {
    animation-duration: 4.2s;
}
.ev-inv-search-wrap .sbar:focus-within .ev-search-contour__bead {
    animation-duration: 2.8s;
}
.ev-inv-search-wrap .sbar.ev-search-bead-paused .ev-search-contour__bead {
    animation-play-state: paused;
}
/* Loading owns the traveling rim — hide idle bead to avoid double motion */
.ev-inv-search-wrap .sbar.ev-search-loading .ev-search-contour__bead,
.ev-inv-search-wrap .sbar.ev-inv-search-loading .ev-search-contour__bead,
.ev-inv-search-wrap .sbar.is-loading .ev-search-contour__bead {
    opacity: 0 !important;
    animation: none !important;
}
@keyframes ev-search-bead-run {
    to { stroke-dashoffset: calc(-1 * var(--ev-search-bead-len, 400)); }
}

/* Traveling Kelvin rim — on for loading only */
.ev-inv-search-wrap .field__rim {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2.5px;
    opacity: 0;
    background: conic-gradient(
        from var(--field-a),
        rgba(var(--pearl-shade-rgb), 0.12) 0deg,
        rgba(var(--ev-light), 0.28) 28deg,
        rgba(var(--ev-light), 0.72) 52deg,
        rgb(var(--ev-light)) 78deg,
        rgba(var(--pearl-shine-rgb), 1) 108deg,
        rgba(var(--ev-light), 0.55) 138deg,
        rgba(var(--pearl-shade-rgb), 0.14) 175deg,
        rgba(var(--ev-light), 0.35) 215deg,
        rgb(var(--ev-light)) 255deg,
        rgba(var(--pearl-shine-rgb), 0.95) 295deg,
        rgba(var(--pearl-shade-rgb), 0.12) 360deg
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    box-shadow: inset 0 0 0 0.5px rgba(var(--pearl-shine-rgb), 0.35);
    transition: opacity 0.28s ease, filter 0.28s ease;
}

/* Quiet wash — contour owns idle light */
.ev-inv-search-wrap .field__wash {
    position: absolute;
    inset: -4%;
    border-radius: inherit;
    opacity: 0;
    mix-blend-mode: soft-light;
    background: radial-gradient(
        ellipse 90% 70% at 18% 12%,
        rgba(var(--ev-light), 0.35) 0%,
        rgba(var(--ev-light), 0.08) 42%,
        transparent 68%
    );
    filter: blur(14px);
    transition: opacity 0.34s ease, filter 0.34s ease, transform 0.34s ease;
    transform: translateY(8%) scale(0.96);
}
.ev-inv-search-wrap .sbar:not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading) .field__rim {
    opacity: 0 !important;
    animation: none !important;
}

.ev-inv-search-wrap .sbar > :not(.field__lit) {
    position: relative;
    z-index: 1;
}

/* Kill legacy ::before/::after wall rings — SVG contour owns shade + glow */
.ev-inv-search-wrap .sbar::before,
.ev-inv-search-wrap .sbar.inventory-search-input-group::before,
.ev-inv-search-wrap .sbar::after,
.ev-inv-search-wrap .sbar.inventory-search-input-group::after {
    content: none !important;
    display: none !important;
}

/* Tall hit target — text + ⌕ live inside the contour floor */
.ev-inv-search-wrap .sbar input,
.ev-inv-search-wrap .sbar #inventory-search {
    border: 0 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    align-self: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    /* Writing floor — ⌕ + text clear of the shared contour edge */
    padding:
        calc(var(--ev-search-in-t, 12px) + 0.15rem)
        calc(var(--ev-search-in-r, 10.5px) + 0.55rem)
        calc(var(--ev-search-in-b, 12px) + 0.15rem)
        calc(var(--ev-search-in-l, 10.5px) + 2.95rem) !important;
    color: var(--ink) !important;
    font-family: var(--font-sans) !important;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
    cursor: text;
}

.ev-inv-search-wrap .sbar input::placeholder,
.ev-inv-search-wrap .sbar #inventory-search::placeholder {
    color: color-mix(in srgb, var(--mute) 75%, transparent) !important;
    font-weight: 600 !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: opacity 0.18s ease, color 0.18s ease;
}

.ev-inv-search-wrap .sbar #inventory-search {
    text-align: left;
}

/* Receive vendor pick — keep the gray hint visible while the field is focused. */
#inventory-search-panel-card.ev-inventory-search--receive .sbar input::placeholder,
#inventory-search-panel-card.ev-inventory-search--receive .sbar #inventory-search::placeholder,
#inventory-search-panel-card.ev-inventory-search--receive .sbar:focus-within input::placeholder,
#inventory-search-panel-card.ev-inventory-search--receive .sbar:focus-within #inventory-search::placeholder {
    opacity: 1 !important;
    color: var(--gray-400, #9b9b9b) !important;
    -webkit-text-fill-color: var(--gray-400, #9b9b9b) !important;
}

/* ⌕ in the writing floor — clear of the contour edge */
.ev-inv-search-wrap .sbar__icon,
.ev-inv-search-wrap .inventory-search-leading {
    position: absolute !important;
    left: calc(var(--ev-search-in-l, 10.5px) + 1.15rem);
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    flex: none !important;
    width: 1.25rem !important;
    min-width: 1.25rem !important;
    height: 1.25rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
    font-size: 1.1rem !important;
    opacity: 0.72;
    line-height: 1;
    color: inherit !important;
    background: transparent !important;
    transition: opacity 0.2s ease;
    cursor: text;
    pointer-events: none; /* clicks pass through to the <label> → focus input */
}

.ev-inv-search-wrap .sbar__icon .inventory-search-icon,
.ev-inv-search-wrap .inventory-search-icon {
    display: inline-flex !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    flex: none !important;
    opacity: 1;
    transform: none;
    visibility: visible;
    font-size: 1.1rem !important;
    font-weight: 500;
    line-height: 1;
}

/* Clear must still receive clicks when armed */
.ev-inv-search-wrap .inventory-search-leading.is-clear-armed {
    pointer-events: auto;
    width: auto !important;
    min-width: 4.5rem !important;
}
.ev-inv-search-wrap .inventory-search-leading.is-clear-armed .sbar__clear {
    pointer-events: auto;
}

/*
  Focus — contour glow rises; carve + lips stay.
*/
#main-app #inventory-search-lab.sbar:focus-within,
.ev-inv-search-wrap .sbar:focus-within {
    color: var(--ink) !important;
    background-color: var(--ev-search-floor) !important;
    background-image: var(--ev-search-floor-wash) !important;
    box-shadow: var(--ev-search-depth) !important;
}

.ev-inv-search-wrap .sbar:focus-within .field__wash {
    opacity: 0.35;
    transform: translateY(-6%) scale(1.02);
    filter: blur(16px);
    mix-blend-mode: screen;
}


.ev-inv-search-wrap .sbar:focus-within .sbar__icon,
.ev-inv-search-wrap .sbar:focus-within .inventory-search-leading {
    opacity: 0.88;
    color: var(--ink) !important;
}

.ev-inv-search-wrap .sbar:focus-within input,
.ev-inv-search-wrap .sbar:focus-within #inventory-search {
    color: var(--ink) !important;
}

.ev-inv-search-wrap .sbar:focus-within input::placeholder,
.ev-inv-search-wrap .sbar:focus-within #inventory-search::placeholder {
    color: color-mix(in srgb, var(--mute) 55%, transparent) !important;
}

@keyframes ev-field-rim-run {
    from { --field-a: 0deg; }
    to { --field-a: 360deg; }
}

/* Loading — carve stays; contour glow breathes min↔max; rim shines on field__rim */
@keyframes ev-search-glow-breathe {
    0%,
    100% {
        --ev-search-glow: var(--ev-search-glow-min, 0.2);
    }
    50% {
        --ev-search-glow: var(--ev-search-glow-max, 1);
    }
}
#inventory-search-lab.ev-search-loading,
#inventory-search-lab.ev-inv-search-loading,
#inventory-search-lab.is-loading,
#inventory-search-lab.ev-search-loading:focus-within,
#inventory-search-lab.is-loading:focus-within {
    color: var(--ink) !important;
    background-color: var(--ev-search-floor) !important;
    background-image: var(--ev-search-floor-wash) !important;
    box-shadow: var(--ev-search-depth) !important;
    /* breathe between --ev-search-glow-min and --ev-search-glow-max */
    animation: ev-search-glow-breathe 1.15s ease-in-out infinite !important;
    transition: none !important;
}

#inventory-search-lab.ev-search-loading > .field__lit,
#inventory-search-lab.is-loading > .field__lit {
    z-index: 0 !important;
}

#inventory-search-lab.ev-search-loading > :not(.field__lit),
#inventory-search-lab.is-loading > :not(.field__lit) {
    position: relative;
    z-index: 2;
}

#inventory-search-lab.ev-search-loading .field__rim,
#inventory-search-lab.ev-inv-search-loading .field__rim,
#inventory-search-lab.is-loading .field__rim,
#inventory-search-lab.ev-search-loading:focus-within .field__rim,
#inventory-search-lab.is-loading:focus-within .field__rim {
    opacity: 1 !important;
    filter: brightness(1.22) saturate(1.08);
    animation: ev-field-rim-run 0.95s linear infinite;
    /* Longer bright arc / cooler falloff — metal-fx “liquid” cue */
    background: conic-gradient(
        from var(--field-a),
        rgba(var(--pearl-shade-rgb), 0.1) 0deg,
        rgba(var(--ev-light), 0.35) 22deg,
        rgba(var(--ev-light), 0.78) 48deg,
        rgb(var(--ev-light)) 78deg,
        rgba(var(--pearl-shine-rgb), 1) 118deg,
        rgba(var(--ev-light), 0.65) 148deg,
        rgba(var(--pearl-shade-rgb), 0.12) 188deg,
        rgba(var(--ev-light), 0.42) 228deg,
        rgb(var(--ev-light)) 268deg,
        rgba(var(--pearl-shine-rgb), 0.98) 308deg,
        rgba(var(--pearl-shade-rgb), 0.1) 360deg
    ) !important;
}

#inventory-search-lab.ev-search-loading .field__wash,
#inventory-search-lab.ev-inv-search-loading .field__wash,
#inventory-search-lab.is-loading .field__wash,
#inventory-search-lab.ev-search-loading:focus-within .field__wash,
#inventory-search-lab.is-loading:focus-within .field__wash {
    opacity: 0.7 !important;
    transform: translateY(-10%) scale(1.02);
    filter: blur(14px) brightness(1.06);
    animation: none !important;
    mix-blend-mode: soft-light;
    background:
        radial-gradient(
            ellipse 90% 80% at 50% 40%,
            rgba(var(--ev-light), 0.5) 0%,
            rgba(var(--ev-light), 0.16) 42%,
            transparent 72%
        ) !important;
}

/* Kill legacy gold outline from styles.css while glass loading */
#inventory-search-lab.ev-inv-search-loading,
#inventory-search-lab.ev-search-loading,
#inventory-search-lab.is-loading {
    outline: none !important;
    outline-offset: 0 !important;
}

/* Bulk modes — light carved well + mode ring accent */
#main-app.ev-inventory-bulk-return .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading),
#main-app.ev-inventory-bulk-sold .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading),
#main-app.ev-inventory-bulk-status .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading),
#main-app.ev-inventory-bulk-audit .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading) {
    background: var(--surface) !important;
    background-image: none !important;
}
#main-app.ev-inventory-bulk-return .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading) {
    box-shadow:
        var(--recessed),
        0 0 0 2px rgba(255, 55, 55, 0.65),
        0 0 14px rgba(255, 55, 55, 0.22) !important;
}
#main-app.ev-inventory-bulk-sold .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading) {
    box-shadow:
        var(--recessed),
        0 0 0 2px rgba(167, 80, 255, 0.65),
        0 0 14px rgba(167, 80, 255, 0.2) !important;
}
#main-app.ev-inventory-bulk-status .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading) {
    box-shadow:
        var(--recessed),
        0 0 0 2px rgba(200, 160, 40, 0.7),
        0 0 14px rgba(200, 160, 40, 0.2) !important;
}
#main-app.ev-inventory-bulk-audit .ev-inv-search-wrap .sbar:not(.is-loading):not(.ev-search-loading) {
    box-shadow:
        var(--recessed),
        0 0 0 2px rgba(14, 165, 233, 0.65),
        0 0 14px rgba(14, 165, 233, 0.22) !important;
}

/* Search loading STANDARD — Kelvin fade (same --ev-light as dock / hero rim) */
.ev-inv-search-loading-track {
    display: none !important;
}

/* Non-hero search loading — Kelvin wash (hero uses contour rim) */
.sbar.ev-search-loading:not(#inventory-search-lab),
.sbar.ev-inv-search-loading:not(#inventory-search-lab),
.form-control.ev-search-loading,
.ev-wizard-input.ev-search-loading,
.ev-consign-search-hud.ev-search-loading,
.input-group.ev-search-loading,
#ev-receive-vendor-search.ev-search-loading,
#batches-vendor-filter.ev-search-loading,
#consignee-directory-search.ev-search-loading,
#repair-shop-directory-search.ev-search-loading,
#repair-item-search.ev-search-loading,
#consignment-item-search.ev-search-loading,
#vendor-search.ev-search-loading {
    position: relative !important;
    overflow: hidden !important;
    background: color-mix(in srgb, rgb(var(--ev-light)) 42%, var(--ev-khaki, var(--well))) !important;
    box-shadow:
        inset 8px 8px 16px rgba(0, 0, 0, 0.1),
        inset -6px -6px 14px rgba(255, 255, 255, 0.65),
        0 0 0 1px rgba(var(--ev-light), 0.55),
        0 0 22px rgba(var(--ev-light), 0.32) !important;
    animation: ev-search-well-fade 1.55s ease-in-out infinite;
    border-color: transparent !important;
}

/* Soft Kelvin wash moves through the carving */
.sbar.ev-search-loading:not(#inventory-search-lab)::after,
.sbar.ev-inv-search-loading:not(#inventory-search-lab)::after,
.form-control.ev-search-loading::after,
.ev-wizard-input.ev-search-loading::after,
.ev-consign-search-hud.ev-search-loading::after,
.input-group.ev-search-loading::after,
#ev-receive-vendor-search.ev-search-loading::after,
#batches-vendor-filter.ev-search-loading::after,
#consignee-directory-search.ev-search-loading::after,
#repair-shop-directory-search.ev-search-loading::after,
#repair-item-search.ev-search-loading::after,
#consignment-item-search.ev-search-loading::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
        105deg,
        rgba(var(--ev-light), 0) 0%,
        rgba(var(--ev-light), 0.4) 36%,
        rgba(var(--ev-light), 0.85) 50%,
        rgba(var(--ev-light), 0.4) 64%,
        rgba(var(--ev-light), 0) 100%
    );
    background-size: 220% 100%;
    animation: ev-search-well-shimmer 1.55s ease-in-out infinite;
}

.sbar.ev-search-loading:not(#inventory-search-lab) > *,
.sbar.ev-inv-search-loading:not(#inventory-search-lab) > *,
.ev-consign-search-hud.ev-search-loading > *,
.input-group.ev-search-loading > * {
    position: relative;
    z-index: 2;
}

/* Inputs can't host ::after — wrap wash on a parent when possible; for bare inputs use background fade only */
.form-control.ev-search-loading::after,
.ev-wizard-input.ev-search-loading::after,
#ev-receive-vendor-search.ev-search-loading::after,
#batches-vendor-filter.ev-search-loading::after,
#consignee-directory-search.ev-search-loading::after,
#repair-shop-directory-search.ev-search-loading::after,
#repair-item-search.ev-search-loading::after,
#consignment-item-search.ev-search-loading::after {
    /* some browsers ignore ::after on replaced/input — fade keyframes still color the field */
    content: none !important;
    display: none !important;
}

@keyframes ev-search-well-fade {
    0%, 100% {
        background-color: color-mix(in srgb, rgb(var(--ev-light)) 38%, var(--ev-khaki, #dfdacf));
    }
    50% {
        background-color: color-mix(in srgb, rgb(var(--ev-light)) 62%, var(--ev-white, #fff));
    }
}

@keyframes ev-search-well-shimmer {
    0% { background-position: 120% 0; opacity: 0.7; }
    50% { opacity: 1; }
    100% { background-position: -120% 0; opacity: 0.7; }
}

/* Vendor suggest / scope — no little stripe; well fade is the signal */
.ev-inv-vendor-suggest-loading {
    display: none !important;
}

.ev-vendor-scope-bar-loading {
    display: none !important;
}

.ev-vendor-scope-bar.is-loading .ev-vendor-scope-bar-inner {
    position: relative;
    overflow: hidden;
    animation: ev-search-well-fade 1.55s ease-in-out infinite;
    background: color-mix(in srgb, rgb(var(--ev-light)) 42%, var(--ev-khaki, var(--well))) !important;
}

.ev-vendor-scope-bar.is-loading .ev-vendor-scope-bar-inner::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
        105deg,
        rgba(var(--ev-light), 0) 0%,
        rgba(var(--ev-light), 0.38) 36%,
        rgba(var(--ev-light), 0.78) 50%,
        rgba(var(--ev-light), 0.38) 64%,
        rgba(var(--ev-light), 0) 100%
    );
    background-size: 220% 100%;
    animation: ev-search-well-shimmer 1.55s ease-in-out infinite;
}

.ev-vendor-scope-bar.is-loading .ev-vendor-scope-bar-left,
.ev-vendor-scope-bar.is-loading .ev-vendor-scope-bar-actions {
    position: relative;
    z-index: 2;
}

/* Don't invent a second carved pad under the slot — fade the existing carve */
.ev-inv-scope-stage.is-handoff-pending::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    background: none !important;
    opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
    .ev-inv-search-wrap .ev-search-contour__bead {
        animation: none !important;
        opacity: 0 !important;
    }
    .sbar.ev-search-loading,
    .sbar.ev-inv-search-loading,
    .form-control.ev-search-loading,
    .ev-wizard-input.ev-search-loading,
    .ev-consign-search-hud.ev-search-loading,
    .input-group.ev-search-loading,
    #ev-receive-vendor-search.ev-search-loading,
    .ev-vendor-scope-bar.is-loading .ev-vendor-scope-bar-inner {
        animation: none !important;
        background: var(--surface) !important;
    }
    #inventory-search-lab.ev-search-loading,
    #inventory-search-lab.ev-inv-search-loading,
    #inventory-search-lab.is-loading {
        /* keep metal face; only freeze the traveling rim */
        animation: none !important;
    }
    #inventory-search-lab.ev-search-loading .field__rim,
    #inventory-search-lab.ev-inv-search-loading .field__rim,
    #inventory-search-lab.is-loading .field__rim {
        animation: none !important;
        opacity: 0.45 !important;
        filter: none;
    }
    .sbar.ev-search-loading::after,
    .sbar.ev-inv-search-loading::after,
    .ev-consign-search-hud.ev-search-loading::after,
    .input-group.ev-search-loading::after,
    .ev-vendor-scope-bar.is-loading .ev-vendor-scope-bar-inner::after {
        animation: none !important;
        opacity: 0.35;
        background: rgba(232, 196, 90, 0.2);
    }
}

/*
  Choose what to do — near-square Khaki chip (§0b).
  Idle = strong neo raise · hover/selected (open) = carved press.
*/
#main-app .ev-inv-actions-launch:not(.d-none),
#main-app .sbar__go.ev-actions-launch-btn:not(.d-none),
#main-app #inventory-actions-launch:not(.d-none),
.ev-inv-search-controls .ev-inv-actions-launch:not(.d-none),
.ev-inv-search-controls .sbar__go.ev-actions-launch-btn:not(.d-none),
.ev-inv-search-row .ev-inv-actions-launch:not(.d-none),
.ev-inv-search-row .sbar__go.ev-actions-launch-btn:not(.d-none) {
    border: 0 !important;
    cursor: pointer;
    border-radius: var(--ev-r-control) !important; /* near-square — not pill */
    padding: 0 1.15rem !important;
    margin: 0 !important;
    align-self: center;
    height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    min-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    max-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    box-sizing: border-box;
    flex: 0 0 auto;
    background: var(--ev-btn-face) !important;
    background-color: var(--ev-btn-face) !important;
    box-shadow: var(--raised-btn) !important;
    color: var(--ink) !important;
    font-family: var(--font-sans) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    white-space: nowrap;
    line-height: 1.2;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
    transition:
        background 0.15s ease,
        box-shadow 0.18s ease,
        color 0.15s ease !important;
}

/* Hover / open = carved press via shadow only — no nudge (not side-frost slide family) */
#main-app .ev-inv-actions-launch:hover:not(:disabled),
#main-app .ev-inv-actions-launch:focus-visible:not(:disabled),
#main-app .ev-inv-actions-launch[aria-expanded='true'],
#main-app .sbar__go.ev-actions-launch-btn:hover:not(:disabled),
#main-app .sbar__go.ev-actions-launch-btn:focus-visible:not(:disabled),
#main-app .sbar__go.ev-actions-launch-btn[aria-expanded='true'],
#main-app #inventory-actions-launch:hover:not(:disabled),
#main-app #inventory-actions-launch:focus-visible:not(:disabled),
#main-app #inventory-actions-launch[aria-expanded='true'],
#main-app #inventory-actions-launch.is-actions-source,
body.ev-actions-open #inventory-actions-launch,
.ev-inv-search-controls .ev-inv-actions-launch:hover,
.ev-inv-search-controls .sbar__go.ev-actions-launch-btn:hover,
.ev-inv-search-controls .sbar__go.ev-actions-launch-btn[aria-expanded='true'],
.ev-inv-search-row .ev-inv-actions-launch:hover,
.ev-inv-search-row .sbar__go.ev-actions-launch-btn:hover,
.ev-inv-search-row .sbar__go.ev-actions-launch-btn[aria-expanded='true'] {
    background: var(--ev-btn-face-press) !important;
    background-color: var(--ev-btn-face-press) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed-btn) !important;
    filter: none;
    transform: none !important;
}

@media (max-width: 575.98px) {
    :root {
        --ev-search-h: 4.25rem;
        --ev-search-h-scoped: 4.55rem;
    }
    .ev-inv-search-controls {
        --ev-plate-inset: 6px;
        --ev-plate-inset-l: 12px;
    }
    /* Clear the floating menu chip above the search tray */
    #main-app #inventory-search-panel-card,
    #main-app .ev-inv-scope-stage {
        margin-top: 3.5rem;
    }
    #main-app .ev-inv-scope-stage #inventory-search-panel-card {
        margin-top: 0;
    }
    .ev-inv-search-controls {
        flex-wrap: wrap;
        gap: 0.65rem;
    }
    .ev-inv-search-controls .ev-inv-actions-launch,
    .ev-inv-search-row .ev-inv-actions-launch {
        width: 100%;
        height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
        min-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
        max-height: none !important;
        font-size: 0.95rem !important;
        border-radius: var(--ev-r-control) !important;
    }
    /* Phone: same shared height as desktop scale */
    .ev-inv-search-wrap .sbar,
    .ev-inv-search-wrap .sbar.inventory-search-input-group {
        min-height: var(--ev-ctrl-h, var(--ev-search-h)) !important;
        height: var(--ev-ctrl-h, var(--ev-search-h));
        padding: 0 !important;
        gap: 0.28rem !important;
    }
    .ev-inv-search-wrap .sbar__icon,
    .ev-inv-search-wrap .inventory-search-leading {
        left: calc(var(--ev-search-in-l, 10.5px) + 1rem);
        width: 1.15rem !important;
        min-width: 1.15rem !important;
        height: 1.15rem;
        font-size: 1.05rem !important;
    }
    .ev-inv-search-wrap .sbar__icon .inventory-search-icon,
    .ev-inv-search-wrap .inventory-search-icon {
        width: auto !important;
        min-width: 0 !important;
        font-size: 1.05rem !important;
    }
    .ev-inv-search-wrap .sbar input,
    .ev-inv-search-wrap .sbar #inventory-search {
        min-height: 0 !important;
        font-size: 1.12rem !important;
        padding-left: calc(var(--ev-search-in-l, 10.5px) + 2.7rem) !important;
    }
    #main-app .inventory-search-panel.inventory-search-panel--hud > .card-body {
        padding: 0 !important;
    }
}

/* Clear: tuck into icon slot without cream stationery look */
.ev-inv-search-wrap .inventory-search-leading.is-clear-armed {
    width: auto !important;
    min-width: 4.5rem;
    opacity: 1;
}
.ev-inv-search-wrap .inventory-search-leading.is-clear-armed .inventory-search-icon {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
    position: absolute;
}
/* In-bar Clear retired — outside red-glass Clear owns the escape */
.ev-inv-search-wrap .sbar__clear,
.ev-inv-search-wrap button.btn.inventory-search-clear.sbar__clear {
    display: none !important;
}

/* ─── Choose options — portaled light frost under L-arm search ─── */
.ev-inv-search-stack {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
    width: var(--ev-search-w, 700px);
    max-width: 100%;
    overflow: visible;
}

.ev-inv-search-stack > .ev-inv-search-wrap {
    position: relative;
    z-index: 4;
    width: 100%;
}

.ev-actions-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    /* Click-catch only — no fill/blur, or the crest never reads through the sheet */
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    animation: ev-actions-fade 0.2s ease;
}

.ev-actions-backdrop[hidden],
#inventoryActionsDrawer.ev-actions-sheet[hidden] {
    display: none !important;
}

/*
  Choose popup — separate from the L. Veil 1040 · L 1050 · arm 1060 ·
  popup 1075 (under account 1080). Not a sheet from under the arm.
*/
body.ev-actions-open:has(#main-app.ev-dock-l) #inventory-actions-backdrop {
    z-index: 1040 !important;
}

/*
  Choose sheet shell — transform lives HERE.
  Glass face lives on .ev-actions-pop-inner (Safari chalks backdrop-filter
  when it shares an element with transform).
*/
#inventoryActionsDrawer.ev-actions-sheet,
body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--portaled {
    --ev-card-frost-blur: 12px;
    position: fixed !important;
    z-index: 1075 !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    isolation: auto;
    border: none !important;
    border-radius: 0 !important;
    color: var(--ink) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    opacity: 1;
    pointer-events: none;
    transform: none !important;
}

#inventoryActionsDrawer.ev-actions-sheet.is-open,
body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--portaled.is-open {
    pointer-events: auto !important;
    transform: none !important;
}

/* True see-through frost face — crest / stage stay readable underneath */
#inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
    flex: 1 1 auto;
    min-height: 0;
    max-height: inherit;
    border-radius: var(--ev-r-panel, 18px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    -webkit-backdrop-filter: blur(var(--ev-card-frost-blur)) saturate(150%) !important;
    backdrop-filter: blur(var(--ev-card-frost-blur)) saturate(150%) !important;
    box-shadow:
        0 14px 36px rgba(77, 64, 58, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
    overflow: hidden !important;
}

/* Crest stays — it is the see-through reference behind Choose glass */

@keyframes ev-actions-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    #inventoryActionsDrawer.ev-actions-sheet {
        transform: none !important;
    }
    #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
        transition: opacity 0.16s ease !important;
    }
    .ev-actions-backdrop {
        animation: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
        background: color-mix(in srgb, var(--ev-pearl, #faf8f5) 88%, transparent) !important;
        background-color: color-mix(in srgb, var(--ev-pearl, #faf8f5) 88%, transparent) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

@media (max-width: 991.98px) {
    .ev-inv-search-stack {
        width: 100%;
        flex: 1 1 auto;
    }
    /*
      Phone Choose popup — above the topdeck, not tucked under it.
      veil 1040 · topdeck 1060 · popup 1075.
    */
    body.ev-actions-open #inventory-actions-backdrop {
        z-index: 1040 !important;
    }
    body.ev-actions-open #inventoryActionsDrawer.ev-actions-sheet,
    body.ev-actions-open > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--portaled {
        z-index: 1075 !important;
    }
    body.ev-actions-open #main-app > .ev-mobile-topdeck {
        z-index: 1060 !important;
        pointer-events: auto !important;
    }
    body.ev-actions-open #main-app > .ev-mobile-topdeck .ev-mobile-nav-fab,
    body.ev-actions-open #main-app > .ev-mobile-topdeck .ev-inv-choose-deck,
    body.ev-actions-open #main-app > .ev-mobile-topdeck #inventory-search {
        pointer-events: auto !important;
    }

    /* Phone: no veil milking — logo must read through the sheet */
    body.ev-actions-open #inventory-actions-backdrop {
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Phone: crest stays so it reads through the Choose well */

    #inventoryActionsDrawer.ev-actions-sheet,
    body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--portaled {
        --ev-card-frost-blur: 10px;
    }

    /* Clearer phone frost — crest / stage must read through the sheet */
    #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
        background: rgba(255, 255, 255, 0.04) !important;
        background-color: rgba(255, 255, 255, 0.04) !important;
    }

    /*
      Phone Choose: longer glass with empty tuck under the topdeck + empty
      tail below the options — top frost ends stay hidden behind the bar.
    */
    #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--tucked .ev-actions-pop-inner,
    body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--tucked .ev-actions-pop-inner {
        /* Square the top (hidden under topdeck); keep soft bottom ends */
        border-radius: 0 0 var(--ev-r-panel, 18px) var(--ev-r-panel, 18px) !important;
        padding-top: var(--ev-actions-tuck, 4.2rem);
        padding-bottom: var(--ev-actions-tail, 3.5rem);
    }

    #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--tucked .ev-actions-modal-body--bare,
    body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--tucked .ev-actions-modal-body--bare {
        padding-top: 0.55rem !important;
        padding-bottom: 0 !important;
    }
}

.ev-actions-pop-inner {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: inherit;
    overflow: hidden;
}

.ev-actions-modal-header {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 0.95rem 1.1rem 0.55rem !important;
    background: transparent !important;
    border-bottom: none !important;
    flex-shrink: 0;
}

.ev-actions-modal-heading {
    min-width: 0;
}

.ev-actions-modal-kicker {
    margin: 0 0 0.2rem !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--mute) !important;
}

.ev-actions-modal-title {
    font-family: var(--font-sans) !important;
    font-size: 1.15rem !important;
    font-weight: 750 !important;
    letter-spacing: -0.015em !important;
    color: var(--ink) !important;
    margin: 0 !important;
    line-height: 1.25 !important;
}

.ev-actions-modal-x.btn-close {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    flex-shrink: 0;
    width: 2.2rem !important;
    height: 2.2rem !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: var(--ev-r-control) !important;
    opacity: 1 !important;
    background: color-mix(in srgb, rgba(255, 255, 255, 0.55) 70%, transparent) !important;
    background-image: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        0 0 0 1px rgba(var(--ev-light), 0.25) !important;
    filter: none !important;
}

.ev-actions-modal-x.btn-close::before {
    content: '×';
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    color: var(--mute);
}

.ev-actions-modal-x.btn-close:hover {
    background: var(--ev-btn-face-press) !important;
    box-shadow: var(--recessed) !important;
}

.ev-actions-modal-x.btn-close:hover::before {
    color: var(--ink);
}

.ev-actions-modal-body {
    padding: 0.2rem 0.85rem 0.85rem !important;
    background: transparent !important;
    /* Scroll only when the viewport is too short; desktop fullscreen should fit */
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
    flex: 1 1 auto;
    scrollbar-gutter: auto;
}

/* No Actions / “What do you want to do?” header — options start immediately */
.ev-actions-modal-body--bare {
    padding: 0.75rem 0.85rem 0.85rem !important;
}

.ev-action-card-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch;
    /* Air between panes so the clear sheet glass reads under each option */
    gap: 0.5rem !important;
    max-width: none !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .ev-action-card-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5rem 0.55rem !important;
    }
}

.ev-action-card-section,
.ev-action-fork-back {
    grid-column: 1 / -1;
}

.ev-action-card-section {
    margin: 0.45rem 0.15rem 0.05rem !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--mute) !important;
}

.ev-action-card-section:first-child {
    margin-top: 0.05rem !important;
}

/*
  Choose options — denser tinted frost panes on the clear sheet
  (glass-on-glass). No nested backdrop-filter (parent sheet already blurs);
  color-mix + corner raise give each action its own frosted hue at rest.
*/
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
.ev-action-card {
    display: grid !important;
    grid-template-columns: 2.45rem minmax(0, 1fr) 0.85rem !important;
    align-items: center !important;
    column-gap: 0.75rem !important;
    height: auto;
    min-height: 3.7rem;
    max-height: none;
    padding: 0.7rem 0.95rem !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    border-radius: 18px !important;
    /* Default pane denser than the clear sheet behind it */
    background: color-mix(in srgb, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42)) 78%, transparent) !important;
    background-color: color-mix(in srgb, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42)) 78%, transparent) !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--ink) !important;
    box-shadow:
        0 4px 14px rgba(77, 64, 58, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 12px 12px var(--ev-frost-spread, 18px) calc(var(--ev-frost-spread, 18px) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise, 0.22)),
        inset -12px -12px var(--ev-frost-spread, 18px) calc(var(--ev-frost-spread, 18px) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise, 0.14)) !important;
    transform: none !important;
    transition:
        background 0.16s ease,
        box-shadow 0.18s ease,
        border-color 0.16s ease,
        color 0.16s ease !important;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

/* Idle semantic frost — each option a different tinted glass */
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
.ev-action-card--receive,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
.ev-action-card--walkin {
    background: color-mix(in srgb, #cfe5d6 46%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    background-color: color-mix(in srgb, #cfe5d6 46%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    border-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 32%, rgba(255, 255, 255, 0.45)) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--labels,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--labels,
.ev-action-card--labels {
    background: color-mix(in srgb, var(--ev-khaki, #dfdacf) 52%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    background-color: color-mix(in srgb, var(--ev-khaki, #dfdacf) 52%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    border-color: color-mix(in srgb, var(--ev-taupe, #a3968d) 36%, rgba(255, 255, 255, 0.45)) !important;
}
.ev-action-card--labels .ev-action-card-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--ev-taupe, #a3968d) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--ev-cacao, #4d403a) 62%, #6e6e76) 55%,
        color-mix(in srgb, var(--ev-cacao, #4d403a) 58%, #4a4a52) 100%
    ) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
.ev-action-card--sold {
    background: color-mix(in srgb, #e2d6e8 44%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    background-color: color-mix(in srgb, #e2d6e8 44%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    border-color: color-mix(in srgb, var(--violet-dot, #9a7aad) 32%, rgba(255, 255, 255, 0.45)) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
.ev-action-card--return {
    background: color-mix(in srgb, #e8d0cb 44%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    background-color: color-mix(in srgb, #e8d0cb 44%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    border-color: color-mix(in srgb, var(--rose-dot, #c07068) 32%, rgba(255, 255, 255, 0.45)) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
.ev-action-card--consign,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle,
.ev-action-card--settle {
    background: color-mix(in srgb, #d4e0ef 46%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    background-color: color-mix(in srgb, #d4e0ef 46%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    border-color: color-mix(in srgb, var(--blue-dot, #6a88b0) 32%, rgba(255, 255, 255, 0.45)) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
.ev-action-card--repair {
    background: color-mix(in srgb, #f0dcc8 46%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    background-color: color-mix(in srgb, #f0dcc8 46%, var(--ev-frost-fill-light, rgba(255, 255, 255, 0.42))) !important;
    border-color: color-mix(in srgb, #d47830 32%, rgba(255, 255, 255, 0.45)) !important;
}

#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
.ev-action-card:hover,
.ev-action-card:focus-visible {
    transform: none !important;
    outline: none;
    /* Stronger lit pane — bright lip + soft outer wash so hover reads instantly */
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.55),
        0 8px 22px rgba(77, 64, 58, 0.14),
        0 0 28px rgba(255, 255, 255, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(77, 64, 58, 0.06),
        inset 16px 16px var(--ev-frost-spread, 18px) calc(var(--ev-frost-spread, 18px) * -0.5)
            rgba(255, 255, 255, 0.42),
        inset -14px -14px var(--ev-frost-spread, 18px) calc(var(--ev-frost-spread, 18px) * -0.55)
            rgba(255, 255, 255, 0.22) !important;
}

/* Hover — punchier semantic wash (still glass, not flat Material fill) */
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:focus-visible,
.ev-action-card--receive:hover,
.ev-action-card--receive:focus-visible,
.ev-actions-pop .ev-action-card--receive:hover,
.ev-actions-pop .ev-action-card--receive:focus-visible,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:focus-visible,
.ev-action-card--walkin:hover,
.ev-action-card--walkin:focus-visible {
    background: color-mix(in srgb, #b8dcc8 78%, rgba(255, 255, 255, 0.72)) !important;
    background-color: color-mix(in srgb, #b8dcc8 78%, rgba(255, 255, 255, 0.72)) !important;
    border-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 72%, #fff) !important;
    color: var(--ink) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 45%, #fff),
        0 8px 22px color-mix(in srgb, var(--green-dot, #5a9a6e) 22%, transparent),
        0 0 26px color-mix(in srgb, var(--green-dot, #5a9a6e) 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 16px 16px 18px -10px rgba(255, 255, 255, 0.5) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:focus-visible,
.ev-action-card--sold:hover,
.ev-action-card--sold:focus-visible {
    background: color-mix(in srgb, #d8c6e4 76%, rgba(255, 255, 255, 0.72)) !important;
    background-color: color-mix(in srgb, #d8c6e4 76%, rgba(255, 255, 255, 0.72)) !important;
    border-color: color-mix(in srgb, var(--violet-dot, #9a7aad) 72%, #fff) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--violet-dot, #9a7aad) 45%, #fff),
        0 8px 22px color-mix(in srgb, var(--violet-dot, #9a7aad) 22%, transparent),
        0 0 26px color-mix(in srgb, var(--violet-dot, #9a7aad) 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 16px 16px 18px -10px rgba(255, 255, 255, 0.5) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:focus-visible,
.ev-action-card--return:hover,
.ev-action-card--return:focus-visible {
    background: color-mix(in srgb, #e4c0b8 76%, rgba(255, 255, 255, 0.72)) !important;
    background-color: color-mix(in srgb, #e4c0b8 76%, rgba(255, 255, 255, 0.72)) !important;
    border-color: color-mix(in srgb, var(--rose-dot, #c07068) 72%, #fff) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--rose-dot, #c07068) 45%, #fff),
        0 8px 22px color-mix(in srgb, var(--rose-dot, #c07068) 22%, transparent),
        0 0 26px color-mix(in srgb, var(--rose-dot, #c07068) 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 16px 16px 18px -10px rgba(255, 255, 255, 0.5) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:focus-visible,
.ev-action-card--consign:hover,
.ev-action-card--consign:focus-visible,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle:focus-visible,
.ev-action-card--settle:hover,
.ev-action-card--settle:focus-visible {
    background: color-mix(in srgb, #c4d4ec 78%, rgba(255, 255, 255, 0.72)) !important;
    background-color: color-mix(in srgb, #c4d4ec 78%, rgba(255, 255, 255, 0.72)) !important;
    border-color: color-mix(in srgb, var(--blue-dot, #6a88b0) 72%, #fff) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--blue-dot, #6a88b0) 45%, #fff),
        0 8px 22px color-mix(in srgb, var(--blue-dot, #6a88b0) 22%, transparent),
        0 0 26px color-mix(in srgb, var(--blue-dot, #6a88b0) 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 16px 16px 18px -10px rgba(255, 255, 255, 0.5) !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:focus-visible,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:focus-visible,
.ev-action-card--repair:hover,
.ev-action-card--repair:focus-visible {
    background: color-mix(in srgb, #efd0b0 78%, rgba(255, 255, 255, 0.72)) !important;
    background-color: color-mix(in srgb, #efd0b0 78%, rgba(255, 255, 255, 0.72)) !important;
    border-color: color-mix(in srgb, #d47830 72%, #fff) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, #d47830 45%, #fff),
        0 8px 22px color-mix(in srgb, #d47830 22%, transparent),
        0 0 26px color-mix(in srgb, #d47830 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 16px 16px 18px -10px rgba(255, 255, 255, 0.5) !important;
}

/* Hover cue on the row chrome — title + chevron brighten with the wash */
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title {
    color: var(--ev-cacao, #4d403a) !important;
    font-weight: 750 !important;
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-chev,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-chev,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-chev,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-chev {
    opacity: 1 !important;
    color: var(--ink) !important;
    transform: translateX(2px);
}
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-icon,
#inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-icon,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-icon,
body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-icon {
    box-shadow:
        -3px -3px 8px rgba(255, 255, 255, 0.28),
        4px 6px 14px rgba(0, 0, 0, 0.45),
        inset 1px 1px 0 rgba(255, 255, 255, 0.4),
        0 0 0 2px rgba(255, 255, 255, 0.35) !important;
}

@media (prefers-reduced-transparency: reduce) {
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
    body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
    .ev-action-card {
        background: color-mix(in srgb, var(--ev-pearl, #faf8f5) 88%, transparent) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
    .ev-action-card--receive,
    .ev-action-card--walkin {
        background: color-mix(in srgb, #cfe5d6 28%, var(--ev-pearl, #faf8f5)) !important;
    }
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
    .ev-action-card--sold {
        background: color-mix(in srgb, #e2d6e8 28%, var(--ev-pearl, #faf8f5)) !important;
    }
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
    .ev-action-card--return {
        background: color-mix(in srgb, #e8d0cb 28%, var(--ev-pearl, #faf8f5)) !important;
    }
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
    .ev-action-card--consign,
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle,
    .ev-action-card--settle {
        background: color-mix(in srgb, #d4e0ef 28%, var(--ev-pearl, #faf8f5)) !important;
    }
    #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
    .ev-action-card--repair {
        background: color-mix(in srgb, #f0dcc8 28%, var(--ev-pearl, #faf8f5)) !important;
    }
}

/* JD / oval avatar sphere — same metal light, tinted by dashboard status */
.ev-action-card-icon {
    width: 2.45rem !important;
    height: 2.45rem !important;
    border-radius: 50% !important;
    font-size: 0.9rem !important;
    flex-shrink: 0;
    display: grid !important;
    place-items: center;
    justify-self: center;
    color: #2a2a30 !important;
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%) !important;
    box-shadow:
        -3px -3px 7px rgba(255, 255, 255, 0.12),
        4px 5px 12px rgba(0, 0, 0, 0.55),
        inset 1px 1px 0 rgba(255, 255, 255, 0.28),
        inset -1px -1px 0 rgba(0, 0, 0, 0.35) !important;
}
.ev-action-card-icon i {
    width: 1.15em;
    text-align: center;
}

/* Dashboard map: receive + walk-in green · consign blue · return rose · repair orange · sold violet */
.ev-action-card--receive .ev-action-card-icon,
.ev-action-card--walkin .ev-action-card-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--green-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--green-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--green-dot) 58%, #4a4a52) 100%
    ) !important;
}
.ev-action-card--return .ev-action-card-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--rose-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--rose-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--rose-dot) 58%, #4a4a52) 100%
    ) !important;
}
.ev-action-card--consign .ev-action-card-icon,
.ev-action-card--settle .ev-action-card-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--blue-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--blue-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--blue-dot) 58%, #4a4a52) 100%
    ) !important;
}

.ev-action-fork-back {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin: 0.1rem 0.35rem 0.15rem;
    padding: 0.28rem 0.15rem;
    border: 0;
    background: transparent;
    color: var(--mute);
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    cursor: pointer;
}
.ev-action-fork-back:hover,
.ev-action-fork-back:focus-visible {
    color: var(--ink);
    outline: none;
}
.ev-action-card--repair .ev-action-card-icon {
    /* Repair — warmer orange (distinct from consign amber) */
    background: linear-gradient(
        160deg,
        color-mix(in srgb, #e08940 55%, #c8c8ce) 0%,
        color-mix(in srgb, #d47830 72%, #6e6e76) 55%,
        color-mix(in srgb, #c06828 58%, #4a4a52) 100%
    ) !important;
}
.ev-action-card--sold .ev-action-card-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--violet-dot) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--violet-dot) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--violet-dot) 58%, #4a4a52) 100%
    ) !important;
}

.ev-action-card-copy {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.12rem;
}

.ev-action-card-title {
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    color: var(--ink) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: left;
}

.ev-action-card-hint {
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    color: var(--mute) !important;
    line-height: 1.25 !important;
}

.ev-action-card-chev {
    color: var(--mute) !important;
    font-size: 0.78rem !important;
    width: 0.85rem;
    text-align: center;
    opacity: 0.45;
    flex-shrink: 0;
}

.ev-action-card:hover .ev-action-card-chev,
.ev-action-card:focus-visible .ev-action-card-chev {
    opacity: 1;
    color: var(--ink) !important;
    transform: translateX(2px);
}

.ev-actions-modal-footer {
    padding: 0.55rem 0.85rem 0.95rem !important;
    background: transparent !important;
    border-top: none !important;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

/* Quiet frost dismiss — exit, not another action */
.ev-actions-sheet .ev-actions-modal-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    border: none !important;
    border-radius: var(--ev-r-control) !important;
    background: color-mix(in srgb, rgba(255, 255, 255, 0.5) 65%, transparent) !important;
    color: color-mix(in srgb, var(--ev-side-stop, 176, 72, 68) 72%, var(--ink)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 0 0 1px rgba(var(--ev-side-stop, 176, 72, 68), 0.28) !important;
    font-weight: 650 !important;
    font-size: 0.9rem !important;
    min-height: 2.55rem !important;
    padding: 0.5rem 1.15rem !important;
    transform: none !important;
    width: 100%;
}

.ev-actions-modal-close:hover,
.ev-actions-modal-close:focus-visible {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 12%, #fff) !important;
    color: #d06058 !important;
    border-color: transparent !important;
    transform: none !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--rose-dot, #c07068) 35%, transparent),
        0 0 16px color-mix(in srgb, var(--rose-dot, #c07068) 28%, transparent) !important;
}

/*
  Choose stays tappable while open — label flips to “Close options”
  so the same chip dismisses the sheet (phone topdeck + desktop arm).
*/
body.ev-actions-open #inventory-actions-launch {
    pointer-events: auto !important;
}

.ev-actions-launch-source-ghost {
    display: none !important; /* retired — grow-from-pill ghost */
}

/* ─── Search ↔ vendor handoff — soft crossfade (lab ease) ─── */
.ev-inv-scope-stage {
    overflow: visible !important; /* vendor Edit popup rises above the bar */
    transition: min-height 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Quiet pad under the slot while lookup runs (no cream gold wash) */
.ev-inv-scope-stage.is-handoff-pending::after {
    margin-top: 0.45rem !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--well) 70%, transparent) !important;
    box-shadow: var(--recessed) !important;
    opacity: 0.85 !important;
    transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#inventory-search-panel-card {
    transition:
        opacity 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.34s ease !important;
}

/* Shell-stays: never fly the search panel away for vendor scope. */
#inventory-search-panel-card.is-vendor-scoped {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    pointer-events: auto !important;
    position: relative !important;
    visibility: visible !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
}

/* Legacy floating vendor bar — retired; oval owns vendor scope chrome. */
#ev-vendor-scope-bar {
    display: none !important;
}

.ev-vendor-scope-bar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition:
        opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.42s !important;
}

.ev-vendor-scope-bar:not(.is-open) {
    transform: translateY(14px) scale(0.992) !important;
    filter: blur(1px);
}

.ev-vendor-scope-bar.is-open {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: none;
    transition:
        opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.06s,
        transform 0.42s cubic-bezier(0.22, 1, 0.36, 1) 0.04s,
        filter 0.35s ease 0.04s,
        visibility 0s linear 0s !important;
}

.ev-vendor-scope-bar-inner {
    transition:
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.35s ease !important;
}

/* Soft slide only — never animate opacity (left a blank black stage on phone). */
#inventory-table-card.ev-inv-results-enter {
    animation: evInvResultsEnterNeo 0.35s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes evInvResultsEnterNeo {
    from {
        transform: translateY(8px);
    }
    to {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ev-inv-scope-stage,
    #inventory-search-panel-card,
    #inventory-search-panel-card.is-vendor-scoped,
    .ev-vendor-scope-bar,
    .ev-vendor-scope-bar.is-open,
    .ev-vendor-scope-bar-inner {
        transition: none !important;
        filter: none !important;
    }
    #inventory-table-card.ev-inv-results-enter {
        animation: none !important;
    }
}

.ev-vendor-scope-bar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 0.65rem 1rem !important;
    padding: 0.7rem 0.85rem !important;
    min-height: 3.35rem !important;
    border: none !important;
    border-radius: 22px !important;
    background: var(--well) !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}

.ev-vendor-scope-bar.is-loading .ev-vendor-scope-bar-inner {
    box-shadow:
        var(--recessed),
        0 0 0 1px rgba(196, 160, 74, 0.35),
        0 0 16px rgba(196, 160, 74, 0.18) !important;
}

.ev-vendor-scope-bar,
.ev-vendor-scope-bar-inner,
.ev-vendor-scope-bar-left {
    overflow: visible !important; /* Edit popup sits above the name — don’t clip */
}

.ev-vendor-scope-bar-left {
    gap: 0.65rem !important;
}

/* Mark + name = one hover/click target (edit vendor) */
.ev-vendor-scope-identity {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0.15rem 0.2rem 0.15rem 0.1rem;
    border: none;
    border-radius: 18px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
}

.ev-vendor-scope-identity:disabled {
    cursor: default;
}

.ev-vendor-scope-identity:not(:disabled) {
    transition: none;
}

.ev-vendor-scope-identity:not(:disabled):hover,
.ev-vendor-scope-identity:not(:disabled):focus-visible {
    outline: none;
    background: transparent;
    box-shadow: none;
}

.ev-vendor-scope-pop {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.55rem);
    transform: translateX(-50%) translateY(6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    padding: 0.55rem 0.9rem;
    border-radius: 16px;
    background: var(--surface);
    color: var(--ink);
    box-shadow:
        var(--raised-sm),
        0 6px 14px rgba(0, 0, 0, 0.12),
        0 0 18px rgba(212, 175, 55, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    z-index: 40;
    transition:
        opacity 0.2s ease,
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.2s;
}

.ev-vendor-scope-pop::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0.7rem;
    height: 0.35rem;
    transform: translateX(-50%);
    background: inherit;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}

.ev-vendor-scope-pop-title {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.ev-vendor-scope-pop-hint {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--mute);
}

.ev-vendor-scope-identity:not(:disabled):hover .ev-vendor-scope-pop,
.ev-vendor-scope-identity:not(:disabled):focus-visible .ev-vendor-scope-pop {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition:
        opacity 0.2s ease,
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0s;
}

.ev-vendor-scope-bar-mark {
    position: relative;
    z-index: 1;
    width: 2.65rem;
    height: 2.65rem;
    min-width: 2.65rem;
    flex-shrink: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    color: #2a2a30;
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%);
    box-shadow:
        -2px -2px 5px rgba(255, 255, 255, 0.14),
        3px 4px 10px rgba(0, 0, 0, 0.4),
        inset 1px 1px 0 rgba(255, 255, 255, 0.28),
        inset -1px -1px 0 rgba(0, 0, 0, 0.3);
    font-size: 0.95rem;
    overflow: visible;
    transition:
        width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        min-width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-radius 0.35s ease,
        padding 0.35s ease,
        box-shadow 0.4s ease;
}

/* Idle circle — hide stock stack until the plate expands */
.ev-vendor-scope-bar-mark:not(.ev-vendor-scope-bar-mark--with-id) .ev-vendor-scope-bar-stock {
    display: none;
}

/* Person icon + stock # + vendor name — all inside the gold plate */
.ev-vendor-scope-bar-mark--with-id {
    width: auto;
    min-width: 9.5rem;
    max-width: min(20rem, 56vw);
    height: auto;
    min-height: 3.5rem;
    padding: 0.5rem 0.9rem 0.5rem 0.55rem;
    border-radius: 18px;
    gap: 0.65rem;
    align-items: center;
    transition:
        width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        min-width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-radius 0.35s ease,
        padding 0.35s ease,
        box-shadow 0.22s ease,
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.ev-vendor-scope-bar-mark--with-id > .fa-user-tie,
.ev-vendor-scope-bar-mark--with-id > .ev-vendor-scope-icon-person,
.ev-vendor-scope-bar-mark--with-id > .ev-vendor-scope-icon-receive {
    flex-shrink: 0;
    width: 1.85rem;
    height: 1.85rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 0.82rem;
    opacity: 1;
    color: #2a2414;
    background: color-mix(in srgb, #fff8e4 28%, transparent);
    box-shadow:
        inset 1px 1px 0 rgba(255, 245, 210, 0.35),
        inset -1px -1px 0 rgba(80, 55, 10, 0.18),
        1px 2px 4px rgba(0, 0, 0, 0.12);
}

/* Default: person icon. Receive Batch: same gold plate, green box icon. */
.ev-vendor-scope-icon-receive {
    display: none !important;
}
.ev-vendor-scope-bar--receive .ev-vendor-scope-icon-person {
    display: none !important;
}
.ev-vendor-scope-bar--receive .ev-vendor-scope-bar-mark--with-id > .ev-vendor-scope-icon-receive {
    display: grid !important;
    color: #1e2e22;
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 42%, #fff8e4);
    box-shadow:
        inset 1px 1px 0 rgba(220, 255, 230, 0.45),
        inset -1px -1px 0 rgba(30, 70, 40, 0.18),
        1px 2px 4px rgba(0, 0, 0, 0.12);
}

/*
 * Receive Batch — shell stays (carved box + long oval).
 * Side chrome changes (Exit left / Next right); gold vendor fits INSIDE the oval.
 */
#main-app.ev-inventory-bulk-receive .ev-vendor-scope-bar {
    display: none !important;
}
#main-app.ev-inventory-bulk-receive #inventory-search-panel-card.is-vendor-scoped {
    /* Never hide the search shell in Receive */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    transform: none !important;
    filter: none !important;
}
#main-app.ev-inventory-bulk-receive .ev-inv-scope-stage.is-handoff-pending::after {
    display: none !important;
}

/* Exit / Clear — outside capsule; rose glass. Clear = square = gold plate height. */
.ev-receive-exit-btn:not(.d-none),
.ev-scope-clear-btn:not(.d-none) {
    border: 0 !important;
    cursor: pointer;
    border-radius: var(--ev-r-control) !important;
    margin: 0 !important;
    align-self: center;
    box-sizing: border-box;
    order: -1;
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
    background:
        linear-gradient(
            165deg,
            color-mix(in srgb, var(--rose-dot, #c45c5c) 38%, rgba(255, 255, 255, 0.55)) 0%,
            color-mix(in srgb, var(--rose-dot, #c45c5c) 28%, rgba(255, 255, 255, 0.22)) 100%
        ) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
    backdrop-filter: blur(12px) saturate(1.15);
    box-shadow:
        var(--raised-sm),
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        inset 0 -1px 0 color-mix(in srgb, var(--rose-dot, #c45c5c) 22%, transparent),
        0 0 0 1px color-mix(in srgb, var(--rose-dot, #c45c5c) 48%, transparent) !important;
    color: color-mix(in srgb, var(--rose-dot, #c45c5c) 82%, #1a1a1e) !important;
}
/* Clear — square chip, same edge as the gold vendor plate */
.ev-scope-clear-btn:not(.d-none) {
    --ev-clear-sq: var(--ev-side-btn-h, var(--ev-plate-h));
    width: var(--ev-clear-sq) !important;
    height: var(--ev-clear-sq) !important;
    min-width: var(--ev-clear-sq) !important;
    min-height: var(--ev-clear-sq) !important;
    max-width: var(--ev-clear-sq) !important;
    max-height: var(--ev-clear-sq) !important;
    padding: 0 !important;
    flex: 0 0 var(--ev-clear-sq) !important;
    font-size: 0.78rem !important;
}
/* Exit — same glass, height matches gold plate (Receive) */
.ev-receive-exit-btn:not(.d-none) {
    padding: 0 1.15rem !important;
    height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    min-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    max-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    flex: 0 0 auto;
    font-size: 0.9rem !important;
}
.ev-receive-exit-btn.d-none,
.ev-scope-clear-btn.d-none {
    display: none !important;
}
.ev-receive-exit-btn:not(.d-none):hover,
.ev-receive-exit-btn:not(.d-none):focus-visible,
.ev-scope-clear-btn:not(.d-none):hover,
.ev-scope-clear-btn:not(.d-none):focus-visible {
    background:
        linear-gradient(
            165deg,
            color-mix(in srgb, var(--rose-dot, #c45c5c) 48%, #fff) 0%,
            color-mix(in srgb, var(--rose-dot, #c45c5c) 34%, rgba(255, 255, 255, 0.55)) 100%
        ) !important;
    color: color-mix(in srgb, var(--rose-dot, #c45c5c) 92%, #1a1a1e) !important;
    box-shadow:
        var(--recessed),
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        0 0 0 1px color-mix(in srgb, var(--rose-dot, #c45c5c) 55%, transparent),
        0 0 18px color-mix(in srgb, var(--rose-dot, #c45c5c) 32%, transparent) !important;
}

/* Submit — teal with real raised depth (not a flat wash). Hidden until vendor is scoped. */
.ev-receive-next-btn:not(.d-none) {
    border: 0 !important;
    cursor: pointer;
    border-radius: var(--ev-r-control) !important;
    padding: 0 1.25rem !important;
    margin: 0 !important;
    align-self: center;
    height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    min-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    max-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    box-sizing: border-box;
    flex: 0 0 auto;
    background:
        linear-gradient(
            165deg,
            color-mix(in srgb, var(--ev-receive-next, #0f766e) 42%, #fff) 0%,
            color-mix(in srgb, var(--ev-receive-next, #0f766e) 34%, var(--surface)) 55%,
            color-mix(in srgb, var(--ev-receive-next, #0f766e) 28%, var(--surface)) 100%
        ) !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--ev-receive-next, #0f766e) 42%, transparent),
        0 8px 18px color-mix(in srgb, var(--ev-receive-next, #0f766e) 18%, transparent) !important;
    color: #0f2a28 !important;
    font: inherit !important;
    font-size: 0.95rem !important;
    font-weight: 750 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.ev-receive-next-btn.d-none {
    display: none !important;
}
.ev-receive-next-btn:not(.d-none):hover:not(:disabled),
.ev-receive-next-btn:not(.d-none):focus-visible:not(:disabled) {
    background:
        linear-gradient(
            165deg,
            color-mix(in srgb, var(--ev-receive-next, #0f766e) 52%, #fff) 0%,
            color-mix(in srgb, var(--ev-receive-next, #0f766e) 40%, var(--surface)) 100%
        ) !important;
    box-shadow:
        var(--recessed),
        0 0 0 1px color-mix(in srgb, var(--ev-receive-next, #0f766e) 50%, transparent) !important;
}
.ev-receive-next-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: var(--raised-sm) !important;
}

/* Searching / vendor-scoped: Choose stays gone until Clear / Esc (JS also toggles .d-none). */
#main-app #inventory-actions-launch.d-none,
#main-app .ev-inv-actions-launch.d-none,
#inventory-search-panel-card.ev-inventory-oval-scoped #inventory-actions-launch,
#inventory-search-panel-card.ev-receive-oval-scoped #inventory-actions-launch,
#inventory-search-panel-card.ev-inventory-search--receive #inventory-actions-launch {
    display: none !important;
}

/* Print memo — right of oval (inventory vendor scope only). */
.ev-scope-print-btn:not(.d-none) {
    border: 0 !important;
    cursor: pointer;
    border-radius: var(--ev-r-control) !important;
    padding: 0.28rem 1.05rem !important;
    margin: 0 !important;
    align-self: center;
    height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    min-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    max-height: var(--ev-side-btn-h, var(--ev-plate-h)) !important;
    box-sizing: border-box;
    flex: 0 0 auto;
    gap: 0.12rem;
    background: var(--ev-btn-face) !important;
    box-shadow: var(--raised-btn) !important;
    color: var(--ink) !important;
    font-family: var(--font-sans) !important;
    font-size: 0.92rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    line-height: 1.15;
    transform: none;
}
.ev-scope-print-btn.d-none {
    display: none !important;
}
.ev-scope-print-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}
.ev-scope-print-count {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--mute);
    line-height: 1.1;
}
.ev-scope-print-count:empty {
    display: none;
}
.ev-scope-print-btn:not(.d-none):hover:not(:disabled),
.ev-scope-print-btn:not(.d-none):focus-visible:not(:disabled) {
    background: var(--ev-btn-face-press) !important;
    box-shadow: var(--recessed-btn) !important;
    color: var(--ink) !important;
    transform: translateY(1px) !important;
}
.ev-scope-print-btn:disabled {
    opacity: 0.55;
    cursor: wait;
}

/*
  Desktop side frost — beat legacy rose Clear / teal Next / Print translateY
  WITHOUT putting backdrop-filter on the transforming shell (Safari chalks).
  Glass face stays on ::before (see @media min-width 992 block ~3582).
  Phone topdeck parking / under-bar chrome stay in the 991.98 block — untouched.
*/
@media (min-width: 992px) {
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass {
        --glass-rgb: var(--ev-light);
        width: auto !important;
        min-width: 5.25rem !important;
        max-width: none !important;
        height: max(var(--ev-side-btn-h), 3.35rem) !important;
        min-height: max(var(--ev-side-btn-h), 3.35rem) !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        padding: 0 1.05rem !important;
        order: unset !important;
        /* Shell stays clear — frost is ::before only */
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        filter: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--stop {
        --glass-rgb: var(--ev-side-stop);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--go {
        --glass-rgb: var(--ev-side-go);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--quiet {
        --glass-rgb: var(--ev-side-quiet, var(--ev-light));
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-scope-print-count,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-scope-print-main-label,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass i {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--l {
        left: 50%;
        opacity: 0;
        pointer-events: none;
        transform: translate(
            calc(-50% - var(--ev-side-well-half) + var(--ev-side-overlap)),
            -50%
        ) !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--r {
        left: 50%;
        opacity: 0;
        pointer-events: none;
        transform: translate(
            calc(-50% + var(--ev-side-well-half) - var(--ev-side-overlap)),
            -50%
        ) !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-l > .ev-side-glass--l:not(.d-none) {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate(
            calc(-50% - var(--ev-side-well-half) - (var(--ev-side-slide) - var(--ev-side-overlap))),
            -50%
        ) !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-r > .ev-side-glass--r:not(.d-none) {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate(
            calc(-50% + var(--ev-side-well-half) + (var(--ev-side-slide) - var(--ev-side-overlap))),
            -50%
        ) !important;
    }
    /* Hover paint on ::before — never on the sliding shell */
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:hover:not(:disabled),
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:focus-visible:not(:disabled),
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass[aria-expanded='true'] {
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:hover:not(:disabled)::before,
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:focus-visible:not(:disabled)::before {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            inset 0 -1px 0 rgba(var(--glass-rgb), 0.28),
            0 0 0 1px rgba(var(--glass-rgb), 0.78),
            0 6px 20px rgba(var(--glass-rgb), 0.28),
            0 0 22px rgba(var(--glass-rgb), 0.18) !important;
        background: color-mix(
            in srgb,
            rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a) * 125% * var(--ev-side-glass-tint)),
            rgba(255, 255, 255, calc(var(--ev-side-frost-a) * 0.55))
        ) !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-l > .ev-side-glass--l:hover:not(:disabled),
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-l > .ev-side-glass--l:focus-visible:not(:disabled) {
        transform: translate(
            calc(-50% - var(--ev-side-well-half) - (var(--ev-side-slide) - var(--ev-side-overlap))),
            -50%
        ) !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-r > .ev-side-glass--r:hover:not(:disabled),
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-r > .ev-side-glass--r:focus-visible:not(:disabled),
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-r > .ev-side-glass--r[aria-expanded='true'] {
        transform: translate(
            calc(-50% + var(--ev-side-well-half) + (var(--ev-side-slide) - var(--ev-side-overlap))),
            -50%
        ) !important;
    }
    /* Print: keep slide transform — kill legacy translateY(1px) nudge */
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn {
        flex-direction: column !important;
        gap: 0.1rem !important;
        padding: 0.35rem 0.85rem !important;
        min-width: 4.75rem !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn:hover:not(:disabled),
    #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn:focus-visible:not(:disabled) {
        background: transparent !important;
        box-shadow: none !important;
        transform: translate(
            calc(-50% + var(--ev-side-well-half) - var(--ev-side-overlap)),
            -50%
        ) !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-r > .ev-scope-print-btn:hover:not(:disabled),
    #inventory-search-panel-card .ev-side-glass-rail.ev-side-glass-shown-r > .ev-scope-print-btn:focus-visible:not(:disabled) {
        transform: translate(
            calc(-50% + var(--ev-side-well-half) + (var(--ev-side-slide) - var(--ev-side-overlap))),
            -50%
        ) !important;
    }
}
@media (max-width: 991.98px) {
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass {
        --glass-rgb: var(--ev-light);
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        background: color-mix(
            in srgb,
            rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a) * 100% * var(--ev-side-glass-tint)),
            rgba(255, 255, 255, var(--ev-side-frost-a))
        ) !important;
        background-image: none !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.72),
            0 0 0 1px rgba(var(--glass-rgb), 0.4) !important;
        transform: none !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--stop {
        --glass-rgb: var(--ev-side-stop);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass--go {
        --glass-rgb: var(--ev-side-go);
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/*
  Side-glass labels — final lock. Pure white always (idle/hover/focus).
  Beats legacy rose Exit/Clear + khaki Print ink that made type look pink.
*/
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:hover,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:focus-visible,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:active,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-exit-btn:not(.d-none),
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-exit-btn:not(.d-none):hover,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-clear-btn:not(.d-none),
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-clear-btn:not(.d-none):hover,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none),
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none):hover,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn:not(.d-none),
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-scope-print-btn:not(.d-none):hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
}
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-scope-print-main-label,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass .ev-scope-print-count,
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/*
  Plates sit inside the light rim.
  Must beat #main-app #inventory-search-lab { padding: 0 !important } (2 IDs).
*/
#main-app #inventory-search-panel-card.ev-receive-oval-scoped #inventory-search-lab.sbar,
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-wrap .sbar,
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar {
    padding:
        calc(var(--ev-search-in-t, 12px) + var(--ev-plate-inset, 7px))
        calc(var(--ev-search-in-r, 10.5px) + var(--ev-plate-inset, 7px))
        calc(var(--ev-search-in-b, 12px) + var(--ev-plate-inset, 7px))
        calc(var(--ev-search-in-l, 10.5px) + var(--ev-plate-inset, 7px)) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
}

/*
  Phone topdeck lock (beats scoped --ev-ctrl-h / plate padding above).
  Search carve stays the idle inventory typing height in every mode.
*/
@media (max-width: 991.98px) {
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-controls,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-inv-search-controls,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-inv-search-controls {
        --ev-ctrl-h: var(--ev-mobile-topdeck-search-h, 3rem);
        --ev-search-h: var(--ev-mobile-topdeck-search-h, 3rem);
        --ev-search-h-scoped: var(--ev-mobile-topdeck-search-h, 3rem);
    }
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-inv-search-controls {
        --ev-plate-h: 3.3rem;
        --ev-plate-r: 10px;
    }

    #main-app #ev-mobile-topdeck-slot #inventory-search-lab.sbar,
    #main-app #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped #inventory-search-lab.sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-wrap .sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar {
        --ev-ctrl-h: var(--ev-mobile-topdeck-search-h, 3rem);
        --ev-search-h: var(--ev-mobile-topdeck-search-h, 3rem);
        min-height: var(--ev-mobile-topdeck-search-h, 3rem) !important;
        height: var(--ev-mobile-topdeck-search-h, 3rem) !important;
        max-height: var(--ev-mobile-topdeck-search-h, 3rem) !important;
        justify-content: center !important;
        padding: 0.35rem 1rem !important;
        gap: 0.35rem !important;
        border-radius: 999px !important;
        background: var(--ev-glass-pill-wash), var(--ev-glass-pill-face) !important;
        background-color: var(--ev-glass-pill-face) !important;
        border: 1px solid var(--ev-glass-pill-edge) !important;
        box-shadow: var(--ev-glass-pill-lit) !important;
        -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
        backdrop-filter: blur(22px) saturate(150%) !important;
    }
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) #inventory-search-lab.sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped:not(.ev-inventory-search--receive) .ev-inv-search-wrap .sbar {
        padding: 0.38rem 0.4rem !important;
        gap: 0.4rem !important;
    }

    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-vendor {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.35rem !important;
        padding: 0 !important;
    }
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped
        #inventory-search-lab.sbar,
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped
        .ev-inv-search-wrap .sbar {
        justify-content: center !important;
        padding-left: 0.55rem !important;
        padding-right: 0.55rem !important;
    }
    #main-app #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-title {
        display: none !important;
    }
}
#main-app #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-vendor,
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-vendor {
    max-height: 100%;
    min-width: 0;
    gap: 0.4rem;
    /* Belt: keep the cluster clear of the left rim even if padding fights */
    margin-left: 0;
    padding-left: 0;
}

/*
  Found stage (gold plate active):
  — SAME shell geometry as grey loading (no space-between / no wrap grow)
  — shell stays --ev-search-w (no resize)
  — gold + found/filters cluster in the well (not the rims)
  — grey→gold color only
  — meta fades in after a short settle
  — Kelvin glow under the cards (floor), not on the card faces
*/
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-form,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-form {
    width: var(--ev-search-w) !important;
    max-width: 100%;
    margin-inline: 0;
    transition: none !important; /* never tween shell width on found */
}

/* Keep Clear → bar → Print in the same flex row as grey (no flank / no middle fill) */
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-inv-search-controls {
    justify-content: flex-start;
}
/* Receive stays centered in the arm / grid — gold plate is middle of the carve */
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-inv-search-controls {
    justify-content: center !important;
}

@media (min-width: 992px) {
    #main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-side-glass-rail > .ev-inv-search-wrap,
    #main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-side-glass-rail > .ev-inv-search-wrap {
        flex: 0 0 auto !important;
        width: var(--ev-search-w) !important;
        min-width: min(100%, var(--ev-search-w));
        max-width: 100%;
    }
}

#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-inv-search-form,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-inv-search-form {
    width: var(--ev-search-w) !important;
    max-width: 100%;
    margin-inline: 0 !important;
    transition: none !important;
}

#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    #inventory-search-lab.sbar,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    #inventory-search-lab.sbar {
    /* Soft strip around the carve — cluster sits in the well, not the rims */
    --ev-search-glow: 0.22;
    width: var(--ev-search-w) !important;
    max-width: 100%;
    justify-content: center !important;
    transition:
        box-shadow 0.85s ease,
        --ev-search-glow 0.85s ease,
        background 0.85s ease !important; /* no width / no position */
}
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    #inventory-search-lab.sbar,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-inv-search-wrap .sbar {
    justify-content: center !important;
}

#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-vendor,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-vendor {
    justify-content: center !important;
    width: 100%;
    max-width: 100%;
}
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-vendor {
    justify-content: center !important;
}

#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.55rem;
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    padding-bottom: 0.2rem;
}
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left {
    justify-content: center !important;
    margin-inline: auto !important;
}

/* Floor glow under the cards — Kelvin on the well, not the plate faces */
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left::before,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left::before {
    content: '';
    position: absolute;
    left: -6%;
    right: -6%;
    bottom: -0.15rem;
    height: 1.35rem;
    border-radius: 999px;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(
            ellipse 48% 120% at 28% 100%,
            rgba(var(--ev-light), 0.72) 0%,
            rgba(var(--ev-light), 0.22) 55%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 48% 120% at 72% 100%,
            rgba(var(--ev-light), 0.65) 0%,
            rgba(var(--ev-light), 0.18) 55%,
            transparent 78%
        );
    filter: blur(5px);
    opacity: 0.95;
}
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left > *,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left > * {
    position: relative;
    z-index: 1;
}

/* Slide-to-center retired — plate stays put while we standardize the shell */

/* Meta / found card fades in (no lateral move) */
#main-app #inventory-search-panel-card.ev-found-flow:has(.ev-receive-oval-vendor.is-name-found)
    .ev-search-oval-meta {
    animation: ev-found-meta-in 0.45s ease both;
}

@keyframes ev-found-meta-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    #main-app #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-form,
    #main-app #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-form {
        transition: none !important;
    }
    #main-app #inventory-search-panel-card.ev-found-flow:has(.ev-receive-oval-vendor.is-name-found)
        .ev-search-oval-meta {
        animation: none !important;
    }
}

/*
  Cards sit low in the well: quiet faces + strong contact shade into the floor.
  Glow lives under them (::before on oval-left), not as a face wash.
*/
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-mark,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-mark {
    color: #2a2414;
    background: linear-gradient(150deg, #f0d890 0%, #e0c070 40%, #d0a848 100%);
    box-shadow:
        5px 8px 16px rgba(80, 55, 10, 0.28),
        2px 3px 6px rgba(80, 55, 10, 0.16),
        -2px -3px 8px rgba(255, 248, 220, 0.4),
        inset 1.5px 1.5px 0 rgba(255, 252, 235, 0.75),
        inset -1.5px -1.5px 0 rgba(120, 85, 20, 0.2),
        /* Contact shade — pulls the plate toward the bar floor */
        0 12px 18px -4px rgba(77, 64, 58, 0.42),
        0 6px 10px -3px rgba(77, 64, 58, 0.28);
}
#main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-search-oval-meta,
#main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-search-oval-meta {
    -webkit-backdrop-filter: blur(10px) saturate(1.1);
    backdrop-filter: blur(10px) saturate(1.1);
    background: linear-gradient(
        155deg,
        rgba(var(--pearl-shine-rgb, 255, 255, 255), 0.55) 0%,
        rgba(var(--pearl-rgb, 250, 248, 245), 0.42) 100%
    );
    box-shadow:
        var(--raised-sm),
        inset 0 0 0 1px rgba(255, 255, 255, 0.35),
        0 12px 18px -4px rgba(77, 64, 58, 0.4),
        0 6px 10px -3px rgba(77, 64, 58, 0.26);
}

.ev-scope-print-btn.is-busy .ev-scope-print-count {
    opacity: 0.55;
}

/* Any Choose-what-to-do bulk mode: launch stays out of the way */
#main-app.ev-inventory-bulk-return #inventory-actions-launch,
#main-app.ev-inventory-bulk-sold #inventory-actions-launch,
#main-app.ev-inventory-bulk-status #inventory-actions-launch,
#main-app.ev-inventory-bulk-audit #inventory-actions-launch,
#main-app.ev-inventory-bulk-consign #inventory-actions-launch,
#main-app.ev-inventory-bulk-settle #inventory-actions-launch,
#main-app.ev-inventory-bulk-receive #inventory-actions-launch {
    display: none !important;
}

/* Receive: Clear is unused — Exit covers leave/reset */
#main-app.ev-inventory-bulk-receive .inventory-search-clear,
#main-app.ev-inventory-bulk-receive .sbar__clear,
#inventory-search-panel-card.ev-inventory-search--receive .inventory-search-clear,
#inventory-search-panel-card.ev-inventory-search--receive .sbar__clear,
#main-app.ev-inventory-bulk-receive #inventory-scope-clear-btn,
#main-app.ev-inventory-bulk-receive #inventory-scope-print-btn,
#inventory-search-panel-card.ev-inventory-search--receive #inventory-scope-clear-btn,
#inventory-search-panel-card.ev-inventory-search--receive #inventory-scope-print-btn {
    display: none !important;
}

/*
 * Receive idle: deep carve + soft green wash + green ring (mode color).
 */
#main-app.ev-inventory-bulk-receive .ev-inv-search-wrap .sbar:not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading),
#inventory-search-panel-card.ev-inventory-search--receive .ev-inv-search-wrap .sbar:not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading) {
    background-image: linear-gradient(
        180deg,
        color-mix(in srgb, #cfe5d6 22%, transparent) 0%,
        transparent 55%
    ) !important;
    box-shadow:
        var(--ev-search-carve),
        inset 0 0 28px 8px color-mix(in srgb, var(--ev-receive-green, #16a34a) 8%, transparent),
        0 0 0 1.5px color-mix(in srgb, var(--ev-receive-green, #16a34a) 72%, transparent),
        0 0 22px color-mix(in srgb, var(--ev-receive-green, #16a34a) 14%, transparent) !important;
}
/* Mode title removed from oval — thin green banner under the top bar instead */
.ev-receive-oval-title {
    display: none !important;
}

/* Gold vendor plate inside the oval (Receive + inventory scope) */
.ev-receive-oval-vendor {
    display: none;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
}
#inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-vendor {
    display: flex !important;
}
/* Receive: gold vendor plate centered in the carve (beats found-stage left lock) */
#inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-vendor,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-vendor,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-vendor {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
#inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-left,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-left,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left {
    justify-content: center !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
}
/* No filters/count cluster beside the gold plate in Receive */
#inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-count,
#inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-search-oval-meta {
    display: none !important;
}
#inventory-search-panel-card.ev-receive-oval-scoped .inventory-search-leading,
#inventory-search-panel-card.ev-receive-oval-scoped #inventory-search {
    display: none !important;
}
#inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .sbar,
#inventory-search-panel-card.ev-receive-oval-scoped.ev-inventory-search--receive .sbar,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped #inventory-search-lab.sbar,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-inv-search-wrap .sbar,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    #inventory-search-lab.sbar,
#main-app #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-inv-search-wrap .sbar {
    cursor: default !important;
    justify-content: center !important;
    /* Symmetric inset — left plate pad was shoving the gold off-center */
    padding-left: calc(var(--ev-search-in-l, 10.5px) + var(--ev-plate-inset, 7px)) !important;
    padding-right: calc(var(--ev-search-in-r, 10.5px) + var(--ev-plate-inset, 7px)) !important;
}

/* Inventory vendor scope: person icon + no Receive title; Receive: box icon + title */
.ev-search-oval-icon-person {
    display: none !important;
}
.ev-search-oval--inventory .ev-search-oval-icon-person {
    display: grid !important;
}
.ev-search-oval--inventory .ev-search-oval-icon-receive {
    display: none !important;
}
.ev-search-oval--inventory .ev-receive-oval-title,
#inventory-search-panel-card.ev-inventory-oval-scoped .ev-receive-oval-title {
    display: none !important;
}
.ev-search-oval--receive .ev-search-oval-icon-person {
    display: none !important;
}
.ev-search-oval--receive .ev-search-oval-icon-receive {
    display: grid !important;
}

/* In-oval Edit vendor identity (inventory only; disabled in Receive) */
.ev-search-oval-identity {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: default;
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
}
.ev-search-oval-identity:not(:disabled) {
    cursor: pointer;
}
.ev-search-oval-identity:not(:disabled):hover,
.ev-search-oval-identity:not(:disabled):focus-visible {
    outline: none;
}
.ev-search-oval-identity:not(:disabled):hover .ev-receive-oval-mark,
.ev-search-oval-identity:not(:disabled):focus-visible .ev-receive-oval-mark {
    transform: translateY(-3px);
    box-shadow:
        -3px -3px 8px rgba(255, 245, 210, 0.35),
        5px 10px 18px rgba(0, 0, 0, 0.28),
        inset 1px 1px 0 rgba(255, 245, 210, 0.55),
        inset -1px -1px 0 rgba(80, 55, 10, 0.28),
        0 0 0 1px rgba(255, 230, 160, 0.35),
        0 10px 22px rgba(160, 120, 40, 0.28),
        0 0 26px rgba(212, 175, 55, 0.42);
}
/* Hover “Edit vendor” balloon retired — identity click is enough */
.ev-search-oval-pop {
    display: none !important;
}
.ev-search-oval-pop::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0.7rem;
    height: 0.35rem;
    transform: translateX(-50%);
    background: inherit;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}
.ev-search-oval-pop-title {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.ev-search-oval-pop-hint {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--mute);
}
.ev-search-oval-identity:not(:disabled):hover .ev-search-oval-pop,
.ev-search-oval-identity:not(:disabled):focus-visible .ev-search-oval-pop {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition:
        opacity 0.2s ease,
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0s;
}
#inventory-search-panel-card.ev-inventory-search--receive .ev-search-oval-pop,
.ev-search-oval--receive .ev-search-oval-pop {
    display: none !important;
}
body.ev-vendor-detail-open #ev-search-oval-identity.is-vendor-detail-source {
    opacity: 0;
    pointer-events: none;
}
body.ev-vendor-detail-open #ev-search-oval-identity .ev-search-oval-pop {
    display: none !important;
}
.ev-vendor-detail-source-ghost .ev-search-oval-pop {
    display: none !important;
}

.ev-receive-oval-left {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    position: relative;
    z-index: 2;
}
/* Starts grey (loading) → full gold when found. Width follows the vendor name;
   shape matches the Kelvin light rim (near-square contour), not a pill. */
.ev-receive-oval-mark {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    box-sizing: border-box;
    height: var(--ev-plate-h, 2.85rem);
    min-height: var(--ev-plate-h, 2.85rem);
    max-height: var(--ev-plate-h, 2.85rem);
    padding: 0.22rem 0.8rem 0.22rem 0.32rem;
    border-radius: var(--ev-plate-r, var(--ev-search-contour-r, 9px));
    color: #2a2a30;
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%);
    box-shadow:
        -2px -2px 5px rgba(255, 255, 255, 0.14),
        3px 4px 10px rgba(0, 0, 0, 0.35),
        inset 1px 1px 0 rgba(255, 255, 255, 0.28),
        inset -1px -1px 0 rgba(0, 0, 0, 0.3);
    transition:
        background 0.85s ease,
        box-shadow 0.85s ease,
        color 0.7s ease,
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.ev-receive-oval-vendor.is-name-found .ev-receive-oval-mark {
    color: #2a2414;
    /* Raised gold — face stays plate; floor glow is under the cards */
    background: linear-gradient(150deg, #f0d890 0%, #e0c070 40%, #d0a848 100%);
    box-shadow:
        5px 8px 16px rgba(80, 55, 10, 0.28),
        2px 3px 6px rgba(80, 55, 10, 0.16),
        -2px -3px 8px rgba(255, 248, 220, 0.4),
        inset 1.5px 1.5px 0 rgba(255, 252, 235, 0.75),
        inset -1.5px -1.5px 0 rgba(120, 85, 20, 0.2);
}
.ev-receive-oval-icon {
    flex-shrink: 0;
    width: 1.65rem;
    height: 1.65rem;
    display: grid;
    place-items: center;
    /* Soft square — same family as the light rim, not a circle-in-pill */
    border-radius: max(3px, calc(var(--ev-plate-r, 7px) - 2px));
    font-size: 0.75rem;
    color: #2a2a30;
    background: color-mix(in srgb, #fff 22%, transparent);
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.28),
        inset -1px -1px 0 rgba(0, 0, 0, 0.22),
        1px 2px 4px rgba(0, 0, 0, 0.12);
    transition: background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
}
/* Full gold chip — warm gold icon disc (no green) */
.ev-receive-oval-vendor.is-name-found .ev-receive-oval-icon {
    color: #2a2414;
    background: color-mix(in srgb, #fff8e4 28%, transparent);
    box-shadow:
        inset 1px 1px 0 rgba(255, 245, 210, 0.35),
        inset -1px -1px 0 rgba(80, 55, 10, 0.18),
        1px 2px 4px rgba(0, 0, 0, 0.12);
}
.ev-receive-oval-stock {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
        'kicker id'
        'name name';
    column-gap: 0.35rem;
    row-gap: 0.04rem;
    width: max-content;
    flex: 0 0 auto;
    line-height: 1.15;
}
.ev-receive-oval-kicker {
    grid-area: kicker;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(42, 42, 48, 0.62);
    transition: color 0.35s ease;
}
.ev-receive-oval-vendor.is-name-found .ev-receive-oval-kicker {
    color: rgba(42, 36, 20, 0.62);
}
.ev-receive-oval-id {
    grid-area: id;
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 700;
    color: #2a2a30;
    opacity: 0.85;
    transition: color 0.35s ease;
}
.ev-receive-oval-id:not(:empty)::before {
    content: '#';
}
.ev-receive-oval-vendor.is-name-found .ev-receive-oval-id {
    color: #2a2414;
}
.ev-receive-oval-name {
    grid-area: name;
    font-size: 1rem;
    font-weight: 700;
    color: #2a2a30;
    white-space: nowrap;
    overflow: visible;
    transition: color 0.35s ease;
}
.ev-receive-oval-vendor.is-name-found .ev-receive-oval-name {
    color: #2a2414;
}
.ev-receive-oval-name.is-name-found {
    animation: evVendorNameFound 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
/*
  Found + Filters — one shared card.
  Count = flat/recessed · Filters = raised · order: found → filters.
*/
.ev-search-oval-meta {
    display: none;
    flex: 0 0 auto;
    align-items: stretch;
    gap: 0.28rem;
    box-sizing: border-box;
    height: var(--ev-plate-h, 2.85rem);
    min-height: var(--ev-plate-h, 2.85rem);
    max-height: var(--ev-plate-h, 2.85rem);
    padding: 0.22rem;
    border-radius: var(--ev-plate-r, 7px);
    background:
        linear-gradient(
            155deg,
            rgba(var(--pearl-shine-rgb, 255, 255, 255), 0.55) 0%,
            rgba(var(--pearl-rgb, 250, 248, 245), 0.4) 100%
        );
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
    backdrop-filter: blur(12px) saturate(1.15);
    box-shadow:
        var(--raised-sm),
        inset 0 0 0 1px rgba(var(--ev-light), 0.28);
}
#main-app:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-inventory-oval-scoped
    .ev-search-oval-meta,
#main-app:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-receive-oval-scoped
    .ev-search-oval-meta,
#inventory-section:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-inventory-oval-scoped
    .ev-search-oval-meta,
#inventory-section:has(#inventory-table-card.results:not(.d-none))
    #inventory-search-panel-card.ev-receive-oval-scoped
    .ev-search-oval-meta {
    display: inline-flex !important;
}

.ev-receive-oval-count {
    flex: 0 0 auto;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.02rem;
    box-sizing: border-box;
    min-width: 2.55rem;
    width: max-content;
    height: 100%;
    min-height: 0;
    max-height: none;
    padding: 0.15rem 0.55rem 0.12rem;
    border-radius: max(4px, calc(var(--ev-plate-r, 7px) - 2px));
    /* Flat / recessed segment */
    background: color-mix(in srgb, var(--ev-khaki) 55%, var(--ev-taupe) 18%);
    box-shadow:
        inset 2px 3px 6px rgba(77, 64, 58, 0.28),
        inset -1px -1px 0 rgba(255, 255, 255, 0.35);
    line-height: 1.05;
    white-space: nowrap;
}
.ev-receive-oval-count.d-none {
    display: none !important;
}
.ev-receive-oval-count-num {
    font-size: 0.95rem;
    font-weight: 750;
    font-style: normal;
    letter-spacing: -0.02em;
    color: var(--ink);
    line-height: 1;
}
.ev-receive-oval-count-label {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    color: var(--blue-dot, #6a88b0);
    line-height: 1.1;
}

/* Receive mode — thin green-dot banner flush under the search top bar */
#inventory-search-panel-card:has(#ev-receive-mode-hint:not(.d-none)),
#inventory-search-panel-card:has(#ev-receive-items-dock:not(.d-none)) {
    margin-bottom: 0.85rem !important;
}
.ev-receive-mode-hint {
    /* Same green as Choose → Receive icon button (--green-dot), not card wash / Next teal */
    --ev-mode-green: var(--green-dot, #5a9a6e);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0.36rem 0.85rem;
    /* Attached lip under the top bar — square top, soft bottom */
    border-radius: 0 0 10px 10px;
    border: none;
    border-top: 1px solid color-mix(in srgb, var(--ev-mode-green) 22%, transparent);
    background: color-mix(in srgb, var(--ev-mode-green) 18%, var(--ev-pearl, #faf8f5));
    box-shadow: none;
    overflow: hidden;
    transform-origin: top center;
    animation: evReceiveModeSlideIn 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ev-receive-mode-hint.d-none {
    display: none !important;
    animation: none;
}
.ev-receive-mode-hint-dot {
    flex: 0 0 auto;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: var(--ev-mode-green);
}
.ev-receive-mode-hint-title {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    color: color-mix(in srgb, var(--ev-mode-green) 55%, #1a2a1e);
}
@keyframes evReceiveModeSlideIn {
    from {
        opacity: 0;
        transform: translateY(-0.2rem);
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 2.25rem;
        padding-top: 0.36rem;
        padding-bottom: 0.36rem;
    }
}

/*
  Desktop L arm: hang as a flush lip under the arm (no gap / not a floating chip).
  Full arm width so it reads as part of the top bar.
*/
@media (min-width: 992px) {
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card #ev-receive-mode-hint:not(.d-none) {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        margin: 0 !important;
        z-index: 2;
        pointer-events: none;
        border-radius: 0 0 10px 10px !important;
        border-top: 1px solid color-mix(in srgb, var(--green-dot, #5a9a6e) 26%, transparent);
        box-shadow: 0 6px 14px rgba(77, 64, 58, 0.06);
    }
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card #ev-receive-items-dock:not(.d-none) {
        position: absolute !important;
        top: calc(100% + 0.3rem) !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none;
        z-index: 2;
        pointer-events: auto;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card #ev-receive-items-dock.ev-receive-items-dock--title:not(.d-none) {
        min-height: 3.1rem !important;
        padding: calc(20px + 0.28rem) 0.85rem 0.4rem !important;
        background: color-mix(in srgb, var(--green-dot, #5a9a6e) 18%, var(--ev-pearl, #faf8f5)) !important;
        background-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 18%, var(--ev-pearl, #faf8f5)) !important;
        border-radius: 0 0 12px 12px !important;
    }
    /* Room for the Add chip sitting just under the search row */
    #main-app.ev-dock-l.ev-inventory-bulk-receive
        #ev-receive-batch-wizard:not(.d-none) {
        padding-top: calc(3.15rem + 0.7rem);
    }
    #main-app.ev-dock-l.ev-inventory-bulk-receive.ev-receive-editing
        #ev-receive-batch-wizard:not(.d-none) {
        padding-top: 2.65rem;
    }
}

/* Receive vendor matches — center the tray on the search bar (not side-biased) */
#main-app.ev-inventory-bulk-receive #ev-receive-vendor-results,
#inventory-search-panel-card.ev-inventory-search--receive #ev-receive-vendor-results {
    left: 50% !important;
    right: auto !important;
    width: min(100%, 34rem) !important;
    max-width: 100% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.ev-receive-select-vendor-empty {
    flex-direction: column;
    padding: 2.5rem 1.25rem;
    font-size: 1.05rem;
    gap: 0.55rem;
    color: color-mix(in srgb, var(--ev-receive-green, #16a34a) 48%, #1a2a1e);
}
.ev-receive-select-vendor-empty i {
    font-size: 2rem;
    color: color-mix(in srgb, var(--ev-receive-green, #16a34a) 72%, #5a9a6e);
}
.ev-receive-select-vendor-empty span {
    font-weight: 650;
    letter-spacing: -0.01em;
}

/*
 * Inventory search loading — Kelvin contour rim-run (field__rim / field__wash).
 * Other search fields use the same --ev-light wash (not a second gold temp).
 */
.ev-inv-search-wrap .sbar {
    position: relative !important;
}
.ev-search-loading-wash {
    display: none !important;
}
.ev-inv-search-wrap .sbar.ev-search-loading,
.ev-inv-search-wrap .sbar.ev-inv-search-loading,
.ev-inv-search-wrap .sbar.is-loading,
#inventory-search-panel-card.ev-receive-search-loading .ev-inv-search-wrap .sbar {
    overflow: hidden !important;
}
/* Focus: Receive — carve stays, lamp rises, green ring */
#main-app.ev-inventory-bulk-receive .ev-inv-search-wrap .sbar:focus-within:not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading),
#inventory-search-panel-card.ev-inventory-search--receive:not(.ev-receive-search-loading) .ev-inv-search-wrap .sbar:focus-within:not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading) {
    box-shadow:
        var(--ev-search-carve),
        inset 0 0 24px 6px rgba(var(--ev-light), 0.26),
        inset 0 0 48px 14px rgba(var(--ev-light), 0.1),
        0 0 0 1.5px color-mix(in srgb, var(--ev-receive-green, #16a34a) 70%, transparent) !important;
    animation: none !important;
}

@media (max-width: 575.98px) {
    /*
     * Phone shell (temporary / app-ready sketch):
     * Desktop keeps side chrome around the oval.
     * Mobile stacks — no nowrap crush of Clear + oval + Print + Choose.
     *
     *   [ oval full width ]
     *   [ Clear ] [ Print ]     or   [ Exit ] [ Next ]
     *   (Choose what to do stays hidden while searching — Clear/Esc first)
     *
     * Skip when the panel is parked in the frost topdeck — that grid owns
     * Exit | Next on the reserved under-bar row.
     */
    /* Grid lives on the controls row; lamp stays full-width under it */
    #inventory-search-panel-card.ev-inventory-search--receive .ev-inv-search-controls,
    #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-inv-search-controls,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 0.55rem 0.5rem;
        align-items: stretch;
    }
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-inv-search-controls,
    #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls {
        display: contents !important;
    }

    #inventory-search-panel-card.ev-inventory-search--receive .ev-inv-search-wrap,
    #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-inv-search-wrap,
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-wrap {
        grid-column: 1 / -1;
        order: 0;
        width: 100%;
        min-width: 0;
    }

    #inventory-search-panel-card.ev-receive-oval-scoped .ev-scope-clear-btn:not(.d-none),
    #inventory-search-panel-card.ev-inventory-oval-scoped .ev-scope-clear-btn:not(.d-none) {
        order: 1;
        /* Phone: a hair longer than square — same height, easier proportions */
        --ev-clear-sq: var(--ev-side-btn-h, var(--ev-plate-h));
        height: var(--ev-clear-sq) !important;
        min-height: var(--ev-clear-sq) !important;
        max-height: var(--ev-clear-sq) !important;
        width: auto !important;
        min-width: calc(var(--ev-clear-sq) * 1.32) !important;
        max-width: none !important;
        padding: 0 0.72rem !important;
        flex: 0 0 auto !important;
        justify-self: start;
        font-size: 0.78rem !important;
    }
    #inventory-search-panel-card.ev-inventory-search--receive .ev-receive-exit-btn:not(.d-none),
    #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-receive-exit-btn:not(.d-none) {
        order: 1;
        width: 100% !important;
        flex: none !important;
        min-height: 2.85rem;
        font-size: 0.92rem !important;
    }

    #inventory-search-panel-card.ev-receive-oval-scoped .ev-scope-print-btn:not(.d-none),
    #inventory-search-panel-card.ev-inventory-search--receive .ev-receive-next-btn:not(.d-none),
    #inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-receive-next-btn:not(.d-none) {
        order: 2;
        width: 100% !important;
        flex: none !important;
        min-height: 2.85rem;
        font-size: 0.88rem !important;
        padding: 0 0.85rem !important;
        white-space: normal;
        line-height: 1.15;
        text-align: center;
    }

    /* Print label back on — we have room in the stacked cell */
    .ev-scope-print-btn span {
        display: inline !important;
    }

    /* Inventory scoped: Choose spans full width under the action pair */
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-actions-launch:not(.d-none) {
        grid-column: 1 / -1;
        order: 3;
        width: 100% !important;
        min-height: 2.95rem;
    }

    /* Print hidden: keep Clear compact on the left, don’t stretch full cell */
    #inventory-search-panel-card.ev-receive-oval-scoped:not(:has(.ev-scope-print-btn:not(.d-none)))
        .ev-scope-clear-btn:not(.d-none),
    #inventory-search-panel-card.ev-inventory-oval-scoped:not(:has(.ev-scope-print-btn:not(.d-none)))
        .ev-scope-clear-btn:not(.d-none) {
        grid-column: 1;
        justify-self: start;
    }

    /* Receive pick-vendor step (no oval yet): Exit alone above the oval input */
    #inventory-search-panel-card.ev-inventory-search--receive:not(.ev-receive-oval-scoped) .ev-inv-search-controls {
        grid-template-columns: 1fr;
    }
    #inventory-search-panel-card.ev-inventory-search--receive:not(.ev-receive-oval-scoped)
        .ev-receive-exit-btn:not(.d-none) {
        grid-column: 1 / -1;
        order: -1;
        width: 100% !important;
        min-height: 2.85rem;
    }

    /* Oval contents: let long vendor names breathe / ellipsis instead of overflow */
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-vendor {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-left {
        max-width: 100%;
        min-width: 0;
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-search-oval-identity {
        max-width: 100%;
        min-width: 0;
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-mark {
        height: var(--ev-plate-h, 2.75rem);
        min-height: var(--ev-plate-h, 2.75rem);
        max-height: var(--ev-plate-h, 2.75rem);
        max-width: 100%;
        width: max-content;
        padding: 0.25rem 0.75rem 0.25rem 0.35rem;
        border-radius: var(--ev-plate-r, 9px);
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-stock {
        min-width: 0;
        max-width: 100%;
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-name {
        font-size: 0.92rem;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: min(70vw, 14rem);
    }
    /* Count chip back on phone — useful once side chrome is gone */
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-count {
        display: inline-flex !important;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        min-width: 2.35rem;
        height: var(--ev-plate-h, 2.75rem);
        min-height: var(--ev-plate-h, 2.75rem);
        max-height: var(--ev-plate-h, 2.75rem);
        padding: 0.22rem 0.45rem 0.18rem;
        max-width: 5.5rem;
        border-radius: var(--ev-plate-r, 9px);
        /*
          Phone carve: strongest shade at top + sides to ~¾ down.
          Bottom opens flush into the meta card (no floor shade).
        */
        background: linear-gradient(
            to bottom,
            color-mix(in srgb, var(--ev-khaki) 58%, var(--ev-taupe) 16%) 0%,
            color-mix(in srgb, var(--ev-khaki) 42%, var(--ev-taupe) 10%) 55%,
            color-mix(in srgb, var(--ev-khaki) 18%, transparent) 82%,
            transparent 100%
        );
        box-shadow: none;
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-count::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        z-index: 0;
        pointer-events: none;
        background:
            radial-gradient(
                ellipse 90% 70% at 6% 0%,
                rgba(77, 64, 58, 0.36) 0%,
                rgba(77, 64, 58, 0.14) 42%,
                transparent 72%
            ),
            linear-gradient(
                to bottom,
                rgba(77, 64, 58, 0.28) 0%,
                rgba(77, 64, 58, 0.12) 32%,
                transparent 58%
            ),
            linear-gradient(
                to right,
                rgba(77, 64, 58, 0.24) 0%,
                rgba(77, 64, 58, 0.08) 28%,
                transparent 48%
            ),
            linear-gradient(
                to left,
                rgba(77, 64, 58, 0.16) 0%,
                rgba(77, 64, 58, 0.05) 24%,
                transparent 42%
            );
        -webkit-mask-image: linear-gradient(
            to bottom,
            #000 0%,
            #000 52%,
            rgba(0, 0, 0, 0.55) 72%,
            rgba(0, 0, 0, 0.15) 86%,
            transparent 100%
        );
        mask-image: linear-gradient(
            to bottom,
            #000 0%,
            #000 52%,
            rgba(0, 0, 0, 0.55) 72%,
            rgba(0, 0, 0, 0.15) 86%,
            transparent 100%
        );
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-count-num {
        position: relative;
        z-index: 1;
        font-size: 0.88rem;
    }
    #inventory-search-panel-card.ev-receive-oval-scoped .ev-receive-oval-count-label {
        position: relative;
        z-index: 1;
        font-size: 0.55rem;
    }
    /* Receive: mode title on top, gold vendor centered (count pill stays out) */
    #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-vendor {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.28rem;
        padding: 0.2rem 0.15rem;
    }
    #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-left {
        justify-content: center;
        max-width: 100%;
    }
    #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-title {
        position: static;
        transform: none;
        left: auto;
        top: auto;
        order: -1;
        font-size: 0.7rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 0;
        color: #1e2e22;
        opacity: 0.82;
        white-space: nowrap;
    }
    #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-count {
        display: none !important;
    }
    #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-receive-oval-name {
        max-width: min(78vw, 16rem);
        text-align: left;
    }
    /* Idle mobile (not scoped): keep Clear/Print from flex-growing into the search row */
    .ev-scope-clear-btn:not(.d-none),
    .ev-scope-print-btn:not(.d-none),
    .ev-receive-exit-btn:not(.d-none),
    .ev-receive-next-btn:not(.d-none) {
        flex: 0 0 auto;
    }

    /*
     * Found stage on phone: oval full-width above Clear/Print.
     * Stay put (no slide / no re-center); cards may wrap.
     */
    #main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-inv-search-form,
    #main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-inv-search-form {
        transition: none !important;
    }
    #main-app #inventory-search-panel-card.ev-found-flow--anim:has(.ev-receive-oval-vendor.is-name-found)
        .ev-receive-oval-left {
        animation: none !important;
    }
    #main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-receive-oval-left,
    #main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-receive-oval-left {
        flex-wrap: nowrap;
        justify-content: center;
        max-width: 100%;
    }
    #main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-receive-oval-left::before,
    #main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-receive-oval-left::before {
        height: 1.05rem;
        bottom: -0.05rem;
        filter: blur(4px);
    }
    /* Gold plate — keep phone depth, but don’t crush the neighbor meta card */
    #main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-receive-oval-mark,
    #main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-receive-oval-mark {
        max-width: 100%;
        box-shadow:
            3px 5px 10px rgba(80, 55, 10, 0.18),
            inset 1px 1px 0 rgba(255, 252, 235, 0.7),
            inset -1px -1px 0 rgba(120, 85, 20, 0.16),
            0 8px 12px -4px rgba(77, 64, 58, 0.28),
            0 3px 6px -2px rgba(77, 64, 58, 0.16);
    }
    /* Items / Filters card — quieter than gold; carve was overboard on phone */
    #main-app #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-search-oval-meta,
    #main-app #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
        .ev-search-oval-meta {
        max-width: 100%;
        box-shadow:
            1px 2px 5px rgba(77, 64, 58, 0.1),
            2px 4px 10px rgba(77, 64, 58, 0.08),
            inset 0 0 0 1px rgba(255, 255, 255, 0.42),
            inset 1px 1px 0 rgba(255, 255, 255, 0.35);
    }

    /* Phone: tap the gold pill — no hover popup floating off-screen */
    .ev-search-oval-pop {
        display: none !important;
    }
}

.ev-vendor-scope-next-btn {
    border: none !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 24%, var(--surface)) !important;
    color: #1e2e22 !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 700 !important;
}
.ev-vendor-scope-next-btn:hover:not(:disabled) {
    box-shadow: var(--recessed) !important;
}
.ev-vendor-scope-next-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.ev-vendor-scope-bar-stock {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        'kicker id'
        'name name';
    column-gap: 0.45rem;
    row-gap: 0.22rem;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
    line-height: 1;
    text-align: left;
}

/* Same quiet label language as results column titles (Type / Status / …) */
.ev-vendor-scope-bar-kicker {
    grid-area: kicker;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(26, 26, 30, 0.55);
    line-height: 1;
    width: auto;
    text-align: left;
    align-self: baseline;
}

/* Vendor # — barcode/SKU mono beside “Vendor” on one meta row */
.ev-vendor-scope-bar-mark-id {
    grid-area: id;
    font-style: normal;
    font-family: 'Share Tech Mono', ui-monospace, Menlo, Consolas, monospace;
    font-size: 0.92rem;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.08em;
    line-height: 1;
    color: #1a1a1e;
    width: auto;
    min-width: 0;
    text-align: left;
    align-self: baseline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ev-vendor-scope-bar-mark-id:empty {
    display: none;
}

.ev-vendor-scope-bar-icon {
    display: none !important; /* replaced by .ev-vendor-scope-bar-mark */
}

/* Name lives inside the gold plate (not a separate text chip beside it) */
.ev-vendor-scope-bar-mark .ev-vendor-scope-bar-name {
    grid-area: name;
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    margin: 0;
    font-weight: 750 !important;
    font-size: 0.95rem !important;
    letter-spacing: -0.015em;
    color: inherit !important;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.ev-vendor-scope-bar-mark .ev-vendor-scope-bar-name:empty {
    display: none;
}

/* Soft diffuse gold bridge — always on once found (hover = Edit popup only) */
.ev-vendor-scope-identity {
    isolation: isolate;
}

/* Soft glow around the gold plate once the name lands */
.ev-vendor-scope-bar.is-name-found .ev-vendor-scope-identity::before {
    content: '';
    position: absolute;
    left: 0.05rem;
    top: 50%;
    width: min(100%, 14rem);
    height: 3.55rem;
    transform: translateY(-50%);
    border-radius: 20px;
    background: radial-gradient(
        ellipse 90% 80% at 35% 50%,
        rgba(212, 175, 55, 0.5) 0%,
        rgba(232, 200, 120, 0.28) 42%,
        rgba(246, 237, 212, 0.12) 68%,
        transparent 82%
    );
    filter: blur(12px);
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
    animation: evVendorNameBridge 1.1s cubic-bezier(0.22, 1, 0.36, 1) both,
        evVendorNameLinger 3.6s ease-in-out 1.1s infinite;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, filter 0.22s ease;
}

.ev-vendor-scope-bar.is-name-found .ev-vendor-scope-bar-mark {
    background: linear-gradient(160deg, #d4b86a 0%, #c4a04a 48%, #9a7a32 100%);
    color: #2a2414;
    box-shadow:
        -2px -2px 5px rgba(255, 240, 200, 0.22),
        3px 4px 10px rgba(0, 0, 0, 0.35),
        inset 1px 1px 0 rgba(255, 245, 210, 0.45),
        inset -1px -1px 0 rgba(80, 55, 10, 0.35),
        0 0 18px rgba(212, 175, 55, 0.32);
}

/* Hover — plate pops up 3D; Edit popup still reveals above */
.ev-vendor-scope-identity:not(:disabled):hover .ev-vendor-scope-bar-mark--with-id,
.ev-vendor-scope-identity:not(:disabled):focus-visible .ev-vendor-scope-bar-mark--with-id {
    transform: translateY(-3px);
    box-shadow:
        -3px -3px 8px rgba(255, 245, 210, 0.35),
        5px 10px 18px rgba(0, 0, 0, 0.28),
        inset 1px 1px 0 rgba(255, 245, 210, 0.55),
        inset -1px -1px 0 rgba(80, 55, 10, 0.28),
        0 0 0 1px rgba(255, 230, 160, 0.35),
        0 10px 22px rgba(160, 120, 40, 0.28),
        0 0 26px rgba(212, 175, 55, 0.42) !important;
}

.ev-vendor-scope-bar.is-name-found .ev-vendor-scope-identity:not(:disabled):hover::before,
.ev-vendor-scope-bar.is-name-found .ev-vendor-scope-identity:not(:disabled):focus-visible::before {
    transform: translateY(calc(-50% - 3px)) scale(1.04);
    opacity: 1;
    filter: blur(11px);
    animation: none;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, filter 0.22s ease;
}

.ev-vendor-scope-bar.is-name-found .ev-vendor-scope-bar-kicker {
    color: rgba(42, 36, 20, 0.62);
}

.ev-vendor-scope-bar.is-name-found .ev-vendor-scope-bar-mark-id,
.ev-vendor-scope-bar.is-name-found .ev-vendor-scope-bar-name {
    color: #2a2414 !important;
}

.ev-vendor-scope-bar-mark .ev-vendor-scope-bar-name.is-name-found {
    animation: evVendorNameFound 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes evVendorNameBridge {
    from {
        opacity: 0;
        transform: translateY(-50%) scale(0.7);
        filter: blur(20px);
    }
    to {
        opacity: 0.85;
        transform: translateY(-50%) scale(1);
        filter: blur(14px);
    }
}

/* Quiet breathe — bridge stays clearly visible */
@keyframes evVendorNameLinger {
    0%,
    100% {
        opacity: 0.78;
        filter: blur(14px);
    }
    50% {
        opacity: 0.95;
        filter: blur(12px);
    }
}

@keyframes evVendorNameFound {
    from {
        opacity: 0;
        transform: translateX(-0.35rem);
        filter: blur(2px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
        filter: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ev-vendor-scope-bar.is-name-found .ev-vendor-scope-identity::before,
    .ev-vendor-scope-bar-name.is-name-found,
    .ev-vendor-scope-pop,
    .ev-vendor-scope-bar-mark--with-id {
        animation: none !important;
        filter: none !important;
        transition: none !important;
        transform: none !important;
    }
}

.ev-vendor-scope-bar-loading {
    color: var(--mute) !important;
    font-weight: 600 !important;
}

.ev-vendor-scope-bar-loading i {
    color: var(--amber-dot, #c4a04a) !important;
}

.ev-vendor-scope-bar-count {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    align-self: center;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    color: var(--mute) !important;
    background: var(--surface) !important;
    border: none !important;
    padding: 0.32rem 0.75rem !important;
    border-radius: 999px !important;
    box-shadow: var(--recessed) !important;
    white-space: nowrap;
    line-height: 1.2;
}

/* Vendor-scoped results: count lives on the name — hide the results meta chip */
#inventory-table-card.ev-vendor-scoped-table #inventory-table-result-summary {
    display: none !important;
}

.ev-vendor-scope-bar-actions {
    gap: 0.45rem !important;
}

.ev-vendor-scope-print-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0.45rem 0.9rem !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    font-weight: 650 !important;
    box-shadow: var(--raised-sm) !important;
    transition: background 0.15s ease, box-shadow 0.15s ease !important;
}

.ev-vendor-scope-print-btn:hover,
.ev-vendor-scope-print-btn:focus-visible,
.ev-vendor-scope-print-btn:active {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
    transform: none !important;
}

/* Rose Clear — readable red at rest; hover lights up (not darker) */
.ev-vendor-scope-clear-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0.45rem 0.95rem !important;
    background: color-mix(in srgb, var(--rose-dot) 36%, var(--surface)) !important;
    color: #b04840 !important;
    font-weight: 700 !important;
    box-shadow:
        var(--recessed),
        0 0 0 1px color-mix(in srgb, var(--rose-dot) 40%, transparent) !important;
    transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
}

.ev-vendor-scope-clear-btn:hover,
.ev-vendor-scope-clear-btn:focus-visible {
    background: color-mix(in srgb, var(--rose-dot) 22%, #fff) !important;
    color: #d06058 !important;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.55),
        0 0 0 1px color-mix(in srgb, var(--rose-dot) 45%, transparent),
        0 0 16px color-mix(in srgb, var(--rose-dot) 42%, transparent) !important;
    transform: none !important;
}

/* ─── Vendor detail — grows from the gold plate (Focus menu family) ─── */
.ev-vendor-detail-root {
    position: fixed;
    inset: 0;
    z-index: 1090;
    pointer-events: none;
}

.ev-vendor-detail-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1091;
    pointer-events: auto;
    background: rgba(40, 40, 48, 0.28);
    backdrop-filter: blur(3px) saturate(0.95);
    -webkit-backdrop-filter: blur(3px) saturate(0.95);
    opacity: 0;
    transition: opacity 0.18s ease;
}

body.ev-vendor-detail-open .ev-vendor-detail-backdrop {
    opacity: 1;
}

/* Sharp gold plate clone above the veil */
.ev-vendor-detail-source-ghost {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.15rem 0.2rem 0.15rem 0.1rem !important;
    border-radius: 18px !important;
    background: transparent !important;
    filter: none !important;
}

.ev-vendor-detail-source-ghost .ev-vendor-scope-pop {
    display: none !important;
}

body.ev-vendor-detail-open #ev-vendor-scope-identity.is-vendor-detail-source {
    opacity: 0;
    pointer-events: none;
}

body.ev-vendor-detail-open #ev-vendor-scope-identity .ev-vendor-scope-pop {
    display: none !important;
}

.ev-vendor-detail-panel {
    position: fixed;
    z-index: 1095;
    pointer-events: auto;
    overflow: auto;
    border-radius: 22px;
    background: var(--well);
    color: var(--ink);
    box-shadow: var(--raised);
    opacity: 0;
    transform: scale(0.96) translateY(-6px);
    transition:
        opacity 0.2s ease,
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.ev-vendor-detail-panel.is-open {
    opacity: 1;
    transform: scale(1) translateY(0);
}

.ev-vendor-detail-panel--above.is-open {
    transform: scale(1) translateY(0);
}

.ev-vendor-detail-panel-chrome {
    position: relative;
    padding: 1.2rem 1.25rem 1.1rem;
}

.ev-vendor-detail-panel-chrome--loading {
    min-height: 11rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1.25rem;
}

/* Fallback gold plate when opened away from the scope bar */
.ev-vendor-detail-plate {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: fit-content;
    max-width: 100%;
    margin: 0 2.4rem 0.85rem 0 !important;
    padding: 0.5rem 0.9rem 0.5rem 0.55rem !important;
    border-radius: 18px !important;
    background: linear-gradient(160deg, #d4b86a 0%, #c4a04a 48%, #9a7a32 100%) !important;
    color: #2a2414 !important;
    box-shadow:
        -2px -2px 5px rgba(255, 240, 200, 0.22),
        3px 4px 10px rgba(0, 0, 0, 0.35),
        inset 1px 1px 0 rgba(255, 245, 210, 0.45),
        inset -1px -1px 0 rgba(80, 55, 10, 0.35),
        0 0 18px rgba(212, 175, 55, 0.32) !important;
}

.ev-vendor-detail-plate .ev-vendor-modal-mark {
    flex-shrink: 0;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 0.82rem;
    color: #2a2414;
    background: color-mix(in srgb, #fff8e4 28%, transparent);
    box-shadow:
        inset 1px 1px 0 rgba(255, 245, 210, 0.35),
        inset -1px -1px 0 rgba(80, 55, 10, 0.18),
        1px 2px 4px rgba(0, 0, 0, 0.12);
}

.ev-vendor-detail-plate .ev-vendor-modal-identity-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
    min-width: 0;
}

.ev-vendor-detail-plate .ev-vendor-title-meta {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
}

.ev-vendor-detail-plate .ev-vendor-title-label {
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: rgba(42, 36, 20, 0.62) !important;
}

.ev-vendor-detail-plate .ev-vendor-title-id {
    font-family: 'Share Tech Mono', ui-monospace, Menlo, Consolas, monospace !important;
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    color: #2a2414 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.ev-vendor-detail-plate .ev-vendor-title-name {
    display: block;
    font-size: 0.95rem !important;
    font-weight: 750 !important;
    letter-spacing: -0.015em !important;
    color: #2a2414 !important;
    word-break: break-word;
}

.ev-vendor-modal-close.btn-close {
    position: absolute !important;
    top: 0.85rem !important;
    right: 0.85rem !important;
    margin: 0 !important;
    opacity: 1 !important;
    z-index: 2;
}

.ev-vendor-modal-lead {
    margin: 0 2.4rem 0.9rem 0.15rem !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: var(--mute) !important;
    line-height: 1.4;
}

body.ev-vendor-detail-from-plate .ev-vendor-modal-lead {
    margin-top: 0.15rem !important;
}

/* Ghost inherits gold plate face (scope selectors need bar.is-name-found) */
.ev-vendor-detail-source-ghost .ev-vendor-scope-bar-mark--with-id {
    width: auto;
    min-width: 9.5rem;
    max-width: min(20rem, 56vw);
    height: auto;
    min-height: 3.5rem;
    padding: 0.5rem 0.9rem 0.5rem 0.55rem;
    border-radius: 18px;
    gap: 0.65rem;
    align-items: center;
    background: linear-gradient(160deg, #d4b86a 0%, #c4a04a 48%, #9a7a32 100%);
    color: #2a2414;
    box-shadow:
        -3px -3px 8px rgba(255, 245, 210, 0.35),
        5px 10px 18px rgba(0, 0, 0, 0.28),
        inset 1px 1px 0 rgba(255, 245, 210, 0.55),
        inset -1px -1px 0 rgba(80, 55, 10, 0.28),
        0 0 0 1px rgba(255, 230, 160, 0.35),
        0 10px 22px rgba(160, 120, 40, 0.28),
        0 0 26px rgba(212, 175, 55, 0.42);
}

.ev-vendor-detail-source-ghost .ev-vendor-scope-bar-mark--with-id > .fa-user-tie {
    flex-shrink: 0;
    width: 1.85rem;
    height: 1.85rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 0.82rem;
    color: #2a2414;
    background: color-mix(in srgb, #fff8e4 28%, transparent);
    box-shadow:
        inset 1px 1px 0 rgba(255, 245, 210, 0.35),
        inset -1px -1px 0 rgba(80, 55, 10, 0.18),
        1px 2px 4px rgba(0, 0, 0, 0.12);
}

.ev-vendor-detail-source-ghost .ev-vendor-scope-bar-stock {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        'kicker id'
        'name name';
    column-gap: 0.45rem;
    row-gap: 0.22rem;
    align-items: center;
    min-width: 0;
}

.ev-vendor-detail-source-ghost .ev-vendor-scope-bar-kicker {
    grid-area: kicker;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(42, 36, 20, 0.62);
}

.ev-vendor-detail-source-ghost .ev-vendor-scope-bar-mark-id {
    grid-area: id;
    font-style: normal;
    font-family: 'Share Tech Mono', ui-monospace, Menlo, Consolas, monospace;
    font-size: 0.92rem;
    letter-spacing: 0.08em;
    color: #2a2414 !important;
}

.ev-vendor-detail-source-ghost .ev-vendor-scope-bar-name {
    grid-area: name;
    font-weight: 750 !important;
    font-size: 0.95rem !important;
    color: #2a2414 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ev-vendor-detail-source-ghost .ev-vendor-scope-bar-count {
    flex-shrink: 0;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: var(--mute) !important;
    background: var(--surface) !important;
    padding: 0.32rem 0.75rem !important;
    border-radius: 999px !important;
    box-shadow: var(--recessed) !important;
}

@media (prefers-reduced-motion: reduce) {
    .ev-vendor-detail-backdrop,
    .ev-vendor-detail-panel {
        transition: none !important;
    }
}

/* Floating section rows — not a white checkout card */
.ev-vendor-checkout-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.ev-vendor-checkout-row + .ev-vendor-checkout-row {
    border-top: none !important;
}

.ev-vendor-checkout-row {
    border-radius: 18px !important;
    background: var(--surface) !important;
    box-shadow: var(--raised-sm) !important;
    overflow: hidden;
    transition: box-shadow 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

/* Editable rows — rose hover preview (soft “edit me”) */
.ev-vendor-checkout-row:not(.is-open):hover,
.ev-vendor-checkout-row--name:hover {
    box-shadow: var(--recessed) !important;
    background: color-mix(in srgb, var(--rose-dot, #c07068) 16%, var(--surface)) !important;
}

.ev-vendor-checkout-row:not(.is-open):hover .ev-vendor-checkout-label,
.ev-vendor-checkout-row--name:hover .ev-vendor-checkout-label,
.ev-vendor-checkout-row:not(.is-open):hover .ev-vendor-checkout-chevron {
    color: #b04840 !important;
    opacity: 1;
}

.ev-vendor-checkout-row.is-open {
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(26, 26, 30, 0.08),
        0 8px 18px rgba(0, 0, 0, 0.1) !important;
    background: var(--surface) !important;
}

.ev-vendor-checkout-row--name {
    box-shadow: var(--raised-sm) !important;
}

.ev-vendor-name-edit,
.ev-vendor-checkout-toggle {
    display: grid !important;
    grid-template-columns: 6.25rem minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 0.65rem 1rem !important;
    width: 100%;
    margin: 0;
    padding: 1.05rem 1.15rem !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left;
    color: inherit;
    font: inherit;
}

.ev-vendor-checkout-toggle {
    grid-template-columns: 6.25rem minmax(0, 1fr) 1.4rem !important;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ev-vendor-checkout-toggle:hover {
    background: transparent !important;
}

.ev-vendor-checkout-label {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--mute) !important;
    line-height: 1.3 !important;
    padding-top: 0.4rem !important;
}

.ev-vendor-name-edit .ev-vendor-checkout-label {
    padding-top: 0.85rem !important;
}

.ev-vendor-checkout-primary {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
}

.ev-vendor-checkout-sub {
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    color: var(--mute) !important;
}

.ev-vendor-checkout-chevron {
    color: var(--mute) !important;
    opacity: 0.7;
    font-size: 0.85rem !important;
}

.ev-vendor-checkout-row.is-open .ev-vendor-checkout-panel-inner {
    padding: 0 1.15rem 1.15rem calc(6.25rem + 1rem + 1.15rem) !important;
}

.ev-vendor-label {
    color: var(--mute) !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.08em !important;
}

.ev-vendor-input,
.ev-vendor-textarea {
    border: none !important;
    border-radius: 14px !important;
    background: var(--well) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    min-height: 2.85rem !important;
    padding: 0.7rem 0.95rem !important;
    transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
}

/* Editable fields — rose hover / focus wash */
.ev-vendor-input:hover,
.ev-vendor-textarea:hover {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 14%, var(--well)) !important;
    box-shadow:
        var(--recessed),
        0 0 0 1px color-mix(in srgb, var(--rose-dot, #c07068) 35%, transparent) !important;
}

.ev-vendor-input:focus,
.ev-vendor-textarea:focus {
    border: none !important;
    background: color-mix(in srgb, var(--rose-dot, #c07068) 12%, #fff) !important;
    box-shadow:
        var(--recessed),
        0 0 0 2px color-mix(in srgb, var(--rose-dot, #c07068) 45%, transparent),
        0 0 14px color-mix(in srgb, var(--rose-dot, #c07068) 22%, transparent) !important;
    outline: none !important;
}

.ev-vendor-hint {
    color: var(--mute) !important;
    font-size: 0.88rem !important;
}

.ev-vendor-modal-footer {
    padding: 1rem 0.15rem 0.25rem !important;
    border-top: none !important;
    gap: 0.65rem !important;
}

.ev-vendor-btn-ghost,
.ev-vendor-btn-muted,
.ev-vendor-btn-save {
    border: none !important;
    border-radius: 999px !important;
    font-weight: 650 !important;
    font-size: 1rem !important;
    min-height: 2.85rem !important;
    padding: 0.6rem 1.2rem !important;
    transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
}

.ev-vendor-btn-ghost {
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
}

.ev-vendor-btn-ghost:hover {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
}

.ev-vendor-btn-muted {
    background: var(--surface) !important;
    color: var(--mute) !important;
    box-shadow: var(--raised-sm) !important;
}

.ev-vendor-btn-muted:hover {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
}

.ev-vendor-btn-save.btn-gold,
.ev-vendor-btn-save {
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    min-width: 8.5rem !important;
}

/* Save — green confirm hover */
.ev-vendor-btn-save:hover:not(:disabled),
.ev-vendor-btn-save:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 28%, var(--surface)) !important;
    color: #1e3228 !important;
    box-shadow: var(--recessed) !important;
}

.ev-vendor-modal-loading-body {
    min-height: 12rem !important;
}

.ev-vendor-modal-loading-title {
    color: var(--ink) !important;
    font-weight: 700 !important;
}

.ev-vendor-modal-loading-id {
    font-family: 'Share Tech Mono', ui-monospace, Menlo, Consolas, monospace !important;
    letter-spacing: 0.08em !important;
    color: var(--mute) !important;
}

@media (max-width: 575.98px) {
    .ev-vendor-name-edit,
    .ev-vendor-checkout-toggle {
        grid-template-columns: 4.75rem minmax(0, 1fr) !important;
        gap: 0.45rem 0.65rem !important;
        padding: 0.85rem !important;
    }
    .ev-vendor-checkout-toggle {
        grid-template-columns: 4.75rem minmax(0, 1fr) 1.1rem !important;
    }
    .ev-vendor-checkout-row.is-open .ev-vendor-checkout-panel-inner {
        padding: 0 0.85rem 0.95rem !important;
    }
    .ev-vendor-title-name {
        font-size: 1.05rem !important;
    }
}

/* ─── Sticky search shell — flush with Pearl canvas (not a carved tray) ─── */
#main-app #inventory-search-panel-card.inventory-search-panel--hud,
#inventory-search-panel-card.inventory-search-panel--hud {
    position: sticky !important;
    top: 0.65rem;
    z-index: 30;
    margin-bottom: 1rem !important;
    padding: 0.35rem 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: var(--ev-canvas) !important;
    background-color: var(--ev-canvas) !important;
    color: var(--ink) !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#main-app #inventory-search-panel-card.inventory-search-panel--hud > .card-body,
#inventory-search-panel-card.inventory-search-panel--hud > .card-body {
    padding: 0 !important;
    background: transparent !important;
}

/*
  Desktop L — inventory search in the arm shelf via #ev-dock-arm-slot.
  Slot is a sibling of the dock (not under .ev-app-main), so z-index 1060
  actually paints above frost (1050). Panel is reparented by JS.
*/
.ev-dock-arm-slot {
    display: none;
}

@media (min-width: 992px) {
    #main-app.ev-dock-l > .ev-dock-arm-slot {
        display: flex;
        position: fixed;
        top: 0;
        left: calc(var(--ev-dock-grid-w, 4.75rem) + var(--ev-dock-crook, 28px));
        right: var(--ev-dock-arm-end-gap, 0.85rem);
        height: var(--ev-dock-arm-h);
        z-index: 1060; /* above L dock frost (1050) */
        align-items: center;
        justify-content: center;
        padding: 0 var(--ev-dock-tip-r, 13px) 0 0;
        box-sizing: border-box;
        pointer-events: none;
        overflow: visible;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot:empty {
        visibility: hidden;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card.inventory-search-panel--hud {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        color: var(--ink) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        overflow: visible !important;
        pointer-events: none;
        z-index: auto !important;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card.inventory-search-panel--hud > .card-body,
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-toolbar,
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-search-row {
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        overflow: visible !important;
        pointer-events: none;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-search-row {
        position: relative;
        flex-direction: column;
        gap: 0;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-search-controls {
        width: auto;
        max-width: 100%;
        justify-content: center;
        pointer-events: auto;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-search-wrap,
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-search-controls > button {
        pointer-events: auto;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-beam-filters {
        position: absolute !important;
        top: 100% !important;
        left: 0;
        right: 0;
        margin-top: 0.4rem;
        z-index: 1;
        pointer-events: auto;
    }

    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card .ev-inv-vendor-suggest,
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card #inventory-vendor-suggest,
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card #ev-receive-vendor-results {
        z-index: 1070 !important;
    }

    #main-app.ev-dock-l.ev-section-inventory .ev-inv-scope-stage {
        min-height: 0;
    }
}

/*
  Results tray — same dark frost as the L deck.
  Path owns TL/BR chamfer (crook 21 / tip 13).
*/
#inventory-table-card.results:not(.d-none),
.ev-inv-items-card.results:not(.d-none),
#main-app #inventory-table-card.results:not(.d-none),
#ev-receive-batch-table-wrap.results,
#main-app #ev-receive-batch-table-wrap.results {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem;
    margin-top: 0.35rem !important;
    padding: 1rem 1.1rem 1.25rem !important;
    border: none !important;
    border-radius: 0 !important;
    background: var(--ev-frost-fill-dark) !important;
    background-color: var(--ev-frost-fill-dark) !important;
    background-image: none !important;
    background-blend-mode: normal;
    -webkit-backdrop-filter: blur(36px) saturate(175%) brightness(1.04);
    backdrop-filter: blur(36px) saturate(175%) brightness(1.04);
    box-shadow:
        0 12px 32px rgba(0, 0, 0, calc(0.16 + 0.12 * var(--ev-frost-glow))),
        inset 0 0 0 1px rgba(255, 255, 255, calc(0.12 * var(--ev-frost-inner-line))),
        inset 16px 16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)),
        inset -16px -16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)) !important;
    color: #f5f5f7 !important;
    position: relative;
    z-index: 1;
    isolation: auto;
    overflow: visible;
}

/* Inventory — near-square controls (no pills). Vendor identity oval stays oval. */
#inventory-section .results__chip,
#inventory-section .ev-th-filter-btn,
#inventory-section .inv-filter-btn,
#inventory-section .inv-type-filter,
#inventory-section .inv-location-filter,
#inventory-section .inv-status-filter,
#inventory-section .ev-inv-filters-btn,
#inventory-section .ev-inv-select-all,
#inventory-section .results__meta--chip,
#inventory-section .result__status,
#inventory-section .result__mark,
#inventory-section .result__chip,
#inventory-section .sbar__clear,
#inventory-section button.btn.inventory-search-clear.sbar__clear,
#inventory-section .ev-scope-clear-btn,
#inventory-section .ev-scope-print-btn,
#inventory-section .ev-receive-exit-btn,
#inventory-section .ev-receive-next-btn,
#inventory-section .ev-item-status-pill,
#inventory-table-card .results__chip,
#inventory-table-card .result__status,
#inventory-table-card .result__mark,
#inventory-table-card .result__chip {
    border-radius: var(--ev-r-chip) !important;
}
#inventory-section .sbar__clear,
#inventory-section button.btn.inventory-search-clear.sbar__clear,
#inventory-section .ev-inv-select-all,
#inventory-section .ev-scope-clear-btn {
    border-radius: var(--ev-r-control) !important;
}

.ev-inv-results-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-start;
}

.ev-inv-results-bar-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    width: 100%;
}

.ev-inv-select-all {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    background: var(--surface);
    box-shadow: var(--raised-sm);
    color: var(--mute);
    font-size: 0.82rem;
    cursor: pointer;
    user-select: none;
}

.ev-inv-select-all-label {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.results__meta,
#inventory-table-result-summary.results__meta {
    font-size: 0.82rem !important;
    color: var(--mute) !important;
}

.results__meta strong {
    color: var(--ink);
    font-weight: 650;
}

/* Quiet “N items” chip — leading cluster with filters */
.results__meta--chip,
#inventory-table-result-summary.results__meta--chip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0 !important;
    padding: 0.4rem 0.8rem;
    border-radius: var(--ev-r-chip);
    background: var(--surface);
    box-shadow: var(--recessed);
    font-size: 0.85rem !important;
    font-weight: 600;
    white-space: nowrap;
}

.results__meta--chip:empty {
    display: none;
}

.results__meta-note {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mute);
}

.results__filters,
.ev-inv-results-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

/* Column titles aligned with row facts (Type · Cost · Retail) */
.results__cols {
    display: flex;
    justify-content: flex-end;
    padding: 0 1rem;
    margin: -0.15rem 0 0.1rem;
}

.results__cols-facts {
    display: grid;
    grid-template-columns: 5.5rem 5.5rem 5.75rem;
    column-gap: 0.45rem;
    align-items: center;
    width: max-content;
}

.results__cols-facts span,
.results__cols-facts .results__cols-filter {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mute);
}

/* Type column = filter control (light results canvas) */
#inventory-table-card .results__cols-type {
    justify-self: start;
}
#inventory-table-card .results__cols-filter {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
    padding: 0.25rem 0.45rem;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.75);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 0 0 1px rgba(20, 20, 28, 0.08),
        0 2px 6px rgba(0, 0, 0, 0.08);
    color: #3a3a44 !important;
    cursor: pointer;
}
#inventory-table-card .results__cols-filter:hover,
#inventory-table-card .results__cols-filter.ev-th-filter-btn--active,
#inventory-table-card .results__cols-filter[aria-expanded='true'] {
    color: #141418 !important;
    background: #fff;
    box-shadow:
        inset 0 1px 0 #fff,
        inset 0 0 0 1px rgba(20, 20, 28, 0.14),
        0 3px 8px rgba(0, 0, 0, 0.12);
}

.results__cols-facts span:nth-child(2),
.results__cols-facts span:nth-child(3) {
    text-align: right;
    justify-self: end;
    width: 100%;
}

.results__chip,
#inventory-table-card .results__chip {
    border: 0;
    cursor: pointer;
    border-radius: var(--ev-r-chip);
    padding: 0.45rem 0.85rem;
    background: var(--surface) !important;
    box-shadow: var(--raised-sm) !important;
    color: var(--mute) !important;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.results__chip:hover:not([aria-expanded='true']):not(.is-filter-source),
#inventory-table-card .results__chip:hover:not([aria-expanded='true']):not(.is-filter-source) {
    color: var(--ink) !important;
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}

/* Filter applied — selected pops up (§0); open menu uses carved press below */
.results__chip.ev-th-filter-btn--active:not([aria-expanded='true']):not(.is-filter-source) {
    color: var(--ink) !important;
    font-weight: 700 !important;
    background: var(--surface) !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(26, 26, 30, 0.08),
        0 6px 14px rgba(0, 0, 0, 0.1) !important;
}

/* While a filter menu is open: soft-dim the list/cols.
   Pressed chip stays sharp via a body-level ghost above the veil. */
body.ev-th-filter-focus #inventory-table-card .results__cols,
body.ev-th-filter-focus #inventory-table-card .ev-inv-results-body {
    opacity: 0.42;
    filter: saturate(0.85);
    pointer-events: none;
    transition: opacity 0.16s ease, filter 0.16s ease;
}

#inventory-table-card .results__chip[aria-expanded="true"],
#inventory-table-card .results__chip.is-filter-source,
.results__chip[aria-expanded="true"],
.results__chip.is-filter-source,
.ev-th-filter-source-ghost {
    color: var(--ink) !important;
    background: #f7f7f8 !important;
    box-shadow:
        var(--recessed),
        0 0 0 1px rgba(26, 26, 30, 0.14),
        0 0 0 3px rgba(255, 255, 255, 0.65),
        0 8px 20px rgba(0, 0, 0, 0.14) !important;
    transform: translateY(-1px);
}

.ev-th-filter-source-ghost {
    border: none !important;
    border-radius: var(--ev-r-chip) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    font: inherit;
    cursor: default;
}

.results__list,
#inventory-tbody.results__list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.result {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: 0.75rem 0.9rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border-radius: 22px;
    background: var(--surface);
    box-shadow: var(--raised-sm);
    cursor: pointer;
    color: var(--ink);
    transition: box-shadow 0.15s ease;
}

.result:focus-visible {
    outline: 2px solid rgba(196, 160, 74, 0.45);
    outline-offset: 2px;
}

.result__check {
    display: grid;
    place-items: center;
    margin: 0;
    cursor: pointer;
}

.result__check .form-check-input {
    margin: 0;
    width: 1.05rem;
    height: 1.05rem;
    cursor: pointer;
}

/* Hover — must beat idle frost (#main-app #inventory-table-card .result) */
#main-app #inventory-table-card.results[data-hover='white'] .result:hover:not(.is-selected):not(.inv-bulk-selected),
#inventory-table-card.results[data-hover='white'] .result:hover:not(.is-selected):not(.inv-bulk-selected) {
    background: color-mix(in srgb, var(--ev-frost-fill-light-dense) 70%, transparent) !important;
    background-image: none !important;
}

#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='active'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='active'] {
    background: color-mix(in srgb, #cfe5d6 42%, var(--ev-frost-fill-light)) !important;
    background-image: none !important;
    box-shadow:
        0 8px 22px rgba(77, 64, 58, 0.12),
        0 2px 6px rgba(77, 64, 58, 0.06),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
}
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='consigned'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='consigned'] {
    background: color-mix(in srgb, #efe2bc 42%, var(--ev-frost-fill-light)) !important;
    background-image: none !important;
    box-shadow:
        0 8px 22px rgba(77, 64, 58, 0.12),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
}
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='repair'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='repair'] {
    background: color-mix(in srgb, #f0dcc8 42%, var(--ev-frost-fill-light)) !important;
    background-image: none !important;
    box-shadow:
        0 8px 22px rgba(77, 64, 58, 0.12),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
}
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='sold'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='sold'] {
    background: color-mix(in srgb, #e2d6e8 40%, var(--ev-frost-fill-light)) !important;
    background-image: none !important;
    box-shadow:
        0 8px 22px rgba(77, 64, 58, 0.12),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
}
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='returned'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='returned'] {
    background: color-mix(in srgb, #e8d0cb 40%, var(--ev-frost-fill-light)) !important;
    background-image: none !important;
    box-shadow:
        0 8px 22px rgba(77, 64, 58, 0.12),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
}

/* Kill legacy gold left rail from .selected-row (styles.css).
   #inventory-table-card IS .results — do not nest another .results. */
#inventory-table-card .result.selected-row,
#inventory-table-card .result.is-selected,
#inventory-table-card .result.inv-bulk-selected,
.results .result.selected-row,
.results .result.is-selected,
.results .result.inv-bulk-selected {
    border-left: 0 !important;
}

/* Selected — must beat idle frost (#main-app #inventory-table-card .result) */
#main-app #inventory-table-card .result.is-selected,
#main-app #inventory-table-card .result.inv-bulk-selected,
#main-app #inventory-table-card.results[data-click='yellow'] .result.is-selected,
#main-app #inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected,
#inventory-table-card .result.is-selected,
#inventory-table-card .result.inv-bulk-selected,
.results .result.is-selected,
.results .result.inv-bulk-selected,
.results[data-click='yellow'] .result.is-selected,
.results[data-click='yellow'] .result.inv-bulk-selected {
    background: var(--ev-frost-fill-light-dense) !important;
    background-image: none !important;
    box-shadow:
        var(--recessed),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
}

#main-app #inventory-table-card .result.is-selected .result__mark:not(.result__mark--sku),
#main-app #inventory-table-card .result.inv-bulk-selected .result__mark:not(.result__mark--sku),
#inventory-table-card .result.is-selected .result__mark:not(.result__mark--sku),
#inventory-table-card .result.inv-bulk-selected .result__mark:not(.result__mark--sku),
.results .result.is-selected .result__mark:not(.result__mark--sku),
.results .result.inv-bulk-selected .result__mark:not(.result__mark--sku) {
    background: color-mix(in srgb, var(--surface) 72%, transparent) !important;
    box-shadow: var(--recessed) !important;
}

/* Default click wash — translucent amber over dense frost */
#main-app #inventory-table-card.results[data-click='yellow'] .result.is-selected,
#main-app #inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected,
#inventory-table-card.results[data-click='yellow'] .result.is-selected,
#inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected,
.results[data-click='yellow'] .result.is-selected,
.results[data-click='yellow'] .result.inv-bulk-selected {
    background: color-mix(in srgb, #f3e8c8 48%, var(--ev-frost-fill-light-dense)) !important;
    background-image: none !important;
}

/* Jewelry type chip stays neutral — no yellow wash from data-click */
#main-app #inventory-table-card.results[data-click='yellow'] .result.is-selected .result__chip:not(.result__status),
#main-app #inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected .result__chip:not(.result__status),
.results[data-click='yellow'] .result.is-selected .result__chip:not(.result__status),
.results[data-click='yellow'] .result.inv-bulk-selected .result__chip:not(.result__status) {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

#main-app #inventory-table-card.results[data-click='yellow'] .result.is-selected .result__name,
#main-app #inventory-table-card.results[data-click='yellow'] .result.is-selected .result__price,
#main-app #inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected .result__name,
#main-app #inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected .result__price,
.results[data-click='yellow'] .result.is-selected .result__name,
.results[data-click='yellow'] .result.is-selected .result__price,
.results[data-click='yellow'] .result.inv-bulk-selected .result__name,
.results[data-click='yellow'] .result.inv-bulk-selected .result__price {
    color: #4a3e28;
}

#main-app #inventory-table-card .result.is-selected[data-status='active'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='active'],
#inventory-table-card .result.is-selected[data-status='active'],
#inventory-table-card .result.inv-bulk-selected[data-status='active'] {
    background: color-mix(in srgb, #dceee2 50%, var(--ev-frost-fill-light-dense)) !important;
    background-image: none !important;
}
#main-app #inventory-table-card .result.is-selected[data-status='active'] .result__name,
#main-app #inventory-table-card .result.is-selected[data-status='active'] .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='active'] .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='active'] .result__price {
    color: #2a4434 !important;
}

#main-app #inventory-table-card .result.is-selected[data-status='consigned'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='consigned'],
#inventory-table-card .result.is-selected[data-status='consigned'],
#inventory-table-card .result.inv-bulk-selected[data-status='consigned'] {
    background: color-mix(in srgb, #f3e8c8 50%, var(--ev-frost-fill-light-dense)) !important;
    background-image: none !important;
}
#main-app #inventory-table-card .result.is-selected[data-status='consigned'] .result__name,
#main-app #inventory-table-card .result.is-selected[data-status='consigned'] .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='consigned'] .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='consigned'] .result__price {
    color: #4a3e28 !important;
}

#main-app #inventory-table-card .result.is-selected[data-status='repair'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='repair'],
#inventory-table-card .result.is-selected[data-status='repair'],
#inventory-table-card .result.inv-bulk-selected[data-status='repair'] {
    background: color-mix(in srgb, #f0dcc8 50%, var(--ev-frost-fill-light-dense)) !important;
    background-image: none !important;
}
#main-app #inventory-table-card .result.is-selected[data-status='repair'] .result__name,
#main-app #inventory-table-card .result.is-selected[data-status='repair'] .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='repair'] .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='repair'] .result__price {
    color: #5a3a22 !important;
}

#main-app #inventory-table-card .result.is-selected[data-status='sold'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='sold'],
#inventory-table-card .result.is-selected[data-status='sold'],
#inventory-table-card .result.inv-bulk-selected[data-status='sold'] {
    background: color-mix(in srgb, #e2d6e8 50%, var(--ev-frost-fill-light-dense)) !important;
    background-image: none !important;
}
#main-app #inventory-table-card .result.is-selected[data-status='sold'] .result__name,
#main-app #inventory-table-card .result.is-selected[data-status='sold'] .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='sold'] .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='sold'] .result__price {
    color: #3e2e4a !important;
}

#main-app #inventory-table-card .result.is-selected[data-status='returned'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='returned'],
#inventory-table-card .result.is-selected[data-status='returned'],
#inventory-table-card .result.inv-bulk-selected[data-status='returned'] {
    background: color-mix(in srgb, #f0dcd8 50%, var(--ev-frost-fill-light-dense)) !important;
    background-image: none !important;
}
#main-app #inventory-table-card .result.is-selected[data-status='returned'] .result__name,
#main-app #inventory-table-card .result.is-selected[data-status='returned'] .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='returned'] .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='returned'] .result__price {
    color: #4a2e28 !important;
}

.result__mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-weight: 650;
    background: var(--surface);
    box-shadow: var(--recessed);
    color: var(--ink);
    flex-shrink: 0;
}

/* SKU fills the mark slot — barcode-ish mono, sized for the sales floor */
.result__mark--sku {
    width: 7.25rem;
    min-width: 7.25rem;
    height: auto;
    min-height: 3.35rem;
    padding: 0.35rem 0.4rem 0.4rem;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-family: 'Share Tech Mono', ui-monospace, Menlo, Consolas, monospace;
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
}
.result__sku-num {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Status lives in the same carved well — text + color only, no chip/shadow */
.result__sku-status {
    display: block;
    max-width: 100%;
    font-family: inherit;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.1;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--mute);
}
.result__sku-status--active { color: var(--ev-status-active, #5a9a6e); }
.result__sku-status--consigned { color: var(--ev-status-consigned, #6a88b0); }
.result__sku-status--repair { color: var(--ev-status-repair, #d47830); }
.result__sku-status--sold { color: var(--ev-status-sold, #9a7aad); }
.result__sku-status--returned { color: var(--ev-status-returned, #c07068); }

.result__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.result__name {
    font-size: 1rem;
    letter-spacing: -0.02em;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result__note {
    font-size: 0.85rem;
    color: var(--mute);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result__note a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Consigned list rows: from vendor → to consignee (plain labels for clarity) */
.result__note-label {
    color: var(--mute);
    font-weight: 500;
    font-size: 0.92em;
}
.result__note-arrow {
    display: inline-block;
    margin: 0 0.35rem;
    color: var(--mute);
    font-weight: 650;
}
.result__consigned-to {
    color: var(--ev-status-consigned, #6a88b0) !important;
    font-weight: 650;
    text-decoration: none !important;
}
.result__consigned-to:hover {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.result__sku {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--ink);
}

.result__facts {
    display: grid;
    grid-template-columns: 5.5rem 5.5rem 5.75rem;
    grid-template-areas:
        'type cost retail'
        '. . loc';
    align-items: center;
    justify-items: start;
    column-gap: 0.45rem;
    row-gap: 0.12rem;
}
.result__chip {
    grid-area: type;
}
.result__price--cost {
    grid-area: cost;
}
.result__price--retail {
    grid-area: retail;
}
.result__loc {
    grid-area: loc;
    justify-self: end;
    text-align: right;
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    color: var(--mute);
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.result__loc a {
    color: inherit;
    text-decoration: none;
}
.result__loc a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.result__chip {
    font-style: normal;
    font-size: 0.72rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--surface);
    box-shadow: var(--recessed);
    color: var(--mute);
    text-transform: capitalize;
    justify-self: start;
    white-space: nowrap;
}

.result__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 8.25rem;
    background: var(--surface);
    box-shadow: var(--recessed);
    color: var(--mute);
    box-sizing: border-box;
    text-align: center;
}

.result__dot {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--mute);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
}

.result__status--active {
    background: color-mix(in srgb, #cfe5d6 22%, var(--surface));
}
.result__status--active .result__dot {
    background: var(--ev-status-active);
    box-shadow: 0 0 6px rgba(90, 154, 110, 0.45);
}

.result__status--consigned {
    background: color-mix(in srgb, #efe2bc 24%, var(--surface));
}
.result__status--consigned .result__dot {
    background: var(--ev-status-consigned);
    box-shadow: 0 0 6px rgba(196, 160, 74, 0.4);
}

.result__status--repair {
    background: color-mix(in srgb, #f0dcc8 26%, var(--surface));
}
.result__status--repair .result__dot {
    background: var(--ev-status-repair);
    box-shadow: 0 0 6px rgba(212, 120, 48, 0.45);
}

.result__status--sold {
    background: color-mix(in srgb, #e2d6e8 24%, var(--surface));
}
.result__status--sold .result__dot {
    background: var(--ev-status-sold);
    box-shadow: 0 0 6px rgba(154, 122, 173, 0.4);
}

.result__status--returned {
    background: color-mix(in srgb, #e8d0cb 24%, var(--surface));
}
.result__status--returned .result__dot {
    background: var(--ev-status-returned);
    box-shadow: 0 0 6px rgba(192, 112, 104, 0.4);
}

.result__price {
    font-size: 0.95rem;
    letter-spacing: -0.02em;
    width: 100%;
    text-align: right;
    justify-self: end;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
}

.result__price--cost {
    color: var(--ink);
    font-weight: 700;
    font-size: 1rem;
}

.result__price--retail {
    color: var(--mute);
    font-weight: 600;
    font-size: 0.92rem;
}

.results__empty {
    padding: 1.5rem 1.25rem;
    text-align: center;
    color: var(--mute);
    border-radius: 22px;
    background: var(--surface);
    box-shadow: var(--recessed);
}

.results__empty-title {
    margin: 0 0 0.35rem;
    color: var(--ink);
}

.results__empty-sub,
.results__empty-hint {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    color: var(--mute);
}

/* Browse mode: no bulk checkboxes (same as old inv-bulk-check-col hide) */
#main-app:not(.ev-inventory-bulk-audit):not(.ev-inventory-bulk-return):not(.ev-inventory-bulk-sold):not(.ev-inventory-bulk-status):not(.ev-inventory-bulk-consign):not(.ev-inventory-bulk-settle):not(.ev-inventory-bulk-labels) .result__check,
#main-app:not(.ev-inventory-bulk-audit):not(.ev-inventory-bulk-return):not(.ev-inventory-bulk-sold):not(.ev-inventory-bulk-status):not(.ev-inventory-bulk-consign):not(.ev-inventory-bulk-settle):not(.ev-inventory-bulk-labels) .ev-inv-select-all {
    display: none !important;
}

#main-app:not(.ev-inventory-bulk-audit):not(.ev-inventory-bulk-return):not(.ev-inventory-bulk-sold):not(.ev-inventory-bulk-status):not(.ev-inventory-bulk-consign):not(.ev-inventory-bulk-settle):not(.ev-inventory-bulk-labels) .result {
    grid-template-columns: auto 1fr auto;
}

@media (max-width: 720px) {
    .results__cols {
        display: none;
    }

    .result {
        grid-template-columns: auto auto 1fr;
    }

    #main-app:not(.ev-inventory-bulk-audit):not(.ev-inventory-bulk-return):not(.ev-inventory-bulk-sold):not(.ev-inventory-bulk-status):not(.ev-inventory-bulk-consign):not(.ev-inventory-bulk-settle):not(.ev-inventory-bulk-labels) .result {
        grid-template-columns: auto 1fr;
    }

    .result__facts {
        grid-column: 1 / -1;
        grid-template-columns: minmax(4.5rem, 1fr) auto auto;
        grid-template-areas:
            'type cost retail'
            '. . loc';
        width: 100%;
    }

    /* Inline Cost / Retail labels when column titles are hidden */
    .result__price--cost::before,
    .result__price--retail::before {
        content: attr(data-label) ' ';
        display: block;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--mute);
        margin-bottom: 0.1rem;
    }

    .result__price--cost,
    .result__price--retail {
        text-align: right;
    }
}

/*
  Phone inventory cards — wider stage; prices beside SKU;
  description gets a full-width one-liner under that row.
*/
@media (max-width: 575.98px) {
    /* Hug the screen so frost cards can run wider */
    #main-app #ev-main-content:has(#inventory-section:not(.d-none)) {
        padding-left: max(0.35rem, env(safe-area-inset-left)) !important;
        padding-right: max(0.35rem, env(safe-area-inset-right)) !important;
    }

    #inventory-table-card.results:not(.d-none),
    #main-app #inventory-table-card.results:not(.d-none),
    #ev-receive-batch-table-wrap.results,
    #main-app #ev-receive-batch-table-wrap.results {
        padding: 0.65rem 0.7rem 1rem !important;
        border-radius: var(--ev-r-card, 14px) !important;
        gap: 0.55rem;
    }

    #inventory-table-card .result.ev-inv-row,
    #main-app #inventory-table-card .result.ev-inv-row,
    #ev-receive-batch-table-wrap .result.ev-inv-row,
    #main-app #ev-receive-batch-table-wrap .result.ev-inv-row {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1.15fr) minmax(0, 1fr) auto;
        grid-template-areas:
            'mark cost retail type'
            'name name name name'
            'note note note loc';
        column-gap: 0.45rem;
        row-gap: 0.18rem;
        align-items: center;
        padding: 0.85rem 1.15rem 1.05rem 1.05rem !important;
    }

    #main-app.ev-inventory-bulk-audit #inventory-table-card .result.ev-inv-row,
    #main-app.ev-inventory-bulk-return #inventory-table-card .result.ev-inv-row,
    #main-app.ev-inventory-bulk-sold #inventory-table-card .result.ev-inv-row,
    #main-app.ev-inventory-bulk-status #inventory-table-card .result.ev-inv-row,
    #main-app.ev-inventory-bulk-consign #inventory-table-card .result.ev-inv-row,
    #main-app.ev-inventory-bulk-settle #inventory-table-card .result.ev-inv-row {
        grid-template-columns: auto auto minmax(0, 1.15fr) minmax(0, 1fr) auto;
        grid-template-areas:
            'check mark cost retail type'
            'name name name name name'
            'note note note note loc';
    }

    #inventory-table-card .result.ev-inv-row .result__body,
    #inventory-table-card .result.ev-inv-row .result__facts,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__body,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__facts {
        display: contents;
    }

    #inventory-table-card .result.ev-inv-row .result__check {
        grid-area: check;
        align-self: center;
    }

    #inventory-table-card .result.ev-inv-row .result__mark,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__mark {
        grid-area: mark;
        align-self: center;
    }

    /* Slightly tighter SKU plate — frees width for the description line */
    #inventory-table-card .result.ev-inv-row .result__mark--sku,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__mark--sku {
        width: 5.85rem;
        min-width: 5.85rem;
        min-height: 2.85rem;
        padding: 0.28rem 0.3rem 0.32rem;
        font-size: 0.92rem;
        letter-spacing: 0.06em;
        border-radius: 12px;
    }

    #inventory-table-card .result.ev-inv-row .result__price--cost,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__price--cost {
        grid-area: cost;
        width: auto;
        justify-self: start;
        text-align: left;
        font-size: 1.05rem;
        font-weight: 750;
        letter-spacing: -0.02em;
        line-height: 1.15;
    }

    #inventory-table-card .result.ev-inv-row .result__price--retail,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__price--retail {
        grid-area: retail;
        width: auto;
        justify-self: start;
        text-align: left;
        font-size: 1.05rem;
        font-weight: 650;
        letter-spacing: -0.02em;
        line-height: 1.15;
    }

    /* Money is the hero line — drop the tiny Cost/Retail captions */
    #inventory-table-card .result.ev-inv-row .result__price--cost::before,
    #inventory-table-card .result.ev-inv-row .result__price--retail::before,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__price--cost::before,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__price--retail::before {
        content: none !important;
        display: none !important;
    }

    #inventory-table-card .result.ev-inv-row .result__chip,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__chip {
        grid-area: type;
        justify-self: end;
        align-self: center;
        font-size: 0.65rem;
        padding: 0.16rem 0.45rem;
        max-width: 5.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Full-width one-liner under the SKU / price row */
    #inventory-table-card .result.ev-inv-row .result__name,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__name {
        grid-area: name;
        font-size: 0.84rem;
        font-weight: 650;
        letter-spacing: -0.01em;
        color: #ffffff;
        line-height: 1.25;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    #inventory-table-card .result.ev-inv-row .result__note,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__note {
        grid-area: note;
        font-size: 0.72rem;
        line-height: 1.25;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    #inventory-table-card .result.ev-inv-row .result__loc,
    #ev-receive-batch-table-wrap .result.ev-inv-row .result__loc {
        grid-area: loc;
        justify-self: end;
        align-self: center;
        font-size: 0.72rem;
        font-weight: 650;
        letter-spacing: 0.06em;
        line-height: 1.25;
        max-width: 7.5rem;
        padding-right: 0.15rem;
        color: var(--mute, #a3968d) !important;
    }
}

@media (max-width: 575.98px) {
    #ev-receive-batch-table-wrap .result.ev-inv-row,
    #main-app #ev-receive-batch-table-wrap .result.ev-inv-row {
        grid-template-columns: auto minmax(0, 1.15fr) minmax(0, 1fr) auto !important;
        grid-template-areas:
            'mark cost retail tools'
            'name name name tools'
            'note note note tools';
    }
    #ev-receive-batch-table-wrap .ev-receive-row-tools,
    #ev-receive-batch-table-wrap .ev-receive-row-remove {
        grid-area: tools;
        justify-self: end;
        align-self: stretch;
    }
}

/* Status: recessed chip + glowing dot (near-square, not pill) */
.badge-ev,
.ev-item-status-pill,
.ev-inv-status-tag {
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    border-radius: var(--ev-r-chip) !important;
    font-weight: 700 !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.08em;
    padding: 0.32rem 0.7rem !important;
    border: none !important;
    background: #ececee !important;
    color: var(--mute) !important;
    box-shadow: var(--recessed) !important;
}

.badge-ev::before,
.ev-item-status-pill::before,
.ev-inv-status-tag::before {
    content: '';
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 6px currentColor;
    background: currentColor;
}

.badge-ev-active,
.ev-item-status-pill--active,
.ev-inv-status-tag--active {
    background: var(--ev-badge-active-bg) !important;
    color: var(--ev-badge-active-fg) !important;
}
.badge-ev-active::before,
.ev-item-status-pill--active::before,
.ev-inv-status-tag--active::before {
    color: var(--green-dot);
    background: var(--green-dot);
}

.badge-ev-consigned,
.ev-item-status-pill--consigned,
.ev-inv-status-tag--consigned {
    background: var(--ev-badge-consigned-bg) !important;
    color: var(--ev-badge-consigned-fg) !important;
}
.badge-ev-consigned::before,
.ev-item-status-pill--consigned::before,
.ev-inv-status-tag--consigned::before {
    color: var(--amber-dot);
    background: var(--amber-dot);
}

.badge-ev-sold,
.ev-item-status-pill--sold,
.ev-inv-status-tag--sold {
    background: var(--ev-badge-sold-bg) !important;
    color: var(--ev-badge-sold-fg) !important;
}
.badge-ev-sold::before,
.ev-item-status-pill--sold::before,
.ev-inv-status-tag--sold::before {
    color: var(--violet-dot);
    background: var(--violet-dot);
}

.badge-ev-repair,
.ev-item-status-pill--repair,
.ev-inv-status-tag--repair {
    background: var(--ev-badge-repair-bg) !important;
    color: var(--ev-badge-repair-fg) !important;
}
.badge-ev-repair::before,
.ev-item-status-pill--repair::before {
    color: var(--orange-dot, var(--ev-status-repair));
    background: var(--orange-dot, var(--ev-status-repair));
}

.badge-ev-returned,
.ev-item-status-pill--returned,
.ev-inv-status-tag--returned {
    background: var(--ev-badge-returned-bg) !important;
    color: var(--ev-badge-returned-fg) !important;
}
.badge-ev-returned::before,
.ev-item-status-pill--returned::before {
    color: var(--rose-dot);
    background: var(--rose-dot);
}

/* ─── Item detail wells — same carved language as search tray + results list ───
   Stage = full main well (single SKU). Slip = split carved tray beside the list. */
.ev-item-slip-tab {
    display: none !important;
}

.ev-item-slip {
    --ev-slip-width: min(28rem, calc(100vw - 1.5rem));
    top: 0.75rem !important;
    bottom: 0.75rem !important;
    right: 0.75rem !important;
    height: auto !important;
    transform: translateX(calc(100% + 1.5rem));
    transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.ev-item-slip.ev-item-slip--open {
    transform: translateX(0);
}

/* Inquiries thread sits in the stage — keep the item slip above it */
#main-app.ev-section-inquiries > #ev-item-slip.ev-item-slip--open,
#main-app.ev-section-inquiries.ev-item-slip-open > #ev-item-slip {
    z-index: 1220 !important;
}

.ev-item-slip:not(.ev-item-slip--open) {
    pointer-events: none !important;
}

/* Carved tray — matches .inventory-search-panel / .ev-inv-items-card.results */
.ev-item-slip-sheet {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--well) !important;
    border: none !important;
    border-radius: 22px !important;
    box-shadow: var(--recessed) !important;
}

/* Side detail: photo + facts scroll together (toolbar / Edit stay pinned) */
.ev-item-slip .ev-item-card,
.ev-item-slip .ev-item-card-inner--detail {
    min-height: 0 !important;
    height: 100% !important;
}

.ev-item-slip .ev-item-card-inner--detail {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
}

.ev-item-slip .ev-item-card-media,
.ev-item-slip .ev-item-card-body {
    flex: 0 0 auto !important;
    overflow: visible !important;
    min-height: 0 !important;
    /* Kill body-only scroll mask — whole column scrolls now */
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

.ev-item-slip .ev-item-card-toolbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    flex-shrink: 0 !important;
    /* Solid bar — picture scrolls under a soft fade, not a hard hairline */
    background: var(--well) !important;
    border-bottom: none !important;
    overflow: visible !important;
}

.ev-item-slip .ev-item-card-toolbar::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 1.35rem;
    pointer-events: none;
    z-index: 5;
    background: linear-gradient(
        180deg,
        var(--well) 0%,
        color-mix(in srgb, var(--well) 70%, transparent) 42%,
        transparent 100%
    );
}

.ev-item-slip .ev-item-card-foot {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 6 !important;
    flex-shrink: 0 !important;
    background: color-mix(in srgb, var(--well) 92%, transparent) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.ev-item-slip-backdrop {
    background: rgba(40, 40, 48, 0.22) !important;
    backdrop-filter: blur(3px) saturate(0.95);
    -webkit-backdrop-filter: blur(3px) saturate(0.95);
}

#main-app.ev-item-slip-open #ev-main-content {
    transition: padding-right 0.38s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

@media (min-width: 992px) {
    #main-app.ev-item-slip-open {
        --ev-slip-pad: calc(min(28rem, 38vw) + 0.75rem);
    }
}

.ev-item-stage {
    background: var(--well) !important;
    border: none !important;
    border-radius: 22px !important;
    box-shadow: var(--recessed) !important;
}

.ev-item-stage .ev-item-card,
.ev-item-slip .ev-item-card,
#inventory-item-card.ev-item-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ev-item-stage .ev-item-card-media,
.ev-item-stage .ev-item-card-body,
.ev-item-stage .ev-item-card-foot,
.ev-item-slip .ev-item-card-media,
.ev-item-slip .ev-item-card-body,
.ev-item-slip .ev-item-card-foot {
    background: transparent !important;
}

/* Inner blocks rise inside the carved well (same as chips in results tray) */
.ev-item-stage .ev-item-card-photo-panel,
.ev-item-stage .ev-item-card-facts,
.ev-item-stage .ev-item-card-finance,
.ev-item-stage .ev-item-card-more,
.ev-item-slip .ev-item-card-photo-panel,
.ev-item-slip .ev-item-card-facts,
.ev-item-slip .ev-item-card-finance,
.ev-item-slip .ev-item-card-more {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important;
}

.ev-item-stage .ev-item-card-split,
.ev-item-slip .ev-item-card-split {
    box-shadow:
        var(--raised-sm),
        0 6px 14px rgba(0, 0, 0, 0.1) !important;
}

/* Slip toolbar chrome is solid + fade (::after) — see scroll-together block above */

.ev-item-slip .ev-item-card-foot {
    border-top: none !important;
}

/* Phone: hug content (no tall empty well); sticky Edit foot; larger taps */
@media (max-width: 991.98px) {
    .ev-item-stage {
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
        margin-bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
    }

    .ev-item-stage .ev-item-card,
    .ev-item-stage .ev-item-card-inner--detail {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .ev-item-stage .ev-item-card-body {
        overflow: visible !important;
        flex: 0 1 auto !important;
        min-height: 0 !important;
        padding: 0.35rem 0.95rem 0.85rem !important;
    }

    .ev-item-stage .ev-item-card-media {
        padding: 0.75rem 0.85rem 0.35rem !important;
    }

    .ev-item-stage .ev-item-card-toolbar {
        position: sticky !important;
        top: 0 !important;
        background: var(--well) !important;
        z-index: 6 !important;
    }

    .ev-item-stage .ev-item-card-foot {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 6 !important;
        background: color-mix(in srgb, var(--well) 92%, transparent) !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border-top: none !important;
        padding: 0.7rem 0.85rem calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
    }

    .ev-item-stage .ev-item-card-icon-btn {
        width: 2.55rem !important;
        height: 2.55rem !important;
    }

    .ev-item-stage .ev-item-card-split-main,
    .ev-item-stage .ev-item-card-split-caret {
        min-height: 3.1rem !important;
    }

    /* Compact search tray while detail is open — more room for the well */
    #main-app.ev-item-stage-open .ev-inv-scope-stage {
        margin-bottom: 0.55rem !important;
    }
    #main-app.ev-item-stage-open #inventory-search-panel-card > .card-body {
        padding: 0.65rem !important;
    }

    /* Item open: hide Choose what to do — same ops live under Edit → More */
    #main-app.ev-item-stage-open #inventory-actions-launch,
    #main-app.ev-item-stage-open .ev-inv-actions-launch,
    #main-app.ev-item-slip-open #inventory-actions-launch,
    #main-app.ev-item-slip-open .ev-inv-actions-launch,
    body.ev-item-slip-open #inventory-actions-launch,
    body.ev-item-slip-open .ev-inv-actions-launch {
        display: none !important;
    }
}

.ev-item-card-toolbar {
    background: transparent !important;
    border-bottom: 1px solid rgba(26, 26, 30, 0.06) !important;
    padding: 0.75rem 0.95rem !important;
}

/* Slip nav chrome wins over generic toolbar hairline */
.ev-item-slip .ev-item-card-toolbar {
    background: var(--well) !important;
    border-bottom: none !important;
}

/* Detail SKU — same mono + weight as list .result__mark--sku */
.ev-item-card-sku-chip {
    font-family: 'Share Tech Mono', ui-monospace, Menlo, Consolas, monospace !important;
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    font-variant-numeric: tabular-nums !important;
    color: var(--ink) !important;
    background: var(--surface) !important;
    border: none !important;
    box-shadow: var(--raised-sm) !important;
}

.ev-item-card-icon-btn {
    border: none !important;
    background: var(--surface) !important;
    color: var(--mute) !important;
    box-shadow: var(--raised-sm) !important;
}

.ev-item-card-icon-btn:hover:not(:disabled) {
    color: var(--ink) !important;
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}

.ev-item-card-btn,
.ev-item-card-edit {
    border: none !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 650 !important;
}
.ev-item-card-btn:hover:not(:disabled),
.ev-item-card-edit:hover:not(:disabled) {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
    filter: none !important;
}
.ev-item-card-sold {
    background: color-mix(in srgb, var(--violet-dot, #9a7aad) 22%, var(--surface)) !important;
    color: #2e2238 !important;
}
.ev-item-card-sold:hover:not(:disabled) {
    background: color-mix(in srgb, var(--violet-dot, #9a7aad) 32%, var(--surface)) !important;
    color: #2e2238 !important;
    box-shadow: var(--recessed) !important;
}
.ev-item-card-return {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 24%, var(--surface)) !important;
    color: #3a201e !important;
}
.ev-item-card-return:hover:not(:disabled) {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 34%, var(--surface)) !important;
    color: #3a201e !important;
    box-shadow: var(--recessed) !important;
}
.ev-item-card-shopify {
    background: color-mix(in srgb, #95bf46 22%, var(--surface)) !important;
    color: #1e2a10 !important;
}
.ev-item-card-shopify:hover:not(:disabled) {
    background: color-mix(in srgb, #95bf46 32%, var(--surface)) !important;
    color: #1e2a10 !important;
    box-shadow: var(--recessed) !important;
}
.ev-item-card-shopify-synced {
    background: color-mix(in srgb, #6b8e23 28%, var(--surface)) !important;
    color: #243018 !important;
}
.ev-item-card-shopify-synced:hover:not(:disabled) {
    background: color-mix(in srgb, #6b8e23 38%, var(--surface)) !important;
    color: #243018 !important;
    box-shadow: var(--recessed) !important;
}
.btn-ev-consignee-dir:hover:not(:disabled) {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}

.ev-item-card-nav-pos {
    color: var(--mute) !important;
}

.ev-item-card-media {
    background: transparent !important;
}

.ev-item-card-photo-panel,
.ev-item-card-facts,
.ev-item-card-finance,
.ev-item-card-more {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important; /* rise inside carved stage/slip well */
}

.ev-item-card-photo-panel--listing,
.ev-item-card-photo-sync-slot,
.ev-item-card-photo-sync-slot.is-ready {
    background: var(--surface) !important;
    border: none !important;
    box-shadow: var(--raised-sm) !important;
}

.ev-item-card-photo-badge,
.ev-item-card-photo-hint,
.ev-item-card-photo-sync-copy,
.ev-item-card-photo-sync-probe {
    color: var(--mute) !important;
}

.ev-item-card-photo-secondary-btn {
    border: none !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    border-radius: 999px !important;
}

.ev-item-card-photo-secondary-btn:hover {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}

.ev-item-card-photo-frame .ev-item-card-photo-loading {
    background: color-mix(in srgb, var(--well) 88%, var(--surface)) !important;
    color: var(--mute) !important;
}

.ev-item-card-title {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
}

/* Type chip (beside status) — carved fact label, not a raised action */
.ev-item-card-type-chip {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    border: none !important;
    border-radius: 999px !important;
    color: var(--mute) !important;
    box-shadow: var(--recessed) !important;
}

.ev-item-card-consign-link {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 999px !important;
    color: var(--mute) !important;
    box-shadow: var(--raised-sm) !important;
}

.ev-item-card-consign-link:hover {
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
}

/* Raised status controls: Consigned / Repair / Sold / Returned */
.ev-item-card-consign-go,
.ev-item-card-status-go {
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    padding: 0.42rem 0.9rem !important;
    border: none !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--ev-status-consigned, #6a88b0) 28%, var(--surface)) !important;
    color: #3a3018 !important;
    box-shadow: var(--raised-sm) !important;
    font: inherit !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}
.ev-item-card-consign-go-status,
.ev-item-card-status-go-label {
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.72rem;
}
.ev-item-card-consign-go-sep,
.ev-item-card-status-go-sep {
    opacity: 0.55;
    font-weight: 600;
}
.ev-item-card-consign-go-action,
.ev-item-card-status-go-action {
    font-weight: 650;
}
.ev-item-card-consign-go-icon,
.ev-item-card-status-go-icon {
    font-size: 0.72rem;
    opacity: 0.75;
}
.ev-item-card-status-go--consigned,
.ev-item-card-consign-go {
    background: color-mix(in srgb, var(--ev-status-consigned, #6a88b0) 28%, var(--surface)) !important;
    color: #3a3018 !important;
}
.ev-item-card-status-go--repair {
    background: color-mix(in srgb, var(--ev-status-repair, #d47830) 28%, var(--surface)) !important;
    color: #4a2810 !important;
}
.ev-item-card-status-go--sold {
    background: color-mix(in srgb, var(--ev-status-sold, #9a7aad) 28%, var(--surface)) !important;
    color: #2e2238 !important;
    cursor: default;
}
.ev-item-card-status-go--returned {
    background: color-mix(in srgb, var(--ev-status-returned, #c07068) 28%, var(--surface)) !important;
    color: #3a201e !important;
    cursor: default;
}
.ev-item-card-consign-go:hover,
.ev-item-card-consign-go:focus-visible,
.ev-item-card-status-go--consigned:hover,
.ev-item-card-status-go--consigned:focus-visible {
    outline: none;
    background: color-mix(in srgb, var(--ev-status-consigned, #6a88b0) 40%, var(--surface)) !important;
    color: #2e2614 !important;
    box-shadow: var(--recessed) !important;
}
.ev-item-card-status-go--repair:hover,
.ev-item-card-status-go--repair:focus-visible {
    outline: none;
    background: color-mix(in srgb, var(--ev-status-repair, #d47830) 40%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}

.ev-item-card-sync-row {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}
.ev-item-card-sync-action {
    border: 0;
    margin: 0;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--surface);
    box-shadow: var(--raised-sm);
    color: var(--ink);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 650;
    cursor: pointer;
}
.ev-item-card-sync-action:hover,
.ev-item-card-sync-action:focus-visible {
    outline: none;
    box-shadow: var(--recessed);
}

/* Box / certificate — fact-row includes (inside details) */
.ev-item-card-includes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
}

.ev-item-card-includes-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ev-item-card-include {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: var(--recessed) !important;
    border: none !important;
}

.ev-item-card-include i {
    font-size: 0.72rem;
    opacity: 0.85;
}

.ev-item-card-include--box {
    background: color-mix(in srgb, var(--amber-dot, #c4a04a) 20%, var(--surface)) !important;
    color: #6a5420 !important;
}

.ev-item-card-include--cert {
    background: color-mix(in srgb, var(--blue-dot, #6a88b0) 18%, var(--surface)) !important;
    color: #2a4058 !important;
}

.ev-item-card-includes-hint {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mute) !important;
    letter-spacing: 0.01em;
}

/* Legacy meta chips / warn banner — unused on detail card now */
.ev-item-card-flags,
.ev-item-card-accessory-warn {
    display: none !important;
}

.ev-item-card-finance {
    background: var(--well) !important;
    border: none !important;
}

.ev-item-card-finance-val {
    color: var(--mute) !important;
    font-variant-numeric: tabular-nums;
    font-weight: 600 !important;
}

.ev-item-card-finance-val--cost {
    color: var(--ink) !important;
    font-weight: 800 !important;
}

.ev-item-card-finance-val--sold {
    color: var(--ink) !important;
    font-weight: 800 !important;
}

.ev-item-card-foot {
    background: transparent !important;
    border-top: none !important;
}

.ev-item-card-split {
    overflow: hidden !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: var(--raised-sm) !important;
}

/* Let the dropdown escape the pill only while open */
.ev-item-card-split:has(.ev-item-card-more-menu.show),
.ev-item-stage .ev-item-card-split:has(.ev-item-card-more-menu.show),
.ev-item-slip .ev-item-card-split:has(.ev-item-card-more-menu.show) {
    overflow: visible !important;
}

.ev-item-card-split-main {
    background: color-mix(in srgb, var(--amber-wash, #fbf7ee) 72%, var(--surface)) !important;
    color: var(--ink) !important;
    font-weight: 700 !important;
}

.ev-item-card-split-main:hover,
.ev-item-card-split-main:focus-visible {
    background: color-mix(in srgb, var(--amber-mid, #efe2bc) 28%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    filter: none !important;
}

/*
  Item detail — modern frost glass (stage + vendor-list slip).
  Transparent pane, no borders. Photo / facts / finance / chips sit on the glass.
  Blur lives on the sheet/stage — never on .ev-item-slip (that node translates).
*/
#main-app .ev-item-slip-sheet,
#main-app .ev-item-stage {
    background: rgba(255, 255, 255, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    background-image: none !important;
    border: none !important;
    border-radius: 22px !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(255, 255, 255, 0.16),
        0 18px 40px rgba(38, 38, 38, 0.1) !important;
    color: var(--ink) !important;
}
#main-app .ev-item-slip .ev-item-card-toolbar,
#main-app .ev-item-stage .ev-item-card-toolbar,
#main-app .ev-item-slip .ev-item-card-foot,
#main-app .ev-item-stage .ev-item-card-foot {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
#main-app .ev-item-slip .ev-item-card-toolbar::after,
#main-app .ev-item-stage .ev-item-card-toolbar::after {
    display: none !important;
    content: none !important;
    background: none !important;
}
#main-app .ev-item-stage .ev-item-card-facts,
#main-app .ev-item-stage .ev-item-card-finance,
#main-app .ev-item-stage .ev-item-card-more,
#main-app .ev-item-slip .ev-item-card-facts,
#main-app .ev-item-slip .ev-item-card-finance,
#main-app .ev-item-slip .ev-item-card-more,
#main-app .ev-item-card-facts,
#main-app .ev-item-card-finance,
#main-app .ev-item-card-more,
#main-app .ev-item-card-photo-sync-slot,
#main-app .ev-item-card-photo-sync-slot.is-ready {
    background: rgba(255, 255, 255, 0.28) !important;
    background-color: rgba(255, 255, 255, 0.28) !important;
    border: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 4px 14px rgba(38, 38, 38, 0.06) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Photo sits on the glass — no cream well, inset lip, or toolbar fade frame */
#main-app .ev-item-stage .ev-item-card-photo-panel,
#main-app .ev-item-slip .ev-item-card-photo-panel,
#main-app .ev-item-card-photo-panel,
#main-app .ev-item-card-photo-panel--listing {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
#main-app .ev-item-card-photo-frame,
#main-app .ev-item-card-photo-display,
#main-app .ev-item-card-photo-display--listing {
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
#main-app .ev-item-card-photo {
    border-radius: var(--ev-r-card, 14px);
    box-shadow: none !important;
}
#main-app .ev-item-card-sku-chip,
#main-app .ev-item-card-icon-btn,
#main-app .ev-item-card-btn,
#main-app .ev-item-card-edit,
#main-app .ev-item-card-photo-secondary-btn,
#main-app .ev-item-card-photo-primary-btn {
    background: rgba(255, 255, 255, 0.36) !important;
    background-color: rgba(255, 255, 255, 0.36) !important;
    border: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 2px 8px rgba(38, 38, 38, 0.06) !important;
}

/* Edit / More — two near-square glass chips, denser than the pane */
#main-app .ev-item-slip .ev-item-card-split,
#main-app .ev-item-stage .ev-item-card-split,
#main-app .ev-item-card-split {
    display: flex !important;
    align-items: stretch !important;
    gap: 0.45rem !important;
    overflow: visible !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
#main-app .ev-item-card-split-main,
#main-app .ev-item-card-edit.ev-item-card-split-main,
#main-app .ev-item-card-split-caret {
    flex: 1 1 auto;
    border: none !important;
    border-radius: var(--ev-r-control, 10px) !important;
    background: color-mix(in srgb, var(--ev-pearl, #faf8f5) 78%, rgba(255, 255, 255, 0.55)) !important;
    background-color: color-mix(in srgb, var(--ev-pearl, #faf8f5) 78%, rgba(255, 255, 255, 0.55)) !important;
    background-image: none !important;
    color: var(--ink, #4d403a) !important;
    box-shadow:
        var(--raised-sm),
        inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
}
#main-app .ev-item-card-split-caret {
    flex: 0 0 auto;
}
#main-app .ev-item-card-split-main:hover,
#main-app .ev-item-card-split-main:focus-visible,
#main-app .ev-item-card-split-caret:hover,
#main-app .ev-item-card-split-caret:focus-visible,
#main-app .ev-item-card-split-caret[aria-expanded='true'] {
    background: color-mix(in srgb, var(--ev-pearl, #faf8f5) 88%, #fff) !important;
    background-image: none !important;
    box-shadow: var(--recessed) !important;
    transform: none !important;
    filter: none !important;
}
#main-app .ev-item-card-photo-frame .ev-item-card-photo-loading {
    background: rgba(255, 255, 255, 0.22) !important;
}
#main-app .ev-item-card-sold {
    background: color-mix(in srgb, var(--violet-dot, #9a7aad) 22%, rgba(255, 255, 255, 0.36)) !important;
}
#main-app .ev-item-card-return {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 24%, rgba(255, 255, 255, 0.36)) !important;
}
#main-app .ev-item-card-shopify {
    background: color-mix(in srgb, #95bf46 22%, rgba(255, 255, 255, 0.36)) !important;
}
@media (prefers-reduced-transparency: reduce) {
    #main-app .ev-item-slip-sheet,
    #main-app .ev-item-stage {
        background: var(--ev-frost-fill-light-solid, rgba(250, 248, 245, 0.94)) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

.ev-item-card-split-caret {
    background: color-mix(in srgb, var(--mute) 12%, var(--surface)) !important;
    color: var(--ink) !important;
    border-left: none !important;
    transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
}

/* More actions — pops up on hover (not carved) */
#main-app .ev-item-card-split-caret:hover,
#main-app .ev-item-card-split-caret:focus-visible,
#main-app .ev-item-card-split-caret[aria-expanded='true'],
.ev-item-card-split-caret:hover,
.ev-item-card-split-caret:focus-visible,
.ev-item-card-split-caret[aria-expanded='true'] {
    background: color-mix(in srgb, var(--mute) 6%, var(--surface)) !important;
    box-shadow:
        var(--raised-sm),
        0 6px 14px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px) !important;
    filter: none !important;
}

/* More actions — same tray language + action colors as Choose what to do.
   Only flex when .show — display:flex !important would override Bootstrap's
   closed display:none and leave options leaking over the foot.
   Open menu is portaled to body (above blur), like column filters. */
.ev-item-card-more-menu,
body > .ev-item-card-more-menu {
    flex-direction: column;
    gap: 0.4rem;
    min-width: 16.5rem !important;
    background: var(--well) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--raised) !important;
    padding: 0.55rem !important;
}

.ev-item-card-more-menu.show,
body > .ev-item-card-more-menu.show {
    display: flex !important;
    z-index: 1200 !important;
}

.ev-item-card-menu-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    width: 100% !important;
    min-height: 3.15rem !important;
    margin: 0 !important;
    padding: 0.55rem 0.8rem !important;
    border: none !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: var(--ink) !important;
    font-weight: 650 !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
    text-align: left !important;
    box-shadow: none !important;
    transition: background 0.15s ease, box-shadow 0.15s ease !important;
}

.ev-item-card-menu-icon {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #2a2a30 !important;
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%);
    box-shadow:
        -2px -2px 5px rgba(255, 255, 255, 0.14),
        3px 4px 8px rgba(0, 0, 0, 0.35),
        inset 1px 1px 0 rgba(255, 255, 255, 0.28),
        inset -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.ev-item-card-menu-icon i {
    width: auto !important;
    margin: 0 !important;
    font-size: 0.78rem !important;
    opacity: 1 !important;
    color: inherit !important;
}

.ev-item-card-menu-label {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.ev-item-card-menu-item:disabled {
    opacity: 0.42;
}

/* Tone discs — hover washes live AFTER generic .dropdown-item:hover (below) */
.ev-item-card-menu-item--return .ev-item-card-menu-icon,
body > .ev-item-card-more-menu .ev-item-card-menu-item--return .ev-item-card-menu-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--rose-dot, #c07068) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--rose-dot, #c07068) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--rose-dot, #c07068) 58%, #4a4a52) 100%
    ) !important;
}

.ev-item-card-menu-item--settle .ev-item-card-menu-icon,
body > .ev-item-card-more-menu .ev-item-card-menu-item--settle .ev-item-card-menu-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--blue-dot, #6a88b0) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--blue-dot, #6a88b0) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--blue-dot, #6a88b0) 58%, #4a4a52) 100%
    ) !important;
}

.ev-item-card-menu-item--consign .ev-item-card-menu-icon,
body > .ev-item-card-more-menu .ev-item-card-menu-item--consign .ev-item-card-menu-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--amber-dot, #c4a04a) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--amber-dot, #c4a04a) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--amber-dot, #c4a04a) 58%, #4a4a52) 100%
    ) !important;
}

.ev-item-card-menu-item--repair .ev-item-card-menu-icon,
body > .ev-item-card-more-menu .ev-item-card-menu-item--repair .ev-item-card-menu-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, #d47830 55%, #c8c8ce) 0%,
        color-mix(in srgb, #d47830 72%, #6e6e76) 55%,
        color-mix(in srgb, #d47830 58%, #4a4a52) 100%
    ) !important;
}

.ev-item-card-menu-item--sold .ev-item-card-menu-icon,
body > .ev-item-card-more-menu .ev-item-card-menu-item--sold .ev-item-card-menu-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--violet-dot, #9a7aad) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--violet-dot, #9a7aad) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--violet-dot, #9a7aad) 58%, #4a4a52) 100%
    ) !important;
}

.ev-item-card-menu-item--status .ev-item-card-menu-icon,
body > .ev-item-card-more-menu .ev-item-card-menu-item--status .ev-item-card-menu-icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--blue-dot, #6a88b0) 55%, #c8c8ce) 0%,
        color-mix(in srgb, var(--blue-dot, #6a88b0) 72%, #6e6e76) 55%,
        color-mix(in srgb, var(--blue-dot, #6a88b0) 58%, #4a4a52) 100%
    ) !important;
}

/* More actions open — filter-style veil; real source fades, ghost + menu stay sharp */
.ev-item-more-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1185;
    /* Click-catch only — milky blur chalked stage under “More” */
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.16s ease;
}

.ev-item-more-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
}

.ev-item-more-backdrop[hidden] {
    display: none !important;
}

/* Hide only the live toggle — not the sharp body ghost */
body.ev-item-more-open .ev-item-card-split-caret.is-item-more-source:not(.ev-item-more-source-ghost) {
    opacity: 0 !important;
    pointer-events: none !important;
}

.ev-item-more-source-ghost {
    border: none !important;
    border-left: none !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    background: color-mix(in srgb, var(--mute) 6%, var(--surface)) !important;
    color: var(--ink) !important;
    opacity: 1 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(26, 26, 30, 0.1),
        0 0 0 3px rgba(255, 255, 255, 0.55),
        0 8px 18px rgba(0, 0, 0, 0.14) !important;
    font: inherit;
    font-weight: 700 !important;
    cursor: default;
    filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .ev-item-more-backdrop {
        transition: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: transparent;
    }
}

/* Batch memo options — centered title + sub; no divider above Edit */
.ev-item-card-memos {
    border-bottom: none !important;
}

.ev-item-card-memo-btn,
button.btn.ev-item-card-memo-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    text-align: center !important;
    border: none !important;
    border-radius: 16px !important;
    min-height: 3.35rem !important;
    padding: 0.85rem 1rem !important;
    box-shadow: var(--recessed) !important;
    transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
}

.ev-item-card-memo-btn-text {
    align-items: center !important;
    text-align: center !important;
}

.ev-item-card-memo-btn i {
    flex-shrink: 0;
}

/* Batch receive memo — raised plate; receive-green pop on hover */
#main-app .ev-item-card-memo-receive,
#main-app button.btn.ev-item-card-memo-receive,
.ev-item-card-memo-receive,
button.btn.ev-item-card-memo-receive {
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    transform: translateY(0);
}

#main-app .ev-item-card-memo-receive i,
#main-app .ev-item-card-memo-receive .ev-item-card-memo-btn-title,
.ev-item-card-memo-receive i,
.ev-item-card-memo-receive .ev-item-card-memo-btn-title,
.ev-item-card-memo-receive .ev-item-card-memo-btn-sub {
    color: var(--ink) !important;
}

.ev-item-card-memo-receive .ev-item-card-memo-btn-sub {
    color: var(--mute) !important;
}

#main-app .ev-item-card-memo-receive:hover:not(:disabled),
#main-app .ev-item-card-memo-receive:focus-visible:not(:disabled),
#main-app button.btn.ev-item-card-memo-receive:hover:not(:disabled),
#main-app button.btn.ev-item-card-memo-receive:focus-visible:not(:disabled),
.ev-item-card-memo-receive:hover:not(:disabled),
button.btn.ev-item-card-memo-receive:hover:not(:disabled) {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 28%, var(--surface)) !important;
    color: #1e3228 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 42%, transparent),
        0 8px 18px rgba(90, 154, 110, 0.24) !important;
    transform: translateY(-2px) !important;
}

#main-app .ev-item-card-memo-receive:hover:not(:disabled) i,
#main-app .ev-item-card-memo-receive:hover:not(:disabled) .ev-item-card-memo-btn-title,
#main-app .ev-item-card-memo-receive:hover:not(:disabled) .ev-item-card-memo-btn-sub,
.ev-item-card-memo-receive:hover:not(:disabled) i,
.ev-item-card-memo-receive:hover:not(:disabled) .ev-item-card-memo-btn-title {
    color: #1e3228 !important;
}

.ev-item-card-memo-receive:hover:not(:disabled) .ev-item-card-memo-btn-sub {
    color: color-mix(in srgb, #1e3228 65%, var(--mute)) !important;
}

.ev-item-card-memo-return,
button.btn.ev-item-card-memo-return {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 18%, var(--surface)) !important;
    color: #3a201e !important;
}

.ev-item-card-memo-return i,
.ev-item-card-memo-return .ev-item-card-memo-btn-title,
.ev-item-card-memo-return .ev-item-card-memo-btn-sub {
    color: #3a201e !important;
}

.ev-item-card-memo-return .ev-item-card-memo-btn-sub {
    color: color-mix(in srgb, #3a201e 70%, var(--mute)) !important;
}

.ev-item-card-memo-return:hover:not(:disabled),
button.btn.ev-item-card-memo-return:hover:not(:disabled) {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 26%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    color: #3a201e !important;
}

/* Status pills — recessed chip + soft fill (status color code) */
.ev-item-card-status,
.ev-item-status-pill {
    border: none !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: var(--recessed) !important;
}

.ev-item-card-status-active,
.ev-item-status-pill--active {
    background: color-mix(in srgb, var(--ev-status-active, #5a9a6e) 22%, var(--surface)) !important;
    color: #1e3228 !important;
}

.ev-item-card-status-consigned,
.ev-item-status-pill--consigned {
    background: color-mix(in srgb, var(--ev-status-consigned, #6a88b0) 24%, var(--surface)) !important;
    color: #3a3018 !important;
}

.ev-item-card-status-repair,
.ev-item-status-pill--repair {
    background: color-mix(in srgb, var(--ev-status-repair, #d47830) 24%, var(--surface)) !important;
    color: #4a2810 !important;
}

.ev-item-card-status-sold,
.ev-item-status-pill--sold {
    background: color-mix(in srgb, var(--ev-status-sold, #9a7aad) 24%, var(--surface)) !important;
    color: #2e2238 !important;
}

.ev-item-card-status-returned,
.ev-item-status-pill--returned {
    background: color-mix(in srgb, var(--ev-status-returned, #c07068) 24%, var(--surface)) !important;
    color: #3a201e !important;
}

.ev-item-card-status-deleted {
    background: color-mix(in srgb, var(--mute) 18%, var(--surface)) !important;
    color: var(--mute) !important;
}

.ev-item-card-skel-media,
.ev-skel-line {
    background: linear-gradient(
        90deg,
        var(--well) 0%,
        #ececee 45%,
        var(--well) 100%
    ) !important;
    background-size: 200% 100% !important;
}

.ev-item-card-loading-copy {
    color: var(--mute) !important;
}

@media (prefers-reduced-motion: reduce) {
    .ev-item-slip,
    #main-app.ev-item-slip-open #ev-main-content {
        transition: none !important;
    }
}

/* ─────────── Receive Batch — neo ecosystem (same search bar + gold plate) ─────────── */
/* Kill legacy cream receive vendor dropdown — same dark-frost tray as inventory */
#ev-receive-vendor-results {
    margin-top: 0.35rem !important;
}
#ev-receive-vendor-results .ev-inv-vendor-suggest-item {
    background: transparent !important;
    border: none !important;
}

.ev-receive-batch-tray {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0.15rem 0 0.5rem !important;
    color: var(--ink) !important;
}

/* Receive flow: kill phone pull-to-refresh (easy to nuke a mid-batch form) */
html.ev-no-pull-refresh,
html.ev-no-pull-refresh body,
#main-app.ev-inventory-bulk-receive,
#main-app.ev-inventory-bulk-receive .ev-app-main {
    overscroll-behavior-y: none !important;
}
#main-app.ev-inventory-bulk-receive .ev-receive-batch-tray,
#main-app.ev-inventory-bulk-receive .ev-receive-item-editor,
#main-app.ev-inventory-bulk-receive .ev-receive-batch-list-wrap {
    overscroll-behavior-y: contain;
}

/* Wizard step 1 — “When did this arrive?” translucent green glass backdrop */
.ev-receive-step-dates {
    --ev-dates-glass: 34, 140, 78; /* same punch as Receive Next */
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    min-height: 18rem;
    padding: 1.65rem 1.15rem 1.85rem;
    border-radius: 22px;
    isolation: auto;
    /* Green glass — tinted frost, stage still reads through */
    background-color: color-mix(
        in srgb,
        rgb(var(--ev-dates-glass)) 28%,
        rgba(255, 255, 255, 0.12)
    ) !important;
    background-image:
        radial-gradient(
            ellipse 95% 70% at 50% 0%,
            rgba(var(--ev-dates-glass), 0.28) 0%,
            rgba(var(--ev-dates-glass), 0.08) 48%,
            transparent 78%
        ) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid color-mix(in srgb, var(--green-dot, #5a9a6e) 52%, rgba(255, 255, 255, 0.42));
    box-shadow:
        0 16px 36px rgba(34, 140, 78, 0.16),
        0 4px 12px rgba(77, 64, 58, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 0 0 0 1px rgba(255, 255, 255, 0.16),
        inset 16px 16px var(--ev-frost-spread, 15px) calc(var(--ev-frost-spread, 15px) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise, 0.18));
}
.ev-receive-step-dates.d-none {
    display: none !important;
}
.ev-receive-step-panel {
    width: min(100%, 44rem);
    margin: 0 auto;
    padding: 0.55rem 0.35rem 0.2rem;
    border-radius: 0;
    color: #ffffff;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.ev-receive-step-title {
    margin: 0;
    font-size: clamp(1.65rem, 3.2vw, 2.15rem);
    font-weight: 750;
    letter-spacing: -0.025em;
    line-height: 1.15;
    color: #ffffff;
}
.ev-receive-step-sub {
    margin: 0.55rem 0 1.45rem;
    font-size: 1.08rem;
    font-weight: 500;
    color: var(--ev-pearl, #faf8f5);
    line-height: 1.45;
}
.ev-receive-step-dates .ev-wizard-label {
    display: block;
    margin: 0 0 0.45rem;
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    color: #ffffff !important;
}
.ev-receive-step-dates .ev-receive-optional {
    color: color-mix(in srgb, #ffffff 74%, var(--ev-pearl, #faf8f5)) !important;
}
.ev-receive-step-dates .ev-wizard-input.form-control,
.ev-receive-step-dates #receive-batch-date,
.ev-receive-step-dates #receive-batch-due-date {
    min-height: 3.35rem !important;
    padding: 0.7rem 0.95rem !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, #fff 72%, var(--ev-pearl, #faf8f5)) !important;
    border: 1px solid color-mix(in srgb, var(--green-dot, #5a9a6e) 22%, rgba(255, 255, 255, 0.65)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        0 2px 8px rgba(77, 64, 58, 0.06) !important;
}
.ev-receive-step-dates .ev-wizard-input.form-control:focus,
.ev-receive-step-dates #receive-batch-date:focus,
.ev-receive-step-dates #receive-batch-due-date:focus {
    outline: none !important;
    border-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 55%, #fff) !important;
    box-shadow:
        var(--recessed),
        0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 35%, transparent) !important;
}

/* Date fields — native picker; used on the dates step screen */
.ev-receive-dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 0;
}
.ev-receive-step-dates .ev-receive-dates {
    margin: 0;
}
@media (max-width: 575.98px) {
    .ev-receive-step-dates {
        padding: 1.15rem 0.85rem 1.3rem;
        border-radius: 18px;
    }
    .ev-receive-step-panel {
        padding: 0.2rem 0 0.1rem;
    }
    .ev-receive-step-dates .ev-receive-dates {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .ev-receive-step-dates {
        background-color: color-mix(in srgb, #cfe5d6 62%, var(--ev-pearl, #faf8f5)) !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/*
  Receive Next — greener glass; hover = carved well (not a bright raise).
*/
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none) {
    --glass-rgb: 34, 140, 78; /* punchier green than default sage */
    --ev-side-frost-a: 0.58;
    --ev-side-glass-tint: 1.15;
}
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none)::before {
    background: color-mix(
        in srgb,
        rgb(var(--glass-rgb)) calc(var(--ev-side-frost-a) * 100% * var(--ev-side-glass-tint)),
        rgba(255, 255, 255, calc(var(--ev-side-frost-a) * 0.72))
    ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(var(--glass-rgb), 0.28),
        0 0 0 1px rgba(var(--glass-rgb), 0.55),
        0 8px 18px rgba(var(--glass-rgb), 0.22) !important;
}
#main-app #inventory-search-panel-card .ev-side-glass-rail
    > .ev-receive-next-btn:not(.d-none):hover:not(:disabled)::before,
#main-app #inventory-search-panel-card .ev-side-glass-rail
    > .ev-receive-next-btn:not(.d-none):focus-visible:not(:disabled)::before {
    background: color-mix(
        in srgb,
        rgb(var(--glass-rgb)) 42%,
        rgba(255, 255, 255, 0.28)
    ) !important;
    box-shadow:
        var(--recessed),
        inset 0 2px 6px rgba(20, 60, 35, 0.22),
        0 0 0 1px rgba(var(--glass-rgb), 0.45) !important;
}
/* Back (not Exit) — quiet frost instead of rose stop */
#main-app #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-exit-btn--back:not(.d-none) {
    --glass-rgb: var(--ev-side-quiet, var(--ev-light));
}
.ev-receive-date-field {
    position: relative;
    min-width: 0;
}
.ev-receive-date-input-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ev-receive-date-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    width: 100%;
    min-height: 2.85rem;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 999px;
    background: var(--surface);
    color: var(--ink);
    box-shadow: var(--raised-sm);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 650;
    letter-spacing: -0.01em;
    text-align: left;
    cursor: pointer;
}
.ev-receive-date-toggle:hover,
.ev-receive-date-toggle:focus-visible {
    outline: none;
    box-shadow: var(--recessed);
}
.ev-receive-date-toggle.is-set {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 14%, var(--surface));
    color: #1e2e22;
}
#receive-batch-due-date-toggle.is-set {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 16%, var(--surface));
    color: #3a201e;
}
.ev-receive-date-toggle-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ev-receive-date-clear-x {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mute) 12%, var(--surface));
    color: var(--mute);
    font-size: 1.05rem;
    line-height: 1;
    font-weight: 700;
}
.ev-receive-date-clear-x.d-none {
    display: none !important;
}
.ev-receive-date-clear-x:hover,
.ev-receive-date-clear-x:focus-visible {
    color: var(--ink);
    outline: none;
}
.ev-receive-optional {
    color: var(--mute);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}
/*
  Items Add dock — lab light frost lip attached under the top bar
  (iPhone Clear frost, not dark dock glass). Phone portals it under the
  topdeck so a taller lip tucks behind the frost. Not scroll-bound.
*/
.ev-receive-items-dock {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    min-height: 0;
    box-sizing: border-box;
    margin: 0.2rem 0 0;
    padding: 0.15rem 0;
    border: none;
    border-radius: 0;
    background: transparent !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    color: #fff;
}
.ev-receive-items-dock.d-none {
    display: none !important;
}
.ev-receive-items-dock .ev-receive-add-btn {
    width: min(100%, 22rem);
    min-width: 12.75rem;
    padding: 0.55rem 1.35rem !important;
    min-height: 3.15rem !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    border: none !important;
    border-radius: 999px !important;
    background: var(--ev-grok-film, none), var(--ev-grok-idle, color-mix(in srgb, #8e8e93 22%, transparent)) !important;
    background-color: var(--ev-grok-idle, color-mix(in srgb, #8e8e93 22%, transparent)) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: var(--ev-grok-sample, blur(16px) saturate(130%)) !important;
    backdrop-filter: var(--ev-grok-sample, blur(16px) saturate(130%)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.ev-receive-items-dock .ev-receive-add-btn:hover:not(:disabled),
.ev-receive-items-dock .ev-receive-add-btn:focus-visible:not(:disabled) {
    background: var(--ev-grok-film, none), var(--ev-grok-press, color-mix(in srgb, #aeaeb2 28%, transparent)) !important;
    background-color: var(--ev-grok-press, color-mix(in srgb, #aeaeb2 28%, transparent)) !important;
    box-shadow: none !important;
}
.ev-receive-items-dock .ev-receive-add-btn {
    position: relative;
    isolation: isolate;
    overflow: visible;
}
.ev-receive-items-dock .ev-receive-add-btn::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background: var(--ev-grok-waters, none);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.ev-receive-items-dock .ev-receive-add-btn > * {
    position: relative;
    z-index: 1;
    color: inherit;
    -webkit-text-fill-color: inherit;
}
@media (prefers-reduced-transparency: reduce) {
    .ev-receive-items-dock {
        background: transparent !important;
        background-color: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* Non-submit actions stay neutral; only Save / Submit keep green. */
.ev-receive-add-btn,
.ev-receive-lookup-btn,
.ev-receive-photo-btn {
    border: none !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 700 !important;
    min-height: 2.85rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}
.ev-receive-save-btn {
    border: none !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 22%, var(--surface)) !important;
    color: #1e2e22 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 34%, transparent) !important;
    font-weight: 700 !important;
    min-height: 2.85rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}
.ev-receive-photo-btn {
    width: 100%;
    min-height: 3rem;
}
/* Receive editor photo: one Take photo CTA + square preview */
.ev-receive-item-editor .ev-batch-photo-preview {
    width: min(100%, 220px);
    max-width: 220px;
    max-height: none;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.ev-receive-recall-btn {
    border: none !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 650 !important;
    min-height: 2.85rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}
.ev-receive-add-btn:hover,
.ev-receive-lookup-btn:hover,
.ev-receive-photo-btn:hover,
.ev-receive-recall-btn:hover {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 16%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}
.ev-receive-save-btn:hover {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 34%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}
/* Red close while editing an item */
.ev-receive-editor-close {
    color: #5a2424 !important;
    background: color-mix(in srgb, var(--rose-dot, #c07068) 22%, var(--surface)) !important;
    box-shadow: var(--raised-sm) !important;
    border: none !important;
}
.ev-receive-editor-close:hover,
.ev-receive-editor-close:focus-visible {
    color: #4a1c1c !important;
    background: color-mix(in srgb, var(--rose-dot, #c07068) 34%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}

/* Receive item form — label beside field (symmetric rows) */
.ev-recv-form {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.ev-recv-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem 0.65rem;
    align-items: stretch;
}
.ev-recv-field {
    display: grid;
    grid-template-columns: 4.1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem 0.45rem;
    min-width: 0;
}
.ev-recv-field > .form-label,
.ev-recv-field > span.form-label {
    margin: 0 !important;
    line-height: 1.2;
    font-size: 0.78rem !important;
}
.ev-recv-field--stack,
.ev-recv-field--desc {
    grid-template-columns: 1fr;
    align-items: stretch;
}
.ev-recv-field--money {
    align-items: start;
}
.ev-recv-money-col {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}
.ev-recv-cost-code {
    font-family: "Share Tech Mono", ui-monospace, monospace;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--mute);
    padding-left: 0.15rem;
}
.ev-recv-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}
.ev-recv-label-row .ev-desc-limit-hint {
    margin: 0 !important;
    flex: 0 0 auto;
    text-align: right;
    font-size: 0.78rem !important;
    white-space: nowrap;
}
.ev-recv-markup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}
.ev-receive-item-editor .btn-markup {
    border: none !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 700 !important;
    min-height: 2.2rem;
    padding: 0.25rem 0.35rem !important;
}
.ev-receive-item-editor .btn-markup.active-markup {
    background: color-mix(in srgb, var(--mute) 10%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
}
.ev-recv-check {
    display: flex !important;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.4rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: var(--surface);
    box-shadow: var(--raised-sm);
    margin: 0 !important;
}
.ev-recv-check .form-check-input {
    margin: 0 !important;
    float: none !important;
}
.ev-recv-check .form-check-label {
    margin: 0 !important;
}
/* Jewelry / location — raised pill + caret (not carved) */
.ev-receive-item-editor .ev-rising-select-btn {
    box-shadow: var(--raised-sm) !important;
    background: var(--surface) !important;
}
.ev-receive-item-editor .ev-rising-select.is-open .ev-rising-select-btn,
.ev-receive-item-editor .ev-rising-select-btn:hover,
.ev-receive-item-editor .ev-rising-select-btn:focus-visible {
    box-shadow: var(--recessed) !important;
}
/* Photo block face is set in the editor sheet block below */
.ev-receive-item-editor .ev-receive-photo-btn {
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
}
.ev-receive-item-editor .ev-receive-photo-btn:hover,
.ev-receive-item-editor .ev-receive-photo-btn:focus-visible {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}
.ev-receive-photo-remove {
    border: none !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--rose-dot, #c07068) 16%, var(--surface)) !important;
    color: #5a2424 !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 650 !important;
}
.ev-receive-item-editor #batch-photo-preview-wrap:not(.d-none) ~ .ev-batch-photo-primary-actions {
    display: none !important;
}
.ev-receive-dates.d-none {
    display: none !important;
}
.ev-desc-limit-hint .ev-desc-max-input {
    width: 2.6rem;
    min-height: 1.35rem;
    padding: 0.05rem 0.2rem;
    margin: 0 0.15rem;
    border: none;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mute) 10%, var(--surface));
    box-shadow: var(--recessed);
    color: inherit;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
}
@media (max-width: 575.98px) {
    .ev-recv-field {
        grid-template-columns: 3.6rem minmax(0, 1fr);
        gap: 0.3rem 0.4rem;
    }
    .ev-recv-field > .form-label,
    .ev-recv-field > span.form-label {
        font-size: 0.72rem !important;
    }
    .ev-recv-label-row .ev-desc-limit-hint {
        font-size: 0.7rem !important;
    }
}

/*
  Receive item editor — one light-frost sheet (dates-step family).
  Kills cream/gold photo card leftovers from styles.css.
*/
#main-app.ev-inventory-bulk-receive .ev-receive-item-editor,
.ev-receive-item-editor {
    --ev-card-frost-blur: 14px;
    --ev-receive-edit-tuck: 4.5rem;
    --ev-receive-edit-gap: 0.95rem;
    width: min(100%, 40rem);
    margin: 0 auto 1rem !important;
    padding: 0 !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    /* Clear glass — crest / stage stay readable underneath */
    background: rgba(255, 255, 255, 0.035) !important;
    background-color: rgba(255, 255, 255, 0.035) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(10px) saturate(145%);
    backdrop-filter: blur(10px) saturate(145%);
    box-shadow:
        0 10px 24px rgba(77, 64, 58, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
    color: var(--ink) !important;
    overflow: hidden;
    isolation: auto;
}
/*
  Tuck empty frost under the top bar (Choose-sheet pattern): glass runs up
  behind the arm / topdeck; title sits tight under the bar.
*/
@media (min-width: 992px) {
    #main-app.ev-dock-l.ev-receive-editing .ev-receive-item-editor {
        --ev-receive-edit-tuck: 1.2rem;
        margin-top: -0.55rem !important;
        padding-top: var(--ev-receive-edit-tuck) !important;
        border-radius: 0 0 22px 22px !important;
    }
}
@media (max-width: 991.98px) {
    #main-app.ev-receive-editing .ev-receive-item-editor {
        --ev-receive-edit-tuck: 1.15rem;
        --ev-receive-edit-gap: 0.55rem;
        margin-top: -0.7rem !important;
        padding-top: var(--ev-receive-edit-tuck) !important;
        border-radius: 0 0 16px 16px !important;
        width: 100%;
    }
}
#main-app.ev-inventory-bulk-receive .ev-receive-item-editor.d-none,
.ev-receive-item-editor.d-none {
    display: none !important;
}
.ev-receive-item-editor-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0 1.05rem var(--ev-receive-edit-gap, 0.95rem);
    text-align: center;
}
.ev-receive-item-editor-foot {
    display: none !important; /* Cancel/Save live on the search side glass */
}
/* Title lives on the under-deck banner while editing */
#main-app.ev-receive-editing .ev-receive-item-editor-head {
    display: none !important;
}
.ev-receive-editor-hint-title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif);
    font-size: 0.92rem;
    font-weight: 750;
    letter-spacing: 0.01em;
    color: color-mix(in srgb, var(--green-dot, #5a9a6e) 42%, var(--ev-cacao, #4d403a));
    line-height: 1.2;
}
.ev-receive-items-dock--title .ev-receive-editor-hint-title:not(.d-none) {
    display: block;
}
/* Save stays quiet glass until description + cost + retail are filled */
#main-app.ev-receive-editing:not(.ev-receive-save-ready) #inventory-search-panel-card
    .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none) {
    --glass-rgb: var(--ev-light);
    --ev-side-frost-a: 0.4;
    --ev-side-glass-tint: 0.62;
}
#main-app.ev-receive-editing.ev-receive-save-ready #inventory-search-panel-card
    .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none) {
    --glass-rgb: 34, 140, 78;
    --ev-side-frost-a: 0.58;
    --ev-side-glass-tint: 1.15;
}
@media (max-width: 991.98px) {
    #main-app.ev-receive-editing:not(.ev-receive-save-ready)
        #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-next-btn:not(.d-none)::before {
        --glass-rgb: var(--ev-light);
        background: color-mix(
            in srgb,
            rgb(var(--glass-rgb)) 36%,
            rgba(255, 255, 255, 0.22)
        ) !important;
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px rgba(var(--glass-rgb), 0.28) !important;
    }
}
.ev-receive-item-editor-title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 1.35rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: color-mix(in srgb, var(--green-dot, #5a9a6e) 28%, var(--ev-cacao, #4d403a)) !important;
}
.ev-receive-item-editor-body {
    padding: 0 1.05rem 0.95rem;
}
.ev-receive-item-form {
    display: flex;
    flex-direction: column;
    gap: var(--ev-receive-edit-gap, 0.95rem);
}
/* SKU — centered between title and tray photo with even air */
.ev-receive-sku-plain {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    margin: 0;
    padding: var(--ev-receive-edit-gap, 0.95rem) 0.35rem;
    text-align: center;
}
.ev-receive-sku-plain-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mute);
}
.ev-receive-sku-plain-value {
    font-family: "Share Tech Mono", ui-monospace, monospace;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
}
.ev-receive-meta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}
.ev-receive-meta-chip {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.55rem 0.7rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--ev-khaki, #dfdacf) 42%, transparent);
    box-shadow: var(--recessed);
}
.ev-receive-meta-chip--code {
    min-height: 2.85rem;
    justify-content: center;
}
.ev-receive-meta-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mute);
}
.ev-receive-meta-value {
    font-family: "Share Tech Mono", ui-monospace, monospace;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
    word-break: break-all;
}
/* Take photo (file) / snap hidden until webcam is live; desktop never shows phone Take photo */
.ev-receive-item-editor #batch-photo-snap-btn {
    display: none !important;
}
.ev-receive-item-editor .ev-batch-photo-block.ev-batch-webcam-live #batch-photo-snap-btn {
    display: inline-flex !important;
    width: 100%;
    min-height: 2.85rem !important;
}
.ev-receive-item-editor .ev-batch-photo-block.ev-batch-webcam-live #batch-photo-album-btn,
.ev-receive-item-editor .ev-batch-photo-block.ev-batch-webcam-live #batch-photo-upload-btn {
    display: none !important;
}
@media (min-width: 992px) {
    .ev-receive-item-editor #batch-photo-upload-btn {
        display: none !important;
    }
    .ev-receive-item-editor .ev-batch-photo-phone-actions {
        grid-template-columns: 1fr !important;
    }
}
.ev-receive-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}
.ev-receive-field-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}
.ev-receive-field-grid--2 {
    grid-template-columns: 1fr 1fr;
}
.ev-receive-field-grid--money {
    grid-template-columns: 1fr 0.85fr;
}
.ev-receive-field--retail {
    grid-column: 1 / -1;
}
.ev-receive-markup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.4rem;
}
.ev-receive-markup .btn-markup {
    min-height: 2rem;
    padding: 0.2rem 0.55rem !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}
.ev-receive-markup-custom {
    width: 5.5rem !important;
    min-height: 2rem !important;
}
.ev-receive-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
    padding: 0.15rem 0 0.35rem;
}
.ev-receive-check {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-weight: 650;
    color: var(--ink);
    cursor: pointer;
}
.ev-receive-check .form-check-input {
    margin: 0;
    width: 1.1rem;
    height: 1.1rem;
}
#item-box-desc-wrap,
#edit-box-desc-wrap {
    margin-top: 0.15rem;
}
#item-box-desc-wrap .form-label,
#edit-box-desc-wrap .form-label {
    font-weight: 650;
}
/* Tray photo — square well */
#main-app.ev-inventory-bulk-receive .ev-receive-item-editor .ev-batch-photo-block,
.ev-receive-item-editor .ev-batch-photo-block {
    width: min(100%, 20.5rem);
    margin: 0 auto !important;
    padding: 0.85rem !important;
    aspect-ratio: 1 / 1;
    display: flex !important;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 18px !important;
    border: 1px solid color-mix(in srgb, var(--green-dot, #5a9a6e) 18%, rgba(255, 255, 255, 0.45)) !important;
    background: color-mix(in srgb, #cfe5d6 10%, rgba(255, 255, 255, 0.1)) !important;
    background-image: none !important;
    box-shadow: var(--recessed) !important;
}
/* Live view needs room for viewfinder + Take photo + Stop */
.ev-receive-item-editor .ev-batch-photo-block.ev-batch-webcam-live {
    aspect-ratio: auto;
    min-height: 20.5rem;
}
.ev-receive-item-editor .ev-batch-photo-block-head {
    margin: 0 0 0.55rem !important;
    padding: 0 !important;
    border: none !important;
    text-align: center;
    flex: 0 0 auto;
}
.ev-receive-item-editor .ev-batch-photo-block-title {
    color: var(--ink) !important;
    font-size: 0.86rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.ev-receive-item-editor .ev-batch-photo-block-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem !important;
}
.ev-receive-item-editor .ev-batch-photo-phone-actions {
    display: grid !important;
    grid-template-columns: 1.3fr 1fr;
    gap: 0.45rem;
}
.ev-receive-item-editor .ev-batch-photo-upload-primary,
.ev-receive-item-editor .ev-batch-photo-album-btn {
    width: 100%;
    min-height: 2.65rem !important;
    margin: 0 !important;
    border-radius: 14px !important;
}
.ev-receive-item-editor .ev-batch-photo-webcam {
    margin-top: 0.1rem;
}
.ev-receive-item-editor .ev-batch-photo-webcam-toggle {
    width: 100%;
    min-height: 2.55rem;
    border: none !important;
    border-radius: 14px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 650 !important;
}
/* Live webcam — stop is rose */
.ev-receive-item-editor .ev-batch-photo-webcam-toggle.ev-batch-photo-webcam-stop {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 28%, var(--surface)) !important;
    color: #5a2424 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--rose-dot, #c07068) 40%, transparent) !important;
}
.ev-receive-item-editor .ev-batch-photo-webcam-toggle.ev-batch-photo-webcam-stop:hover,
.ev-receive-item-editor .ev-batch-photo-webcam-toggle.ev-batch-photo-webcam-stop:focus-visible {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 40%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}
.ev-receive-item-editor .ev-batch-photo-camera-row {
    margin-top: 0.35rem;
}
.ev-receive-item-editor .ev-batch-photo-camera-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}
.ev-receive-item-editor .ev-webcam-tray-hint {
    margin: 0;
    font-size: 0.78rem;
    color: var(--mute);
    line-height: 1.35;
    text-align: center;
}
.ev-receive-item-editor .ev-batch-photo-video-wrap {
    position: relative;
    width: 100%;
    max-width: none;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
    background: #1a1a1c;
    flex: 0 0 auto;
}
.ev-receive-item-editor .ev-batch-photo-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* Clear frost chip on the live viewfinder */
.ev-receive-item-editor .ev-batch-photo-refocus-inframe {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    z-index: 2;
    min-height: 2rem;
    padding: 0.3rem 0.75rem !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.28) !important;
    color: #faf8f5 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    -webkit-backdrop-filter: blur(10px) saturate(160%);
    backdrop-filter: blur(10px) saturate(160%);
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.ev-receive-item-editor .ev-batch-photo-refocus-inframe:hover,
.ev-receive-item-editor .ev-batch-photo-refocus-inframe:focus-visible {
    background: rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
    box-shadow: var(--recessed) !important;
}
.ev-receive-item-editor .ev-batch-photo-refocus-inframe.d-none {
    display: none !important;
}
.ev-receive-item-editor .ev-batch-photo-preview-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
}
.ev-receive-item-editor .ev-batch-photo-preview {
    width: min(100%, 100%) !important;
    max-width: none !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 14px;
}
@media (prefers-reduced-transparency: reduce) {
    #main-app.ev-inventory-bulk-receive .ev-receive-item-editor,
    .ev-receive-item-editor {
        background: var(--ev-frost-fill-light-solid) !important;
        background-color: var(--ev-frost-fill-light-solid) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}
.ev-receive-item-editor .form-control,
.ev-receive-item-editor .form-select,
.ev-receive-batch-tray .form-control,
.ev-receive-batch-tray .form-select {
    background: color-mix(in srgb, #fff 70%, var(--ev-pearl, #faf8f5)) !important;
    border: 1px solid color-mix(in srgb, var(--ev-khaki, #dfdacf) 70%, transparent) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
    color: var(--ink) !important;
    min-height: 2.75rem;
}
/* Description uses a transparent textarea + mirror paint. Do not give it an
   opaque well — on mobile WebKit that hides typed text under -webkit-text-fill. */
.ev-receive-item-editor .ev-desc-mirror-wrap,
.ev-receive-batch-tray .ev-desc-mirror-wrap {
    background: color-mix(in srgb, #fff 70%, var(--ev-pearl, #faf8f5)) !important;
    border: 1px solid color-mix(in srgb, var(--ev-khaki, #dfdacf) 70%, transparent) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
.ev-receive-item-editor textarea.form-control.ev-desc-textarea,
.ev-receive-item-editor .form-control.ev-desc-textarea,
.ev-receive-batch-tray textarea.form-control.ev-desc-textarea,
.ev-receive-batch-tray .form-control.ev-desc-textarea {
    background: transparent !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    caret-color: var(--ink, #1a1a20) !important;
    box-shadow: none !important;
}
.ev-receive-item-editor .form-label,
.ev-receive-item-editor .form-check-label {
    margin: 0;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    color: var(--mute) !important;
}
.ev-receive-sku-line {
    font-weight: 700;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
}
.ev-receive-sku-line span {
    font-family: "Share Tech Mono", ui-monospace, monospace;
    font-size: 1.05rem;
}
@media (max-width: 700px) {
    .ev-receive-field-grid {
        grid-template-columns: 1fr 1fr;
    }
    .ev-receive-field-grid:not(.ev-receive-field-grid--2) > .ev-receive-field:last-child {
        grid-column: 1 / -1;
    }
    .ev-receive-field-grid--money {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 991.98px) {
    .ev-receive-item-editor .ev-batch-photo-webcam {
        display: none !important;
    }
    .ev-receive-item-editor .ev-batch-photo-block {
        width: 100% !important;
        max-width: none !important;
        aspect-ratio: auto !important;
        min-height: 0 !important;
        padding: 0.4rem !important;
        border-radius: 14px !important;
    }
    .ev-receive-item-editor .ev-batch-photo-block-head {
        margin: 0 0 0.28rem !important;
    }
    .ev-receive-item-editor .ev-batch-photo-block-title {
        font-size: 0.72rem !important;
        letter-spacing: 0.06em;
    }
    .ev-receive-item-editor .ev-batch-photo-block-body {
        gap: 0.32rem !important;
        justify-content: flex-start;
    }
    .ev-receive-item-editor .ev-batch-photo-upload-primary,
    .ev-receive-item-editor .ev-batch-photo-album-btn {
        min-height: 2.35rem !important;
        font-size: 0.88rem !important;
        padding: 0.35rem 0.7rem !important;
    }
    .ev-receive-item-editor-body {
        padding: 0 0.7rem 0.65rem;
    }
    .ev-receive-sku-plain {
        padding: 0.2rem 0.2rem 0.15rem;
        gap: 0.08rem;
    }
    .ev-receive-sku-plain-value {
        font-size: 1.02rem;
    }
    .ev-receive-item-form {
        gap: 0.5rem;
    }
    /*
      Extra tail so last fields (box description, location) can scroll into
      the visible band above the soft keyboard.
    */
    #main-app.ev-receive-editing .ev-receive-item-editor-body {
        padding-bottom: min(48vh, 20rem);
    }
    #item-box-desc-wrap,
    #item-more-details,
    #item-location {
        scroll-margin-top: calc(var(--ev-mobile-topdeck-h, 7.35rem) + 0.75rem);
        scroll-margin-bottom: 8rem;
    }
    .ev-receive-item-editor .form-control,
    .ev-receive-item-editor .form-select {
        min-height: 2.45rem;
    }
    .ev-receive-markup {
        margin-top: 0.25rem;
        gap: 0.28rem;
    }
}
@media (max-width: 575.98px) {
    .ev-receive-item-editor {
        border-radius: 16px !important;
    }
    .ev-receive-meta-row {
        grid-template-columns: 1fr;
    }
    .ev-receive-field-grid,
    .ev-receive-field-grid--money {
        grid-template-columns: 1fr;
    }
    .ev-receive-field-grid > .ev-receive-field:last-child,
    .ev-receive-field--retail {
        grid-column: auto;
    }
}
@media (prefers-reduced-transparency: reduce) {
    #main-app.ev-inventory-bulk-receive .ev-receive-item-editor,
    .ev-receive-item-editor {
        background: var(--ev-frost-fill-light-solid) !important;
        background-color: var(--ev-frost-fill-light-solid) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

.ev-receive-batch-list-wrap {
    margin-top: 0.35rem;
}
#main-app.ev-inventory-bulk-receive #ev-receive-batch-tbody .result {
    grid-template-columns: auto 1fr auto auto;
    cursor: pointer;
}
#ev-receive-batch-tbody .ev-receive-row-tools {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.35rem;
    flex-shrink: 0;
    align-self: stretch;
}
#ev-receive-batch-tbody .ev-receive-row-edit {
    display: grid;
    place-items: center;
    width: 3.15rem;
    height: 3.15rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 0 0 1px rgba(77, 64, 58, 0.12);
    color: var(--mute);
    cursor: pointer;
    flex-shrink: 0;
}
#ev-receive-batch-tbody .ev-receive-row-edit.has-photo {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 0 0 1px rgba(77, 64, 58, 0.16);
}
#ev-receive-batch-tbody .ev-receive-row-edit .ev-batch-photo-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    border-radius: 0;
    background: color-mix(in srgb, var(--ev-khaki, #dfdacf) 40%, #fff);
}
#ev-receive-batch-tbody .ev-receive-row-edit .ev-batch-photo-thumb--empty {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--mute);
    font-size: 0.92rem;
}
#ev-receive-batch-tbody .ev-receive-row-edit:hover,
#ev-receive-batch-tbody .ev-receive-row-edit:focus-visible {
    color: var(--ink);
    background: rgba(255, 255, 255, 0.5);
}
#ev-receive-batch-tbody .ev-receive-row-remove {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: var(--ev-r-chip);
    background: transparent;
    color: var(--mute);
    cursor: pointer;
    flex-shrink: 0;
    align-self: flex-end;
}
#ev-receive-batch-tbody .ev-receive-row-remove:hover,
#ev-receive-batch-tbody .ev-receive-row-remove:focus-visible {
    color: var(--rose-dot, #c07068);
    background: color-mix(in srgb, var(--rose-dot, #c07068) 12%, transparent);
}
#ev-receive-batch-table-wrap .result:hover:not(.is-selected) {
    background: color-mix(in srgb, #cfe5d6 42%, var(--ev-frost-fill-light)) !important;
    background-image: none !important;
}
@media (max-width: 720px) {
    #main-app.ev-inventory-bulk-receive #ev-receive-batch-tbody .result {
        grid-template-columns: auto 1fr auto;
    }
    #ev-receive-batch-tbody .result__facts {
        grid-column: 1 / -1;
    }
    #ev-receive-batch-tbody .ev-receive-row-tools {
        grid-column: 3;
        grid-row: 1 / -1;
        justify-self: end;
        align-self: stretch;
    }
}
.ev-receive-flag {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
}
.ev-receive-flag input {
    margin: 0;
}
.ev-receive-recall-tag {
    color: var(--blue-dot, #6a88b0);
    font-weight: 650;
}
.ev-receive-batch-empty {
    padding: 1.4rem 1rem !important;
}

.ev-receive-review-title {
    font-weight: 700;
    color: var(--ink) !important;
}
.ev-receive-review-meta,
.ev-receive-loading-sub,
.ev-receive-finish-sub {
    color: var(--mute) !important;
}
.ev-receive-review-totals {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 0.45rem;
    font-size: 0.95rem;
}
.ev-receive-review-list {
    margin: 0.75rem 0;
}
.ev-receive-review-facts {
    grid-template-columns: auto 5.5rem 5.75rem !important;
}

/*
  Receive review — glass mixer: clear tinted pane (dates green, no smear blur)
  + frost chips. Beats .ev-wizard-finish carved well.
*/
#ev-receive-review-area.ev-receive-review.ev-wizard-finish,
#ev-receive-review-area.ev-receive-review,
#ev-receive-loading-screen.ev-receive-review.ev-wizard-finish,
#ev-receive-loading-screen.ev-receive-review,
#ev-label-qty-area.ev-label-qty {
    --ev-dates-glass: 34, 140, 78;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25rem 1.1rem 1.15rem !important;
    border-radius: 22px !important;
    background: color-mix(
        in srgb,
        rgb(var(--ev-dates-glass)) 10%,
        rgba(255, 255, 255, 0.14)
    ) !important;
    background-color: color-mix(
        in srgb,
        rgb(var(--ev-dates-glass)) 10%,
        rgba(255, 255, 255, 0.14)
    ) !important;
    background-image: none !important;
    -webkit-backdrop-filter: saturate(160%) brightness(1.08) !important;
    backdrop-filter: saturate(160%) brightness(1.08) !important;
    border: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        inset 0 -1px 0 rgba(var(--ev-dates-glass), 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.4),
        0 0 0 1px rgba(var(--ev-dates-glass), 0.16),
        0 18px 40px rgba(38, 38, 38, 0.1) !important;
    color: var(--ink) !important;
}
.ev-receive-review-head {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0 0.1rem 0.15rem;
}
.ev-receive-review-kicker {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, rgb(34, 140, 78) 42%, var(--ink, #4d403a));
}
.ev-receive-review-title {
    margin: 0;
    font-size: clamp(1.25rem, 2.6vw, 1.65rem);
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--ink) !important;
}
.ev-receive-review-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.75rem;
    margin-top: 0.35rem;
}
.ev-receive-review-meta {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 0 0 1px rgba(34, 140, 78, 0.14);
    color: var(--ink) !important;
    font-size: 0.78rem;
    font-weight: 650;
}
.ev-receive-review-totals {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 0.65rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    font-size: 0.95rem;
}
.ev-receive-review-totals strong {
    font-size: 1.15rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}
.ev-receive-review-list {
    margin: 0;
}
.ev-receive-review-list .results__list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}
#ev-receive-review-area .result,
#ev-label-qty-area .result {
    grid-template-columns: auto 1fr auto;
    cursor: default;
}
@media (max-width: 720px) {
    #ev-receive-review-area .result {
        grid-template-columns: auto 1fr;
    }
    #ev-receive-review-area .result__facts {
        grid-column: 1 / -1;
    }
}
@media (max-width: 575.98px) {
    #ev-receive-review-area.ev-receive-review.ev-wizard-finish,
    #ev-receive-review-area.ev-receive-review,
    #ev-receive-loading-screen.ev-receive-review.ev-wizard-finish,
    #ev-receive-loading-screen.ev-receive-review {
        padding: 1.05rem 0.85rem 1rem !important;
        border-radius: 18px !important;
    }
}
@media (prefers-reduced-transparency: reduce) {
    #ev-receive-review-area.ev-receive-review.ev-wizard-finish,
    #ev-receive-review-area.ev-receive-review,
    #ev-receive-loading-screen.ev-receive-review.ev-wizard-finish,
    #ev-receive-loading-screen.ev-receive-review,
    #ev-label-qty-area.ev-label-qty {
        background: var(--ev-frost-fill-light-solid, rgba(250, 248, 245, 0.94)) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

#main-app.ev-label-qty-open #inventory-table-card,
#main-app.ev-label-qty-open #ev-bulk-item-list {
    display: none !important;
}

#ev-receive-success-screen #ev-label-qty-area.ev-label-qty {
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.ev-label-qty-step {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    align-self: center;
}

.ev-label-qty-btn {
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 0 0 1px rgba(var(--taupe-rgb, 163, 150, 141), 0.22);
    color: var(--ink, #4d403a);
    font-size: 1.05rem;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
}

.ev-label-qty-btn:hover {
    filter: brightness(1.06);
}

.ev-label-qty-input {
    width: 2.4rem;
    height: 2rem;
    border: none;
    border-radius: 10px;
    background: rgba(223, 218, 207, 0.55);
    box-shadow: inset 0 1px 2px rgba(77, 64, 58, 0.12);
    color: var(--ink, #4d403a);
    font-size: 0.95rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    text-align: center;
    -moz-appearance: textfield;
}

.ev-label-qty-input::-webkit-outer-spin-button,
.ev-label-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ev-label-qty-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 0.35rem;
}

.ev-label-qty-back {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: rgba(255, 255, 255, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 0 0 1px rgba(var(--taupe-rgb, 163, 150, 141), 0.2);
    color: var(--ink, #4d403a);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 720px) {
    #ev-label-qty-area .result {
        grid-template-columns: auto 1fr;
    }
    #ev-label-qty-area .ev-label-qty-step {
        grid-column: 1 / -1;
        justify-self: end;
    }
}

/*
  Receive done — iPhone clear frost (no green juice).
  Beats .ev-wizard-finish carved well. Review / work pane stay green.
*/
#ev-receive-success-screen.ev-receive-done.ev-wizard-finish,
#ev-receive-success-screen.ev-receive-done {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25rem 1.1rem 1.15rem !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.22) !important;
    background-color: rgba(255, 255, 255, 0.22) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    border: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(255, 255, 255, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.5),
        0 0 0 1px rgba(77, 64, 58, 0.08),
        0 18px 40px rgba(38, 38, 38, 0.08) !important;
    color: var(--ink) !important;
}
#ev-receive-success-screen .ev-receive-review-kicker {
    color: color-mix(in srgb, var(--ink, #4d403a) 52%, var(--mute, #a3968d));
}
@media (max-width: 575.98px) {
    #ev-receive-success-screen.ev-receive-done.ev-wizard-finish,
    #ev-receive-success-screen.ev-receive-done {
        padding: 1.05rem 0.85rem 1rem !important;
        border-radius: 18px !important;
    }
}
@media (prefers-reduced-transparency: reduce) {
    #ev-receive-success-screen.ev-receive-done.ev-wizard-finish,
    #ev-receive-success-screen.ev-receive-done {
        background: var(--ev-frost-fill-light-solid, rgba(250, 248, 245, 0.94)) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}
.ev-receive-loading,
.ev-receive-finish {
    padding: 1.5rem 1.1rem !important;
}
.ev-receive-loading-inner,
.ev-receive-finish-header {
    text-align: center;
}
.ev-receive-loading-title,
.ev-receive-finish-title {
    color: var(--ink) !important;
    font-weight: 700;
    margin: 0.65rem 0 0.35rem;
}
#ev-receive-loading-screen .ev-receive-loading-title {
    margin: 0;
    font-size: clamp(1.25rem, 2.6vw, 1.65rem);
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
.ev-receive-loading-now {
    margin: 0.65rem 0 0.35rem;
    min-height: 1.35em;
    color: var(--ink) !important;
    font-size: 0.92rem;
    font-weight: 650;
    letter-spacing: -0.01em;
}
.ev-receive-loading-meter {
    position: relative;
    height: 0.62rem;
    margin-top: 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 0 0 1px rgba(34, 140, 78, 0.12);
    overflow: hidden;
}
.ev-receive-loading-meter::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.22) 48%,
        transparent 100%
    );
    background-size: 160% 100%;
    animation: ev-receive-meter-track 2.2s ease-in-out infinite;
}
.ev-receive-loading-meter-fill {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    width: 0;
    border-radius: inherit;
    overflow: hidden;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, rgb(34, 140, 78) 42%, #fff) 0%,
        color-mix(in srgb, rgb(34, 140, 78) 78%, #fff) 42%,
        color-mix(in srgb, rgb(34, 140, 78) 56%, #fff) 100%
    );
    background-size: 220% 100%;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 0 10px rgba(34, 140, 78, 0.22);
    transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    animation: ev-receive-meter-flow 1.5s linear infinite;
}
.ev-receive-loading-meter-fill::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -45%;
    width: 45%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.72) 50%,
        transparent 100%
    );
    animation: ev-receive-meter-sheen 1.15s ease-in-out infinite;
}
@keyframes ev-receive-meter-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}
@keyframes ev-receive-meter-sheen {
    0% { transform: translateX(0); }
    100% { transform: translateX(280%); }
}
@keyframes ev-receive-meter-track {
    0%, 100% { background-position: 0% 50%; opacity: 0.35; }
    50% { background-position: 100% 50%; opacity: 0.7; }
}
.ev-receive-loading-count {
    margin: 0.3rem 0 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: color-mix(in srgb, rgb(34, 140, 78) 42%, var(--ink, #4d403a));
}
.ev-receive-loading-log {
    list-style: none;
    margin: 0.15rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: min(46vh, 22rem);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.ev-receive-loading-row {
    display: grid;
    grid-template-columns: 0.7rem auto 1fr;
    align-items: center;
    gap: 0.45rem 0.55rem;
    min-height: 2.35rem;
    padding: 0.4rem 0.7rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 0 0 1px rgba(34, 140, 78, 0.1);
}
.ev-receive-loading-dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ink, #4d403a) 28%, transparent);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35);
}
.ev-receive-loading-row.is-working .ev-receive-loading-dot {
    background: color-mix(in srgb, rgb(34, 140, 78) 70%, #fff);
    animation: ev-receive-dot-pulse 0.9s ease-in-out infinite;
}
@keyframes ev-receive-dot-pulse {
    0%, 100% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.28); opacity: 1; }
}
.ev-receive-loading-row.is-ok .ev-receive-loading-dot {
    background: rgb(34, 140, 78);
}
.ev-receive-loading-row.is-held .ev-receive-loading-dot {
    background: var(--amber-dot, #c4a15a);
}
.ev-receive-loading-row.is-fail .ev-receive-loading-dot {
    background: var(--rose-dot, #c45b5b);
}
.ev-receive-loading-sku {
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.02em;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
}
.ev-receive-loading-row-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}
.ev-receive-loading-row-body strong {
    font-size: 0.86rem;
    font-weight: 650;
    color: var(--ink);
}
.ev-receive-loading-row-body span {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mute);
}
@media (max-width: 575.98px) {
    .ev-receive-loading-log {
        max-height: min(42vh, 18rem);
    }
    .ev-receive-loading-row {
        grid-template-columns: 0.7rem 1fr;
    }
    .ev-receive-loading-sku {
        grid-column: 2;
    }
    .ev-receive-loading-row-body {
        grid-column: 2;
    }
}
.ev-receive-finish-actions {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    max-width: 22rem;
    margin: 1.1rem auto 0;
}
.ev-receive-finish-warn {
    color: var(--amber-dot) !important;
    margin-top: 0.75rem !important;
}
#ev-receive-success-screen .ev-receive-finish-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    text-align: center;
}
#ev-receive-success-screen .ev-receive-finish-title {
    margin: 0;
    font-size: clamp(1.25rem, 2.6vw, 1.65rem);
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--ink) !important;
}
#ev-receive-success-screen .ev-receive-finish-sub {
    margin: 0.35rem 0 0;
    max-width: 26rem;
    color: var(--mute) !important;
    font-size: 0.9rem;
    font-weight: 550;
}
#ev-receive-success-screen .ev-receive-finish-icon {
    display: none;
}
#main-app #ev-receive-success-screen .ev-finish-action-btn,
#main-app #ev-receive-success-screen .ev-finish-action-btn--memo,
#main-app #ev-receive-success-screen .ev-finish-action-btn--shopify,
#main-app #ev-receive-success-screen .ev-wizard-finish-done {
    appearance: none;
    border: none !important;
    border-radius: 999px !important;
    min-height: 2.65rem;
    padding: 0.55rem 1.15rem !important;
    background: rgba(255, 255, 255, 0.42) !important;
    background-color: rgba(255, 255, 255, 0.42) !important;
    color: var(--ink, #4d403a) !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    transform: none !important;
    -webkit-backdrop-filter: blur(12px) saturate(170%) brightness(1.04);
    backdrop-filter: blur(12px) saturate(170%) brightness(1.04);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(77, 64, 58, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.4),
        0 0 0 1px rgba(77, 64, 58, 0.12) !important;
}
#main-app #ev-receive-success-screen .ev-finish-action-btn:hover:not(:disabled),
#main-app #ev-receive-success-screen .ev-finish-action-btn--memo:hover:not(:disabled),
#main-app #ev-receive-success-screen .ev-finish-action-btn--shopify:hover:not(:disabled),
#main-app #ev-receive-success-screen .ev-wizard-finish-done:hover:not(:disabled) {
    transform: none !important;
    box-shadow:
        var(--recessed, inset 2px 2px 6px rgba(77, 64, 58, 0.16)),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
@media (prefers-reduced-motion: reduce) {
    .ev-receive-loading-meter::after,
    .ev-receive-loading-meter-fill,
    .ev-receive-loading-meter-fill::after,
    .ev-receive-loading-row.is-working .ev-receive-loading-dot {
        animation: none !important;
    }
}

/* Soft green frame while receiving — whisper, not neon HUD */
#main-app.ev-inventory-bulk-receive {
    box-shadow: none !important;
}
#main-app.ev-inventory-bulk-receive #ev-main-content {
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ─────────── Phase 3: Wizards / finish ─────────── */
#ev-bulk-wizard,
.ev-bulk-wizard,
.ev-wizard-finish {
    background: var(--well) !important;
    border-radius: 22px !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}

.ev-bulk-wizard-fields {
    background: var(--surface) !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important;
    padding: 1rem 1.05rem !important;
    margin-bottom: 0.85rem;
}

.ev-bulk-wizard-fields .form-control,
.ev-bulk-wizard-fields .form-select,
.ev-wizard-input,
.ev-wizard-textarea {
    background: var(--well) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}

.ev-bulk-wizard-summary {
    background: var(--surface) !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important;
    padding: 0.85rem 1rem !important;
    margin-bottom: 0.85rem;
}

.ev-wizard-settle-memo {
    font-size: 0.92rem;
    color: var(--ink);
    margin-bottom: 0.85rem;
}
.ev-wizard-settle-memo strong {
    font-weight: 700;
}
.ev-wizard-settle-rows {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.ev-wizard-settle-row {
    background: var(--well);
    border-radius: 16px;
    box-shadow: var(--recessed);
    padding: 0.75rem 0.85rem;
}
.ev-wizard-settle-row-top {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.55rem;
}
.ev-wizard-settle-sku {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.ev-wizard-settle-desc {
    color: var(--mute);
    font-size: 0.82rem;
    margin-top: 0.12rem;
}
.ev-wizard-settle-price {
    font-variant-numeric: tabular-nums;
    font-size: 0.82rem;
    color: var(--mute);
    white-space: nowrap;
}
.ev-wizard-settle-outcomes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.ev-wizard-settle-out {
    border: 0;
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 650;
    background: var(--surface);
    color: var(--mute);
    box-shadow: var(--raised-sm);
    cursor: pointer;
}
.ev-wizard-settle-out.is-on {
    color: var(--ink);
    box-shadow: var(--recessed);
}
.ev-wizard-settle-out[data-outcome="returned"].is-on {
    background: color-mix(in srgb, var(--blue-dot, #6a88b0) 22%, var(--surface));
}
.ev-wizard-settle-out[data-outcome="sold"].is-on {
    background: color-mix(in srgb, var(--violet-dot, #9a7aad) 22%, var(--surface));
}
.ev-wizard-settle-out[data-outcome="gift"].is-on {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 20%, var(--surface));
}
.ev-wizard-settle-sold-price {
    margin-top: 0.55rem;
}
.ev-wizard-settle-sold-price .ev-wizard-label {
    margin-bottom: 0.25rem;
}

.ev-wizard-btn-confirm,
.ev-wizard-btn-back,
.ev-finish-action-btn,
.ev-finish-action-btn--memo {
    border: none !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 700 !important;
    filter: none !important;
}
.ev-wizard-btn-back {
    color: var(--mute) !important;
    font-weight: 650 !important;
}
.ev-wizard-btn-confirm:hover:not(:disabled),
.ev-wizard-btn-back:hover:not(:disabled),
.ev-finish-action-btn:hover:not(:disabled),
.ev-finish-action-btn--memo:hover:not(:disabled) {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
    filter: none !important;
    transform: none !important;
}
.ev-finish-action-btn--shopify {
    background: color-mix(in srgb, #95bf46 22%, var(--surface)) !important;
}
.ev-finish-action-btn--shopify:hover:not(:disabled) {
    background: color-mix(in srgb, #95bf46 32%, var(--surface)) !important;
}

.ev-wizard-finish-done {
    background: linear-gradient(180deg, #3a3a42 0%, #222228 100%) !important;
    color: #f2f2f5 !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow:
        4px 5px 12px rgba(0, 0, 0, 0.35),
        -2px -2px 6px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-weight: 700 !important;
    min-height: 2.85rem;
    padding: 0.65rem 1.4rem !important;
    transform: none !important;
}
.ev-wizard-finish-done:hover {
    background: linear-gradient(180deg, #2e2e36 0%, #1a1a20 100%) !important;
    box-shadow:
        inset 4px 5px 10px rgba(0, 0, 0, 0.55),
        inset -2px -2px 6px rgba(255, 255, 255, 0.05) !important;
    transform: none !important;
}

.ev-wizard-finish-icon {
    color: var(--green-dot) !important;
}

/* ─── Edit item modal — proportional layout ─── */
#editItemModal .modal-content,
#editItemModal .modal-body {
    overflow: visible !important;
}
#editItemModal .modal-header {
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 1.05rem 1.25rem 0.9rem !important;
}
#editItemModal .modal-title {
    gap: 0.55rem !important;
    min-width: 0;
    line-height: 1.2 !important;
}
#editItemModal .modal-title > i {
    font-size: 0.95rem;
    color: var(--mute);
    flex: 0 0 auto;
}
#editItemModal .modal-title .ev-item-card-sku-chip {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: min(100%, 16rem) !important;
    margin: 0 !important;
    padding: 0.3rem 0.72rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    flex: 0 1 auto;
}
#editItemModal .modal-body {
    position: relative;
    z-index: 1;
    padding: 0.35rem 1.25rem 1.15rem !important;
}
#editItemModal .ev-edit-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#editItemModal .ev-item-edit-field {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
#editItemModal .ev-item-edit-field > .form-label {
    margin: 0 !important;
    padding: 0 !important;
}
#editItemModal .ev-edit-row {
    display: grid;
    gap: 0.85rem 1rem;
    align-items: start;
}
#editItemModal .ev-edit-row--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
#editItemModal .ev-edit-row--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 575.98px) {
    #editItemModal .ev-edit-row--2,
    #editItemModal .ev-edit-row--3 {
        grid-template-columns: 1fr;
    }
}
/* Shared control height: money inputs, rising selects, cost-code chip */
#editItemModal .ev-edit-money,
#editItemModal .ev-rising-select-btn,
#editItemModal .ev-edit-cost-code {
    min-height: 2.85rem !important;
    height: 2.85rem !important;
    box-sizing: border-box !important;
}
#editItemModal .ev-edit-money {
    display: flex !important;
    align-items: center !important;
    padding: 0 0.95rem !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 650 !important;
}
#editItemModal .ev-edit-cost-code {
    display: flex !important;
    align-items: center !important;
    padding: 0 0.95rem !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    box-shadow: var(--recessed) !important;
}
#editItemModal .ev-edit-cost-code span {
    font-family: 'Share Tech Mono', ui-monospace, Menlo, Consolas, monospace !important;
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    color: var(--ink) !important;
    font-variant-numeric: tabular-nums !important;
}
/* Description + More details: same well height, no drag handle */
#editItemModal .ev-desc-mirror-wrap,
#editItemModal .ev-edit-textarea {
    min-height: 5.5rem !important;
}
#editItemModal .ev-edit-textarea {
    resize: none !important;
    padding: 0.65rem 0.85rem !important;
    line-height: 1.45 !important;
}
#editItemModal .ev-desc-limit-hint {
    margin: 0 !important;
    min-height: 1.25rem;
    font-size: 0.82rem !important;
}
#editItemModal .ev-edit-footer {
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.9rem 1.25rem calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
}
#editItemModal .ev-edit-footer .btn {
    min-height: 2.85rem !important;
    padding: 0.55rem 1.2rem !important;
    border-radius: 999px !important;
    margin: 0 !important;
}
#editItemModal .ev-edit-save-btn,
.ev-edit-save-btn {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 22%, var(--surface)) !important;
    color: #1e3228 !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 38%, transparent) !important;
    min-width: 9.5rem !important;
}
#editItemModal .ev-edit-save-btn:hover:not(:disabled),
.ev-edit-save-btn:hover:not(:disabled),
#editItemModal .ev-edit-save-btn:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--green-dot, #5a9a6e) 34%, var(--surface)) !important;
    color: #14241c !important;
    box-shadow:
        var(--recessed),
        0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 50%, transparent) !important;
    transform: translateY(-1px) !important;
}

/*
 * Edit modal depth (neo):
 *   raised dialog float → raised form pad → recessed field wells.
 * No cream/gold frames; focus ring stays cool gray.
 */
#editItemModal .modal-content {
    background: var(--well, var(--well)) !important;
    border: none !important;
    outline: none !important;
    border-radius: 22px !important;
    box-shadow: var(--raised) !important; /* float above the blur */
}
#editItemModal .modal-header,
#editItemModal .modal-body,
#editItemModal .modal-footer {
    background: transparent !important;
    border: none !important;
    outline: none !important;
}
#editItemModal .ev-edit-form {
    background: var(--surface, #faf8f5) !important;
    border: none !important;
    outline: none !important;
    border-radius: 18px !important;
    box-shadow: var(--raised-sm) !important; /* raised pad inside the shell */
    padding: 1.05rem 1.1rem !important;
}
#editItemModal .form-label,
#editItemModal label.form-label {
    color: var(--mute, #6a6a72) !important;
    background: transparent !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    font-size: 0.78rem !important;
    font-weight: 650 !important;
}
/* Carved wells — slightly darker than the raised pad */
#editItemModal .form-control,
#editItemModal .ev-edit-money,
#editItemModal .ev-edit-textarea,
#editItemModal .ev-rising-select-btn,
#editItemModal .ev-edit-cost-code,
#editItemModal .ev-desc-mirror-wrap {
    border: none !important;
    outline: none !important;
    background: var(--well, var(--well)) !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink, #1a1a20) !important;
}
#editItemModal .ev-desc-mirror-wrap {
    background: var(--well, var(--well)) !important;
}
#editItemModal .form-control:focus,
#editItemModal .form-control:focus-visible,
#editItemModal .ev-edit-money:focus,
#editItemModal .ev-edit-textarea:focus,
#editItemModal .ev-rising-select-btn:focus-visible,
#editItemModal .ev-rising-select.is-open .ev-rising-select-btn {
    border: none !important;
    outline: none !important;
    background: color-mix(in srgb, #fff 35%, var(--well, var(--well))) !important;
    box-shadow:
        var(--recessed),
        0 0 0 2px rgba(26, 26, 30, 0.12) !important;
}
#editItemModal .form-control:-webkit-autofill,
#editItemModal .form-control:-webkit-autofill:hover,
#editItemModal .form-control:-webkit-autofill:focus,
#editItemModal input:-webkit-autofill,
#editItemModal input:-webkit-autofill:hover,
#editItemModal input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--ink, #1a1a20) !important;
    caret-color: var(--ink, #1a1a20) !important;
    box-shadow: var(--recessed), inset 0 0 0 1000px var(--well, var(--well)) !important;
    transition: background-color 99999s ease-out;
}
#editItemModal .modal-title .ev-item-card-sku-chip,
#editItemModal .ev-item-card-sku-chip {
    background: var(--surface, #faf8f5) !important;
    color: var(--ink, #1a1a20) !important;
    border: none !important;
    box-shadow: var(--raised-sm) !important;
}
#editItemModal .ev-desc-textarea,
#editItemModal textarea.ev-desc-textarea,
#editItemModal .form-control.ev-desc-textarea {
    background: transparent !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    box-shadow: none !important;
}
#editItemModal .btn-secondary,
#editItemModal .btn-close {
    background: var(--surface, #faf8f5) !important;
    color: var(--ink, #1a1a20) !important;
    border: none !important;
    box-shadow: var(--raised-sm) !important;
}
#editItemModal .btn-secondary:hover:not(:disabled),
#editItemModal .btn-close:hover {
    box-shadow: var(--recessed) !important;
}
#editItemModal .ev-edit-save-btn {
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 38%, transparent) !important;
}
#editItemModal .ev-rising-select-menu {
    box-shadow: var(--raised) !important;
}

/* Rising selects (jewelry type / location) — menu opens upward, filter-menu language */
.ev-rising-select {
    position: relative;
}
.ev-rising-select-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.65rem !important;
    width: 100% !important;
    min-height: 2.75rem !important;
    padding: 0.55rem 0.95rem !important;
    border: none !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    font-weight: 650 !important;
    box-shadow: var(--recessed) !important;
    text-align: left !important;
}
.ev-rising-select.is-open .ev-rising-select-btn,
.ev-rising-select-btn:hover,
.ev-rising-select-btn:focus-visible {
    box-shadow: var(--raised-sm) !important;
    background: color-mix(in srgb, var(--mute) 6%, var(--surface)) !important;
}
.ev-rising-select-caret {
    font-size: 0.75rem !important;
    color: var(--mute) !important;
    transition: transform 0.15s ease;
}
.ev-rising-select.is-open .ev-rising-select-caret {
    transform: rotate(180deg);
}
.ev-rising-select-menu {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: calc(100% + 0.4rem);
    z-index: 30;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
    padding: 0.55rem 0.6rem !important;
    border-radius: 18px !important;
    background: var(--surface) !important;
    box-shadow: var(--raised) !important;
    max-height: min(16rem, 45vh);
    overflow: auto;
}
.ev-rising-select-menu.d-none {
    display: none !important;
}
.ev-rising-select-menu .inv-filter-btn {
    display: flex !important;
    width: 100% !important;
    min-height: 2.35rem !important;
    padding: 0.45rem 0.85rem !important;
    border: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--mute) !important;
    font-weight: 550 !important;
    text-align: left !important;
    box-shadow: none !important;
}
.ev-rising-select-menu .inv-filter-btn:hover,
.ev-rising-select-menu .inv-filter-btn:focus-visible {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
}
.ev-rising-select-menu .inv-filter-btn.active {
    background: var(--surface) !important;
    color: var(--ink) !important;
    font-weight: 750 !important;
    box-shadow: var(--raised-sm) !important;
}

/* Description limit UI (field chrome locked after modal form-control rules below) */
.ev-desc-limit-hint {
    line-height: 1.4;
    color: var(--mute) !important;
}
.ev-desc-limit-count {
    white-space: nowrap;
}
.ev-desc-limit-hint .text-danger {
    color: #b42318 !important;
    font-weight: 650;
}
.ev-desc-max-input {
    width: 3.4rem !important;
    display: inline-block !important;
    margin: 0 0.15rem !important;
    padding: 0.1rem 0.3rem !important;
    border: none !important;
    border-radius: 8px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    box-shadow: var(--recessed) !important;
    text-align: center;
    vertical-align: baseline;
}
.ev-desc-limit-hint .text-danger .ev-desc-max-input {
    color: #b42318 !important;
}

/* ─── Dialog / settings recipe (carved shell = search tray + results) ─── */
/*
 * Dock (.ev-sidebar) and item slip sit at 1050–1060. Bootstrap’s default
 * modal (1055) / backdrop (1050) lose to the dock on narrow viewports —
 * Edit item gets clipped under the rail. Lift dialogs above chrome.
 */
.modal {
    z-index: 1220 !important;
}
.modal-backdrop,
.modal-backdrop.show {
    z-index: 1210 !important;
}

/* Clear frost veil — blur only, almost no fill tint */
.modal-backdrop.show {
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(3px) saturate(1);
    -webkit-backdrop-filter: blur(3px) saturate(1);
    opacity: 1 !important;
}

/*
  Modal open — PUNCH policy (AGENTS.md § Desktop L shell).
  JS: EvDockL.exclude(backdrop) punches L clear through the veil.
  Stack: backdrop ~1040 · dock ~1215 · arm-slot ~1217 · dialog ~1220.
  Frost + Kelvin stay one unit; no layout jump.
*/
body.modal-open:has(#main-app.ev-dock-l) .modal-backdrop,
body.modal-open:has(#main-app.ev-dock-l) .modal-backdrop.show {
    z-index: 1040 !important;
}
body.modal-open #main-app.ev-dock-l > .ev-sidebar.ev-oval {
    z-index: 1215 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}
body.modal-open #main-app.ev-dock-l > .ev-sidebar.ev-oval > .ev-dock-l-kelvin {
    opacity: 1 !important;
    visibility: visible !important;
}
body.modal-open #main-app.ev-dock-l > .ev-dock-arm-slot {
    z-index: 1217 !important;
    pointer-events: none !important;
}
body.modal-open #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-brand,
body.modal-open #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-nav-main,
body.modal-open #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-account,
body.modal-open #main-app.ev-dock-l > .ev-sidebar.ev-oval .ev-sidebar-meta {
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Soft-dim oval rail only (non-L) while a Bootstrap modal is open */
body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.16s ease;
}
body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-sidebar-brand,
body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-nav-main,
body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-sidebar-account,
body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-sidebar-meta {
    filter: blur(2.5px) saturate(0.85) !important;
    opacity: 0.5;
    pointer-events: none;
    transition: opacity 0.16s ease, filter 0.16s ease;
}
body.modal-open #main-app > .ev-sidebar-hide-rail,
body.modal-open #main-app > .ev-sidebar-edge {
    opacity: 0.35;
    pointer-events: none;
}
body.modal-open #main-app > .ev-item-slip {
    filter: blur(1.5px) saturate(0.9);
    pointer-events: none;
    transition: filter 0.16s ease;
}
@media (prefers-reduced-motion: reduce) {
    body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-sidebar-brand,
    body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-nav-main,
    body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-sidebar-account,
    body.modal-open #main-app:not(.ev-dock-l) > .ev-sidebar.ev-oval .ev-sidebar-meta,
    body.modal-open #main-app > .ev-item-slip {
        transition: none;
        filter: none !important;
    }
    .modal-backdrop.show {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

.modal-content,
.modal-content.bg-dark,
.modal-content.bg-secondary {
    background: var(--well) !important;
    border: none !important;
    border-radius: 22px !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
    overflow: hidden;
}

.modal-header,
.modal-footer {
    border-color: rgba(26, 26, 30, 0.06) !important;
    background: transparent !important;
    color: var(--ink) !important;
}

.modal-header {
    padding: 1rem 1.15rem 0.85rem !important;
}

.modal-title,
.modal-title.text-gold,
.modal-title.text-info {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    letter-spacing: -0.01em;
}

.modal-title .text-gold,
.modal-header .text-gold {
    color: var(--amber-dot) !important;
}

.modal-body {
    color: var(--ink) !important;
    padding: 0.85rem 1.15rem 1.1rem !important;
}

.modal-footer {
    padding: 0.85rem 1.15rem calc(0.95rem + env(safe-area-inset-bottom, 0px)) !important;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.modal-content .btn-close,
.modal-content .btn-close-white {
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    margin: 0;
    border-radius: 999px !important;
    background-color: var(--surface) !important;
    box-shadow: var(--raised-sm) !important;
    opacity: 1 !important;
    background-image: none !important;
    position: relative;
    filter: none !important;
}
.modal-content .btn-close::before,
.modal-content .btn-close-white::before {
    content: '×';
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    color: var(--mute);
}
.modal-content .btn-close:hover,
.modal-content .btn-close-white:hover {
    box-shadow: var(--recessed) !important;
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
}
.modal-content .btn-close:hover::before,
.modal-content .btn-close-white:hover::before {
    color: var(--ink);
}

/* Recessed fields sitting in the carved dialog well */
.modal-content .form-control,
.modal-content .form-select,
.modal-content textarea.form-control,
.modal-content .form-control.bg-secondary,
.modal-content .form-select.bg-secondary,
.ev-auth-overlay-panel .form-control.bg-secondary {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}
.modal-content .form-control:focus,
.modal-content .form-select:focus {
    box-shadow:
        var(--recessed),
        0 0 0 2px color-mix(in srgb, var(--amber-dot, #c4a04a) 35%, transparent) !important;
    outline: none !important;
}

/*
 * Description mirror — MUST follow modal .form-control rules.
 * Textarea stays transparent; mirror paints high-contrast ink on a light well
 * so body text never disappears into the surface.
 */
.ev-desc-mirror-wrap,
.modal-content .ev-desc-mirror-wrap,
#editItemModal .ev-desc-mirror-wrap {
    position: relative !important;
    border-radius: 14px !important;
    background: #e8e8ec !important;
    box-shadow: var(--recessed) !important;
}
.ev-desc-mirror-wrap .ev-desc-mirror,
.ev-desc-mirror-wrap .ev-desc-textarea,
.modal-content .ev-desc-mirror-wrap .ev-desc-mirror,
.modal-content .ev-desc-mirror-wrap .ev-desc-textarea {
    font: inherit !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    letter-spacing: inherit !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    min-height: 5.25rem !important;
    padding: 0.65rem 0.85rem !important;
    border-radius: 14px !important;
    border: none !important;
}
.ev-desc-mirror,
.modal-content .ev-desc-mirror,
#editItemModal .ev-desc-mirror {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1a1a20 !important;
}
.ev-desc-mirror .ev-desc-ok,
.modal-content .ev-desc-mirror .ev-desc-ok {
    color: #1a1a20 !important;
}
.ev-desc-mirror .ev-desc-over,
.modal-content .ev-desc-mirror .ev-desc-over {
    color: #b42318 !important;
    font-size: 0.88em !important;
    font-weight: 700 !important;
}
.ev-desc-textarea,
.modal-content textarea.ev-desc-textarea,
.modal-content .form-control.ev-desc-textarea,
#editItemModal textarea.ev-desc-textarea,
#editItemModal .form-control.ev-desc-textarea,
.ev-receive-item-editor textarea.ev-desc-textarea,
.ev-receive-item-editor .form-control.ev-desc-textarea {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    caret-color: #1a1a20 !important;
    box-shadow: none !important;
    resize: none !important;
}
/* Batch receive editor: keep mirror ink above the well (mobile Safari). */
.ev-receive-item-editor .ev-desc-mirror,
.ev-receive-item-editor .ev-desc-mirror .ev-desc-ok {
    color: #1a1a20 !important;
}
.ev-receive-item-editor .ev-desc-mirror .ev-desc-over {
    color: #b42318 !important;
}
#editItemModal #edit-more-details,
#editItemModal textarea#edit-more-details {
    resize: none !important;
}
.ev-desc-mirror-wrap.is-over,
.modal-content .ev-desc-mirror-wrap.is-over {
    box-shadow:
        var(--recessed),
        0 0 0 1px color-mix(in srgb, #b42318 45%, transparent) !important;
}
.modal-content .form-label,
.modal-content .form-check-label,
.modal-content .form-text,
.modal-content .small,
.modal-content .text-muted {
    color: var(--mute) !important;
}
.modal-content .form-label.text-gold,
.modal-content label.text-gold {
    color: var(--mute) !important;
    font-weight: 650 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.72rem !important;
}
.modal-content .form-check-input {
    background-color: var(--surface) !important;
    border: none !important;
    box-shadow: var(--recessed) !important;
}
.modal-content .form-check-input:checked {
    background-color: color-mix(in srgb, var(--amber-dot, #c4a04a) 55%, var(--surface)) !important;
    box-shadow: var(--raised-sm) !important;
}

/* Raised section cards inside long settings / directories */
.modal-content .ev-modal-section,
.ev-auth-overlay-panel .ev-modal-section {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important;
    padding: 0.9rem 1rem !important;
    margin-bottom: 0.85rem;
}
.modal-content .ev-modal-section > :last-child {
    margin-bottom: 0 !important;
}
.modal-content hr,
.modal-content hr.border-secondary {
    border: none !important;
    border-top: 1px solid rgba(26, 26, 30, 0.08) !important;
    opacity: 1 !important;
    margin: 1rem 0 !important;
}

/* Modal action pills */
.modal-content .btn,
.ev-auth-overlay-panel .btn {
    border-radius: 999px !important;
    font-weight: 650 !important;
}
.modal-content .btn-secondary,
.modal-content .btn-outline-light,
.modal-content .btn-outline-secondary {
    background: var(--surface) !important;
    border: none !important;
    color: var(--mute) !important;
    box-shadow: var(--raised-sm) !important;
}
.modal-content .btn-secondary:hover,
.modal-content .btn-outline-light:hover,
.modal-content .btn-outline-secondary:hover {
    color: var(--ink) !important;
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
}
.modal-content .btn-outline-danger,
.modal-content .btn-outline-warning {
    background: var(--surface) !important;
    border: none !important;
    box-shadow: var(--raised-sm) !important;
}
.modal-content .btn-outline-danger {
    color: #b04840 !important;
}
.modal-content .btn-outline-warning {
    color: #8a6b11 !important;
}
.modal-content .btn-danger {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 28%, var(--surface)) !important;
    border: none !important;
    color: #3a201e !important;
    box-shadow: var(--raised-sm) !important;
}
.modal-content .btn-primary {
    background: var(--surface) !important;
    border: none !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
}
.modal-content .btn-primary:hover:not(:disabled),
.modal-content .btn-danger:hover:not(:disabled),
.modal-content .btn-outline-danger:hover:not(:disabled),
.modal-content .btn-outline-warning:hover:not(:disabled) {
    box-shadow: var(--recessed) !important;
    transform: none !important;
}
.modal-content .btn-primary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
}
.modal-content .btn-danger:hover:not(:disabled) {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 38%, var(--surface)) !important;
}
.modal-content .alert {
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--recessed) !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
}
.modal-content .list-group,
.modal-content .list-group-item {
    background: transparent !important;
    border-color: rgba(26, 26, 30, 0.06) !important;
    color: var(--ink) !important;
}
.modal-content .table,
.modal-content .table td,
.modal-content .table th {
    color: var(--ink) !important;
    border-color: rgba(26, 26, 30, 0.08) !important;
}

@media (max-width: 575.98px) {
    .modal-dialog:not(.modal-fullscreen-sm-down) {
        margin: 0.65rem !important;
    }
    .modal-fullscreen-sm-down .modal-content {
        border-radius: 0 !important;
        min-height: 100%;
    }
    .modal-footer {
        position: sticky;
        bottom: 0;
        background: color-mix(in srgb, var(--well) 92%, transparent) !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        z-index: 2;
    }
}

.dropdown-menu {
    background: var(--well) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--recessed) !important;
    padding: 0.4rem !important;
}

.dropdown-menu .dropdown-item {
    border-radius: 999px !important;
    color: var(--ink) !important;
    font-weight: 500;
}
.dropdown-menu .dropdown-item:hover:not(.ev-item-card-menu-item),
.dropdown-menu .dropdown-item:focus:not(.ev-item-card-menu-item) {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    box-shadow: var(--recessed);
    color: var(--ink) !important;
}

/* More actions options — tone hover after generic dropdown:hover so color wins */
body > .ev-item-card-more-menu .ev-item-card-menu-item:hover:not(:disabled),
body > .ev-item-card-more-menu .ev-item-card-menu-item:focus-visible:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item:hover:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item:focus-visible:not(:disabled) {
    box-shadow: var(--recessed) !important;
}

body > .ev-item-card-more-menu .ev-item-card-menu-item--return:hover:not(:disabled),
body > .ev-item-card-more-menu .ev-item-card-menu-item--return:focus-visible:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--return:hover:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--return:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 36%, var(--surface)) !important;
    color: #3a201e !important;
}

body > .ev-item-card-more-menu .ev-item-card-menu-item--consign:hover:not(:disabled),
body > .ev-item-card-more-menu .ev-item-card-menu-item--consign:focus-visible:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--consign:hover:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--consign:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--amber-dot, #c4a04a) 38%, var(--surface)) !important;
    color: #3a3018 !important;
}

body > .ev-item-card-more-menu .ev-item-card-menu-item--settle:hover:not(:disabled),
body > .ev-item-card-more-menu .ev-item-card-menu-item--settle:focus-visible:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--settle:hover:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--settle:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--blue-dot, #6a88b0) 36%, var(--surface)) !important;
    color: #243044 !important;
}

body > .ev-item-card-more-menu .ev-item-card-menu-item--repair:hover:not(:disabled),
body > .ev-item-card-more-menu .ev-item-card-menu-item--repair:focus-visible:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--repair:hover:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--repair:focus-visible:not(:disabled) {
    background: color-mix(in srgb, #d47830 36%, var(--surface)) !important;
    color: #3a2410 !important;
}

body > .ev-item-card-more-menu .ev-item-card-menu-item--sold:hover:not(:disabled),
body > .ev-item-card-more-menu .ev-item-card-menu-item--sold:focus-visible:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--sold:hover:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--sold:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--violet-dot, #9a7aad) 36%, var(--surface)) !important;
    color: #2e2238 !important;
}

body > .ev-item-card-more-menu .ev-item-card-menu-item--status:hover:not(:disabled),
body > .ev-item-card-more-menu .ev-item-card-menu-item--status:focus-visible:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--status:hover:not(:disabled),
.ev-item-card-more-menu .ev-item-card-menu-item--status:focus-visible:not(:disabled) {
    background: color-mix(in srgb, var(--blue-dot, #6a88b0) 36%, var(--surface)) !important;
    color: #1e2a38 !important;
}

/* Location picker — city colors (Dallas blue · Aspen green · Palm Beach pink) */
.ev-auth-overlay-panel .btn-location {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 16px !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-weight: 650 !important;
    text-align: left;
}
.ev-auth-overlay-panel .btn-location--dal:hover {
    background: color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 22%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    color: #1e2a38 !important;
    transform: none !important;
}
.ev-auth-overlay-panel .btn-location--asp:hover {
    background: color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 22%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    color: #1e3228 !important;
    transform: none !important;
}
.ev-auth-overlay-panel .btn-location--pb:hover {
    background: color-mix(in srgb, var(--ev-loc-pb, #c87890) 22%, var(--surface)) !important;
    box-shadow: var(--recessed) !important;
    color: #3a1e2a !important;
    transform: none !important;
}
.ev-auth-overlay-panel .btn-location.selected {
    font-weight: 750 !important;
}
.ev-auth-overlay-panel .btn-location--dal.selected {
    background: color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 32%, var(--surface)) !important;
    color: #1e2a38 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 40%, transparent),
        0 6px 14px color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 22%, transparent) !important;
}
.ev-auth-overlay-panel .btn-location--asp.selected {
    background: color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 34%, var(--surface)) !important;
    color: #1e3228 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 42%, transparent),
        0 6px 14px color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 22%, transparent) !important;
}
.ev-auth-overlay-panel .btn-location--pb.selected {
    background: color-mix(in srgb, var(--ev-loc-pb, #c87890) 34%, var(--surface)) !important;
    color: #3a1e2a !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--ev-loc-pb, #c87890) 42%, transparent),
        0 6px 14px color-mix(in srgb, var(--ev-loc-pb, #c87890) 22%, transparent) !important;
}
.ev-auth-overlay-panel .badge.bg-gold,
.modal-content .badge.bg-gold {
    background: color-mix(in srgb, var(--amber-dot, #c4a04a) 22%, var(--surface)) !important;
    color: #3a3018 !important;
    border: none !important;
    box-shadow: var(--recessed) !important;
    font-weight: 700;
}
.ev-auth-overlay-panel h4,
.ev-auth-overlay-panel h5 {
    color: var(--ink) !important;
    font-weight: 700 !important;
}

/* Nested form card — Edit item uses flat .ev-edit-form (no inner gold/cream pad) */
#vendorDetailModal #vendor-modal-form,
#newVendorModal .modal-body form,
#consigneeContactModal .modal-body form,
#repairShopContactModal .modal-body form {
    background: var(--surface) !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important;
    padding: 1rem 1.05rem !important;
}
/* Form pad depth is owned by the Edit modal lock block above */

#bulkReturnReviewModal .list-group,
#bulkStatusReviewModal .list-group,
#consigneeDirectoryModal .list-group,
#repairShopDirectoryModal .list-group {
    background: var(--surface) !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important;
    overflow: hidden;
}

.modal-content .table-dark,
.modal-content table.table-dark {
    --bs-table-bg: transparent !important;
    --bs-table-color: var(--ink) !important;
    --bs-table-border-color: rgba(26, 26, 30, 0.08) !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--raised-sm);
}

.modal-content.border-secondary {
    border: none !important;
}

.modal-title.text-danger,
.modal-title.text-success,
.modal-title.text-warning {
    color: var(--ink) !important;
}

.modal-content .ev-btn-purple {
    background: color-mix(in srgb, var(--ev-status-sold, #9a7aad) 22%, var(--surface)) !important;
    border: none !important;
    color: #2e2238 !important;
    box-shadow: var(--raised-sm) !important;
    border-radius: 999px !important;
}

/* Soft dim behind open dropdowns — click-catch feel, no milk over crest */
.inventory-search-panel--hud:has(.dropdown-menu.show)::after {
    content: '';
    position: fixed;
    inset: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    z-index: 1000;
    pointer-events: none;
}
.inventory-search-panel--hud .dropdown-menu.show {
    z-index: 1101;
}

/* ─────────── Phase 4: Sections ─────────── */
#main-app .section > h2.text-gold,
#main-app .section > h2 {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: var(--ink) !important;
}
#main-app .section > h2.text-gold::after {
    background: linear-gradient(90deg, var(--amber-dot), transparent) !important;
}

.dashboard-card,
.card {
    background: var(--ev-surface) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--raised-sm) !important;
    color: var(--ink) !important;
}

.dashboard-card:hover,
.dashboard-card.ev-dash-clickable:hover {
    box-shadow: var(--raised) !important;
    transform: translateY(-1px);
}

.table,
.table-dark {
    --bs-table-bg: transparent;
    --bs-table-color: var(--ink);
    color: var(--ink) !important;
}

.table-dark,
.table-dark > :not(caption) > * > * {
    background: transparent !important;
    color: var(--ink) !important;
    border-color: rgba(26, 26, 30, 0.08) !important;
}

.card-header {
    background: transparent !important;
    border-bottom-color: rgba(26, 26, 30, 0.08) !important;
    color: var(--ink) !important;
}

.form-control,
.form-select {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: var(--recessed) !important;
    color: var(--ink) !important;
}

.form-control:focus,
.form-select:focus {
    box-shadow: var(--recessed), 0 0 0 3px rgba(196, 160, 74, 0.22) !important;
}

.btn-outline-light,
.btn-outline-secondary {
    border-radius: 999px !important;
    border: none !important;
    color: var(--ink) !important;
    background: var(--surface) !important;
    box-shadow: var(--raised-sm) !important;
}

.btn-outline-light:hover:not(:disabled),
.btn-outline-secondary:hover:not(:disabled),
.btn-outline-light:focus-visible:not(:disabled),
.btn-outline-secondary:focus-visible:not(:disabled),
.btn-outline-light:active:not(:disabled),
.btn-outline-secondary:active:not(:disabled) {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
}

/* Mode bar / bulk chrome */
.ev-mode-bar,
#ev-mode-bar {
    background: #1e1e22 !important;
    color: #f2f2f5 !important;
    border-radius: 0 0 18px 18px;
    box-shadow: var(--raised-sm);
}

#selected-item-info.ev-inv-result-bar {
    background: var(--ev-surface) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--raised-sm) !important;
    color: var(--ink) !important;
}

/* Empty hints / section chrome — soft frost on light page */
.ev-inv-empty-hint,
#inventory-empty-hint {
    background: rgba(255, 255, 255, 0.72) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 0 0 0 1px rgba(255, 255, 255, 0.55),
        0 10px 24px rgba(40, 50, 70, 0.1) !important;
    color: rgba(26, 28, 36, 0.78) !important;
}
#inventory-empty-hint .ev-inv-empty-hint-title {
    color: #1a1c24 !important;
}
#inventory-empty-hint .ev-inv-empty-hint-body {
    color: rgba(60, 64, 78, 0.78) !important;
}

#cashflow-section .card,
#consignments-section .card,
#repairs-section .card,
#batches-section .card,
#shopify-health-section .card,
#status-section .card,
#dashboard-section .card {
    background: var(--ev-surface) !important;
    border: none !important;
    box-shadow: var(--raised-sm) !important;
}

.nav-tabs .nav-link {
    color: var(--mute) !important;
    border: none !important;
    border-radius: 999px !important;
}
.nav-tabs .nav-link.active {
    background: var(--amber-wash) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
}

/* Mobile: full drawer, labels always on — same glass carve */
@media (max-width: 991.98px) {
    .ev-sidebar.ev-oval {
        width: min(18rem, 88vw) !important;
        border-radius: 0 var(--ev-dock-shell-r) var(--ev-dock-shell-r) 0 !important;
        padding: 1.15rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 1050 !important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    /*
      Open drawer above frost topdeck (1060) — otherwise the side deck
      slides under the sandwich/search bar.
    */
    #main-app.ev-sidebar-open > .ev-sidebar.ev-oval,
    #main-app.ev-sidebar-open > .ev-sidebar {
        z-index: 1080 !important;
    }
    #main-app.ev-sidebar-open > .ev-sidebar-backdrop {
        z-index: 1070 !important;
    }

    /* Drawer above dimmer; fab below dimmer while open */
    #main-app > .ev-sidebar-backdrop {
        z-index: 1040 !important;
    }
    #main-app.ev-sidebar-open .ev-mobile-nav-fab {
        z-index: 1030;
    }

    .ev-sidebar.ev-oval .ev-sidebar-expand:not(.ev-sidebar-meta) {
        opacity: 1 !important;
        max-width: 12rem !important;
        flex: 1 1 auto !important;
        width: auto !important;
        transform: none !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    .ev-sidebar.ev-oval .ev-sidebar-user-chev.ev-sidebar-expand {
        flex: 0 0 0.9rem !important;
        max-width: 0.9rem !important;
        width: 0.9rem !important;
        margin-left: auto !important;
    }

    .ev-sidebar.ev-oval .ev-sidebar-link[data-ev-section],
    .ev-sidebar.ev-oval .ev-sidebar-brand-link {
        gap: 0.35rem !important;
    }

    .ev-sidebar.ev-oval .ev-sidebar-user {
        gap: 0.7rem !important;
        flex-direction: row !important;
    }

    .ev-sidebar.ev-oval .ev-sidebar-link-title.ev-sidebar-expand,
    .ev-sidebar.ev-oval .ev-sidebar-brand-text.ev-sidebar-expand {
        opacity: 1 !important;
        max-height: none !important;
        max-width: none !important;
        width: auto !important;
        flex: 0 0 auto !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    /* Chip above legal line — fixed meta height so nothing bounces */
    .ev-sidebar.ev-oval .ev-sidebar-account {
        margin-top: auto;
        padding-top: 0.65rem !important;
        padding-bottom: 0.25rem !important;
        position: relative;
        flex-shrink: 0;
    }

    .ev-sidebar.ev-oval .ev-sidebar-meta.ev-sidebar-expand {
        position: static !important;
        opacity: 1 !important;
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        max-width: none !important;
        width: auto !important;
        margin: 0.65rem 0 0 !important;
        padding: 0 0.15rem !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    /* In-drawer fallback (pre-portal) — portaled body menu overrides below */
    .ev-sidebar-account .ev-sidebar-dropdown.dropdown-menu {
        inset: auto 0.35rem calc(100% + 0.4rem) 0.35rem !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        z-index: 1060 !important;
    }

    /*
      Account menu open on phone: put the drawer away. One glass sheet over the
      veil — not drawer + portaled tray stacked (looked like a duplicate).
    */
    body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval,
    body.ev-account-menu-open #main-app.ev-sidebar-open > .ev-sidebar.ev-oval {
        transform: translateX(-105%) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        box-shadow: none !important;
    }

    body.ev-account-menu-open #main-app > .ev-sidebar-backdrop,
    body.ev-account-menu-open #main-app.ev-sidebar-open > .ev-sidebar-backdrop {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Portaled admin tray — bottom sheet with room off the edges */
    body.ev-account-menu-open > .ev-sidebar-dropdown.dropdown-menu.show {
        left: 20px !important;
        right: 20px !important;
        top: auto !important;
        bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: min(82vh, calc(100dvh - 40px - env(safe-area-inset-bottom, 0px))) !important;
        height: auto !important;
        padding: 0.85rem 0.85rem 0.9rem !important;
        border-radius: calc(var(--ev-dock-shell-r) + 6px) !important;
        overflow: hidden !important;
        opacity: 1 !important;
        box-shadow:
            0 1px 2px rgba(0, 0, 0, 0.55),
            0 4px 14px rgba(0, 0, 0, 0.42),
            0 16px 40px rgba(0, 0, 0, 0.32),
            inset 0 0 0 1px rgba(255, 255, 255, calc(0.12 * var(--ev-frost-inner-line))),
            inset 16px 16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
                rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)),
            inset -16px -16px calc(var(--ev-frost-spread) * 1.2) calc(var(--ev-frost-spread) * -0.55)
                rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)) !important;
    }

    body > .ev-sidebar-dropdown .ev-admin-menu-scroll {
        gap: 0.25rem;
        max-height: none;
    }

    /* Never paint an in-drawer copy while the tray is portaled */
    body.ev-account-menu-open .ev-sidebar-account .ev-sidebar-dropdown {
        display: none !important;
    }

    body > .ev-sidebar-dropdown .ev-admin-menu-row {
        min-height: 2.75rem;
        padding: 0.55rem 0.7rem !important;
        gap: 0.75rem;
    }

    body > .ev-sidebar-dropdown .ev-admin-menu-title {
        font-size: 0.95rem !important;
    }

    body > .ev-sidebar-dropdown .ev-admin-menu-sub {
        font-size: 0.78rem !important;
    }

    body > .ev-sidebar-dropdown .ev-admin-menu-icon {
        width: 2.15rem !important;
        height: 2.15rem !important;
        font-size: 0.95rem !important;
    }

    body > .ev-sidebar-dropdown .ev-admin-menu-label {
        padding: 0.5rem 0.55rem 0.15rem;
        font-size: 0.7rem !important;
    }

    body > .ev-sidebar-dropdown .ev-admin-menu-logout-zone {
        margin-top: 0.5rem;
        padding-top: 0.6rem;
    }

    /* Results filter chips — larger taps; wrap cleanly under the count chip */
    .ev-inv-results-filters {
        width: 100%;
        gap: 0.45rem !important;
    }
    .ev-inv-results-filters .results__chip.ev-th-filter-btn {
        min-height: 2.35rem;
        padding: 0.45rem 0.85rem !important;
        font-size: 0.88rem !important;
    }
    .ev-th-filter-menu,
    body > .ev-th-filter-menu {
        max-width: min(18rem, calc(100vw - 1.5rem)) !important;
    }
    .ev-th-filter-menu .inv-filter-btn,
    body > .ev-th-filter-menu .inv-filter-btn {
        min-height: 2.65rem !important;
        padding: 0.6rem 1rem !important;
    }

    /* Search Clear — icon-only on xs; keep rose readable */
    .ev-inv-search-wrap .inventory-search-leading.is-clear-armed {
        min-width: 2.75rem;
    }
    .ev-inv-search-wrap .sbar__clear.is-visible,
    .ev-inv-search-wrap button.btn.inventory-search-clear.sbar__clear.is-visible {
        min-width: 2.5rem;
        min-height: 2.35rem;
        justify-content: center !important;
    }
}

/* ─────────── Full neo lock — kill leftover cream / HUD / Material ─────────── */
/* Soft light stage (do NOT paint black over the page). Main column stays clear for ::before wash. */
#main-app {
    background-color: var(--ev-canvas) !important;
    color: var(--ink) !important;
}
#main-app .ev-app-main,
#ev-main-content {
    background-color: transparent !important;
    color: var(--ink) !important;
}

#main-app .card::before,
#main-app .card::after,
.modal-content::before,
.modal-content::after,
.inventory-search-panel--hud::before,
.inventory-search-panel--hud::after {
    content: none !important;
    display: none !important;
}

/* Search tray: sticky shell (see #inventory-search-panel-card sticky block) */
#main-app .inventory-search-panel.inventory-search-panel--hud:not(#inventory-search-panel-card) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--ink) !important;
}

/* Legacy .card paint — do NOT apply a surface to the results shell */
#main-app .ev-inv-items-card.card:not(#inventory-table-card),
#main-app #inventory-table-card.card:not(.results) {
    background: var(--ev-surface) !important;
    border: none !important;
    box-shadow: var(--raised) !important;
    color: var(--ink) !important;
}

/* Results tray — only when open (never override Bootstrap .d-none) */
#main-app #inventory-table-card.results.d-none {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#main-app #inventory-table-card.results:not(.d-none) {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* Light results canvas — see sticky/light block above */
}

/* Vendor/item stage must not hard-hide the results list after a vendor pick */
#main-app.ev-item-stage-open #inventory-table-card.ev-vendor-scoped-table:not(.d-none) {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Empty state still needs a readable frost panel */
#main-app #inventory-table-card .results__empty {
    background: linear-gradient(
        160deg,
        rgba(255, 255, 255, 0.85) 0%,
        rgba(255, 255, 255, 0.62) 100%
    ) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    color: rgba(26, 28, 36, 0.85) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 0 0 0 1px rgba(255, 255, 255, 0.55),
        0 10px 24px rgba(40, 50, 70, 0.1) !important;
    border-radius: 8px !important;
}

#main-app #inventory-table-card .results__empty-title {
    color: #1a1c24 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}

/*
  Return hold — the remaining stage is one divider.
  Gold / white / black well; copy sits high so it is on-screen at once.
*/
#main-app #inventory-table-card.results.ev-return-vendor-hold:not(.d-none) {
    --ev-return-seam-gold: var(--ev-gold, #c4a04a);
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
    gap: 0 !important;
    overflow: visible;
    min-height: 16rem;
}
#main-app #inventory-table-card.ev-return-vendor-hold .results__cols {
    display: none !important;
}
#main-app #inventory-table-card.ev-return-vendor-hold .ev-inv-results-body,
#main-app #inventory-table-card.ev-return-vendor-hold #inventory-tbody.results__list {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0 !important;
    min-height: inherit;
    background: transparent !important;
}
#main-app #inventory-table-card .ev-return-vendor-seam {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    min-height: 16rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-family: var(--font-sans);
    color: #111;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--ev-white, #fff) 82%, var(--ev-return-seam-gold, #c4a04a) 18%) 0%,
            color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 58%, var(--ev-white, #fff) 42%) 18%,
            color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 72%, #1a1a1a 28%) 42%,
            color-mix(in srgb, #1a1a1a 78%, var(--ev-return-seam-gold, #c4a04a) 22%) 72%,
            #111 100%
        );
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    isolation: isolate;
}
#main-app #inventory-table-card .ev-return-vendor-seam__band {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.18rem;
    width: 100%;
    padding: 0.85rem 1.6rem 0;
    margin-top: 0;
    margin-bottom: 0;
    transform: none;
}
#main-app #inventory-table-card .ev-return-vendor-seam__band::before {
    content: '';
    position: absolute;
    left: 12%;
    right: 12%;
    top: calc(100% - 2.15rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 55%, #111 45%) 22%,
        color-mix(in srgb, var(--ev-white, #fff) 70%, var(--ev-return-seam-gold, #c4a04a) 30%) 50%,
        color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 55%, #111 45%) 78%,
        transparent 100%
    );
    box-shadow: 0 0 16px color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 36%, transparent);
}
#main-app #inventory-table-card .ev-return-vendor-seam__hint,
#main-app #inventory-table-card .ev-return-vendor-seam__name {
    max-width: 18rem;
    text-align: center;
    letter-spacing: -0.015em;
    line-height: 1.25;
}
#main-app #inventory-table-card .ev-return-vendor-seam__hint {
    font-size: 0.92rem;
    font-weight: 550;
    color: #111;
}
#main-app #inventory-table-card .ev-return-vendor-seam__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.02rem;
    font-weight: 700;
    color: #111;
}
#main-app #inventory-table-card .ev-return-vendor-seam__chevrons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-top: 0.55rem;
    font-size: 0.82rem;
    line-height: 0.78;
}
#main-app #inventory-table-card .ev-return-vendor-seam__chevrons i {
    animation: ev-return-seam-chevron 1.28s ease-in-out infinite;
}
#main-app #inventory-table-card .ev-return-vendor-seam__chevrons i:nth-child(1) {
    color: #111;
    animation-delay: 0s;
}
#main-app #inventory-table-card .ev-return-vendor-seam__chevrons i:nth-child(2) {
    color: color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 45%, #fff 55%);
    animation-delay: 0.16s;
}
#main-app #inventory-table-card .ev-return-vendor-seam__chevrons i:nth-child(3) {
    color: #fff;
    animation-delay: 0.32s;
}
#main-app #inventory-table-card .ev-return-vendor-seam:hover,
#main-app #inventory-table-card .ev-return-vendor-seam:focus-visible {
    outline: none;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--ev-white, #fff) 70%, var(--ev-return-seam-gold, #c4a04a) 30%) 0%,
            color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 68%, var(--ev-white, #fff) 32%) 18%,
            color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 62%, #111 38%) 42%,
            color-mix(in srgb, #111 82%, var(--ev-return-seam-gold, #c4a04a) 18%) 72%,
            #0a0a0a 100%
        );
}
#main-app #inventory-table-card .ev-return-vendor-seam:active {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 48%, var(--ev-white, #fff) 52%) 0%,
            color-mix(in srgb, var(--ev-return-seam-gold, #c4a04a) 55%, #111 45%) 40%,
            #0a0a0a 100%
        );
}

@keyframes ev-return-seam-chevron {
    0%, 18% { opacity: 0.14; transform: translateY(-1px); }
    40% { opacity: 1; transform: translateY(3px); }
    72%, 100% { opacity: 0.12; transform: translateY(7px); }
}
@media (prefers-reduced-motion: reduce) {
    #main-app #inventory-table-card .ev-return-vendor-seam__chevrons i {
        animation: none;
        opacity: 0.7;
        transform: none;
    }
}

@media (max-width: 991.98px) {
    #main-app #inventory-table-card.results.ev-return-vendor-hold:not(.d-none) {
        min-height: calc(
            100dvh
            - var(--ev-mobile-topdeck-h, 7.35rem)
            - env(safe-area-inset-bottom, 0px)
            - 1.15rem
        ) !important;
        margin: 0.15rem 0.45rem 0 !important;
        padding: 0 !important;
        border-radius: var(--ev-r-card, 14px) !important;
        overflow: hidden;
    }
    #main-app #inventory-table-card.ev-return-vendor-hold .ev-return-vendor-seam {
        min-height: calc(
            100dvh
            - var(--ev-mobile-topdeck-h, 7.35rem)
            - env(safe-area-inset-bottom, 0px)
            - 1.15rem
        );
        border-radius: inherit;
        justify-content: flex-start;
    }
    #main-app #inventory-table-card .ev-return-vendor-seam__band {
        padding-top: 0.7rem;
    }
}

#main-app #inventory-table-card .results__empty--danger .results__empty-title {
    color: #f0b4b0 !important;
}

#main-app .text-light,
#main-app .text-white,
#main-app .text-white-50 {
    color: var(--ink) !important;
}

#main-app .text-white-50 {
    color: var(--mute) !important;
}

#main-app .bg-dark,
#main-app .bg-secondary,
#main-app .list-group-item.bg-dark {
    background: var(--surface) !important;
    color: var(--ink) !important;
    border-color: transparent !important;
}

#main-app .modal-content.bg-dark,
#main-app .modal-content.bg-secondary {
    background: var(--well) !important;
    color: var(--ink) !important;
    border-color: transparent !important;
    box-shadow: var(--recessed) !important;
}

#main-app .list-group-item {
    background: transparent !important;
    color: var(--ink) !important;
    border-color: rgba(26, 26, 30, 0.08) !important;
}

#main-app .table-header th,
#main-app thead.table-header th {
    background: transparent !important;
    color: var(--mute) !important;
    border-bottom: 1px solid rgba(26, 26, 30, 0.1) !important;
}

/*
  Vendor suggest — absolute under the capsule so Choose / Clear / Print
  stay capsule-height and the controls row does not jump vertically.
*/
.ev-inv-vendor-suggest:not(.d-none),
#inventory-vendor-suggest:not(.d-none),
#ev-receive-vendor-results:not(.d-none) {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ev-inv-vendor-suggest:not(.ev-inv-vendor-suggest--portaled),
#inventory-vendor-suggest:not(.ev-inv-vendor-suggest--portaled),
#ev-receive-vendor-results:not(.ev-inv-vendor-suggest--portaled) {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: 100% !important;
    flex: none !important;
    align-self: auto !important;
    margin: 0.5rem 0 0 !important;
    z-index: 60 !important;
    max-height: min(360px, 55vh) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    /* Dark frost glass — same display as dock / account tray; white type */
    font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif) !important;
    background: var(--ev-frost-fill-dark) !important;
    background-color: var(--ev-frost-fill-dark) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(32px) saturate(160%) !important;
    backdrop-filter: blur(32px) saturate(160%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, var(--ev-frost-hairline, 0.1)) !important;
    border-radius: var(--ev-r-panel, 18px) !important;
    padding: 0.4rem 0 0.5rem !important;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.55),
        0 4px 14px rgba(0, 0, 0, 0.42),
        0 14px 36px rgba(0, 0, 0, calc(0.28 + 0.14 * var(--ev-frost-glow, 0.55))),
        inset 0 0 0 1px rgba(255, 255, 255, calc(0.12 * var(--ev-frost-inner-line, 0.54))),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise-tray-dark)) !important;
    isolation: auto;
}

/* Search wrap anchors the floating list; height stays = capsule only */
#main-app .ev-inv-search-wrap,
#main-app .inventory-search-panel--hud .ev-inv-toolbar .ev-inv-search-wrap {
    position: relative !important;
    display: block !important;
    overflow: visible !important;
}

#main-app .ev-inv-search-wrap .ev-inv-search-form {
    width: 100% !important;
    display: block !important;
}

/* Keep ancestors from clipping the floating list; lift wrap above Choose */
.ev-inv-search-wrap.ev-inv-search-wrap--suggest-open {
    z-index: 40 !important;
}
/*
  Beam-filters is a sibling of .ev-inv-search-controls with z-index: 2.
  Without lifting controls, the filters strip steals taps on the vendor list
  (common in Return/Consign when a results tray is already open).
*/
.ev-inv-search-row:has(.ev-inv-search-wrap--suggest-open) > .ev-inv-search-controls {
    position: relative;
    z-index: 50;
}
.ev-inv-search-row:has(.ev-inv-search-wrap--suggest-open) > .ev-inv-beam-filters {
    pointer-events: none;
}
/*
  Critical: #inventory-table-card / wizard / bulk list sit AFTER .ev-inv-scope-stage
  in the DOM (same z-index: 1). The absolute vendor list paints into that space
  but siblings steal the taps — Receive hides the table, Return does not.
  Lift the whole scope stage while the suggest tray is open.
*/
.ev-inv-scope-stage:has(.ev-inv-search-wrap--suggest-open),
#inventory-search-panel-card:has(.ev-inv-search-wrap--suggest-open) {
    z-index: 80 !important;
    position: relative;
}
#inventory-section:has(.ev-inv-search-wrap--suggest-open) #inventory-table-card,
#inventory-section:has(.ev-inv-search-wrap--suggest-open) #inventory-empty-hint,
#inventory-section:has(.ev-inv-search-wrap--suggest-open) #ev-bulk-item-list,
#inventory-section:has(.ev-inv-search-wrap--suggest-open) #selected-item-info,
#inventory-section:has(.ev-inv-search-wrap--suggest-open) #ev-bulk-wizard,
#inventory-section:has(.ev-inv-search-wrap--suggest-open) #status-actions {
    pointer-events: none !important;
}
.ev-inv-search-wrap.ev-inv-search-wrap--suggest-open,
.ev-inv-search-row:has(.ev-inv-search-wrap--suggest-open),
#inventory-search-panel-card:has(.ev-inv-search-wrap--suggest-open),
#inventory-search-panel-card:has(.ev-inv-search-wrap--suggest-open) > .card-body,
.inventory-search-panel--hud:has(.ev-inv-search-wrap--suggest-open),
.ev-inv-scope-stage:has(.ev-inv-search-wrap--suggest-open) {
    overflow: visible !important;
    isolation: auto !important;
}

.ev-inv-vendor-suggest-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    background: color-mix(in srgb, var(--ev-frost-fill-dark) 88%, #141416) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding: 0.55rem 0.95rem 0.45rem !important;
    font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.ev-inv-vendor-suggest-pending,
.ev-inv-vendor-suggest-loading,
.ev-inv-vendor-suggest-empty {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.9rem 0.95rem 1rem !important;
    font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.ev-inv-vendor-suggest-item {
    display: flex !important;
    align-items: baseline !important;
    background: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif) !important;
    gap: 0.35rem !important;
    border-radius: var(--ev-r-card, 14px) !important;
    margin: 0.14rem 0.45rem !important;
    width: calc(100% - 0.9rem) !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0.75rem 0.85rem !important;
    text-align: left !important;
    box-shadow: none !important;
    min-height: 2.75rem !important;
    transition: background 0.15s ease, box-shadow 0.15s ease !important;
}

.ev-inv-vendor-suggest-item:hover,
.ev-inv-vendor-suggest-item:focus,
.ev-inv-vendor-suggest-item:focus-visible {
    background: var(--ev-dock-carve) !important;
    box-shadow:
        inset 4px 5px 12px rgba(0, 0, 0, 0.65),
        inset -2px -3px 8px rgba(255, 255, 255, 0.07),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    outline: none !important;
}

.ev-inv-vendor-suggest-item:hover .ev-inv-vendor-suggest-id,
.ev-inv-vendor-suggest-item:focus .ev-inv-vendor-suggest-id,
.ev-inv-vendor-suggest-item:focus-visible .ev-inv-vendor-suggest-id {
    color: rgba(255, 255, 255, 0.78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

.ev-inv-vendor-suggest-id {
    color: rgba(255, 255, 255, 0.78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 700 !important;
}

.ev-inv-vendor-scope {
    color: var(--mute) !important;
    font-weight: 700 !important;
}

.ev-inv-vendor-suggest-name {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.98rem !important;
}

#ev-receive-vendor-results .ev-inv-vendor-suggest-item:hover,
#ev-receive-vendor-results .ev-inv-vendor-suggest-item:focus,
#ev-receive-vendor-results .ev-inv-vendor-suggest-item:focus-visible {
    background: var(--ev-dock-carve) !important;
    box-shadow:
        inset 4px 5px 12px rgba(0, 0, 0, 0.65),
        inset -2px -3px 8px rgba(255, 255, 255, 0.07),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/*
 * Column filter menus — Focus menu language (lab):
 * floating transparent rows in a raised panel; carve on hover; selected pops up.
 * (Not a stack of idle raised chips.)
 */
.ev-th-filter-menu,
body > .ev-th-filter-menu {
    min-width: 12.5rem !important;
    max-width: min(18rem, calc(100vw - 1.5rem)) !important;
    padding: 0.65rem 0.7rem 0.75rem !important;
    border: none !important;
    border-radius: 22px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised) !important;
}

.ev-th-filter-section-label {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--mute) !important;
    margin: 0.1rem 0.55rem 0.55rem !important;
    padding: 0 !important;
    text-align: left !important;
}

.ev-th-filter-options {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.4rem !important;
    margin: 0 0 0.65rem !important;
}

/* Idle = floating (no fill). Hover = carved. Selected = raised pop. */
.inventory-search-filters .inv-filter-btn,
.inventory-search-panel--hud .inv-filter-btn,
.ev-th-filter-menu .inv-filter-btn,
body > .ev-th-filter-menu .inv-filter-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 2.45rem !important;
    padding: 0.55rem 0.95rem !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--mute) !important;
    font-weight: 550 !important;
    font-size: 0.92rem !important;
    text-align: left !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, font-weight 0.15s ease !important;
}

.inventory-search-filters .inv-filter-btn:hover:not(.active),
.ev-th-filter-menu .inv-filter-btn:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-btn:hover:not(.active),
.ev-th-filter-menu .inv-filter-btn:focus-visible:not(.active),
body > .ev-th-filter-menu .inv-filter-btn:focus-visible:not(.active) {
    background: color-mix(in srgb, var(--mute) 8%, var(--surface)) !important;
    color: var(--ink) !important;
    box-shadow: var(--recessed) !important;
    transform: none !important;
}

.inventory-search-filters .inv-filter-btn.active,
.ev-th-filter-menu .inv-filter-btn.active,
body > .ev-th-filter-menu .inv-filter-btn.active {
    background: var(--surface) !important;
    color: var(--ink) !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(26, 26, 30, 0.08),
        0 6px 14px rgba(0, 0, 0, 0.1) !important;
}

.ev-th-filter-clear,
body > .ev-th-filter-menu .ev-th-filter-clear {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 0.4rem) !important;
    margin: 0.15rem 0.2rem 0.1rem !important;
    padding: 0.5rem 0.85rem !important;
    border: none !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--rose-dot, #c07068) 16%, var(--surface)) !important;
    color: #b04840 !important;
    font-weight: 650 !important;
    font-size: 0.85rem !important;
    text-decoration: none !important;
    box-shadow: var(--recessed) !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
.ev-th-filter-clear:hover,
body > .ev-th-filter-menu .ev-th-filter-clear:hover {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 10%, #fff) !important;
    color: #d06058 !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--rose-dot, #c07068) 28%, transparent),
        0 0 14px color-mix(in srgb, var(--rose-dot, #c07068) 22%, transparent) !important;
}

/* Status filter — color code + floating depth language */
.ev-th-filter-menu .inv-filter-status,
body > .ev-th-filter-menu .inv-filter-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}
.ev-th-filter-menu .inv-filter-status .result__dot,
body > .ev-th-filter-menu .inv-filter-status .result__dot {
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    flex-shrink: 0;
    opacity: 0.35;
    background: var(--mute);
    box-shadow: none;
    transition: opacity 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.ev-th-filter-menu .inv-filter-status:hover .result__dot,
.ev-th-filter-menu .inv-filter-status.active .result__dot,
body > .ev-th-filter-menu .inv-filter-status:hover .result__dot,
body > .ev-th-filter-menu .inv-filter-status.active .result__dot {
    opacity: 1;
}

/* Active — green */
.ev-th-filter-menu .inv-filter-status-active:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-status-active:hover:not(.active) {
    background: color-mix(in srgb, #cfe5d6 34%, transparent) !important;
    color: #3a5a44 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-status-active.active,
body > .ev-th-filter-menu .inv-filter-status-active.active {
    background: color-mix(in srgb, #cfe5d6 42%, var(--surface)) !important;
    color: #1e3228 !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(140, 185, 155, 0.4),
        0 6px 14px rgba(120, 175, 140, 0.2) !important;
}
.ev-th-filter-menu .inv-filter-status-active:hover .result__dot,
.ev-th-filter-menu .inv-filter-status-active.active .result__dot,
body > .ev-th-filter-menu .inv-filter-status-active:hover .result__dot,
body > .ev-th-filter-menu .inv-filter-status-active.active .result__dot {
    background: var(--ev-status-active);
    box-shadow: 0 0 6px rgba(90, 154, 110, 0.45);
}

/* Consigned — gold */
.ev-th-filter-menu .inv-filter-status-consigned:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-status-consigned:hover:not(.active) {
    background: color-mix(in srgb, #efe2bc 36%, transparent) !important;
    color: #6a5a38 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-status-consigned.active,
body > .ev-th-filter-menu .inv-filter-status-consigned.active {
    background: color-mix(in srgb, #efe2bc 46%, var(--surface)) !important;
    color: #3a2e18 !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(220, 195, 130, 0.45),
        0 6px 14px rgba(220, 190, 110, 0.2) !important;
}
.ev-th-filter-menu .inv-filter-status-consigned:hover .result__dot,
.ev-th-filter-menu .inv-filter-status-consigned.active .result__dot,
body > .ev-th-filter-menu .inv-filter-status-consigned:hover .result__dot,
body > .ev-th-filter-menu .inv-filter-status-consigned.active .result__dot {
    background: var(--ev-status-consigned);
    box-shadow: 0 0 6px rgba(196, 160, 74, 0.4);
}

/* Repair — orange */
.ev-th-filter-menu .inv-filter-status-repair:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-status-repair:hover:not(.active) {
    background: color-mix(in srgb, #f0dcc8 36%, transparent) !important;
    color: #6a4530 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-status-repair.active,
body > .ev-th-filter-menu .inv-filter-status-repair.active {
    background: color-mix(in srgb, #f0dcc8 46%, var(--surface)) !important;
    color: #3e2414 !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(224, 137, 64, 0.4),
        0 6px 14px rgba(212, 120, 48, 0.18) !important;
}
.ev-th-filter-menu .inv-filter-status-repair:hover .result__dot,
.ev-th-filter-menu .inv-filter-status-repair.active .result__dot,
body > .ev-th-filter-menu .inv-filter-status-repair:hover .result__dot,
body > .ev-th-filter-menu .inv-filter-status-repair.active .result__dot {
    background: var(--ev-status-repair);
    box-shadow: 0 0 6px rgba(212, 120, 48, 0.45);
}

/* Sold — purple */
.ev-th-filter-menu .inv-filter-status-sold:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-status-sold:hover:not(.active) {
    background: color-mix(in srgb, #e2d6e8 36%, transparent) !important;
    color: #5c4568 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-status-sold.active,
body > .ev-th-filter-menu .inv-filter-status-sold.active {
    background: color-mix(in srgb, #e2d6e8 46%, var(--surface)) !important;
    color: #2a1e34 !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(170, 140, 190, 0.4),
        0 6px 14px rgba(154, 122, 173, 0.18) !important;
}
.ev-th-filter-menu .inv-filter-status-sold:hover .result__dot,
.ev-th-filter-menu .inv-filter-status-sold.active .result__dot,
body > .ev-th-filter-menu .inv-filter-status-sold:hover .result__dot,
body > .ev-th-filter-menu .inv-filter-status-sold.active .result__dot {
    background: var(--ev-status-sold);
    box-shadow: 0 0 6px rgba(154, 122, 173, 0.4);
}

/* Returned — red */
.ev-th-filter-menu .inv-filter-status-returned:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-status-returned:hover:not(.active) {
    background: color-mix(in srgb, #e8d0cb 36%, transparent) !important;
    color: #6a4038 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-status-returned.active,
body > .ev-th-filter-menu .inv-filter-status-returned.active {
    background: color-mix(in srgb, #e8d0cb 46%, var(--surface)) !important;
    color: #3a1e1a !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px rgba(210, 160, 150, 0.4),
        0 6px 14px rgba(200, 140, 130, 0.18) !important;
}
.ev-th-filter-menu .inv-filter-status-returned:hover .result__dot,
.ev-th-filter-menu .inv-filter-status-returned.active .result__dot,
body > .ev-th-filter-menu .inv-filter-status-returned:hover .result__dot,
body > .ev-th-filter-menu .inv-filter-status-returned.active .result__dot {
    background: var(--ev-status-returned);
    box-shadow: 0 0 6px rgba(192, 112, 104, 0.4);
}

/* Active-filter count pill — dock metal (gray) + light type */
#inventory-table-card .ev-th-filter-count,
.results__chip .ev-th-filter-count,
.ev-th-filter-btn .ev-th-filter-count {
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%) !important;
    color: #f7f7f8 !important;
    box-shadow:
        -2px -2px 4px rgba(255, 255, 255, 0.14),
        2px 3px 8px rgba(0, 0, 0, 0.35),
        inset 1px 1px 0 rgba(255, 255, 255, 0.28),
        inset -1px -1px 0 rgba(0, 0, 0, 0.3) !important;
}

#inventory-table-card .ev-th-filter-count .fa-filter,
.results__chip .ev-th-filter-count .fa-filter,
.ev-th-filter-btn .ev-th-filter-count .fa-filter,
#inventory-table-card .ev-th-filter-count-num,
.results__chip .ev-th-filter-count-num,
.ev-th-filter-btn .ev-th-filter-count-num {
    color: #f7f7f8 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
/* Cities — Dallas blue · Aspen green · Palm Beach pink */
.ev-th-filter-menu .inv-filter-location--dal:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-location--dal:hover:not(.active) {
    background: color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 22%, var(--surface)) !important;
    color: #243848 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-location--dal.active,
body > .ev-th-filter-menu .inv-filter-location--dal.active {
    background: color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 32%, var(--surface)) !important;
    color: #1e2a38 !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 40%, transparent),
        0 6px 14px color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 22%, transparent) !important;
}

.ev-th-filter-menu .inv-filter-location--asp:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-location--asp:hover:not(.active) {
    background: color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 22%, var(--surface)) !important;
    color: #1e3228 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-location--asp.active,
body > .ev-th-filter-menu .inv-filter-location--asp.active {
    background: color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 34%, var(--surface)) !important;
    color: #1e3228 !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 42%, transparent),
        0 6px 14px color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 22%, transparent) !important;
}

.ev-th-filter-menu .inv-filter-location--pb:hover:not(.active),
body > .ev-th-filter-menu .inv-filter-location--pb:hover:not(.active) {
    background: color-mix(in srgb, var(--ev-loc-pb, #c87890) 22%, var(--surface)) !important;
    color: #4a2838 !important;
    box-shadow: var(--recessed) !important;
}
.ev-th-filter-menu .inv-filter-location--pb.active,
body > .ev-th-filter-menu .inv-filter-location--pb.active {
    background: color-mix(in srgb, var(--ev-loc-pb, #c87890) 34%, var(--surface)) !important;
    color: #3a1e2a !important;
    font-weight: 750 !important;
    box-shadow:
        var(--raised-sm),
        0 0 0 1px color-mix(in srgb, var(--ev-loc-pb, #c87890) 42%, transparent),
        0 6px 14px color-mix(in srgb, var(--ev-loc-pb, #c87890) 22%, transparent) !important;
}

/* Selected options still get hover — deepen wash + carve press */
.ev-th-filter-menu .inv-filter-btn.active:hover,
body > .ev-th-filter-menu .inv-filter-btn.active:hover,
.ev-th-filter-menu .inv-filter-btn.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-btn.active:focus-visible {
    box-shadow: var(--recessed) !important;
    transform: none !important;
}

.ev-th-filter-menu .inv-filter-btn.active:hover:not(.inv-filter-status):not(.inv-filter-location),
body > .ev-th-filter-menu .inv-filter-btn.active:hover:not(.inv-filter-status):not(.inv-filter-location),
.ev-th-filter-menu .inv-filter-btn.active:focus-visible:not(.inv-filter-status):not(.inv-filter-location),
body > .ev-th-filter-menu .inv-filter-btn.active:focus-visible:not(.inv-filter-status):not(.inv-filter-location) {
    background: color-mix(in srgb, var(--mute) 12%, var(--surface)) !important;
}

.ev-th-filter-menu .inv-filter-status-active.active:hover,
body > .ev-th-filter-menu .inv-filter-status-active.active:hover,
.ev-th-filter-menu .inv-filter-status-active.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-status-active.active:focus-visible {
    background: color-mix(in srgb, #cfe5d6 58%, var(--surface)) !important;
    color: #1e3228 !important;
}

.ev-th-filter-menu .inv-filter-status-consigned.active:hover,
body > .ev-th-filter-menu .inv-filter-status-consigned.active:hover,
.ev-th-filter-menu .inv-filter-status-consigned.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-status-consigned.active:focus-visible {
    background: color-mix(in srgb, #efe2bc 60%, var(--surface)) !important;
    color: #3a2e18 !important;
}

.ev-th-filter-menu .inv-filter-status-repair.active:hover,
body > .ev-th-filter-menu .inv-filter-status-repair.active:hover,
.ev-th-filter-menu .inv-filter-status-repair.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-status-repair.active:focus-visible {
    background: color-mix(in srgb, #f0dcc8 60%, var(--surface)) !important;
    color: #3e2414 !important;
}

.ev-th-filter-menu .inv-filter-status-sold.active:hover,
body > .ev-th-filter-menu .inv-filter-status-sold.active:hover,
.ev-th-filter-menu .inv-filter-status-sold.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-status-sold.active:focus-visible {
    background: color-mix(in srgb, #e2d6e8 60%, var(--surface)) !important;
    color: #2a1e34 !important;
}

.ev-th-filter-menu .inv-filter-status-returned.active:hover,
body > .ev-th-filter-menu .inv-filter-status-returned.active:hover,
.ev-th-filter-menu .inv-filter-status-returned.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-status-returned.active:focus-visible {
    background: color-mix(in srgb, #e8d0cb 60%, var(--surface)) !important;
    color: #3a1e1a !important;
}

.ev-th-filter-menu .inv-filter-location--dal.active:hover,
body > .ev-th-filter-menu .inv-filter-location--dal.active:hover,
.ev-th-filter-menu .inv-filter-location--dal.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-location--dal.active:focus-visible {
    background: color-mix(in srgb, var(--ev-loc-dal, #6a88b0) 42%, var(--surface)) !important;
    color: #1e2a38 !important;
}

.ev-th-filter-menu .inv-filter-location--asp.active:hover,
body > .ev-th-filter-menu .inv-filter-location--asp.active:hover,
.ev-th-filter-menu .inv-filter-location--asp.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-location--asp.active:focus-visible {
    background: color-mix(in srgb, var(--ev-loc-asp, #5a9a6e) 46%, var(--surface)) !important;
    color: #1e3228 !important;
}

.ev-th-filter-menu .inv-filter-location--pb.active:hover,
body > .ev-th-filter-menu .inv-filter-location--pb.active:hover,
.ev-th-filter-menu .inv-filter-location--pb.active:focus-visible,
body > .ev-th-filter-menu .inv-filter-location--pb.active:focus-visible {
    background: color-mix(in srgb, var(--ev-loc-pb, #c87890) 46%, var(--surface)) !important;
    color: #3a1e2a !important;
}

/*
  Needs attention — flat into dock glass; carved line contour only.
  With alerts: breath glow lives inside those carved lines (no filled raise).
*/
#ev-sidebar #ev-notif-bubble.ev-sidebar-notif {
    --ev-alert-r: 224;
    --ev-alert-g: 88;
    --ev-alert-b: 78;
    position: relative !important;
    isolation: isolate;
    inset: auto !important;
    bottom: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 0.55rem !important;
    border: none !important;
    border-radius: var(--ev-dock-seg-r) !important;
    display: flex;
    align-items: center !important;
    gap: 0.7rem !important;
    overflow: visible !important;
    color: var(--ev-dock-mute) !important;
    background: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;
    transition: color 0.2s ease !important;
}

/* Carved contour — groove cut into the frost (always on) */
#ev-sidebar #ev-notif-bubble.ev-sidebar-notif::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.72),
        inset 0 0 0 2px rgba(255, 255, 255, 0.05),
        inset 2px 3px 7px rgba(0, 0, 0, 0.55),
        inset -1px -2px 5px rgba(0, 0, 0, 0.35);
    opacity: 1;
    transition: box-shadow 0.25s ease, opacity 0.25s ease;
}

/* Glow layer in the carve — only when alerts */
#ev-sidebar #ev-notif-bubble.ev-sidebar-notif::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
    box-shadow:
        inset 0 0 0 1px rgba(var(--ev-alert-r), var(--ev-alert-g), var(--ev-alert-b), 0.55),
        inset 0 0 10px 1px rgba(var(--ev-alert-r), var(--ev-alert-g), var(--ev-alert-b), 0.32),
        inset 0 0 22px 3px rgba(var(--ev-alert-r), var(--ev-alert-g), var(--ev-alert-b), 0.14);
    transition: opacity 0.25s ease;
}

#ev-sidebar #ev-notif-bubble.ev-sidebar-notif > * {
    position: relative;
    z-index: 1;
}

/* Idle hover / open — still flat; carve a hair deeper, no fill */
#ev-sidebar #ev-notif-bubble.ev-sidebar-notif:hover:not(.ev-notif-bubble--has-alerts),
body.ev-notif-open #ev-sidebar #ev-notif-bubble.ev-sidebar-notif:not(.ev-notif-bubble--has-alerts) {
    color: #f4f4f8 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

#ev-sidebar #ev-notif-bubble.ev-sidebar-notif:hover:not(.ev-notif-bubble--has-alerts)::before,
body.ev-notif-open #ev-sidebar #ev-notif-bubble.ev-sidebar-notif:not(.ev-notif-bubble--has-alerts)::before {
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.82),
        inset 0 0 0 2px rgba(255, 255, 255, 0.06),
        inset 3px 4px 9px rgba(0, 0, 0, 0.65),
        inset -1px -2px 6px rgba(0, 0, 0, 0.4);
}

#ev-sidebar #ev-notif-bubble.ev-sidebar-notif.ev-notif-bubble--has-alerts {
    color: #ffe8e4 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

#ev-sidebar #ev-notif-bubble.ev-sidebar-notif.ev-notif-bubble--has-alerts::before {
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.65),
        inset 0 0 0 2px rgba(var(--ev-alert-r), var(--ev-alert-g), var(--ev-alert-b), 0.22),
        inset 2px 3px 7px rgba(0, 0, 0, 0.5),
        inset -1px -2px 5px rgba(0, 0, 0, 0.32);
}

#ev-sidebar #ev-notif-bubble.ev-sidebar-notif.ev-notif-bubble--has-alerts::after {
    opacity: 1;
    animation: ev-notif-carve-breath 2.6s ease-in-out infinite;
}

#ev-sidebar #ev-notif-bubble.ev-sidebar-notif.ev-notif-bubble--has-alerts:hover::after,
body.ev-notif-open #ev-sidebar #ev-notif-bubble.ev-sidebar-notif.ev-notif-bubble--has-alerts::after {
    animation-duration: 1.8s;
    box-shadow:
        inset 0 0 0 1px rgba(var(--ev-alert-r), var(--ev-alert-g), var(--ev-alert-b), 0.7),
        inset 0 0 12px 2px rgba(var(--ev-alert-r), var(--ev-alert-g), var(--ev-alert-b), 0.4),
        inset 0 0 26px 4px rgba(var(--ev-alert-r), var(--ev-alert-g), var(--ev-alert-b), 0.18);
}

@keyframes ev-notif-carve-breath {
    0%, 100% {
        opacity: 0.42;
    }
    50% {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    #ev-sidebar #ev-notif-bubble.ev-sidebar-notif.ev-notif-bubble--has-alerts::after {
        animation: none;
        opacity: 0.85;
    }
}

#ev-sidebar .ev-sidebar-notif-mark {
    display: grid !important;
    place-items: center !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    color: inherit !important;
    opacity: 1 !important;
    filter: none;
}

#ev-sidebar #ev-notif-bubble.ev-notif-bubble--has-alerts .ev-sidebar-notif-mark {
    color: #ffe8e4 !important;
    filter: none;
}

#ev-sidebar .ev-sidebar-notif-mark svg {
    width: 1.1rem !important;
    height: 1.1rem !important;
    display: block !important;
    margin: 0 auto !important;
}

#ev-sidebar .ev-sidebar-notif .ev-sidebar-link-title {
    color: inherit !important;
    font-weight: 650 !important;
}

#ev-sidebar .ev-notif-bubble-badge {
    position: absolute !important;
    top: -0.2rem !important;
    right: -0.15rem !important;
    min-width: 1.15rem !important;
    height: 1.15rem !important;
    padding: 0 0.28rem !important;
    border: none !important;
    border-radius: var(--ev-dock-seg-r) !important;
    background: #1a1212 !important;
    color: #ffe8e4 !important;
    box-shadow:
        inset 0 0 0 1px rgba(var(--ev-alert-r, 224), var(--ev-alert-g, 88), var(--ev-alert-b, 78), 0.55),
        inset 2px 2px 5px rgba(0, 0, 0, 0.55) !important;
    font-size: 0.65rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 2;
}

/* Only paint the badge when JS removes d-none (had a count). */
#ev-sidebar .ev-notif-bubble-badge:not(.d-none) {
    display: inline-flex !important;
}
#ev-sidebar .ev-notif-bubble-badge.d-none {
    display: none !important;
}

/* Collapsed dock: square carved contour — icon only (label would shove the bell off-rail) */
#main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) #ev-notif-bubble.ev-sidebar-notif {
    width: var(--ev-dock-icon-slot) !important;
    min-width: var(--ev-dock-icon-slot) !important;
    max-width: var(--ev-dock-icon-slot) !important;
    height: var(--ev-dock-icon-slot) !important;
    min-height: var(--ev-dock-icon-slot) !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: var(--ev-dock-seg-r) !important;
}
#main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-link-title {
    position: absolute !important;
    width: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
    pointer-events: none !important;
}
#main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-notif-mark {
    margin: 0 !important;
    flex: 0 0 auto !important;
}
body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval #ev-notif-bubble.ev-sidebar-notif,
body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval #ev-notif-bubble.ev-sidebar-notif,
#main-app > .ev-sidebar.ev-oval:hover #ev-notif-bubble.ev-sidebar-notif,
#main-app > .ev-sidebar.ev-oval:focus-within #ev-notif-bubble.ev-sidebar-notif {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 40px !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.7rem !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 0.55rem !important;
    border-radius: var(--ev-r-control, 10px) !important;
}
/* Horizontal carved row — label grows beside the bell, not a column stub */
body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-link-title,
body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-link-title,
#main-app > .ev-sidebar.ev-oval:hover #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-link-title,
#main-app > .ev-sidebar.ev-oval:focus-within #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-link-title {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    flex: 1 1 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    text-align: left !important;
    transform: none !important;
    filter: none !important;
    line-height: 1.2 !important;
}
body.ev-account-menu-open #main-app > .ev-sidebar.ev-oval #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-notif-mark,
body.ev-dock-menu-hold #main-app > .ev-sidebar.ev-oval #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-notif-mark,
#main-app > .ev-sidebar.ev-oval:hover #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-notif-mark,
#main-app > .ev-sidebar.ev-oval:focus-within #ev-notif-bubble.ev-sidebar-notif .ev-sidebar-notif-mark {
    flex: 0 0 1.25rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    margin: 0 !important;
}

.ev-notif-backdrop {
    background: rgba(20, 20, 24, 0.42) !important;
    backdrop-filter: blur(5px) saturate(0.9);
    -webkit-backdrop-filter: blur(5px) saturate(0.9);
}

/* Dark dock panel — slides out from the left dock (Needs attention row) */
.ev-notif-panel {
    width: min(28rem, 38vw) !important;
    min-width: min(22rem, 100%) !important;
    left: 0 !important;
    right: auto !important;
    border: none !important;
    border-radius: 0 22px 22px 0 !important;
    background: linear-gradient(160deg, #32323a 0%, #222228 40%, #17171b 100%) !important;
    color: #f2f2f5 !important;
    box-shadow:
        14px 0 32px rgba(0, 0, 0, 0.3),
        inset -1px 0 0 rgba(255, 255, 255, 0.06) !important;
    transform: translateX(-108%) scale(0.985) !important;
    transform-origin: left center !important;
    opacity: 0.9 !important;
    transition:
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease !important;
}

.ev-notif-panel.open {
    transform: translateX(0) scale(1) !important;
    opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
    .ev-notif-panel {
        transition: none !important;
        transform: translateX(-108%) !important;
        opacity: 1 !important;
    }
    .ev-notif-panel.open {
        transform: translateX(0) !important;
    }
}

.ev-notif-panel-header,
.ev-notif-panel-footer {
    background: rgba(0, 0, 0, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    padding: 1.05rem 1.25rem !important;
}

.ev-notif-panel-title {
    color: #f2f2f5 !important;
    letter-spacing: -0.01em !important;
    font-weight: 700 !important;
    font-size: 1.08rem !important;
}

.ev-notif-panel-gem {
    color: #e8d49a !important;
}

.ev-notif-panel-close {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 999px !important;
    color: rgba(255, 255, 255, 0.45) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}

.ev-notif-panel-close:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

.ev-notif-panel-refresh {
    border: none !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    box-shadow: none !important;
    font-weight: 650 !important;
}

.ev-notif-panel-refresh:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.ev-notif-panel-body {
    gap: 0.7rem !important;
    padding: 1rem 1.15rem !important;
}

.ev-notif-empty {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 1rem 0.85rem !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

.ev-notif-empty i {
    color: #7dcf9a !important;
}

/* Domain accordion */
.ev-notif-domain {
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #f2f2f5 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.ev-notif-domain__head {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    width: 100% !important;
    text-align: left !important;
    border: none !important;
    background: transparent !important;
    color: inherit !important;
    padding: 0.9rem 1rem !important;
    cursor: pointer !important;
    font: inherit !important;
    min-height: 3.5rem !important;
}

.ev-notif-domain__head:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.ev-notif-domain__icon {
    width: 2.15rem !important;
    height: 2.15rem !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    justify-items: center !important;
    align-items: center !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
    color: #2a2a30 !important;
    background: linear-gradient(160deg, #9a9aa2 0%, #6e6e76 55%, #5a5a62 100%) !important;
    box-shadow:
        -2px -2px 5px rgba(255, 255, 255, 0.12),
        3px 4px 10px rgba(0, 0, 0, 0.35),
        inset 1px 1px 0 rgba(255, 255, 255, 0.25) !important;
}

.ev-notif-domain--rose .ev-notif-domain__icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, #c0392b 40%, #c8c8ce) 0%,
        color-mix(in srgb, #c0392b 55%, #6e6e76) 55%,
        color-mix(in srgb, #c0392b 45%, #4a4a52) 100%
    ) !important;
}
.ev-notif-domain--amber .ev-notif-domain__icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, #c4a04a 45%, #c8c8ce) 0%,
        color-mix(in srgb, #c4a04a 60%, #6e6e76) 55%,
        color-mix(in srgb, #c4a04a 48%, #4a4a52) 100%
    ) !important;
}
.ev-notif-domain--blue .ev-notif-domain__icon {
    background: linear-gradient(
        160deg,
        color-mix(in srgb, #6a88b0 45%, #c8c8ce) 0%,
        color-mix(in srgb, #6a88b0 60%, #6e6e76) 55%,
        color-mix(in srgb, #6a88b0 48%, #4a4a52) 100%
    ) !important;
}

.ev-notif-domain__text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.ev-notif-domain__text strong {
    font-size: 0.98rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    color: #f2f2f5 !important;
}

.ev-notif-domain__text span {
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

.ev-notif-domain__count {
    flex-shrink: 0 !important;
    min-width: 1.55rem !important;
    height: 1.55rem !important;
    padding: 0 0.4rem !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-variant-numeric: tabular-nums !important;
    background: rgba(0, 0, 0, 0.35) !important;
    color: #f2f2f5 !important;
    box-shadow:
        inset 2px 2px 5px rgba(0, 0, 0, 0.45),
        inset -1px -1px 0 rgba(255, 255, 255, 0.06) !important;
}

.ev-notif-domain__chev {
    flex-shrink: 0 !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    border-right: 1.5px solid rgba(255, 255, 255, 0.45) !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.45) !important;
    transform: rotate(45deg) !important;
    transition: transform 0.18s ease !important;
    opacity: 0.65 !important;
    margin: 0 0.15rem 0.15rem 0 !important;
}

.ev-notif-domain.is-open .ev-notif-domain__chev {
    transform: rotate(225deg) !important;
    margin-bottom: 0 !important;
    margin-top: 0.2rem !important;
}

.ev-notif-domain__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
    padding: 0.35rem 0.55rem 0.55rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(0, 0, 0, 0.22) !important;
}

.ev-notif-domain__body[hidden] {
    display: none !important;
}

.ev-notif-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.15rem !important;
    width: 100% !important;
    text-align: left !important;
    border: none !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #f2f2f5 !important;
    padding: 0.7rem 0.8rem !important;
    min-height: 2.85rem !important;
    cursor: pointer !important;
    font: inherit !important;
    transition: background 0.15s ease !important;
}

.ev-notif-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.ev-notif-item--static {
    cursor: default !important;
}

.ev-notif-item__label {
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

.ev-notif-item__meta {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Kill old cream/gold HUD cards if any leftover markup flashes */
.ev-notif-card {
    display: none !important;
}

/* Phone / tablet: full-bleed drawer, larger taps, clear the menu fab */
@media (max-width: 991.98px) {
    .ev-notif-panel {
        width: min(100vw, 100%) !important;
        min-width: 0 !important;
        border-radius: 0 !important;
        max-width: 100% !important;
    }

    .ev-notif-panel-header,
    .ev-notif-panel-footer {
        padding: 0.95rem 1rem !important;
        padding-top: max(0.95rem, env(safe-area-inset-top)) !important;
    }

    .ev-notif-panel-footer {
        padding-top: 0.85rem !important;
        padding-bottom: max(0.95rem, env(safe-area-inset-bottom)) !important;
    }

    .ev-notif-panel-body {
        padding: 0.85rem 0.9rem !important;
        gap: 0.65rem !important;
    }

    .ev-notif-domain__head {
        min-height: 3.75rem !important;
        padding: 0.95rem 0.95rem !important;
        gap: 0.8rem !important;
    }

    .ev-notif-domain__icon {
        width: 2.35rem !important;
        height: 2.35rem !important;
        font-size: 0.85rem !important;
    }

    .ev-notif-domain__text strong {
        font-size: 1.02rem !important;
    }

    .ev-notif-domain__text span {
        font-size: 0.8rem !important;
    }

    .ev-notif-domain__count {
        min-width: 1.7rem !important;
        height: 1.7rem !important;
        font-size: 0.78rem !important;
    }

    .ev-notif-item {
        min-height: 3.1rem !important;
        padding: 0.8rem 0.85rem !important;
    }

    .ev-notif-item__label {
        font-size: 0.92rem !important;
    }

    .ev-notif-item__meta {
        font-size: 0.78rem !important;
    }

    /* Dock notif row — full-width amber glass in the mobile drawer */
    #ev-sidebar #ev-notif-bubble.ev-sidebar-notif {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: flex-start !important;
        padding: 0 0.55rem !important;
        min-height: 2.75rem !important;
    }
}

@media (min-width: 992px) {
    .ev-notif-domain__icon {
        width: 2.4rem !important;
        height: 2.4rem !important;
        font-size: 0.88rem !important;
    }

    .ev-notif-domain__count {
        min-width: 1.75rem !important;
        height: 1.75rem !important;
        font-size: 0.78rem !important;
    }

    .ev-notif-item__label {
        font-size: 0.9rem !important;
    }

    .ev-notif-item__meta {
        font-size: 0.78rem !important;
    }
}

.dashboard-card.ev-dash-loc,
.dashboard-card {
    text-shadow: none !important;
    border: none !important;
}

/* Dashboard city cards — same tokens as Location filter / store picker */
.dashboard-card.ev-dash-loc {
    background: var(--surface) !important;
    box-shadow: var(--raised-sm) !important;
}
.dashboard-card.ev-dash-loc .ev-dash-loc-icon,
.dashboard-card.ev-dash-loc .ev-dash-loc-count {
    color: var(--ev-dash-loc-color, var(--ev-loc-dal)) !important;
}
.dashboard-card.ev-dash-loc .text-light {
    color: var(--ink) !important;
}
.dashboard-card.ev-dash-loc:hover {
    box-shadow: var(--recessed) !important;
    background: color-mix(in srgb, var(--ev-dash-loc-color, var(--ev-loc-dal)) 14%, var(--surface)) !important;
}
.dashboard-card.ev-dash-loc--dal { --ev-dash-loc-color: var(--ev-loc-dal); }
.dashboard-card.ev-dash-loc--asp { --ev-dash-loc-color: var(--ev-loc-asp); }
.dashboard-card.ev-dash-loc--pb  { --ev-dash-loc-color: var(--ev-loc-pb); }

.btn-ev-consignee-dir {
    border: none !important;
    border-radius: 999px !important;
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
}

/* Bulk mode accents → soft neo washes (not neon purple/cyan bars) */
#main-app.ev-inventory-bulk-sold .inv-bulk-selected td,
#main-app.ev-inventory-bulk-sold tr.inv-bulk-selected td {
    background: color-mix(in srgb, #e2d6e8 35%, var(--surface)) !important;
    box-shadow: inset 3px 0 0 var(--violet-dot) !important;
}

#main-app.ev-inventory-bulk-return .inv-bulk-selected td,
#main-app.ev-inventory-bulk-return tr.inv-bulk-selected td {
    background: color-mix(in srgb, #e8d0cb 35%, var(--surface)) !important;
    box-shadow: inset 3px 0 0 var(--rose-dot) !important;
}

#main-app.ev-inventory-bulk-audit .inv-bulk-selected td,
#main-app.ev-inventory-bulk-audit tr.inv-bulk-selected td {
    background: color-mix(in srgb, #d0dcec 35%, var(--surface)) !important;
    box-shadow: inset 3px 0 0 var(--blue-dot) !important;
}

.ev-repair-summary-card {
    background: var(--surface) !important;
    border: none !important;
    box-shadow: var(--recessed) !important;
}

.ev-repair-summary-card strong {
    color: var(--ink) !important;
}

/* Non-hero bars only — hero `.sbar` owns its own surface */
.inventory-search-input-group:not(.sbar) {
    border: none !important;
    background: transparent !important;
}

.inventory-search-panel #inventory-search {
    background: transparent !important;
}

/* Bulk mode rings — keep near-square search (no pill) */
#main-app.ev-inventory-bulk-return .ev-inv-search-wrap .sbar,
#main-app.ev-inventory-bulk-sold .ev-inv-search-wrap .sbar,
#main-app.ev-inventory-bulk-status .ev-inv-search-wrap .sbar,
#main-app.ev-inventory-bulk-audit .ev-inv-search-wrap .sbar,
#main-app.ev-inventory-bulk-consign .ev-inv-search-wrap .sbar,
#main-app.ev-inventory-bulk-settle .ev-inv-search-wrap .sbar {
    border-radius: var(--ev-search-r) !important;
    background: var(--surface) !important;
    background-image: none !important;
}

/* Return / Consign: Exit + Next live on the search row (same as Receive). */
#inventory-search-panel-card.ev-inventory-search--bulk-scan #inventory-actions-launch {
    display: none !important;
}
#main-app.ev-inventory-bulk-return #ev-mode-bar,
#main-app.ev-inventory-bulk-consign #ev-mode-bar,
#main-app.ev-inventory-bulk-settle #ev-mode-bar {
    display: none !important;
}

/* ── StockBook Ask (Grok) ─────────────────────────────────────────── */
.ev-ask-root {
    position: fixed;
    z-index: 1080;
    right: 1.1rem;
    bottom: 1.1rem;
    font-family: inherit;
}
.ev-ask-fab {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 999px;
    border: none;
    background: linear-gradient(145deg, #c9a227, #8a7020);
    color: #111;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ev-ask-fab:hover { filter: brightness(1.08); }
.ev-ask-fab svg { width: 1.35rem; height: 1.35rem; }
.ev-ask-panel {
    position: absolute;
    right: 0;
    bottom: 3.75rem;
    width: min(22.5rem, calc(100vw - 1.5rem));
    max-height: min(32rem, 70vh);
    display: flex;
    flex-direction: column;
    background: var(--surface, #1a1a1a);
    color: var(--ink, #f0ebe3);
    border-radius: 16px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(201, 162, 39, 0.28);
    overflow: hidden;
}
.ev-ask-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ev-ask-head h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.ev-ask-sub {
    margin: 0.15rem 0 0;
    font-size: 0.72rem;
    opacity: 0.65;
}
.ev-ask-close {
    border: none;
    background: transparent;
    color: inherit;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0.7;
    padding: 0 0.25rem;
}
.ev-ask-close:hover { opacity: 1; }
.ev-ask-messages {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-height: 10rem;
}
.ev-ask-msg {
    max-width: 95%;
    font-size: 0.88rem;
    line-height: 1.45;
}
.ev-ask-msg--user {
    align-self: flex-end;
}
.ev-ask-msg--user .ev-ask-msg-body {
    background: rgba(201, 162, 39, 0.22);
    border-radius: 12px 12px 4px 12px;
    padding: 0.55rem 0.75rem;
}
.ev-ask-msg--assistant .ev-ask-msg-body {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 12px 12px 12px 4px;
    padding: 0.65rem 0.85rem;
}
.ev-ask-msg-body--assistant {
    font-size: 0.9rem;
    line-height: 1.5;
    color: color-mix(in srgb, var(--ink, #f0ebe3) 96%, transparent);
}
.ev-ask-msg-body--assistant .ev-ask-p {
    margin: 0 0 0.55rem;
}
.ev-ask-msg-body--assistant .ev-ask-p:last-child {
    margin-bottom: 0;
}
.ev-ask-msg-body--assistant .ev-ask-h {
    margin: 0.35rem 0 0.45rem;
    font-size: 0.95rem;
    font-weight: 650;
    letter-spacing: 0.01em;
    color: #e0c878;
}
.ev-ask-msg-body--assistant .ev-ask-h:first-child {
    margin-top: 0;
}
.ev-ask-msg-body--assistant .ev-ask-ul,
.ev-ask-msg-body--assistant .ev-ask-ol {
    margin: 0.25rem 0 0.55rem;
    padding-left: 1.15rem;
}
.ev-ask-msg-body--assistant .ev-ask-ul {
    list-style: disc;
}
.ev-ask-msg-body--assistant .ev-ask-ol {
    list-style: decimal;
}
.ev-ask-msg-body--assistant li {
    margin: 0.2rem 0;
    padding-left: 0.15rem;
}
.ev-ask-msg-body--assistant li::marker {
    color: #c9a227;
}
.ev-ask-msg-body--assistant strong {
    font-weight: 650;
    color: #f5edd8;
}
.ev-ask-msg-body--assistant em {
    font-style: italic;
    opacity: 0.95;
}
.ev-ask-msg-body--assistant .ev-ask-code {
    font-family: "Share Tech Mono", ui-monospace, monospace;
    font-size: 0.82em;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    padding: 0.08em 0.35em;
    color: #e8d5a0;
}
.ev-ask-msg-body--assistant .ev-ask-hr {
    border: none;
    border-top: 1px solid rgba(201, 162, 39, 0.25);
    margin: 0.55rem 0;
}
.ev-ask-msg-body--assistant .ev-ask-strike {
    text-decoration: line-through;
    opacity: 0.7;
}
.ev-ask-msg-meta {
    font-size: 0.68rem;
    opacity: 0.5;
    margin-top: 0.25rem;
}
.ev-ask-form {
    display: flex;
    gap: 0.4rem;
    padding: 0.65rem 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ev-ask-input {
    flex: 1;
    border: none;
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
    background: rgba(0, 0, 0, 0.35);
    color: inherit;
    font: inherit;
    font-size: 0.88rem;
}
.ev-ask-input:focus {
    outline: 1px solid rgba(201, 162, 39, 0.5);
}
.ev-ask-send {
    border: none;
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    background: #c9a227;
    color: #111;
    font-weight: 600;
    font-size: 0.82rem;
    cursor: pointer;
}
.ev-ask-send:disabled { opacity: 0.5; cursor: wait; }
.ev-ask-status {
    margin: 0;
    padding: 0 0.85rem 0.55rem;
    font-size: 0.68rem;
    opacity: 0.55;
}

/* Processing / thinking row while Grok answers */
.ev-ask-panel--busy .ev-ask-form {
    opacity: 0.85;
}
.ev-ask-msg--thinking .ev-ask-msg-body {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 1.5rem;
}
.ev-ask-thinking-label {
    opacity: 0.85;
    font-size: 0.86rem;
}
.ev-ask-dots {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
}
.ev-ask-dots span {
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: #c9a227;
    opacity: 0.35;
    animation: ev-ask-dot 1.2s ease-in-out infinite;
}
.ev-ask-dots span:nth-child(2) { animation-delay: 0.2s; }
.ev-ask-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes ev-ask-dot {
    0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
    40% { opacity: 1; transform: translateY(-2px); }
}
.ev-ask-form--busy .ev-ask-input:disabled {
    cursor: wait;
    opacity: 0.75;
}

/* ── Soft light stage: final shell insurance (wins over earlier lock) ── */
html,
body,
#main-app {
    background: var(--ev-canvas) !important;
    background-color: var(--ev-canvas) !important;
}
#main-app .ev-app-main,
#ev-main-content,
#inventory-section {
    background: transparent !important;
    background-color: transparent !important;
}
/* Keep stage wash — do not kill #main-app::before / ::after here */
/* Sticky search shell — flush Pearl (wins over older carved-tray locks) */
#main-app #inventory-search-panel-card.inventory-search-panel--hud,
#inventory-search-panel-card.inventory-search-panel--hud {
    background: var(--ev-canvas) !important;
    background-color: var(--ev-canvas) !important;
    color: var(--ink) !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* Arm shelf — keep transparent even after the Pearl lock above */
@media (min-width: 992px) {
    #main-app.ev-dock-l > .ev-dock-arm-slot
        #inventory-search-panel-card.inventory-search-panel--hud {
        background: transparent !important;
        background-color: transparent !important;
        position: relative !important;
        top: auto !important;
    }
}

/* Vendor list must stay above the stage / Choose-what-to-do row */
#inventory-vendor-suggest:not(.d-none),
#ev-receive-vendor-results:not(.d-none) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* ─────────── Results — dark frost tray + light frost cards (frost-lab) ───────────
   Tray = data-glass=dark; cards = data-glass=light. Path owns both silhouettes.
*/

#inventory-table-card.results > *:not(.ev-glass-edge) {
    position: relative;
    z-index: 1;
}

/* Filters on the recessed tray — light neo chips */
.ev-inv-beam-filters .ev-inv-select-all,
.ev-inv-beam-filters .results__meta--chip,
.ev-inv-beam-filters #inventory-table-result-summary.results__meta--chip,
.ev-inv-beam-filters .results__chip,
#main-app .ev-inv-beam-filters .results__chip {
    background: color-mix(in srgb, var(--surface) 82%, transparent) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    backdrop-filter: blur(10px) saturate(1.15);
    box-shadow: var(--raised-sm) !important;
    color: var(--mute) !important;
}

/* Column labels on dark frost tray */
#inventory-table-card .results__cols-facts > span,
#main-app #inventory-table-card .results__cols-facts > span {
    color: rgba(245, 245, 247, 0.55) !important;
    text-shadow: none;
}

#inventory-table-card[data-glass="dark"] .results__cols-filter,
#main-app #inventory-table-card[data-glass="dark"] .results__cols-filter {
    background: var(--ev-frost-fill-light) !important;
    color: var(--ink) !important;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.28),
        inset 8px 8px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
}
#inventory-table-card[data-glass="dark"] .results__cols-filter:hover,
#inventory-table-card[data-glass="dark"] .results__cols-filter.ev-th-filter-btn--active,
#inventory-table-card[data-glass="dark"] .results__cols-filter[aria-expanded='true'] {
    background: var(--ev-frost-fill-light-dense) !important;
    color: var(--ink) !important;
}

/*
  Inventory cards — lab clear frost (data-glass=light) on the dark tray.
  Path owns TL+BR chamfer; lab BR Kelvin on those two cuts only.
*/
.ev-glass-edge {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    pointer-events: none;
    z-index: 3 !important;
    overflow: visible;
    display: block;
}
.ev-glass-edge__rim {
    fill: none;
    stroke-linejoin: round;
    stroke-linecap: round;
    mix-blend-mode: screen;
    opacity: 0.9;
}
.ev-glass-edge__rim--soft {
    opacity: 0.55;
    filter: blur(3.2px);
}
.ev-glass-edge__lip {
    fill: none;
    stroke-linejoin: round;
    stroke-linecap: butt;
    mix-blend-mode: screen;
    opacity: 0.85;
}
.ev-glass-edge__lip--soft {
    opacity: 0.5;
    filter: blur(3px);
}
/* Quiet hairline on the same path as the clip — follows TL/BR cuts + TR/BL rounds */
.ev-glass-edge__sil {
    fill: none;
    stroke: rgba(255, 255, 255, var(--ev-frost-hairline));
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

#main-app #inventory-table-card .result,
#inventory-table-card .result,
#main-app #ev-receive-batch-table-wrap .result,
#ev-receive-batch-table-wrap .result,
#ev-receive-review-area .result {
    --ev-card-frost-blur: 16px;
    /* Light frost stacked on dark tray — stack token so the tray shows through */
    --ev-frost-fill-light: var(--ev-frost-fill-light-stack);
    --ev-frost-fill-light-dense: rgba(255, 255, 255, 0.28);
    position: relative;
    isolation: isolate;
    overflow: visible;
    border-radius: 0 !important;
    /* Path owns the silhouette — no square CSS frame (lab: clip + glass-edge) */
    border: none !important;
    /* Lab clear frost — white fill + blur, not deck dark */
    background: var(--ev-frost-fill-light) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(var(--ev-card-frost-blur)) saturate(180%);
    backdrop-filter: blur(var(--ev-card-frost-blur)) saturate(180%);
    box-shadow:
        0 8px 22px rgba(77, 64, 58, 0.12),
        0 2px 6px rgba(77, 64, 58, 0.06),
        inset 14px 14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)),
        inset -14px -14px var(--ev-frost-spread) calc(var(--ev-frost-spread) * -0.55)
            rgba(255, 255, 255, var(--ev-frost-corner-raise)) !important;
    color: #ffffff !important;
    transform: none;
    text-shadow: none;
}

@media (max-width: 991.98px) {
    #main-app #inventory-table-card .result,
    #inventory-table-card .result,
    #main-app #ev-receive-batch-table-wrap .result,
    #ev-receive-batch-table-wrap .result,
    #ev-receive-review-area .result {
        --ev-card-frost-blur: 12px;
    }
}

/* No full-pane wash — lab BR Kelvin on the chamfer is the only light */
#main-app #inventory-table-card .result::before,
#inventory-table-card .result::before,
#main-app #ev-receive-batch-table-wrap .result::before,
#ev-receive-batch-table-wrap .result::before,
#ev-receive-review-area .result::before,
#main-app #inventory-table-card .result::after,
#inventory-table-card .result::after,
#main-app #ev-receive-batch-table-wrap .result::after,
#ev-receive-batch-table-wrap .result::after,
#ev-receive-review-area .result::after {
    content: none !important;
    display: none !important;
}

/* Hairline off — TL/BR cut Kelvin only (lab BR recipe) */
#main-app #inventory-table-card .result .ev-glass-edge__sil,
#inventory-table-card .result .ev-glass-edge__sil,
#ev-receive-batch-table-wrap .result .ev-glass-edge__sil,
#ev-receive-review-area .result .ev-glass-edge__sil {
    display: none;
}

#main-app #inventory-table-card .result > *:not(.ev-glass-edge),
#inventory-table-card .result > *:not(.ev-glass-edge),
#main-app #ev-receive-batch-table-wrap .result > *:not(.ev-glass-edge),
#ev-receive-batch-table-wrap .result > *:not(.ev-glass-edge),
#ev-receive-review-area .result > *:not(.ev-glass-edge) {
    position: relative;
    z-index: 1;
}

/* Reduced transparency / no backdrop-filter — near-opaque pearl (legibility) */
@media (prefers-reduced-transparency: reduce) {
    #main-app #inventory-table-card.results,
    #inventory-table-card.results,
    #ev-receive-batch-table-wrap.results {
        background: var(--ev-dock-panel-solid) !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #main-app #inventory-table-card .result,
    #inventory-table-card .result {
        background: var(--ev-frost-fill-light-solid) !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    .ev-inv-vendor-suggest,
    #inventory-vendor-suggest,
    #ev-receive-vendor-results {
        background: var(--ev-dock-panel-solid) !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    #main-app #inventory-table-card .result,
    #inventory-table-card .result {
        background: var(--ev-frost-fill-light-solid) !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    .ev-inv-vendor-suggest,
    #inventory-vendor-suggest,
    #ev-receive-vendor-results {
        background: var(--ev-dock-panel-solid) !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* Filters chip inside the vendor oval (between name and count) */
/* Filters = raised half of the shared meta card */
.ev-search-oval-meta .ev-inv-filters-chip--oval {
    display: inline-flex !important;
    align-items: stretch;
    height: 100%;
}
.ev-inv-filters-chip--oval .ev-inv-filters-btn,
.ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn {
    box-sizing: border-box;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0.2rem 0.75rem !important;
    border-radius: max(4px, calc(var(--ev-plate-r, 7px) - 2px)) !important;
    background: var(--ev-btn-face, var(--ev-khaki)) !important;
    color: var(--ink) !important;
    box-shadow: var(--raised-sm) !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}
.ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn:hover,
.ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn:focus-visible,
.ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn[aria-expanded='true'] {
    background: var(--ev-btn-face-press) !important;
    box-shadow: var(--recessed-btn) !important;
}

#main-app #inventory-table-card .result,
#inventory-table-card .result,
#ev-receive-batch-table-wrap .result,
#ev-receive-review-area .result {
    color: #ffffff !important;
}

#main-app #inventory-table-card .result .result__name,
#main-app #inventory-table-card .result .result__sku-num,
#main-app #inventory-table-card .result .result__sku,
#main-app #inventory-table-card .result .result__price,
#main-app #inventory-table-card .result .result__price--cost,
#main-app #inventory-table-card .result .result__price--retail,
#main-app #inventory-table-card .result .result__chip:not(.result__status),
#main-app #inventory-table-card .result .result__loc,
#main-app #inventory-table-card .result .result__note,
#main-app #inventory-table-card .result .result__note-label,
#main-app #inventory-table-card .result .result__note-arrow,
#inventory-table-card .result .result__name,
#inventory-table-card .result .result__sku-num,
#inventory-table-card .result .result__price,
#inventory-table-card .result .result__price--cost,
#inventory-table-card .result .result__price--retail,
#inventory-table-card .result .result__chip:not(.result__status),
#inventory-table-card .result .result__note,
#inventory-table-card .result .result__loc,
#ev-receive-batch-table-wrap .result .result__name,
#ev-receive-batch-table-wrap .result .result__sku-num,
#ev-receive-batch-table-wrap .result .result__price,
#ev-receive-batch-table-wrap .result .result__price--cost,
#ev-receive-batch-table-wrap .result .result__price--retail,
#ev-receive-batch-table-wrap .result .result__chip:not(.result__status),
#ev-receive-batch-table-wrap .result .result__note {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Beat status-selected brown ink — solid white like the L */
#main-app #inventory-table-card .result.is-selected .result__name,
#main-app #inventory-table-card .result.is-selected .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected .result__price,
#main-app #inventory-table-card .result.is-selected[data-status] .result__name,
#main-app #inventory-table-card .result.is-selected[data-status] .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status] .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected[data-status] .result__price,
#inventory-table-card .result.is-selected .result__name,
#inventory-table-card .result.is-selected .result__price,
#inventory-table-card .result.inv-bulk-selected .result__name,
#inventory-table-card .result.inv-bulk-selected .result__price {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Status stays colored — do not flatten with deck-white type */
#main-app #inventory-table-card .result .result__sku-status--active,
#inventory-table-card .result .result__sku-status--active,
#ev-receive-batch-table-wrap .result .result__sku-status--active {
    color: var(--ev-status-active, #5a9a6e) !important;
    -webkit-text-fill-color: var(--ev-status-active, #5a9a6e) !important;
}
#main-app #inventory-table-card .result .result__sku-status--consigned,
#inventory-table-card .result .result__sku-status--consigned,
#ev-receive-batch-table-wrap .result .result__sku-status--consigned,
#main-app #inventory-table-card .result .result__consigned-to,
#inventory-table-card .result .result__consigned-to {
    color: var(--ev-status-consigned, #6a88b0) !important;
    -webkit-text-fill-color: var(--ev-status-consigned, #6a88b0) !important;
}
#main-app #inventory-table-card .result .result__sku-status--repair,
#inventory-table-card .result .result__sku-status--repair,
#ev-receive-batch-table-wrap .result .result__sku-status--repair {
    color: var(--ev-status-repair, #d47830) !important;
    -webkit-text-fill-color: var(--ev-status-repair, #d47830) !important;
}
#main-app #inventory-table-card .result .result__sku-status--sold,
#inventory-table-card .result .result__sku-status--sold,
#ev-receive-batch-table-wrap .result .result__sku-status--sold {
    color: var(--ev-status-sold, #9a7aad) !important;
    -webkit-text-fill-color: var(--ev-status-sold, #9a7aad) !important;
}
#main-app #inventory-table-card .result .result__sku-status--returned,
#inventory-table-card .result .result__sku-status--returned,
#ev-receive-batch-table-wrap .result .result__sku-status--returned {
    color: var(--ev-status-returned, #c07068) !important;
    -webkit-text-fill-color: var(--ev-status-returned, #c07068) !important;
}

/* Hover — same geometry as idle (lift was dropping the pointer on leave). Stay frost. */
#main-app #inventory-table-card.results[data-hover='white'] .result:hover:not(.is-selected):not(.inv-bulk-selected),
#inventory-table-card.results[data-hover='white'] .result:hover:not(.is-selected):not(.inv-bulk-selected),
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected),
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected),
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status],
#ev-receive-batch-table-wrap .result:hover:not(.is-selected) {
    background: var(--ev-frost-fill-light-dense) !important;
    background-image: none !important;
    transform: none !important;
}

/* Status hover — same frost as idle hover (no tinted gradients) */
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='active'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='active'],
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='consigned'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='consigned'],
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='repair'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='repair'],
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='sold'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='sold'],
#main-app #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='returned'],
#inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)[data-status='returned'] {
    background: var(--ev-frost-fill-light-dense) !important;
    background-image: none !important;
    transform: none !important;
}

/*
  Selected — glass lit solid: status wash goes near-opaque (dark ink stays
  readable via existing rules), card presses toward the stage (shorter drop).
*/
#main-app #inventory-table-card.results[data-click='yellow'] .result.is-selected,
#main-app #inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected,
#inventory-table-card.results[data-click='yellow'] .result.is-selected,
#inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected {
    background: var(--ev-frost-fill-light-dense) !important;
    background-image: none !important;
    transform: none !important;
}
#main-app #inventory-table-card .result.is-selected[data-status='active'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='active'],
#inventory-table-card .result.is-selected[data-status='active'],
#inventory-table-card .result.inv-bulk-selected[data-status='active'],
#main-app #inventory-table-card .result.is-selected[data-status='consigned'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='consigned'],
#inventory-table-card .result.is-selected[data-status='consigned'],
#inventory-table-card .result.inv-bulk-selected[data-status='consigned'],
#main-app #inventory-table-card .result.is-selected[data-status='repair'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='repair'],
#inventory-table-card .result.is-selected[data-status='repair'],
#inventory-table-card .result.inv-bulk-selected[data-status='repair'],
#main-app #inventory-table-card .result.is-selected[data-status='sold'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='sold'],
#inventory-table-card .result.is-selected[data-status='sold'],
#inventory-table-card .result.inv-bulk-selected[data-status='sold'],
#main-app #inventory-table-card .result.is-selected[data-status='returned'],
#main-app #inventory-table-card .result.inv-bulk-selected[data-status='returned'],
#inventory-table-card .result.is-selected[data-status='returned'],
#inventory-table-card .result.inv-bulk-selected[data-status='returned'] {
    background: var(--ev-frost-fill-light-dense) !important;
    background-image: none !important;
}

#main-app #inventory-table-card .result.is-selected .result__name,
#main-app #inventory-table-card .result.is-selected .result__price,
#main-app #inventory-table-card .result.inv-bulk-selected .result__name,
#main-app #inventory-table-card .result.inv-bulk-selected .result__price,
#inventory-table-card .result.is-selected .result__name,
#inventory-table-card .result.is-selected .result__price,
#inventory-table-card .result.inv-bulk-selected .result__name,
#inventory-table-card .result.inv-bulk-selected .result__price {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app #inventory-table-card .result.is-selected,
#main-app #inventory-table-card .result.inv-bulk-selected,
#inventory-table-card .result.is-selected,
#inventory-table-card .result.inv-bulk-selected {
    box-shadow:
        var(--raised-sm),
        inset 0 0 0 1.5px rgba(var(--ev-light), 0.72),
        inset 0 0 12px 0 rgba(var(--ev-light), 0.28),
        inset 10px 0 18px -2px rgba(var(--ev-light), 0.18),
        inset -10px 0 18px -2px rgba(var(--ev-light), 0.18) !important;
}

/* Other marks — carved wells. Type pill + SKU stay out of this. */
#main-app #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__mark:not(.result__mark--sku),
#inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__mark:not(.result__mark--sku) {
    background: color-mix(in srgb, var(--ev-khaki) 28%, transparent) !important;
    border-radius: var(--ev-r-chip) !important;
    box-shadow: var(--recessed) !important;
    color: #ffffff !important;
}

#main-app #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status,
#inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status {
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 2px 6px rgba(0, 0, 0, 0.14) !important;
}
#main-app #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--active,
#inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--active {
    background: color-mix(in srgb, #5a9a6e 22%, transparent) !important;
}
#main-app #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--consigned,
#inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--consigned {
    background: color-mix(in srgb, #c4a04a 20%, transparent) !important;
}
#main-app #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--repair,
#inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--repair {
    background: color-mix(in srgb, #d47830 20%, transparent) !important;
}
#main-app #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--sold,
#inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--sold {
    background: color-mix(in srgb, #9a7aad 22%, transparent) !important;
}
#main-app #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--returned,
#inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__status--returned {
    background: color-mix(in srgb, #c07068 20%, transparent) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    #main-app #inventory-table-card .result,
    #inventory-table-card .result {
        background: linear-gradient(
            165deg,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(255, 255, 255, 0.55) 55%,
            rgba(255, 255, 255, 0.68) 100%
        ) !important;
    }
}

/* Light canvas: no pseudo chrome; body/list stay clear so cards float */
#main-app #inventory-table-card::before,
#main-app #inventory-table-card::after,
#inventory-table-card::before,
#inventory-table-card::after {
    content: none !important;
    display: none !important;
}

#main-app #inventory-table-card .ev-inv-results-body,
#main-app #inventory-table-card .results__list,
#main-app #inventory-table-card .results__cols,
#inventory-table-card .ev-inv-results-body,
#inventory-table-card .results__list {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* ── Final insurance: frame + halo + carve (do NOT flatten to PEARL) ── */
#main-app #inventory-search-lab.sbar:not(:focus-within):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading),
#main-app .ev-inv-search-wrap .sbar:not(:focus-within):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading) {
    color: var(--ink, #4d403a) !important;
    box-shadow: var(--ev-search-depth) !important;
    overflow: visible !important;
}
#main-app.ev-section-inventory #inventory-search-lab.sbar:not(:focus-within):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading),
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar:not(:focus-within):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading) {
    --ev-search-depth: none;
    --ev-search-halo: none;
    --ev-search-catch: none;
    --ev-search-glow: 0;
    box-shadow: none !important;
    overflow: hidden !important;
}
#main-app #inventory-search-lab.sbar input,
#main-app #inventory-search-lab.sbar #inventory-search {
    color: var(--ink, #4d403a) !important;
    background: transparent !important;
}
#main-app #inventory-search-lab.sbar:not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading) .field__rim {
    opacity: 0 !important;
}

/* Dock: orange needs-reply count — sit on the icon (inset) so collapsed rail doesn’t clip it */
#nav-inquiries-link {
    position: relative !important;
    overflow: visible !important;
}
#nav-inquiries-link .ev-sidebar-icon {
    position: relative !important;
}
#nav-inquiries-badge.ev-inq-nav-badge {
    position: absolute !important;
    /* Over the icon, top-left — stays inside the icon slot when dock is compressed */
    top: 0.12rem !important;
    left: calc(50% - 0.95rem) !important;
    right: auto !important;
    min-width: 1.05rem !important;
    height: 1.05rem !important;
    padding: 0 0.26rem !important;
    border: none !important;
    border-radius: 999px !important;
    background: #d97706 !important;
    color: #fff !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18),
                0 0 0 1px rgba(0, 0, 0, 0.12) !important;
    font-size: 0.62rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 3;
    pointer-events: none;
}
#nav-inquiries-badge.ev-inq-nav-badge:not(.d-none) {
    display: inline-flex !important;
}
#nav-inquiries-badge.ev-inq-nav-badge.d-none {
    display: none !important;
}
/* Collapsed stem: pin badge to the square icon cell */
#main-app > .ev-sidebar.ev-oval:not(:hover):not(:focus-within) #nav-inquiries-badge.ev-inq-nav-badge {
    top: 0.08rem !important;
    left: 0.08rem !important;
    right: auto !important;
}

/* ── Inquiry (Quote / Contact) ── */
/* Title lives on the L arm / phone topdeck — white capitals like dock labels */
.ev-dock-arm-title {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif) !important;
    font-size: 0.92rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.45),
        0 1px 2px rgba(0, 0, 0, 0.45) !important;
    pointer-events: none;
}
#inquiries-section > .ev-dock-arm-title {
    margin: 0 0 0.85rem;
}
/* Quote/Contact chrome stays; only list + detail panes scroll */
#inquiries-section:not(.d-none) {
    display: flex !important;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    flex: 1 1 auto;
    height: 100%;
}
#main-app:has(#inquiries-section:not(.d-none)) .ev-app-main {
    overflow: hidden !important;
}
#main-app:has(#inquiries-section:not(.d-none)) #ev-main-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    padding-bottom: 0.75rem !important;
}
@media (min-width: 992px) {
    #main-app.ev-dock-l > .ev-dock-arm-slot > .ev-dock-arm-title {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        margin: 0 !important;
        pointer-events: none;
    }
}
@media (max-width: 991.98px) {
    #ev-mobile-topdeck-slot > .ev-dock-arm-title {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        margin: 0 !important;
        grid-column: 1 / -1;
        grid-row: 1;
        pointer-events: none;
    }
}
.ev-inq-settings-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.2rem 0.45rem;
    line-height: 1;
    color: var(--ink) !important;
    border-color: color-mix(in srgb, var(--ink) 22%, transparent) !important;
}
.ev-inq-segment-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 0.65rem;
    padding-inline: 2.5rem;
    flex: 0 0 auto;
}
.ev-inq-segment {
    display: flex;
    gap: 0;
    border-radius: 16px;
    padding: 4px;
    background: var(--neo-surface, #f0ebe3);
    box-shadow: inset 2px 2px 6px rgba(163, 147, 128, 0.3),
                inset -2px -2px 6px rgba(255, 255, 255, 0.72);
    width: min(100%, 360px);
}
.ev-inq-seg-btn {
    flex: 1;
    border: 0;
    border-radius: 12px;
    padding: 0.65rem 1rem;
    background: transparent;
    color: inherit;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    transition: box-shadow 0.18s ease, background 0.18s ease;
}
.ev-inq-seg-btn.is-active {
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 3px 3px 8px rgba(163, 147, 128, 0.32),
                -2px -2px 6px rgba(255, 255, 255, 0.8);
}
.ev-inq-seg-count {
    font-weight: 500;
    font-size: 0.8rem;
    opacity: 0.65;
}
.ev-inq-seg-new {
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
    color: #fff;
    background: #d97706;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
}
.ev-inq-workspace {
    display: grid;
    /* Narrow left list — give the detail pane the room */
    grid-template-columns: minmax(168px, 240px) minmax(0, 1fr);
    gap: 0.85rem;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    overflow: hidden;
}
.ev-inq-list-pane,
.ev-inq-detail-pane {
    min-width: 0;
    min-height: 0;
}
.ev-inq-list-pane {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.ev-inq-detail-pane {
    border-radius: 16px;
    padding: 1rem 1.1rem;
    background: var(--neo-surface, #f0ebe3);
    box-shadow: inset 3px 3px 8px rgba(163, 147, 128, 0.28),
                inset -3px -3px 8px rgba(255, 255, 255, 0.72);
    height: 100%;
    overflow-y: auto;
}
.ev-inq-detail-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    height: 100%;
    text-align: center;
    padding: 1.5rem;
}
.ev-inq-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    flex-shrink: 0;
}
.ev-inq-back-btn {
    display: none;
    flex-shrink: 0;
    align-items: center;
    gap: 0.25rem;
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 650;
    font-size: 0.88rem;
    padding: 0.35rem 0.2rem 0.35rem 0;
    min-height: 2.75rem;
}
.ev-inq-compose {
    margin-top: 0.35rem;
}
.ev-inq-compose-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}
#inq-send-btn,
#inq-close-btn {
    min-height: 2.5rem;
}
.ev-inq-detail-head-text {
    min-width: 0;
}
.ev-inq-items-label {
    font-weight: 600;
    letter-spacing: 0.02em;
}
.ev-inquiry-list {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.1rem;
}
@media (max-width: 991.98px) {
    #main-app:has(#inquiries-section:not(.d-none)) .ev-app-main {
        min-height: 0 !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
    }
    #inquiries-section:not(.d-none) {
        height: calc(100dvh - var(--ev-mobile-topdeck-h, 7.35rem) - 0.5rem);
        max-height: calc(100dvh - var(--ev-mobile-topdeck-h, 7.35rem) - 0.5rem);
    }
    .ev-inq-workspace {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 0;
    }
    .ev-inq-list-pane {
        overflow: hidden;
        max-height: none;
        height: 100%;
        min-height: 0;
    }
    /* List mode: don't stack a second pane that scrolls the page */
    .ev-inq-detail-pane {
        display: none;
    }
    .ev-inq-back-btn {
        display: inline-flex;
    }
    #inquiries-section.ev-inq-thread-open .ev-inq-list-pane {
        display: none;
    }
    #inquiries-section.ev-inq-thread-open .ev-inq-detail-pane {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: none;
        overflow: hidden;
        padding-bottom: 0;
    }
    #inquiries-section.ev-inq-thread-open .ev-inq-detail-content {
        display: flex;
        flex-direction: column;
        min-height: 0;
        flex: 1 1 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0;
    }
    #inquiries-section.ev-inq-thread-open .ev-inq-compose {
        flex: 0 0 auto;
        position: sticky;
        bottom: 0;
        z-index: 2;
        margin: 0 -1.1rem 0;
        padding: 0.75rem 1.1rem calc(0.85rem + env(safe-area-inset-bottom, 0px));
        background: var(--neo-surface, #f0ebe3);
        box-shadow: 0 -8px 18px rgba(163, 147, 128, 0.18);
    }
    #inq-reply-message,
    .ev-inq-item-quote-price {
        font-size: 16px !important; /* iOS: no zoom on focus */
        min-height: 2.75rem;
    }
    #inq-send-btn {
        flex: 1 1 auto;
        min-height: 2.85rem;
    }
    #inq-close-btn {
        min-height: 2.85rem;
    }
}
.ev-inquiry-row {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.5rem;
    background: var(--neo-surface, #f0ebe3);
    box-shadow: inset 2px 2px 5px rgba(163, 147, 128, 0.28),
                inset -2px -2px 5px rgba(255, 255, 255, 0.7);
    color: inherit;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.ev-inquiry-row:hover,
.ev-inquiry-row.is-active {
    box-shadow: 3px 3px 8px rgba(163, 147, 128, 0.35),
                -2px -2px 6px rgba(255, 255, 255, 0.75);
}
.ev-inquiry-row-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    min-width: 0;
}
.ev-inquiry-row-text {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    flex: 1;
}
.ev-inquiry-row-name {
    font-weight: 600;
    font-size: 0.92rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.ev-inquiry-row-date {
    font-size: 0.78rem;
    opacity: 0.65;
    line-height: 1.1;
    flex-shrink: 0;
}
.ev-inquiry-row-signals {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex-shrink: 0;
}
.ev-inquiry-row-qty {
    font-weight: 700;
    font-size: 0.88rem;
    font-variant-numeric: tabular-nums;
    opacity: 0.85;
}
.ev-inquiry-row .ev-inq-mark {
    width: 1.4rem;
    height: 1.4rem;
    font-size: 0.7rem;
}
.ev-inq-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    flex-shrink: 0;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.12),
                inset -1px -1px 2px rgba(255, 255, 255, 0.5);
}
.ev-inq-mark--new {
    color: #fff;
    background: #e67e22;
}
.ev-inq-mark--ok {
    color: #fff;
    background: #3d9a6a;
}
.ev-inq-mark--closed {
    color: rgba(77, 64, 58, 0.45);
    background: rgba(163, 147, 128, 0.25);
}
.ev-inq-customer-message-block {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.ev-inq-customer-message-title {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.7;
    padding: 0 0.15rem;
}
.ev-inq-customer-message-body {
    white-space: pre-wrap;
    font-size: 0.95rem;
    line-height: 1.45;
    min-width: 0;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.03);
    box-shadow: inset 1px 1px 3px rgba(163, 147, 128, 0.22);
}
.ev-inq-customer-message-block.is-empty .ev-inq-customer-message-body {
    opacity: 0.45;
    font-style: italic;
}
.ev-inquiry-row-ref {
    font-size: 0.7rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    opacity: 0.68;
    margin-bottom: 0.15rem;
}
.ev-inq-items-list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}
.ev-inquiry-item-card {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1.4fr) 5.5rem 5.5rem minmax(7rem, 8.5rem);
    gap: 0.65rem 0.85rem;
    align-items: center;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.35);
    box-shadow: inset 1px 1px 3px rgba(163, 147, 128, 0.18);
}
.ev-inquiry-item-card--openable {
    cursor: pointer;
}
.ev-inquiry-item-card--openable:hover,
.ev-inquiry-item-card--openable:focus-visible {
    background: rgba(255, 255, 255, 0.55);
    outline: none;
}
.ev-inquiry-item-card--openable.is-open {
    background: rgba(255, 255, 255, 0.62);
    box-shadow:
        inset 1px 1px 3px rgba(163, 147, 128, 0.16),
        0 0 0 1px color-mix(in srgb, var(--ev-cacao, #4d403a) 12%, transparent);
}
.ev-inq-item-media {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
}
.ev-inquiry-item-card img,
.ev-inquiry-item-ph {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}
.ev-inquiry-item-ph {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    background: rgba(0, 0, 0, 0.06);
    color: rgba(77, 64, 58, 0.45);
    box-shadow: inset 1px 1px 3px rgba(163, 147, 128, 0.2);
}
.ev-inquiry-item-ph i {
    font-size: 1.05rem;
    line-height: 1;
}
.ev-inquiry-item-ph span {
    font-size: 0.58rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 1;
}
.ev-inq-item-status {
    font-size: 0.95rem;
    font-weight: 750;
    letter-spacing: 0.02em;
    line-height: 1.15;
    text-align: center;
    color: var(--ink, #2a241c);
}
.ev-inq-item-status--active { color: var(--ev-status-active, #5a9a6e); }
.ev-inq-item-status--consigned { color: var(--ev-status-consigned, #6a88b0); }
.ev-inq-item-status--repair,
.ev-inq-item-status--in_repair { color: var(--ev-status-repair, #d47830); }
.ev-inq-item-status--sold { color: var(--ev-status-sold, #9a7aad); }
.ev-inq-item-status--returned { color: var(--ev-status-returned, #c07068); }
.ev-inq-item-status--missing { color: #8a4a4a; }
.ev-inq-item-identity {
    min-width: 0;
}
.ev-inq-item-sku-btn,
.ev-inquiry-item-card .sku {
    display: inline-block;
    font-family: ui-monospace, monospace;
    font-weight: 700;
    font-size: 0.95rem;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    text-align: left;
}
.ev-inq-item-sku-btn {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.2);
    text-underline-offset: 2px;
}
.ev-inq-item-sku-btn:hover {
    text-decoration-color: currentColor;
}
.ev-inquiry-item-desc {
    margin-top: 0.2rem;
    font-size: 0.86rem;
    line-height: 1.3;
    opacity: 0.88;
}
.ev-inq-item-money,
.ev-inq-item-quote {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}
.ev-inq-item-money-label {
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.62;
    margin: 0;
}
.ev-inq-item-money-val {
    font-size: 0.95rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}
.ev-inq-item-quote .ev-inq-item-quote-price {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.ev-inq-item-quote .ev-inq-item-quote-price.is-invalid {
    box-shadow: inset 0 0 0 1px rgba(192, 112, 104, 0.85),
                inset 1px 1px 3px rgba(163, 147, 128, 0.2);
}
.ev-inq-send-busy {
    font-size: 0.82rem;
    font-weight: 650;
    opacity: 0.8;
}
.ev-inq-send-log {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.15rem;
}
.ev-inq-send-log-title {
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    opacity: 0.7;
}
.ev-inq-send-log-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.ev-inq-send-log-row {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    border-radius: 12px;
    padding: 0.5rem 0.65rem;
    background: var(--neo-surface, #f0ebe3);
    box-shadow: inset 2px 2px 5px rgba(163, 147, 128, 0.28),
                inset -2px -2px 5px rgba(255, 255, 255, 0.7);
    color: inherit;
}
.ev-inq-send-log-row-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}
.ev-inq-send-log-when {
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    opacity: 0.7;
    flex-shrink: 0;
}
.ev-inq-send-log-status {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
}
.ev-inq-send-log-row.is-ok .ev-inq-send-log-status {
    color: #2f7a54;
    opacity: 1;
}
.ev-inq-send-log-row.is-bad .ev-inq-send-log-status {
    color: #a34a42;
    opacity: 1;
}
.ev-inq-send-log-to {
    font-size: 0.82rem;
    font-weight: 550;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.ev-inq-send-log-err {
    font-size: 0.78rem;
    color: #a34a42;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.ev-inquiry-item-card--offhand {
    box-shadow: inset 1px 1px 3px rgba(163, 147, 128, 0.18),
                inset 0 0 0 1px rgba(214, 140, 60, 0.28);
}
.ev-inquiry-item-card--missing {
    opacity: 0.92;
}
@media (max-width: 900px) {
    .ev-inquiry-item-card {
        grid-template-columns: 5rem minmax(0, 1fr);
        grid-template-areas:
            "media identity"
            "media money"
            "media quote";
    }
    .ev-inq-item-media { grid-area: media; }
    .ev-inq-item-identity { grid-area: identity; }
    .ev-inq-item-money { display: inline-flex; flex-direction: row; align-items: baseline; gap: 0.4rem; }
    .ev-inq-item-quote { grid-area: quote; }
}

/*
  Toast + notice dialogs — clear pane, not frosted fog.
  Blur on the glass (or the page behind it) smears what you should see through.
  Tint + lip + saturate only.
*/
@keyframes evNoticeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes evNoticeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

body:has(.ev-app-notice-modal.show) .modal-backdrop.show {
    background: rgba(38, 38, 38, 0.1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.ev-notification-stack {
    right: max(1.15rem, env(safe-area-inset-right, 0px));
    bottom: max(1.15rem, env(safe-area-inset-bottom, 0px));
    gap: 0.65rem;
    width: min(22.5rem, calc(100vw - 2rem));
}

.ev-notification {
    --glass-rgb: 163, 150, 141;
    isolation: auto;
    background: color-mix(
        in srgb,
        rgb(var(--glass-rgb)) 10%,
        rgba(255, 255, 255, 0.16)
    ) !important;
    background-color: color-mix(
        in srgb,
        rgb(var(--glass-rgb)) 10%,
        rgba(255, 255, 255, 0.16)
    ) !important;
    background-image: none !important;
    border: none !important;
    border-radius: 18px !important;
    color: var(--ink, #4d403a) !important;
    -webkit-backdrop-filter: saturate(160%) brightness(1.08) !important;
    backdrop-filter: saturate(160%) brightness(1.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 -1px 0 rgba(var(--glass-rgb), 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.42),
        0 0 0 1px rgba(var(--glass-rgb), 0.16),
        0 18px 40px rgba(38, 38, 38, 0.14) !important;
}

.ev-notification--success { --glass-rgb: 48, 128, 86; }
.ev-notification--warning { --glass-rgb: 176, 140, 72; }
.ev-notification--danger { --glass-rgb: 196, 58, 54; }
.ev-notification--info { --glass-rgb: 77, 64, 58; }

.ev-notification::before {
    content: none !important;
    display: none !important;
}

.ev-notification-icon {
    display: grid;
    place-items: center;
    width: 1.55rem;
    height: 1.55rem;
    margin-top: 0.05rem;
    border-radius: 999px;
    background: color-mix(in srgb, rgb(var(--glass-rgb)) 18%, rgba(255, 255, 255, 0.22));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 0 0 1px rgba(var(--glass-rgb), 0.2);
    color: rgb(var(--glass-rgb)) !important;
    font-size: 0.82rem !important;
}

.ev-notification-title {
    color: var(--ink, #4d403a) !important;
    font-family: var(--font-sans, inherit);
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

.ev-notification-message {
    color: var(--ink, #4d403a) !important;
    opacity: 0.88;
}

.ev-notification-close {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: var(--mute, #a3968d) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 0 0 1px rgba(77, 64, 58, 0.1);
}

.ev-notification-close:hover {
    color: var(--ink, #4d403a) !important;
    box-shadow: var(--recessed, inset 2px 2px 6px rgba(163, 150, 141, 0.28));
}

.modal-content.ev-app-notice {
    --glass-rgb: 163, 150, 141;
    background: color-mix(
        in srgb,
        rgb(var(--glass-rgb)) 8%,
        rgba(255, 255, 255, 0.14)
    ) !important;
    background-color: color-mix(
        in srgb,
        rgb(var(--glass-rgb)) 8%,
        rgba(255, 255, 255, 0.14)
    ) !important;
    background-image: none !important;
    -webkit-backdrop-filter: saturate(160%) brightness(1.08) !important;
    backdrop-filter: saturate(160%) brightness(1.08) !important;
    border: none !important;
    border-radius: 22px !important;
    color: var(--ink, #4d403a) !important;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        inset 0 -1px 0 rgba(var(--glass-rgb), 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.4),
        0 0 0 1px rgba(var(--glass-rgb), 0.14),
        0 24px 60px rgba(38, 38, 38, 0.16) !important;
}

.modal-content.ev-app-notice.ev-app-notice--success { --glass-rgb: 48, 128, 86; }
.modal-content.ev-app-notice.ev-app-notice--warning { --glass-rgb: 176, 140, 72; }
.modal-content.ev-app-notice.ev-app-notice--danger { --glass-rgb: 196, 58, 54; }
.modal-content.ev-app-notice.ev-app-notice--info { --glass-rgb: 77, 64, 58; }

.ev-app-notice .modal-title,
.ev-app-notice .modal-title span,
.ev-app-notice .modal-body p {
    color: var(--ink, #4d403a) !important;
}

.ev-app-notice .modal-title i {
    color: rgb(var(--glass-rgb)) !important;
}

.ev-app-notice .btn-close,
.ev-app-notice .btn-close-white {
    background-color: rgba(255, 255, 255, 0.42) !important;
    -webkit-backdrop-filter: blur(12px) saturate(170%) !important;
    backdrop-filter: blur(12px) saturate(170%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 0 0 1px rgba(255, 255, 255, 0.35),
        0 0 0 1px rgba(77, 64, 58, 0.12) !important;
}

.ev-app-notice .btn:not(.btn-close):not(.btn-close-white):not(.btn-link) {
    position: relative;
    isolation: isolate;
    border: none !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    transform: none !important;
    -webkit-backdrop-filter: blur(12px) saturate(170%) brightness(1.04) !important;
    backdrop-filter: blur(12px) saturate(170%) brightness(1.04) !important;
}

.ev-app-notice .btn-outline-light {
    background: rgba(255, 255, 255, 0.48) !important;
    color: var(--ink, #4d403a) !important;
    -webkit-text-fill-color: var(--ink, #4d403a) !important;
    text-shadow: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(77, 64, 58, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.4),
        0 0 0 1px rgba(77, 64, 58, 0.14) !important;
}

.ev-app-notice .btn-success,
.ev-app-notice .btn-gold {
    background: color-mix(in srgb, rgb(48, 128, 86) 46%, rgba(255, 255, 255, 0.48)) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 -1px 0 rgba(48, 128, 86, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.28),
        0 0 0 1px rgba(48, 128, 86, 0.45) !important;
}

.ev-app-notice .btn-danger {
    background: color-mix(in srgb, rgb(196, 58, 54) 46%, rgba(255, 255, 255, 0.46)) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        inset 0 -1px 0 rgba(196, 58, 54, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.26),
        0 0 0 1px rgba(196, 58, 54, 0.45) !important;
}

.ev-app-notice .btn:not(.btn-close):not(.btn-close-white):not(.btn-link):not(:disabled):hover,
.ev-app-notice .btn:not(.btn-close):not(.btn-close-white):not(.btn-link):not(:disabled):focus-visible,
.ev-app-notice .btn:not(.btn-close):not(.btn-close-white):not(.btn-link):not(:disabled):active {
    transform: none !important;
    filter: none !important;
    box-shadow:
        var(--recessed, inset 2px 2px 6px rgba(77, 64, 58, 0.16)),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .ev-notification,
    .modal-content.ev-app-notice {
        background: rgba(250, 248, 245, 0.92) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .ev-notification,
    .modal-content.ev-app-notice {
        background: rgba(250, 248, 245, 0.94) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/*
  Inventory Control Center mixes — Cursor / Grok / iPhone gray ladder.
  Same tokens both widths. Glass stays see-through; pigment is the ladder.
  Phone layout (topdeck / pills) stays in the max-width block.
  Desktop L chrome unchanged — stage + list play the same glass.
*/
html:has(#main-app.ev-section-inventory),
#main-app.ev-section-inventory {
    --ev-cc-room: color-mix(in srgb, var(--gray-700) 42%, transparent);
    --ev-cc-tile: color-mix(in srgb, var(--gray-100) 10%, transparent);
    --ev-cc-tile-dense: color-mix(in srgb, var(--gray-800) 32%, transparent);
    --ev-cc-tile-on: color-mix(in srgb, var(--gray-100) 88%, transparent);
    --ev-cc-type: var(--gray-100);
    --ev-cc-type-on: var(--gray-900);
    --ev-night-glass: var(--ev-cc-tile);
    --ev-night-glass-dense: var(--ev-cc-tile-dense);
    --ev-night-glass-hover: var(--ev-cc-tile-dense);
    --ev-night-type-hover: var(--ev-cc-type);
    --ev-night-sample: blur(20px) saturate(150%);
    --ev-night-hair:
        0 0 0 1px color-mix(in srgb, var(--gray-100) 20%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--gray-100) 32%, transparent);
    --ev-night-press: none;
    --ev-search-floor: color-mix(in srgb, var(--gray-800) 42%, transparent);
    --ev-night-floor: #121212;
    /* Same hues, lifted for dark glass — mid-tone dots sink on frost */
    --ev-status-on-glass-active: color-mix(in srgb, var(--ev-status-active, #5a9a6e) 40%, #fff);
    --ev-status-on-glass-consigned: color-mix(in srgb, var(--ev-status-consigned, #6a88b0) 40%, #fff);
    --ev-status-on-glass-repair: color-mix(in srgb, var(--ev-status-repair, #d47830) 40%, #fff);
    --ev-status-on-glass-sold: color-mix(in srgb, var(--ev-status-sold, #9a7aad) 40%, #fff);
    --ev-status-on-glass-returned: color-mix(in srgb, var(--ev-status-returned, #c07068) 40%, #fff);
}

@media (min-width: 992px) {
    html:has(#main-app.ev-section-inventory),
    html:has(#main-app.ev-section-inventory) body {
        background: var(--ev-night-floor) !important;
        background-color: var(--ev-night-floor) !important;
    }
    #main-app.ev-section-inventory {
        background: transparent !important;
        background-color: transparent !important;
    }
    #main-app.ev-section-inventory .ev-app-main,
    #main-app.ev-section-inventory #ev-main-content,
    #main-app.ev-section-inventory #inventory-section {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--gray-100) !important;
    }
    #main-app.ev-section-inventory::before,
    #main-app.ev-section-inventory::after,
    #main-app.ev-section-inventory #ev-main-content::before {
        opacity: 0 !important;
        background: none !important;
        animation: none !important;
    }

    #main-app.ev-section-inventory #inventory-table-card.results:not(.d-none),
    #main-app.ev-section-inventory #ev-receive-batch-table-wrap.results {
        background: var(--ev-night-glass) !important;
        background-image: none !important;
        box-shadow: var(--ev-night-hair) !important;
        color: #fff !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory #inventory-table-card .result,
    #main-app.ev-section-inventory #ev-receive-batch-table-wrap .result,
    #main-app.ev-section-inventory #ev-receive-review-area .result {
        --ev-frost-fill-light: var(--ev-night-glass);
        --ev-frost-fill-light-dense: var(--ev-night-glass-dense);
        isolation: auto !important;
        clip-path: none !important;
        -webkit-clip-path: none !important;
        border-radius: 18px !important;
        background: var(--ev-night-glass) !important;
        color: #fff !important;
        text-shadow: none;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(12px) saturate(150%);
        backdrop-filter: blur(12px) saturate(150%);
    }
    #main-app.ev-section-inventory #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected),
    #main-app.ev-section-inventory #inventory-table-card .result.is-selected,
    #main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected {
        background: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        text-shadow: none;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(12px) saturate(150%);
        backdrop-filter: blur(12px) saturate(150%);
    }
    #main-app.ev-section-inventory #inventory-table-card .result .result__name,
    #main-app.ev-section-inventory #inventory-table-card .result .result__sku-num,
    #main-app.ev-section-inventory #inventory-table-card .result .result__price--cost,
    #main-app.ev-section-inventory #inventory-table-card .result .result__price--retail,
    #main-app.ev-section-inventory #inventory-table-card .result .result__chip:not(.result__status),
    #main-app.ev-section-inventory #inventory-table-card .result .result__note,
    #main-app.ev-section-inventory #inventory-table-card .result .result__loc {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #main-app.ev-section-inventory #inventory-table-card .results__cols-facts > span {
        color: rgba(255, 255, 255, 0.42) !important;
    }
    #main-app.ev-section-inventory #inventory-table-card[data-glass="dark"] .results__cols-filter,
    #main-app.ev-section-inventory .ev-inv-beam-filters .results__chip,
    #main-app.ev-section-inventory .ev-inv-beam-filters .ev-inv-select-all,
    #main-app.ev-section-inventory .ev-inv-beam-filters .results__meta--chip {
        background: var(--ev-night-glass) !important;
        color: var(--gray-100) !important;
        box-shadow: var(--ev-night-hair) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory #inventory-table-card .results__empty,
    #main-app.ev-section-inventory #inventory-empty-hint,
    #main-app.ev-section-inventory .ev-inv-empty-hint {
        background: var(--ev-night-glass) !important;
        background-image: none !important;
        color: rgba(255, 255, 255, 0.78) !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory #inventory-table-card .results__empty-title,
    #main-app.ev-section-inventory #inventory-empty-hint .ev-inv-empty-hint-title {
        color: #fff !important;
    }
    #main-app.ev-section-inventory #inventory-table-card .results__empty-hint,
    #main-app.ev-section-inventory #inventory-table-card .results__empty-sub,
    #main-app.ev-section-inventory #inventory-empty-hint .ev-inv-empty-hint-body {
        color: rgba(255, 255, 255, 0.62) !important;
    }
    #main-app.ev-section-inventory #inventory-table-card .results__empty--danger .results__empty-hint {
        color: #f0b4b0 !important;
    }
    #main-app.ev-section-inventory .ev-item-slip-sheet,
    #main-app.ev-section-inventory .ev-item-stage {
        background: var(--ev-night-glass) !important;
        background-color: var(--ev-night-glass) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
}

/* Item detail — same letters + glass as the list (phone + desktop) */
#main-app.ev-section-inventory .ev-item-slip-sheet,
#main-app.ev-section-inventory .ev-item-stage {
    background: var(--ev-night-glass) !important;
    background-color: var(--ev-night-glass) !important;
    color: #fff !important;
    box-shadow:
        var(--ev-night-hair),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    -webkit-backdrop-filter: var(--ev-night-sample);
    backdrop-filter: var(--ev-night-sample);
}
#main-app.ev-section-inventory .ev-item-card-facts,
#main-app.ev-section-inventory .ev-item-card-finance,
#main-app.ev-section-inventory .ev-item-card-more,
#main-app.ev-section-inventory .ev-item-card-photo-sync-slot,
#main-app.ev-section-inventory .ev-item-stage .ev-item-card-facts,
#main-app.ev-section-inventory .ev-item-stage .ev-item-card-finance,
#main-app.ev-section-inventory .ev-item-stage .ev-item-card-more,
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-facts,
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-finance,
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-more {
    background: var(--ev-night-glass) !important;
    background-color: var(--ev-night-glass) !important;
    color: #fff !important;
    box-shadow:
        var(--ev-night-hair),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    -webkit-backdrop-filter: var(--ev-night-sample);
    backdrop-filter: var(--ev-night-sample);
}
#main-app.ev-section-inventory .ev-item-card-title,
#main-app.ev-section-inventory .ev-item-card-desc,
#main-app.ev-section-inventory .ev-item-card-sku,
#main-app.ev-section-inventory .ev-item-card-sku-chip,
#main-app.ev-section-inventory .ev-item-card-nav-pos,
#main-app.ev-section-inventory .ev-item-card-label,
#main-app.ev-section-inventory .ev-item-card-val,
#main-app.ev-section-inventory .ev-item-card-more-text,
#main-app.ev-section-inventory .ev-item-card-finance-val,
#main-app.ev-section-inventory .ev-item-card-finance-val--cost,
#main-app.ev-section-inventory .ev-item-card-finance-val--retail,
#main-app.ev-section-inventory .ev-item-card-finance-val--sold,
#main-app.ev-section-inventory .ev-item-card-fact dt,
#main-app.ev-section-inventory .ev-item-card-fact dd,
#main-app.ev-section-inventory .ev-item-card-fact a,
#main-app.ev-section-inventory .ev-item-card-type-chip,
#main-app.ev-section-inventory .ev-item-card-includes-hint,
#main-app.ev-section-inventory .ev-item-card-photo-badge,
#main-app.ev-section-inventory .ev-item-card-photo-hint,
#main-app.ev-section-inventory .ev-item-card-photo-sync-copy,
#main-app.ev-section-inventory .ev-item-card-photo-field-label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory .ev-item-card-sku-chip,
#main-app.ev-section-inventory .ev-item-card-icon-btn,
#main-app.ev-section-inventory .ev-item-card-btn,
#main-app.ev-section-inventory .ev-item-card-edit,
#main-app.ev-section-inventory .ev-item-card-photo-secondary-btn,
#main-app.ev-section-inventory .ev-item-card-photo-primary-btn,
#main-app.ev-section-inventory .ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-split-caret,
#main-app.ev-section-inventory .ev-item-card-type-chip,
#main-app.ev-section-inventory .ev-item-card-sync-action,
#main-app.ev-section-inventory .ev-item-card-memo-btn {
    background: var(--ev-night-glass-dense) !important;
    background-color: var(--ev-night-glass-dense) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: var(--ev-night-hair) !important;
}
#main-app.ev-section-inventory .ev-item-card-icon-btn:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-btn:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-edit:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-split-main:hover,
#main-app.ev-section-inventory .ev-item-card-split-main:focus-visible,
#main-app.ev-section-inventory .ev-item-card-split-caret:hover,
#main-app.ev-section-inventory .ev-item-card-split-caret:focus-visible,
#main-app.ev-section-inventory .ev-item-card-split-caret[aria-expanded='true'] {
    background: var(--ev-night-glass-hover) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: var(--ev-night-hair) !important;
}
#main-app.ev-section-inventory .ev-item-status-pill,
#main-app.ev-section-inventory .ev-item-card-status-go,
#main-app.ev-section-inventory .ev-item-card-consign-go {
    background: var(--ev-night-glass) !important;
    box-shadow: var(--ev-night-hair) !important;
}
#main-app.ev-section-inventory .ev-item-status-pill--active,
#main-app.ev-section-inventory .ev-item-card-status-active {
    color: var(--ev-status-on-glass-active) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-active) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-active, #5a9a6e) 45%, transparent);
}
#main-app.ev-section-inventory .ev-item-status-pill--consigned,
#main-app.ev-section-inventory .ev-item-card-status-consigned,
#main-app.ev-section-inventory .ev-item-card-status-go--consigned,
#main-app.ev-section-inventory .ev-item-card-consign-go {
    color: var(--ev-status-on-glass-consigned) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-consigned) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-consigned, #6a88b0) 45%, transparent);
}
#main-app.ev-section-inventory .ev-item-status-pill--repair,
#main-app.ev-section-inventory .ev-item-card-status-repair,
#main-app.ev-section-inventory .ev-item-card-status-go--repair {
    color: var(--ev-status-on-glass-repair) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-repair) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-repair, #d47830) 45%, transparent);
}
#main-app.ev-section-inventory .ev-item-status-pill--sold,
#main-app.ev-section-inventory .ev-item-card-status-sold,
#main-app.ev-section-inventory .ev-item-card-status-go--sold {
    color: var(--ev-status-on-glass-sold) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-sold) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-sold, #9a7aad) 45%, transparent);
}
#main-app.ev-section-inventory .ev-item-status-pill--returned,
#main-app.ev-section-inventory .ev-item-card-status-returned,
#main-app.ev-section-inventory .ev-item-card-status-go--returned {
    color: var(--ev-status-on-glass-returned) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-returned) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-returned, #c07068) 45%, transparent);
}
#main-app.ev-section-inventory .ev-item-card-status-go-action,
#main-app.ev-section-inventory .ev-item-card-consign-go-action,
#main-app.ev-section-inventory .ev-item-card-status-go-sep,
#main-app.ev-section-inventory .ev-item-card-consign-go-sep {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-more-menu,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu {
    background: var(--ev-night-glass-dense) !important;
    color: #fff !important;
    box-shadow:
        var(--ev-night-hair),
        0 16px 36px rgba(0, 0, 0, 0.22) !important;
    -webkit-backdrop-filter: var(--ev-night-sample);
    backdrop-filter: var(--ev-night-sample);
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-label {
    color: #fff !important;
}

/* Vendor oval — darker sides (found / filters / search flanks), not clear glass */
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped
    #inventory-search-lab.sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped
    .ev-inv-search-wrap .sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped
    #inventory-search-lab.sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped
    .ev-inv-search-wrap .sbar {
    --ev-search-floor: color-mix(in srgb, var(--gray-800) 62%, transparent);
    background-color: var(--ev-search-floor) !important;
}
#main-app.ev-section-inventory .ev-search-oval-meta,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-search-oval-meta,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-search-oval-meta,
#main-app.ev-section-inventory .ev-receive-oval-count,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-btn,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn {
    background: var(--ev-night-glass-dense) !important;
    background-color: var(--ev-night-glass-dense) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: var(--ev-night-hair) !important;
    -webkit-backdrop-filter: var(--ev-night-sample);
    backdrop-filter: var(--ev-night-sample);
}
#main-app.ev-section-inventory .ev-receive-oval-count-num,
#main-app.ev-section-inventory .ev-receive-oval-count-label,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-word,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-icon,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-th-filter-count {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Status on dark glass — same hues, lifted + soft glow so they read */
#main-app.ev-section-inventory #inventory-table-card .result .result__sku-status {
    font-size: 0.7rem;
    font-weight: 750;
}
#main-app.ev-section-inventory #inventory-table-card .result .result__sku-status--active,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__sku-status--active,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__sku-status--active,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__sku-status--active {
    color: var(--ev-status-on-glass-active) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-active) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-active, #5a9a6e) 50%, transparent);
}
#main-app.ev-section-inventory #inventory-table-card .result .result__sku-status--consigned,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__sku-status--consigned,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__sku-status--consigned,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__sku-status--consigned,
#main-app.ev-section-inventory #inventory-table-card .result .result__consigned-to,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__consigned-to,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__consigned-to {
    color: var(--ev-status-on-glass-consigned) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-consigned) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-consigned, #6a88b0) 50%, transparent);
}
#main-app.ev-section-inventory #inventory-table-card .result .result__sku-status--repair,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__sku-status--repair,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__sku-status--repair,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__sku-status--repair {
    color: var(--ev-status-on-glass-repair) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-repair) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-repair, #d47830) 50%, transparent);
}
#main-app.ev-section-inventory #inventory-table-card .result .result__sku-status--sold,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__sku-status--sold,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__sku-status--sold,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__sku-status--sold {
    color: var(--ev-status-on-glass-sold) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-sold) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-sold, #9a7aad) 50%, transparent);
}
#main-app.ev-section-inventory #inventory-table-card .result .result__sku-status--returned,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__sku-status--returned,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__sku-status--returned,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__sku-status--returned {
    color: var(--ev-status-on-glass-returned) !important;
    -webkit-text-fill-color: var(--ev-status-on-glass-returned) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--ev-status-returned, #c07068) 50%, transparent);
}

/*
  Phone Control Center play — inventory only. Same mixes as desktop.
  Layout (topdeck / pills) stays phone-only.

  iPhone swipe-down menu:
    Room = one flat blur, luminosity in the MIDDLE (not lights, not black).
    Tiles = extra gray glass so white glyphs read.
    Hover = darker frost, same white type. Choose tiles can still flip Silent Mode.
*/
@media (max-width: 991.98px) {
    html:has(#main-app.ev-section-inventory),
    #main-app.ev-section-inventory {
        /* Ladder is the pigment. Mixes stay see-through so blur can work. */
        --ev-cc-room: color-mix(in srgb, var(--gray-700) 62%, transparent);
        --ev-cc-tile: color-mix(in srgb, var(--gray-100) 10%, transparent);
        --ev-cc-tile-dense: color-mix(in srgb, var(--gray-800) 32%, transparent);
        --ev-cc-tile-on: color-mix(in srgb, var(--gray-100) 88%, transparent);
        --ev-cc-type: var(--gray-100);
        --ev-cc-type-on: var(--gray-900);
        --ev-night-glass: var(--ev-cc-tile);
        --ev-night-glass-dense: var(--ev-cc-tile-dense);
        --ev-night-glass-hover: var(--ev-cc-tile-dense);
        --ev-night-type-hover: var(--ev-cc-type);
        --ev-night-sample: blur(20px) saturate(150%);
        --ev-night-hair:
            0 0 0 1px color-mix(in srgb, var(--gray-100) 20%, transparent),
            inset 0 1px 0 color-mix(in srgb, var(--gray-100) 32%, transparent);
        --ev-night-press: none;
        --ev-search-floor: color-mix(in srgb, var(--gray-800) 42%, transparent);
        /* Darkest the room may go — sampled floor. Do not go below this. */
        --ev-night-floor: #121212;
    }

    /* Room = dark floor on the page. App canvas stays clear so the shared crest shows. */
    html:has(#main-app.ev-section-inventory),
    html:has(#main-app.ev-section-inventory) body {
        background: var(--ev-night-floor) !important;
        background-color: var(--ev-night-floor) !important;
    }
    #main-app.ev-section-inventory {
        background: transparent !important;
        background-color: transparent !important;
    }
    #main-app.ev-section-inventory .ev-app-main,
    #main-app.ev-section-inventory #ev-main-content,
    #main-app.ev-section-inventory #inventory-section {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--gray-100) !important;
    }
    #main-app.ev-section-inventory::before,
    #main-app.ev-section-inventory::after,
    #main-app.ev-section-inventory #ev-main-content::before {
        opacity: 0 !important;
        background: none !important;
        animation: none !important;
    }

    /* No deck bar — stage shows through. Pill owns the glass. */
    #main-app.ev-section-inventory > .ev-mobile-topdeck {
        isolation: auto !important;
        background: transparent !important;
        background-color: transparent !important;
        color: var(--gray-100) !important;
    }

    /* ── Results tray + rows — frost gray, not black paint ── */
    #main-app.ev-section-inventory #inventory-table-card.results:not(.d-none),
    #main-app.ev-section-inventory #ev-receive-batch-table-wrap.results {
        background: var(--ev-night-glass) !important;
        background-image: none !important;
        box-shadow: var(--ev-night-hair) !important;
        color: #fff !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory #inventory-table-card .result,
    #main-app.ev-section-inventory #ev-receive-batch-table-wrap .result,
    #main-app.ev-section-inventory #ev-receive-review-area .result {
        --ev-frost-fill-light: var(--ev-night-glass);
        --ev-frost-fill-light-dense: var(--ev-night-glass-dense);
        isolation: auto !important;
        clip-path: none !important;
        -webkit-clip-path: none !important;
        border-radius: 18px !important;
        background: var(--ev-night-glass) !important;
        color: #fff !important;
        text-shadow: none;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(12px) saturate(150%);
        backdrop-filter: blur(12px) saturate(150%);
    }
    /* Hover / selected — darker even frost, same white type */
    #main-app.ev-section-inventory #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected),
    #main-app.ev-section-inventory #inventory-table-card .result.is-selected,
    #main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected {
        background: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        text-shadow: none;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(12px) saturate(150%);
        backdrop-filter: blur(12px) saturate(150%);
    }
    #main-app.ev-section-inventory #inventory-table-card .result .result__name,
    #main-app.ev-section-inventory #inventory-table-card .result .result__sku-num,
    #main-app.ev-section-inventory #inventory-table-card .result .result__price--cost,
    #main-app.ev-section-inventory #inventory-table-card .result .result__price--retail,
    #main-app.ev-section-inventory #inventory-table-card .result .result__chip:not(.result__status),
    #main-app.ev-section-inventory #inventory-table-card .result .result__note,
    #main-app.ev-section-inventory #inventory-table-card .result .result__loc {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #main-app.ev-section-inventory #inventory-table-card .results__cols-facts > span {
        color: rgba(255, 255, 255, 0.42) !important;
    }
    #main-app.ev-section-inventory #inventory-table-card[data-glass="dark"] .results__cols-filter,
    #main-app.ev-section-inventory .ev-inv-beam-filters .results__chip,
    #main-app.ev-section-inventory .ev-inv-beam-filters .ev-inv-select-all,
    #main-app.ev-section-inventory .ev-inv-beam-filters .results__meta--chip {
        background: var(--ev-night-glass) !important;
        color: var(--gray-100) !important;
        box-shadow: var(--ev-night-hair) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }

    /* ── Empty ── */
    #main-app.ev-section-inventory #inventory-table-card .results__empty,
    #main-app.ev-section-inventory #inventory-empty-hint,
    #main-app.ev-section-inventory .ev-inv-empty-hint {
        background: var(--ev-night-glass) !important;
        background-image: none !important;
        color: rgba(255, 255, 255, 0.78) !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory #inventory-table-card .results__empty-title,
    #main-app.ev-section-inventory #inventory-empty-hint .ev-inv-empty-hint-title {
        color: #fff !important;
    }
    #main-app.ev-section-inventory #inventory-table-card .results__empty-hint,
    #main-app.ev-section-inventory #inventory-table-card .results__empty-sub,
    #main-app.ev-section-inventory #inventory-empty-hint .ev-inv-empty-hint-body {
        color: rgba(255, 255, 255, 0.62) !important;
    }
    #main-app.ev-section-inventory #inventory-table-card .results__empty--danger .results__empty-hint {
        color: #f0b4b0 !important;
    }

    /* ── Choose (portaled to body) ── */
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
        background: var(--ev-night-glass) !important;
        background-color: var(--ev-night-glass) !important;
        border-color: rgba(255, 255, 255, 0.16) !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card {
        background: var(--ev-glass-btn-wash), var(--ev-night-glass) !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        color: #fff !important;
        box-shadow: var(--ev-glass-btn-lit) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title {
        color: #fff !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-hint,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-chev {
        color: rgba(255, 255, 255, 0.55) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin {
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 42%, transparent) !important;
        border-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 38%, transparent) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return {
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px color-mix(in srgb, var(--rose-dot, #c07068) 42%, transparent) !important;
        border-color: color-mix(in srgb, var(--rose-dot, #c07068) 38%, transparent) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign {
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px color-mix(in srgb, var(--blue-dot, #6a88b0) 42%, transparent) !important;
        border-color: color-mix(in srgb, var(--blue-dot, #6a88b0) 38%, transparent) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold {
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px color-mix(in srgb, var(--violet-dot, #9a7aad) 42%, transparent) !important;
        border-color: color-mix(in srgb, var(--violet-dot, #9a7aad) 38%, transparent) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair {
        box-shadow:
            var(--ev-glass-btn-lit),
            0 0 0 1px color-mix(in srgb, #d47830 42%, transparent) !important;
        border-color: color-mix(in srgb, #d47830 38%, transparent) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible {
        background: var(--ev-cc-tile-on) !important;
        background-color: var(--ev-cc-tile-on) !important;
        color: var(--ev-cc-type-on) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title {
        color: var(--ev-cc-type-on) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:focus-visible,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:focus-visible,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover {
        box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--green-dot, #5a9a6e) 72%, #fff) !important;
        border-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 72%, #fff) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover {
        box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--rose-dot, #c07068) 72%, #fff) !important;
        border-color: color-mix(in srgb, var(--rose-dot, #c07068) 72%, #fff) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover {
        box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--blue-dot, #6a88b0) 72%, #fff) !important;
        border-color: color-mix(in srgb, var(--blue-dot, #6a88b0) 72%, #fff) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover {
        box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--violet-dot, #9a7aad) 72%, #fff) !important;
        border-color: color-mix(in srgb, var(--violet-dot, #9a7aad) 72%, #fff) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover {
        box-shadow: 0 0 0 1.5px color-mix(in srgb, #d47830 72%, #fff) !important;
        border-color: color-mix(in srgb, #d47830 72%, #fff) !important;
    }

    /* ── Item detail ── */
    #main-app.ev-section-inventory .ev-item-slip-sheet,
    #main-app.ev-section-inventory .ev-item-stage {
        background: var(--ev-night-glass) !important;
        background-color: var(--ev-night-glass) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory .ev-item-card-facts,
    #main-app.ev-section-inventory .ev-item-card-finance,
    #main-app.ev-section-inventory .ev-item-card-more,
    #main-app.ev-section-inventory .ev-item-card-photo-sync-slot,
    #main-app.ev-section-inventory .ev-item-stage .ev-item-card-facts,
    #main-app.ev-section-inventory .ev-item-stage .ev-item-card-finance,
    #main-app.ev-section-inventory .ev-item-stage .ev-item-card-more,
    #main-app.ev-section-inventory .ev-item-slip .ev-item-card-facts,
    #main-app.ev-section-inventory .ev-item-slip .ev-item-card-finance,
    #main-app.ev-section-inventory .ev-item-slip .ev-item-card-more {
        background: var(--ev-night-glass) !important;
        background-color: var(--ev-night-glass) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory .ev-item-card-sku-chip,
    #main-app.ev-section-inventory .ev-item-card-icon-btn,
    #main-app.ev-section-inventory .ev-item-card-btn,
    #main-app.ev-section-inventory .ev-item-card-edit,
    #main-app.ev-section-inventory .ev-item-card-photo-secondary-btn,
    #main-app.ev-section-inventory .ev-item-card-photo-primary-btn,
    #main-app.ev-section-inventory .ev-item-card-split-main,
    #main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main,
    #main-app.ev-section-inventory .ev-item-card-split-caret {
        background: var(--ev-night-glass-dense) !important;
        background-color: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        box-shadow: var(--ev-night-hair) !important;
    }
    #main-app.ev-section-inventory .ev-item-card-split-main:hover,
    #main-app.ev-section-inventory .ev-item-card-split-main:focus-visible,
    #main-app.ev-section-inventory .ev-item-card-split-caret:hover,
    #main-app.ev-section-inventory .ev-item-card-split-caret:focus-visible,
    #main-app.ev-section-inventory .ev-item-card-split-caret[aria-expanded='true'] {
        background: var(--ev-night-glass-hover) !important;
        box-shadow: var(--ev-night-press) !important;
        color: var(--ev-night-type-hover) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-item-card-more-menu,
    html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu {
        background: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            0 16px 36px rgba(0, 0, 0, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item {
        color: #fff !important;
    }

    /* ── Receive panes — dark glass, green as ring only ── */
    #main-app.ev-section-inventory .ev-receive-step-dates {
        background-color: var(--ev-night-glass) !important;
        background-image:
            radial-gradient(
                ellipse 90% 50% at 50% 0%,
                color-mix(in srgb, var(--green-dot, #5a9a6e) 18%, transparent) 0%,
                transparent 70%
            ) !important;
        border: 1px solid color-mix(in srgb, var(--green-dot, #5a9a6e) 42%, transparent) !important;
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 22%, transparent),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        color: #fff !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory .ev-receive-step-title,
    #main-app.ev-section-inventory .ev-receive-step-dates .ev-wizard-label {
        color: #ffffff !important;
    }
    #main-app.ev-section-inventory .ev-receive-step-sub {
        color: var(--ev-pearl, #faf8f5) !important;
    }
    #main-app.ev-section-inventory .ev-receive-step-dates .ev-receive-optional {
        color: color-mix(in srgb, #ffffff 74%, var(--ev-pearl, #faf8f5)) !important;
    }
    #main-app.ev-section-inventory .ev-receive-step-dates .ev-wizard-input.form-control,
    #main-app.ev-section-inventory .ev-receive-step-dates #receive-batch-date,
    #main-app.ev-section-inventory .ev-receive-step-dates #receive-batch-due-date,
    #main-app.ev-section-inventory .ev-receive-item-editor .form-control,
    #main-app.ev-section-inventory .ev-receive-item-editor .form-select,
    #main-app.ev-section-inventory .ev-receive-batch-tray .form-control,
    #main-app.ev-section-inventory .ev-receive-batch-tray .form-select,
    #main-app.ev-section-inventory .ev-receive-item-editor .ev-desc-mirror-wrap,
    #main-app.ev-section-inventory .ev-receive-batch-tray .ev-desc-mirror-wrap {
        background: var(--ev-night-glass-hover) !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        color: #fff !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
        -webkit-text-fill-color: #fff;
    }
    #main-app.ev-section-inventory .ev-receive-item-editor {
        background: var(--ev-night-glass) !important;
        background-color: var(--ev-night-glass) !important;
        border-color: rgba(255, 255, 255, 0.16) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory #ev-receive-review-area.ev-receive-review,
    #main-app.ev-section-inventory #ev-receive-loading-screen.ev-receive-review,
    #main-app.ev-section-inventory #ev-receive-success-screen.ev-receive-done {
        background: var(--ev-night-glass) !important;
        background-color: var(--ev-night-glass) !important;
        color: #fff !important;
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 28%, transparent),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory .ev-receive-review-title,
    #main-app.ev-section-inventory .ev-receive-review-kicker {
        color: #fff !important;
    }
    #main-app.ev-section-inventory .ev-receive-review-kicker {
        color: color-mix(in srgb, var(--green-dot, #5a9a6e) 70%, #fff) !important;
    }
    #main-app.ev-section-inventory .ev-receive-review-meta {
        background: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--green-dot, #5a9a6e) 28%, transparent) !important;
    }
    #main-app.ev-section-inventory > .ev-receive-items-dock.ev-receive-items-dock--under-topdeck.ev-receive-items-dock--title:not(.d-none) {
        background: var(--ev-night-glass) !important;
        background-color: var(--ev-night-glass) !important;
        box-shadow:
            0 1px 0 color-mix(in srgb, var(--green-dot, #5a9a6e) 45%, transparent),
            inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
        color: #fff !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }

    /* ── Filters + bulk wizard (portaled / on-stage) ── */
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu {
        background: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            0 16px 36px rgba(0, 0, 0, 0.18) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-section-label {
        color: rgba(255, 255, 255, 0.5) !important;
    }
    #main-app.ev-section-inventory #ev-bulk-wizard,
    #main-app.ev-section-inventory .ev-bulk-wizard,
    #main-app.ev-section-inventory .ev-wizard-finish {
        background: var(--ev-night-glass) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }
    #main-app.ev-section-inventory .ev-bulk-wizard-fields,
    #main-app.ev-section-inventory .ev-bulk-wizard-summary {
        background: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        box-shadow: var(--ev-night-hair) !important;
    }
    #main-app.ev-section-inventory .ev-bulk-wizard-fields .form-control,
    #main-app.ev-section-inventory .ev-bulk-wizard-fields .form-select,
    #main-app.ev-section-inventory .ev-wizard-input,
    #main-app.ev-section-inventory .ev-wizard-textarea {
        background: var(--ev-night-glass-hover) !important;
        color: #fff !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
    }

    /* ── Notices over inventory ── */
    html:has(#main-app.ev-section-inventory) .ev-notification,
    html:has(#main-app.ev-section-inventory) .modal-content.ev-app-notice {
        background: var(--ev-night-glass-dense) !important;
        color: #fff !important;
        box-shadow:
            var(--ev-night-hair),
            0 18px 40px rgba(0, 0, 0, 0.18) !important;
        -webkit-backdrop-filter: var(--ev-night-sample);
        backdrop-filter: var(--ev-night-sample);
    }

    /*
      Glass buttons — TL catch / BR shade. Beats khaki raise + flat hair.
      Menu circle + Choose pill share the same rim light.
    */
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab,
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:hover,
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:focus-visible {
        border: none !important;
        border-radius: 50% !important;
        color: var(--gray-100, #f4f4f4) !important;
        background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face) !important;
        box-shadow: var(--ev-glass-btn-lit) !important;
        -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
        backdrop-filter: blur(16px) saturate(150%) !important;
    }
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:hover,
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:focus-visible {
        background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face-hot) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):hover,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):focus-visible,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck[aria-expanded='true'] {
        border: none !important;
        border-radius: 999px !important;
        color: var(--gray-100, #f4f4f4) !important;
        background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face) !important;
        box-shadow: var(--ev-glass-btn-lit) !important;
        -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
        backdrop-filter: blur(16px) saturate(150%) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):hover,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):focus-visible,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck[aria-expanded='true'] {
        color: var(--gray-100, #fff) !important;
        background: var(--ev-glass-btn-wash), var(--ev-glass-btn-face-hot) !important;
    }

    /* Search pill — same glass trough as the follow-up bar (beats khaki carve). */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar:focus-within,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar:focus-within {
        border-radius: 999px !important;
        background: var(--ev-glass-pill-wash), var(--ev-glass-pill-face) !important;
        background-color: var(--ev-glass-pill-face) !important;
        border: 1px solid var(--ev-glass-pill-edge) !important;
        box-shadow: var(--ev-glass-pill-lit) !important;
        -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
        backdrop-filter: blur(22px) saturate(150%) !important;
        color: var(--gray-100, #f4f4f4) !important;
    }
}

@media (max-width: 991.98px) and (prefers-reduced-transparency: reduce) {
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    #main-app.ev-section-inventory .ev-item-slip-sheet,
    #main-app.ev-section-inventory .ev-item-stage,
    #main-app.ev-section-inventory #inventory-table-card .results__empty,
    html:has(#main-app.ev-section-inventory) .ev-notification,
    html:has(#main-app.ev-section-inventory) .modal-content.ev-app-notice {
        background: var(--gray-600) !important;
        background-color: var(--gray-600) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/*
  Phone glass — LOCKED BASELINE. Simplest / easiest on the eye.
  Inventory chrome (<992). Desktop inventory search uses the same pill
  (see lock at file end). Kelvin carve lives in search-carve-lab.html.
  Future plays are options on top of this — do not replace the baseline.
  Frost = modest blur. Face film copies the water ellipses in gray.
  Waters stay TL + BR on the rim. Search film is thinner. Next stays white.
  In-bar plates = gray glass (not gold). Loading/query = metal rim-run on ::after.
  Do not restyle .result rows as buttons.
*/
@media (max-width: 991.98px) {
    #main-app.ev-section-inventory,
    html:has(#main-app.ev-section-inventory) {
        --ev-phone-motion: 0.22s cubic-bezier(0.22, 1, 0.36, 1);
        --ev-grok-idle: color-mix(in srgb, #8e8e93 32%, transparent);
        --ev-grok-press: color-mix(in srgb, #8e8e93 46%, transparent);
        --ev-grok-hair: transparent;
        --ev-grok-type: #ffffff;
        --ev-grok-on: #ffffff;
        --ev-grok-on-type: #111111;
        --ev-grok-sample: blur(16px) saturate(130%);
        --ev-grok-lit: none;
        /*
          Same ellipse as the rim waters — gray film on the face.
          Stops match --ev-grok-waters so the copy registers.
        */
        --ev-grok-film:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                color-mix(in srgb, #8e8e93 58%, transparent) 0%,
                color-mix(in srgb, #8e8e93 32%, transparent) 28%,
                color-mix(in srgb, #8e8e93 14%, transparent) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                color-mix(in srgb, #8e8e93 44%, transparent) 0%,
                color-mix(in srgb, #8e8e93 22%, transparent) 28%,
                color-mix(in srgb, #8e8e93 8%, transparent) 52%,
                transparent 78%
            );
        /*
          Pills: long-edge fade stays ~halfway. Sides ease out (no hard
          mid-height clip). TL ellipse + BR ellipse.
        */
        --ev-grok-waters:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                rgba(255, 255, 255, 0.72) 0%,
                rgba(255, 255, 255, 0.28) 28%,
                rgba(255, 255, 255, 0.1) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                rgba(255, 255, 255, 0.42) 0%,
                rgba(255, 255, 255, 0.16) 28%,
                rgba(255, 255, 255, 0.06) 52%,
                transparent 78%
            );
        /* Circle only — angles map to the rim. Keep the menu as the reference. */
        --ev-grok-waters-round: conic-gradient(
            from 0deg,
            rgba(255, 255, 255, 0.05) 0deg,
            transparent 22deg,
            transparent 45deg,
            transparent 68deg,
            rgba(255, 255, 255, 0.08) 108deg,
            rgba(255, 255, 255, 0.42) 135deg,
            rgba(255, 255, 255, 0.08) 162deg,
            transparent 202deg,
            transparent 225deg,
            transparent 248deg,
            rgba(255, 255, 255, 0.14) 288deg,
            rgba(255, 255, 255, 0.72) 315deg,
            rgba(255, 255, 255, 0.14) 342deg,
            rgba(255, 255, 255, 0.05) 360deg
        );
    }

    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab,
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:hover,
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:focus-visible,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):hover,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):focus-visible,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck[aria-expanded='true'],
    #main-app.ev-section-inventory .ev-item-card-split-main,
    #main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main,
    #main-app.ev-section-inventory .ev-item-card-split-caret,
    #main-app.ev-section-inventory .ev-item-card-btn,
    #main-app.ev-section-inventory .ev-item-card-edit,
    #main-app.ev-section-inventory .ev-item-card-icon-btn,
    #main-app.ev-section-inventory .ev-item-card-photo-secondary-btn,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar:focus-within,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar:focus-within {
        position: relative !important;
        isolation: isolate;
        overflow: visible !important;
        border: none !important;
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        color: var(--ev-grok-type) !important;
        -webkit-text-fill-color: var(--ev-grok-type) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
        transition:
            transform 0.12s ease,
            background-color 0.12s ease,
            border-color 0.12s ease,
            color 0.12s ease !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none) {
        font-weight: 700 !important;
        white-space: nowrap !important;
    }
    /* Search — flat idle; waters + film only on hover / focus / searching. */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar:focus-within,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar:focus-within {
        --ev-grok-idle: color-mix(in srgb, #8e8e93 22%, transparent);
        --ev-grok-film:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                color-mix(in srgb, #8e8e93 54%, transparent) 0%,
                color-mix(in srgb, #8e8e93 30%, transparent) 28%,
                color-mix(in srgb, #8e8e93 14%, transparent) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                color-mix(in srgb, #8e8e93 42%, transparent) 0%,
                color-mix(in srgb, #8e8e93 22%, transparent) 28%,
                color-mix(in srgb, #8e8e93 10%, transparent) 52%,
                transparent 78%
            );
        background: #212121 !important;
        background-color: #212121 !important;
        background-image: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.ev-sbar-selected,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar.ev-sbar-selected,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar:has(:is(input, textarea):not(:placeholder-shown)),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar:has(:is(input, textarea):not(:placeholder-shown)),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.ev-search-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.ev-inv-search-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.is-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar {
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        background-image: var(--ev-grok-film) !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none)::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn:not(.d-none)::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none)::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none)::after,
    #main-app.ev-section-inventory .ev-item-card-split-main::after,
    #main-app.ev-section-inventory .ev-item-card-split-caret::after,
    #main-app.ev-section-inventory .ev-item-card-btn::after,
    #main-app.ev-section-inventory .ev-item-card-edit::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar::after,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner::after,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner::after,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        border-radius: inherit;
        padding: 1px;
        background: var(--ev-grok-waters) !important;
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab::after {
        background: var(--ev-grok-waters-round) !important;
    }
    /* Search is the main object — waters only on hover / focus / searching. */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar::after {
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.44) !important;
        opacity: 0.44;
        transition: opacity 0.18s ease;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar:hover:not(.ev-sbar-selected)::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar:hover:not(.ev-sbar-selected)::after {
        opacity: 0.55;
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.28) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.ev-sbar-selected::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar.ev-sbar-selected::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar:has(:is(input, textarea):not(:placeholder-shown))::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar:has(:is(input, textarea):not(:placeholder-shown))::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.is-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar::after {
        opacity: 1;
    }
    /* Looking-glass — same white + weight as the other chrome. Search type stays. */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .sbar__icon,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .inventory-search-leading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .sbar:focus-within .sbar__icon,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .sbar:focus-within .inventory-search-leading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .inventory-search-icon,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .sbar__icon .inventory-search-icon {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        opacity: 1 !important;
        font-weight: 700 !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none)::after {
        content: none !important;
        display: none !important;
    }
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab,
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:hover,
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:focus-visible {
        border-radius: 50% !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none),
    #main-app.ev-section-inventory .ev-item-card-split-main,
    #main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main,
    #main-app.ev-section-inventory .ev-item-card-split-caret,
    #main-app.ev-section-inventory .ev-item-card-btn,
    #main-app.ev-section-inventory .ev-item-card-edit,
    #main-app.ev-section-inventory .ev-item-card-photo-secondary-btn {
        border-radius: 999px !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none)::before,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn:not(.d-none)::before,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none)::before,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none)::before {
        display: none !important;
        content: none !important;
        background: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-main,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-main-label,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn .ev-scope-print-count,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn span,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn i {
        color: var(--ev-grok-type) !important;
        -webkit-text-fill-color: var(--ev-grok-type) !important;
    }

    /* Next = the one solid white action */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none):hover:not(:disabled),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none):focus-visible:not(:disabled) {
        border: 1px solid var(--ev-grok-on) !important;
        background: var(--ev-grok-on) !important;
        background-color: var(--ev-grok-on) !important;
        background-image: none !important;
        color: var(--ev-grok-on-type) !important;
        -webkit-text-fill-color: var(--ev-grok-on-type) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:disabled {
        border: none !important;
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        color: rgba(255, 255, 255, 0.35) !important;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.35) !important;
    }

    /* Press fill — idle chrome only (Next stays white) */
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck[aria-expanded='true'],
    #main-app.ev-section-inventory .ev-item-card-split-main:active,
    #main-app.ev-section-inventory .ev-item-card-split-main:hover,
    #main-app.ev-section-inventory .ev-item-card-split-main:focus-visible,
    #main-app.ev-section-inventory .ev-item-card-split-caret:active,
    #main-app.ev-section-inventory .ev-item-card-split-caret:hover,
    #main-app.ev-section-inventory .ev-item-card-split-caret:focus-visible,
    #main-app.ev-section-inventory .ev-item-card-split-caret[aria-expanded='true'],
    #main-app.ev-section-inventory .ev-item-card-btn:active,
    #main-app.ev-section-inventory .ev-item-card-edit:active {
        background: var(--ev-grok-film), var(--ev-grok-press) !important;
        background-color: var(--ev-grok-press) !important;
        color: var(--ev-grok-type) !important;
        -webkit-text-fill-color: var(--ev-grok-type) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }

    /* Scale press — beats earlier transform: none !important */
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none):active:not(:disabled),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):active,
    #main-app.ev-section-inventory .ev-item-card-split-main:active,
    #main-app.ev-section-inventory .ev-item-card-split-caret:active,
    #main-app.ev-section-inventory .ev-item-card-btn:active,
    #main-app.ev-section-inventory .ev-item-card-edit:active,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active {
        transform: scale(0.94) !important;
    }

    /*
      Choose sheet play — clearer gray box (thin film), less frost, no contour.
      Option pills: even gray fill, no waters / no contour.
      Slide is clipped to the stage (under the topdeck) so options do not
      flash through the menu / logo — the deck passes over the crest.
    */
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--portaled {
        /* Sheet lives on body — inherit the locked gray film here. */
        --ev-phone-motion: 0.22s cubic-bezier(0.22, 1, 0.36, 1);
        --ev-grok-idle: color-mix(in srgb, #8e8e93 32%, transparent);
        --ev-grok-press: color-mix(in srgb, #8e8e93 46%, transparent);
        --ev-grok-type: #ffffff;
        --ev-grok-sample: blur(16px) saturate(130%);
        --ev-grok-film:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                color-mix(in srgb, #8e8e93 58%, transparent) 0%,
                color-mix(in srgb, #8e8e93 32%, transparent) 28%,
                color-mix(in srgb, #8e8e93 14%, transparent) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                color-mix(in srgb, #8e8e93 44%, transparent) 0%,
                color-mix(in srgb, #8e8e93 22%, transparent) 28%,
                color-mix(in srgb, #8e8e93 8%, transparent) 52%,
                transparent 78%
            );
        --ev-grok-waters:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                rgba(255, 255, 255, 0.72) 0%,
                rgba(255, 255, 255, 0.28) 28%,
                rgba(255, 255, 255, 0.1) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                rgba(255, 255, 255, 0.42) 0%,
                rgba(255, 255, 255, 0.16) 28%,
                rgba(255, 255, 255, 0.06) 52%,
                transparent 78%
            );
        overflow: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet.is-open,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--portaled.is-open {
        opacity: 1 !important;
        transform: none !important;
        overflow: visible !important;
        transition: none !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet.is-leaving-down,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet.ev-actions-sheet--portaled.is-leaving-down {
        transform: none !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;
        border: none !important;
        border-radius: 22px !important;
        padding: 0.7rem 0.7rem 0.75rem !important;
        /* Glass face is ::before at file end — do not blur this host. */
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section {
        color: rgba(255, 255, 255, 0.4) !important;
        margin: 0.45rem 0.35rem 0.2rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section:first-child,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section:first-child {
        margin-top: 0.05rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-grid,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-grid {
        gap: 0.4rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-modal-body--bare,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-modal-body--bare {
        padding: 0 !important;
    }

    /* Choose rows — same idle chip, signal lives on the icon */
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair {
        position: relative !important;
        isolation: isolate;
        overflow: visible !important;
        border: none !important;
        border-radius: 999px !important;
        min-height: 3rem !important;
        padding: 0.55rem 0.85rem !important;
        background: color-mix(in srgb, #8e8e93 26%, transparent) !important;
        background-color: color-mix(in srgb, #8e8e93 26%, transparent) !important;
        background-image: none !important;
        color: var(--ev-grok-type, #fff) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
        transition:
            transform 0.12s ease,
            background-color 0.12s ease,
            border-color 0.12s ease !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title {
        color: var(--ev-grok-type, #fff) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-hint,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-chev,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-hint,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-chev {
        color: rgba(255, 255, 255, 0.45) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:focus-visible,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:focus-visible,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover {
        background: color-mix(in srgb, #aeaeb2 32%, transparent) !important;
        background-color: color-mix(in srgb, #aeaeb2 32%, transparent) !important;
        background-image: none !important;
        border: none !important;
        color: var(--ev-grok-type, #fff) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card.is-picked,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card.is-picked:hover,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card.is-picked:active,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card.is-picked,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card.is-picked:hover,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card.is-picked:active {
        background: color-mix(in srgb, #aeaeb2 58%, transparent) !important;
        background-color: color-mix(in srgb, #aeaeb2 58%, transparent) !important;
        background-image: none !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after {
        content: none !important;
        display: none !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title {
        color: var(--ev-grok-type, #fff) !important;
    }

    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair .ev-action-card-icon {
        background: #1c1e22 !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #fff !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin .ev-action-card-icon {
        color: var(--green-dot, #5a9a6e) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return .ev-action-card-icon {
        color: var(--rose-dot, #c07068) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign .ev-action-card-icon {
        color: var(--blue-dot, #6a88b0) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold .ev-action-card-icon {
        color: var(--violet-dot, #9a7aad) !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair .ev-action-card-icon {
        color: #d47830 !important;
    }

    /*
      Receive batch — green glass notice. Same ease as Choose:
      start off-screen, then .is-in slides it in (no keyframe snap).
    */
    #main-app.ev-section-inventory > .ev-receive-mode-hint.ev-receive-mode-hint--under-topdeck:not(.d-none) {
        --ev-receive-hint-tuck: 0;
        top: calc(var(--ev-mobile-topdeck-bar-h, 7.5rem) + 12px) !important;
        left: max(0.65rem, env(safe-area-inset-left, 0px)) !important;
        right: max(0.65rem, env(safe-area-inset-right, 0px)) !important;
        padding: 0.55rem 1rem !important;
        border: none !important;
        border-radius: 999px !important;
        background: color-mix(in srgb, var(--green-dot, #5a9a6e) 34%, transparent) !important;
        background-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 34%, transparent) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
        backdrop-filter: blur(16px) saturate(130%) !important;
        animation: none !important;
        transform: translateX(110%) !important;
        transition: transform var(--ev-phone-motion) !important;
        max-height: none !important;
    }
    #main-app.ev-section-inventory > .ev-receive-mode-hint.ev-receive-mode-hint--under-topdeck.is-in:not(.d-none) {
        transform: translateX(0) !important;
    }
    #main-app.ev-section-inventory > .ev-receive-mode-hint .ev-receive-mode-hint-title {
        color: #ffffff !important;
        font-weight: 650 !important;
    }
    #main-app.ev-section-inventory > .ev-receive-mode-hint .ev-receive-mode-hint-dot {
        background: #ffffff !important;
    }

    /* Receive search — gray placeholder stays up while the bar is selected. */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card.ev-inventory-search--receive
        #inventory-search::placeholder,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card.ev-inventory-search--receive
        .sbar input::placeholder,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card.ev-inventory-search--receive
        .sbar:focus-within #inventory-search::placeholder,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card.ev-inventory-search--receive
        .sbar:focus-within input::placeholder {
        opacity: 1 !important;
        color: var(--gray-400, #9b9b9b) !important;
        -webkit-text-fill-color: var(--gray-400, #9b9b9b) !important;
    }

    /* Menu + search one line. Choose under search, same pill size. */
    #main-app.ev-section-inventory > .ev-mobile-topdeck {
        grid-template-rows: var(--ev-mobile-topdeck-search-h) var(--ev-mobile-topdeck-search-h);
        align-items: stretch;
    }
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab {
        width: var(--ev-mobile-topdeck-search-h) !important;
        height: var(--ev-mobile-topdeck-search-h) !important;
        min-width: var(--ev-mobile-topdeck-search-h) !important;
        min-height: var(--ev-mobile-topdeck-search-h) !important;
        margin-top: 0 !important;
        align-self: stretch !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none) {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        min-height: var(--ev-mobile-topdeck-search-h) !important;
        height: var(--ev-mobile-topdeck-search-h) !important;
        max-height: var(--ev-mobile-topdeck-search-h) !important;
        justify-self: stretch !important;
    }

    /*
      Draft / app notices — same gray frost as the other phone glass.
      Dark cacao ink on night glass was unreadable.
    */
    html:has(#main-app.ev-section-inventory) .ev-notification,
    html:has(#main-app.ev-section-inventory) .modal-content.ev-app-notice {
        background:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                color-mix(in srgb, #8e8e93 36%, transparent) 0%,
                color-mix(in srgb, #8e8e93 14%, transparent) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                color-mix(in srgb, #8e8e93 26%, transparent) 0%,
                color-mix(in srgb, #8e8e93 10%, transparent) 52%,
                transparent 78%
            ),
            color-mix(in srgb, #8e8e93 16%, transparent) !important;
        background-color: color-mix(in srgb, #8e8e93 16%, transparent) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
        backdrop-filter: blur(16px) saturate(130%) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-notification-title,
    html:has(#main-app.ev-section-inventory) .ev-notification-message,
    html:has(#main-app.ev-section-inventory) .ev-notification-close,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .modal-title,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .modal-title span,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .modal-body p {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        opacity: 1 !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-notification-message,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .modal-body p {
        color: var(--gray-300, #c8c8c8) !important;
        -webkit-text-fill-color: var(--gray-300, #c8c8c8) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-notification-icon,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .modal-title i {
        background: color-mix(in srgb, #8e8e93 22%, transparent) !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-notification--success .ev-notification-icon,
    html:has(#main-app.ev-section-inventory) .ev-app-notice--success .modal-title i {
        color: var(--green-dot, #5a9a6e) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-notification--danger .ev-notification-icon,
    html:has(#main-app.ev-section-inventory) .ev-app-notice--danger .modal-title i,
    html:has(#main-app.ev-section-inventory) .ev-app-notice--warning .modal-title i {
        color: var(--rose-dot, #c07068) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-notification-close {
        background: color-mix(in srgb, #8e8e93 22%, transparent) !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-close,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-close-white {
        background-color: color-mix(in srgb, #8e8e93 26%, transparent) !important;
        box-shadow: none !important;
        filter: invert(1) grayscale(1) brightness(1.6);
    }
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-outline-light {
        background: color-mix(in srgb, #8e8e93 26%, transparent) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
        backdrop-filter: blur(16px) saturate(130%) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-danger,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-success,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-gold {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
        backdrop-filter: blur(16px) saturate(130%) !important;
    }
    /* Continue — stronger green glass. Delete confirm — stronger rose. */
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-success,
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-gold {
        background: color-mix(in srgb, var(--green-dot, #5a9a6e) 58%, transparent) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-app-notice .btn-danger {
        background: color-mix(in srgb, var(--rose-dot, #c07068) 58%, transparent) !important;
    }

    /*
      Unfinished / confirm notice — leave slower than Bootstrap’s 0.15s snap.
      Duration lives on the modal element so hide waits for it.
    */
    html:has(#main-app.ev-section-inventory) .ev-app-notice-modal.fade {
        transition: opacity var(--ev-phone-motion) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-app-notice-modal.fade .modal-dialog {
        transform: translateY(18px);
        opacity: 0;
        transition:
            transform var(--ev-phone-motion),
            opacity var(--ev-phone-motion) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-app-notice-modal.fade.show .modal-dialog {
        transform: none;
        opacity: 1;
    }
    body:has(#main-app.ev-section-inventory):has(.ev-app-notice-modal) .modal-backdrop.fade {
        transition: opacity var(--ev-phone-motion) !important;
    }

    /*
      In-bar plates — same gray glass as the search, not gold / pearl / khaki.
      Vendor found, found count, Filters. Desktop L gold stays.
    */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-mark,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-mark {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background: var(--ev-night-glass-dense) !important;
        background-color: var(--ev-night-glass-dense) !important;
        box-shadow: var(--ev-night-hair) !important;
        border-radius: 999px !important;
        -webkit-backdrop-filter: var(--ev-night-sample) !important;
        backdrop-filter: var(--ev-night-sample) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-mark {
        background: var(--ev-night-glass-dense) !important;
        background-color: var(--ev-night-glass-dense) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-icon,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-icon {
        color: #ffffff !important;
        background: color-mix(in srgb, #8e8e93 22%, transparent) !important;
        box-shadow: none !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-kicker,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-id,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-name,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-kicker,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-id,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-name {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-kicker,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-kicker,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-id,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-receive-oval-vendor.is-name-found .ev-receive-oval-id {
        color: rgba(255, 255, 255, 0.62) !important;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-search-oval-meta {
        background: var(--ev-night-glass-dense) !important;
        box-shadow: var(--ev-night-hair) !important;
        border-radius: 999px !important;
        -webkit-backdrop-filter: var(--ev-night-sample) !important;
        backdrop-filter: var(--ev-night-sample) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-count {
        background: var(--ev-night-glass-dense) !important;
        box-shadow: var(--ev-night-hair) !important;
        border-radius: 999px !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-count-num,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-count-label {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-count-label {
        color: rgba(255, 255, 255, 0.62) !important;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-search-oval-meta .ev-inv-filters-btn,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-filters-chip--oval .ev-inv-filters-btn,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn:hover,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn:focus-visible,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn[aria-expanded='true'] {
        background: var(--ev-night-glass-dense) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: var(--ev-night-hair) !important;
        border-radius: 999px !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-search-oval-meta .ev-inv-filters-icon {
        color: #ffffff !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-search-oval-meta .ev-inv-filters-btn.ev-th-filter-btn--active::after {
        background: #ffffff !important;
        box-shadow: none !important;
    }

    /*
      Metal-edge rim-run — loading or querying (suggest open).
      Same traveling conic as field__rim; lives on the glass ::after
      because the Kelvin carve stays hidden on the phone pill.
    */
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.ev-search-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.ev-inv-search-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.is-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.ev-search-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.ev-inv-search-loading,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.is-loading {
        animation: none !important;
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        box-shadow: none !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.is-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.ev-search-loading:focus-within::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.is-loading:focus-within::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.is-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar:focus-within::after {
        animation: ev-field-rim-run 0.95s linear infinite !important;
        background: conic-gradient(
            from var(--field-a),
            rgba(255, 255, 255, 0.08) 0deg,
            rgba(255, 255, 255, 0.28) 28deg,
            rgba(255, 255, 255, 0.72) 52deg,
            rgba(255, 255, 255, 0.96) 78deg,
            rgba(255, 255, 255, 1) 108deg,
            rgba(255, 255, 255, 0.55) 138deg,
            rgba(255, 255, 255, 0.1) 175deg,
            rgba(255, 255, 255, 0.35) 215deg,
            rgba(255, 255, 255, 0.92) 255deg,
            rgba(255, 255, 255, 0.98) 295deg,
            rgba(255, 255, 255, 0.08) 360deg
        ) !important;
        background-color: transparent !important;
        opacity: 1 !important;
        filter: brightness(1.18);
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    #main-app.ev-section-inventory > .ev-receive-mode-hint.ev-receive-mode-hint--under-topdeck:not(.d-none),
    #main-app.ev-section-inventory > .ev-receive-mode-hint.ev-receive-mode-hint--under-topdeck.is-in:not(.d-none) {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-app-notice-modal.fade,
    html:has(#main-app.ev-section-inventory) .ev-app-notice-modal.fade .modal-dialog,
    body:has(#main-app.ev-section-inventory):has(.ev-app-notice-modal) .modal-backdrop.fade {
        transition: none !important;
    }
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-lab.sbar.is-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap .sbar.is-loading::after,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar::after {
        animation: none !important;
        filter: none;
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.58) !important;
    }
    #main-app.ev-section-inventory > .ev-mobile-topdeck > .ev-mobile-nav-fab:active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-scope-print-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none):active,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-receive-next-btn:not(.d-none):active:not(:disabled),
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot
        #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none):active,
    #main-app.ev-section-inventory .ev-item-card-split-main:active,
    #main-app.ev-section-inventory .ev-item-card-split-caret:active,
    #main-app.ev-section-inventory .ev-item-card-btn:active,
    #main-app.ev-section-inventory .ev-item-card-edit:active,
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active {
        transform: none !important;
    }
}

@media (max-width: 991.98px) and (prefers-reduced-transparency: reduce) {
    #main-app.ev-section-inventory {
        --ev-grok-idle: #3a3a3e;
        --ev-grok-press: #4a4a4e;
        --ev-grok-sample: none;
        --ev-grok-film: none;
    }
    #main-app.ev-section-inventory > .ev-receive-mode-hint.ev-receive-mode-hint--under-topdeck:not(.d-none) {
        background: color-mix(in srgb, var(--green-dot, #5a9a6e) 72%, #121212) !important;
        background-color: color-mix(in srgb, var(--green-dot, #5a9a6e) 72%, #121212) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/*
  Choose sheet — clear grok glass. Stage / crest read through.
  Options stay the gray-film chips; color on the icon.
*/
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet {
    color: #fff !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
    position: relative !important;
    isolation: auto;
    padding: 1.45rem 1.5rem 1.6rem !important;
    border-radius: 26px !important;
    border: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner > *,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner > * {
    position: relative;
    z-index: 1;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-modal-body--bare,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-modal-body--bare {
    padding: 0 !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-grid,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 1.75rem !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section {
    margin: 1.05rem 0.25rem 0.35rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: rgba(255, 255, 255, 0.42) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section:first-child,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-section:first-child {
    margin-top: 0 !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group > .ev-action-card-section,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group > .ev-action-card-section {
    margin-top: 0 !important;
    grid-column: 1 / -1;
}

html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle {
    position: relative !important;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 0.95rem !important;
    min-height: 4.7rem !important;
    max-height: none !important;
    padding: 1rem 1.15rem !important;
    border: none !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: color-mix(in srgb, #8e8e93 32%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 32%, transparent) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after {
    content: none !important;
    display: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card > *,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card > * {
    position: relative;
    z-index: 1;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-copy,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-copy {
    min-width: 0 !important;
    overflow: hidden;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-hint,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-hint {
    color: rgba(255, 255, 255, 0.48) !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-chev,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-chev,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-fork-back,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-fork-back {
    display: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin {
    --ev-action-tint: var(--ev-status-active, #5a9a6e);
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold {
    --ev-action-tint: var(--ev-status-sold, #9a7aad);
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return {
    --ev-action-tint: var(--ev-status-returned, #c07068);
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair {
    --ev-action-tint: var(--ev-status-repair, #d47830);
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle {
    --ev-action-tint: var(--ev-status-consigned, #6a88b0);
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group--consign,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group--consign {
    grid-template-columns: 1fr !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle .ev-action-card-icon {
    width: 2.35rem !important;
    height: 2.35rem !important;
    border-radius: 50% !important;
    font-size: 0.88rem !important;
    background: var(--ev-action-tint, #8e8e93) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon i,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon i,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon .fa,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon .fa {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin .ev-action-card-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--ev-status-active, #5a9a6e) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return .ev-action-card-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--ev-status-returned, #c07068) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle .ev-action-card-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--ev-status-consigned, #6a88b0) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold .ev-action-card-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--ev-status-sold, #9a7aad) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair .ev-action-card-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--ev-status-repair, #d47830) !important;
}

html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:active,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover {
    background: color-mix(in srgb, #8e8e93 46%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 46%, transparent) !important;
    background-image: none !important;
    border: none !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 700 !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-chev,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-chev,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-chev,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-chev {
    color: #fff !important;
    opacity: 0.85 !important;
    transform: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-icon {
    box-shadow: none !important;
}

@media (max-width: 991.98px) {
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner {
        padding: 1.15rem 1.15rem 1.25rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-grid,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-grid {
        gap: 1.45rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group {
        gap: 0.75rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card {
        min-height: 4.25rem !important;
        padding: 0.85rem 1rem !important;
        grid-template-columns: 2.25rem minmax(0, 1fr) !important;
        column-gap: 0.85rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-icon {
        width: 2.1rem !important;
        height: 2.1rem !important;
        font-size: 0.76rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-title {
        font-size: 1rem !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-hint,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-hint {
        font-size: 0.74rem !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 992px) {
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.95rem 1.05rem !important;
    }
    html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group--consign,
    html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card-group--consign {
        grid-template-columns: 1fr !important;
    }
}

/*
  Inventory list cards — even night glass. No per-card TL/BR waters,
  Kelvin edge, chamfer clip, or hairline. No back tray — cards sit on the floor.
*/
#main-app.ev-section-inventory #inventory-table-card .result,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result,
#main-app.ev-section-inventory #ev-receive-review-area .result {
    --ev-frost-fill-light: var(--ev-cc-tile);
    --ev-frost-fill-light-dense: var(--ev-cc-tile-dense);
    position: relative !important;
    isolation: auto !important;
    overflow: hidden !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    border: none !important;
    border-radius: 18px !important;
    background: var(--ev-cc-tile) !important;
    background-color: var(--ev-cc-tile) !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
    backdrop-filter: blur(12px) saturate(150%) !important;
}
#main-app.ev-section-inventory #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected),
#main-app.ev-section-inventory #inventory-table-card .result.is-selected,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result:hover,
#main-app.ev-section-inventory #ev-receive-review-area .result:hover {
    background: var(--ev-cc-tile-dense) !important;
    background-color: var(--ev-cc-tile-dense) !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
#main-app.ev-section-inventory #inventory-table-card .result .ev-glass-edge,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result .ev-glass-edge,
#main-app.ev-section-inventory #ev-receive-review-area .result .ev-glass-edge,
#main-app.ev-section-inventory #inventory-table-card .result::before,
#main-app.ev-section-inventory #inventory-table-card .result::after,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result::before,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result::after,
#main-app.ev-section-inventory #ev-receive-review-area .result::before,
#main-app.ev-section-inventory #ev-receive-review-area .result::after {
    content: none !important;
    display: none !important;
}

/*
  Desktop inventory search — same quiet glass pill as phone.
  Kelvin carve stays in search-carve-lab.html (do not delete).
*/
@media (min-width: 992px) {
    #main-app.ev-section-inventory.ev-dock-l,
    #main-app.ev-section-inventory {
        --ev-search-h: 3.15rem;
        --ev-search-h-scoped: 3.15rem;
        --ev-ctrl-h: 3.15rem;
        --ev-search-in-t: 0px;
        --ev-search-in-b: 0px;
        --ev-search-in-l: 8px;
        --ev-search-in-r: 8px;
        --ev-plate-inset: 4px;
        --ev-dock-arm-h: calc(3.15rem + 1.35rem);
        --ev-grok-idle: color-mix(in srgb, #8e8e93 32%, transparent);
        --ev-grok-press: color-mix(in srgb, #8e8e93 46%, transparent);
        --ev-grok-type: #ffffff;
        --ev-grok-on: #ffffff;
        --ev-grok-on-type: #111111;
        --ev-grok-sample: blur(16px) saturate(130%);
        --ev-grok-film:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                color-mix(in srgb, #8e8e93 54%, transparent) 0%,
                color-mix(in srgb, #8e8e93 30%, transparent) 28%,
                color-mix(in srgb, #8e8e93 14%, transparent) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                color-mix(in srgb, #8e8e93 42%, transparent) 0%,
                color-mix(in srgb, #8e8e93 22%, transparent) 28%,
                color-mix(in srgb, #8e8e93 10%, transparent) 52%,
                transparent 78%
            );
        --ev-grok-waters:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                rgba(255, 255, 255, 0.72) 0%,
                rgba(255, 255, 255, 0.28) 28%,
                rgba(255, 255, 255, 0.1) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                rgba(255, 255, 255, 0.42) 0%,
                rgba(255, 255, 255, 0.16) 28%,
                rgba(255, 255, 255, 0.06) 52%,
                transparent 78%
            );
    }

    #main-app.ev-section-inventory .field__lit,
    #main-app.ev-section-inventory .field__rim,
    #main-app.ev-section-inventory .field__wash,
    #main-app.ev-section-inventory .ev-search-contour,
    #main-app.ev-section-inventory .ev-search-lamp,
    #main-app.ev-section-inventory .ev-inv-beam-filters {
        display: none !important;
    }

    #main-app.ev-section-inventory #inventory-search-lab.sbar,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar,
    #main-app.ev-section-inventory #inventory-search-lab.sbar:focus-within,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar:focus-within {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;
        border: none !important;
        border-radius: 999px !important;
        min-height: 3.15rem !important;
        height: 3.15rem !important;
        max-height: 3.15rem !important;
        background: #212121 !important;
        background-color: #212121 !important;
        background-image: none !important;
        color: var(--ev-grok-type) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        --ev-search-depth: none;
        --ev-search-halo: none;
        --ev-search-catch: none;
        --ev-search-glow: 0;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        transition:
            background 0.18s ease,
            background-color 0.18s ease !important;
    }
    #main-app.ev-section-inventory #inventory-search-lab.sbar:not(:focus-within):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading),
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar:not(:focus-within):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading) {
        --ev-search-depth: none;
        --ev-search-halo: none;
        --ev-search-catch: none;
        --ev-search-glow: 0;
        box-shadow: none !important;
        overflow: hidden !important;
    }
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-sbar-selected,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-sbar-selected,
    #main-app.ev-section-inventory #inventory-search-lab.sbar:has(:is(input, textarea):not(:placeholder-shown)),
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar:has(:is(input, textarea):not(:placeholder-shown)),
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-search-loading,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-inv-search-loading,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.is-loading,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-search-loading,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-inv-search-loading,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.is-loading,
    #main-app.ev-section-inventory .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar {
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        background-image: var(--ev-grok-film) !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }

    #main-app.ev-section-inventory #inventory-search-lab.sbar::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        border-radius: inherit;
        padding: 1px;
        opacity: 0.44;
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.44) !important;
        box-shadow: none !important;
        transition: opacity 0.18s ease;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    #main-app.ev-section-inventory #inventory-search-lab.sbar:hover:not(.ev-sbar-selected)::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar:hover:not(.ev-sbar-selected)::after {
        opacity: 0.55;
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.28) !important;
    }
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-sbar-selected::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-sbar-selected::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar:has(:is(input, textarea):not(:placeholder-shown))::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar:has(:is(input, textarea):not(:placeholder-shown))::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.is-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-search-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.is-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar::after {
        opacity: 1;
    }
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.is-loading::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-search-loading:focus-within::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.is-loading:focus-within::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-search-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.is-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar:focus-within::after {
        animation: ev-field-rim-run 0.95s linear infinite !important;
        background: conic-gradient(
            from var(--field-a),
            rgba(255, 255, 255, 0.08) 0deg,
            rgba(255, 255, 255, 0.28) 28deg,
            rgba(255, 255, 255, 0.72) 52deg,
            rgba(255, 255, 255, 0.96) 78deg,
            rgba(255, 255, 255, 1) 108deg,
            rgba(255, 255, 255, 0.55) 138deg,
            rgba(255, 255, 255, 0.1) 175deg,
            rgba(255, 255, 255, 0.35) 215deg,
            rgba(255, 255, 255, 0.92) 255deg,
            rgba(255, 255, 255, 0.98) 295deg,
            rgba(255, 255, 255, 0.08) 360deg
        ) !important;
        background-color: transparent !important;
        opacity: 1 !important;
        filter: brightness(1.18);
    }

    #main-app.ev-section-inventory .sbar input,
    #main-app.ev-section-inventory .sbar textarea,
    #main-app.ev-section-inventory .sbar #inventory-search {
        color: var(--gray-100, #f4f4f4) !important;
        -webkit-text-fill-color: var(--gray-100, #f4f4f4);
        position: relative;
        z-index: 1;
    }
    #main-app.ev-section-inventory .sbar input::placeholder,
    #main-app.ev-section-inventory .sbar textarea::placeholder {
        color: rgba(255, 255, 255, 0.38) !important;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.38) !important;
        font-weight: 600 !important;
        font-size: 0.72rem !important;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        opacity: 1 !important;
    }
    #main-app.ev-section-inventory .sbar #inventory-search::placeholder,
    #main-app.ev-section-inventory .sbar:focus-within #inventory-search::placeholder {
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        opacity: 0 !important;
    }
    #main-app.ev-section-inventory .sbar #inventory-search {
        text-align: left;
    }
    #main-app.ev-section-inventory .inventory-search-icon,
    #main-app.ev-section-inventory .sbar__icon {
        color: var(--gray-100, #f4f4f4) !important;
        z-index: 1;
    }

    #main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped #inventory-search-lab.sbar,
    #main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
    #main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-wrap .sbar,
    #main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar {
        padding: 0.35rem 0.5rem !important;
    }

    /*
      Desktop inventory chrome — same grok glass as phone.
      Layout stays (Choose right of search; side chips still slide).
    */
    html:has(#main-app.ev-section-inventory) {
        --ev-grok-idle: color-mix(in srgb, #8e8e93 32%, transparent);
        --ev-grok-press: color-mix(in srgb, #8e8e93 46%, transparent);
        --ev-grok-type: #ffffff;
        --ev-grok-on: #ffffff;
        --ev-grok-on-type: #111111;
        --ev-grok-sample: blur(16px) saturate(130%);
        --ev-grok-film:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                color-mix(in srgb, #8e8e93 54%, transparent) 0%,
                color-mix(in srgb, #8e8e93 30%, transparent) 28%,
                color-mix(in srgb, #8e8e93 14%, transparent) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                color-mix(in srgb, #8e8e93 42%, transparent) 0%,
                color-mix(in srgb, #8e8e93 22%, transparent) 28%,
                color-mix(in srgb, #8e8e93 10%, transparent) 52%,
                transparent 78%
            );
        --ev-grok-waters:
            radial-gradient(
                ellipse 50% 88% at 0% 0%,
                rgba(255, 255, 255, 0.72) 0%,
                rgba(255, 255, 255, 0.28) 28%,
                rgba(255, 255, 255, 0.1) 52%,
                transparent 78%
            ),
            radial-gradient(
                ellipse 50% 88% at 100% 100%,
                rgba(255, 255, 255, 0.42) 0%,
                rgba(255, 255, 255, 0.16) 28%,
                rgba(255, 255, 255, 0.06) 52%,
                transparent 78%
            );
    }

    #main-app.ev-section-inventory #inventory-search-panel-card .ev-inv-search-controls {
        column-gap: 2.25rem;
        --ev-side-overlap: 18px;
        --ev-side-slide: 110px;
    }

    #main-app.ev-section-inventory .ev-inv-choose-deck:not(.d-none),
    #main-app.ev-section-inventory .ev-inv-choose-deck:not(.d-none):hover,
    #main-app.ev-section-inventory .ev-inv-choose-deck:not(.d-none):focus-visible,
    #main-app.ev-section-inventory .ev-inv-choose-deck[aria-expanded='true'],
    #main-app.ev-section-inventory #inventory-actions-launch:not(.d-none) {
        position: relative !important;
        isolation: isolate;
        overflow: visible !important;
        border: none !important;
        border-radius: 999px !important;
        min-width: 12.75rem;
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        background-image: var(--ev-grok-film) !important;
        color: var(--ev-grok-type) !important;
        -webkit-text-fill-color: var(--ev-grok-type) !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
        transform: none !important;
    }
    #main-app.ev-section-inventory .ev-inv-choose-deck:not(.d-none):hover,
    #main-app.ev-section-inventory .ev-inv-choose-deck:not(.d-none):focus-visible,
    #main-app.ev-section-inventory .ev-inv-choose-deck[aria-expanded='true'],
    #main-app.ev-section-inventory .ev-inv-choose-deck.is-actions-source,
    #main-app.ev-section-inventory #inventory-actions-launch:hover:not(:disabled),
    #main-app.ev-section-inventory #inventory-actions-launch:focus-visible:not(:disabled),
    #main-app.ev-section-inventory #inventory-actions-launch[aria-expanded='true'],
    #main-app.ev-section-inventory #inventory-actions-launch.is-actions-source,
    body.ev-actions-open #main-app.ev-section-inventory #inventory-actions-launch {
        background: var(--ev-grok-film), var(--ev-grok-press) !important;
        background-color: var(--ev-grok-press) !important;
        color: var(--ev-grok-type) !important;
        -webkit-text-fill-color: var(--ev-grok-type) !important;
        box-shadow: none !important;
    }
    #main-app.ev-section-inventory .ev-inv-choose-deck:not(.d-none)::after,
    #main-app.ev-section-inventory #inventory-actions-launch:not(.d-none)::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        border-radius: inherit;
        padding: 1px;
        background: var(--ev-grok-waters) !important;
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    #main-app.ev-section-inventory .ev-inv-choose-deck > *,
    #main-app.ev-section-inventory #inventory-actions-launch > * {
        position: relative;
        z-index: 1;
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

    /* Side chips — face on ::before (shell still slides; no blur+transform) */
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border-radius: 999px !important;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass::before {
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        border-radius: inherit;
        padding: 1px;
        background: var(--ev-grok-waters) !important;
        box-shadow: none !important;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none):not(:disabled),
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none):hover:not(:disabled) {
        color: var(--ev-grok-on-type) !important;
        -webkit-text-fill-color: var(--ev-grok-on-type) !important;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none):not(:disabled)::before {
        background: var(--ev-grok-on) !important;
        background-color: var(--ev-grok-on) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none):not(:disabled)::after {
        content: none !important;
        display: none !important;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none):not(:disabled) > *,
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:not(.d-none):not(:disabled) .ev-side-glass-label {
        color: var(--ev-grok-on-type) !important;
        -webkit-text-fill-color: var(--ev-grok-on-type) !important;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:disabled {
        color: rgba(255, 255, 255, 0.38) !important;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.38) !important;
        cursor: not-allowed;
        opacity: 1;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:disabled::before {
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:disabled > *,
    #main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-receive-next-btn:disabled .ev-side-glass-label {
        color: rgba(255, 255, 255, 0.38) !important;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.38) !important;
    }

    /* Vendor suggest — grok tray, white type */
    #main-app.ev-section-inventory .ev-inv-vendor-suggest,
    #main-app.ev-section-inventory #inventory-vendor-suggest,
    #main-app.ev-section-inventory #ev-receive-vendor-results {
        position: relative !important;
        isolation: isolate;
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
        border: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }
    #main-app.ev-section-inventory .ev-inv-vendor-suggest::after,
    #main-app.ev-section-inventory #inventory-vendor-suggest::after,
    #main-app.ev-section-inventory #ev-receive-vendor-results::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        border-radius: inherit;
        padding: 1px;
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.28) !important;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    #main-app.ev-section-inventory .ev-inv-vendor-suggest > *,
    #main-app.ev-section-inventory #inventory-vendor-suggest > *,
    #main-app.ev-section-inventory #ev-receive-vendor-results > * {
        position: relative;
        z-index: 1;
    }
    #main-app.ev-section-inventory .ev-inv-vendor-suggest-head,
    #main-app.ev-section-inventory .ev-inv-vendor-suggest-item,
    #main-app.ev-section-inventory .ev-inv-vendor-suggest-name,
    #main-app.ev-section-inventory .ev-inv-vendor-suggest-id,
    #main-app.ev-section-inventory .ev-inv-vendor-suggest-empty,
    #main-app.ev-section-inventory .ev-inv-vendor-suggest-pending,
    #main-app.ev-section-inventory .ev-inv-vendor-suggest-loading {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: none !important;
    }

    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu {
        position: relative !important;
        isolation: isolate;
        background: var(--ev-grok-film), var(--ev-grok-idle) !important;
        background-color: var(--ev-grok-idle) !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: var(--ev-grok-sample) !important;
        backdrop-filter: var(--ev-grok-sample) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu::after,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        border-radius: inherit;
        padding: 1px;
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.28) !important;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu > *,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu > * {
        position: relative;
        z-index: 1;
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu .ev-th-filter-section-label,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu .ev-th-filter-section-label {
        color: rgba(255, 255, 255, 0.42) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu .inv-filter-btn,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu .inv-filter-btn {
        background: transparent !important;
        color: rgba(255, 255, 255, 0.72) !important;
        box-shadow: none !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu .inv-filter-btn:hover:not(.active),
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu .inv-filter-btn:focus-visible:not(.active),
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu .inv-filter-btn:hover:not(.active),
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu .inv-filter-btn:focus-visible:not(.active) {
        background: color-mix(in srgb, #8e8e93 22%, transparent) !important;
        color: #ffffff !important;
        box-shadow:
            inset 2px 3px 6px rgba(0, 0, 0, 0.28),
            inset -1px -1px 3px rgba(255, 255, 255, 0.08) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu .inv-filter-btn.active,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu .inv-filter-btn.active {
        background: color-mix(in srgb, #ffffff 88%, transparent) !important;
        color: #111111 !important;
        box-shadow:
            var(--raised-sm),
            0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    }
    html:has(#main-app.ev-section-inventory) .ev-th-filter-menu .ev-th-filter-clear,
    html:has(#main-app.ev-section-inventory) body > .ev-th-filter-menu .ev-th-filter-clear {
        background: color-mix(in srgb, var(--rose-dot, #c07068) 28%, transparent) !important;
        color: #ffd4d0 !important;
        box-shadow:
            inset 2px 3px 6px rgba(0, 0, 0, 0.22),
            inset -1px -1px 3px rgba(255, 255, 255, 0.06) !important;
    }
}

/*
  Vendor recommend — same float as Choose: under the search pill, not out of the L.
  Film lives on ::before so the settle transform never shares a node with blur.
*/
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled {
    position: fixed !important;
    isolation: isolate;
    overflow: hidden !important;
    border: none !important;
    border-radius: 22px !important;
    padding: 0.45rem 0.4rem 0.5rem !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    opacity: 0 !important;
    transform: translateY(14px);
    pointer-events: none !important;
    z-index: 1075 !important;
    transition:
        opacity 0.22s ease,
        transform 0.22s ease;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled.is-open,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled.is-open,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled.is-open {
    opacity: 1 !important;
    transform: translateY(0);
    pointer-events: auto !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled::before,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled::before,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background: var(--ev-grok-film), var(--ev-grok-idle) !important;
    background-color: var(--ev-grok-idle) !important;
    -webkit-backdrop-filter: var(--ev-grok-sample) !important;
    backdrop-filter: var(--ev-grok-sample) !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled::after,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled::after,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background:
        var(--ev-grok-waters),
        rgba(255, 255, 255, 0.28) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled > *,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled > *,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled > * {
    position: relative;
    z-index: 1;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-head,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-head {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-bottom: none !important;
    color: rgba(255, 255, 255, 0.48) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.48) !important;
    text-shadow: none !important;
    padding: 0.4rem 0.85rem 0.25rem !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item {
    background: color-mix(in srgb, #8e8e93 18%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 16px !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:hover,
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:focus-visible,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:hover,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:focus-visible,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:hover,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:focus-visible {
    background: color-mix(in srgb, #8e8e93 32%, transparent) !important;
    box-shadow: none !important;
}
@media (prefers-reduced-motion: reduce) {
    html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled,
    html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled,
    html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled {
        transform: none !important;
        transition: opacity 0.15s ease;
    }
}

/*
  Inventory vendor-found plates — same 3.15rem pill as the new search bar.
  Gray grok film + waters + white type. No gold 3D, no Kelvin floor, no carve padding.
*/
#main-app.ev-section-inventory #inventory-search-panel-card .ev-inv-search-controls,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-inv-search-controls,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls {
    --ev-search-h: 3.15rem;
    --ev-search-h-scoped: 3.15rem;
    --ev-ctrl-h: 3.15rem;
    --ev-search-in-t: 0.35rem;
    --ev-search-in-b: 0.35rem;
    --ev-search-in-l: 0.5rem;
    --ev-search-in-r: 0.5rem;
    --ev-plate-inset: 0px;
    --ev-plate-inset-l: 0px;
    --ev-plate-r: 999px;
    --ev-plate-h: 2.45rem;
    --ev-side-btn-h: 3.15rem;
    --ev-side-overlap: 18px;
    --ev-side-slide: 110px;
}
@media (max-width: 991.98px) {
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-inv-search-controls,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-controls,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-controls,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-search--receive.ev-receive-oval-scoped .ev-inv-search-controls {
        --ev-search-h: var(--ev-mobile-topdeck-search-h, 3rem);
        --ev-search-h-scoped: var(--ev-mobile-topdeck-search-h, 3rem);
        --ev-ctrl-h: var(--ev-mobile-topdeck-search-h, 3rem);
        --ev-plate-h: 2.3rem;
        --ev-side-btn-h: var(--ev-mobile-topdeck-search-h, 3rem);
    }
}

#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped #inventory-search-lab.sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-wrap .sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    #inventory-search-lab.sbar,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    #inventory-search-lab.sbar {
    min-height: 3.15rem !important;
    height: 3.15rem !important;
    max-height: 3.15rem !important;
    padding: 0.35rem 0.5rem !important;
    gap: 0.4rem !important;
    --ev-search-glow: 0;
    box-shadow: none !important;
    justify-content: center !important;
}
@media (max-width: 991.98px) {
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search-lab.sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped #inventory-search-lab.sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-inventory-oval-scoped .ev-inv-search-wrap .sbar,
    #main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card.ev-receive-oval-scoped .ev-inv-search-wrap .sbar {
        min-height: var(--ev-mobile-topdeck-search-h, 3rem) !important;
        height: var(--ev-mobile-topdeck-search-h, 3rem) !important;
        max-height: var(--ev-mobile-topdeck-search-h, 3rem) !important;
        padding: 0.32rem 0.4rem !important;
    }
}

#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left {
    padding-bottom: 0 !important;
    gap: 0.4rem !important;
}
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left::before,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-left::before {
    content: none !important;
    display: none !important;
}

#main-app.ev-section-inventory .ev-receive-oval-mark,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-mark,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-mark,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-receive-oval-mark {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    height: var(--ev-plate-h, 2.45rem) !important;
    min-height: var(--ev-plate-h, 2.45rem) !important;
    max-height: var(--ev-plate-h, 2.45rem) !important;
    padding: 0.2rem 0.7rem 0.2rem 0.28rem !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
#main-app.ev-section-inventory .ev-receive-oval-mark::after,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-mark::after {
    content: none !important;
    display: none !important;
}
#main-app.ev-section-inventory .ev-receive-oval-mark > * {
    position: relative;
    z-index: 1;
}
#main-app.ev-section-inventory .ev-receive-oval-icon,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-icon {
    width: 1.55rem;
    height: 1.55rem;
    color: #ffffff !important;
    background: color-mix(in srgb, #8e8e93 22%, transparent) !important;
    box-shadow: none !important;
    border-radius: 999px !important;
}
#main-app.ev-section-inventory .ev-receive-oval-kicker,
#main-app.ev-section-inventory .ev-receive-oval-id,
#main-app.ev-section-inventory .ev-receive-oval-name,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-kicker,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-id,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-name {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory .ev-receive-oval-kicker,
#main-app.ev-section-inventory .ev-receive-oval-id,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-kicker,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-id {
    color: rgba(255, 255, 255, 0.62) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

#main-app.ev-section-inventory .ev-search-oval-meta,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-inventory-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-search-oval-meta,
#main-app.ev-section-inventory #inventory-search-panel-card.ev-receive-oval-scoped:has(.ev-receive-oval-vendor.is-name-found)
    .ev-search-oval-meta {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    height: var(--ev-plate-h, 2.45rem) !important;
    min-height: var(--ev-plate-h, 2.45rem) !important;
    max-height: var(--ev-plate-h, 2.45rem) !important;
    padding: 0.18rem !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
#main-app.ev-section-inventory .ev-search-oval-meta::after {
    content: none !important;
    display: none !important;
}
#main-app.ev-section-inventory .ev-search-oval-meta > * {
    position: relative;
    z-index: 1;
}
#main-app.ev-section-inventory .ev-receive-oval-count,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-btn,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn:hover,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn:focus-visible,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-chip--oval .ev-inv-filters-btn[aria-expanded='true'] {
    background: color-mix(in srgb, #8e8e93 18%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 18%, transparent) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 999px !important;
}
#main-app.ev-section-inventory .ev-receive-oval-count-num,
#main-app.ev-section-inventory .ev-receive-oval-count-label,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-word,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-icon,
#main-app.ev-section-inventory .ev-search-oval-meta .ev-th-filter-count {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory .ev-receive-oval-count-label {
    color: rgba(255, 255, 255, 0.62) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}
#main-app.ev-section-inventory .ev-search-oval-meta .ev-inv-filters-btn.ev-th-filter-btn--active::after {
    background: #ffffff !important;
    box-shadow: none !important;
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-search-loading::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-inv-search-loading::after,
    #main-app.ev-section-inventory #inventory-search-lab.sbar.is-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-search-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.is-loading::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap.ev-inv-search-wrap--suggest-open .sbar::after {
        animation: none !important;
        filter: none;
        background:
            var(--ev-grok-waters),
            rgba(255, 255, 255, 0.58) !important;
    }
}

/* Inventory list — no back glass box. Cards sit on the night floor. */
#main-app.ev-section-inventory #inventory-table-card.results:not(.d-none),
#main-app.ev-section-inventory #ev-receive-batch-table-wrap.results {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 0.2rem 0 0.65rem !important;
}
#main-app.ev-section-inventory #inventory-table-card > .ev-glass-edge,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap > .ev-glass-edge {
    display: none !important;
}
@media (prefers-reduced-transparency: reduce) {
    #main-app.ev-section-inventory #inventory-table-card.results:not(.d-none),
    #main-app.ev-section-inventory #ev-receive-batch-table-wrap.results {
        background: transparent !important;
        background-color: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* SKU — same plane as the row (no carved plate). Corners only, not a box. */
#main-app.ev-section-inventory #inventory-table-card .result__mark--sku,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__mark--sku,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__mark--sku,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__mark--sku,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result__mark--sku,
#main-app.ev-section-inventory #ev-receive-review-area .result__mark--sku {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#main-app.ev-section-inventory #inventory-table-card .result__mark--sku::before,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result__mark--sku::before,
#main-app.ev-section-inventory #ev-receive-review-area .result__mark--sku::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: 0;
    background:
        linear-gradient(#fff, #fff) top left / 10px 1px no-repeat,
        linear-gradient(#fff, #fff) top left / 1px 10px no-repeat,
        linear-gradient(#fff, #fff) top right / 10px 1px no-repeat,
        linear-gradient(#fff, #fff) top right / 1px 10px no-repeat,
        linear-gradient(#fff, #fff) bottom left / 10px 1px no-repeat,
        linear-gradient(#fff, #fff) bottom left / 1px 10px no-repeat,
        linear-gradient(#fff, #fff) bottom right / 10px 1px no-repeat,
        linear-gradient(#fff, #fff) bottom right / 1px 10px no-repeat;
    opacity: 0.42;
}

#main-app.ev-section-inventory #inventory-table-card .result__mark--sku > *,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result__mark--sku > *,
#main-app.ev-section-inventory #ev-receive-review-area .result__mark--sku > * {
    position: relative;
    z-index: 1;
}

#main-app.ev-section-inventory #inventory-table-card .result .result__sku-status,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result .result__sku-status,
#main-app.ev-section-inventory #ev-receive-review-area .result .result__sku-status {
    text-shadow: none !important;
    font-weight: 700;
}

/*
  Popup glass lock — every dialog / overlay / notice uses the same
  grok film + waters + white type as Choose / vendor suggest.
  Film lives on ::before so Bootstrap dialog transform stays clean.
*/
.modal-content,
.modal-content.bg-dark,
.modal-content.bg-secondary,
.modal-content.ev-app-notice,
.ev-auth-overlay-panel,
.ev-blocking-overlay-panel,
#editItemModal .modal-content {
    /* Locked Choose pane — thin film on ::before, no rim. Not the dense chip. */
    --ev-grok-idle: color-mix(in srgb, #8e8e93 7%, transparent);
    --ev-grok-type: #ffffff;
    --ev-grok-sample: blur(10px) saturate(120%);
    --ev-grok-film:
        radial-gradient(
            ellipse 50% 88% at 0% 0%,
            color-mix(in srgb, #8e8e93 14%, transparent) 0%,
            color-mix(in srgb, #8e8e93 6%, transparent) 28%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 50% 88% at 100% 100%,
            color-mix(in srgb, #8e8e93 10%, transparent) 0%,
            color-mix(in srgb, #8e8e93 4%, transparent) 28%,
            transparent 78%
        );
    --ev-grok-waters:
        radial-gradient(
            ellipse 50% 88% at 0% 0%,
            rgba(255, 255, 255, 0.72) 0%,
            rgba(255, 255, 255, 0.28) 28%,
            rgba(255, 255, 255, 0.1) 52%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 50% 88% at 100% 100%,
            rgba(255, 255, 255, 0.42) 0%,
            rgba(255, 255, 255, 0.16) 28%,
            rgba(255, 255, 255, 0.06) 52%,
            transparent 78%
        );
    position: relative !important;
    isolation: isolate;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.ev-auth-overlay {
    background: var(--ev-night-floor, #121212) !important;
}
.modal-content::before,
.modal-content.ev-app-notice::before,
.ev-auth-overlay-panel::before,
.ev-blocking-overlay-panel::before,
#editItemModal .modal-content::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background: var(--ev-grok-film), var(--ev-grok-idle) !important;
    background-color: var(--ev-grok-idle) !important;
    -webkit-backdrop-filter: var(--ev-grok-sample) !important;
    backdrop-filter: var(--ev-grok-sample) !important;
}
.modal-content::after,
.modal-content.ev-app-notice::after,
.ev-auth-overlay-panel::after,
.ev-blocking-overlay-panel::after,
#editItemModal .modal-content::after {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.modal-content > *,
.ev-auth-overlay-panel > *,
.ev-blocking-overlay-panel > *,
#editItemModal .modal-content > * {
    position: relative;
    z-index: 1;
}

.modal-header,
.modal-footer,
.modal-body,
.ev-auth-overlay-header,
.ev-auth-overlay-body {
    background: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
.modal-title,
.modal-title.text-gold,
.modal-title.text-info,
.modal-title.text-success,
.modal-title.text-warning,
.modal-title.text-danger,
#editItemModal .modal-title,
.ev-auth-overlay-header,
.ev-auth-overlay-header h5,
#loginModalTitle,
#locationModalTitle {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.modal-title.text-danger i,
.modal-title.text-danger .fa {
    color: var(--ev-status-returned, #c07068) !important;
}
.modal-title.text-success i,
.modal-title.text-success .fa {
    color: var(--ev-status-active, #5a9a6e) !important;
}
.modal-title.text-warning i,
.modal-title.text-warning .fa,
.modal-title.text-gold i {
    color: var(--ev-status-repair, #d47830) !important;
}
.modal-title.text-info i {
    color: var(--ev-status-consigned, #6a88b0) !important;
}
.modal-content p,
.modal-content .form-text,
.modal-content .small,
.modal-content .text-muted,
.modal-content .text-secondary,
.modal-content th,
.modal-content td,
.modal-content li,
.ev-auth-overlay-panel p,
.ev-auth-overlay-panel label,
.ev-app-notice .modal-title,
.ev-app-notice .modal-title span,
.ev-app-notice .modal-body p {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.modal-content .form-text,
.modal-content .small,
.modal-content .text-muted,
.ev-app-notice .modal-body p {
    color: rgba(255, 255, 255, 0.62) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

.modal-content .form-label,
.modal-content .form-check-label,
.modal-content .form-label.text-gold,
.modal-content label.text-gold,
#editItemModal .form-label,
#editItemModal label.form-label,
#editItemModal .ev-item-edit-field > .form-label {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.modal-content .form-control,
.modal-content .form-select,
.modal-content textarea.form-control,
.modal-content .form-control.bg-secondary,
.modal-content .form-select.bg-secondary,
.ev-auth-overlay-panel .form-control,
.ev-auth-overlay-panel .form-select,
.ev-auth-overlay-panel .form-control.bg-secondary,
#editItemModal .form-control,
#editItemModal .form-select,
#editItemModal textarea.form-control,
.modal-content .ev-desc-mirror-wrap,
#editItemModal .ev-desc-mirror-wrap {
    background: color-mix(in srgb, #8e8e93 18%, #161618) !important;
    background-color: color-mix(in srgb, #8e8e93 18%, #161618) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.38) !important;
    caret-color: #ffffff;
}
.modal-content .form-control::placeholder,
.ev-auth-overlay-panel .form-control::placeholder,
#editItemModal .form-control::placeholder {
    color: rgba(255, 255, 255, 0.38) !important;
}
.modal-content .form-control:focus,
.modal-content .form-select:focus,
.ev-auth-overlay-panel .form-control:focus,
#editItemModal .form-control:focus {
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(255, 255, 255, 0.22) !important;
    outline: none !important;
}
.modal-content .ev-desc-mirror,
.modal-content .ev-desc-mirror .ev-desc-ok,
#editItemModal .ev-desc-mirror,
#editItemModal .ev-desc-mirror .ev-desc-ok {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.modal-content textarea.ev-desc-textarea,
#editItemModal textarea.ev-desc-textarea {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Add-item editor keeps a light pearl well — dark ink, not white-on-white */
.ev-receive-item-editor .ev-desc-mirror,
.ev-receive-item-editor .ev-desc-mirror .ev-desc-ok,
.ev-receive-batch-tray .ev-desc-mirror,
.ev-receive-batch-tray .ev-desc-mirror .ev-desc-ok {
    color: #1a1a20 !important;
    -webkit-text-fill-color: #1a1a20 !important;
}
.ev-receive-item-editor textarea.ev-desc-textarea,
.ev-receive-item-editor .form-control.ev-desc-textarea,
.ev-receive-batch-tray textarea.ev-desc-textarea,
.ev-receive-batch-tray .form-control.ev-desc-textarea {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    caret-color: #1a1a20 !important;
}
@media (max-width: 991.98px) {
    #main-app.ev-section-inventory .ev-receive-item-editor .ev-desc-mirror,
    #main-app.ev-section-inventory .ev-receive-item-editor .ev-desc-mirror .ev-desc-ok,
    #main-app.ev-section-inventory .ev-receive-batch-tray .ev-desc-mirror,
    #main-app.ev-section-inventory .ev-receive-batch-tray .ev-desc-mirror .ev-desc-ok {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    #main-app.ev-section-inventory .ev-receive-item-editor textarea.ev-desc-textarea,
    #main-app.ev-section-inventory .ev-receive-item-editor .form-control.ev-desc-textarea {
        caret-color: #ffffff !important;
    }
}
.modal-content .form-check-input {
    background-color: color-mix(in srgb, #8e8e93 22%, #161618) !important;
    border: none !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
.modal-content .form-check-input:checked {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.modal-content .ev-modal-section,
.ev-auth-overlay-panel .ev-modal-section {
    background: color-mix(in srgb, #8e8e93 14%, transparent) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.modal-content hr,
.modal-content hr.border-secondary {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.modal-content .btn-close,
.modal-content .btn-close-white,
.ev-app-notice .btn-close,
.ev-app-notice .btn-close-white {
    background-color: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}
.modal-content .btn-close::before,
.modal-content .btn-close-white::before,
.ev-app-notice .btn-close::before,
.ev-app-notice .btn-close-white::before {
    color: #ffffff !important;
}

.modal-content .btn-secondary,
.modal-content .btn-outline-light,
.modal-content .btn-outline-secondary,
.ev-auth-overlay-panel .btn-secondary,
.ev-auth-overlay-panel .btn-outline-light,
.ev-app-notice .btn-outline-light {
    background: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    -webkit-backdrop-filter: var(--ev-grok-sample) !important;
    backdrop-filter: var(--ev-grok-sample) !important;
}
.modal-content .btn-gold,
.modal-content .btn-primary,
.modal-content .btn-success,
.ev-auth-overlay-panel .btn-gold,
.ev-app-notice .btn-gold,
.ev-app-notice .btn-success {
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow: none !important;
    transform: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.modal-content .btn-danger,
.ev-app-notice .btn-danger {
    background: color-mix(in srgb, var(--rose-dot, #c07068) 42%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

.ev-notification,
html:has(#main-app.ev-section-inventory) .ev-notification,
html:has(#main-app.ev-section-inventory) .modal-content.ev-app-notice {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}
.ev-notification-title,
.ev-notification-message,
.ev-notification-close {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Portaled floaters — Bootstrap .btn must not drop cacao ink */
body > .ev-inv-vendor-suggest .ev-inv-vendor-suggest-item,
body > #inventory-vendor-suggest .ev-inv-vendor-suggest-item,
body > #ev-receive-vendor-results .ev-inv-vendor-suggest-item,
#inventoryActionsDrawer .ev-action-card,
#inventoryActionsDrawer .ev-action-card-title,
body > #inventoryActionsDrawer .ev-action-card,
body > #inventoryActionsDrawer .ev-action-card-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body > .ev-th-filter-menu .inv-filter-btn:not(.active),
.ev-th-filter-menu .inv-filter-btn:not(.active) {
    color: rgba(255, 255, 255, 0.78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body > .ev-sidebar-dropdown .ev-admin-menu-row,
body > .ev-sidebar-dropdown .ev-admin-menu-title,
.ev-sidebar-dropdown .ev-admin-menu-row,
.ev-sidebar-dropdown .ev-admin-menu-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body > .ev-sidebar-dropdown .ev-admin-menu-label,
body > .ev-sidebar-dropdown .ev-admin-menu-sub,
.ev-sidebar-dropdown .ev-admin-menu-label,
.ev-admin-menu-sub,
#ev-account-store-label.ev-admin-menu-sub {
    color: rgba(255, 255, 255, 0.62) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

/*
  Contrast lock:
  glass / gray frost → white type
  white / pearl chips → dark type
*/
#main-app.ev-section-inventory #ev-receive-loading-screen,
#main-app.ev-section-inventory #ev-receive-success-screen,
#main-app.ev-section-inventory #ev-receive-review-area.ev-receive-review {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-title,
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-now,
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-sub,
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-review-title,
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-review-kicker,
#main-app.ev-section-inventory #ev-receive-success-screen .ev-receive-finish-title,
#main-app.ev-section-inventory #ev-receive-success-screen .ev-receive-finish-sub,
#main-app.ev-section-inventory #ev-receive-success-screen .ev-receive-review-kicker,
#main-app.ev-section-inventory #ev-receive-review-area .ev-receive-review-title,
#main-app.ev-section-inventory #ev-receive-review-area .ev-receive-review-kicker,
#main-app.ev-section-inventory #ev-receive-review-area .ev-receive-review-meta,
#main-app.ev-section-inventory #ev-receive-review-area .ev-receive-review-totals,
#main-app.ev-section-inventory #ev-receive-review-area .ev-receive-review-totals strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-count,
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-sub,
#main-app.ev-section-inventory #ev-receive-success-screen .ev-receive-finish-sub {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

/* Loading rows — gray glass chips, white type (not milky white + cacao) */
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-row {
    background: color-mix(in srgb, #8e8e93 18%, transparent) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-sku,
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-row-body strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory #ev-receive-loading-screen .ev-receive-loading-row-body span {
    color: rgba(255, 255, 255, 0.62) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

/* White / pearl action chips on the finish screen keep dark type */
#main-app.ev-section-inventory #ev-receive-success-screen .ev-finish-action-btn,
#main-app.ev-section-inventory #ev-receive-success-screen .ev-finish-action-btn--memo,
#main-app.ev-section-inventory #ev-receive-success-screen .ev-finish-action-btn--shopify,
#main-app.ev-section-inventory #ev-receive-success-screen .ev-wizard-finish-done {
    color: #1a1a20 !important;
    -webkit-text-fill-color: #1a1a20 !important;
}

/* Item preview foot — Edit / More sit as a matched pair, same baseline */
#main-app.ev-section-inventory .ev-item-card-foot,
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-foot,
#main-app.ev-section-inventory .ev-item-stage .ev-item-card-foot {
    padding: 0.55rem 0.85rem calc(0.7rem + env(safe-area-inset-bottom, 0px)) !important;
    background: transparent !important;
    border: none !important;
}
#main-app.ev-section-inventory .ev-item-card-split {
    display: flex !important;
    align-items: stretch !important;
    gap: 0.45rem !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
#main-app.ev-section-inventory .ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-split-caret,
#main-app.ev-section-inventory .ev-item-card-split-main:hover,
#main-app.ev-section-inventory .ev-item-card-split-main:focus-visible,
#main-app.ev-section-inventory .ev-item-card-split-main:active,
#main-app.ev-section-inventory .ev-item-card-split-caret:hover,
#main-app.ev-section-inventory .ev-item-card-split-caret:focus-visible,
#main-app.ev-section-inventory .ev-item-card-split-caret:active,
#main-app.ev-section-inventory .ev-item-card-split-caret[aria-expanded='true'] {
    flex: 1 1 0 !important;
    min-height: 3rem !important;
    border: none !important;
    border-radius: 999px !important;
    transform: none !important;
    overflow: hidden !important;
    isolation: isolate;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
#main-app.ev-section-inventory .ev-item-card-split-main::after,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main::after,
#main-app.ev-section-inventory .ev-item-card-split-caret::after,
#main-app.ev-section-inventory .ev-item-card-edit::after {
    content: none !important;
    display: none !important;
}
#main-app.ev-section-inventory .ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-split-main:hover,
#main-app.ev-section-inventory .ev-item-card-split-main:focus-visible,
#main-app.ev-section-inventory .ev-item-card-split-main:active,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #1a1a20 !important;
    -webkit-text-fill-color: #1a1a20 !important;
}
#main-app.ev-section-inventory .ev-item-card-split-caret {
    background: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 26%, transparent) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory .ev-item-card-split-caret .ev-item-card-split-more-label,
#main-app.ev-section-inventory .ev-item-card-split-caret i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/*
  Choose well — glass is the Edit-modal recipe at file end.
  Do not fade / blur this host (that glotches the crest).
*/

/*
  Crest always stays. Viewport mark is the glass reference.
  Never hide it for Choose, account, receive, etc.
*/
body.ev-booting #ev-inv-stage-mark,
html:has(#main-app.ev-section-inventory) #ev-inv-stage-mark,
body.ev-actions-open #ev-inv-stage-mark,
body.ev-account-menu-open #ev-inv-stage-mark,
body.ev-dock-menu-hold #ev-inv-stage-mark {
    visibility: visible !important;
    display: flex !important;
}
body.ev-actions-open #ev-inv-stage-mark {
    transition: none !important;
}

/*
  Boot veil — night floor only. Crest is #ev-inv-stage-mark (same node as live).
*/
html:has(#loading-screen.ev-boot:not(.d-none):not(.is-done)),
html:has(#loading-screen.ev-boot:not(.d-none):not(.is-done)) body,
body.ev-booting,
html:has(body.ev-booting) {
    background: #121212 !important;
}
#loading-screen.ev-boot {
    position: fixed;
    inset: 0;
    z-index: 4000;
    margin: 0;
    padding: 0;
    background: #121212 !important;
    pointer-events: none;
    transition: opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}
#loading-screen.ev-boot.is-done {
    opacity: 0;
}
.ev-inv-stage-mark .ev-boot-extras {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    width: min(16rem, 72vw);
    pointer-events: auto;
}
body.ev-booting .ev-inv-stage-mark .ev-boot-extras {
    display: flex;
}
.ev-inv-stage-mark .ev-boot-bar {
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: color-mix(in srgb, #8e8e93 28%, transparent);
    overflow: hidden;
    --ev-boot-p: 8%;
}
.ev-inv-stage-mark .ev-boot-bar-fill {
    display: block;
    height: 100%;
    width: var(--ev-boot-p, 8%);
    border-radius: inherit;
    background: #ffffff;
    transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.ev-inv-stage-mark .ev-boot-status {
    margin: 0;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.62);
}
.ev-inv-stage-mark .ev-boot-actions {
    display: flex;
    gap: 0.65rem;
    justify-content: center;
}
.ev-inv-stage-mark .ev-boot-actions.d-none {
    display: none !important;
}
body:not(.ev-booting) .ev-inv-stage-mark .ev-boot-extras {
    display: none;
}

/* After the deck is in — metal rim walks the search three times */
@keyframes ev-search-hello-run {
    from { --field-a: 0deg; }
    to { --field-a: 360deg; }
}
#main-app.ev-section-inventory #inventory-search-lab.sbar.ev-search-hello::after,
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-search-hello::after,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar.ev-search-hello::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    opacity: 1 !important;
    filter: brightness(1.18);
    animation: ev-search-hello-run 1.05s linear 3 !important;
    background: conic-gradient(
        from var(--field-a),
        rgba(255, 255, 255, 0.08) 0deg,
        rgba(255, 255, 255, 0.28) 28deg,
        rgba(255, 255, 255, 0.72) 52deg,
        rgba(255, 255, 255, 0.96) 78deg,
        rgba(255, 255, 255, 1) 108deg,
        rgba(255, 255, 255, 0.55) 138deg,
        rgba(255, 255, 255, 0.1) 175deg,
        rgba(255, 255, 255, 0.35) 215deg,
        rgba(255, 255, 255, 0.92) 255deg,
        rgba(255, 255, 255, 0.98) 295deg,
        rgba(255, 255, 255, 0.08) 360deg
    ) !important;
    background-color: transparent !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    box-shadow: none !important;
}
@media (prefers-reduced-motion: reduce) {
    #main-app.ev-section-inventory #inventory-search-lab.sbar.ev-search-hello::after,
    #main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-search-hello::after {
        animation: none !important;
    }
}

/* Idle search hint — centered caps, gray, gone once they type */
#inventory-search::placeholder {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}
#inventory-search {
    text-align: left;
    caret-color: #ffffff !important;
    caret-shape: bar;
    caret-width: 3px;
}
.ev-inv-search-wrap .sbar .ev-search-hint {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-family: var(--font-sans);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
    line-height: 1;
}
.ev-inv-search-wrap .sbar:has(#inventory-search:not(:placeholder-shown)) .ev-search-hint,
#inventory-search-panel-card.ev-inventory-search--receive .ev-search-hint,
#inventory-search-panel-card.ev-inventory-search--bulk-scan .ev-search-hint,
#inventory-search-panel-card.ev-inventory-oval-scoped .ev-search-hint,
#inventory-search-panel-card.ev-receive-oval-scoped .ev-search-hint {
    display: none;
}
#inventory-search::placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    opacity: 0 !important;
}
#inventory-search-panel-card.ev-inventory-search--receive #inventory-search::placeholder,
#inventory-search-panel-card.ev-inventory-search--bulk-scan #inventory-search::placeholder,
#inventory-search-panel-card.ev-inventory-oval-scoped #inventory-search::placeholder,
#inventory-search-panel-card.ev-receive-oval-scoped #inventory-search::placeholder {
    color: rgba(255, 255, 255, 0.38) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.38) !important;
    opacity: 1 !important;
    text-align: left;
}
#main-app.ev-section-inventory #inventory-search,
#main-app.ev-section-inventory .sbar #inventory-search,
#ev-mobile-topdeck-slot #inventory-search {
    caret-color: #ffffff !important;
    caret-shape: bar;
    caret-width: 3px;
}
@keyframes ev-search-caret {
    0%, 45% { caret-color: #ffffff; }
    46%, 100% { caret-color: transparent; }
}
#main-app.ev-section-inventory #inventory-search:focus,
#main-app.ev-section-inventory .sbar #inventory-search:focus,
#ev-mobile-topdeck-slot #inventory-search:focus {
    caret-animation: manual;
    animation: ev-search-caret 0.48s step-end infinite;
}
@media (prefers-reduced-motion: reduce) {
    #main-app.ev-section-inventory #inventory-search:focus,
    #main-app.ev-section-inventory .sbar #inventory-search:focus,
    #ev-mobile-topdeck-slot #inventory-search:focus {
        caret-animation: auto;
        animation: none;
    }
}

/*
  Search well — even inner contour. Chips keep TL/BR waters.
  Ring is even white; selected lights the floor from the rim in.
  Loading / hello / suggest keep the metal rim-run.
*/
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    #inventory-search-lab.sbar:not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after,
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    .sbar:not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after {
    background: rgba(255, 255, 255, 0.42) !important;
    background-image: none !important;
    opacity: 0.5;
    filter: none;
}
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    #inventory-search-lab.sbar:hover:not(.ev-sbar-selected):not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after,
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    .sbar:hover:not(.ev-sbar-selected):not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after {
    background: rgba(255, 255, 255, 0.52) !important;
    background-image: none !important;
    opacity: 0.66;
}
#main-app.ev-section-inventory #inventory-search-lab.sbar.ev-sbar-selected,
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-sbar-selected,
#main-app.ev-section-inventory #inventory-search-lab.sbar:focus-within,
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar:focus-within,
#main-app.ev-section-inventory #inventory-search-lab.sbar:has(:is(input, textarea):not(:placeholder-shown)),
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar:has(:is(input, textarea):not(:placeholder-shown)) {
    --ev-search-inner:
        radial-gradient(
            ellipse 94% 80% at 50% 50%,
            transparent 32%,
            rgba(255, 255, 255, 0.05) 66%,
            rgba(255, 255, 255, 0.14) 100%
        );
    background: var(--ev-search-inner), color-mix(in srgb, #8e8e93 20%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 20%, transparent) !important;
    background-image: var(--ev-search-inner) !important;
    box-shadow: inset 0 0 18px 2px rgba(255, 255, 255, 0.12) !important;
}
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    #inventory-search-lab.sbar.ev-sbar-selected:not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after,
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    .sbar.ev-sbar-selected:not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after,
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    #inventory-search-lab.sbar:focus-within:not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after,
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    .sbar:focus-within:not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after,
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    #inventory-search-lab.sbar:has(:is(input, textarea):not(:placeholder-shown)):not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after,
#main-app.ev-section-inventory .ev-inv-search-wrap:not(.ev-inv-search-wrap--suggest-open)
    .sbar:has(:is(input, textarea):not(:placeholder-shown)):not(.ev-search-hello):not(.ev-search-loading):not(.ev-inv-search-loading):not(.is-loading)::after {
    background: rgba(255, 255, 255, 0.7) !important;
    background-image: none !important;
    opacity: 1;
}
#main-app.ev-section-inventory #inventory-search::placeholder,
#main-app.ev-section-inventory #inventory-search:focus::placeholder,
#main-app.ev-section-inventory .sbar #inventory-search::placeholder,
#main-app.ev-section-inventory .sbar:focus-within #inventory-search::placeholder,
#ev-mobile-topdeck-slot .sbar #inventory-search::placeholder,
#ev-mobile-topdeck-slot .sbar:focus-within #inventory-search::placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    opacity: 0 !important;
}

/* Choose — same tracked caps as the search hint */
#inventory-actions-launch,
#main-app #inventory-actions-launch,
#main-app.ev-section-inventory #inventory-actions-launch,
#main-app.ev-section-inventory .ev-inv-choose-deck,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot
    #inventory-search-panel-card .ev-inv-search-controls > .ev-inv-choose-deck:not(.d-none) {
    font-family: var(--font-sans) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/*
  Chrome labels — short words on glass. Same tracked caps as the
  search hint / Choose. Not for names, money, SKUs, or sentences.
*/
.ev-side-glass-label,
.ev-scope-print-main-label,
.ev-inv-filters-word,
.ev-inv-filters-btn > span:first-child,
.ev-inv-select-all-label,
.ev-receive-oval-count-label,
.ev-action-card-section {
    font-family: var(--font-sans) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
.ev-action-card-section {
    font-size: 0.68rem !important;
}

/*
  Search dropdown — same well as Choose. Even frost, white type.
  No dock tray, no TL/BR waters, no film, no settle transform
  (blur must not share a node with transform).
*/
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled,
#main-app.ev-section-inventory .ev-inv-vendor-suggest,
#main-app.ev-section-inventory #inventory-vendor-suggest,
#main-app.ev-section-inventory #ev-receive-vendor-results {
    isolation: auto !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 26px !important;
    padding: 0.85rem 0.75rem !important;
    background: color-mix(in srgb, #8e8e93 16%, transparent) !important;
    background-color: color-mix(in srgb, #8e8e93 16%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
    backdrop-filter: blur(16px) saturate(130%) !important;
    transform: none !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled::before,
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled::after,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled::before,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled::after,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled::before,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled::after,
#main-app.ev-section-inventory .ev-inv-vendor-suggest::before,
#main-app.ev-section-inventory .ev-inv-vendor-suggest::after,
#main-app.ev-section-inventory #inventory-vendor-suggest::before,
#main-app.ev-section-inventory #inventory-vendor-suggest::after,
#main-app.ev-section-inventory #ev-receive-vendor-results::before,
#main-app.ev-section-inventory #ev-receive-vendor-results::after {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-head,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-head,
#main-app.ev-section-inventory .ev-inv-vendor-suggest-head {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.42) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.42) !important;
    text-shadow: none !important;
    font-family: var(--font-sans) !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 0.15rem 0.35rem 0.55rem !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item,
#main-app.ev-section-inventory .ev-inv-vendor-suggest-item {
    background: color-mix(in srgb, #8e8e93 32%, transparent) !important;
    background-image: none !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    margin: 0 0 0.55rem !important;
    width: 100% !important;
    padding: 0.85rem 1rem !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:last-child,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:last-child,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:last-child,
#main-app.ev-section-inventory .ev-inv-vendor-suggest-item:last-child {
    margin-bottom: 0 !important;
}
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:hover,
html:has(#main-app.ev-section-inventory) body > .ev-inv-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:focus-visible,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:hover,
html:has(#main-app.ev-section-inventory) body > #inventory-vendor-suggest.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:focus-visible,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:hover,
html:has(#main-app.ev-section-inventory) body > #ev-receive-vendor-results.ev-inv-vendor-suggest--portaled .ev-inv-vendor-suggest-item:focus-visible,
#main-app.ev-section-inventory .ev-inv-vendor-suggest-item:hover,
#main-app.ev-section-inventory .ev-inv-vendor-suggest-item:focus,
#main-app.ev-section-inventory .ev-inv-vendor-suggest-item:focus-visible,
#main-app.ev-section-inventory #ev-receive-vendor-results .ev-inv-vendor-suggest-item:hover,
#main-app.ev-section-inventory #ev-receive-vendor-results .ev-inv-vendor-suggest-item:focus-visible {
    background: color-mix(in srgb, #8e8e93 46%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-name,
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-id,
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-empty,
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-pending,
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-loading {
    text-shadow: none !important;
}
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-name {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-id,
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-empty,
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-pending,
html:has(#main-app.ev-section-inventory) .ev-inv-vendor-suggest-loading {
    color: rgba(255, 255, 255, 0.48) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.48) !important;
}

/*
  Vendor plate — icon over #id, name in caps beside.
  No disc, no “Vendor” kicker.
*/
#main-app.ev-section-inventory .ev-receive-oval-kicker,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-kicker {
    display: none !important;
}
#main-app.ev-section-inventory .ev-receive-oval-ident {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.08rem !important;
    flex: 0 0 auto !important;
}
#main-app.ev-section-inventory .ev-receive-oval-icon,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-icon,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-receive-oval-icon,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot
    .ev-receive-oval-vendor.is-name-found .ev-receive-oval-icon {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 0.88rem !important;
    color: #ffffff !important;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
#main-app.ev-section-inventory .ev-receive-oval-stock,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-stock {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    grid-template-areas: none !important;
    min-width: 0 !important;
}
#main-app.ev-section-inventory .ev-receive-oval-id,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-id {
    font-size: 0.62rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
}
#main-app.ev-section-inventory .ev-receive-oval-name,
#main-app.ev-section-inventory .ev-receive-oval-vendor.is-name-found .ev-receive-oval-name {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    line-height: 1.15 !important;
}

/*
  Result hover — TL/BR fine contour, not a darker slab.
*/
#main-app.ev-section-inventory #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected),
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result:hover,
#main-app.ev-section-inventory #ev-receive-review-area .result:hover {
    background: var(--ev-cc-tile) !important;
    background-color: var(--ev-cc-tile) !important;
    background-image: none !important;
}
#main-app.ev-section-inventory #inventory-table-card .result:hover:not(.is-selected):not(.inv-bulk-selected)::after,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected::after,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected::after,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result:hover::after,
#main-app.ev-section-inventory #ev-receive-review-area .result:hover::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background: var(--ev-grok-waters) !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

/* Item slip: gray loading motion (not cream/white), then fade in.
   Batch memos + more menu = Print hover glass, not status tints. */
@keyframes ev-item-skel-run {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}
#main-app.ev-section-inventory .ev-item-card-inner--detail:not(.ev-item-card-inner--loading) {
    opacity: 0;
}
#main-app.ev-section-inventory .ev-item-card-inner--detail.is-in {
    opacity: 1;
    transition: opacity 0.38s ease;
}
#main-app.ev-section-inventory .ev-item-card-skel-media,
#main-app.ev-section-inventory .ev-skel-line,
#main-app.ev-section-inventory .ev-item-card-photo-frame .ev-item-card-photo-loading,
#main-app.ev-section-inventory .ev-item-card-photo-frame.is-loading,
#main-app.ev-section-inventory .ev-item-card-photo-display--listing:has(.ev-item-card-photo:not(.is-in)) {
    background: linear-gradient(
        100deg,
        color-mix(in srgb, #8e8e93 20%, transparent) 0%,
        color-mix(in srgb, #8e8e93 44%, transparent) 46%,
        color-mix(in srgb, #8e8e93 20%, transparent) 100%
    ) !important;
    background-size: 220% 100% !important;
    animation: ev-item-skel-run 1.15s ease-in-out infinite !important;
    color: rgba(255, 255, 255, 0.58) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.58) !important;
}
#main-app.ev-section-inventory .ev-item-card-loading-copy,
#main-app.ev-section-inventory .ev-item-card-loading-copy strong {
    color: rgba(255, 255, 255, 0.62) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}
#main-app.ev-section-inventory .ev-item-card-photo-loading .spinner-border,
#main-app.ev-section-inventory .ev-item-card-photo-loading span:not(.spinner-border) {
    display: none !important;
}
#main-app.ev-section-inventory .ev-item-card-photo-frame .ev-item-card-photo-loading {
    display: flex !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.32s ease;
}
#main-app.ev-section-inventory .ev-item-card-photo-frame.is-loading .ev-item-card-photo-loading {
    opacity: 1;
}
#main-app.ev-section-inventory .ev-item-card-photo {
    opacity: 0;
    transition: opacity 0.4s ease;
    background-color: transparent !important;
}
#main-app.ev-section-inventory .ev-item-card-photo.is-in {
    opacity: 1;
    animation: none !important;
    background: transparent !important;
}
#main-app.ev-section-inventory .ev-item-card-memo-btn,
#main-app.ev-section-inventory button.btn.ev-item-card-memo-btn,
#main-app.ev-section-inventory .ev-item-card-memo-receive,
#main-app.ev-section-inventory .ev-item-card-memo-return,
#main-app.ev-section-inventory button.btn.ev-item-card-memo-receive,
#main-app.ev-section-inventory button.btn.ev-item-card-memo-return {
    position: relative;
    isolation: isolate;
    background: var(--ev-grok-film), var(--ev-grok-idle) !important;
    background-color: var(--ev-grok-idle) !important;
    color: var(--ev-grok-type, #fff) !important;
    -webkit-text-fill-color: var(--ev-grok-type, #fff) !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden;
}
#main-app.ev-section-inventory .ev-item-card-memo-btn i,
#main-app.ev-section-inventory .ev-item-card-memo-btn .ev-item-card-memo-btn-title,
#main-app.ev-section-inventory .ev-item-card-memo-btn .ev-item-card-memo-btn-sub,
#main-app.ev-section-inventory .ev-item-card-memo-receive i,
#main-app.ev-section-inventory .ev-item-card-memo-receive .ev-item-card-memo-btn-title,
#main-app.ev-section-inventory .ev-item-card-memo-receive .ev-item-card-memo-btn-sub,
#main-app.ev-section-inventory .ev-item-card-memo-return i,
#main-app.ev-section-inventory .ev-item-card-memo-return .ev-item-card-memo-btn-title,
#main-app.ev-section-inventory .ev-item-card-memo-return .ev-item-card-memo-btn-sub {
    color: var(--ev-grok-type, #fff) !important;
    -webkit-text-fill-color: var(--ev-grok-type, #fff) !important;
}
#main-app.ev-section-inventory .ev-item-card-memo-btn:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-memo-btn:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-memo-receive:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-memo-receive:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-memo-return:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-memo-return:focus-visible:not(:disabled),
#main-app.ev-section-inventory button.btn.ev-item-card-memo-receive:hover:not(:disabled),
#main-app.ev-section-inventory button.btn.ev-item-card-memo-return:hover:not(:disabled) {
    background: var(--ev-grok-film), var(--ev-grok-press) !important;
    background-color: var(--ev-grok-press) !important;
    color: var(--ev-grok-type, #fff) !important;
    -webkit-text-fill-color: var(--ev-grok-type, #fff) !important;
    box-shadow: none !important;
    transform: none !important;
}
#main-app.ev-section-inventory .ev-item-card-memo-btn::after,
#main-app.ev-section-inventory .ev-item-card-memo-receive::after,
#main-app.ev-section-inventory .ev-item-card-memo-return::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background: var(--ev-grok-waters);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.16s ease;
}
#main-app.ev-section-inventory .ev-item-card-memo-btn:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-memo-btn:focus-visible:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-memo-receive:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-memo-return:hover:not(:disabled)::after {
    opacity: 1;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-more-menu,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu {
    background: color-mix(in srgb, #8e8e93 16%, transparent) !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: var(--ev-grok-sample, blur(16px) saturate(130%));
    backdrop-filter: var(--ev-grok-sample, blur(16px) saturate(130%));
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--return,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--consign,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--settle,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--repair,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--sold,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--status {
    position: relative;
    isolation: isolate;
    background: var(--ev-grok-film), var(--ev-grok-idle) !important;
    background-color: var(--ev-grok-idle) !important;
    color: var(--ev-grok-type, #fff) !important;
    -webkit-text-fill-color: var(--ev-grok-type, #fff) !important;
    box-shadow: none !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item:focus-visible:not(:disabled),
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item:focus-visible:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--return:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--return:focus-visible:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--consign:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--consign:focus-visible:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--settle:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--settle:focus-visible:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--repair:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--repair:focus-visible:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--sold:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--sold:focus-visible:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--status:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--status:focus-visible:not(:disabled) {
    background: var(--ev-grok-film), var(--ev-grok-press) !important;
    background-color: var(--ev-grok-press) !important;
    color: var(--ev-grok-type, #fff) !important;
    -webkit-text-fill-color: var(--ev-grok-type, #fff) !important;
    box-shadow: none !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-label,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-icon {
    position: relative;
    z-index: 1;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-label {
    background: none !important;
    background-color: transparent !important;
    color: inherit !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-icon {
    background: color-mix(in srgb, #8e8e93 32%, transparent) !important;
    color: #fff !important;
    box-shadow: none !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--return .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item--return .ev-item-card-menu-icon {
    background: var(--ev-status-returned, #c07068) !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--consign .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item--consign .ev-item-card-menu-icon {
    background: var(--amber-dot, #c4a04a) !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--settle .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--status .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item--settle .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item--status .ev-item-card-menu-icon {
    background: var(--ev-status-consigned, #6a88b0) !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--repair .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item--repair .ev-item-card-menu-icon {
    background: var(--ev-status-repair, #d47830) !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item--sold .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-item--sold .ev-item-card-menu-icon {
    background: var(--ev-status-sold, #9a7aad) !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-icon i,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-icon,
html:has(#main-app.ev-section-inventory) body > .ev-item-card-more-menu .ev-item-card-menu-icon i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background: var(--ev-grok-waters);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.16s ease;
}
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item:hover:not(:disabled)::after,
html:has(#main-app.ev-section-inventory) .ev-item-card-menu-item:focus-visible:not(:disabled)::after {
    opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
    #main-app.ev-section-inventory .ev-item-card-skel-media,
    #main-app.ev-section-inventory .ev-skel-line,
    #main-app.ev-section-inventory .ev-item-card-photo-frame .ev-item-card-photo-loading,
    #main-app.ev-section-inventory .ev-item-card-photo-frame.is-loading,
    #main-app.ev-section-inventory .ev-item-card-photo-display--listing:has(.ev-item-card-photo:not(.is-in)) {
        animation: none !important;
        background: color-mix(in srgb, #8e8e93 28%, transparent) !important;
    }
    #main-app.ev-section-inventory .ev-item-card-inner--detail.is-in,
    #main-app.ev-section-inventory .ev-item-card-photo {
        transition: none !important;
    }
}

/* Glass buttons — same hover as More actions: press film + TL/BR waters. */
#main-app.ev-section-inventory .ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-split-caret,
#main-app.ev-section-inventory .ev-item-card-icon-btn,
#main-app.ev-section-inventory .ev-item-card-btn,
#main-app.ev-section-inventory .ev-item-card-edit,
#main-app.ev-section-inventory .ev-item-card-photo-secondary-btn,
#main-app.ev-section-inventory .ev-item-card-photo-primary-btn,
#main-app.ev-section-inventory .ev-item-card-retake,
#main-app.ev-section-inventory .ev-item-card-status-go,
#main-app.ev-section-inventory .ev-item-card-consign-go,
#main-app.ev-section-inventory .ev-item-card-consign-link,
#main-app.ev-section-inventory .ev-item-card-sync-action {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
#main-app.ev-section-inventory .ev-item-card-split-main:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-split-main:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-split-caret:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-split-caret:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-split-caret[aria-expanded='true'],
#main-app.ev-section-inventory .ev-item-card-icon-btn:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-icon-btn:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-btn:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-btn:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-edit:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-edit:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-photo-secondary-btn:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-photo-secondary-btn:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-photo-primary-btn:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-photo-primary-btn:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-retake:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-status-go:hover,
#main-app.ev-section-inventory .ev-item-card-consign-go:hover,
#main-app.ev-section-inventory .ev-item-card-consign-link:hover,
#main-app.ev-section-inventory .ev-item-card-sync-action:hover:not(:disabled),
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible {
    background: var(--ev-grok-film), var(--ev-grok-press) !important;
    background-color: var(--ev-grok-press) !important;
    color: var(--ev-grok-type, #fff) !important;
    -webkit-text-fill-color: var(--ev-grok-type, #fff) !important;
    box-shadow: none !important;
    transform: none !important;
}
#main-app.ev-section-inventory .ev-item-card-split-main:hover:not(:disabled) > *,
#main-app.ev-section-inventory .ev-item-card-split-main:hover:not(:disabled) span,
#main-app.ev-section-inventory .ev-item-card-split-main:hover:not(:disabled) i,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover:not(:disabled) > *,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover:not(:disabled) span,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover:not(:disabled) i,
#main-app.ev-section-inventory .ev-item-card-split-caret:hover:not(:disabled) > *,
#main-app.ev-section-inventory .ev-item-card-split-caret:hover:not(:disabled) i,
#main-app.ev-section-inventory .ev-item-card-split-caret[aria-expanded='true'] > *,
#main-app.ev-section-inventory .ev-item-card-icon-btn:hover:not(:disabled) i,
#main-app.ev-section-inventory .ev-item-card-btn:hover:not(:disabled) > *,
#main-app.ev-section-inventory .ev-item-card-edit:hover:not(:disabled) > *,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-chev,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-title,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-chev {
    color: var(--ev-grok-type, #fff) !important;
    -webkit-text-fill-color: var(--ev-grok-type, #fff) !important;
}
#main-app.ev-section-inventory .ev-item-card-split-main::after,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main::after,
#main-app.ev-section-inventory .ev-item-card-split-caret::after,
#main-app.ev-section-inventory .ev-item-card-icon-btn::after,
#main-app.ev-section-inventory .ev-item-card-btn::after,
#main-app.ev-section-inventory .ev-item-card-edit::after,
#main-app.ev-section-inventory .ev-item-card-photo-secondary-btn::after,
#main-app.ev-section-inventory .ev-item-card-photo-primary-btn::after,
#main-app.ev-section-inventory .ev-item-card-retake::after,
#main-app.ev-section-inventory .ev-item-card-status-go::after,
#main-app.ev-section-inventory .ev-item-card-consign-go::after,
#main-app.ev-section-inventory .ev-item-card-sync-action::after,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background: var(--ev-grok-waters) !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.16s ease;
}
#main-app.ev-section-inventory .ev-item-card-split-main:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-split-main:focus-visible:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-split-caret:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-split-caret:focus-visible:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-split-caret[aria-expanded='true']::after,
#main-app.ev-section-inventory .ev-item-card-icon-btn:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-icon-btn:focus-visible:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-btn:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-edit:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-photo-secondary-btn:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-photo-primary-btn:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-retake:hover:not(:disabled)::after,
#main-app.ev-section-inventory .ev-item-card-status-go:hover::after,
#main-app.ev-section-inventory .ev-item-card-consign-go:hover::after,
#main-app.ev-section-inventory .ev-item-card-sync-action:hover:not(:disabled)::after,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover::after,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible::after,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover::after,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible::after {
    opacity: 1;
}
#main-app.ev-section-inventory .ev-item-card-split-main > *,
#main-app.ev-section-inventory .ev-item-card-split-caret > *,
#main-app.ev-section-inventory .ev-item-card-icon-btn > *,
#main-app.ev-section-inventory .ev-item-card-btn > *,
#main-app.ev-section-inventory .ev-item-card-edit > *,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card > *,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card > * {
    position: relative;
    z-index: 1;
}
#main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:hover:not(:disabled):not(.ev-receive-next-btn)::before,
#main-app.ev-section-inventory #inventory-search-panel-card .ev-side-glass-rail > .ev-side-glass:focus-visible:not(:disabled):not(.ev-receive-next-btn)::before,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-clear-btn:not(.d-none):hover:not(:disabled)::before,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-scope-print-btn:not(.d-none):hover:not(:disabled)::before,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-panel-card .ev-receive-exit-btn:not(.d-none):hover:not(:disabled)::before {
    background: var(--ev-grok-film), var(--ev-grok-press) !important;
    background-color: var(--ev-grok-press) !important;
}

/* More actions — blur the item window itself (type + photos).
   No frost film (that washed bright). Menu + ghost stay on body. */
body.ev-item-more-open .ev-item-slip-sheet,
body.ev-item-more-open .ev-item-stage:not(.d-none) {
    filter: blur(8px);
}
body.ev-item-more-open .ev-item-slip-sheet::after,
body.ev-item-more-open .ev-item-stage:not(.d-none)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
    body.ev-item-more-open .ev-item-slip-sheet,
    body.ev-item-more-open .ev-item-stage:not(.d-none) {
        filter: none;
        opacity: 0.55;
    }
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card:focus-visible .ev-action-card-icon {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--receive:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--walkin:hover .ev-action-card-icon {
    background: var(--ev-status-active, #5a9a6e) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--return:hover .ev-action-card-icon {
    background: var(--ev-status-returned, #c07068) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--consign:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--settle:hover .ev-action-card-icon {
    background: var(--ev-status-consigned, #6a88b0) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--sold:hover .ev-action-card-icon {
    background: var(--ev-status-sold, #9a7aad) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover .ev-action-card-icon,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-action-card--repair:hover .ev-action-card-icon {
    background: var(--ev-status-repair, #d47830) !important;
}

/* Item slip — full side pane. No floating card, radius, or hairline. */
#main-app.ev-section-inventory > #ev-item-slip.ev-item-slip,
#main-app.ev-section-inquiries > #ev-item-slip.ev-item-slip {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    --ev-slip-width: min(28rem, 42vw);
    transform: translateX(100%);
}
#main-app.ev-section-inventory > #ev-item-slip.ev-item-slip--open,
#main-app.ev-section-inquiries > #ev-item-slip.ev-item-slip--open {
    transform: translateX(0);
}
#main-app.ev-section-inventory .ev-item-slip-sheet,
#main-app.ev-section-inquiries .ev-item-slip-sheet {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-facts,
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-finance,
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-more,
#main-app.ev-section-inventory .ev-item-slip .ev-item-card-photo-sync-slot,
#main-app.ev-section-inquiries .ev-item-slip .ev-item-card-facts,
#main-app.ev-section-inquiries .ev-item-slip .ev-item-card-finance,
#main-app.ev-section-inquiries .ev-item-slip .ev-item-card-more {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
@media (min-width: 992px) {
    #main-app.ev-section-inventory.ev-item-slip-open,
    #main-app.ev-section-inquiries.ev-item-slip-open {
        --ev-slip-pad: min(28rem, 42vw);
    }
}
@media (max-width: 991.98px) {
    #main-app.ev-section-inventory > #ev-item-slip.ev-item-slip,
    #main-app.ev-section-inquiries > #ev-item-slip.ev-item-slip {
        --ev-slip-width: 100vw;
    }
}

/* SKU — never carved. Flat type + L corners only (TL + BR). */
#main-app.ev-section-inventory #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__mark,
#main-app.ev-section-inventory #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__mark--sku,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__mark,
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__mark--sku,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__mark,
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__mark--sku,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__mark,
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__mark--sku,
#main-app.ev-section-inventory .result__mark,
#main-app.ev-section-inventory .result__mark--sku,
#main-app.ev-section-inventory #inventory-table-card .result__mark,
#main-app.ev-section-inventory #inventory-table-card .result__mark--sku,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result__mark,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result__mark--sku,
#main-app.ev-section-inventory #ev-receive-review-area .result__mark,
#main-app.ev-section-inventory #ev-receive-review-area .result__mark--sku {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
#main-app.ev-section-inventory .result__mark--sku::before,
#main-app.ev-section-inventory #inventory-table-card .result__mark--sku::before,
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result__mark--sku::before,
#main-app.ev-section-inventory #ev-receive-review-area .result__mark--sku::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: 0 !important;
    background:
        linear-gradient(#fff, #fff) top left / 12px 1px no-repeat,
        linear-gradient(#fff, #fff) top left / 1px 12px no-repeat,
        linear-gradient(#fff, #fff) bottom right / 12px 1px no-repeat,
        linear-gradient(#fff, #fff) bottom right / 1px 12px no-repeat !important;
    opacity: 0.5;
    box-shadow: none !important;
}
#main-app.ev-section-inventory .result__mark--sku > * {
    z-index: 1;
}

/* Item-window SKU — solid chip so it reads. List SKUs stay L-corners. */
#main-app.ev-section-inventory .ev-item-card-sku-chip,
#main-app.ev-section-inquiries .ev-item-card-sku-chip {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
#main-app.ev-section-inventory .ev-item-card-sku-chip::before,
#main-app.ev-section-inquiries .ev-item-card-sku-chip::before {
    content: none !important;
    display: none !important;
}

/* Type pill — no carve, no status wash. Fine contour only. */
#main-app.ev-section-inventory #inventory-table-card .result .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card .result:not(.is-selected):not(.inv-bulk-selected) .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card .result:hover .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card .result.is-selected .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card .result.inv-bulk-selected .result__chip:not(.result__status),
#main-app.ev-section-inventory #ev-receive-batch-table-wrap .result .result__chip:not(.result__status),
#main-app.ev-section-inventory #ev-receive-review-area .result .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card.results[data-click='yellow'] .result.is-selected .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card.results[data-click='yellow'] .result.inv-bulk-selected .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card.results[data-click] .result.is-selected .result__chip:not(.result__status),
#main-app.ev-section-inventory #inventory-table-card.results[data-click] .result.inv-bulk-selected .result__chip:not(.result__status) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Edit — outline, not solid white (that fights the SKU chip). */
#main-app.ev-section-inventory .ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main,
#main-app.ev-section-inventory .ev-item-card-split-main:hover,
#main-app.ev-section-inventory .ev-item-card-split-main:focus-visible,
#main-app.ev-section-inventory .ev-item-card-split-main:active,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
}
#main-app.ev-section-inventory .ev-item-card-split-main > *,
#main-app.ev-section-inventory .ev-item-card-split-main span,
#main-app.ev-section-inventory .ev-item-card-split-main i,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main > *,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main span,
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-app.ev-section-inventory .ev-item-card-split-main:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-split-main:focus-visible:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:hover:not(:disabled),
#main-app.ev-section-inventory .ev-item-card-edit.ev-item-card-split-main:focus-visible:not(:disabled) {
    background: var(--ev-grok-film), var(--ev-grok-press) !important;
    background-color: var(--ev-grok-press) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Search well — charcoal floor, not the bright 46% gray mix. */
#main-app.ev-section-inventory #inventory-search-lab.sbar,
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar,
#main-app.ev-section-inventory #inventory-search-lab.sbar:focus-within,
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar:focus-within,
#main-app.ev-section-inventory #inventory-search-lab.sbar.ev-sbar-selected,
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar.ev-sbar-selected,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot #inventory-search-lab.sbar,
#main-app.ev-section-inventory #ev-mobile-topdeck-slot .ev-inv-search-wrap .sbar {
    --ev-search-floor: #212121;
    background: #212121 !important;
    background-color: #212121 !important;
    background-image: none !important;
}
#main-app.ev-section-inventory #inventory-search,
#main-app.ev-section-inventory .ev-inv-search-wrap .sbar input {
    background: transparent !important;
    background-color: transparent !important;
}

/* Choose popup — LOCKED glass standard (pane + chips). See docs/neo_ui.md. */
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner,
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet.is-open .ev-actions-pop-inner,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet.is-open .ev-actions-pop-inner {
    --ev-grok-idle: color-mix(in srgb, #8e8e93 7%, transparent);
    --ev-grok-type: #ffffff;
    --ev-grok-sample: blur(10px) saturate(120%);
    --ev-grok-film:
        radial-gradient(
            ellipse 50% 88% at 0% 0%,
            color-mix(in srgb, #8e8e93 14%, transparent) 0%,
            color-mix(in srgb, #8e8e93 6%, transparent) 28%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 50% 88% at 100% 100%,
            color-mix(in srgb, #8e8e93 10%, transparent) 0%,
            color-mix(in srgb, #8e8e93 4%, transparent) 28%,
            transparent 78%
        );
    --ev-grok-waters:
        radial-gradient(
            ellipse 50% 88% at 0% 0%,
            rgba(255, 255, 255, 0.72) 0%,
            rgba(255, 255, 255, 0.28) 28%,
            rgba(255, 255, 255, 0.1) 52%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 50% 88% at 100% 100%,
            rgba(255, 255, 255, 0.42) 0%,
            rgba(255, 255, 255, 0.16) 28%,
            rgba(255, 255, 255, 0.06) 52%,
            transparent 78%
        );
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    opacity: 1 !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner::before,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background: var(--ev-grok-film), var(--ev-grok-idle) !important;
    background-color: var(--ev-grok-idle) !important;
    -webkit-backdrop-filter: var(--ev-grok-sample) !important;
    backdrop-filter: var(--ev-grok-sample) !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner::after,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner::after {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html:has(#main-app.ev-section-inventory) #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner > *,
html:has(#main-app.ev-section-inventory) body > #inventoryActionsDrawer.ev-actions-sheet .ev-actions-pop-inner > * {
    position: relative;
    z-index: 1;
}