:root {
            color-scheme: light;
            /* Page wash inspired by tap.company payment-methods (soft blue / mint mesh). */
            --bg: #e2e8ee;
            --bg-deep: #d5dee8;
            --panel: #ffffff;
            --text: #161a24;
            --muted: #647086;
            --line: #dbe3ef;
            --accent: #0f7f74;
            --accent-dark: #0b665e;
            --success-bg: #eafbf3;
            --success-text: #076348;
            --error-bg: #fef2f2;
            --error-text: #991b1b;
            --match-bg: #eefbf8;
            --code-bg: #101724;
            --flow-bg: transparent;
            --retrieve-response-panel-bg: #3d3028;
            --retrieve-response-head-bg: #4a3b31;
            --retrieve-response-tab-tray-bg: #55473d;
            --retrieve-response-chrome-border: rgba(220, 205, 190, 0.18);
            --retrieve-response-chrome-text: #f2e8df;
            --retrieve-response-chrome-muted: #c4b5a8;
            --blue-soft: #eaf3ff;
            --blue-line: #8fb4ff;
            --blue-text: #2563eb;
            --amber-soft: #fff8db;
            --amber-line: #f7c86d;
            --orange-soft: #fff4e8;
            --orange-line: #fb9a68;
            --locate-soft: #fff1f2;
            --locate-line: #f87171;
            --locate-border: rgba(220, 38, 38, 0.55);
            --locate-shadow: 0 10px 22px rgba(220, 38, 38, 0.12);
            --stack-hover-shadow-locate:
                inset 0 8px 0 rgba(254, 202, 202, 0.82),
                0 -14px 24px rgba(220, 38, 38, 0.2),
                0 16px 28px rgba(15, 23, 42, 0.11);
            --shadow-soft: 0 14px 34px rgba(15, 23, 42, 0.08);
            --compact-card-height: 92px;
            /* Cards view (.compact-board) overrides all three to 13px → 79px step. */
            --compact-overlap: 30px;
            --compact-child-overlap: 15px;
            --compact-row-overlap: var(--compact-overlap);
            --expanded-stack-gap: 16px;
            --board-scroll-tail-stacks: 2;
            --board-scroll-tail-base: 32px;
            --stack-hover-lift: translateY(-5px);
            --stack-hover-z: 120;
            --compact-cell-hover-z: 240;
            --business-merchants-pin-z: calc(var(--compact-cell-hover-z) + 40);
            --stack-hover-float-z: calc(var(--compact-cell-hover-z) + 80);
            --compact-row-hover-z: 50;
            /* Page-level float layers (search Bulk dropdown, wallet popovers). */
            --search-float-z: 560;
            --wallet-float-row-z: 940;
            --wallet-float-cell-z: 950;
            --wallet-float-shell-z: 960;
            --wallet-float-dropdown-z: 970;
            --stack-hover-shadow:
                inset 0 8px 0 rgba(214, 231, 255, 0.82),
                0 -14px 24px rgba(64, 116, 226, 0.22),
                0 16px 28px rgba(15, 23, 42, 0.12);
            --business-stack-pinned-shadow:
                0 10px 18px rgba(15, 23, 42, 0.12);
            --business-stack-selected-shadow: var(--business-stack-pinned-shadow);
            --business-stack-selected-shadow-expanded: none;
            --platform-stack-hover-shadow:
                inset 0 4px 0 rgba(214, 231, 255, 0.82),
                0 -7px 12px rgba(64, 116, 226, 0.22),
                0 8px 14px rgba(15, 23, 42, 0.12);
            --stack-hover-shadow-amber:
                inset 0 8px 0 rgba(255, 235, 171, 0.82),
                0 -14px 24px rgba(245, 158, 11, 0.2),
                0 16px 28px rgba(15, 23, 42, 0.12);
            --stack-hover-shadow-orange:
                inset 0 8px 0 rgba(255, 224, 190, 0.78),
                0 -14px 24px rgba(234, 88, 12, 0.18),
                0 16px 28px rgba(15, 23, 42, 0.11);
            --business-stack-inactive-gradient:
                linear-gradient(180deg, #e9f0f5 0, #fafbfb 20px, #fafbfb 100%);
            --business-stack-inactive-field: #7a858e;
            --business-stack-active-gradient:
                linear-gradient(180deg, rgba(234, 243, 255, 0.96) 0, rgba(255, 255, 255, 0.99) 20px, #ffffff 100%);
            --search-control-height: 37px;
            --search-inline-chip-height: 21px;
            --checkbox-card-height: var(--search-inline-chip-height);
            --crystal-blur: blur(14px);
            --crystal-radius: 10px;
            --crystal-keys-bg:
                linear-gradient(155deg, rgba(255, 255, 255, 0.96) 0%, rgba(224, 247, 255, 0.84) 38%, rgba(186, 230, 253, 0.72) 100%);
            --crystal-keys-bg-hover:
                linear-gradient(155deg, rgba(255, 255, 255, 0.98) 0%, rgba(207, 250, 254, 0.9) 40%, rgba(165, 243, 252, 0.78) 100%);
            --crystal-keys-text: #0c4a6e;
            --crystal-keys-border: rgba(125, 211, 252, 0.62);
            --crystal-keys-glow: none;
            --crystal-find-bg:
                linear-gradient(180deg, #159089 0%, #0f7f74 46%, #0a635c 100%);
            --crystal-find-bg-hover:
                linear-gradient(180deg, #1a9890 0%, #11847a 48%, #0b6b62 100%);
            --crystal-find-border: rgba(6, 78, 59, 0.72);
            --crystal-find-glow: 0 4px 12px rgba(15, 23, 42, 0.14), 0 1px 3px rgba(6, 78, 59, 0.2);
            --crystal-find-inset: inset 0 -8px 14px rgba(6, 78, 59, 0.24);
            --crystal-board-bg:
                linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(236, 253, 250, 0.9) 46%, rgba(204, 251, 241, 0.78) 100%);
            --crystal-board-bg-hover:
                linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(224, 252, 247, 0.94) 48%, rgba(167, 243, 232, 0.84) 100%);
            --crystal-board-border: rgba(94, 234, 212, 0.52);
            --crystal-board-glow: 0 2px 8px rgba(15, 118, 110, 0.1), 0 1px 2px rgba(6, 78, 59, 0.08);
            --crystal-board-inset: inset 0 -4px 10px rgba(15, 118, 110, 0.08);
            --crystal-create-idle-bg:
                linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 253, 250, 0.94) 52%, rgba(209, 250, 243, 0.82) 100%);
            --crystal-create-idle-border: rgba(94, 234, 212, 0.42);
            --crystal-create-idle-text: #0f766e;
            --board-control-radius: 6px;
            --board-toolbar-control-padding-x: 2px;
            --board-toolbar-control-width-extra: 5px;
            --chip-selected-bg: #949aa6;
            --chip-muted-text: #647086;
            --chip-dim-text: #c4ccd6;
            --chip-track-bg: #f1f5f9;
            --chip-gloss: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0) 100%);
            --chip-inset: inset 0 1px 0 rgba(255, 255, 255, 0.52), inset 0 -1px 0 rgba(148, 154, 166, 0.1);
            --crystal-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.92);
            --crystal-response-tabs-bg:
                linear-gradient(
                    180deg,
                    rgba(255, 255, 255, 0.99) 0%,
                    rgba(248, 250, 252, 0.97) 54%,
                    rgba(241, 245, 249, 0.94) 100%
                );
            --crystal-response-tabs-border: rgba(226, 232, 240, 0.96);
        }

        * {
            box-sizing: border-box;
        }

        html {
            overscroll-behavior-x: none;
        }

        body {
            margin: 0;
            min-height: 100vh;
            overscroll-behavior-x: none;
            color: var(--text);
            font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            text-rendering: geometricPrecision;
            background-color: var(--bg);
            background-image:
                /* Soft diagonal shade bands — cool, slightly deeper */
                linear-gradient(
                    128deg,
                    rgba(176, 188, 210, 0) 0%,
                    rgba(168, 184, 210, 0.34) 26%,
                    rgba(176, 188, 210, 0) 44%,
                    rgba(132, 164, 192, 0.18) 62%,
                    rgba(176, 188, 210, 0) 78%,
                    rgba(148, 186, 176, 0.16) 100%
                ),
                linear-gradient(
                    128deg,
                    rgba(156, 172, 204, 0.28) 0%,
                    rgba(176, 188, 210, 0) 36%,
                    rgba(120, 156, 182, 0.14) 58%,
                    rgba(176, 188, 210, 0) 100%
                ),
                /* Mesh: deeper lavender-slate top-left, mint top-right, blue lower-left */
                radial-gradient(ellipse 90% 75% at 0% 0%, rgba(158, 172, 204, 0.58) 0%, rgba(172, 186, 212, 0.28) 40%, transparent 64%),
                radial-gradient(ellipse 95% 80% at 0% 100%, rgba(140, 184, 216, 0.7) 0%, transparent 58%),
                radial-gradient(ellipse 85% 70% at 100% 0%, rgba(156, 200, 182, 0.64) 0%, transparent 55%),
                radial-gradient(ellipse 70% 55% at 78% 78%, rgba(168, 198, 188, 0.42) 0%, transparent 52%),
                radial-gradient(ellipse 75% 55% at 30% 26%, rgba(168, 180, 206, 0.4) 0%, transparent 56%),
                linear-gradient(155deg, #e4e8f0 0%, var(--bg) 42%, var(--bg-deep) 100%);
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size: cover;
        }

        main {
            width: min(1180px, calc(100% - 32px));
            margin: 52px auto 50px;
        }

        .panel {
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }

        .flow-section {
            margin: 0;
            padding: 20px 0 0;
            background: transparent;
        }

        .flow-section:last-child {
            border-radius: 0;
        }

        .flow-section + .results-window {
            margin-top: 0;
        }

        .flow-section:has(.platform-stacks) + .results-window > .results-controls {
            border-top: 1px solid rgba(148, 163, 184, 0.16);
        }

        body.bulk-layer-open .flow-section {
            position: relative;
            z-index: var(--search-float-z);
        }

        /*
         * Table area stacking context — sticky .results-controls (z-index 350) floats
         * over board content only, never over .flow-section search UI above.
         */
        .panel > .results-window {
            margin-top: 0;
            padding: 0 0 24px;
            background: transparent;
            overflow: visible;
            position: relative;
            z-index: 0;
            isolation: isolate;
        }

        #platform-stacks-mount,
        #platform-stacks-mount .platform-stacks {
            width: 100%;
        }

        #tap-form {
            position: relative;
            margin-bottom: 0;
            padding-bottom: 4lh;
        }

        #tap-form::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            background: rgba(148, 163, 184, 0.22);
            box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
        }

        /* Locate Segment OFF (inline retrieve): no Find divider — window sits on that line. */
        .flow-section:has(> .run-error-panel) #tap-form::after {
            display: none;
        }

        .flow-section:has(> .run-error-panel) > .run-error-panel {
            margin-top: 0;
        }

        .secret-modal-body .secret-key-status {
            margin-bottom: 0;
        }

        .input-topic-title {
            margin: 0 0 10px;
            color: var(--muted);
            font-size: 17px;
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: 0;
        }

        .login-header {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 12px;
            margin: 0;
            padding: 0 0 6px;
            min-height: 22px;
            border-bottom: 1px solid rgba(148, 163, 184, 0.26);
        }

        .login-admin-secret {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            min-width: 50px;
            height: 22px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 999px;
            background: transparent;
            color: transparent;
            text-decoration: none;
            cursor: pointer;
            box-shadow: none;
            -webkit-appearance: none;
            appearance: none;
        }

        .login-admin-secret:hover,
        .login-admin-secret:focus,
        .login-admin-secret:focus-visible,
        .login-admin-secret:active {
            background: transparent;
            color: transparent;
            border: none;
            outline: none;
            box-shadow: none;
        }

        .login-header-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 6px;
        }

        .login-inline-form {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin: 0;
        }

        .login-fields {
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .login-fields.is-hidden {
            display: none;
        }

        .login-inline-input {
            width: 156px;
            height: 22px;
            min-height: 22px;
            max-height: 22px;
            margin: 0;
            padding: 0 8px;
            border: 1px solid var(--line);
            border-radius: 6px;
            background: #ffffff;
            color: var(--text);
            font: inherit;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            box-shadow: none;
            -webkit-appearance: none;
            appearance: none;
            vertical-align: middle;
        }

        .login-inline-input:focus {
            outline: none;
            border-color: rgba(15, 127, 116, 0.34);
            box-shadow: 0 0 0 2px rgba(15, 127, 116, 0.08);
        }

        .login-inline-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 22px;
            height: 22px;
            max-height: 22px;
            padding: 0 10px;
            border: 1px solid rgba(15, 127, 116, 0.28);
            border-radius: 999px;
            background: #0f7f74;
            color: #ffffff;
            font: inherit;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            box-shadow: none;
            vertical-align: middle;
        }

        .login-inline-button:hover {
            background: #0a6b62;
        }

        .login-logout-form .login-inline-button {
            background: #ffffff;
            color: var(--text);
            border-color: var(--line);
        }

        .login-logout-form .login-inline-button:hover {
            background: #f8fafc;
        }

        .login-greeting {
            color: var(--text);
            font-size: 12px;
            font-weight: 500;
            line-height: 1.2;
        }

        .login-separator {
            color: rgba(100, 112, 134, 0.72);
            font-size: 12px;
            font-weight: 400;
            line-height: 1.2;
        }

        .login-inline-error {
            margin: 0;
            width: 100%;
            text-align: right;
            color: #dc2626;
            font-size: 12px;
            font-weight: 500;
        }

        .input-control-bar {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto auto;
            gap: 10px;
            align-items: center;
            width: 100%;
        }

        .input-control-bar > button,
        .input-control-bar > .reset-button,
        .input-control-bar .secret-button,
        .input-control-bar .input-search-column,
        .input-control-bar .input-search-shell {
            box-sizing: border-box;
        }

        .input-control-bar > button,
        .input-control-bar > .reset-button,
        .input-control-bar .secret-button {
            height: var(--search-control-height);
            min-height: var(--search-control-height);
            max-height: var(--search-control-height);
            padding-top: 0;
            padding-bottom: 0;
            font-size: 13px;
            line-height: 1;
        }

        .input-control-bar .secret-button {
            min-width: 68px;
            padding-left: 14px;
            padding-right: 14px;
        }

        #hit-button,
        .reset-button {
            min-width: 76px;
        }

        .input-control-bar #hit-button,
        .input-control-bar .reset-button {
            min-width: 64px;
            padding-left: 16px;
            padding-right: 16px;
        }

        .input-control-bar .secret-button,
        .input-control-bar .reset-button {
            position: relative;
            overflow: hidden;
            isolation: isolate;
            border-radius: var(--crystal-radius);
            backdrop-filter: var(--crystal-blur);
            -webkit-backdrop-filter: var(--crystal-blur);
            box-shadow: none;
            transition:
                background 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease,
                opacity 0.18s ease,
                filter 0.18s ease;
        }

        .input-control-bar #hit-button {
            position: relative;
            overflow: hidden;
            isolation: isolate;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: var(--crystal-radius);
            transition:
                background 0.18s ease,
                border-color 0.18s ease,
                box-shadow 0.18s ease,
                color 0.18s ease,
                transform 0.18s ease,
                opacity 0.18s ease,
                filter 0.18s ease;
        }

        .input-control-bar .secret-button::before,
        .input-control-bar .reset-button::before {
            content: "";
            position: absolute;
            inset: 1px 1px auto;
            height: 46%;
            border-radius: calc(var(--crystal-radius) - 2px) calc(var(--crystal-radius) - 2px) 999px 999px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .input-control-bar #hit-button::before {
            content: "";
            position: absolute;
            inset: 1px 1px auto;
            height: 48%;
            border-radius: calc(var(--crystal-radius) - 2px) calc(var(--crystal-radius) - 2px) 999px 999px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.1) 62%, rgba(255, 255, 255, 0) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .input-control-bar .secret-button > *,
        .input-control-bar #hit-button > *,
        .input-control-bar .reset-button > * {
            position: relative;
            z-index: 1;
        }

        .input-search-column {
            position: relative;
            min-width: 0;
            overflow: visible;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .input-search-column:has(#bulk-ids-dropdown:not(.is-hidden)),
        .input-search-column:has(#search-history-dropdown:not(.is-hidden)),
        .input-search-column:has(#checkbox-card-row.is-open) {
            position: relative;
            z-index: var(--search-float-z);
        }

        .input-search-column:has(#bulk-ids-dropdown:not(.is-hidden)) .input-search-shell,
        .input-search-column:has(#search-history-dropdown:not(.is-hidden)) .input-search-shell,
        .input-search-column:has(#checkbox-card-row.is-open) .input-search-shell {
            z-index: 1;
        }

        .input-search-shell {
            position: relative;
            min-width: 0;
            width: 100%;
            height: var(--search-control-height);
            border: 1px solid var(--line);
            border-radius: 8px;
            background: #ffffff;
            box-shadow: none;
            overflow: visible;
        }

        .input-search-shell:focus-within {
            border-color: rgba(15, 127, 116, 0.34);
            box-shadow: none;
        }

        .input-search-shell .input-status-row {
            height: 100%;
            min-height: 0;
            max-height: 100%;
            border: 0;
            border-radius: 8px;
            box-shadow: none;
            background: transparent;
        }

        .input-control-bar .input-status-row input,
        .input-control-bar #merchant_id {
            min-height: 0;
            height: auto;
            font-size: 14px;
        }

        .input-status-row.has-bulk-trigger {
            gap: 0;
            padding-left: 8px;
        }

        .input-status-row.has-bulk-trigger .search-input-field-wrap {
            position: relative;
            flex: 1 1 auto;
            min-width: 0;
            min-height: var(--search-control-height);
            display: block;
            cursor: text;
        }

        .input-control-bar .input-status-row.has-bulk-trigger .search-input-field-wrap {
            min-height: 0;
            height: 100%;
        }

        .input-status-row.has-bulk-trigger .search-input-field-wrap #merchant_id {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding-left: 0;
            padding-right: 14px;
            border: 0;
            background: transparent;
            z-index: 1;
            cursor: text;
        }

        .search-input-field-wrap {
            overflow: visible;
        }

        .search-input-width-mirror {
            position: absolute;
            top: 0;
            left: 0;
            visibility: hidden;
            pointer-events: none;
            white-space: pre;
        }

        .search-numeric-kind {
            position: absolute;
            top: 50%;
            left: var(--search-kind-left, 0px);
            z-index: 2;
            display: none;
            align-items: center;
            gap: 0;
            margin: 0;
            padding: 2px;
            border: 0;
            border-radius: 6px;
            background: var(--chip-track-bg);
            min-height: var(--search-inline-chip-height);
            box-sizing: border-box;
            box-shadow: var(--chip-inset);
            overflow: hidden;
            isolation: isolate;
            user-select: none;
            white-space: nowrap;
            cursor: pointer;
            transform: translateY(-50%);
            pointer-events: auto;
        }

        .search-numeric-kind::before {
            content: "";
            position: absolute;
            inset: 1px 1px auto;
            height: 46%;
            border-radius: 5px 5px 999px 999px;
            background: var(--chip-gloss);
            pointer-events: none;
            z-index: 0;
        }

        .search-numeric-kind.is-visible {
            display: inline-flex;
        }

        .search-numeric-kind.is-bin-only {
            cursor: default;
            pointer-events: none;
        }

        .search-numeric-kind.is-bin-only .search-numeric-kind-option[data-numeric-kind="mid"] {
            display: none;
        }

        .search-numeric-kind.is-bin-only .search-numeric-kind-option[data-numeric-kind="bin"] {
            background: var(--chip-selected-bg);
            color: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
        }

        .search-numeric-kind:focus {
            outline: none;
        }

        .search-numeric-kind-option {
            position: relative;
            z-index: 1;
            margin: 0;
            padding: 3px 8px;
            border: 0;
            border-radius: 4px;
            background: transparent;
            color: var(--chip-dim-text);
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            line-height: 1;
            pointer-events: none;
        }

        .search-numeric-kind-option.is-selected {
            background: var(--chip-selected-bg);
            color: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
        }

        .input-status-row.has-bulk-trigger input.is-bulk-summary {
            color: #0f7f74;
            font-weight: 400;
            cursor: pointer;
        }

        .bulk-search-trigger {
            flex: 0 0 auto;
            min-height: 0;
            height: auto;
            margin: 0;
            padding: 3px 9px;
            border: 1px solid rgba(15, 127, 116, 0.14);
            border-radius: 6px;
            background: rgba(15, 127, 116, 0.08);
            color: #0f7f74;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
            transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
        }

        .bulk-search-trigger:hover,
        .bulk-search-trigger[aria-expanded="true"] {
            color: #0b6a61;
            border-color: rgba(15, 127, 116, 0.24);
            background: rgba(15, 127, 116, 0.14);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.82),
                0 1px 2px rgba(15, 127, 116, 0.08);
        }

        .bulk-field-divider {
            flex: 0 0 1px;
            align-self: center;
            width: 1px;
            height: 18px;
            margin: 0 8px;
            background: rgba(15, 23, 42, 0.12);
        }

        .inline-notice.success.is-temporarily-dismissed {
            display: none !important;
        }

        .input-status-row.has-bulk-trigger.is-bulk-success .bulk-search-trigger {
            opacity: 0.92;
        }

        .input-status-row.has-bulk-trigger .inline-notice {
            flex: 0 0 auto;
            width: auto;
            min-width: 0;
            max-width: none;
            padding: 0 0 0 6px;
        }

        .search-utility-shell {
            position: relative;
            flex: 0 0 auto;
            align-self: stretch;
            display: flex;
            align-items: center;
            gap: 1ch;
            padding: 0 6px 0 0;
            z-index: 2;
        }

        .search-locate-trigger[hidden] {
            display: none !important;
        }

        .search-locate-trigger {
            flex: 0 0 auto;
            min-height: 0;
            height: auto;
            margin: 0;
            padding: 3px 9px;
            border: 1px solid rgba(15, 127, 116, 0.14);
            border-radius: 6px;
            background: rgba(15, 127, 116, 0.08);
            color: #0f7f74;
            font-size: 11px;
            font-weight: 700;
            line-height: 1;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            cursor: pointer;
            transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
        }

        .search-locate-trigger:hover {
            border-color: rgba(15, 127, 116, 0.24);
            background: rgba(15, 127, 116, 0.14);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.82),
                0 1px 2px rgba(15, 127, 116, 0.08);
        }

        .search-locate-trigger.is-enabled,
        .search-locate-trigger.is-enabled:hover {
            background: #0f7f74;
            border-color: rgba(15, 127, 116, 0.28);
            color: #ffffff;
            box-shadow: none;
        }

        .search-locate-icon {
            display: block;
            flex: 0 0 auto;
            width: 16px;
            height: 16px;
            background: #0f172a;
            opacity: 0.78;
            -webkit-mask: url('../images/search-locate-icon.png') center / contain no-repeat;
            mask: url('../images/search-locate-icon.png') center / contain no-repeat;
        }

        .search-locate-trigger:hover .search-locate-icon {
            opacity: 0.95;
        }

        .search-locate-trigger.is-enabled .search-locate-icon,
        .search-locate-trigger.is-enabled:hover .search-locate-icon {
            background: #ffffff;
            opacity: 1;
        }

        .search-history-shell {
            position: relative;
            flex: 0 0 auto;
            align-self: stretch;
            display: flex;
            align-items: center;
            padding: 0;
            z-index: 2;
        }

        .search-history-trigger {
            min-height: 0;
            height: 24px;
            width: 24px;
            padding: 0;
            border: 0;
            border-radius: 7px;
            background: transparent;
            box-shadow: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .search-history-trigger:hover,
        .search-history-trigger[aria-expanded="true"] {
            background: rgba(15, 127, 116, 0.08);
            box-shadow: none;
        }

        .search-history-trigger img {
            display: block;
            width: 16px;
            height: 16px;
            opacity: 0.78;
        }

        .search-history-trigger:hover img,
        .search-history-trigger[aria-expanded="true"] img {
            opacity: 0.95;
        }

        .search-shell-dropdown {
            position: absolute;
            left: 0;
            right: 0;
            top: calc(100% + 6px);
            z-index: 120;
            width: 100%;
            min-width: 0;
        }

        .search-shell-dropdown.is-hidden {
            display: none;
        }

        .search-history-dropdown {
            z-index: var(--search-float-z);
            max-height: 300px;
            overflow: auto;
            padding: 4px 0;
            border: 1px solid rgba(15, 23, 42, 0.07);
            border-radius: 14px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 250, 0.96) 100%);
            box-shadow:
                0 18px 38px rgba(15, 23, 42, 0.07),
                0 2px 8px rgba(15, 127, 116, 0.04);
            backdrop-filter: blur(10px);
        }

        .search-history-empty {
            margin: 0;
            padding: 10px 14px;
            font-size: 12px;
            font-weight: 500;
            color: rgba(100, 112, 134, 0.72);
        }

        .search-history-empty.is-hidden {
            display: none;
        }

        .search-history-list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .search-history-list li + li {
            border-top: 1px solid rgba(15, 23, 42, 0.06);
        }

        .search-history-item {
            min-height: 0;
            width: 100%;
            padding: 9px 14px;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: rgba(100, 112, 134, 0.78);
            font-size: 12px;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            box-shadow: none;
            transition: background 0.16s ease, color 0.16s ease;
        }

        .search-history-item.has-txn-status {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            text-align: left;
        }

        .search-history-item-id {
            flex: 1 1 auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: left;
        }

        .search-history-item-status {
            flex: 0 0 auto;
            margin-left: auto;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.04em;
            color: rgba(100, 112, 134, 0.68);
            text-align: right;
        }

        .search-history-item-display-name {
            flex: 0 0 auto;
            max-width: 52%;
            margin-left: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 12px;
            font-weight: 500;
            color: rgba(100, 112, 134, 0.68);
            text-align: right;
            white-space: nowrap;
        }

        .search-history-item.has-txn-status:hover .search-history-item-status,
        .search-history-item.has-txn-status:hover .search-history-item-display-name {
            color: rgba(15, 127, 116, 0.72);
        }

        .search-history-item:hover {
            background: rgba(15, 127, 116, 0.05);
            color: rgba(15, 127, 116, 0.72);
            box-shadow: none;
        }

        .search-bulk-dropdown {
            display: flex;
            flex-direction: column;
            z-index: var(--search-float-z);
            max-height: min(608px, calc((100vh - 48px) * 0.8));
            overflow: hidden;
            border: 1px solid var(--line);
            border-radius: 12px;
            background: #ffffff;
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
        }

        .search-bulk-dropdown.is-hidden {
            display: none;
        }

        .search-bulk-dropdown .bulk-ids-body {
            position: relative;
            display: flex;
            flex-direction: column;
            flex: 1;
            min-height: 0;
            padding: 13px;
            background: #ffffff;
        }

        .bulk-ids-mids-toggle {
            position: absolute;
            top: 10px;
            right: 12px;
            z-index: 4;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin: 0;
            padding: 3px 6px;
            border-radius: 4px;
            background: rgba(255, 255, 255, 0.94);
            cursor: pointer;
            user-select: none;
            -webkit-user-select: none;
            color: #64748b;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.02em;
        }

        .bulk-ids-mids-toggle input {
            position: absolute;
            opacity: 0;
            width: 1px;
            height: 1px;
            margin: 0;
            pointer-events: none;
        }

        .bulk-ids-mids-toggle-box {
            box-sizing: border-box;
            width: 12px;
            height: 12px;
            border: 1px solid rgba(100, 116, 139, 0.55);
            border-radius: 2px;
            background: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .bulk-ids-mids-toggle input:checked + .bulk-ids-mids-toggle-box {
            border-color: rgba(15, 127, 116, 0.7);
            background:
                linear-gradient(165deg, rgba(15, 127, 116, 0.95) 0%, rgba(13, 110, 101, 0.92) 100%);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
        }

        .bulk-ids-mids-toggle input:checked + .bulk-ids-mids-toggle-box::after {
            content: "";
            display: block;
            width: 6px;
            height: 3px;
            margin: 2.5px auto 0;
            border-left: 1.5px solid #ffffff;
            border-bottom: 1.5px solid #ffffff;
            transform: rotate(-45deg);
        }

        .bulk-ids-mids-toggle input:focus-visible + .bulk-ids-mids-toggle-box {
            outline: 2px solid rgba(15, 127, 116, 0.35);
            outline-offset: 1px;
        }

        .bulk-ids-mids-toggle-label {
            color: inherit;
        }

        .search-bulk-dropdown.is-mids-mode .bulk-ids-mids-toggle {
            color: #0f7f74;
        }

        .search-bulk-dropdown .bulk-ids-field {
            position: relative;
            flex: 1;
            min-height: 0;
            display: flex;
            flex-direction: column;
        }

        .search-bulk-dropdown.is-mids-mode .bulk-ids-textarea,
        .search-bulk-dropdown.is-mids-mode .bulk-ids-display {
            padding-top: 34px;
        }

        .search-bulk-dropdown .bulk-ids-textarea,
        .search-bulk-dropdown .bulk-ids-display {
            flex: 1;
            width: 100%;
            min-height: min(496px, calc((100vh - 160px) * 0.8));
            max-height: min(496px, calc((100vh - 160px) * 0.8));
            margin: 0;
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 34px 12px 40px;
            background: #ffffff;
            color: var(--text);
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 13px;
            line-height: 1.55;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .search-bulk-dropdown .bulk-ids-field:has(.bulk-ids-hint:not(.is-hidden)) .bulk-ids-textarea,
        .search-bulk-dropdown .bulk-ids-field:has(.bulk-ids-hint:not(.is-hidden)) .bulk-ids-display {
            padding-bottom: 56px;
        }

        .search-bulk-dropdown .bulk-ids-field:has(.bulk-ids-hint.is-success .bulk-ids-hint-note) .bulk-ids-textarea,
        .search-bulk-dropdown .bulk-ids-field:has(.bulk-ids-hint.is-success .bulk-ids-hint-note) .bulk-ids-display {
            padding-bottom: 68px;
        }

        .bulk-ids-field-overlay {
            position: absolute;
            left: 1px;
            right: 1px;
            bottom: 1px;
            z-index: 2;
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-start;
            gap: 6px;
            padding: 0 10px 10px;
            pointer-events: none;
        }

        .bulk-ids-title {
            margin: 0;
            flex: 1 1 auto;
            min-width: 0;
            font-size: 12px;
            font-weight: 800;
            color: var(--muted);
            letter-spacing: 0.02em;
            text-transform: uppercase;
            text-align: left;
        }

        .bulk-ids-body {
            position: relative;
            display: flex;
            flex-direction: column;
            flex: 1;
            min-height: 0;
            padding: 16px;
            background: #ffffff;
        }

        .bulk-ids-field {
            flex: 1;
            min-height: 0;
            display: flex;
            flex-direction: column;
        }

        .bulk-ids-textarea,
        .bulk-ids-display {
            flex: 1;
            width: 100%;
            min-height: min(620px, calc(100vh - 160px));
            max-height: min(620px, calc(100vh - 160px));
            margin: 0;
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 14px;
            background: #ffffff;
            color: var(--text);
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 13px;
            line-height: 1.55;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .bulk-ids-textarea {
            resize: none;
            outline: none;
        }

        .bulk-ids-textarea.is-hidden,
        .bulk-ids-display.is-hidden {
            display: none;
        }

        .bulk-ids-display {
            overflow: auto;
            cursor: text;
        }

        .bulk-ids-line {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 16px;
            padding: 1px 0;
        }

        .bulk-ids-line-id {
            flex: 1 1 auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bulk-ids-line-id.is-valid {
            color: var(--success-text);
            font-weight: 600;
        }

        .bulk-ids-line-id.is-invalid {
            color: var(--error-text);
            font-weight: 600;
        }

        .bulk-ids-line.is-result .bulk-ids-line-id {
            color: var(--text);
            font-weight: 400;
        }

        .bulk-ids-line-http {
            flex: 0 0 auto;
            margin-left: auto;
            text-align: right;
            font-weight: 700;
            white-space: nowrap;
        }

        .bulk-ids-line-http.is-ok {
            color: var(--success-text);
        }

        .bulk-ids-line-http.is-bad {
            color: var(--error-text);
        }

        .bulk-ids-inline-error {
            margin-left: auto;
            text-align: right;
            color: var(--text);
            font-weight: 400;
        }

        .bulk-ids-textarea:focus {
            border-color: rgba(15, 127, 116, 0.34);
            box-shadow:
                0 0 0 3px rgba(15, 127, 116, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .bulk-ids-hint {
            margin: 0;
            max-width: 100%;
            padding: 4px 8px;
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.94);
            font-size: 11px;
            font-weight: 400;
            color: var(--text);
            text-align: left;
            line-height: 1.35;
            box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
        }

        .bulk-ids-hint.is-error {
            color: #dc2626;
        }

        .bulk-ids-hint.is-success {
            color: var(--success-text);
            font-weight: 600;
        }

        .bulk-ids-hint.is-success .bulk-ids-hint-count {
            color: var(--success-text);
            font-weight: 600;
        }

        .bulk-ids-hint.is-success .bulk-ids-hint-note {
            display: block;
            margin-top: 2px;
            color: #dc2626;
            font-weight: 400;
        }

        .bulk-ids-hint.is-hidden {
            display: none;
        }

        .bulk-ids-limit-toast {
            display: none;
            position: static;
            z-index: 2;
            padding: 6px 10px;
            border-radius: 6px;
            background: #dc2626;
            color: #ffffff;
            font-size: 11px;
            font-weight: 500;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transform: translateY(6px);
            transition: opacity 0.15s ease, transform 0.15s ease;
            box-shadow: 0 2px 8px rgba(220, 38, 38, 0.22);
        }

        .bulk-ids-limit-toast.is-visible {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        .bulk-ids-limit-toast.is-hidden {
            display: none;
        }

        .bulk-ids-footer {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 12px;
            margin-top: 10px;
        }

        .bulk-ids-footer.is-hidden {
            display: none;
        }

        .bulk-ids-actions {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
            flex: 0 0 auto;
            margin-left: auto;
        }

        .bulk-ids-actions.is-hidden {
            display: none;
        }

        .bulk-ids-action {
            min-height: 30px;
            padding: 0 14px;
            border: 1px solid rgba(15, 127, 116, 0.28);
            border-radius: 999px;
            background: #0f7f74;
            color: #ffffff;
            font-size: 12px;
            font-weight: 800;
            box-shadow: none;
        }

        .bulk-ids-set {
            background: #ffffff;
            color: var(--text);
            border-color: var(--line);
            font-weight: 700;
        }

        .bulk-ids-set:hover {
            background: #f8fafc;
        }

        .bulk-ids-action:hover {
            background: #0a6b62;
        }

        .bulk-ids-set:hover {
            background: #f8fafc;
        }

        .bulk-ids-set:disabled {
            opacity: 0.34;
            cursor: not-allowed;
            pointer-events: none;
        }

        .bulk-ids-ok:disabled {
            opacity: 0.34;
            cursor: not-allowed;
            pointer-events: none;
        }

        .bulk-ids-action:disabled {
            opacity: 0.45;
            cursor: not-allowed;
        }

        /* Suggestion card (checkbox-card) — drops from search shell; inset matches divider offset on both sides */
        .checkbox-card-dropdown {
            left: var(--checkbox-card-drop-left, 0);
            right: var(--checkbox-card-drop-left, 0);
            top: calc(100% + 6px);
            z-index: 126;
            width: auto;
            max-width: none;
            height: auto;
            min-height: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transform-origin: top left;
            transition:
                opacity 0.2s ease,
                transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0.24s ease;
        }

        .checkbox-card-dropdown.is-open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0);
        }

        .checkbox-card-dropdown.is-hidden {
            display: none;
        }

        .checkbox-card-dropdown:not(.is-hidden) {
            display: block;
        }

        .checkbox-card {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 0;
            flex-wrap: nowrap;
            width: 100%;
            min-height: var(--search-inline-chip-height);
            padding: 4px 10px;
            box-sizing: border-box;
            border: 0;
            border-radius: 4px;
            background: color-mix(in srgb, var(--chip-track-bg) 50%, transparent);
            box-shadow:
                var(--chip-inset),
                0 10px 24px rgba(15, 23, 42, 0.1);
            overflow: hidden;
            isolation: isolate;
            pointer-events: auto;
            transition: background 0.15s ease, color 0.15s ease;
        }

        .checkbox-card-controls {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 1ch;
            flex-wrap: nowrap;
            width: 100%;
            min-width: 0;
        }

        .checkbox-card-merchant-controls {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 2ch;
            flex-wrap: wrap;
            min-width: 0;
        }

        .checkbox-card-merchant-controls.is-hidden {
            display: none;
        }

        .checkbox-card-business-controls {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 2ch;
            flex-wrap: wrap;
            min-width: 0;
        }

        .checkbox-card-business-controls.is-hidden {
            display: none;
        }

        .checkbox-card-subsegment-controls {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 2ch;
            flex-wrap: wrap;
            min-width: 0;
        }

        .checkbox-card-subsegment-controls.is-hidden {
            display: none;
        }

        .checkbox-card-charge-controls {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 2ch;
            flex-wrap: wrap;
            min-width: 0;
        }

        .checkbox-card-charge-heading {
            flex: 0 0 auto;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            color: var(--muted);
            white-space: nowrap;
        }

        .checkbox-card-charge-controls.is-hidden {
            display: none;
        }

        .checkbox-card-shopify-toggle.is-hidden {
            display: none;
        }

        .checkbox-card::before {
            content: "";
            position: absolute;
            inset: 1px 1px auto;
            height: 46%;
            border-radius: 3px 3px 999px 999px;
            background: var(--chip-gloss);
            pointer-events: none;
            z-index: 0;
        }

        .checkbox-card-dropdown.is-cal-open {
            z-index: 162;
        }

        .checkbox-card-dropdown.is-cal-open .checkbox-card {
            box-shadow: var(--chip-inset);
        }

        .payouts-toggle-label {
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            line-height: 1;
            color: var(--chip-muted-text);
            white-space: nowrap;
        }

        .payouts-cal-trigger,
        .payouts-date-from,
        .payouts-date-to,
        .payouts-date-sep {
            color: var(--chip-dim-text);
        }

        .payouts-cal-trigger:not(:disabled),
        .payouts-cal-trigger:not(:disabled) .payouts-date-from,
        .payouts-cal-trigger:not(:disabled) .payouts-date-to,
        .payouts-cal-trigger:not(:disabled) .payouts-date-sep {
            color: var(--chip-muted-text);
        }

        .payouts-toggle {
            display: inline-flex;
            align-items: center;
            gap: 1ch;
            margin: 0;
            cursor: pointer;
            user-select: none;
            flex: 0 0 auto;
        }

        .payouts-toggle input {
            position: absolute;
            width: 1px;
            height: 1px;
            opacity: 0;
            pointer-events: none;
        }

        .payouts-toggle-box {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 13px;
            height: 13px;
            border: 1.5px solid #94a3b8;
            border-radius: 3px;
            background: color-mix(in srgb, var(--chip-track-bg) 50%, transparent);
            box-shadow: none;
            transition: background 0.12s ease, border-color 0.12s ease;
        }

        .payouts-toggle input:checked + .payouts-toggle-box {
            background: #0f172a;
            border-color: #0f172a;
        }

        .payouts-toggle input:checked + .payouts-toggle-box::after {
            content: "";
            box-sizing: border-box;
            width: 3.5px;
            height: 7px;
            margin: -1px 0 0 0;
            border: solid #ffffff;
            border-width: 0 1.75px 1.75px 0;
            transform: rotate(45deg);
            flex: 0 0 auto;
        }

        /* APMs / Permission / List Boards — blue fill with + instead of tick */
        .payouts-toggle--plus input:checked + .payouts-toggle-box {
            background: #2563eb;
            border-color: #2563eb;
        }

        .payouts-toggle--plus input:checked + .payouts-toggle-box::after {
            width: 8px;
            height: 8px;
            margin: 0;
            border: none;
            transform: none;
            background:
                linear-gradient(#ffffff, #ffffff) center / 100% 2px no-repeat,
                linear-gradient(#ffffff, #ffffff) center / 2px 100% no-repeat;
        }

        .payouts-toggle input:focus-visible + .payouts-toggle-box {
            box-shadow: 0 0 0 3px rgba(15, 127, 116, 0.18);
        }

        .payouts-cal-trigger {
            display: inline-flex;
            align-items: center;
            gap: 0;
            min-height: 0;
            height: auto;
            padding: 0;
            border: 0;
            background: transparent;
            color: #c4ccd6;
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            line-height: 1;
            cursor: pointer;
            white-space: nowrap;
        }

        .payouts-cal-trigger:disabled {
            cursor: not-allowed;
        }

        .payouts-cal-trigger:not(:disabled):hover {
            background: transparent;
            box-shadow: none;
            color: var(--chip-muted-text);
        }

        .payouts-cal-trigger:not(:disabled):hover .payouts-date-from,
        .payouts-cal-trigger:not(:disabled):hover .payouts-date-to,
        .payouts-cal-trigger:not(:disabled):hover .payouts-date-sep {
            color: var(--chip-muted-text);
        }

        .payouts-date-from,
        .payouts-date-to {
            min-width: 0;
            text-align: left;
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
        }

        .payouts-date-from.has-value,
        .payouts-date-to.has-value {
            color: inherit;
        }

        .payouts-date-sep {
            margin: 0 1ch;
            color: inherit;
            font-weight: 700;
            font-size: 11px;
            letter-spacing: 0.02em;
        }

        .payouts-cal-popover {
            position: absolute;
            left: 0;
            right: auto;
            top: calc(100% + 8px);
            z-index: 151;
            width: 45%;
            min-width: 0;
            max-width: 45%;
            box-sizing: border-box;
            padding: 12px 14px 14px;
            border: 1px solid var(--line);
            border-radius: 12px;
            background: #ffffff;
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
            pointer-events: auto;
        }

        .payouts-cal-popover.is-hidden {
            display: none;
        }

        .payouts-cal-popover.is-external-anchor {
            position: fixed;
            left: 0;
            top: 0;
            right: auto;
            width: min(280px, calc(100vw - 24px));
            max-width: none;
            z-index: 1300;
        }

        .payouts-cal-popover-title {
            margin: 0 0 10px;
            font-size: 12px;
            font-weight: 800;
            color: var(--muted);
            letter-spacing: 0.02em;
            text-transform: uppercase;
        }

        .payouts-cal-panel {
            min-width: 0;
        }

        .payouts-cal-dual {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .payouts-cal-panel-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
            margin-bottom: 4px;
        }

        .payouts-cal-month-label {
            flex: 1 1 auto;
            min-width: 0;
            font-size: 12px;
            font-weight: 800;
            color: var(--text);
            text-align: center;
            white-space: nowrap;
        }

        .payouts-cal-nav {
            flex: 0 0 auto;
            min-height: 24px;
            width: 24px;
            padding: 0;
            border: 1px solid var(--line);
            border-radius: 6px;
            background: #ffffff;
            color: var(--muted);
            font-size: 16px;
            font-weight: 700;
            line-height: 1;
            box-shadow: none;
        }

        .payouts-cal-nav:hover {
            color: #0f7f74;
            border-color: rgba(15, 127, 116, 0.24);
            background: rgba(15, 127, 116, 0.06);
            box-shadow: none;
        }

        .payouts-cal-panel-caption {
            margin: 0 0 6px;
            font-size: 11px;
            font-weight: 700;
            color: var(--muted);
            text-transform: uppercase;
            letter-spacing: 0.03em;
        }

        .payouts-cal-grid {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .payouts-cal-weekdays,
        .payouts-cal-days {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 2px;
        }

        .payouts-cal-weekday {
            font-size: 10px;
            font-weight: 700;
            color: var(--muted);
            text-align: center;
            padding: 2px 0;
        }

        .payouts-cal-day {
            min-height: 28px;
            padding: 0;
            border: 0;
            border-radius: 7px;
            background: transparent;
            color: var(--text);
            font-size: 11px;
            font-weight: 600;
            box-shadow: none;
        }

        .payouts-cal-day.is-empty {
            pointer-events: none;
        }

        .payouts-cal-day:not(.is-empty):hover {
            background: rgba(15, 127, 116, 0.1);
            color: #0f7f74;
            box-shadow: none;
        }

        .payouts-cal-day.in-range {
            background: rgba(15, 127, 116, 0.08);
            color: #0f7f74;
        }

        .payouts-cal-day.is-from,
        .payouts-cal-day.is-to {
            background: #0f7f74;
            color: #ffffff;
        }

        .payouts-cal-day.is-from:hover,
        .payouts-cal-day.is-to:hover {
            background: #0a6b62;
            color: #ffffff;
        }

        .payouts-cal-actions {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 6px;
            margin-top: 12px;
        }

        .payouts-cal-range-hint {
            margin: 0;
            width: 100%;
            font-size: 11px;
            font-weight: 400;
            color: #dc2626;
            text-align: right;
        }

        .payouts-cal-range-hint.is-hidden {
            display: none;
        }

        .payouts-cal-apply {
            min-height: 30px;
            padding: 0 14px;
            border: 1px solid rgba(15, 127, 116, 0.28);
            border-radius: 999px;
            background: #0f7f74;
            color: #ffffff;
            font-size: 12px;
            font-weight: 800;
        }

        .payouts-cal-apply:disabled {
            opacity: 0.45;
            cursor: not-allowed;
        }

        .payouts-cal-apply:not(:disabled):hover {
            background: #0a6b62;
        }

        .secret-button {
            min-width: 74px;
            padding: 0 18px;
            background: var(--crystal-keys-bg);
            color: var(--crystal-keys-text);
            border: 1px solid var(--crystal-keys-border);
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: none;
        }

        .secret-button:hover {
            background: var(--crystal-keys-bg-hover);
            color: #083344;
            border-color: rgba(56, 189, 248, 0.72);
            box-shadow: none;
        }

        .secret-button:active {
            box-shadow: none;
        }

        .secret-preview {
            display: inline-flex;
            align-items: center;
            min-height: 42px;
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 0 16px;
            background: #f9fbfe;
            color: var(--muted);
            font-family: "SFMono-Regular", Menlo, Consolas, Monaco, monospace;
            font-size: 15px;
            font-weight: 700;
            white-space: nowrap;
        }

        .modal-key-preview {
            display: contents;
        }

        .form-actions {
            display: flex;
            gap: 10px;
        }

        .input-status-row {
            display: flex;
            align-items: center;
            min-height: var(--search-control-height);
            overflow: visible;
        }

        .input-status-row input {
            min-width: 0;
        }

        label {
            display: block;
            margin-bottom: 8px;
            color: var(--muted);
            font-size: 14px;
            font-weight: 700;
        }

        input {
            width: 100%;
            min-height: 46px;
            border: 0;
            border-radius: 0;
            padding: 0 14px;
            background: #ffffff;
            color: var(--text);
            font-size: 15px;
            outline: none;
        }

        input:focus {
            box-shadow: none;
        }

        button {
            min-height: 46px;
            border: 0;
            border-radius: 8px;
            padding: 0 22px;
            background: var(--accent);
            color: #ffffff;
            cursor: pointer;
            font-size: 15px;
            font-weight: 700;
            box-shadow: 0 8px 18px rgba(15, 127, 116, 0.16);
            transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease;
        }

        button:hover {
            background: var(--accent-dark);
            box-shadow: 0 10px 22px rgba(15, 127, 116, 0.2);
        }

        .input-control-bar #hit-button {
            min-height: var(--search-control-height);
            max-height: var(--search-control-height);
            border: 1px solid var(--crystal-find-border);
            border-radius: var(--crystal-radius);
            background: var(--crystal-find-bg);
            color: #ffffff;
            font-size: 13px;
            font-weight: 700;
            text-shadow: 0 1px 0 rgba(6, 78, 59, 0.35);
            box-shadow:
                var(--crystal-inset-highlight),
                var(--crystal-find-inset),
                var(--crystal-find-glow);
        }

        .input-control-bar #hit-button:hover {
            background: var(--crystal-find-bg-hover);
            border-color: rgba(6, 78, 59, 0.82);
            box-shadow:
                var(--crystal-inset-highlight),
                inset 0 -8px 14px rgba(6, 78, 59, 0.28),
                0 6px 16px rgba(15, 23, 42, 0.16),
                0 2px 6px rgba(6, 78, 59, 0.22);
            transform: translateY(-1px);
        }

        .input-control-bar #hit-button:active {
            background: var(--crystal-find-bg);
            transform: translateY(0);
            box-shadow:
                inset 0 2px 6px rgba(6, 78, 59, 0.32),
                0 3px 8px rgba(15, 23, 42, 0.12);
        }

        .input-control-bar #hit-button:disabled:not(.is-loading) {
            opacity: 0.48;
            cursor: not-allowed;
            filter: saturate(0.72);
            transform: none;
        }

        .reset-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--crystal-keys-border);
            border-radius: var(--crystal-radius);
            padding: 0 18px;
            background: var(--crystal-keys-bg);
            color: var(--crystal-keys-text);
            font-size: 15px;
            font-weight: 700;
            text-decoration: none;
            box-shadow: none;
            transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
        }

        .reset-button:hover {
            border-color: rgba(56, 189, 248, 0.72);
            background: var(--crystal-keys-bg-hover);
            color: #083344;
            box-shadow: none;
        }

        .reset-button:active {
            box-shadow: none;
        }

        button.is-loading {
            cursor: wait;
            opacity: 0.9;
        }

        body.is-locate-find-loading {
            cursor: wait;
        }

        body.is-locate-find-loading .locate-find-lock-overlay {
            display: block;
        }

        .locate-find-lock-overlay {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 10050;
            background: rgba(248, 250, 252, 0.18);
            cursor: wait;
        }

        .locate-find-progress {
            display: none;
        }

        .results-window.is-locate-find-awaiting-content .results-controls {
            display: none;
        }

        .platform-stacks.is-locate-find-platform-stacks .platform-stack-row.is-hidden {
            display: none;
        }

        .results-window.is-locate-find-progressive .compact-board,
        .results-window.is-locate-find-progressive .sequence-grid {
            transition: opacity 0.18s ease;
        }

        .spinner {
            display: none;
            width: 16px;
            height: 16px;
            margin-right: 8px;
            border: 2px solid rgba(255, 255, 255, 0.45);
            border-top-color: #ffffff;
            border-radius: 999px;
            animation: spin 0.8s linear infinite;
        }

        button.is-loading .spinner {
            display: inline-block;
            margin-right: 0;
        }

        button.is-loading .button-text {
            display: none;
        }

        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }

        .notice {
            border-radius: 8px;
            padding: 14px 16px;
            font-size: 14px;
            font-weight: 700;
        }

        .inline-notice {
            align-self: stretch;
            display: flex;
            align-items: center;
            flex: 0 0 150px;
            width: 150px;
            min-width: 150px;
            margin: 0 1ch 0 0;
            border-radius: 0;
            justify-content: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 12.5px;
        }

        .notice.success {
            background: #ffffff;
            color: var(--success-text);
        }

        .notice.error {
            background: var(--error-bg);
            color: var(--error-text);
        }

        .run-error-panel {
            margin-top: 16px;
            width: 100%;
        }

        .modal.run-error-inline-modal {
            position: static;
            inset: auto;
            display: block;
            width: 100%;
            padding: 0;
            background: transparent;
            backdrop-filter: none;
            z-index: auto;
        }

        .modal.run-error-inline-modal .modal-panel {
            width: 100%;
            max-width: none;
            max-height: none;
        }

        .modal.run-error-inline-modal.transaction-response-modal.has-view-tabs > .modal-panel {
            overflow: visible;
            border-radius: 8px;
        }

        .modal.run-error-inline-modal.transaction-response-modal.has-view-tabs > .modal-panel > .modal-head {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 380;
            border-radius: 8px 8px 0 0;
            box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
        }

        .modal.run-error-inline-modal.transaction-response-modal.has-view-tabs > .modal-panel > .first-response-header-details.is-expanded,
        .modal.run-error-inline-modal.transaction-response-modal.has-view-tabs > .modal-panel > .txn-panes {
            border-radius: 0 0 8px 8px;
            overflow: hidden;
        }

        .run-error-panel .response,
        .run-error-panel .json-viewer,
        .run-error-panel .api-call-view {
            height: var(--response-window-content-height, min(620px, calc(100vh - 160px)));
            max-height: var(--response-window-content-height, min(620px, calc(100vh - 160px)));
        }

        .run-error-panel .transaction-response-modal.is-txn-panel-ready .txn-pane.is-active .json-viewer,
        .run-error-panel .transaction-response-modal.is-txn-panel-ready .txn-pane.is-active > pre.response,
        .run-error-panel .transaction-response-modal.is-txn-panel-ready .txn-bulk-viewer {
            height: 100%;
            max-height: 100%;
        }

        .scoped-sequence-note {
            margin: 0 0 12px;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.45;
            text-align: center;
            color: var(--error-text);
        }

        .scoped-sequence-modal .modal-head {
            align-items: flex-end;
            gap: 12px;
            padding: 6px 16px 0;
            background: #f1f5f9;
            border-bottom: 1px solid rgba(219, 227, 239, 0.92);
        }

        .scoped-sequence-tabs {
            display: inline-flex;
            align-items: flex-end;
            gap: 4px;
        }

        .scoped-seq-tab {
            min-height: 30px;
            height: 30px;
            border: 1px solid transparent;
            border-bottom: none;
            border-radius: 6px 6px 0 0;
            padding: 0 14px;
            background: transparent;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            box-shadow: none;
            cursor: pointer;
            margin-bottom: -1px;
        }

        .scoped-seq-tab:hover {
            color: var(--text);
            background: rgba(255, 255, 255, 0.55);
        }

        .scoped-seq-tab.is-active {
            background: #999999;
            color: #ffffff;
            border-color: rgba(219, 227, 239, 0.92);
        }

        /* Second (business) pair — tinted a deep steel blue to mark the call
           sequence when more than one pair is shown. Single-pair panels stay
           default grey. */
        .scoped-seq-tab.is-business {
            color: #1c4770;
        }

        .scoped-seq-tab.is-group-start {
            margin-left: 12px;
        }

        .scoped-seq-tab.is-business:hover {
            color: #163a5e;
            background: rgba(28, 71, 112, 0.10);
        }

        .scoped-seq-tab.is-business.is-active {
            background: #1c4770;
            color: #ffffff;
            border-color: rgba(28, 71, 112, 0.45);
        }

        .scoped-seq-pane {
            display: none;
        }

        .scoped-seq-pane.is-active {
            display: block;
        }

        .results-window {
            margin-top: 22px;
            position: relative;
            overflow: visible;
        }

        .response-actions {
            margin: 0;
            padding: 8px 0 42px;
            text-align: right;
        }

        .counts {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 0;
            padding: 8px 0 26px;
            color: var(--muted);
            font-size: 16px;
            font-weight: 700;
        }

        .business-banner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin: 0 0 28px;
            border-radius: 8px;
            background: var(--success-bg);
            padding: 14px 14px;
            color: #000000;
            font-size: 14px;
            font-weight: 800;
            line-height: 1.2;
        }

        .platform-stacks + .business-banner {
            margin-top: 0;
        }

        .business-banner.tree-target {
            position: relative;
        }

        .business-banner.tree-target::before {
            content: none;
        }

        .business-banner.tree-target::after {
            content: none;
        }

        .business-banner-title {
            margin: 0;
            font-size: inherit;
            line-height: inherit;
        }

        .business-banner span {
            color: var(--accent);
        }

        .results-controls {
            /*
             * Sticky toolbar inside .results-window — no JS fixed/placeholder toggle.
             * Wallet-open lowers z-index via body.wallet-layer-open below.
             */
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 350;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            margin: 0;
            padding: 10px 10px 12px;
            background: var(--bg);
            border-bottom: 1px solid rgba(15, 23, 42, 0.08);
            box-shadow: 0 6px 16px rgba(15, 23, 42, 0.07);
            pointer-events: auto;
        }

        .results-window.is-board-list-businesses-active .results-controls {
            z-index: 400;
            isolation: isolate;
        }

        body.wallet-layer-open .results-controls {
            z-index: 20;
        }

        .results-controls-left,
        .results-controls-right {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .results-controls-left {
            flex: 0 0 auto;
        }

        .results-controls-right {
            flex: 0 1 auto;
            margin-left: auto;
            display: inline-grid;
            grid-auto-flow: column;
            grid-auto-columns: 1fr;
            align-items: center;
            justify-content: end;
            gap: 14px;
        }

        .results-controls .board-control-button {
            min-height: 22px;
            height: 22px;
            max-height: 22px;
            padding-inline: calc(var(--board-toolbar-control-padding-x) + (var(--board-toolbar-control-width-extra) / 2));
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            border-radius: var(--board-control-radius);
        }

        .results-controls-right .board-view-toggle-button,
        .results-controls-right .board-stack-toggle-button,
        .results-controls-right .locate-control {
            width: 100%;
            min-width: max-content;
            justify-content: center;
            justify-self: stretch;
        }

        .results-controls .board-view-toggle-button,
        .results-controls .board-stack-toggle-button {
            border: 1px solid var(--crystal-board-border);
            background: var(--crystal-board-bg);
            color: var(--accent);
            box-shadow:
                var(--crystal-inset-highlight),
                var(--crystal-board-inset),
                var(--crystal-board-glow);
            backdrop-filter: var(--crystal-blur);
            -webkit-backdrop-filter: var(--crystal-blur);
        }

        .results-controls .board-view-toggle-button:hover,
        .results-controls .board-stack-toggle-button:hover {
            background: var(--crystal-board-bg-hover);
            border-color: rgba(45, 212, 191, 0.62);
            box-shadow:
                var(--crystal-inset-highlight),
                inset 0 -5px 12px rgba(15, 118, 110, 0.12),
                0 4px 12px rgba(15, 118, 110, 0.12);
        }

        .results-controls .board-control-button-icon {
            width: 14px;
            height: 14px;
            flex: 0 0 14px;
        }

        .results-controls .board-stack-toggle-icon {
            width: 11px;
            height: 11px;
            flex: 0 0 11px;
        }

        .board-control-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 32px;
            border: 1px solid rgba(15, 118, 110, 0.24);
            border-radius: var(--board-control-radius);
            padding: 0 13px;
            background: rgba(240, 253, 250, 0.82);
            color: var(--accent);
            font-size: 13px;
            font-weight: 700;
            box-shadow: 0 7px 16px rgba(15, 118, 110, 0.08);
            cursor: pointer;
        }

        .board-control-button-icon,
        .board-view-toggle-icon {
            display: block;
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
            object-fit: contain;
        }

        .board-stack-toggle-icon {
            display: block;
            width: 1em;
            height: 1em;
            flex: 0 0 1em;
            object-fit: contain;
        }

        .board-stack-toggle-button {
            min-width: 0;
        }

        .board-control-button:hover {
            background: #e2f7f3;
            border-color: rgba(15, 118, 110, 0.42);
            box-shadow: 0 8px 20px rgba(15, 118, 110, 0.12);
        }

        body.wallet-layer-open .compact-board .compact-columns:has(.wallet-open),
        body.wallet-layer-open .compact-board .compact-placed-row:has(.wallet-open),
        body.wallet-layer-open .compact-board .compact-match:has(.wallet-open) {
            position: relative;
            z-index: var(--wallet-float-row-z);
            overflow: visible;
        }

        body.wallet-layer-open .compact-board .stack-column:has(.wallet-open),
        body.wallet-layer-open .compact-board .sequence-cell:has(.wallet-open) {
            position: relative;
            z-index: var(--wallet-float-cell-z);
            overflow: visible;
        }

        body.wallet-layer-open .sequence-grid .sequence-row:has(.wallet-open),
        body.wallet-layer-open .sequence-grid .sequence-cell:has(.wallet-open) {
            position: relative;
            z-index: var(--wallet-float-cell-z);
            overflow: visible;
        }

        body.wallet-layer-open .entity-card-shell.wallet-open,
        body.wallet-layer-open .platform-card-shell.wallet-open {
            position: relative;
            z-index: var(--wallet-float-shell-z);
            isolation: isolate;
        }

        body.wallet-layer-open .platform-card-list:has(.wallet-open),
        body.wallet-layer-open .platform-stack-row:has(.wallet-open) {
            position: relative;
            z-index: var(--wallet-float-cell-z);
            overflow: visible;
        }

        body.wallet-layer-open .wallet-dropdown.is-open,
        body.wallet-layer-open .wallet-dropdown.is-closing {
            z-index: var(--wallet-float-dropdown-z);
        }

        body.wallet-layer-open .entity-card-shell.wallet-open > .card.stack-card,
        body.wallet-layer-open .platform-card-shell.wallet-open > .stack-card {
            z-index: var(--wallet-float-shell-z);
            transform: var(--stack-hover-lift);
            box-shadow: var(--stack-hover-shadow);
        }

        .locate-row {
            display: none;
            align-items: center;
            justify-content: flex-end;
            gap: 14px;
            margin: 0;
        }

        .results-window.has-placed-merchants .locate-row {
            display: contents;
        }

        .locate-control {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 22px;
            height: 22px;
            max-height: 22px;
            border: 1px solid var(--crystal-find-border);
            border-radius: var(--board-control-radius);
            padding-inline: calc(var(--board-toolbar-control-padding-x) + (var(--board-toolbar-control-width-extra) / 2));
            background: transparent;
            color: var(--muted);
            cursor: pointer;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            box-shadow: none;
        }

        .locate-control:not(:disabled):hover {
            background: transparent;
            border-color: rgba(6, 78, 59, 0.82);
            color: var(--accent);
            box-shadow: none;
        }

        .locate-control:disabled {
            opacity: 0.38;
            cursor: default;
        }

        .locate-control.is-cooldown {
            pointer-events: none;
            cursor: default;
        }

        .locate-control.is-cooldown:not(:disabled) {
            opacity: 1;
        }

        .locate-check {
            position: relative;
            flex: 0 0 15px;
            width: 15px;
            height: 15px;
            border: 2px solid var(--accent);
            border-radius: 2px;
            background: #ffffff;
            cursor: inherit;
        }

        .locate-control.is-checked {
            color: #dc2626;
            border-color: var(--crystal-find-border);
        }

        .locate-control.is-checked:not(:disabled):hover {
            color: #b91c1c;
            border-color: rgba(6, 78, 59, 0.82);
        }

        .locate-control.is-checked .locate-check {
            border-color: #dc2626;
            background: #dc2626;
        }

        .locate-control.is-checked .locate-check::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 5px;
            height: 9px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            transform: translate(-50%, -58%) rotate(45deg);
        }

        .column-label {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 100%;
            margin: 0;
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
        }

        .column-label-main {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
        }

        .board-account-create-button,
        .board-account-create-button.is-active {
            border: 1px solid var(--crystal-find-border);
            border-radius: var(--board-control-radius);
            background: var(--crystal-find-bg);
            color: #ffffff;
            text-shadow: 0 1px 0 rgba(6, 78, 59, 0.35);
            box-shadow:
                var(--crystal-inset-highlight),
                var(--crystal-find-inset),
                var(--crystal-find-glow);
            backdrop-filter: var(--crystal-blur);
            -webkit-backdrop-filter: var(--crystal-blur);
        }

        .board-account-create-button:hover,
        .board-account-create-button.is-active:hover {
            background: var(--crystal-find-bg-hover);
            border-color: rgba(6, 78, 59, 0.82);
            color: #ffffff;
            box-shadow:
                var(--crystal-inset-highlight),
                inset 0 -8px 14px rgba(6, 78, 59, 0.28),
                0 6px 16px rgba(15, 23, 42, 0.16),
                0 2px 6px rgba(6, 78, 59, 0.22);
        }

        .account-create-control-wrap {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
        }

        .board-account-create-label {
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
        }

        .account-create-confirm {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 22px;
            height: 22px;
            padding: 0 10px;
            border: 1px solid #d4d4d8;
            border-radius: 4px;
            background: #f4f4f5;
            box-shadow: none;
            white-space: nowrap;
        }

        .account-create-confirm.is-hidden {
            display: none;
        }

        .account-create-confirm-title {
            margin: 0;
            color: #52525b;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
        }

        .account-create-confirm-sep {
            color: #a1a1aa;
            font-size: 12px;
            font-weight: 500;
            line-height: 1;
            user-select: none;
        }

        .account-create-confirm-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 0;
            height: auto;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            font: inherit;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
        }

        .account-create-confirm-button[data-account-create-confirm="yes"] {
            color: #15803d;
        }

        .account-create-confirm-button[data-account-create-confirm="yes"]:hover {
            color: #166534;
        }

        .account-create-confirm-button[data-account-create-confirm="no"] {
            color: #dc2626;
        }

        .account-create-confirm-button[data-account-create-confirm="no"]:hover {
            color: #b91c1c;
        }

        .results-window.is-account-create-active .compact-head,
        .results-window.is-account-create-active .sequence-head {
            position: -webkit-sticky;
            position: sticky;
            top: var(--account-create-controls-h, 58px);
            z-index: 249;
            margin: 0;
            padding: 0;
            min-height: 50px;
            height: 50px;
            align-items: center;
            box-sizing: border-box;
            background: transparent;
        }

        .account-creation-panel-slot {
            position: -webkit-sticky;
            position: sticky;
            top: calc(var(--account-create-controls-h, 58px) + var(--account-create-head-h, 50px));
            z-index: 248;
            flex: 0 0 auto;
            flex-shrink: 0;
            min-height: var(--account-create-panel-h, 120px);
            margin: 0;
            padding: 0;
            overflow: visible;
        }

        .account-creation-panel {
            position: relative;
            z-index: 1;
            box-sizing: border-box;
            width: calc(100% + 20px);
            margin: 0 -10px 0;
            padding: 14px 10px 12px;
            border: 1px solid rgba(64, 116, 226, 0.1);
            border-radius: 12px;
            background: linear-gradient(180deg, rgba(214, 234, 255, 0.98) 0%, rgba(232, 244, 255, 0.96) 100%);
            box-shadow: 0 8px 22px rgba(64, 116, 226, 0.06);
            overflow: visible;
        }

        /*
         * Create panel open — sticky toolbar + headers + panel must cover all four
         * columns (including business stacks), same as .results-controls. List-mode
         * business overlays use absolute positioning normally; switch to document flow
         * here so the scroll containing block includes the full business column height.
         */
        .results-window.is-account-create-active .compact-head,
        .results-window.is-account-create-active .sequence-head {
            box-shadow: none;
        }

        .results-window.is-account-create-active .account-creation-panel-slot {
            background: var(--bg);
            box-shadow: 0 6px 16px rgba(15, 23, 42, 0.07);
        }

        .results-window.is-account-create-active .compact-placed-row,
        .results-window.is-account-create-active .sequence-row,
        .results-window.is-account-create-active .compact-before,
        .results-window.is-account-create-active .compact-match,
        .results-window.is-account-create-active .compact-after {
            z-index: 1;
        }

        /*
         * Placed boards (List All Businesses / Merchants): keep column headers above
         * scrolling stack rows in normal and create-panel layouts.
         */
        .compact-board:has(.compact-placed-row) > .compact-head {
            order: 0;
            z-index: 2;
        }

        .compact-board:has(.compact-placed-row) > .compact-placed-row {
            order: 1;
            z-index: 1;
        }

        /*
         * Default board only (no List All Businesses placed rows): slot sits after
         * column headers and reserves height so stacks stay below the sticky panel.
         */
        .results-window.is-account-create-active .compact-board:not(:has(.compact-placed-row)) > .compact-head {
            order: 1;
            z-index: 249;
        }

        .results-window.is-account-create-active .compact-board:not(:has(.compact-placed-row)) > .account-creation-panel-slot {
            order: 2;
            z-index: 248;
        }

        .results-window.is-account-create-active .compact-board:not(:has(.compact-placed-row)) > .compact-before {
            order: 3;
        }

        .results-window.is-account-create-active .compact-board:not(:has(.compact-placed-row)) > .compact-match:not(.compact-placed-row) {
            order: 4;
        }

        .results-window.is-account-create-active .compact-board:not(:has(.compact-placed-row)) > .compact-after {
            order: 5;
        }

        .results-window.is-account-create-active .compact-board:not(:has(.compact-placed-row)) > .compact-before,
        .results-window.is-account-create-active .compact-board:not(:has(.compact-placed-row)) > .compact-after,
        .results-window.is-account-create-active.is-keep-top .compact-board:not(:has(.compact-placed-row)) > .compact-before,
        .results-window.is-account-create-active.is-keep-top .compact-board:not(:has(.compact-placed-row)) > .compact-after {
            margin-top: 0;
        }

        /*
         * Placed boards (List All Businesses / List All Merchants): placed rows used
         * flex order 0 while headers used order 1, which drew stacks above the header
         * bar. Keep headers first, then optional create panel, then stack rows.
         */
        .results-window.is-account-create-active .compact-board:has(.compact-placed-row) > .compact-head {
            order: 0;
            z-index: 249;
        }

        .results-window.is-account-create-active .compact-board:has(.compact-placed-row) > .account-creation-panel-slot {
            order: 1;
            z-index: 248;
        }

        .results-window.is-account-create-active .compact-board:has(.compact-placed-row) > .compact-placed-row {
            order: 2;
            z-index: 1;
        }

        /*
         * Edit / create-error sheets expand downward over board stacks. Keep the
         * sticky create slot above stack hover float layers so the sheet stays on top.
         * Placed after other create-active panel-slot z-index rules so it wins.
         */
        .results-window.is-account-create-active:has(.account-creation-drop-cell.is-edit-expanded) .account-creation-panel-slot,
        .results-window.is-account-create-active:has(.account-creation-drop-cell.is-create-error-response-expanded) .account-creation-panel-slot,
        .results-window.is-account-create-active:has(.account-creation-drop-cell.is-edit-expanded) .compact-board > .account-creation-panel-slot,
        .results-window.is-account-create-active:has(.account-creation-drop-cell.is-create-error-response-expanded) .compact-board > .account-creation-panel-slot,
        .results-window.is-account-create-active:has(.account-creation-drop-cell.is-edit-expanded) .sequence-grid > .account-creation-panel-slot,
        .results-window.is-account-create-active:has(.account-creation-drop-cell.is-create-error-response-expanded) .sequence-grid > .account-creation-panel-slot {
            z-index: calc(var(--stack-hover-float-z) + 20);
        }

        .account-creation-panel-close {
            position: absolute;
            top: 15px;
            right: 15px;
            z-index: 3;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 12px;
            height: 12px;
            min-height: 0;
            min-width: 0;
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent !important;
            cursor: pointer;
            box-shadow: none !important;
            appearance: none;
            -webkit-appearance: none;
            -webkit-tap-highlight-color: transparent;
        }

        .account-creation-panel-close:hover,
        .account-creation-panel-close:active,
        .account-creation-panel-close:focus-visible {
            background: transparent !important;
            box-shadow: none !important;
            outline: none;
            opacity: 0.82;
        }

        .account-creation-panel-close-icon,
        .account-creation-drop-cell-edit-close-icon,
        .account-creation-icon-btn-img,
        .account-creation-api-help-icon,
        .account-creation-api-save-icon,
        .account-creation-edit-toolbar-close-icon {
            display: block;
            width: 12px;
            height: 12px;
            object-fit: contain;
            pointer-events: none;
        }

        .account-creation-drop-cell-clear-icon {
            display: block;
            object-fit: contain;
            pointer-events: none;
        }

        .results-window.is-account-create-active .sequence-grid > .account-creation-panel-slot {
            order: 2;
            z-index: 248;
            margin-bottom: 16px;
        }

        .results-window.is-account-create-active .sequence-grid > .sequence-head {
            order: 1;
            z-index: 249;
        }

        .results-window.is-account-create-active .sequence-grid > .sequence-row {
            order: 3;
            z-index: 1;
        }

        .results-window.is-account-create-active .sequence-grid > .account-creation-panel-slot + .sequence-row,
        .results-window.is-account-create-active .sequence-grid > .account-creation-panel-slot + .compact-placed-row {
            margin-top: 0;
        }

        .results-window.is-account-create-active .input-search-column .inline-notice.success {
            display: none;
        }

        .account-creation-drop-zone {
            position: relative;
        }

        .account-creation-drop-hint {
            display: block;
            margin: 0 0 8px;
            min-height: 1lh;
            pointer-events: none;
        }

        .account-creation-drop-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
            align-items: start;
        }

        .account-creation-drop-column {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            min-width: 0;
            position: relative;
            overflow: visible;
        }

        .account-creation-drop-column > .account-creation-column-action-wrap {
            position: relative;
            z-index: 12;
            align-self: flex-end;
            margin-top: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: 1ch;
            min-height: 18px;
            height: auto;
            max-width: none;
            padding: 0;
            box-sizing: border-box;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
            pointer-events: none;
        }

        .account-creation-panel .account-creation-drop-column.has-column-pick > .account-creation-column-action-wrap,
        .account-creation-panel .account-creation-drop-column:has(.account-creation-drop-cell.has-pick) > .account-creation-column-action-wrap {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .account-creation-column-action-wrap > * {
            pointer-events: auto;
        }

        .account-creation-column-download {
            display: none;
            height: 18px;
            min-height: 18px;
            min-width: 18px;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 0 7px;
            border: 1px solid rgba(16, 185, 129, 0.45);
            border-radius: 999px;
            background: rgba(16, 185, 129, 0.16);
            color: #047857;
            font-size: 10px;
            font-weight: 600;
            line-height: 1;
            cursor: default;
            pointer-events: none;
            user-select: none;
            appearance: none;
            -webkit-appearance: none;
            box-shadow: none;
        }

        .account-creation-column-download.is-actionable {
            cursor: pointer;
            pointer-events: auto;
        }

        .account-creation-column-download.is-actionable:hover {
            background: rgba(16, 185, 129, 0.24);
            border-color: rgba(16, 185, 129, 0.62);
        }

        .account-creation-column-download.is-download-loading {
            opacity: 1;
            pointer-events: none;
        }

        .account-creation-column-download-loader {
            display: block;
            width: 10px;
            height: 10px;
            border: 2px solid rgba(16, 185, 129, 0.22);
            border-top-color: #047857;
            border-radius: 999px;
            animation: spin 0.8s linear infinite;
        }

        .account-creation-column-download.is-download-complete {
            cursor: default;
            pointer-events: none;
            background: rgba(16, 185, 129, 0.16);
            border-color: rgba(16, 185, 129, 0.45);
        }

        .account-creation-column-download.is-hidden {
            display: none !important;
        }

        .account-creation-column-download:not(.is-hidden) {
            display: inline-flex;
        }

        .account-creation-column-download-icon,
        .account-creation-column-download-tick {
            display: block;
            width: 10px;
            height: 10px;
        }

        .account-creation-column-action.login-inline-button.is-create-successful,
        .account-creation-column-action.login-inline-button.is-create-successful:disabled,
        .account-creation-column-action.login-inline-button.is-create-successful.is-inactive,
        .account-creation-column-action.login-inline-button.is-create-successful:disabled:hover,
        .account-creation-column-action.login-inline-button.is-create-successful.is-inactive:hover {
            opacity: 1;
            cursor: default;
            pointer-events: none;
            background: rgba(16, 185, 129, 0.16) !important;
            border-color: rgba(16, 185, 129, 0.45) !important;
            color: #047857 !important;
            box-shadow: none !important;
        }

        .account-creation-column-action.is-hidden {
            display: none !important;
        }

        .account-creation-column-action-wrap.is-create-success .account-creation-column-loader {
            display: none !important;
        }

        .account-creation-column-loader {
            display: none;
            width: 12px;
            height: 12px;
            flex: 0 0 12px;
            align-self: center;
            border: 2px solid rgba(37, 99, 235, 0.22);
            border-top-color: #2563eb;
            border-radius: 999px;
            animation: spin 0.8s linear infinite;
        }

        .account-creation-column-action-wrap.is-api-loading .account-creation-column-loader,
        .account-creation-column-loader:not(.is-hidden) {
            display: inline-block;
        }

        .account-creation-column-action-wrap.is-api-loading .account-creation-column-action {
            opacity: 0.72;
            pointer-events: none;
        }

        .account-creation-column-action-wrap.is-confirm-open .account-creation-column-action {
            visibility: hidden;
            pointer-events: none;
        }

        .account-creation-column-confirm {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 18px;
            height: 18px;
            padding: 0 8px;
            border: 1px solid #d4d4d8;
            border-radius: 999px;
            background: #f4f4f5;
            box-shadow: none;
            white-space: nowrap;
        }

        .account-creation-column-confirm.is-hidden {
            display: none;
        }

        .account-creation-column-confirm-title {
            margin: 0;
            color: #52525b;
            font-size: 10px;
            font-weight: 600;
            line-height: 1;
        }

        .account-creation-column-confirm .account-create-confirm-sep {
            font-size: 10px;
        }

        .account-creation-column-confirm-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 0;
            height: auto;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            font: inherit;
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
        }

        .account-creation-column-confirm-button[data-account-create-column-choice-value="yes"] {
            color: #15803d;
        }

        .account-creation-column-confirm-button[data-account-create-column-choice-value="yes"]:hover {
            color: #166534;
        }

        .account-creation-column-confirm-button[data-account-create-column-choice-value="no"] {
            color: #dc2626;
        }

        .account-creation-column-confirm-button[data-account-create-column-choice-value="no"]:hover {
            color: #b91c1c;
        }

        .account-creation-column-action-wrap .account-creation-column-action.login-inline-button {
            margin-top: 0;
            align-self: center;
        }

        .account-creation-column-action.login-inline-button {
            align-self: center;
            margin-top: 0;
            min-height: 0 !important;
            height: 18px;
            max-height: 18px;
            padding: 0 7px !important;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 600;
            line-height: 1;
            box-shadow: none !important;
            background: #2563eb;
            border-color: rgba(37, 99, 235, 0.42);
            color: #ffffff;
        }

        .account-creation-column-action.login-inline-button:hover {
            background: #1d4ed8;
            box-shadow: none !important;
        }

        .account-creation-column-action.is-inactive,
        .account-creation-column-action:disabled {
            opacity: 0.42;
            cursor: not-allowed;
            background: #94a3b8;
            border-color: rgba(148, 163, 184, 0.42);
            color: rgba(255, 255, 255, 0.92);
            box-shadow: none !important;
        }

        .account-creation-column-action.is-inactive:hover,
        .account-creation-column-action:disabled:hover {
            background: #94a3b8;
            border-color: rgba(148, 163, 184, 0.42);
            color: rgba(255, 255, 255, 0.92);
        }

        .account-creation-drop-cell.is-column-drop-inactive:not(.has-pick) {
            opacity: 0.76;
            border-color: rgba(64, 116, 226, 0.26);
            background: rgba(255, 255, 255, 0.68);
        }

        .account-creation-drop-cell.is-column-drop-inactive:not(.has-pick) .account-creation-drop-cell-placeholder {
            color: rgba(30, 64, 175, 0.46);
        }

        .account-creation-panel.is-drop-target {
            border-color: rgba(64, 116, 226, 0.18);
            box-shadow: 0 8px 22px rgba(64, 116, 226, 0.08);
        }

        .account-creation-drop-cell {
            position: relative;
            z-index: 1;
            min-height: 98px;
            border: 1px dashed rgba(64, 116, 226, 0.34);
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.42);
            transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
        }

        .account-creation-drop-cell:not(.has-pick) {
            position: relative;
        }

        .account-creation-drop-cell-empty {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
        }

        .account-creation-drop-cell-edit,
        .account-creation-drop-cell-clear {
            position: absolute;
            top: 8px;
            right: 8px;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 0 !important;
            min-width: 0 !important;
            margin: 0;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            font: inherit;
            line-height: 1;
            cursor: pointer;
            pointer-events: auto;
            appearance: none;
            -webkit-appearance: none;
            -webkit-tap-highlight-color: transparent;
            transform: none;
            transition: transform 0.14s ease, opacity 0.14s ease, color 0.14s ease;
        }

        .account-creation-drop-cell-edit {
            width: 16px;
            height: 16px;
            color: #111827;
        }

        .account-creation-drop-cell-clear {
            width: 10px;
            height: 10px;
            cursor: pointer;
        }

        .account-creation-drop-cell-clear-icon {
            width: 10px;
            height: 10px;
        }

        .account-creation-drop-cell-edit:hover,
        .account-creation-drop-cell-clear:hover,
        .account-creation-drop-cell-edit:active,
        .account-creation-drop-cell-clear:active,
        .account-creation-drop-cell-edit:focus-visible,
        .account-creation-drop-cell-clear:focus-visible {
            background: transparent !important;
            box-shadow: none !important;
            outline: none;
            opacity: 0.82;
        }

        .account-creation-drop-cell-edit:active {
            transform: scale(0.84);
            opacity: 0.68;
        }

        .account-creation-drop-cell-edit.is-tapped {
            animation: account-creation-pen-tap 0.2s ease;
        }

        @keyframes account-creation-pen-tap {
            0% {
                transform: scale(1);
                opacity: 1;
            }

            45% {
                transform: scale(0.82);
                opacity: 0.62;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .account-creation-drop-cell-edit.is-inactive,
        .account-creation-drop-cell-edit:disabled {
            opacity: 0.34;
            cursor: not-allowed;
            pointer-events: none;
        }

        .account-creation-drop-cell-edit[hidden],
        .account-creation-drop-cell-clear[hidden] {
            display: none !important;
        }

        .account-creation-drop-cell-edit-icon {
            display: block;
            width: 16px;
            height: 16px;
            flex: 0 0 16px;
            background: transparent;
            pointer-events: none;
        }

        .account-creation-drop-cell-placeholder {
            margin: 0;
            padding: 0 10px;
            text-align: center;
            color: rgba(30, 64, 175, 0.34);
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.01em;
            line-height: 1.35;
            pointer-events: none;
            user-select: none;
        }

        .account-creation-drop-cell.has-pick.is-pick-locked {
            cursor: default;
        }

        .account-creation-drop-cell.is-pick-locked .account-creation-drop-cell-clear {
            display: none !important;
        }

        .account-creation-drop-cell.has-pick {
            padding: 0;
            overflow: hidden;
        }

        .account-creation-drop-cell.is-drop-target {
            border-color: rgba(37, 99, 235, 0.72);
            background: rgba(255, 255, 255, 0.88);
        }

        .account-creation-drop-cell.is-edit-expanded,
        .account-creation-drop-cell.is-create-error-response-expanded {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: calc(var(--stack-hover-float-z) + 40);
            min-height: calc(98px * 3);
            height: calc(98px * 3);
            overflow: hidden;
            border-style: solid;
            border-color: rgba(64, 116, 226, 0.44);
            background: #ffffff !important;
            box-shadow:
                0 18px 40px rgba(15, 23, 42, 0.16),
                0 8px 20px rgba(64, 116, 226, 0.14);
        }

        .account-creation-drop-cell.is-edit-expanded .account-creation-drop-cell-pick,
        .account-creation-drop-cell.is-edit-expanded .account-creation-drop-cell-clear,
        .account-creation-drop-cell.is-edit-expanded .account-creation-drop-cell-edit,
        .account-creation-drop-cell.is-create-error-response-expanded .account-creation-drop-cell-pick,
        .account-creation-drop-cell.is-create-error-response-expanded > .account-creation-create-error-help,
        .account-creation-drop-cell.is-create-error-response-expanded > .account-creation-create-error-dismiss {
            visibility: hidden !important;
        }

        .account-creation-drop-cell.is-edit-expanded .account-creation-drop-cell-empty,
        .account-creation-drop-cell.is-edit-expanded .account-creation-drop-cell-edit {
            display: none !important;
        }

        .account-creation-edit-sheet {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            background: #ffffff;
            pointer-events: auto;
        }

        .account-creation-edit-toolbar {
            position: absolute;
            top: 8px;
            left: 8px;
            right: 8px;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            min-height: 16px;
            pointer-events: auto;
        }

        .account-creation-edit-toolbar-start,
        .account-creation-edit-toolbar-end {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            pointer-events: auto;
        }

        .account-creation-edit-toolbar-end {
            margin-left: auto;
        }

        .account-creation-api-help-wrap {
            position: relative;
            z-index: 16;
            width: 16px;
            height: 16px;
            padding: 0;
            pointer-events: auto;
        }

        .account-creation-api-help,
        .account-creation-api-save,
        .account-creation-edit-toolbar .account-creation-drop-cell-edit-close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 12px;
            height: 12px;
            min-height: 0 !important;
            min-width: 0 !important;
            margin: 0;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            cursor: pointer;
            pointer-events: auto;
            appearance: none;
            -webkit-appearance: none;
        }

        .account-creation-edit-toolbar .account-creation-drop-cell-edit-close {
            position: static;
            z-index: auto;
        }

        .account-creation-api-help {
            cursor: help;
        }

        .account-creation-api-help:hover,
        .account-creation-api-help:focus-visible,
        .account-creation-api-save:hover,
        .account-creation-api-save:focus-visible,
        .account-creation-edit-toolbar .account-creation-drop-cell-edit-close:hover,
        .account-creation-edit-toolbar .account-creation-drop-cell-edit-close:focus-visible {
            background: transparent !important;
            box-shadow: none !important;
            outline: none;
            opacity: 0.82;
        }

        .account-creation-api-preview-overlay {
            display: none;
            position: absolute;
            inset: 0;
            z-index: 15;
            overflow: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            pointer-events: none;
            background: var(--code-bg);
        }

        .account-creation-edit-sheet.is-api-preview-visible .account-creation-api-preview-overlay {
            display: block;
            pointer-events: auto;
        }

        .account-creation-edit-sheet.is-api-preview-visible .account-creation-edit-toolbar {
            z-index: 17;
        }

        .account-creation-edit-sheet.is-api-preview-visible .account-creation-edit-toolbar-start,
        .account-creation-edit-sheet.is-api-preview-visible .account-creation-api-help-wrap {
            visibility: visible;
            pointer-events: auto;
        }

        .account-creation-edit-sheet.is-api-preview-visible .account-creation-edit-fields,
        .account-creation-edit-sheet.is-api-preview-visible .account-creation-api-save,
        .account-creation-edit-sheet.is-api-preview-visible .account-creation-edit-toolbar-close {
            visibility: hidden;
            pointer-events: none;
        }

        .account-creation-api-preview-panel {
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            min-width: 100%;
            width: max-content;
            min-height: 100%;
            padding-top: 40px;
        }

        .account-creation-api-preview-endpoint {
            flex: 0 0 auto;
            margin: 0;
            padding: 8px 10px 4px;
            color: #9ec5ec;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.4;
            white-space: nowrap;
        }

        .account-creation-api-preview-key {
            flex: 0 0 auto;
            margin: 0;
            padding: 4px 10px 8px;
            color: #cbd5e1;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.4;
            white-space: nowrap;
            border-bottom: 1px solid rgba(255, 255, 255, 0.16);
        }

        .account-creation-api-preview-overlay .response {
            flex: 0 0 auto;
            width: max-content;
            min-width: 100%;
            height: auto;
            min-height: 0;
            max-height: none;
            margin: 0;
            padding: 8px 10px 10px;
            box-sizing: border-box;
            overflow: visible;
            font-size: 11px;
            line-height: 1.45;
            border-radius: 0;
            background: transparent;
            color: #eef2f7;
            font-family: Menlo, Consolas, Monaco, monospace;
            white-space: pre;
            word-break: normal;
        }

        .account-creation-edit-fields {
            flex: 1 1 auto;
            min-height: 0;
            padding: 40px 12px 12px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            overflow: auto;
            background: #ffffff;
        }

        .account-creation-edit-section-divider {
            flex: 0 0 auto;
            height: 1px;
            margin: 6px 0;
            background: rgba(100, 116, 139, 0.22);
        }

        .account-creation-edit-field-row {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
            min-width: 0;
        }

        .account-creation-edit-license-fields {
            display: flex;
            flex-direction: column;
            gap: 8px;
            min-width: 0;
        }

        .account-creation-edit-license-fields.is-disabled {
            opacity: 0.48;
            pointer-events: none;
        }

        .account-creation-edit-license-custom {
            display: flex;
            flex-direction: column;
            gap: 8px;
            min-width: 0;
        }

        .account-creation-edit-license-custom.is-hidden {
            display: none;
        }

        .account-creation-edit-field {
            display: flex;
            flex-direction: column;
            gap: 3px;
            min-width: 0;
        }

        .account-creation-edit-label {
            color: #334155;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.15;
        }

        .account-creation-edit-input {
            width: 100%;
            box-sizing: border-box;
            min-height: 0 !important;
            height: auto;
            border: 1px solid rgba(64, 116, 226, 0.28);
            border-radius: 6px;
            padding: 4px 6px;
            background: #ffffff;
            color: #0f172a;
            font: inherit;
            font-size: 11px;
            line-height: 1.2;
            pointer-events: auto;
        }

        .account-creation-edit-input:focus {
            outline: none;
            border-color: rgba(37, 99, 235, 0.62);
            box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
        }

        .account-creation-edit-select {
            appearance: auto;
            -webkit-appearance: menulist;
            cursor: pointer;
            padding-right: 18px;
        }

        .account-creation-edit-input::placeholder {
            color: rgba(100, 116, 139, 0.38);
            opacity: 1;
            font-weight: 500;
        }

        .account-creation-edit-select option[value=""] {
            color: rgba(100, 116, 139, 0.72);
        }

        .account-creation-currency-picker {
            display: flex;
            flex-direction: column;
            gap: 4px;
            min-width: 0;
        }

        .account-creation-currency-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            min-height: 0;
        }

        .account-creation-currency-tag {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            min-height: 0 !important;
            min-width: 0 !important;
            margin: 0;
            padding: 2px 6px !important;
            border: 1px solid rgba(64, 116, 226, 0.24) !important;
            border-radius: 999px !important;
            background: rgba(234, 243, 255, 0.92) !important;
            color: #1d4ed8;
            font: inherit;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            cursor: pointer;
            box-shadow: none !important;
            appearance: none;
            -webkit-appearance: none;
        }

        .account-creation-currency-tag:hover,
        .account-creation-currency-tag:focus-visible {
            border-color: rgba(37, 99, 235, 0.42) !important;
            background: #ffffff !important;
            outline: none;
        }

        .account-creation-currency-tag-remove {
            color: rgba(29, 78, 216, 0.72);
            font-size: 11px;
            line-height: 1;
        }

        .account-creation-currency-select {
            width: 100%;
        }

        .account-creation-drop-cell-edit-close {
            position: absolute;
            bottom: 8px;
            right: 8px;
            z-index: 12;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 12px;
            height: 12px;
            min-height: 0 !important;
            min-width: 0 !important;
            margin: 0;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            cursor: pointer;
            pointer-events: auto !important;
            appearance: none;
            -webkit-appearance: none;
            -webkit-tap-highlight-color: transparent;
        }

        .account-creation-drop-cell-edit-close:hover,
        .account-creation-drop-cell-edit-close:active,
        .account-creation-drop-cell-edit-close:focus-visible {
            background: transparent !important;
            box-shadow: none !important;
            outline: none;
            opacity: 0.82;
        }

        .account-creation-drop-cell-pick {
            position: absolute;
            inset: 0;
            pointer-events: none;
        }

        .account-creation-drop-cell-pick > .account-creation-pick-card,
        .account-creation-drop-cell-pick > .entity-card-shell.account-creation-pick-card {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            margin: 0 !important;
        }

        .account-creation-drop-cell .account-creation-pick-card,
        .account-creation-drop-cell .entity-card-shell.account-creation-pick-card,
        .account-creation-drop-cell .account-creation-pick-card .card,
        .account-creation-drop-cell.has-pick .card,
        .account-creation-drop-cell.has-pick .stack-card,
        .account-creation-drop-cell.has-pick .business-reference,
        .account-creation-drop-cell.has-pick .board-list-business-reference,
        .account-creation-drop-cell.has-pick .merchant-card,
        .account-creation-drop-cell.has-pick .match-card,
        .account-creation-drop-cell.has-pick .entity-card-shell > .card {
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            min-height: 98px;
            margin: 0 !important;
            pointer-events: none;
            user-select: none;
            cursor: default;
            border: none !important;
            border-radius: 0 !important;
            background: #ffffff !important;
            box-shadow: none !important;
            transform: none !important;
            transition: none !important;
            opacity: 1 !important;
            z-index: auto !important;
        }

        .account-creation-drop-cell.has-pick .entity-card-shell {
            margin: 0 !important;
            pointer-events: none;
            z-index: auto !important;
            border: none !important;
            box-shadow: none !important;
        }

        .account-creation-drop-cell.has-pick:not(.has-created-pick) .entity-card-shell > .card,
        .account-creation-drop-cell.has-pick:not(.has-created-pick) .business-reference,
        .account-creation-drop-cell.has-pick:not(.has-created-pick) .board-list-business-reference,
        .account-creation-drop-cell.has-pick:not(.has-created-pick) .account-creation-pick-card.stack-card {
            padding: 12px 14px;
        }

        .account-creation-drop-cell.has-created-pick .entity-card-shell > .card,
        .account-creation-drop-cell.has-created-pick .account-creation-pick-card.stack-card,
        .account-creation-drop-cell.has-created-pick .business-reference,
        .account-creation-drop-cell.has-created-pick .board-list-business-reference {
            position: relative !important;
            inset: auto !important;
            height: auto !important;
            min-height: 100%;
            padding: 12px 14px 28px;
        }

        .account-creation-drop-cell.has-created-pick .account-creation-drop-cell-pick > .entity-card-shell {
            position: relative !important;
            inset: auto !important;
            height: auto !important;
            min-height: 100%;
        }

        .account-creation-drop-cell.has-manual-pick .account-creation-manual-pick-card {
            padding: 12px 14px !important;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

        .account-creation-manual-pick-content {
            display: block;
            width: 100%;
            flex: 1 1 auto;
            min-height: 0;
            overflow-x: hidden;
            overflow-y: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            pointer-events: auto;
        }

        .account-creation-manual-detail-row {
            display: flex;
            align-items: center;
            min-width: 0;
            min-height: 15px;
            margin: 0 0 8px;
            font-size: 12px;
            line-height: 15px;
        }

        .account-creation-manual-detail-row:last-child {
            margin-bottom: 0;
        }

        .account-creation-manual-detail-label {
            flex: 0 0 auto;
            padding: 0 6px;
            margin-right: 6px;
            background: rgba(241, 245, 249, 0.98);
            color: #64748b;
            font-weight: 700;
            font-size: 12px;
            line-height: 15px;
            white-space: nowrap;
        }

        .account-creation-manual-detail-value {
            flex: 1 1 auto;
            min-width: 0;
            color: #0f172a;
            font-weight: 600;
            font-size: 12px;
            line-height: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .account-creation-drop-cell.has-manual-pick .card-content.account-creation-manual-pick-content {
            height: auto;
            max-height: none;
            overflow-x: hidden;
            overflow-y: auto;
        }

        .account-creation-drop-cell.has-pick .account-creation-pick-card.stack-card .card-content {
            padding: 0;
        }

        .account-creation-drop-cell.has-pick .card-content,
        .account-creation-drop-cell.has-pick .field-line,
        .account-creation-drop-cell.has-pick .field-value {
            color: inherit !important;
        }

        .account-creation-drop-cell.has-pick .stack-card + .stack-card,
        .account-creation-drop-cell.has-pick .entity-card-shell + .entity-card-shell,
        .account-creation-drop-cell.has-pick .stack-card + .entity-card-shell,
        .account-creation-drop-cell.has-pick .entity-card-shell + .stack-card {
            margin-top: 0 !important;
        }

        .account-creation-panel .card,
        .account-creation-panel .card:hover,
        .account-creation-panel .card:active,
        .account-creation-panel .card.is-relation-hover,
        .account-creation-panel .stack-card:hover,
        .account-creation-panel .entity-card-shell:hover .card,
        .account-creation-panel .business-reference:hover,
        .account-creation-panel .board-list-business-reference:hover,
        .account-creation-drop-cell.has-pick .account-creation-pick-card:hover,
        .account-creation-drop-cell.has-pick .account-creation-pick-card.is-relation-hover,
        .account-creation-drop-cell.has-pick .account-creation-pick-card:active,
        .account-creation-drop-cell.has-pick .card:is(:hover, .is-relation-hover, :active),
        .account-creation-drop-cell.has-pick .stack-card:is(:hover, .is-relation-hover, :active),
        .account-creation-drop-cell.has-pick .business-reference:is(:hover, .is-relation-hover, :active),
        .account-creation-drop-cell.has-pick .board-list-business-reference:is(:hover, .is-relation-hover, :active),
        .account-creation-drop-cell.has-pick .merchant-card:is(:hover, .is-relation-hover, :active),
        .account-creation-drop-cell.has-pick .match-card:is(:hover, .is-relation-hover, :active),
        .account-creation-drop-cell.has-pick .entity-card-shell:is(:hover, :has(> .card:hover), :has(> .card.is-relation-hover)) {
            transform: none !important;
            box-shadow: none !important;
            z-index: auto !important;
            cursor: default !important;
            border: none !important;
            background: #ffffff !important;
            opacity: 1 !important;
        }

        .account-creation-drop-cell,
        .account-creation-drop-cell * {
            pointer-events: none;
        }

        .account-creation-drop-cell > .account-creation-drop-cell-edit,
        .account-creation-drop-cell > .account-creation-drop-cell-clear,
        .account-creation-drop-cell > .account-creation-drop-cell-edit-close,
        .account-creation-drop-cell .account-creation-edit-sheet,
        .account-creation-drop-cell .account-creation-edit-sheet *,
        .account-creation-drop-cell .account-creation-error-response-sheet,
        .account-creation-drop-cell .account-creation-error-response-sheet *,
        .account-creation-drop-cell .account-creation-drop-cell-pick .response-button,
        .account-creation-drop-cell .account-creation-drop-cell-pick .response-button *,
        .account-creation-drop-cell .account-creation-drop-cell-pick .account-creation-pick-actions,
        .account-creation-drop-cell .account-creation-drop-cell-pick .account-creation-pick-actions *,
        .account-creation-drop-cell .account-creation-drop-cell-pick .entity-card-actions,
        .account-creation-drop-cell .account-creation-drop-cell-pick .entity-card-actions * {
            pointer-events: auto;
        }

        .account-creation-drop-cell-edit {
            pointer-events: auto !important;
        }

        .account-creation-drop-cell-clear {
            pointer-events: auto !important;
        }

        .account-creation-drop-cell.has-pick .card-content {
            width: 100%;
            height: 100%;
            max-height: 100%;
            overflow: auto hidden;
            -webkit-overflow-scrolling: touch;
            pointer-events: auto;
            cursor: auto;
        }

        .account-creation-drop-cell.has-created-pick .card-content {
            height: auto;
            max-height: none;
            overflow: visible;
        }

        .account-creation-drop-cell.has-created-pick .entity-card-actions,
        .account-creation-drop-cell.has-created-pick .account-creation-pick-actions {
            position: absolute;
            right: 10px;
            bottom: 8px;
            left: auto;
            z-index: 12;
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: 6px;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            background: transparent;
            pointer-events: auto;
        }

        .account-creation-drop-cell.has-created-pick .entity-card-actions .response-button,
        .account-creation-drop-cell.has-created-pick .account-creation-pick-actions .response-button {
            position: static !important;
            flex: 0 0 16px;
            width: 16px;
            height: 16px;
            margin: 0;
            pointer-events: auto !important;
        }

        .account-creation-drop-cell.has-pick .business-reference .card-content,
        .account-creation-drop-cell.has-pick .board-list-business-reference .card-content {
            overflow: auto hidden;
            max-height: none;
        }

        .account-creation-drop-cell.has-pick .card-content .field-value,
        .account-creation-drop-cell.has-pick .card-content .field-line {
            pointer-events: auto;
            cursor: auto;
        }

        .account-creation-drop-cell.has-pick .card-content .field-value {
            width: max-content;
            min-width: 100%;
            max-width: none;
            overflow: visible;
            text-overflow: clip;
            white-space: nowrap;
        }

        .account-creation-drag-ghost {
            opacity: 0.48;
            box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18);
            transition: opacity 0.12s ease;
        }

        .account-creation-drag-ghost.is-valid-drop {
            opacity: 0.62;
        }

        body.is-account-create-dragging,
        body.is-account-create-dragging * {
            cursor: grabbing !important;
            user-select: none !important;
            -webkit-user-select: none !important;
        }

        .results-window.is-account-create-active .compact-board .compact-columns :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .compact-placed-row :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .compact-match :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .stack-column :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .placed-dropdown :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .hidden-brand-merchant-panel :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .sequence-grid .sequence-row :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .sequence-grid .placed-dropdown :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .sequence-grid .hidden-brand-merchant-panel :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .board-view :is(.business-reference, .board-list-business-reference) {
            cursor: grab !important;
        }

        .results-window.is-account-create-active .board-view :is(.business-reference, .board-list-business-reference) :is(.card-content, .field-value, .field-line) {
            pointer-events: auto;
            cursor: grab !important;
            user-select: none !important;
            -webkit-user-select: none !important;
        }

        .results-window.is-account-create-active .compact-board .compact-columns :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .compact-placed-row :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .compact-match :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .stack-column :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .placed-dropdown :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .compact-board .hidden-brand-merchant-panel :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .sequence-grid .sequence-row :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .sequence-grid .placed-dropdown :is(.entity-card-shell, .card:not(.account-creation-pick-card)),
        .results-window.is-account-create-active .sequence-grid .hidden-brand-merchant-panel :is(.entity-card-shell, .card:not(.account-creation-pick-card)) {
            pointer-events: auto;
            cursor: grab;
            user-select: none;
            -webkit-user-select: none;
        }

        .results-window.is-account-create-active .compact-board .compact-columns :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .compact-board .compact-placed-row :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .compact-board .compact-match :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .compact-board .stack-column :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .compact-board .placed-dropdown :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .compact-board .hidden-brand-merchant-panel :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .sequence-grid .sequence-row :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .sequence-grid .placed-dropdown :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active,
        .results-window.is-account-create-active .sequence-grid .hidden-brand-merchant-panel :is(.entity-card-shell, .card:not(.account-creation-pick-card)):active {
            cursor: grabbing;
        }

        .results-window.is-account-create-active .board-view button,
        .results-window.is-account-create-active .board-view .business-merchants-control,
        .results-window.is-account-create-active .board-view .response-button,
        .results-window.is-account-create-active .board-view .placed-count-badge,
        .results-window.is-account-create-active .board-view .hidden-brand-merchant-button {
            cursor: pointer;
        }

        .results-window.is-account-create-active .board-view :is(.entity-card-shell, .card).is-stack-text-selectable,
        .results-window.is-account-create-active .board-view :is(.business-reference, .board-list-business-reference).is-stack-text-selectable {
            cursor: text !important;
        }

        .results-window.is-account-create-active .board-view :is(.entity-card-shell, .card, .business-reference, .board-list-business-reference).is-stack-text-selectable :is(.card-content, .field-value, .field-line, .wallet-row-id-visible, .wallet-row-id) {
            user-select: text !important;
            -webkit-user-select: text !important;
            cursor: text !important;
        }

        .account-creation-drop-cell .account-creation-create-error-shell,
        .account-creation-drop-cell .account-creation-create-error-shell * {
            pointer-events: auto;
        }

        .account-creation-drop-cell > .account-creation-create-error-help,
        .account-creation-drop-cell > .account-creation-create-error-dismiss {
            pointer-events: auto !important;
        }

        .account-creation-drop-column > .account-creation-column-action-wrap,
        .account-creation-drop-column > .account-creation-column-action-wrap * {
            pointer-events: auto;
        }

        .account-creation-drop-column > .account-creation-column-action-wrap .account-creation-column-download:not(.is-actionable) {
            pointer-events: none;
        }

        .account-creation-column-action.login-inline-button.is-loading {
            opacity: 0.72;
            pointer-events: none;
        }

        .account-creation-drop-cell.has-created-pick .is-account-create-success-pick,
        .account-creation-drop-cell.has-created-pick .is-account-create-success-pick.card,
        .account-creation-drop-cell.has-created-pick .entity-card-shell > .card.is-account-create-success-pick {
            border-color: rgba(13, 148, 136, 0.62) !important;
            background: rgba(13, 148, 136, 0.1) !important;
            box-shadow: 0 0 0 1px rgba(13, 148, 136, 0.24) !important;
        }

        .account-creation-drop-cell.has-created-pick .account-creation-pick-actions .response-button,
        .account-creation-drop-cell.has-created-pick .entity-card-actions .response-button {
            pointer-events: auto !important;
        }

        .account-creation-drop-cell.has-create-error .account-creation-drop-cell-pick {
            pointer-events: auto;
        }

        .account-creation-drop-cell > .account-creation-create-error-help,
        .account-creation-drop-cell > .account-creation-create-error-dismiss {
            position: absolute;
            top: 8px;
            z-index: 6;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 0 !important;
            min-width: 0 !important;
            margin: 0;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            font: inherit;
            line-height: 1;
            cursor: pointer;
            pointer-events: auto !important;
            appearance: none;
            -webkit-appearance: none;
            -webkit-tap-highlight-color: transparent;
            transform: none;
            transition: opacity 0.14s ease;
        }

        .account-creation-drop-cell > .account-creation-create-error-dismiss {
            right: 8px;
            width: 12px;
            height: 12px;
        }

        .account-creation-drop-cell > .account-creation-create-error-help {
            right: 24px;
            width: 12px;
            height: 12px;
        }

        .account-creation-drop-cell > .account-creation-create-error-help:hover,
        .account-creation-drop-cell > .account-creation-create-error-help:focus-visible,
        .account-creation-drop-cell > .account-creation-create-error-dismiss:hover,
        .account-creation-drop-cell > .account-creation-create-error-dismiss:focus-visible {
            background: transparent !important;
            box-shadow: none !important;
            outline: none;
            opacity: 0.82;
        }

        .account-creation-create-error-help-icon {
            display: block;
            width: 12px;
            height: 12px;
        }

        .account-creation-create-error-dismiss-icon {
            display: block;
            width: 10px;
            height: 10px;
        }

        .account-creation-create-error-shell {
            position: absolute;
            inset: 0;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            min-height: 98px;
            padding: 12px 14px 28px;
            background: #ffffff;
        }

        .account-creation-create-error-body {
            flex: 1 1 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 0;
        }

        .account-creation-create-error-message {
            margin: 0;
            color: #dc2626;
            font-size: 12px;
            font-weight: 700;
            line-height: 1.35;
            text-align: center;
        }

        .account-creation-error-response-sheet {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            background: var(--code-bg);
            pointer-events: auto;
        }

        .account-creation-post-response-panel {
            flex: 1 1 auto;
            min-height: 0;
            overflow: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            display: flex;
            flex-direction: column;
            background: var(--code-bg);
            padding-top: 0;
        }

        .account-creation-post-response-panel .account-creation-api-preview-endpoint,
        .account-creation-post-response-panel .account-creation-api-preview-key,
        .account-creation-post-response-panel .response {
            flex: 0 0 auto;
        }

        .account-creation-post-response-panel .response {
            width: max-content;
            min-width: 100%;
            height: auto;
            min-height: 0;
            max-height: none;
            margin: 0;
            padding: 8px 10px 10px;
            box-sizing: border-box;
            overflow: visible;
            font-size: 11px;
            line-height: 1.45;
            border-radius: 0;
            background: transparent;
            color: #eef2f7;
            font-family: Menlo, Consolas, Monaco, monospace;
            white-space: pre;
            word-break: normal;
        }

        .is-account-create-drag-source {
            opacity: 0.72;
        }

        .column-count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: content-box;
            min-width: 3ch;
            height: 20px;
            border: 1px solid rgba(37, 99, 235, 0.2);
            border-radius: 999px;
            padding: 0 7px;
            background: rgba(234, 243, 255, 0.92);
            color: #2563eb;
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
        }

        .column-count[data-column-heading-help] {
            cursor: default;
            transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
        }

        .column-count[data-column-heading-help]:hover,
        .column-count[data-column-heading-help].is-open {
            border-color: rgba(37, 99, 235, 0.4);
            background: rgba(219, 234, 254, 0.98);
        }

        .column-heading-filters {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            margin-left: auto;
            margin-right: 6px;
            flex: 0 0 auto;
            min-height: 18px;
        }

        .column-heading-filter-wrap {
            position: relative;
            display: inline-flex;
            align-items: center;
            margin: 0;
            flex: 0 0 auto;
            min-height: 18px;
        }

        .column-heading-filter-hint {
            position: absolute;
            left: 50%;
            bottom: calc(100% + 4px);
            transform: translateX(-50%);
            padding: 3px 8px;
            border-radius: 4px;
            background: #999999;
            color: #ffffff;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.02em;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.12s ease, visibility 0.12s ease;
            pointer-events: none;
            z-index: 12;
        }

        .column-heading-filter-hint.is-visible {
            opacity: 1;
            visibility: visible;
        }

        .column-heading-filter {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            width: 70px;
            min-width: 70px;
            max-width: 70px;
            min-height: 18px;
            height: 18px;
            margin: 0;
            padding: 0 4px;
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.55) !important;
            box-shadow: none !important;
            color: #64748b;
            cursor: pointer;
            font-size: 10px;
            font-weight: 500;
            line-height: 1.1;
            white-space: nowrap;
            user-select: none;
            transition: color 0.16s ease, background 0.16s ease, border-color 0.16s ease;
        }

        .column-heading-filter:hover,
        .column-heading-filter:focus-visible,
        .column-heading-filter:active,
        .column-heading-filter.is-open,
        .column-heading-filter.is-place-all {
            color: #2563eb;
            background: rgba(255, 255, 255, 0.72) !important;
            border-color: rgba(148, 163, 184, 0.28);
            box-shadow: none !important;
            outline: none;
            transform: none;
        }

        .column-heading-filter-label {
            display: inline;
            overflow: hidden;
            text-overflow: clip;
        }

        .column-heading-filter-spinner {
            display: none;
            box-sizing: border-box;
            position: absolute;
            width: 12px;
            height: 12px;
            margin: 0;
            border: 2px solid rgba(37, 99, 235, 0.22);
            border-top-color: #2563eb;
            border-radius: 999px;
            animation: spin 0.8s linear infinite;
        }

        .column-heading-filter.is-loading {
            position: relative;
            cursor: wait;
            pointer-events: none;
        }

        .column-heading-filter.is-loading .column-heading-filter-label {
            visibility: hidden;
        }

        .column-heading-filter.is-loading .column-heading-filter-spinner {
            display: inline-block;
        }

        .column-heading-filter-menu {
            position: absolute;
            top: calc(100% + 6px);
            right: 0;
            z-index: 982;
            display: flex;
            flex-direction: column;
            gap: 2px;
            min-width: 108px;
            padding: 4px;
            border: 1px solid rgba(148, 163, 184, 0.34);
            border-radius: 8px;
            background: rgba(248, 250, 252, 0.98);
            box-shadow:
                0 10px 24px rgba(15, 23, 42, 0.12),
                0 0 0 1px rgba(255, 255, 255, 0.72) inset;
        }

        .column-heading-filter-menu.is-hidden {
            display: none;
        }

        .column-heading-filter-option {
            display: block;
            width: 100%;
            margin: 0;
            padding: 6px 8px;
            border: 0;
            border-radius: 6px;
            background: transparent;
            color: #334155;
            cursor: pointer;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.3;
            text-align: left;
        }

        .column-heading-filter-option:hover,
        .column-heading-filter-option:focus-visible {
            background: rgba(234, 243, 255, 0.96);
            color: #2563eb;
            outline: none;
        }

        .column-heading-filter-option.is-selected {
            background: rgba(234, 243, 255, 0.96);
            color: #2563eb;
        }

        .column-heading-help-popover {
            position: fixed;
            z-index: 981;
            min-width: 240px;
            max-width: min(420px, calc(100vw - 24px));
            border: 1px solid rgba(148, 163, 184, 0.34);
            border-radius: 10px;
            padding: 10px 12px 12px;
            background: rgba(248, 250, 252, 0.98);
            box-shadow:
                0 10px 24px rgba(15, 23, 42, 0.12),
                0 0 0 1px rgba(255, 255, 255, 0.72) inset;
            transform: translateX(-50%) translateY(-4px);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition:
                opacity 0.28s ease,
                transform 0.28s ease,
                visibility 0.28s ease;
        }

        .column-heading-help-popover.is-open {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }

        .column-heading-help-popover::before {
            content: "";
            position: absolute;
            top: -7px;
            left: 50%;
            width: 14px;
            height: 14px;
            border-top: 1px solid rgba(148, 163, 184, 0.34);
            border-left: 1px solid rgba(148, 163, 184, 0.34);
            background: rgba(248, 250, 252, 0.98);
            transform: translateX(-50%) rotate(45deg);
        }

        .column-heading-help-title {
            margin: 0 0 8px;
            color: #0f172a;
            font-size: 12px;
            font-weight: 800;
            line-height: 1.3;
        }

        .column-heading-help-line {
            margin: 0;
            color: #475569;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.45;
            word-break: break-word;
        }

        .column-heading-help-line + .column-heading-help-line {
            margin-top: 6px;
        }

        .column-heading-help-line.is-hidden {
            display: none;
        }

        .wallet-dropdown-head {
            font-size: 12px;
        }

        .wallet-dropdown-head .wallet-count {
            font-size: 12px;
            font-weight: 700;
            opacity: 0.65;
        }

        .column-count-duplicate {
            border-color: rgba(100, 116, 139, 0.24);
            background: rgba(241, 245, 249, 0.95);
            color: #64748b;
        }

        .column-count-duplicate[data-brand-duplicates-trigger],
        .column-count-duplicate[data-business-duplicates-trigger],
        .column-count-duplicate[data-entity-duplicates-trigger] {
            cursor: pointer;
            transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
        }

        .column-count-duplicate[data-brand-duplicates-trigger]:hover,
        .column-count-duplicate[data-brand-duplicates-trigger].is-open,
        .column-count-duplicate[data-business-duplicates-trigger]:hover,
        .column-count-duplicate[data-business-duplicates-trigger].is-open,
        .column-count-duplicate[data-entity-duplicates-trigger]:hover,
        .column-count-duplicate[data-entity-duplicates-trigger].is-open {
            border-color: rgba(71, 85, 105, 0.34);
            background: rgba(226, 232, 240, 0.98);
            color: #475569;
        }

        .column-duplicates-popover,
        .brand-duplicates-popover {
            position: fixed;
            z-index: 980;
            min-width: 220px;
            max-width: min(360px, calc(100vw - 24px));
            border: 1px solid rgba(148, 163, 184, 0.34);
            border-radius: 10px;
            padding: 10px 12px 12px;
            background: rgba(248, 250, 252, 0.98);
            box-shadow:
                0 10px 24px rgba(15, 23, 42, 0.12),
                0 0 0 1px rgba(255, 255, 255, 0.72) inset;
            transform: translateX(-50%);
            pointer-events: auto;
        }

        .column-duplicates-popover.is-hidden,
        .brand-duplicates-popover.is-hidden {
            display: none;
        }

        .column-duplicates-popover::before,
        .brand-duplicates-popover::before {
            content: "";
            position: absolute;
            top: -7px;
            left: 50%;
            width: 14px;
            height: 14px;
            border-top: 1px solid rgba(148, 163, 184, 0.34);
            border-left: 1px solid rgba(148, 163, 184, 0.34);
            background: rgba(248, 250, 252, 0.98);
            transform: translateX(-50%) rotate(45deg);
        }

        .column-duplicates-list,
        .brand-duplicates-list {
            display: grid;
            gap: 6px;
            max-height: 220px;
            margin: 0;
            padding: 0;
            list-style: none;
            overflow: auto;
        }

        .column-duplicates-id,
        .brand-duplicates-id {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin: 0;
            padding: 7px 10px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.92);
            color: #475569;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.35;
        }

        .column-duplicates-id-value,
        .brand-duplicates-id-value {
            min-width: 0;
            word-break: break-all;
        }

        .column-duplicates-count,
        .brand-duplicates-count {
            flex: 0 0 auto;
            color: #64748b;
            font-size: 11px;
            font-weight: 700;
            line-height: 1;
            white-space: nowrap;
        }

        .modal {
            position: fixed;
            inset: 0;
            z-index: 10000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 24px;
            background: rgba(15, 23, 42, 0.52);
            backdrop-filter: blur(3px);
        }

        .modal.is-open {
            display: flex;
        }

        .modal-panel {
            width: min(980px, 100%);
            max-height: min(760px, calc(100vh - 48px));
            border-radius: 8px;
            background: var(--panel);
            box-shadow: 0 28px 64px rgba(15, 23, 42, 0.26);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .modal.response-retrieve-modal .modal-panel {
            min-height: 0;
            background: var(--retrieve-response-panel-bg);
            box-shadow: 0 28px 64px rgba(20, 12, 8, 0.45);
        }

        .modal.response-retrieve-modal .modal-head {
            background: var(--retrieve-response-head-bg);
            border-bottom-color: var(--retrieve-response-chrome-border);
        }

        .modal.response-retrieve-modal .modal-title {
            color: var(--retrieve-response-chrome-text);
        }

        .modal.response-retrieve-modal.has-view-tabs .modal-head {
            background: var(--retrieve-response-tab-tray-bg);
        }

        .modal.response-retrieve-modal .modal-view-tab {
            color: var(--retrieve-response-chrome-muted);
        }

        .modal.response-retrieve-modal .modal-view-tab:not(.is-active):hover {
            color: var(--retrieve-response-chrome-text);
            background: rgba(186, 230, 253, 0.28);
            border-color: transparent;
            box-shadow: none;
            transform: none;
        }

        .modal.response-retrieve-modal .modal-view-tab-add {
            border-color: rgba(220, 205, 190, 0.35);
            color: var(--retrieve-response-chrome-muted);
        }

        .modal.response-retrieve-modal .modal-view-tab-add:hover {
            color: var(--retrieve-response-chrome-text);
            background: rgba(255, 255, 255, 0.1);
        }

        .modal.response-retrieve-modal .modal-close,
        .modal.response-retrieve-modal .modal-search-toggle {
            background: rgba(255, 255, 255, 0.1);
            color: var(--retrieve-response-chrome-text);
            border: 1px solid var(--retrieve-response-chrome-border);
        }

        .modal.response-retrieve-modal .modal-close:hover,
        .modal.response-retrieve-modal .modal-search-toggle:hover {
            background: rgba(255, 255, 255, 0.18);
            color: #ffffff;
        }
        .modal.response-retrieve-modal .modal-panel > pre.response.is-hidden-response,
        .modal.response-retrieve-modal .modal-panel > .api-call-header.is-hidden {
            display: none !important;
        }

        /* Board ◉ retrieve popup: same tabbed response window as inline Find (white panel, crystal tabs). */
        .modal.retrieve-popup-response-modal .modal-panel {
            min-height: 0;
            background: var(--panel);
            box-shadow: 0 28px 64px rgba(15, 23, 42, 0.26);
        }

        .modal.retrieve-popup-response-modal .modal-head {
            background: #ffffff;
            border-bottom-color: rgba(219, 227, 239, 0.92);
        }

        .modal.retrieve-popup-response-modal .modal-title {
            color: var(--text);
        }

        .modal.retrieve-popup-response-modal .first-response-header-details-lock {
            display: none !important;
        }

        .modal.retrieve-popup-response-modal .modal-panel > .txn-panes {
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
        }

        .modal.retrieve-popup-response-modal.is-txn-panel-ready .txn-pane.is-active .json-viewer,
        .modal.retrieve-popup-response-modal.is-txn-panel-ready .txn-pane.is-active > .response {
            height: 100%;
            max-height: 100%;
        }

        .modal-head {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 16px;
            padding: 14px 16px;
            border-bottom: 1px solid rgba(219, 227, 239, 0.92);
            background: #ffffff;
        }

        .api-call-header {
            position: relative;
            padding: 10px 16px;
            background: var(--code-bg);
            color: #eef2f7;
            border-bottom: 1px solid rgba(255, 255, 255, 0.16);
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 12.5px;
            line-height: 1.4;
        }

        .api-call-header.is-hidden {
            display: none;
        }

        .api-call-summary {
            display: flex;
            align-items: center;
            gap: 18px;
            white-space: nowrap;
            overflow-x: auto;
            padding-right: 104px;
        }

        .api-call-method {
            flex: 0 0 auto;
            font-weight: 800;
            letter-spacing: 0.03em;
            color: #ffffff;
        }

        .api-call-endpoint {
            flex: 0 0 auto;
            color: #9ec5ec;
        }

        .api-call-http {
            flex: 0 0 auto;
            font-weight: 700;
            color: #cbd5e1;
        }

        .api-call-header .api-call-copy-wrap {
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
        }

        .modal-view-tabs {
            display: inline-flex;
            align-items: flex-end;
            gap: 0;
            flex: 0 0 auto;
        }

        /* When a window carries the tab bar the head becomes a tab strip:
           the plain title is hidden and the head adopts the grey tab tray. */
        .modal.has-view-tabs .modal-head {
            align-items: flex-end;
            flex-wrap: nowrap;
            gap: 0;
            padding: 8px 0 0 8px;
            background: #f1f5f9;
            overflow: visible;
            position: relative;
            z-index: 10;
            pointer-events: auto;
        }

        .modal.has-view-tabs .modal-view-tabs,
        .modal.has-view-tabs .modal-view-tabs .modal-view-tab,
        .modal.has-view-tabs .modal-view-tabs .modal-view-tab-add,
        .modal.has-view-tabs .modal-view-tabs .txn-inline-search:not(.is-hidden) {
            pointer-events: auto;
        }

        .modal.has-view-tabs .modal-view-tabs {
            display: inline-flex;
            align-items: flex-end;
            flex: 1 1 auto;
            min-width: 0;
            max-width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            margin-right: 2ch;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .modal.has-view-tabs .modal-view-tabs::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }

        .modal.has-view-tabs .modal-view-tabs .modal-view-tab,
        .modal.has-view-tabs .modal-view-tabs .txn-inline-search {
            flex-shrink: 0;
        }

        .modal.has-view-tabs .modal-view-tabs .modal-view-tab-add,
        .modal.has-view-tabs .modal-view-tabs .txn-inline-search:not(.is-hidden) {
            position: sticky;
            right: 0;
            z-index: 12;
            pointer-events: auto;
            flex-shrink: 0;
            background: #f1f5f9;
            box-shadow: -10px 0 14px -10px #f1f5f9;
        }

        .modal.has-view-tabs .modal-view-tab-add.is-hidden {
            display: none !important;
        }

        .modal.response-retrieve-modal.has-view-tabs .modal-view-tabs .modal-view-tab-add,
        .modal.response-retrieve-modal.has-view-tabs .modal-view-tabs .txn-inline-search:not(.is-hidden) {
            background: var(--retrieve-response-head-bg, #f1f5f9);
            box-shadow: -10px 0 14px -10px var(--retrieve-response-head-bg, #f1f5f9);
        }

        .modal.has-view-tabs .modal-utility-tabs {
            --modal-utility-cell: 36px;
            flex: 0 0 auto;
            margin-left: 0;
        }

        .modal.has-view-tabs .modal-title {
            display: none;
        }

        .modal-view-tab {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            height: 30px;
            border: 1px solid transparent;
            border-bottom: none;
            border-radius: 6px 6px 0 0;
            padding: 0 16px;
            background: transparent;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            box-shadow: none;
            cursor: pointer;
            margin-bottom: -1px;
            white-space: nowrap;
            flex: 0 1 auto;
            max-width: min(360px, 52vw);
            overflow: hidden;
            text-overflow: ellipsis;
            transition: color 0.12s ease, background 0.12s ease;
        }

        .modal-view-tab:not(.is-active):hover {
            background: rgba(186, 230, 253, 0.42);
            color: var(--text);
            border-color: transparent;
            box-shadow: none;
            transform: none;
        }

        .modal-view-tab.is-tab-dragging {
            cursor: move !important;
            opacity: 1 !important;
            visibility: visible !important;
            box-shadow: 0 6px 18px rgba(15, 23, 42, 0.14);
        }

        @keyframes modal-view-tab-new-open-flash {
            0% {
                box-shadow: none;
            }

            14% {
                box-shadow:
                    0 0 0 2px rgba(59, 130, 246, 0.52),
                    0 8px 22px rgba(15, 23, 42, 0.36);
            }

            32% {
                box-shadow:
                    0 0 0 1px rgba(59, 130, 246, 0.18),
                    0 3px 10px rgba(15, 23, 42, 0.12);
            }

            52% {
                box-shadow:
                    0 0 0 2px rgba(37, 99, 235, 0.38),
                    0 7px 18px rgba(15, 23, 42, 0.28);
            }

            100% {
                box-shadow: none;
            }
        }

        .modal-view-tab.is-tab-new-open {
            position: relative;
            z-index: 3;
            animation: modal-view-tab-new-open-flash 1.35s ease-out 1;
        }

        .modal-view-tabs.is-tab-reorder-active {
            cursor: move;
            user-select: none;
            -webkit-user-select: none;
        }

        .modal-view-tabs.is-tab-reorder-active .modal-view-tab[data-txn-tab]:not(.is-tab-dragging) {
            transition: transform 0.22s cubic-bezier(0.2, 0, 0, 1);
        }

        .modal-view-tab-reorder-placeholder {
            display: inline-flex;
            flex: 0 0 auto;
            flex-shrink: 0;
            height: 30px;
            margin-bottom: -1px;
            border: 1px dashed rgba(148, 163, 184, 0.38);
            border-bottom: none;
            border-radius: 6px 6px 0 0;
            background: rgba(148, 163, 184, 0.1);
            box-sizing: border-box;
            pointer-events: none;
            transition: width 0.18s ease;
        }

        .modal-view-tab.is-active {
            background: #999999;
            color: #ffffff;
            border-color: rgba(219, 227, 239, 0.92);
        }
        .modal-view-tab-add {
            min-height: 30px;
            height: 30px;
            width: 32px;
            padding: 0;
            margin: 0 0 -1px 4px;
            border: 1px dashed rgba(148, 163, 184, 0.7);
            border-bottom: none;
            border-radius: 6px 6px 0 0;
            background: transparent;
            color: var(--muted);
            font-size: 17px;
            font-weight: 700;
            line-height: 1;
            box-shadow: none;
            cursor: pointer;
        }

        .modal-view-tab-add:hover {
            color: var(--text);
            background: rgba(255, 255, 255, 0.6);
        }

        .txn-tab-id {
            margin-left: 5px;
            font-size: 10px;
            font-weight: 700;
            opacity: 0.7;
        }

        .txn-tab-close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 16px;
            height: 16px;
            margin-left: 6px;
            border-radius: 4px;
            font-size: 13px;
            line-height: 1;
            color: inherit;
            opacity: 0;
            cursor: pointer;
            transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
        }

        /* Tighten the space after the close button inside fetched tabs. */
        .modal-view-tab:has(.txn-tab-close) {
            padding-right: 8px;
        }

        .modal-view-tab:hover .txn-tab-close {
            opacity: 0.72;
        }

        .txn-tab-close:hover {
            opacity: 1;
            color: #b91c1c;
            background: rgba(239, 68, 68, 0.5);
        }

        .modal-view-tab.is-active .txn-tab-close:hover {
            color: #ffffff;
            background: rgba(239, 68, 68, 0.5);
        }

        .txn-panes {
            display: block;
        }

        .txn-bulk-gap {
            height: calc(1.5em * 1);
            background: var(--code-bg);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .txn-bulk-gap::before {
            content: '';
            display: block;
            width: 80%;
            height: 0.3em;
            background: rgba(255, 255, 255, 0.72);
            border-radius: 999px;
        }

        .txn-bulk-failed-id {
            color: #f87171;
            font-family: inherit;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.55;
            padding: 12px 0 6px;
            word-break: break-all;
        }

        .txn-bulk-block.is-bulk-failed .txn-bulk-failed-id + .response,
        .txn-bulk-block.is-bulk-failed .txn-bulk-failed-id + .json-raw-view,
        .txn-bulk-block.is-bulk-failed .txn-bulk-failed-id + .json-compact-view {
            margin-top: 0;
        }

        .txn-bulk-screen {
            background: var(--code-bg);
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .txn-bulk-viewer,
        .json-viewer.txn-bulk-viewer {
            display: flex;
            flex-direction: column;
            position: relative;
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
            max-height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background: var(--code-bg);
            color: #eef2f7;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 13px;
            line-height: 1.55;
        }

        .txn-bulk-viewer .txn-report-actions {
            position: absolute;
            right: 14px;
            bottom: 14px;
            z-index: 4;
        }

        .txn-bulk-viewer:has(.txn-report-actions) .txn-bulk-scroll {
            padding-bottom: 48px;
        }

        .txn-pane:not(.is-active) .txn-report-actions {
            display: none;
        }

        .txn-bulk-scroll {
            flex: 1 1 auto;
            min-height: 0;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            padding: 0 16px 16px;
        }

        .txn-bulk-viewer > .json-viewer-toolbar {
            flex: 0 0 auto;
            position: relative;
            top: auto;
            margin: 0;
            padding: 8px 16px 12px;
        }

        .txn-bulk-block-body .json-raw-view,
        .txn-bulk-block-body .json-compact-view {
            height: auto;
            max-height: none;
            overflow: visible;
            margin: 0;
            padding: 0;
        }

        .txn-bulk-empty {
            margin: 0;
            padding: 16px;
            color: #94a3b8;
            font-size: 13px;
        }

        .transaction-response-modal .txn-pane[data-txn-bulk="1"].is-active {
            background: var(--code-bg);
            display: flex;
            flex-direction: column;
            min-height: 0;
            overflow: hidden;
        }

        /* Tiny inline "fetch" affordance shown next to a related transaction ID
           inside a transaction response window. */
        .txn-fetch-btn {
            display: inline-block;
            margin-left: 6px;
            padding: 2px 8px;
            height: auto;
            min-height: 20px;
            line-height: 1.3;
            border: 1px solid rgba(96, 165, 250, 0.7);
            border-radius: 4px;
            background: rgba(37, 99, 235, 0.28);
            color: #bfdbfe;
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: none;
            cursor: pointer;
            vertical-align: middle;
        }

        .txn-fetch-btn:hover {
            background: rgba(37, 99, 235, 0.5);
            color: #ffffff;
        }

        .txn-fetch-btn:disabled {
            opacity: 0.7;
            cursor: default;
        }

        .txn-fetch-btn.is-loading {
            padding: 0 9px;
        }

        .txn-spinner {
            display: inline-block;
            width: 10px;
            height: 10px;
            border: 2px solid currentColor;
            border-right-color: transparent;
            border-radius: 50%;
            opacity: 0.75;
            vertical-align: middle;
            animation: txn-spin 0.6s linear infinite;
        }

        @keyframes txn-spin {
            to {
                transform: rotate(360deg);
            }
        }

        /* Inline "+" search: sits in the tab strip, replacing the + button at
           the same spot and matching its height. */
        .txn-inline-search {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            margin: 0 0 -1px 4px;
        }

        .txn-inline-search.is-hidden {
            display: none;
        }

        .txn-qs-input {
            width: 200px;
            height: 30px;
            min-height: 30px;
            border: 1px solid rgba(148, 163, 184, 0.6);
            border-radius: 6px;
            padding: 0 10px;
            background: #ffffff;
            color: var(--text);
            font-family: inherit;
            font-size: 12px;
            font-weight: 700;
        }

        .txn-qs-input::placeholder {
            color: rgba(100, 116, 139, 0.52);
            font-weight: 600;
        }

        .txn-qs-input:focus {
            outline: none;
            border-color: #60a5fa;
        }

        .txn-qs-input.is-invalid {
            border-color: #dc2626;
            background: #fef2f2;
        }

        .txn-qs-go {
            width: 32px;
            height: 30px;
            min-height: 30px;
            padding: 0;
            border: 1px solid rgba(96, 165, 250, 0.7);
            border-radius: 6px;
            background: rgba(37, 99, 235, 0.18);
            color: #1d4ed8;
            font-size: 15px;
            font-weight: 700;
            line-height: 1;
            box-shadow: none;
            cursor: pointer;
        }

        .txn-qs-go:hover {
            background: rgba(37, 99, 235, 0.3);
        }

        .txn-qs-go:disabled {
            opacity: 0.7;
            cursor: default;
        }

        .txn-utc {
            color: #fde047;
            font-weight: 400;
            font-size: 10.5px;
        }

        .txn-fetch-name {
            display: inline-block;
            margin-left: 6px;
            padding: 2px 8px;
            height: auto;
            min-height: 20px;
            line-height: 1.3;
            border: 1px solid rgba(134, 239, 172, 0.65);
            border-radius: 4px;
            background: rgba(34, 197, 94, 0.22);
            color: #bbf7d0;
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: none;
            cursor: pointer;
            vertical-align: middle;
        }

        .txn-fetch-name:hover {
            background: rgba(34, 197, 94, 0.42);
            color: #ffffff;
        }

        .txn-fetch-name:disabled {
            opacity: 0.7;
            cursor: default;
        }

        .txn-name {
            color: #86efac;
            font-weight: 400;
        }

        .txn-download-btn {
            display: inline-block;
            margin-left: 6px;
            padding: 2px 8px;
            height: auto;
            min-height: 20px;
            line-height: 1.3;
            border: 1px solid rgba(125, 211, 252, 0.65);
            border-radius: 4px;
            background: rgba(56, 189, 248, 0.22);
            color: #bae6fd;
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: none;
            cursor: pointer;
            vertical-align: middle;
        }

        .txn-download-btn:hover {
            background: rgba(56, 189, 248, 0.42);
            color: #ffffff;
        }

        .txn-download-btn:disabled {
            opacity: 0.7;
            cursor: default;
        }

        .txn-post-result {
            font-weight: 400;
        }

        .txn-post-result.is-ok {
            color: #86efac;
        }

        .txn-post-result.is-bad {
            color: #fca5a5;
        }

        .txn-bin-wrap {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }

        .txn-bin-btn {
            display: inline-block;
            margin-left: 6px;
            padding: 2px 8px;
            height: auto;
            min-height: 20px;
            line-height: 1.3;
            border: 1px solid rgba(103, 232, 249, 0.6);
            border-radius: 4px;
            background: rgba(34, 211, 238, 0.18);
            color: #a5f3fc;
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: none;
            cursor: pointer;
            vertical-align: middle;
        }

        .txn-bin-btn:hover {
            background: rgba(34, 211, 238, 0.4);
            color: #ffffff;
        }

        .txn-bin-btn:disabled {
            opacity: 0.7;
            cursor: default;
        }

        .txn-bin-popup {
            display: none;
            position: fixed;
            z-index: 80;
            width: max-content;
            max-width: 380px;
            max-height: 280px;
            overflow: auto;
            padding: 8px 10px;
            border: 1px solid rgba(148, 163, 184, 0.4);
            border-radius: 8px;
            background: #0b1220;
            box-shadow: 0 12px 32px rgba(2, 6, 23, 0.6);
        }

        .txn-bin-wrap:hover .txn-bin-popup.has-content,
        .txn-bin-popup.has-content.is-open {
            display: block;
        }

        .txn-bin-pre {
            margin: 0;
            white-space: pre;
            text-align: left;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 11px;
            line-height: 1.5;
            color: #e2e8f0;
        }

        .transaction-response-modal:not(.is-txn-panel-ready) > .modal-panel {
            visibility: hidden;
        }

        .transaction-response-modal.is-txn-panel-ready > .modal-panel {
            visibility: visible;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

        .transaction-response-modal.is-non-tech-layout.is-txn-panel-ready > .modal-panel > .first-response-header-details.is-expanded,
        .transaction-response-modal.is-tech-view.is-txn-panel-ready > .modal-panel > .txn-panes {
            flex: 0 0 auto;
            min-height: 0;
            height: var(--response-window-content-height);
            max-height: var(--response-window-content-height);
        }

        .transaction-response-modal.is-tech-view.is-txn-panel-ready > .modal-panel > .txn-panes {
            display: block;
            overflow: hidden;
        }

        .transaction-response-modal.is-inline-find-loading > .modal-panel {
            opacity: 0.72;
            pointer-events: none;
            transition: opacity 0.15s ease;
        }

        .transaction-response-modal .modal-panel {
            position: relative;
        }

        .transaction-response-modal {
            --first-response-modal-head-unit: 38px;
            --response-window-content-height: min(620px, calc(100vh - 160px));
        }

        .transaction-response-modal.is-txn-panel-ready.has-view-tabs:not(.retrieve-popup-response-modal) .response-window-resize-handle {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 8;
            height: 10px;
            margin: 0;
            cursor: ns-resize;
            touch-action: none;
            background: transparent;
        }

        .transaction-response-modal.is-inline-find-loading .response-window-resize-handle {
            pointer-events: none;
            cursor: default;
        }

        .transaction-response-modal.is-response-window-resizing .first-response-header-details,
        .transaction-response-modal.is-response-window-resizing .txn-panes {
            transition: none !important;
        }

        body.is-response-window-resizing {
            cursor: ns-resize !important;
            user-select: none;
        }

        /* BUS view: tab tray #f5f8f3; active tab light grey. */
        .transaction-response-modal.is-non-tech-view.has-view-tabs .modal-head {
            background: #f5f8f3;
        }

        .transaction-response-modal.is-non-tech-view.has-view-tabs .modal-view-tabs .modal-view-tab-add {
            background: #f5f8f3;
            box-shadow: -10px 0 14px -10px #f5f8f3;
        }

        .transaction-response-modal.is-non-tech-view.has-view-tabs .modal-view-tabs .txn-inline-search:not(.is-hidden) {
            background: #f5f8f3;
            box-shadow: -10px 0 14px -10px #f5f8f3;
        }

        .transaction-response-modal.is-non-tech-view.has-view-tabs .modal-view-tab.is-active {
            background: #e8ecf1;
            color: #334155;
            border-color: rgba(203, 213, 225, 0.92);
        }

        .transaction-response-modal.is-non-tech-view.has-view-tabs .modal-view-tab.is-active .txn-tab-id {
            opacity: 0.78;
        }

        .transaction-response-modal.is-non-tech-view.has-view-tabs .modal-view-tab.is-active .txn-tab-close:hover {
            color: #b91c1c;
            background: rgba(239, 68, 68, 0.35);
        }

        .modal.has-view-tabs .modal-head > .response-tech-mode {
            flex: 0 0 auto;
            align-self: flex-end;
            margin: 0 6px 4px 0;
            cursor: pointer;
            pointer-events: auto;
            position: relative;
            z-index: 4;
        }

        .response-tech-mode {
            display: inline-flex;
            align-items: center;
            gap: 0;
            margin: 0;
            padding: 1px;
            border: 0;
            border-radius: 5px;
            background: #e8ecf1;
            min-height: 18px;
            box-sizing: border-box;
            box-shadow: var(--chip-inset);
            overflow: hidden;
            isolation: isolate;
            user-select: none;
            white-space: nowrap;
        }

        .response-tech-mode:focus {
            outline: none;
        }

        .response-tech-mode::before {
            content: "";
            position: absolute;
            inset: 1px 1px auto;
            height: 46%;
            border-radius: 4px 4px 999px 999px;
            background: var(--chip-gloss);
            pointer-events: none;
            z-index: 0;
        }

        .response-tech-mode-option {
            position: relative;
            z-index: 1;
            margin: 0;
            padding: 2px 4px;
            border: 0;
            border-radius: 3px;
            background: transparent;
            color: var(--chip-dim-text);
            font-family: inherit;
            font-size: 9px;
            font-weight: 700;
            letter-spacing: -0.03em;
            line-height: 1;
            pointer-events: none;
        }

        .response-tech-mode-option.is-selected {
            background: var(--chip-selected-bg);
            color: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
        }

        /* TECH selected: match tech window body (#101724 / --code-bg), not grey */
        .response-tech-mode[data-response-tech-mode="tech"] .response-tech-mode-option.is-selected {
            background: var(--code-bg);
            color: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
        }

        .transaction-response-modal.is-non-tech-view .txn-pane.is-active > pre.response,
        .transaction-response-modal.is-non-tech-view .txn-pane.is-active .json-viewer,
        .transaction-response-modal.is-non-tech-view .txn-pane.is-active .api-call-header,
        .transaction-response-modal.is-non-tech-view .txn-panes {
            display: none !important;
        }

        .transaction-response-modal.is-tech-view .first-response-header-details {
            display: none !important;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-details.is-expanded,
        .transaction-response-modal.is-non-tech-layout .first-response-header-details.has-bulk-summary.is-expanded {
            display: flex;
            flex-direction: column;
            flex: 0 0 auto;
            min-height: 0;
            height: var(--response-window-content-height);
            max-height: var(--response-window-content-height);
            border-top: 1px solid rgba(219, 227, 239, 0.92);
            border-bottom: none;
        }

        .first-response-header-top-toolbar {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 8px;
            margin: 0;
            padding: 4px 12px 4px 20px;
            height: var(--modal-utility-cell, 36px);
            min-height: var(--modal-utility-cell, 36px);
            max-height: var(--modal-utility-cell, 36px);
            box-sizing: border-box;
            background: #f1f5f9;
            border-bottom: 1px solid rgba(219, 227, 239, 0.75);
            overflow: visible;
            position: relative;
            z-index: 6;
        }

        .first-response-header-top-toolbar.is-hidden {
            display: none;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-top-toolbar {
            display: flex;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-top-toolbar.is-empty {
            min-height: var(--modal-utility-cell, 36px);
        }

        .first-response-header-top-toolbar .first-response-header-quick-report-actions {
            position: static;
            right: auto;
            bottom: auto;
            z-index: auto;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin: 0;
            padding: 0;
            pointer-events: auto;
        }

        .first-response-header-toolbar-left {
            display: inline-flex;
            align-items: center;
            margin-right: auto;
            flex: 0 0 auto;
        }

        .first-response-header-drive-cluster.is-inline-top-row .first-response-header-toolbar-left {
            align-self: flex-start;
            width: 100%;
            margin-right: 0;
            margin-bottom: 4px;
        }

        .first-response-header-details:not(.has-quick-report-actions) .first-response-header-quick-report-actions {
            display: none;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-details.is-expanded .first-response-header-details-body {
            flex: 1 1 auto;
            min-height: 0;
            height: auto;
            overflow: auto;
            padding: 2lh 20px 8px 20px;
            box-sizing: border-box;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-details.has-merchant-summary.is-expanded .first-response-header-details-body:has(.is-merchant-summary) {
            padding: 1lh 15px 10px;
        }

        .transaction-response-modal.is-non-tech-view .first-response-header-details.has-merchant-summary .first-response-header-details-drive-slot:empty {
            display: none;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-details:not(.is-expanded) {
            display: none;
        }

        .transaction-response-modal.is-non-tech-layout .txn-panes,
        .transaction-response-modal.is-non-tech-layout.is-txn-panel-ready .txn-pane.is-active {
            min-height: 0;
        }

        .transaction-response-modal.is-txn-panel-ready .txn-pane.is-active {
            height: 100%;
        }

        .transaction-response-modal.is-txn-panel-ready .txn-pane.is-active .json-viewer,
        .transaction-response-modal.is-txn-panel-ready .txn-pane.is-active > pre.response,
        .transaction-response-modal.is-txn-panel-ready .txn-bulk-viewer,
        .transaction-response-modal.is-txn-panel-ready .json-viewer.txn-bulk-viewer {
            height: 100%;
            max-height: 100%;
        }

        .transaction-response-modal.is-txn-panel-ready .txn-pane[data-txn-bulk="1"].is-active .txn-bulk-screen,
        .transaction-response-modal.is-txn-panel-ready .txn-pane[data-txn-bulk="1"].is-active .txn-bulk-viewer,
        .transaction-response-modal.is-txn-panel-ready .txn-pane[data-txn-bulk="1"].is-active .json-viewer.txn-bulk-viewer {
            min-height: 0;
            overflow: hidden;
        }

        .transaction-response-modal.is-txn-panel-ready .txn-pane[data-txn-bulk="1"].is-active .txn-bulk-scroll {
            overflow: auto;
        }

        .transaction-response-modal .first-response-header-details {
            transition: border-color 0.2s ease;
        }

        .transaction-response-modal.is-non-tech-view .txn-pane .txn-report-actions,
        .transaction-response-modal.is-non-tech-view .modal-panel > .txn-report-actions,
        .transaction-response-modal.is-non-tech-view .txn-bulk-viewer .txn-report-actions {
            display: none !important;
        }

        .transaction-response-modal.is-non-tech-view .modal-utility-tabs > .modal-search-cluster,
        .transaction-response-modal.is-non-tech-view .modal-head > .modal-search-cluster {
            display: none !important;
        }
        .first-response-header-details {
            position: relative;
            flex: 0 0 auto;
            box-sizing: border-box;
            background: #f1f5f9;
            overflow: hidden;
            transition: height 0.2s ease, border-color 0.2s ease;
        }

        .first-response-header-details.is-expanded {
            height: calc(var(--first-response-modal-head-unit) * 5);
            border-bottom: 1px solid rgba(219, 227, 239, 0.92);
        }

        .first-response-header-details:not(.is-expanded) {
            height: 0;
            min-height: 0;
            border-bottom: none;
        }

        .first-response-header-details-body {
            display: flex;
            align-items: flex-start;
            height: 100%;
            box-sizing: border-box;
            padding: 1lh 12px 8px 20px;
        }

        .first-response-header-quick-report-actions {
            display: none;
        }

        .first-response-header-details.has-quick-report-actions .first-response-header-details-body {
            box-sizing: border-box;
        }

        .first-response-header-details:not(.is-expanded) .first-response-header-quick-report-actions {
            display: none;
        }

        .first-response-header-details.has-bulk-summary.is-expanded {
            height: calc(var(--first-response-modal-head-unit) * 5);
        }

        .first-response-header-details.has-bulk-summary .first-response-header-details-body {
            overflow: auto;
            padding: 1lh 12px 8px 20px;
        }

        .first-response-header-details.has-entity-summary .first-response-header-details-body {
            overflow: auto;
            padding: 1lh 12px 8px 20px;
        }

        .first-response-header-details.has-wallet-summary .first-response-header-details-body {
            overflow-x: auto;
            overflow-y: visible;
            padding: 1lh 12px 8px 20px;
        }

        .first-response-header-details.has-brand-summary .first-response-header-details-body {
            overflow: auto;
            padding: 1lh 12px 8px 20px;
        }

        .first-response-header-details.has-merchant-summary.is-expanded .first-response-header-details-body:has(.is-merchant-summary) {
            display: flex;
            flex-direction: column;
            min-height: 0;
            overflow: hidden;
            padding: 1lh 15px 10px;
        }

        .first-response-header-details-summary.is-merchant-summary {
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
        }

        .first-response-header-details-summary.is-merchant-summary > .first-response-header-details-top-row {
            padding: 0;
            box-sizing: border-box;
        }

        .first-response-header-details-summary.is-merchant-summary > .first-response-header-details-meta-row {
            padding: 0;
            box-sizing: border-box;
            align-items: stretch;
        }

        .first-response-header-details-summary.is-merchant-summary > .first-response-header-details-meta-row > .first-response-header-details-field {
            align-self: stretch;
            justify-content: center;
        }

        .first-response-header-details-summary.is-apms-summary > .first-response-header-details-top-row,
        .first-response-header-details-summary.is-apms-summary > .first-response-header-apms-body {
            padding: 0;
            box-sizing: border-box;
        }

        .first-response-header-details-summary.is-apms-summary > .first-response-header-apms-body {
            margin-top: 2lh;
        }

        .first-response-header-apms-methods-section {
            margin-top: 2lh;
        }

        .first-response-header-apms-section-heading {
            margin: 0 0 0.75lh;
            color: #64748b;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.04em;
            text-transform: none;
        }

        .first-response-header-apms-currency-pills {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.75ch;
            min-width: 0;
        }

        .first-response-header-apms-methods-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
            gap: 12px;
            align-items: stretch;
            width: 100%;
            min-width: 0;
        }

        .first-response-header-apms-methods-stack {
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
            width: 100%;
            min-width: 0;
        }

        .first-response-header-apms-body.is-inner-apms-body {
            margin-top: 0;
            padding: 0;
        }

        .first-response-header-apms-methods-section.is-inner-apms-methods-section {
            margin-top: 2lh;
        }

        .first-response-header-merchant-inner-apms-column-body {
            margin-top: 1lh;
            min-height: 0;
            overflow: visible;
        }

        .first-response-header-merchant-inner-apms-column-body .is-inner-apms-stack-columns-host,
        .first-response-header-merchant-inner-apms-column-body .is-inner-apms-stack-columns {
            width: 100%;
            min-width: 0;
            overflow: visible;
        }

        .first-response-header-merchant-inner-apms-column-body .is-inner-apms-stack-columns {
            --inner-apms-stack-width: 168px;
            --inner-apms-stack-height: 38px;
            --inner-apms-stack-overlap: 10px;
            --inner-apms-popup-width: 240px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: flex-start;
            gap: 12px;
        }

        .first-response-header-merchant-inner-apms-column-body .is-inner-apms-stack-column {
            --inner-apms-stack-count: 1;
            display: flex;
            flex-direction: column;
            flex: 0 0 auto;
            align-items: stretch;
            min-height: calc(
                var(--inner-apms-stack-height) +
                (var(--inner-apms-stack-count) - 1) * (var(--inner-apms-stack-height) - var(--inner-apms-stack-overlap))
            );
            overflow: visible;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell {
            position: relative;
            flex: 0 0 auto;
            width: var(--inner-apms-stack-width);
            height: var(--inner-apms-stack-height);
            margin-top: calc(-1 * var(--inner-apms-stack-overlap));
            overflow: visible;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:first-child {
            margin-top: 0;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-name {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
            width: 100%;
            height: 100%;
            padding: 0 8px;
            border: 1px solid rgba(148, 163, 184, 0.32);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.96);
            color: #0c4a6e;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.25;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 2px 6px rgba(15, 23, 42, 0.03);
            box-sizing: border-box;
            transition:
                transform 0.18s ease,
                box-shadow 0.18s ease,
                border-color 0.18s ease;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-label {
            flex: 1 1 auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-logo {
            flex: 0 0 auto;
            display: block;
            width: auto;
            height: 30px;
            max-width: 57px;
            max-height: 30px;
            object-fit: contain;
            pointer-events: none;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell .first-response-header-apms-method-card.is-apms-method-stack-popup {
            position: absolute;
            top: 0;
            left: calc(100% + 8px);
            width: var(--inner-apms-popup-width);
            min-width: var(--inner-apms-popup-width);
            max-width: var(--inner-apms-popup-width);
            height: auto;
            min-height: 0;
            margin: 0;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            z-index: 4;
            transition:
                opacity 0.16s ease,
                transform 0.18s ease,
                visibility 0.16s ease,
                box-shadow 0.18s ease;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover {
            z-index: 30 !important;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover .first-response-header-apms-method-stack-name {
            transform: translateY(-2px);
            border-color: rgba(100, 116, 139, 0.42);
            box-shadow:
                0 4px 8px rgba(15, 23, 42, 0.06),
                0 8px 18px rgba(15, 23, 42, 0.1);
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover .first-response-header-apms-method-card.is-apms-method-stack-popup {
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
            transform: translateY(-2px);
            z-index: 520;
            box-shadow:
                0 10px 24px rgba(15, 23, 42, 0.12),
                0 4px 10px rgba(15, 23, 42, 0.08);
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-card.is-apms-method-stack-popup.is-apms-method-popup-floating {
            position: fixed;
            left: var(--inner-apms-popup-left, auto);
            top: var(--inner-apms-popup-top, auto);
            margin: 0;
            transform: none;
            z-index: 12040;
        }

        /* Inner Settings > APMs payment-method hover cards may float outside scroll/clip boxes. */
        .first-response-header-merchant-inner-apms:has(.first-response-header-apms-method-stack-shell:hover),
        .first-response-header-merchant-inner-permissions-columns:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-merchant-inner-permissions-column:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-merchant-inner-settings-body:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-merchant-inner-pane.is-settings-pane:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-merchant-inner-content:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-merchant-inner-panel:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-details-summary.is-merchant-summary:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-details.has-merchant-summary.is-expanded .first-response-header-details-body:has(.is-merchant-summary):has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .first-response-header-details-summary.is-merchant-summary:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .transaction-response-modal.is-non-tech-layout .first-response-header-details.is-expanded:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover),
        .transaction-response-modal .modal-panel:has(.first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover) {
            overflow: visible;
        }

        .first-response-header-merchant-inner-apms-column-body .first-response-header-apms-method-stack-shell:hover {
            z-index: 510 !important;
        }

        .first-response-header-apms-method-card {
            display: flex;
            flex-direction: column;
            gap: 0.45lh;
            height: 100%;
            min-height: 0;
            padding: 12px 14px;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.94);
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 2px 6px rgba(15, 23, 42, 0.03);
            box-sizing: border-box;
        }

        .first-response-header-apms-method-name {
            margin: 0;
            color: #0c4a6e;
            font-size: 12px;
            font-weight: 800;
            line-height: 1.25;
            letter-spacing: 0.01em;
        }

        .first-response-header-apms-method-meta-row {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 1.5ch;
            width: 100%;
            color: #334155;
            font-size: 10px;
            font-weight: 600;
            line-height: 1.35;
        }

        .first-response-header-apms-method-meta-left {
            flex: 1 1 auto;
            min-width: 0;
        }

        .first-response-header-apms-method-meta-right {
            flex: 0 0 auto;
            margin-left: auto;
            text-align: right;
            white-space: nowrap;
        }

        .first-response-header-apms-method-line {
            color: #334155;
            font-size: 10px;
            font-weight: 500;
            line-height: 1.45;
        }

        .first-response-header-apms-method-line-label {
            color: #64748b;
            font-weight: 700;
        }

        .first-response-header-merchant-logo-slot {
            display: flex;
            flex: 0 0 auto;
            align-items: stretch;
            align-self: stretch;
        }

        .first-response-header-merchant-logo-placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            height: 100%;
            aspect-ratio: 1 / 1;
            width: auto;
            min-width: 0;
            border: 1px dashed rgba(148, 163, 184, 0.42);
            border-radius: 10px;
            background:
                linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.94) 48%, rgba(241, 245, 249, 0.9) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.92),
                inset 0 -10px 18px rgba(148, 163, 184, 0.08),
                0 1px 2px rgba(15, 23, 42, 0.04);
            color: #94a3b8;
            font-size: 9px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            user-select: none;
            pointer-events: none;
        }

        .first-response-header-details-summary.is-merchant-summary > .first-response-header-merchant-inner-panel {
            margin: 1lh 0 0;
        }

        .first-response-header-merchant-inner-panel {
            display: flex;
            align-items: stretch;
            flex: 1 1 auto;
            min-height: 0;
            margin: 0;
            border: 1px solid rgba(148, 163, 184, 0.32);
            border-radius: 14px;
            background: linear-gradient(165deg, #ffffff 0%, #f8fafc 52%, #f1f5f9 100%);
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 8px 20px rgba(15, 23, 42, 0.06);
            overflow: hidden;
        }

        .first-response-header-merchant-inner-tabs {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex: 0 0 auto;
            gap: 0;
            padding: 12px 0 12px 10px;
            border-right: 1px solid rgba(148, 163, 184, 0.24);
            background: rgba(248, 250, 252, 0.88);
        }

        .first-response-header-merchant-inner-tabs-main {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex: 1 1 auto;
            gap: 0;
            min-height: 0;
        }

        .first-response-header-merchant-inner-tabs-footer {
            flex: 0 0 auto;
            margin-top: auto;
            padding-top: 12px;
        }

        .first-response-header-merchant-inner-tab {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            position: relative;
            width: calc(100% - 10px);
            box-sizing: border-box;
            min-height: 50px;
            margin: 0 10px 0 0;
            padding: 13px 12px;
            border: none;
            border-radius: 0;
            background: none;
            box-shadow: none;
            color: #64748b;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.02em;
            white-space: nowrap;
            cursor: pointer;
            transform: none;
            outline: none;
            -webkit-appearance: none;
            appearance: none;
            -webkit-tap-highlight-color: transparent;
            transition: color 0.22s ease;
        }

        .first-response-header-merchant-inner-tabs .first-response-header-merchant-inner-tab:hover,
        .first-response-header-merchant-inner-tabs .first-response-header-merchant-inner-tab:focus,
        .first-response-header-merchant-inner-tabs .first-response-header-merchant-inner-tab:focus-visible,
        .first-response-header-merchant-inner-tabs .first-response-header-merchant-inner-tab:active {
            transform: none;
            outline: none;
        }

        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:hover,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:focus,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:focus-visible,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:active,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab.is-active {
            background: none;
            border: none;
            box-shadow: none;
            outline: none;
        }

        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab::before {
            content: '';
            position: absolute;
            z-index: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border: 1px solid transparent;
            border-radius: 10px;
            background: transparent;
            opacity: 0;
            pointer-events: none;
            transition:
                opacity 0.22s ease,
                background 0.22s ease,
                border-color 0.22s ease;
        }

        .first-response-header-merchant-inner-tab-label,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab > * {
            position: relative;
            z-index: 1;
        }

        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:not(.is-active):hover,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:not(.is-active):focus-visible {
            color: #334155;
        }

        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:not(.is-active):hover::before,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab:not(.is-active):focus-visible::before,
        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab.is-active::before {
            opacity: 1;
            border-color: rgba(148, 163, 184, 0.34);
            background: #ffffff;
        }

        .first-response-header-merchant-inner-tabs-main .first-response-header-merchant-inner-tab.is-active {
            color: #0c4a6e;
        }

        .first-response-header-merchant-inner-tab.is-merchant-inner-settings-tab {
            justify-content: center;
            gap: 6px;
            width: calc(100% - 10px);
            margin: 0 10px 0 0;
            padding: 3px 12px;
            min-height: 0;
            border: 1px solid transparent;
            border-radius: 10px;
            background: transparent;
            box-shadow: none;
        }

        .first-response-header-merchant-inner-tab.is-merchant-inner-settings-tab:hover,
        .first-response-header-merchant-inner-tab.is-merchant-inner-settings-tab:focus-visible {
            border-color: rgba(148, 163, 184, 0.34);
            background: #ffffff;
            color: #334155;
            outline: none;
        }

        .first-response-header-merchant-inner-tab.is-merchant-inner-settings-tab.is-active {
            border-color: rgba(148, 163, 184, 0.34);
            background: #ffffff;
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.05),
                0 2px 6px rgba(15, 23, 42, 0.04);
            color: #0c4a6e;
        }

        .first-response-header-merchant-inner-settings-tab-icon {
            flex: 0 0 auto;
            display: block;
            font-size: 12px;
            line-height: 1;
        }

        .first-response-header-merchant-inner-settings-tab-label {
            flex: 0 1 auto;
            min-width: 0;
        }

        .first-response-header-merchant-inner-content {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-width: 0;
            min-height: 0;
            overflow: auto;
            padding: 14px 16px;
            background: #ffffff;
        }

        .first-response-header-merchant-inner-content:has(> .first-response-header-merchant-inner-pane.is-transactions-pane:not(.is-hidden)),
        .first-response-header-merchant-inner-content:has(> .first-response-header-merchant-inner-pane.is-balance-pane:not(.is-hidden)),
        .first-response-header-merchant-inner-content:has(> .first-response-header-merchant-inner-pane.is-payouts-pane:not(.is-hidden)),
        .first-response-header-merchant-inner-content:has(> .first-response-header-merchant-inner-pane.is-reports-pane:not(.is-hidden)),
        .first-response-header-merchant-inner-content:has(> .first-response-header-merchant-inner-pane.is-disputes-pane:not(.is-hidden)),
        .first-response-header-merchant-inner-content:has(> .first-response-header-merchant-inner-pane.is-settings-pane:not(.is-hidden)) {
            display: flex;
            flex-direction: column;
            padding: 0;
            overflow: hidden;
        }

        .first-response-header-merchant-inner-pane.is-hidden {
            display: none !important;
        }

        .first-response-header-merchant-inner-pane.is-transactions-pane:not(.is-hidden),
        .first-response-header-merchant-inner-pane.is-balance-pane:not(.is-hidden),
        .first-response-header-merchant-inner-pane.is-payouts-pane:not(.is-hidden),
        .first-response-header-merchant-inner-pane.is-reports-pane:not(.is-hidden),
        .first-response-header-merchant-inner-pane.is-disputes-pane:not(.is-hidden),
        .first-response-header-merchant-inner-pane.is-settings-pane:not(.is-hidden) {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex: 1 1 auto;
            padding: 0;
            min-height: 0;
            overflow: hidden;
        }

        .first-response-header-merchant-inner-toolbar-actions.is-disputes-toolbar-actions {
            flex: 0 0 auto;
            margin-left: 0;
            margin-right: auto;
            justify-content: flex-start;
            gap: 2ch;
        }

        .first-response-header-merchant-inner-toolbar {
            display: flex;
            align-items: center;
            flex: 0 0 auto;
            flex-shrink: 0;
            margin: 10px;
            width: auto;
            box-sizing: border-box;
            gap: 0;
        }

        .first-response-header-merchant-inner-toolbar-box {
            flex: 1 1 auto;
            min-width: 0;
            width: auto;
            box-sizing: border-box;
            padding: 6px 10px;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 8px;
            background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.94) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.92),
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 5px 12px rgba(15, 23, 42, 0.07);
        }

        .first-response-header-merchant-inner-transactions-toolbar .first-response-header-merchant-inner-toolbar-box,
        .first-response-header-merchant-inner-settings-toolbar .first-response-header-merchant-inner-toolbar-box {
            margin-right: 5px;
            padding-right: 15px;
        }

        .first-response-header-merchant-inner-toolbar-box button {
            min-height: 0;
        }

        .first-response-header-merchant-inner-toolbar-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1ch;
            width: 100%;
            min-width: 0;
        }

        .first-response-header-merchant-inner-toolbar-actions {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 1ch;
            flex: 0 1 auto;
            min-width: 0;
        }

        .first-response-header-merchant-inner-toolbar-actions.is-payouts-toolbar-actions {
            gap: 3ch;
        }

        .first-response-header-merchant-inner-toolbar-actions.is-transactions-toolbar-actions {
            gap: 2ch;
        }

        .first-response-header-merchant-inner-transactions-env-slot {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            align-self: center;
            width: 12px;
            min-height: 18px;
        }

        .first-response-header-merchant-inner-transactions-env-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            min-height: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            cursor: pointer;
            transform: rotate(90deg);
            transform-origin: center center;
        }

        .first-response-header-merchant-inner-transactions-env-toggle:hover,
        .first-response-header-merchant-inner-transactions-env-toggle:focus,
        .first-response-header-merchant-inner-transactions-env-toggle:focus-visible,
        .first-response-header-merchant-inner-transactions-env-toggle:active {
            background: transparent;
            box-shadow: none;
            outline: none;
            transform: rotate(90deg);
        }

        .first-response-header-merchant-inner-transactions-env-toggle .first-response-header-details-lock-switch {
            background: color-mix(in srgb, #4b5563 72%, #ffffff);
        }

        .first-response-header-merchant-inner-transactions-env-toggle.is-sandbox .first-response-header-details-lock-switch {
            background: color-mix(in srgb, #c62828 55%, #ffffff);
        }

        .first-response-header-merchant-inner-transactions-env-toggle:not(.is-sandbox) .first-response-header-details-lock-knob {
            left: calc(100% - 8px);
        }

        .first-response-header-merchant-inner-transactions-env-toggle.is-sandbox .first-response-header-details-lock-knob {
            left: 1px;
        }

        .first-response-header-merchant-inner-transactions-toolbar.is-sandbox-env .first-response-header-merchant-inner-toolbar-box,
        .first-response-header-merchant-inner-settings-toolbar.is-sandbox-env .first-response-header-merchant-inner-toolbar-box,
        .first-response-header-merchant-inner-toolbar-box.is-sandbox-env {
            background: linear-gradient(165deg, rgba(255, 245, 245, 0.98) 0%, rgba(254, 242, 242, 0.96) 100%);
            border-color: rgba(248, 113, 113, 0.28);
        }


        .first-response-header-merchant-inner-transactions-test-label {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            flex: 0 0 auto;
            margin-left: auto;
            color: color-mix(in srgb, #c62828 55%, #ffffff);
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.02em;
            white-space: nowrap;
        }

        .first-response-header-merchant-inner-transactions-toolbar.is-sandbox-env .first-response-header-merchant-inner-transactions-status-slot {
            flex: 0 0 auto;
            margin-left: auto;
            margin-right: 1ch;
        }

        .first-response-header-merchant-inner-transactions-toolbar.is-sandbox-env .first-response-header-merchant-inner-transactions-status-slot + .first-response-header-merchant-inner-transactions-test-label {
            margin-left: 0;
        }

        .first-response-header-merchant-inner-transactions-pills,
        .first-response-header-merchant-inner-reports-pills,
        .first-response-header-merchant-inner-settings-pills {
            display: flex;
            align-items: center;
            flex: 0 0 auto;
            flex-wrap: wrap;
            gap: 1ch;
            min-width: 0;
        }

        .first-response-header-merchant-inner-toolbar-actions.is-settings-toolbar-actions {
            flex: 1 1 auto;
            justify-content: space-between;
            width: 100%;
            gap: 2ch;
        }

        .first-response-header-merchant-inner-settings-toolbar .first-response-header-merchant-inner-toolbar-row {
            justify-content: flex-start;
        }

        .first-response-header-merchant-inner-settings-pills.is-settings-pills-left {
            flex: 0 1 auto;
            justify-content: flex-start;
        }

        .first-response-header-merchant-inner-settings-pills.is-settings-pills-right {
            flex: 0 0 auto;
            margin-left: auto;
            justify-content: flex-end;
        }

        .first-response-header-merchant-inner-settings-body {
            flex: 1 1 auto;
            width: 100%;
            min-height: 0;
            overflow: auto;
            padding: 1lh 15px 15px;
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-settings-body .first-response-header-merchant-inner-operators-column-keys,
        .first-response-header-merchant-inner-settings-body .first-response-header-merchant-inner-apms-column-body,
        .first-response-header-merchant-inner-settings-body .first-response-header-merchant-inner-permissions-heading {
            margin-top: 1lh;
        }

        .first-response-header-merchant-inner-risk-rules {
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap;
            gap: 0;
            column-gap: 3ch;
            row-gap: 0.5lh;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-merchant-inner-risk-rules-goprotect {
            flex: 0 0 auto;
        }

        .first-response-header-merchant-inner-risk-rules-id,
        .first-response-header-merchant-inner-risk-rules-item {
            flex: 0 0 auto;
            min-width: 0;
            color: #64748b;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.04em;
            line-height: 1.2;
            white-space: nowrap;
        }

        .first-response-header-merchant-inner-risk-rules-id {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .first-response-header-merchant-inner-risk-rules-label {
            color: inherit;
            font: inherit;
            letter-spacing: inherit;
        }

        .first-response-header-merchant-inner-risk-rules-value {
            color: #0f172a;
            font-weight: 700;
            letter-spacing: 0.02em;
        }

        .first-response-header-merchant-inner-risk-rules-value.is-locked-true {
            color: #dc2626;
        }

        .first-response-header-merchant-inner-risk-rules-value.is-locked-false {
            color: #16a34a;
        }

        .first-response-header-merchant-inner-cache-actions {
            display: flex;
            align-items: flex-start;
        }

        .first-response-header-merchant-inner-settings-body .first-response-header-clear-cache-button.is-merchant-inner-settings-cache-button {
            width: calc(22px * 1.15);
        }

        .first-response-header-merchant-inner-operators {
            display: flex;
            flex-direction: column;
            gap: 0;
            min-width: 0;
        }

        .first-response-header-merchant-inner-operators-line {
            margin: 0;
            color: #334155;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.35;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .first-response-header-merchant-inner-operators-set + .first-response-header-merchant-inner-operators-set {
            margin-top: 2lh;
        }

        .first-response-header-merchant-inner-operators-column-keys {
            margin-top: 1lh;
        }

        .first-response-header-merchant-inner-operators-column-keys .first-response-header-merchant-inner-operators-line + .first-response-header-merchant-inner-operators-line {
            margin-top: 0.35lh;
        }

        .first-response-header-merchant-inner-operators-label {
            color: #64748b;
            font-weight: 600;
        }

        .first-response-header-merchant-inner-operators-value {
            color: #0f172a;
            font-weight: 400;
        }

        .first-response-header-merchant-inner-permissions-columns {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            align-items: start;
            width: 100%;
        }

        .first-response-header-merchant-inner-permissions-column {
            min-width: 0;
            max-width: 100%;
            overflow: visible;
        }

        .first-response-header-merchant-inner-permissions.is-settings-env-single,
        .first-response-header-merchant-inner-apms.is-settings-env-single,
        .first-response-header-merchant-inner-operators.is-settings-env-single {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
        }

        .first-response-header-merchant-inner-permissions.is-settings-env-single .first-response-header-merchant-inner-permissions-column,
        .first-response-header-merchant-inner-apms.is-settings-env-single .first-response-header-merchant-inner-permissions-column,
        .first-response-header-merchant-inner-operators.is-settings-env-single .first-response-header-merchant-inner-permissions-column {
            width: 100%;
            max-width: 100%;
        }

        .first-response-header-merchant-inner-permissions.is-settings-env-single .first-response-header-merchant-inner-apms-column-body,
        .first-response-header-merchant-inner-apms.is-settings-env-single .first-response-header-merchant-inner-apms-column-body {
            width: 100%;
        }

        .first-response-header-merchant-inner-settings-check-row {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0.75ch;
            min-width: 0;
            max-width: 100%;
        }

        .first-response-header-merchant-inner-permissions.is-settings-env-single .first-response-header-merchant-inner-settings-check-row,
        .first-response-header-merchant-inner-apms.is-settings-env-single .first-response-header-merchant-inner-settings-check-row {
            margin-bottom: 1lh;
        }

        .first-response-header-merchant-inner-permissions.is-settings-env-single .first-response-header-merchant-inner-permissions-values {
            margin-top: 0;
        }

        .first-response-header-merchant-inner-permissions-mode-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: calc(3ch + 12px);
            min-height: 16px;
            margin: 0;
            padding: 2px 8px;
            border: none;
            border-radius: 0;
            background:
                linear-gradient(
                    165deg,
                    rgba(248, 250, 252, 0.98) 0%,
                    rgba(226, 232, 240, 0.96) 52%,
                    rgba(203, 213, 225, 0.94) 100%
                );
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.9),
                inset 0 -8px 14px rgba(148, 163, 184, 0.12),
                0 1px 2px rgba(15, 23, 42, 0.05);
            backdrop-filter: var(--crystal-blur);
            -webkit-backdrop-filter: var(--crystal-blur);
            color: #475569;
            font-size: 10px;
            font-weight: 600;
            line-height: 1.15;
            letter-spacing: 0.01em;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
            transition:
                background 0.18s ease,
                color 0.18s ease,
                box-shadow 0.18s ease,
                transform 0.18s ease;
        }

        .first-response-header-merchant-inner-permissions-mode-pill:hover,
        .first-response-header-merchant-inner-permissions-mode-pill:focus-visible {
            color: #0f172a;
            background:
                linear-gradient(
                    165deg,
                    rgba(255, 255, 255, 0.98) 0%,
                    rgba(241, 245, 249, 0.97) 52%,
                    rgba(226, 232, 240, 0.96) 100%
                );
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.95),
                inset 0 -8px 14px rgba(148, 163, 184, 0.1),
                0 2px 6px rgba(15, 23, 42, 0.08);
            outline: none;
        }

        .first-response-header-merchant-inner-permissions-mode-pill.is-unwired {
            cursor: default;
            opacity: 0.82;
            pointer-events: none;
        }

        .first-response-header-merchant-inner-permissions-mode-pill.is-unwired:hover,
        .first-response-header-merchant-inner-permissions-mode-pill.is-unwired:focus-visible {
            color: #475569;
            background:
                linear-gradient(
                    165deg,
                    rgba(248, 250, 252, 0.98) 0%,
                    rgba(226, 232, 240, 0.96) 52%,
                    rgba(203, 213, 225, 0.94) 100%
                );
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.9),
                inset 0 -8px 14px rgba(148, 163, 184, 0.12),
                0 1px 2px rgba(15, 23, 42, 0.05);
        }

        .first-response-header-merchant-inner-permissions-mode-pill.is-selected {
            color: #0f172a;
            background:
                linear-gradient(
                    165deg,
                    rgba(226, 232, 240, 0.98) 0%,
                    rgba(203, 213, 225, 0.97) 52%,
                    rgba(186, 198, 214, 0.96) 100%
                );
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.72),
                inset 0 -10px 16px rgba(100, 116, 139, 0.16),
                0 1px 3px rgba(15, 23, 42, 0.08);
        }

        .first-response-header-merchant-inner-permissions-mode-pill:disabled,
        .first-response-header-merchant-inner-permissions-mode-pill.is-loading {
            opacity: 0.55;
            cursor: default;
        }

        .first-response-header-merchant-inner-permissions-heading {
            margin: 1lh 0 0;
            color: #64748b;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.35;
        }

        .first-response-header-merchant-inner-permissions-values {
            margin-top: 0.35lh;
        }

        .first-response-header-merchant-inner-permissions-item {
            margin: 0;
            color: #334155;
            font-size: 11px;
            font-weight: 400;
            line-height: 1.45;
        }

        .first-response-header-merchant-inner-permissions-item + .first-response-header-merchant-inner-permissions-item {
            margin-top: 0.35lh;
        }

        .first-response-header-merchant-inner-permissions-values .first-response-header-merchant-inner-empty {
            margin-top: 0;
        }

        .first-response-header-merchant-inner-users-info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 1lh;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-merchant-inner-users-info-list {
            display: flex;
            flex-direction: column;
            gap: 0.5lh;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-merchant-inner-users-info-row {
            display: grid;
            grid-template-columns:
                1.6rem
                minmax(8rem, 1.4fr)
                minmax(5.5rem, 0.85fr)
                minmax(6rem, 1fr)
                1.6rem
                minmax(4.5rem, 0.7fr)
                minmax(11rem, 1.2fr);
            align-items: center;
            column-gap: 0.85rem;
            width: 100%;
            min-width: 0;
            padding: 0.55lh 10px;
            border: 1px solid rgba(148, 163, 184, 0.38);
            background:
                linear-gradient(
                    165deg,
                    rgba(248, 250, 252, 0.96) 0%,
                    rgba(241, 245, 249, 0.94) 100%
                );
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-users-info-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 1;
            user-select: none;
        }

        .first-response-header-merchant-inner-users-info-col {
            min-width: 0;
            color: #0f172a;
            font-size: 11px;
            font-weight: 400;
            line-height: 1.35;
            word-break: break-word;
        }

        .first-response-header-merchant-inner-users-info-col.has-popup {
            cursor: default;
        }

        .first-response-header-merchant-inner-users-info-col.is-nationality {
            text-align: center;
            font-size: 14px;
            line-height: 1;
        }

        .first-response-merchant-users-info-popover {
            position: absolute;
            z-index: 1200;
            display: flex;
            flex-direction: column;
            width: max-content;
            min-width: 0;
            max-width: calc(100% - 16px);
            padding: 5px 8px;
            border: 1px solid rgba(148, 163, 184, 0.42);
            border-radius: 6px;
            background: #ffffff;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
            pointer-events: auto;
            box-sizing: border-box;
            overflow: hidden;
        }

        .first-response-merchant-users-info-popover.is-hidden {
            display: none;
        }

        .first-response-merchant-users-info-popover-value {
            margin: 0;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            color: #0f172a;
            white-space: nowrap;
            cursor: text;
            user-select: text;
            -webkit-user-select: text;
        }

        .first-response-header-merchant-inner-toolbar-actions.is-reports-toolbar-actions {
            flex: 0 0 auto;
            margin-left: auto;
            justify-content: flex-end;
            gap: 2ch;
        }

        .first-response-header-merchant-inner-transactions-status-slot.is-reports-status-left {
            flex: 1 1 auto;
            justify-content: flex-start;
            margin-left: 0;
            margin-right: auto;
            gap: 0.75ch;
        }

        .first-response-header-merchant-inner-reports-retrieve-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            color: var(--accent);
            font-size: 14px;
            line-height: 16px;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
        }

        .first-response-header-merchant-inner-reports-retrieve-button.has-response,
        .first-response-header-merchant-inner-reports-retrieve-button.is-active {
            color: var(--accent);
        }

        .first-response-header-merchant-inner-reports-retrieve-button.has-response:hover,
        .first-response-header-merchant-inner-reports-retrieve-button.is-active:hover,
        .first-response-header-merchant-inner-reports-retrieve-button.has-response:focus-visible,
        .first-response-header-merchant-inner-reports-retrieve-button.is-active:focus-visible {
            color: var(--accent-dark);
            outline: none;
        }

        .first-response-header-merchant-inner-transactions-status.is-align-left {
            justify-content: flex-start;
            text-align: left;
            gap: 0.75ch;
        }

        .first-response-header-merchant-inner-transactions-status-separator {
            color: #94a3b8;
            font-weight: 600;
            white-space: nowrap;
        }

        .first-response-header-reports-calendar-button.is-merchant-inner-pill,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill,
        .first-response-header-reports-download-button.is-merchant-inner-pill,
        .first-response-header-disputes-download-button.is-merchant-inner-pill,
        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill {
            position: relative;
            z-index: 1;
            min-width: 0;
            width: auto;
            padding: 4px;
            line-height: 1;
            pointer-events: auto;
        }

        .first-response-header-reports-calendar-icon,
        .first-response-header-transactions-calendar-icon,
        .first-response-header-reports-download-icon,
        .first-response-header-merchant-inner-reports-filter-icon {
            display: block;
            width: 12px;
            height: 12px;
        }

        .first-response-header-reports-calendar-button.is-merchant-inner-pill.is-loading,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill.is-loading,
        .first-response-header-reports-download-button.is-merchant-inner-pill.is-loading {
            cursor: wait;
        }

        .first-response-header-reports-calendar-button.is-merchant-inner-pill.is-loading,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill.is-loading {
            position: relative;
        }

        .first-response-header-reports-calendar-button.is-merchant-inner-pill.is-loading .first-response-header-reports-calendar-icon,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill.is-loading .first-response-header-transactions-calendar-icon {
            visibility: hidden;
        }

        .first-response-header-reports-calendar-spinner,
        .first-response-header-transactions-calendar-spinner {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 10px;
            height: 10px;
            margin: -5px 0 0 -5px;
            border: 2px solid rgba(100, 116, 139, 0.28);
            border-top-color: #0c4a6e;
            border-radius: 50%;
            animation: txn-spin 0.6s linear infinite;
        }

        .first-response-header-reports-calendar-button.is-merchant-inner-pill.is-loading .first-response-header-reports-calendar-spinner {
            display: block;
        }

        .first-response-header-transactions-calendar-button.is-merchant-inner-pill.is-loading .first-response-header-transactions-calendar-spinner {
            display: block;
        }

        .first-response-header-reports-download-button.is-merchant-inner-pill.is-loading {
            opacity: 0.55;
            cursor: default;
        }

        .first-response-header-merchant-inner-transactions-status-slot {
            display: flex;
            flex: 1 1 auto;
            align-items: center;
            justify-content: flex-end;
            gap: 0.75ch;
            min-width: 0;
            margin-left: auto;
        }

        .first-response-header-merchant-inner-transactions-status {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 2ch;
            min-width: 0;
            color: #64748b;
            font-size: 10px;
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: 0.02em;
            text-align: right;
        }

        .first-response-header-merchant-inner-transactions-status.is-empty {
            display: none;
        }

        .first-response-header-merchant-inner-transactions-status-value {
            color: #475569;
            font-weight: 700;
            white-space: nowrap;
        }

        .first-response-header-merchant-inner-transactions-status-value.is-active {
            color: #166534;
        }

        .first-response-header-merchant-inner-transactions-status-value.is-not-active {
            color: #c2410c;
        }

        .first-response-header-merchant-inner-transactions-status-value.is-other {
            color: #0c4a6e;
        }

        .first-response-header-merchant-inner-transactions-status-message {
            color: #64748b;
            font-weight: 600;
            white-space: nowrap;
        }

        .first-response-header-merchant-inner-action-pill.is-merchant-inner-pill.is-selected {
            color: #0c4a6e;
            border-color: rgba(14, 116, 144, 0.45);
            background: rgba(240, 249, 255, 0.98);
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
        }

        .first-response-header-merchant-inner-payouts-count,
        .first-response-header-merchant-inner-reports-count,
        .first-response-header-merchant-inner-transactions-filtered-count,
        .first-response-header-merchant-inner-transactions-total {
            color: #64748b;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.02em;
            white-space: nowrap;
        }

        .first-response-header-merchant-inner-transactions-filtered-count.is-hidden {
            display: none;
        }

        .first-response-header-merchant-inner-transactions-pagination {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            flex: 0 0 auto;
            position: relative;
            z-index: 2;
        }

        .first-response-header-merchant-inner-transactions-pagination-float {
            position: sticky;
            bottom: 8px;
            z-index: 4;
            align-self: flex-end;
            display: inline-flex;
            align-items: stretch;
            width: fit-content;
            max-width: calc(100% - 8px);
            min-height: calc(22px * 1.2);
            margin-top: 8px;
            margin-left: auto;
            margin-right: 0;
            padding: 0;
            border: none;
            border-radius: 6px;
            background: #eef2f6;
            box-shadow: none;
            pointer-events: auto;
            box-sizing: border-box;
            overflow: hidden;
        }

        .first-response-header-merchant-inner-transactions-pagination-float .first-response-header-merchant-inner-transactions-pagination {
            gap: 0;
            align-self: stretch;
            align-items: stretch;
        }

        .first-response-header-merchant-inner-transactions-pagination-float .first-response-header-merchant-inner-transactions-page-prev.is-merchant-inner-pill,
        .first-response-header-merchant-inner-transactions-pagination-float .first-response-header-merchant-inner-transactions-page-next.is-merchant-inner-pill {
            min-width: 16px;
            width: 16px;
            height: auto;
            min-height: 0;
            align-self: stretch;
            padding: 0;
            font-size: 9px;
            border-radius: 0;
        }

        .first-response-header-merchant-inner-transactions-pagination-float .first-response-header-merchant-inner-transactions-page-prev.is-merchant-inner-pill {
            border-radius: 6px 0 0 6px;
        }

        .first-response-header-merchant-inner-transactions-pagination-float .first-response-header-merchant-inner-transactions-page-next.is-merchant-inner-pill {
            border-radius: 0 6px 6px 0;
        }

        .first-response-header-merchant-inner-transactions-pagination-float .first-response-header-merchant-inner-transactions-page-label {
            display: inline-flex;
            align-items: center;
            font-size: 8px;
            line-height: 1;
            padding: 6px 6px;
        }

        .first-response-header-merchant-inner-transactions-pagination-float .first-response-header-merchant-inner-transactions-page-spinner {
            width: 6px;
            height: 6px;
            margin: -3px 0 0 -3px;
            border-width: 1.5px;
        }

        .first-response-header-merchant-inner-transactions-summary:has(.first-response-header-merchant-inner-transactions-pagination-float) {
            display: flex;
            flex-direction: column;
            padding-bottom: 10px;
        }

        .first-response-header-merchant-inner-transactions-page-prev.is-merchant-inner-pill,
        .first-response-header-merchant-inner-transactions-page-next.is-merchant-inner-pill {
            min-width: 22px;
            width: 22px;
            height: 22px;
            padding: 0;
            line-height: 1;
            font-size: 11px;
            font-weight: 700;
            pointer-events: auto;
            position: relative;
            z-index: 1;
        }

        .first-response-header-merchant-inner-transactions-page-glyph {
            display: block;
            line-height: 1;
        }

        .first-response-header-merchant-inner-transactions-page-spinner {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 10px;
            height: 10px;
            margin: -5px 0 0 -5px;
            border: 2px solid rgba(100, 116, 139, 0.28);
            border-top-color: #0c4a6e;
            border-radius: 50%;
            animation: txn-spin 0.6s linear infinite;
        }

        .first-response-header-merchant-inner-transactions-page-prev.is-merchant-inner-pill.is-loading,
        .first-response-header-merchant-inner-transactions-page-next.is-merchant-inner-pill.is-loading {
            cursor: wait;
        }

        .first-response-header-merchant-inner-transactions-page-prev.is-merchant-inner-pill.is-loading .first-response-header-merchant-inner-transactions-page-glyph,
        .first-response-header-merchant-inner-transactions-page-next.is-merchant-inner-pill.is-loading .first-response-header-merchant-inner-transactions-page-glyph {
            visibility: hidden;
        }

        .first-response-header-merchant-inner-transactions-page-prev.is-merchant-inner-pill.is-loading .first-response-header-merchant-inner-transactions-page-spinner,
        .first-response-header-merchant-inner-transactions-page-next.is-merchant-inner-pill.is-loading .first-response-header-merchant-inner-transactions-page-spinner {
            display: block;
        }

        .first-response-header-merchant-inner-transactions-page-prev.is-merchant-inner-pill.is-faded,
        .first-response-header-merchant-inner-transactions-page-next.is-merchant-inner-pill.is-faded {
            opacity: 0.38;
            cursor: default;
        }

        .first-response-header-merchant-inner-transactions-page-label {
            color: #64748b;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.01em;
            white-space: nowrap;
            padding: 0 2px;
        }

        .first-response-header-merchant-inner-balance-summary {
            flex: 1 1 auto;
            width: 100%;
            min-height: 0;
            overflow: auto;
            padding: 3lh 10px 15px;
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-balance-summary .first-response-header-details-meta-row {
            margin-top: 0;
        }

        .first-response-header-merchant-inner-payouts-summary {
            flex: 1 1 auto;
            width: 100%;
            min-height: 0;
            overflow: auto;
            padding: 0 10px 15px;
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-payouts-summary:has(.first-response-header-merchant-inner-reports-table-shell) {
            padding-top: 0;
        }

        .first-response-header-merchant-inner-payouts-summary .first-response-header-merchant-inner-reports-table-wrap {
            overflow-x: auto;
        }

        .first-response-header-merchant-inner-payouts-summary .first-response-header-merchant-inner-reports-table.is-payout-inner-table td.is-payout-date-cell {
            vertical-align: middle;
        }

        .first-response-header-merchant-inner-payouts-summary .first-response-header-merchant-inner-reports-table.is-payout-inner-table th.is-payout-download-column,
        .first-response-header-merchant-inner-payouts-summary .first-response-header-merchant-inner-reports-table.is-payout-inner-table td.is-payout-download-column {
            width: 1%;
            white-space: nowrap;
            vertical-align: middle;
            padding-left: 8px;
            padding-right: 8px;
            text-align: center;
        }

        .first-response-header-merchant-inner-payouts-summary .first-response-header-merchant-inner-reports-table.is-payout-inner-table th.is-payout-download-column {
            padding-top: 9px;
            padding-bottom: 9px;
            box-shadow: none;
        }

        .first-response-header-merchant-inner-transactions-summary .first-response-header-merchant-inner-reports-table.is-transactions-inner-table th.is-transactions-retrieve-column,
        .first-response-header-merchant-inner-transactions-summary .first-response-header-merchant-inner-reports-table.is-transactions-inner-table td.is-transactions-retrieve-column {
            width: 1%;
            white-space: nowrap;
            vertical-align: middle;
            padding-left: 6px;
            padding-right: 6px;
            text-align: center;
        }

        .first-response-header-merchant-inner-transactions-summary .first-response-header-merchant-inner-reports-table.is-transactions-inner-table th.is-transactions-retrieve-column {
            padding-top: 9px;
            padding-bottom: 9px;
            box-shadow: none;
        }

        .first-response-header-merchant-inner-transactions-retrieve-button.response-button {
            min-width: 0;
            width: 18px;
            height: 18px;
            padding: 0;
            margin: 0;
            border: none;
            background: transparent;
            box-shadow: none;
            color: var(--accent);
            font-size: 12px;
            line-height: 1;
            cursor: pointer;
        }

        .first-response-header-merchant-inner-transactions-retrieve-button.response-button:hover {
            opacity: 0.82;
        }

        .first-response-header-merchant-inner-reports-summary {
            flex: 1 1 auto;
            width: 100%;
            min-height: 0;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 0 10px 15px;
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-reports-summary .first-response-header-merchant-inner-reports-table-wrap {
            overflow-x: auto;
        }

        .first-response-header-merchant-inner-reports-summary .first-response-header-merchant-inner-reports-table th {
            box-shadow: none;
        }

        .first-response-header-merchant-inner-transactions-summary {
            flex: 1 1 auto;
            width: 100%;
            min-height: 0;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 0 10px 15px;
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-transactions-summary:has(.first-response-header-merchant-inner-reports-table-shell) {
            padding-top: 0;
        }

        .first-response-header-merchant-inner-transactions-summary .first-response-header-merchant-inner-reports-table-wrap {
            overflow-x: auto;
        }

        .first-response-header-merchant-inner-transactions-summary .first-response-header-merchant-inner-reports-table.is-transactions-inner-table th {
            box-shadow: none;
        }

        .first-response-header-merchant-inner-transactions-summary .first-response-header-details-message {
            margin: 0;
            padding: 10px 0 0;
        }

        .first-response-header-merchant-inner-reports-table-wrap {
            width: 100%;
            min-width: 0;
            overflow: visible;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
        }

        .first-response-header-merchant-inner-reports-table {
            width: max-content;
            min-width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            table-layout: auto;
        }

        .first-response-header-merchant-inner-reports-table thead {
            position: relative;
            z-index: 2;
        }

        .first-response-header-merchant-inner-reports-table th {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 2;
            padding: 9px 12px;
            border-bottom: 1px solid rgba(148, 163, 184, 0.28);
            background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
            color: #475569;
            font-size: 9px;
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            text-align: left;
            white-space: nowrap;
            vertical-align: middle;
            box-shadow: 0 1px 0 rgba(148, 163, 184, 0.18);
        }

        .first-response-header-merchant-inner-reports-table td {
            padding: 10px 12px;
            border-bottom: 1px solid rgba(148, 163, 184, 0.14);
            color: #1e293b;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.45;
            letter-spacing: 0.01em;
            text-align: left;
            vertical-align: top;
            white-space: nowrap;
        }

        .first-response-header-merchant-inner-reports-table-row:last-child td {
            border-bottom: none;
        }

        .first-response-header-merchant-inner-reports-table tbody tr:hover td {
            background: rgba(248, 250, 252, 0.88);
        }

        .first-response-header-merchant-inner-reports-summary:has(.first-response-header-merchant-inner-reports-table-shell) {
            padding-top: 0;
        }

        .first-response-header-merchant-inner-reports-table-shell {
            display: flex;
            flex-direction: column;
            gap: 0;
            width: 100%;
            min-width: 0;
            margin-top: 8px;
        }

        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill.is-active {
            color: #0c4a6e;
            border-color: rgba(14, 116, 144, 0.45);
            background: rgba(240, 249, 255, 0.98);
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
        }

        .first-response-header-merchant-inner-reports-filter-icon {
            display: block;
            width: 12px;
            height: 12px;
        }

        .first-response-header-merchant-inner-reports-column-heading-label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .first-response-header-merchant-inner-reports-column-filter-pill {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            margin: 0;
            padding: 1px 6px;
            border: 1px solid rgba(148, 163, 184, 0.34);
            border-radius: 5px;
            background: rgba(255, 255, 255, 0.94);
            box-shadow: none;
            color: #475569;
            font-size: 9px;
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            cursor: pointer;
            vertical-align: middle;
            white-space: nowrap;
            user-select: none;
        }

        .first-response-header-merchant-inner-reports-column-filter-pill:hover,
        .first-response-header-merchant-inner-reports-column-filter-pill:focus-visible {
            color: #0c4a6e;
            border-color: rgba(14, 116, 144, 0.38);
            background: rgba(255, 255, 255, 0.99);
            outline: none;
        }

        .first-response-header-merchant-inner-reports-column-filter-pill.is-active {
            color: #0c4a6e;
            border-color: rgba(14, 116, 144, 0.45);
            background: rgba(240, 249, 255, 0.98);
        }

        .first-response-header-merchant-inner-reports-column-filter-label {
            display: inline;
        }

        .first-response-header-merchant-inner-reports-column-filter-arrow {
            flex: 0 0 auto;
            color: #64748b;
            font-size: 7px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0;
            text-transform: none;
        }

        .first-response-header-merchant-inner-reports-column-filter-pill:hover .first-response-header-merchant-inner-reports-column-filter-arrow,
        .first-response-header-merchant-inner-reports-column-filter-pill:focus-visible .first-response-header-merchant-inner-reports-column-filter-arrow,
        .first-response-header-merchant-inner-reports-column-filter-pill.is-active .first-response-header-merchant-inner-reports-column-filter-arrow {
            color: #0c4a6e;
        }

        .first-response-header-merchant-inner-reports-filter-popover {
            position: fixed;
            z-index: 12050;
            width: min(282px, calc(100vw - 24px));
            padding: 8px;
            border: 1px solid rgba(148, 163, 184, 0.34);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-reports-filter-popover.is-hidden {
            display: none;
        }

        .first-response-header-merchant-inner-reports-filter-popover.is-checklist-mode {
            width: min(240px, calc(100vw - 24px));
            padding: 6px;
        }

        .first-response-header-merchant-inner-reports-filter-popover-body {
            min-width: 0;
        }

        .first-response-header-merchant-inner-reports-filter-popover-row {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 6px;
            min-width: 0;
        }

        .first-response-header-merchant-inner-reports-filter-hybrid {
            display: flex;
            flex-direction: column;
            gap: 0;
            min-width: 0;
        }

        .first-response-header-merchant-inner-reports-filter-input-shell {
            position: relative;
            display: block;
            min-width: 0;
            transition: opacity 0.14s ease;
        }

        .first-response-header-merchant-inner-reports-filter-hybrid.is-checklist-mode
            .first-response-header-merchant-inner-reports-filter-input-shell {
            opacity: 0.38;
        }

        .first-response-header-merchant-inner-reports-filter-hybrid.is-text-mode
            .first-response-header-merchant-inner-reports-filter-checklist {
            opacity: 0.38;
        }

        .first-response-header-merchant-inner-reports-filter-hybrid-divider {
            flex: 0 0 auto;
            height: 1px;
            margin: 7px 0;
            background: rgba(226, 232, 240, 0.98);
        }

        .first-response-header-merchant-inner-reports-filter-checklist-hidden-note {
            margin: 0;
            padding: 2px 4px 1px;
            color: #94a3b8;
            font-size: 10px;
            font-weight: 500;
            line-height: 1.25;
            letter-spacing: 0.01em;
        }

        .first-response-header-merchant-inner-reports-filter-inline-search {
            position: absolute;
            top: 50%;
            right: 8px;
            transform: translateY(-50%);
            z-index: 1;
            color: #0e7490;
            font-size: 10px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.01em;
            text-transform: lowercase;
            cursor: pointer;
            user-select: none;
        }

        .first-response-header-merchant-inner-reports-filter-inline-search:hover,
        .first-response-header-merchant-inner-reports-filter-inline-search:focus-visible {
            color: #0f766e;
            outline: none;
        }

        .first-response-header-merchant-inner-reports-filter-checklist {
            display: flex;
            flex-direction: column;
            gap: 1px;
            max-height: 220px;
            overflow: auto;
            min-width: 0;
            transition: opacity 0.14s ease;
        }

        .first-response-header-merchant-inner-reports-filter-check-row {
            display: flex;
            align-items: center;
            gap: 6px;
            margin: 0;
            padding: 3px 4px;
            border-radius: 4px;
            color: #334155;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.2;
            cursor: pointer;
            user-select: none;
        }

        .first-response-header-merchant-inner-reports-filter-check-row:hover {
            background: rgba(241, 245, 249, 0.95);
        }

        .first-response-header-merchant-inner-reports-filter-check-row.is-select-all {
            margin-bottom: 2px;
            padding-bottom: 5px;
            border-bottom: 1px solid rgba(226, 232, 240, 0.95);
            font-weight: 600;
            color: #0f172a;
        }

        .first-response-header-merchant-inner-reports-filter-checkbox {
            flex: 0 0 auto;
            width: 12px;
            height: 12px;
            min-height: 0;
            max-height: 12px;
            margin: 0;
            padding: 0;
            accent-color: #0e7490;
            cursor: pointer;
        }

        .first-response-header-merchant-inner-reports-filter-input {
            display: block;
            width: 100%;
            min-width: 0;
            height: calc(46px * 0.8);
            min-height: 0;
            max-height: calc(46px * 0.8);
            margin: 0;
            padding: 4px 8px;
            border: 1px solid rgba(148, 163, 184, 0.38);
            border-radius: 6px;
            background: #fff;
            color: #1e293b;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.2;
            box-sizing: border-box;
        }

        .first-response-header-merchant-inner-reports-filter-input.is-hybrid-input {
            height: 28px;
            max-height: 28px;
            padding: 4px 52px 4px 8px;
        }

        .first-response-header-merchant-inner-reports-filter-input:focus {
            border-color: rgba(14, 116, 144, 0.45);
            outline: none;
            box-shadow: 0 0 0 2px rgba(14, 116, 144, 0.12);
        }

        .first-response-header-merchant-inner-reports-filter-input:disabled {
            color: #94a3b8;
            background: #f8fafc;
        }

        .first-response-header-merchant-inner-reports-filter-search.is-merchant-inner-pill {
            align-self: flex-end;
            min-width: 0;
            padding: 4px 10px;
            font-size: 9px;
            text-transform: lowercase;
        }

        .first-response-header-merchant-inner-reports-list {
            display: flex;
            flex-direction: column;
            gap: 0;
            width: 100%;
            min-width: 0;
        }

        .first-response-header-merchant-inner-reports-row {
            padding: 11px 2px;
            border-bottom: 1px solid rgba(148, 163, 184, 0.16);
            color: #334155;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.01em;
            word-break: break-word;
        }

        .first-response-header-merchant-inner-reports-row:first-child {
            padding-top: 0;
        }

        .first-response-header-merchant-inner-reports-row:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .first-response-header-merchant-inner-reports-summary .first-response-header-details-message {
            margin: 0;
        }

        .first-response-header-details-summary.is-merchant-report-popup-summary {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
            width: 100%;
        }

        .first-response-header-merchant-report-popup-toolbar {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 0 0 auto;
            flex-wrap: wrap;
            gap: 2ch;
            width: 100%;
            min-width: 0;
            padding: 0 20px 1lh;
            box-sizing: border-box;
        }

        .first-response-header-merchant-report-popup-toolbar .first-response-header-reports-download-button.is-merchant-inner-pill,
        .first-response-header-merchant-report-popup-toolbar .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill {
            position: relative;
            z-index: 1;
        }

        .first-response-header-merchant-inner-reports-summary.is-merchant-report-popup-table {
            flex: 1 1 auto;
            min-height: 0;
            padding-top: 0;
        }

        .first-response-header-merchant-inner-payouts-summary .first-response-header-details-message {
            margin: 0;
        }

        .first-response-header-merchant-inner-actions {
            display: flex;
            align-items: center;
            min-height: 100%;
        }

        .first-response-header-merchant-inner-actions .first-response-header-details-field-value {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 6px;
        }

        .first-response-header-merchant-inner-fields {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 14px;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-merchant-inner-fields .first-response-header-details-field {
            width: 100%;
            max-width: 100%;
        }

        .first-response-header-merchant-inner-fields .first-response-header-details-field:not(:first-child) {
            border-left: none;
            padding-left: 0;
            margin-left: 0;
        }

        .first-response-header-merchant-inner-empty {
            margin: 0;
            color: #64748b;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.35;
        }

        .first-response-header-brand-tab-heading {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 2ch;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-details-summary.is-brand-summary .first-response-header-details-display-name {
            flex: 0 1 auto;
        }

        .first-response-header-details-summary.is-wallet-summary .first-response-header-details-wallet-row {
            margin-top: 2lh;
            padding-top: 8px;
            overflow: visible;
        }

        .first-response-header-wallet-tab-heading {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 2ch;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-wallet-tab-heading .first-response-header-wallet-full-id {
            display: inline;
            width: auto;
            max-width: none;
            overflow: visible;
            text-overflow: clip;
            white-space: nowrap;
        }

        .first-response-header-wallet-tab-heading .first-response-header-details-field-raw.is-merchant-yes {
            color: #15803d;
            font-weight: 600;
        }

        .first-response-header-wallet-tab-heading .first-response-header-details-field-raw.is-merchant-no {
            color: #b91c1c;
            font-weight: 600;
        }

        .first-response-header-details-wallet-stack.is-wallet-tab-stack {
            margin-left: 0;
            z-index: 1;
        }

        .first-response-header-details-wallet-stack.is-wallet-tab-stack:hover {
            z-index: 12;
        }

        .first-response-header-entity-wallet-count {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            flex: 0 0 auto;
            min-width: 0;
            color: #64748b;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.02em;
        }

        .first-response-header-details-summary.is-entity-summary .first-response-header-details-wallet-row {
            margin-top: 2lh;
            padding: 6px 0 10px;
        }

        .first-response-header-entity-wallet-count-value {
            white-space: nowrap;
        }

        .first-response-header-details-wallet-row {
            display: flex;
            align-items: flex-end;
            flex-wrap: nowrap;
            gap: 0;
            min-width: 0;
            width: 100%;
            overflow-x: auto;
            overflow-y: visible;
            padding-bottom: 6px;
        }

        .first-response-header-details-wallet-stack {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex: 0 0 auto;
            width: min(12.75rem, 54vw);
            min-width: 10.125rem;
            margin-left: -10px;
            z-index: 1;
        }

        .first-response-header-details-wallet-stack:first-child {
            margin-left: 0;
        }

        .first-response-header-details-wallet-stack:nth-child(2) {
            z-index: 2;
        }

        .first-response-header-details-wallet-stack:nth-child(3) {
            z-index: 3;
        }

        .first-response-header-details-wallet-stack:nth-child(4) {
            z-index: 4;
        }

        .first-response-header-details-wallet-stack:nth-child(n+5) {
            z-index: 5;
        }

        .first-response-header-details-wallet-stack:hover {
            z-index: 12;
        }

        .first-response-header-details-wallet-stack:hover .first-response-header-details-wallet-box {
            transform: translateY(-6px);
            border-color: rgba(100, 116, 139, 0.42);
            box-shadow:
                0 4px 8px rgba(15, 23, 42, 0.06),
                0 14px 28px rgba(15, 23, 42, 0.12);
        }

        .first-response-header-details-wallet-box {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex: 0 0 auto;
            width: 100%;
            padding: 11px 13px 12px;
            border: 1px solid rgba(148, 163, 184, 0.32);
            border-radius: 12px;
            background: linear-gradient(165deg, #ffffff 0%, #f4f7fb 52%, #eef2f7 100%);
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 6px 16px rgba(15, 23, 42, 0.06);
            transition:
                transform 0.22s ease,
                box-shadow 0.22s ease,
                border-color 0.22s ease;
        }

        .first-response-header-wallet-stack-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-top: 5px;
            min-height: 14px;
            padding: 0 2px;
        }

        .first-response-header-wallet-primary-tag {
            flex: 0 1 auto;
            color: #0c4a6e;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.25;
            white-space: nowrap;
        }

        .first-response-header-wallet-hover-counter {
            flex: 0 0 auto;
            margin-left: auto;
            margin-right: 5px;
            color: #94a3b8;
            font-size: 9px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.02em;
            opacity: 0;
            transition: opacity 0.18s ease;
        }

        .first-response-header-details-wallet-stack:hover .first-response-header-wallet-hover-counter {
            opacity: 1;
        }

        .first-response-header-details-wallet-box-heading {
            display: block;
            min-width: 0;
            max-width: 100%;
            margin-bottom: 8px;
        }

        .first-response-header-details-wallet-fields {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 5px;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-wallet-line {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 0;
            width: 100%;
            min-width: 0;
            min-height: 18px;
        }

        .first-response-header-wallet-line.is-country-currency {
            justify-content: space-between;
            gap: 8px;
        }

        .first-response-header-wallet-line.is-status-name {
            flex-wrap: wrap;
            gap: 6px;
        }

        .first-response-header-wallet-line.is-legacy-id .first-response-header-details-field-raw {
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 10px;
            font-weight: 600;
            color: #64748b;
            letter-spacing: 0.01em;
        }

        .first-response-header-wallet-display-name {
            color: #334155;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.25;
        }

        .first-response-header-wallet-line.is-display-name .first-response-header-details-field-raw {
            color: #334155;
            font-weight: 600;
        }

        .first-response-header-wallet-line.is-merchant-yes .first-response-header-details-field-raw {
            color: #15803d;
            font-weight: 600;
        }

        .first-response-header-wallet-line.is-merchant-no .first-response-header-details-field-raw {
            color: #b91c1c;
            font-weight: 600;
        }

        .first-response-header-wallet-line.is-primary .first-response-header-details-field-raw {
            color: #0c4a6e;
            font-weight: 600;
        }

        .first-response-header-wallet-separator {
            color: #64748b;
            font-size: 11px;
            font-weight: 600;
            white-space: pre;
        }

        .first-response-header-wallet-triple-row {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            gap: 1ch;
            width: 100%;
            min-width: 0;
            min-height: 22px;
        }

        .first-response-header-wallet-dual-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2ch;
            width: 100%;
            min-width: 0;
            min-height: 18px;
        }

        .first-response-header-wallet-slot {
            display: inline-flex;
            align-items: center;
            min-width: 0;
        }

        .first-response-header-wallet-slot.is-left {
            justify-content: flex-start;
            justify-self: start;
        }

        .first-response-header-wallet-slot.is-center {
            justify-content: center;
            justify-self: center;
        }

        .first-response-header-wallet-slot.is-right {
            justify-content: flex-end;
            justify-self: end;
        }

        .first-response-header-wallet-dual-row.is-merchant-yes .first-response-header-wallet-slot.is-left .first-response-header-details-field-raw {
            color: #15803d;
            font-weight: 600;
        }

        .first-response-header-wallet-dual-row.is-merchant-no .first-response-header-wallet-slot.is-left .first-response-header-details-field-raw {
            color: #b91c1c;
            font-weight: 600;
        }

        .first-response-header-wallet-slot.is-primary-wallet .first-response-header-details-field-raw {
            color: #0c4a6e;
            font-weight: 600;
        }

        .first-response-header-wallet-full-id {
            display: block;
            width: max-content;
            max-width: 100%;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 10px;
            font-weight: 700;
            color: #0f172a;
            line-height: 1.35;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .first-response-header-detail-pill.is-entity-id,
        .first-response-header-detail-pill.is-brand-id {
            max-width: none;
            overflow: visible;
            text-overflow: clip;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 10px;
        }

        .first-response-header-wallet-icon {
            flex: 0 0 16px;
            width: 16px;
            height: 16px;
            border-radius: 4px;
            background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='512' height='512' fill='none'/%3E%3Cpath d='M142 174l200-118c10-6 23-2 29 8l45 78-250 148z' fill='%23ffc107'/%3E%3Cpath d='M190 205l214-126 39 68-214 126z' fill='%23ff9800'/%3E%3Crect x='49' y='166' width='401' height='297' rx='24' fill='%23f44336'/%3E%3Cpath d='M49 190c0-13 11-24 24-24h51v297H73c-13 0-24-11-24-24z' fill='%23d32f2f'/%3E%3Cpath d='M337 270h118c5 0 8 4 8 8v80c0 4-3 8-8 8H337c-26 0-48-22-48-48s22-48 48-48z' fill='%23fde7ea'/%3E%3Ccircle cx='337' cy='318' r='21' fill='%23f44336'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .first-response-header-details-summary.is-bulk-summary {
            position: relative;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-details-summary.is-bulk-summary .first-response-header-details-drive-slot {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
        }

        .first-response-header-details-bulk-table-wrap {
            overflow-x: auto;
            min-width: 0;
            width: 100%;
            box-sizing: border-box;
        }

        .first-response-header-details-bulk-table {
            width: max-content;
            min-width: 100%;
            border-collapse: collapse;
            table-layout: auto;
        }

        .first-response-header-details-bulk-table th {
            text-align: left;
            color: #64748b;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.2;
            white-space: nowrap;
            padding: 0 10ch 6px 0;
            border-bottom: 1px solid rgba(148, 163, 184, 0.28);
        }

        .first-response-header-details-bulk-table td {
            text-align: left;
            color: #0f172a;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.2;
            white-space: nowrap;
            padding: 4px 10ch 4px 0;
            vertical-align: middle;
        }

        .first-response-header-details-bulk-table tbody tr:not(:last-child) td {
            border-bottom: 1px solid rgba(148, 163, 184, 0.18);
        }

        .first-response-header-details-summary {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            min-width: 0;
            width: 100%;
        }

        .first-response-header-details-top-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 3ch;
            width: 100%;
            min-width: 0;
            min-height: calc(22px + 3px + 10px);
        }

        .first-response-header-details-title-group {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 3ch;
            min-width: 0;
            flex: 1 1 auto;
        }

        .first-response-header-details-count {
            color: #0f172a;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.2;
            white-space: nowrap;
            flex: 0 0 auto;
        }

        .first-response-header-contact-heading-pair {
            display: inline-flex;
            align-items: center;
            gap: 1ch;
            min-width: 0;
            flex: 0 1 auto;
        }

        .first-response-header-details-summary.is-contact-summary .first-response-header-details-after-top-row {
            margin-top: 2lh;
        }

        .first-response-header-details-summary.is-contact-summary .first-response-header-details-bulk-table-wrap {
            overflow: visible;
            width: 100%;
            padding-bottom: 4px;
        }

        .first-response-header-details-summary.is-contact-summary .first-response-header-details-bulk-table.is-contact-individuals-table {
            width: 100%;
            min-width: 100%;
            border-collapse: separate;
            border-spacing: 0 3px;
            table-layout: auto;
        }

        .first-response-header-details-summary.is-contact-summary .is-contact-individuals-table thead th {
            padding: 0 14px 2px;
            border-bottom: 0;
            color: #64748b;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            text-transform: lowercase;
        }

        .first-response-header-details-summary.is-contact-summary .is-contact-individuals-table tbody td {
            background: #ffffff;
            border-top: 1px solid rgba(148, 163, 184, 0.28);
            border-bottom: 1px solid rgba(148, 163, 184, 0.28);
            box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02);
            color: #0f172a;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.35;
            padding: 11px 14px;
            vertical-align: top;
            white-space: nowrap;
            overflow: visible;
            position: relative;
        }

        .first-response-header-details-summary.is-contact-summary .is-contact-individuals-table tbody td:first-child {
            border-left: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 10px 0 0 10px;
            color: #0c4a6e;
            font-weight: 700;
        }

        .first-response-header-details-summary.is-contact-summary .is-contact-individuals-table tbody td:last-child {
            border-right: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 0 10px 10px 0;
        }

        .first-response-header-details-summary.is-contact-summary .is-contact-individuals-table tbody tr:hover td {
            background: #f8fafc;
            border-color: rgba(100, 116, 139, 0.38);
        }

        .first-response-header-contact-value-wrap {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.2lh;
            min-width: 0;
            max-width: 100%;
        }

        .first-response-header-contact-line {
            display: inline-flex;
            align-items: center;
            gap: 0.75ch;
            min-width: 0;
            max-width: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            box-shadow: none;
        }

        .first-response-header-contact-line[hidden] {
            display: none !important;
        }

        .first-response-header-details-summary.is-contact-summary .is-contact-individuals-table tbody td:has(.is-expanded) {
            white-space: normal;
            vertical-align: top;
        }

        .first-response-header-contact-value {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .first-response-header-contact-primary {
            color: #16a34a;
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.02em;
            white-space: nowrap;
            flex: 0 0 auto;
        }

        .first-response-header-contact-more-trigger {
            appearance: none;
            -webkit-appearance: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            min-width: 2.8ch;
            width: auto;
            min-height: 0;
            height: 16px;
            max-height: 16px;
            margin: 0;
            padding: 0 0.8ch;
            border: 1px solid rgba(3, 105, 161, 0.28);
            border-radius: 999px;
            background: #f0f9ff;
            color: #0369a1;
            font: inherit;
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.01em;
            cursor: pointer;
            white-space: nowrap;
            box-shadow: none;
            transform: none;
            vertical-align: middle;
            position: relative;
            z-index: 2;
            flex: 0 0 auto;
        }

        .first-response-header-contact-more-trigger:hover {
            background: #e0f2fe;
            color: #0c4a6e;
            text-decoration: none;
            box-shadow: none;
            transform: none;
        }

        .first-response-header-contact-more-trigger:focus {
            outline: none;
            box-shadow: 0 0 0 2px rgba(3, 105, 161, 0.2);
        }

        .first-response-header-details-summary.is-individual-summary .first-response-header-details-after-top-row {
            margin-top: 0;
        }

        .first-response-header-details-summary.is-individual-users-summary .first-response-header-details-after-top-row {
            margin-top: 2lh;
        }

        .first-response-header-details-title-group.is-individual-users-title {
            gap: 2ch;
        }

        .first-response-header-individual-users-heading-pair {
            display: inline-flex;
            align-items: center;
            gap: 1ch;
            min-width: 0;
            flex: 0 1 auto;
        }

        .first-response-header-contact-id-wrap {
            display: inline-flex;
            align-items: center;
            gap: 0.75ch;
            min-width: 0;
            max-width: 100%;
        }

        .first-response-header-contact-id-text {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .first-response-header-individual-users-link {
            appearance: none;
            -webkit-appearance: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            min-width: 0;
            min-height: 0;
            width: 18px;
            height: 16px;
            max-height: 16px;
            margin: 0;
            padding: 0;
            border: 1px solid rgba(3, 105, 161, 0.28);
            border-radius: 999px;
            background: #f0f9ff;
            color: #0369a1;
            font: inherit;
            font-size: 11px;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
            white-space: nowrap;
            box-shadow: none;
            transform: none;
            flex: 0 0 auto;
            vertical-align: middle;
        }

        .first-response-header-individual-users-link:hover {
            background: #e0f2fe;
            color: #0c4a6e;
            text-decoration: none;
            box-shadow: none;
            transform: none;
        }

        .first-response-header-individual-users-link:focus {
            outline: none;
            box-shadow: 0 0 0 2px rgba(3, 105, 161, 0.2);
        }

        .first-response-header-individual-users-link.is-loading,
        .first-response-header-individual-users-link:disabled {
            opacity: 0.65;
            cursor: wait;
        }

        /* Ind-Users / User: 1lh; cards under Ind row. */
        .first-response-header-details-summary.is-individual-users-summary .is-contact-individuals-table tbody tr.first-response-header-individual-users-expand-row td,
        .first-response-header-details-summary.is-individual-users-summary .is-contact-individuals-table tbody tr.first-response-header-individual-users-expand-row td:first-child,
        .first-response-header-details-summary.is-individual-users-summary .is-contact-individuals-table tbody tr.first-response-header-individual-users-expand-row td:last-child {
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            padding: 0;
            white-space: normal;
            vertical-align: top;
            color: inherit;
            font-weight: inherit;
        }

        .first-response-header-details-summary.is-individual-users-summary .first-response-header-individual-users-panel {
            margin-top: 2lh;
        }

        .first-response-header-individual-users-panel {
            display: flex;
            flex-direction: column;
            gap: 1lh;
            width: 100%;
            min-width: 0;
        }

        .first-response-header-individual-user-card {
            display: flex;
            flex-direction: column;
            gap: 0.75lh;
            min-width: 0;
            width: 100%;
            padding: 8px 10px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.55);
            border: 1px solid rgba(148, 163, 184, 0.28);
            box-sizing: border-box;
            transition: border-color 0.12s ease;
        }

        .first-response-header-individual-user-card:hover {
            border-color: #0f172a;
            border-style: solid;
        }

        .first-response-header-individual-user-line-1 {
            display: block;
            min-width: 0;
            width: 100%;
            color: #0f172a;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.35;
            white-space: normal;
            word-break: break-word;
        }

        .first-response-header-individual-user-line-2 {
            display: flex;
            align-items: stretch;
            flex-wrap: nowrap;
            gap: 0;
            min-width: 0;
            width: 100%;
            box-sizing: border-box;
        }

        .first-response-header-individual-user-divider {
            width: 100%;
            height: 0;
            margin: 0;
            border: 0;
            border-top: 1px solid rgba(148, 163, 184, 0.45);
            flex: 0 0 auto;
        }

        .first-response-header-individual-user-part {
            color: inherit;
            font: inherit;
            white-space: inherit;
        }

        .first-response-header-individual-user-part.is-user-id {
            color: #0c4a6e;
            font-weight: 700;
        }

        .first-response-header-individual-user-scope-col {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 0.55lh;
            min-width: 0;
            flex: 1 1 0;
            align-self: stretch;
            box-sizing: border-box;
            padding: 0 1.25ch;
            border-left: 1px solid rgba(148, 163, 184, 0.45);
        }

        .first-response-header-individual-user-scope-col:first-child {
            border-left: 0;
            padding-left: 0;
        }

        .first-response-header-individual-user-scope-col:last-child {
            padding-right: 0;
        }

        .first-response-header-individual-user-scope-item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.1lh;
            min-width: 0;
            max-width: 100%;
        }

        .first-response-header-individual-user-scope-id {
            color: #0f172a;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.35;
            white-space: normal;
            word-break: break-word;
        }

        .first-response-header-individual-user-scope-name {
            color: #0369a1;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.3;
            white-space: normal;
            word-break: break-word;
        }

        .first-response-header-details-drive-slot {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 0 0 auto;
            margin-left: auto;
            align-self: center;
            gap: 1.5ch;
            min-width: 0;
        }

        .first-response-header-details-display-name {
            margin: 0;
            color: #0c4a6e;
            font-size: 14px;
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: 0.01em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            min-width: 0;
            flex: 0 1 auto;
        }

        .first-response-header-details-meta-row {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: nowrap;
            gap: 0;
            min-width: 0;
            width: 100%;
            margin-top: 2lh;
        }

        .first-response-header-details-after-top-row {
            margin-top: 2lh;
            width: 100%;
            min-width: 0;
        }

        .first-response-header-details-summary.is-list-payouts-summary .first-response-header-details-after-top-row,
        .first-response-header-details-summary.is-single-id-error-summary .first-response-header-details-after-top-row {
            margin-top: 1lh;
        }

        .first-response-header-details-message {
            margin: 0;
            color: #0f172a;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.45;
        }

        .first-response-header-details-message.is-error {
            color: #dc2626;
        }

        .first-response-header-details-txn-rows {
            margin-top: 2lh;
            width: 100%;
            min-width: 0;
            display: table;
            border-collapse: collapse;
        }

        .first-response-header-details-txn-row {
            display: table-row;
        }

        .first-response-header-details-txn-row-name,
        .first-response-header-details-txn-row-value {
            display: table-cell;
            vertical-align: middle;
            padding: 3px 0;
            border-bottom: 1px solid rgba(148, 163, 184, 0.18);
        }

        .first-response-header-details-txn-row:last-child .first-response-header-details-txn-row-name,
        .first-response-header-details-txn-row:last-child .first-response-header-details-txn-row-value {
            border-bottom: none;
            padding-bottom: 0;
        }

        .first-response-header-details-txn-row-name {
            width: 1%;
            white-space: nowrap;
            padding-right: 10ch;
            color: #64748b;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.2;
        }

        .first-response-header-details-txn-row-value {
            color: #0f172a;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.2;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .first-response-header-details-summary.is-acceptance-summary .first-response-header-details-txn-rows {
            margin-top: 1lh;
        }

        .first-response-header-acceptance-stages {
            margin-top: 1.25lh;
            display: flex;
            flex-direction: column;
            gap: 1lh;
            width: 100%;
            min-width: 0;
        }

        .first-response-header-acceptance-stage-title {
            color: #475569;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            margin-bottom: 4px;
        }

        .first-response-header-acceptance-stage-body {
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            color: #0f172a;
            font-family: inherit;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.45;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .first-response-header-acceptance-stage-body .acceptance-time-fragment,
        .first-response-header-details-summary.is-acceptance-summary .acceptance-time-fragment {
            color: #dc2626;
            font-weight: 600;
        }

        .first-response-header-details-summary .txn-fetch-btn {
            border: 1px solid rgba(56, 189, 248, 0.55);
            background: rgba(56, 189, 248, 0.12);
            color: #0284c7;
        }

        .first-response-header-details-summary .txn-fetch-btn:hover,
        .first-response-header-details-summary .txn-fetch-btn:focus-visible {
            background: rgba(56, 189, 248, 0.22);
            color: #0369a1;
        }

        .first-response-header-payout-download-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 2px 6px;
            min-height: 20px;
            min-width: 26px;
            line-height: 1;
            border: 1px solid rgba(56, 189, 248, 0.55);
            border-radius: 4px;
            background: rgba(56, 189, 248, 0.12);
            color: #0284c7;
            font-family: inherit;
            cursor: pointer;
            vertical-align: middle;
        }

        .first-response-header-payout-download-btn:hover {
            background: rgba(56, 189, 248, 0.22);
            color: #0369a1;
        }

        .first-response-header-payout-download-btn:disabled {
            opacity: 0.7;
            cursor: default;
        }

        .first-response-header-details-field {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
            flex: 0 0 auto;
            width: max-content;
            min-width: 0;
            max-width: 100%;
            box-sizing: border-box;
        }

        .first-response-header-details-field:not(:first-child) {
            border-left: 1px solid rgba(148, 163, 184, 0.28);
            padding-left: 3ch;
            margin-left: 3ch;
        }

        .first-response-header-details-field-label {
            display: block;
            width: max-content;
            max-width: 100%;
            color: #64748b;
            font-size: 9px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.06em;
            white-space: nowrap;
        }

        .first-response-header-details-field-value {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 4px;
            min-height: 22px;
            width: max-content;
            max-width: 100%;
        }

        .first-response-header-details-field-raw {
            color: #0f172a;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.2;
            white-space: nowrap;
        }

        .first-response-header-details-field-value button {
            min-height: 0;
            max-height: none;
            height: auto;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            font-weight: 600;
            transform: none;
        }

        .first-response-header-details-field-pills {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 4px;
        }

        .first-response-header-details-field-value .first-response-header-detail-pill {
            max-width: none;
            overflow: visible;
            text-overflow: clip;
        }

        .first-response-header-detail-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 3px;
            box-sizing: border-box;
            flex-shrink: 0;
            max-width: 100%;
            min-width: calc(3ch + 16px + 2px);
            padding: 3px 8px;
            border: 1px solid rgba(148, 163, 184, 0.38);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
            color: #334155;
            font-size: 10px;
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: 0.01em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
        }

        .first-response-header-detail-pill-icon {
            display: block;
            width: 12px;
            height: 12px;
            object-fit: contain;
            flex: 0 0 auto;
        }

        .first-response-header-detail-pill-status-emoji {
            display: inline-block;
            flex: 0 0 auto;
            font-size: 6px;
            line-height: 1;
            vertical-align: middle;
        }

        .first-response-header-detail-pill.is-mid {
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 10px;
            font-weight: 700;
            color: #0f172a;
            background: rgba(255, 255, 255, 0.96);
        }

        .first-response-header-detail-pill.is-mid-linked {
            cursor: pointer;
        }

        .first-response-entity-wallet-detail-popover {
            position: absolute;
            z-index: 1200;
            display: flex;
            flex-direction: column;
            width: min(360px, calc(100% - 16px));
            max-width: min(420px, calc(100% - 16px));
            padding: 0;
            border: 1px solid rgba(148, 163, 184, 0.42);
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
            pointer-events: auto;
            overflow: hidden;
        }

        .first-response-entity-wallet-detail-popover.is-hidden {
            display: none;
        }

        .first-response-entity-wallet-detail-popover-body {
            margin: 0;
            padding: 8px 10px;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 9px;
            font-weight: 500;
            line-height: 1.35;
            color: #0f172a;
            white-space: pre-wrap;
            word-break: break-word;
            overflow: auto;
        }

        .first-response-header-details-wallet-stack.is-entity-wallet-stack .first-response-header-details-wallet-box {
            cursor: pointer;
        }

        .first-response-merchant-id-popover {
            position: absolute;
            z-index: 1200;
            display: flex;
            flex-direction: column;
            width: max-content;
            min-width: 0;
            max-width: calc(100% - 16px);
            padding: 5px 8px;
            border: 1px solid rgba(148, 163, 184, 0.42);
            border-radius: 6px;
            background: #ffffff;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
            pointer-events: auto;
            box-sizing: border-box;
            overflow: hidden;
        }

        .first-response-merchant-id-popover.is-hidden {
            display: none;
        }

        .first-response-merchant-id-popover-value {
            margin: 0;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            color: #0f172a;
            white-space: nowrap;
        }

        .first-response-merchant-id-popover-value.is-tree-line {
            letter-spacing: 0.01em;
            max-width: 100%;
            overflow-x: auto;
        }

        .first-response-header-detail-pill.is-merchant-label {
            color: #0c4a6e;
            background: rgba(255, 255, 255, 0.96);
            font-weight: 700;
        }

        .first-response-header-detail-pill.is-txn-field {
            color: #0f172a;
            background: rgba(255, 255, 255, 0.96);
            font-weight: 700;
        }

        .first-response-header-detail-pill.is-txn-status-success {
            color: #166534;
            background: rgba(240, 253, 244, 0.94);
            border-color: rgba(74, 222, 128, 0.4);
        }

        .first-response-header-detail-pill.is-txn-status-authorized {
            color: #1e40af;
            background: rgba(239, 246, 255, 0.94);
            border-color: rgba(96, 165, 250, 0.42);
        }

        .first-response-header-detail-pill.is-txn-status-failed {
            color: #991b1b;
            background: rgba(254, 242, 242, 0.94);
            border-color: rgba(248, 113, 113, 0.42);
        }

        .first-response-header-detail-pill.is-status {
            color: #1e293b;
            background: rgba(241, 245, 249, 0.95);
        }

        .first-response-header-detail-pill.is-status-active {
            color: #166534;
            background: rgba(240, 253, 244, 0.94);
            border-color: rgba(74, 222, 128, 0.42);
        }

        .first-response-header-detail-pill.is-country {
            font-weight: 700;
            letter-spacing: 0.04em;
            color: #0f172a;
            background: #ffffff;
            border-color: rgba(148, 163, 184, 0.38);
        }

        .first-response-header-detail-pill.is-settle,
        .first-response-header-detail-pill.is-charge,
        .first-response-header-detail-pill.is-terminal {
            color: #0f172a;
            background: #ffffff;
            border-color: rgba(148, 163, 184, 0.38);
        }

        .first-response-header-detail-pill.is-wallet-currency {
            color: #475569;
            background: rgba(248, 250, 252, 0.96);
            border-color: rgba(148, 163, 184, 0.45);
            font-weight: 600;
        }

        .first-response-header-detail-pill.is-acceptance-ok {
            color: #166534;
            background: rgba(240, 253, 244, 0.94);
            border-color: rgba(74, 222, 128, 0.4);
        }

        .first-response-header-detail-pill.is-acceptance-no {
            color: #991b1b;
            background: rgba(254, 242, 242, 0.94);
            border-color: rgba(248, 113, 113, 0.42);
        }

        .first-response-header-detail-pill.is-marketplace-yes {
            color: #0f172a;
            background: #ffffff;
            border-color: rgba(148, 163, 184, 0.38);
        }

        .first-response-header-detail-pill.is-marketplace-no,
        .first-response-header-detail-pill.is-pill-muted {
            color: #64748b;
            background: rgba(248, 250, 252, 0.94);
            border-color: rgba(148, 163, 184, 0.42);
        }

        .first-response-header-detail-pill.is-payout-ok {
            color: #166534;
            background: rgba(240, 253, 244, 0.94);
            border-color: rgba(74, 222, 128, 0.4);
        }

        .first-response-header-detail-pill.is-payout-no {
            color: #991b1b;
            background: rgba(254, 242, 242, 0.94);
            border-color: rgba(248, 113, 113, 0.42);
        }

        .first-response-header-detail-pill.is-available-balance {
            font-family: Menlo, Consolas, Monaco, monospace;
            color: #0f766e;
            border-color: rgba(45, 212, 191, 0.42);
            background: rgba(240, 253, 250, 0.92);
        }

        .first-response-header-balance-retrieve {
            display: inline-flex;
            align-items: center;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            color: #64748b;
            font-size: 10px;
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: 0.02em;
            text-decoration: underline;
            text-underline-offset: 2px;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
        }

        .first-response-header-balance-retrieve:hover,
        .first-response-header-balance-retrieve:focus,
        .first-response-header-balance-retrieve:focus-visible,
        .first-response-header-balance-retrieve:active {
            background: transparent;
            box-shadow: none;
            color: #475569;
            outline: none;
            transform: none;
        }

        .first-response-header-balance-retrieve:disabled {
            opacity: 0.55;
            cursor: default;
        }

        .first-response-header-balance-retrieve.is-merchant-inner-pill,
        .first-response-header-payouts-check-date.is-merchant-inner-pill,
        .first-response-header-disputes-check-date.is-merchant-inner-pill,
        .first-response-header-reports-calendar-button.is-merchant-inner-pill,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill,
        .first-response-header-reports-download-button.is-merchant-inner-pill,
        .first-response-header-disputes-download-button.is-merchant-inner-pill,
        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill,
        .first-response-header-merchant-inner-reports-filter-search.is-merchant-inner-pill,
        .first-response-header-merchant-inner-action-pill.is-merchant-inner-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: calc(3ch + 12px + 2px);
            min-height: 21px;
            margin: 0;
            padding: 4px 9px;
            border: 1px solid rgba(148, 163, 184, 0.38);
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.94);
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
            color: #334155;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.02em;
            text-decoration: none;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
            transition:
                background 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease,
                box-shadow 0.18s ease;
        }

        .first-response-header-reports-calendar-button.is-merchant-inner-pill,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill,
        .first-response-header-reports-download-button.is-merchant-inner-pill,
        .first-response-header-disputes-download-button.is-merchant-inner-pill,
        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill {
            padding: 4px;
            line-height: 1;
        }

        .first-response-header-balance-retrieve.is-merchant-inner-pill:hover,
        .first-response-header-balance-retrieve.is-merchant-inner-pill:focus-visible,
        .first-response-header-payouts-check-date.is-merchant-inner-pill:hover,
        .first-response-header-payouts-check-date.is-merchant-inner-pill:focus-visible,
        .first-response-header-disputes-check-date.is-merchant-inner-pill:hover,
        .first-response-header-disputes-check-date.is-merchant-inner-pill:focus-visible,
        .first-response-header-reports-calendar-button.is-merchant-inner-pill:hover,
        .first-response-header-reports-calendar-button.is-merchant-inner-pill:focus-visible,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill:hover,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill:focus-visible,
        .first-response-header-reports-download-button.is-merchant-inner-pill:hover,
        .first-response-header-reports-download-button.is-merchant-inner-pill:focus-visible,
        .first-response-header-disputes-download-button.is-merchant-inner-pill:hover,
        .first-response-header-disputes-download-button.is-merchant-inner-pill:focus-visible,
        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill:hover,
        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill:focus-visible,
        .first-response-header-merchant-inner-reports-filter-search.is-merchant-inner-pill:hover,
        .first-response-header-merchant-inner-reports-filter-search.is-merchant-inner-pill:focus-visible,
        .first-response-header-merchant-inner-action-pill.is-merchant-inner-pill:hover,
        .first-response-header-merchant-inner-action-pill.is-merchant-inner-pill:focus-visible {
            color: #0c4a6e;
            border-color: rgba(148, 163, 184, 0.48);
            background: rgba(255, 255, 255, 0.99);
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
            outline: none;
        }

        .first-response-header-balance-retrieve.is-merchant-inner-pill:active,
        .first-response-header-payouts-check-date.is-merchant-inner-pill:active,
        .first-response-header-disputes-check-date.is-merchant-inner-pill:active,
        .first-response-header-reports-calendar-button.is-merchant-inner-pill:active,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill:active,
        .first-response-header-reports-download-button.is-merchant-inner-pill:active,
        .first-response-header-disputes-download-button.is-merchant-inner-pill:active,
        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill:active,
        .first-response-header-merchant-inner-reports-filter-search.is-merchant-inner-pill:active,
        .first-response-header-merchant-inner-action-pill.is-merchant-inner-pill:active {
            transform: none;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
        }

        .first-response-header-balance-retrieve.is-merchant-inner-pill:disabled,
        .first-response-header-payouts-check-date.is-merchant-inner-pill:disabled,
        .first-response-header-disputes-check-date.is-merchant-inner-pill:disabled,
        .first-response-header-reports-calendar-button.is-merchant-inner-pill:disabled,
        .first-response-header-transactions-calendar-button.is-merchant-inner-pill:disabled,
        .first-response-header-reports-download-button.is-merchant-inner-pill:disabled,
        .first-response-header-disputes-download-button.is-merchant-inner-pill:disabled,
        .first-response-header-merchant-inner-reports-filter-button.is-merchant-inner-pill:disabled,
        .first-response-header-merchant-inner-reports-filter-search.is-merchant-inner-pill:disabled,
        .first-response-header-merchant-inner-action-pill.is-merchant-inner-pill:disabled {
            opacity: 0.55;
            cursor: default;
        }

        .first-response-header-payouts-check-date {
            display: inline-flex;
            align-items: center;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            color: #64748b;
            font-size: 10px;
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: 0.02em;
            text-decoration: underline;
            text-underline-offset: 2px;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
        }

        .first-response-header-payouts-check-date:hover,
        .first-response-header-payouts-check-date:focus,
        .first-response-header-payouts-check-date:focus-visible,
        .first-response-header-payouts-check-date:active {
            background: transparent;
            box-shadow: none;
            color: #475569;
            outline: none;
            transform: none;
        }

        .first-response-header-payouts-check-date:disabled {
            opacity: 0.55;
            cursor: default;
        }

        .first-response-header-detail-pill.is-payouts-available {
            font-family: Menlo, Consolas, Monaco, monospace;
            color: #1d4ed8;
            border-color: rgba(96, 165, 250, 0.42);
            background: rgba(239, 246, 255, 0.92);
            cursor: default;
        }

        .first-response-header-detail-pill.is-payouts-not-found {
            font-family: Menlo, Consolas, Monaco, monospace;
            color: #b91c1c;
            border-color: rgba(248, 113, 113, 0.42);
            background: rgba(254, 242, 242, 0.92);
            cursor: default;
        }

        .first-response-header-details-field-value .first-response-header-payouts-reload {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            flex: 0 0 auto;
            min-width: calc(1.2em + 16px + 2px);
            padding: 3px 8px;
            border: 1px solid rgba(148, 163, 184, 0.38);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
            color: #64748b;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.2;
            cursor: pointer;
        }

        .first-response-header-details-field-value .first-response-header-payouts-reload:hover,
        .first-response-header-details-field-value .first-response-header-payouts-reload:focus-visible {
            color: #334155;
            border-color: rgba(100, 116, 139, 0.48);
            background: rgba(248, 250, 252, 0.98);
            outline: none;
        }

        .first-response-header-payouts-hover-popover {
            position: fixed;
            z-index: 520;
            box-sizing: border-box;
            width: max-content;
            max-width: min(96vw, 720px);
            padding: 8px 10px;
            border: 1px solid rgba(219, 227, 239, 0.92);
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
        }

        .first-response-header-payouts-hover-popover.is-hidden {
            display: none;
        }

        .first-response-header-payouts-hover-row {
            display: flex;
            align-items: center;
            gap: 1ch;
            white-space: nowrap;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 11px;
            line-height: 1.45;
            color: #0f172a;
        }

        .first-response-header-payouts-hover-row + .first-response-header-payouts-hover-row {
            margin-top: 6px;
        }

        .first-response-header-payouts-hover-status {
            font-weight: 700;
        }

        .first-response-header-payouts-hover-error {
            color: #dc2626;
            font-size: 10px;
            font-weight: 700;
            white-space: nowrap;
        }

        .first-response-header-payouts-hover-row .first-response-header-payout-download-btn {
            width: 22px;
            height: 22px;
            min-height: 0;
            padding: 0;
        }

        .first-response-header-details:not(.is-expanded) .first-response-header-details-body {
            visibility: hidden;
        }

        .first-response-header-details-lock {
            position: absolute;
            top: auto;
            bottom: 6px;
            right: 8px;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            min-height: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            cursor: pointer;
            box-shadow: none;
        }

        .first-response-header-details-lock:hover,
        .first-response-header-details-lock:focus,
        .first-response-header-details-lock:focus-visible,
        .first-response-header-details-lock:active {
            background: transparent;
            box-shadow: none;
            transform: none;
            outline: none;
        }

        .first-response-header-details-lock-switch {
            position: relative;
            display: inline-flex;
            align-items: center;
            width: 18px;
            height: 9px;
            border-radius: 999px;
            background: color-mix(in srgb, #58c93f 50%, #ffffff);
            box-shadow:
                inset 0 1px 2px rgba(15, 23, 42, 0.22),
                inset 0 -1px 0 rgba(255, 255, 255, 0.28);
            transition: background 0.2s ease;
            overflow: hidden;
        }

        .first-response-header-details-lock.is-locked .first-response-header-details-lock-switch {
            background: color-mix(in srgb, #c62828 50%, #ffffff);
        }

        .first-response-header-details-lock-knob {
            position: absolute;
            top: 1px;
            left: 1px;
            z-index: 2;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #ffffff;
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.24),
                0 1px 1px rgba(15, 23, 42, 0.12);
            transition: left 0.2s ease;
        }

        .first-response-header-details-lock:not(.is-locked) .first-response-header-details-lock-knob {
            left: calc(100% - 8px);
        }

        .first-response-header-details-lock.is-locked .first-response-header-details-lock-knob {
            left: 1px;
        }

        .first-response-header-details:not(.is-expanded) .first-response-header-details-lock {
            display: none;
        }

        .first-response-header-drive-cluster.is-inline-top-row,
        .first-response-header-details-drive-slot > .first-response-header-drive-cluster {
            position: static;
            top: auto;
            right: auto;
            z-index: 1;
            flex-direction: column;
            align-items: center;
            gap: 4px;
        }

        .first-response-header-drive-cluster.is-in-top-toolbar {
            position: static;
            top: auto;
            right: auto;
            z-index: 1;
            flex-direction: row;
            align-items: center;
            gap: 0;
        }

        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-utility-row {
            gap: 8px;
        }

        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-utility-item {
            flex-direction: row;
            gap: 0;
        }

        .first-response-header-top-toolbar .first-response-header-checkout-slot {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            flex: 0 0 auto;
            align-self: center;
            margin-right: auto;
            height: 16px;
            max-height: 16px;
            line-height: 0;
        }

        .first-response-header-top-toolbar .first-response-header-checkout-slot.is-hidden {
            display: none;
        }

        .first-response-header-top-toolbar .first-response-header-checkout-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: auto;
            height: 16px;
            min-height: 0;
            max-height: 16px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            color: inherit;
            box-shadow: none;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
            line-height: 0;
            font-size: 0;
            font-weight: 400;
        }

        .first-response-header-top-toolbar .first-response-header-checkout-button:hover,
        .first-response-header-top-toolbar .first-response-header-checkout-button:focus,
        .first-response-header-top-toolbar .first-response-header-checkout-button:focus-visible,
        .first-response-header-top-toolbar .first-response-header-checkout-button:active {
            background: transparent;
            color: inherit;
            box-shadow: none;
            outline: none;
            transform: none;
        }

        .first-response-header-top-toolbar .first-response-header-checkout-icon {
            display: block;
            width: auto;
            height: 16px;
            max-height: 16px;
            object-fit: contain;
        }

        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-drive-button,
        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-clear-cache-button,
        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-meet-the-team-button,
        .first-response-header-top-toolbar .first-response-header-clear-cache-button,
        .first-response-header-top-toolbar .first-response-header-meet-the-team-button {
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
        }

        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-drive-icon {
            width: 16px;
            height: 16px;
        }

        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-clear-cache-icon,
        .first-response-header-top-toolbar .first-response-header-clear-cache-icon {
            width: calc(16px * 1.15);
            height: 16px;
        }

        .first-response-header-drive-cluster.is-in-top-toolbar .first-response-header-meet-the-team-icon,
        .first-response-header-top-toolbar .first-response-header-meet-the-team-icon {
            width: 16px;
            height: 16px;
        }

        .first-response-header-utility-row {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 1.5ch;
        }

        .first-response-header-utility-item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 3px;
            line-height: 0;
        }

        .first-response-header-drive-cluster {
            position: absolute;
            top: 6px;
            right: 8px;
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0;
            line-height: 0;
            margin: 0;
            padding: 0;
            border: none;
            background: transparent;
            box-shadow: none;
        }

        .first-response-header-drive-cluster button {
            min-height: 0;
            max-height: none;
            height: auto;
            padding: 0;
            font-weight: 400;
            box-shadow: none;
        }

        .first-response-header-details:not(.is-expanded) .first-response-header-drive-cluster {
            display: none;
        }

        .first-response-header-drive-cluster.is-hidden {
            display: none;
        }

        .first-response-header-drive-button,
        .first-response-header-clear-cache-button,
        .first-response-header-meet-the-team-button {
            display: block;
            height: 22px;
            min-width: 0;
            min-height: 0;
            margin: 0;
            padding: 0;
            line-height: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
        }

        .first-response-header-drive-button {
            width: 22px;
        }

        .first-response-header-clear-cache-button {
            width: calc(22px * 1.15);
        }

        .first-response-header-meet-the-team-button {
            width: 22px;
        }

        .first-response-header-drive-button:hover,
        .first-response-header-drive-button:focus,
        .first-response-header-drive-button:focus-visible,
        .first-response-header-drive-button:active,
        .first-response-header-clear-cache-button:hover,
        .first-response-header-clear-cache-button:focus,
        .first-response-header-clear-cache-button:focus-visible,
        .first-response-header-clear-cache-button:active,
        .first-response-header-meet-the-team-button:hover,
        .first-response-header-meet-the-team-button:focus,
        .first-response-header-meet-the-team-button:focus-visible,
        .first-response-header-meet-the-team-button:active {
            background: transparent;
            box-shadow: none;
            outline: none;
        }

        .first-response-header-drive-icon,
        .first-response-header-clear-cache-icon,
        .first-response-header-meet-the-team-icon {
            display: block;
            height: 22px;
            object-fit: contain;
        }

        .first-response-header-drive-icon {
            width: 22px;
        }

        .first-response-header-clear-cache-icon {
            width: calc(22px * 1.15);
        }

        .first-response-header-meet-the-team-icon {
            width: 22px;
        }

        .first-response-header-drive-cluster.is-inline-top-row .first-response-header-drive-add-label,
        .first-response-header-drive-cluster.is-inline-top-row .first-response-header-clear-cache-label {
            margin: 0;
            line-height: 1;
        }

        .first-response-header-drive-add-label,
        .first-response-header-clear-cache-label {
            display: block;
            height: auto;
            min-height: 0;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            color: #64748b;
            font-size: 10px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: 0.02em;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
        }

        .first-response-header-drive-add-label:hover,
        .first-response-header-drive-add-label:focus,
        .first-response-header-drive-add-label:focus-visible,
        .first-response-header-drive-add-label:active,
        .first-response-header-clear-cache-label:hover,
        .first-response-header-clear-cache-label:focus,
        .first-response-header-clear-cache-label:focus-visible,
        .first-response-header-clear-cache-label:active {
            background: transparent;
            box-shadow: none;
            color: #64748b;
            outline: none;
        }

        .first-response-drive-add-popover {
            position: absolute;
            z-index: 1200;
            display: flex;
            flex-direction: column;
            gap: 3px;
            width: max-content;
            min-width: 260px;
            max-width: min(380px, calc(100% - 16px));
            padding: 5px 7px 4px;
            border: 1px solid rgba(148, 163, 184, 0.42);
            border-radius: 6px;
            background: #ffffff;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
            pointer-events: auto;
        }

        .first-response-drive-add-popover.is-hidden {
            display: none;
        }

        .first-response-drive-add-title {
            display: block;
            margin: 0;
            color: #334155;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            min-width: 0;
        }

        .first-response-drive-add-title-mid,
        .first-response-drive-add-title-merchant {
            flex: 0 1 auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .first-response-drive-add-input {
            box-sizing: border-box;
            width: 100%;
            height: 20px;
            min-height: 20px;
            margin: 0;
            padding: 0 6px;
            border: 1px solid rgba(148, 163, 184, 0.5);
            border-radius: 3px;
            font-size: 9px;
            line-height: 17px;
            -webkit-appearance: none;
            appearance: none;
        }

        .first-response-drive-add-footer {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin: 0;
            min-height: 0;
        }

        .first-response-drive-add-save {
            height: 12.5px;
            min-height: 12.5px;
            padding: 0 7px;
            border: 1px solid rgba(148, 163, 184, 0.5);
            border-radius: 3px;
            background: #f8fafc;
            color: #0f172a;
            font-size: 9px;
            line-height: 1;
            cursor: pointer;
        }

        .first-response-drive-add-save:hover,
        .first-response-drive-add-save:focus-visible {
            background: #eef2f7;
            outline: none;
        }

        .first-response-drive-add-message {
            margin: 0;
            color: #64748b;
            font-size: 9px;
            line-height: 1.1;
        }

        .first-response-drive-add-message:empty {
            display: none;
        }

        .first-response-contacts-popover {
            position: absolute;
            z-index: 1200;
            display: flex;
            flex-direction: column;
            gap: 0;
            width: max-content;
            min-width: min(520px, calc(100% - 16px));
            max-width: min(720px, calc(100% - 16px));
            padding: 0;
            border: 1px solid rgba(148, 163, 184, 0.42);
            border-radius: 6px;
            background: #ffffff;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
            pointer-events: auto;
            overflow: hidden;
        }

        .first-response-contacts-popover.is-hidden {
            display: none;
        }

        .first-response-contacts-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 7px 10px;
            background: #f5f7f6;
            border-bottom: 1px solid rgba(148, 163, 184, 0.28);
        }

        .first-response-contacts-head-label {
            flex: 0 0 auto;
            color: #334155;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.1;
            white-space: nowrap;
        }

        .first-response-contacts-head-meta {
            display: flex;
            align-items: baseline;
            justify-content: flex-end;
            gap: 2ch;
            flex: 1 1 auto;
            min-width: 0;
            margin-left: auto;
            color: #334155;
            font-size: 10px;
            line-height: 1.1;
            white-space: nowrap;
            overflow: hidden;
        }

        .first-response-contacts-head-mid,
        .first-response-contacts-head-merchant {
            flex: 0 1 auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .first-response-contacts-body {
            display: flex;
            flex-direction: column;
            gap: 6px;
            padding: 8px 10px 7px;
        }

        .first-response-contacts-table-wrap {
            overflow: auto;
        }

        .first-response-contacts-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

        .first-response-contacts-table th,
        .first-response-contacts-table td {
            padding: 4px 6px;
            border-bottom: 1px solid rgba(226, 232, 240, 0.95);
            color: #0f172a;
            font-size: 9px;
            line-height: 1.25;
            text-align: left;
            vertical-align: top;
            word-break: break-word;
        }

        .first-response-contacts-table th {
            color: #64748b;
            font-size: 8px;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .first-response-contacts-popover.is-readonly .first-response-contacts-actions,
        .first-response-contacts-popover.is-readonly .first-response-contacts-actions-head {
            display: none;
        }

        .first-response-contacts-input {
            box-sizing: border-box;
            width: 100%;
            min-width: 0;
            height: 20px;
            min-height: 20px;
            margin: 0;
            padding: 0 5px;
            border: 1px solid rgba(148, 163, 184, 0.5);
            border-radius: 3px;
            font-size: 9px;
            line-height: 18px;
            -webkit-appearance: none;
            appearance: none;
        }

        .first-response-contacts-actions {
            width: 24px;
            text-align: center;
            white-space: nowrap;
        }

        .first-response-contacts-remove-row {
            width: 18px;
            height: 18px;
            min-height: 18px;
            padding: 0;
            border: none;
            border-radius: 3px;
            background: transparent;
            color: #94a3b8;
            font-size: 14px;
            line-height: 1;
            cursor: pointer;
        }

        .first-response-contacts-remove-row:hover,
        .first-response-contacts-remove-row:focus-visible {
            color: #b91c1c;
            background: rgba(239, 68, 68, 0.12);
            outline: none;
        }

        .first-response-contacts-empty {
            margin: 0;
            color: #64748b;
            font-size: 9px;
            line-height: 1.2;
        }

        .first-response-contacts-empty[hidden] {
            display: none;
        }

        .first-response-contacts-footer {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
        }

        .first-response-contacts-add-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            width: 18px;
            height: 18px;
            min-width: 18px;
            min-height: 18px;
            padding: 0;
            border: 1px solid rgba(148, 163, 184, 0.5);
            border-radius: 999px;
            background: #f8fafc;
            color: #0f172a;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
        }

        .first-response-contacts-save {
            height: 12.5px;
            min-height: 12.5px;
            padding: 0 7px;
            border: 1px solid rgba(148, 163, 184, 0.5);
            border-radius: 3px;
            background: #e8ecf1;
            color: #0f172a;
            font-size: 9px;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
        }

        .first-response-contacts-add-pill:hover,
        .first-response-contacts-add-pill:focus-visible,
        .first-response-contacts-save:hover,
        .first-response-contacts-save:focus-visible {
            background: #eef2f7;
            outline: none;
        }

        .first-response-contacts-message {
            margin: 0;
            color: #64748b;
            font-size: 9px;
            line-height: 1.1;
        }

        .first-response-contacts-message:empty {
            display: none;
        }

        .first-response-contacts-popover.is-readonly .first-response-contacts-footer {
            display: none;
        }

        .modal.has-view-tabs .modal-utility-tabs > .first-response-header-details-toggle,
        .modal.has-call-view .modal-utility-tabs > .first-response-header-details-toggle {
            border-radius: 0 6px 0 0;
        }

        .modal.has-view-tabs .first-response-header-details-toggle,
        .modal.has-call-view .first-response-header-details-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: flex-end;
            background: transparent;
            color: var(--muted);
            box-shadow: none;
            font-size: 14px;
            line-height: 1;
            cursor: pointer;
        }

        .modal.has-view-tabs .first-response-header-details-toggle:hover,
        .modal.has-call-view .first-response-header-details-toggle:hover {
            color: var(--text);
            background: transparent;
        }

        .first-response-header-details-toggle.is-expanded {
            background: transparent;
            border-color: rgba(148, 163, 184, 0.38);
            border-bottom: none;
            color: #999999;
        }

        .first-response-header-details-toggle {
            position: relative;
            overflow: visible;
        }

        .modal.has-view-tabs .modal-utility-tabs,
        .modal.has-call-view .modal-utility-tabs {
            overflow: visible;
        }

        .first-response-header-details-locked-hint {
            position: absolute;
            left: 50%;
            bottom: calc(100% + 3px);
            transform: translateX(-50%);
            padding: 1px 5px;
            border-radius: 3px;
            background: #999999;
            color: #ffffff;
            font-size: 7px;
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: 0.02em;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.12s ease, visibility 0.12s ease;
            pointer-events: none;
            z-index: 12;
        }

        .first-response-header-details-locked-hint.is-visible {
            opacity: 1;
            visibility: visible;
        }

        .first-response-header-details-locked-hint.is-toolbar-floating {
            position: fixed;
            left: 0;
            top: 0;
            bottom: auto;
            transform: translateX(-50%);
            z-index: 1300;
            padding: 3px 9px;
            font-size: 12px;
            line-height: 1.25;
            font-weight: 700;
        }

        .first-response-header-details-locked-hint.is-pill-param-floating {
            position: fixed;
            left: 0;
            top: 0;
            bottom: auto;
            transform: translate(-50%, -100%);
            z-index: 1300;
            padding: 2px 7px;
            font-size: 10px;
            line-height: 1.25;
        }

        .first-response-header-top-toolbar .first-response-header-utility-item,
        .first-response-header-top-toolbar .txn-report-btn {
            position: relative;
            overflow: visible;
        }

        .modal.has-view-tabs .modal-utility-tabs > .modal-search-cluster,
        .modal.has-call-view .modal-utility-tabs > .modal-search-cluster {
            box-sizing: border-box;
            flex: 0 0 var(--modal-utility-cell, 36px);
            width: var(--modal-utility-cell, 36px);
            min-width: var(--modal-utility-cell, 36px);
            max-width: var(--modal-utility-cell, 36px);
            height: 30px;
            min-height: 30px;
            margin: 0;
            padding: 0;
            justify-content: center;
            overflow: visible;
            border-left: none;
            border-radius: 6px 0 0 0;
        }

        .modal.has-view-tabs .modal-utility-tabs > .modal-search-cluster.is-open,
        .modal.has-call-view .modal-utility-tabs > .modal-search-cluster.is-open {
            flex: 0 1 auto;
            width: auto;
            max-width: none;
            min-width: var(--modal-utility-cell, 36px);
            padding: 0 0 0 6px;
            gap: 6px;
            border-left: none;
            border-radius: 6px 0 0 0;
        }

        .modal.has-view-tabs .modal-utility-tabs .modal-search-toggle,
        .modal.has-call-view .modal-utility-tabs .modal-search-toggle {
            box-sizing: border-box;
            flex: 0 0 var(--modal-utility-cell, 36px);
            width: var(--modal-utility-cell, 36px);
            min-width: var(--modal-utility-cell, 36px);
            max-width: var(--modal-utility-cell, 36px);
            height: 30px;
            min-height: 30px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
        }

        .modal.has-view-tabs .modal-utility-tabs .modal-search-cluster.is-open .modal-search-toggle,
        .modal.has-call-view .modal-utility-tabs .modal-search-cluster.is-open .modal-search-toggle {
            flex: 0 0 auto;
            width: var(--modal-utility-cell, 36px);
            min-width: var(--modal-utility-cell, 36px);
            max-width: var(--modal-utility-cell, 36px);
        }

        .transaction-response-modal .txn-pane:not([data-txn-bulk="1"]) {
            position: relative;
        }

        .transaction-response-modal .txn-pane:not([data-txn-bulk="1"]) .txn-report-actions,
        .transaction-response-modal:not([data-txn-bulk="1"]) .modal-panel > .txn-report-actions {
            position: absolute;
            right: 18px;
            bottom: 14px;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            pointer-events: auto;
        }

        .transaction-response-modal .txn-pane:not([data-txn-bulk="1"]):has(.txn-report-actions) .json-viewer {
            padding-bottom: 48px;
        }

        .txn-report-actions {
            position: absolute;
            right: 18px;
            bottom: 14px;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .txn-report-btn {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            min-height: 0;
            padding: 0;
            border: 1px solid rgba(96, 165, 250, 0.7);
            border-radius: 7px;
            background: rgba(37, 99, 235, 0.92);
            color: #ffffff;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(15, 23, 42, 0.35);
            transition: background 0.15s ease, color 0.15s ease;
        }

        .txn-report-btn.txn-report-rows,
        .txn-report-btn.txn-report-columns {
            width: 19.5px;
            height: 19.5px;
            border-radius: 5.25px;
            box-shadow: 0 3px 9px rgba(15, 23, 42, 0.35);
        }

        .txn-report-btn.txn-report-rows svg,
        .txn-report-btn.txn-report-columns svg {
            width: 10.5px;
            height: 10.5px;
        }

        .txn-report-btn:hover {
            background: #2563eb;
        }

        .txn-report-btn.is-copied {
            background: #16a34a;
            border-color: rgba(134, 239, 172, 0.8);
        }

        .txn-report-btn.is-failed {
            background: #dc2626;
            border-color: rgba(252, 165, 165, 0.8);
        }

        .txn-report-btn.txn-report-copy {
            background: transparent;
            box-shadow: none;
        }

        .txn-report-btn.txn-report-copy:hover {
            background: rgba(37, 99, 235, 0.1);
        }

        .txn-report-btn.txn-report-copy.is-copied {
            background: rgba(22, 163, 74, 0.12);
            border-color: rgba(134, 239, 172, 0.8);
        }

        .txn-report-btn.txn-report-copy.is-failed {
            background: rgba(220, 38, 38, 0.12);
            border-color: rgba(252, 165, 165, 0.8);
        }

        .txn-report-copy-icon {
            width: 14px;
            height: 14px;
            display: block;
            flex: 0 0 auto;
        }

        .live-key-mask {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            vertical-align: baseline;
            white-space: nowrap;
        }

        .live-key-copy-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 13px;
            height: 16px;
            margin-left: 1px;
            padding: 0;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.96);
            border: 1px solid rgba(148, 163, 184, 0.55);
            cursor: pointer;
            vertical-align: middle;
            flex: 0 0 auto;
            line-height: 0;
        }

        .live-key-copy-pill:hover {
            border-color: rgba(59, 130, 246, 0.65);
            background: rgba(239, 246, 255, 0.98);
        }

        .live-key-copy-pill.is-pressed {
            border-color: rgba(34, 197, 94, 0.75);
            background: rgba(220, 252, 231, 0.98);
        }

        .live-key-copy-icon {
            width: 10px;
            height: 10px;
            display: block;
            flex: 0 0 auto;
            opacity: 0.88;
        }

        .first-response-header-details-display-name .live-key-mask {
            font-size: inherit;
            font-weight: inherit;
        }

        .modal.has-view-tabs .modal-search-cluster,
        .modal.has-call-view .modal-search-cluster {
            align-self: flex-end;
            align-items: flex-end;
            margin-left: 0;
            margin-bottom: 0;
            min-height: 30px;
        }

        .modal-utility-tabs {
            display: inline-flex;
            align-items: flex-end;
            gap: 0;
            flex: 0 0 auto;
            margin-left: auto;
            margin-right: 0;
            margin-bottom: 0;
            flex-shrink: 0;
        }

        .modal.has-view-tabs .modal-search-toggle,
        .modal.has-call-view .modal-search-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 30px;
            min-height: 30px;
            width: 40px;
            padding: 0;
            margin: 0;
            border: 1px solid transparent;
            border-bottom: none;
            border-radius: 6px 6px 0 0;
            background: transparent;
            color: var(--muted);
            box-shadow: none;
            font-size: 16px;
            line-height: 1;
            cursor: pointer;
        }
        .modal.has-view-tabs .modal-search-toggle:hover,
        .modal.has-call-view .modal-search-toggle:hover {
            color: var(--text);
            background: transparent;
        }

        .modal.has-view-tabs .modal-search-cluster.is-open,
        .modal.has-call-view .modal-search-cluster.is-open {
            padding: 0;
            background: transparent;
            gap: 6px;
        }

        .modal.has-view-tabs .modal-head > .modal-search-cluster.is-open,
        .modal.has-call-view .modal-head > .modal-search-cluster.is-open {
            border: none;
        }

        .modal.has-view-tabs .modal-search-input,
        .modal.has-call-view .modal-search-input {
            min-height: 30px;
            height: 30px;
            width: min(220px, 28vw);
        }

        .modal.has-view-tabs .modal-search-nav,
        .modal.has-call-view .modal-search-nav {
            height: 22px;
            min-height: 22px;
        }

        .modal-head .modal-utility-tabs {
            margin-left: auto;
        }

        .modal.has-view-tabs .modal-head .modal-utility-tabs {
            margin-left: 0;
        }

        .modal-head .modal-search-cluster {
            margin-left: 0;
        }

        .modal:not(.has-view-tabs):not(.has-call-view) .modal-head .modal-search-cluster {
            margin-left: auto;
        }

        .modal-view-pane {
            display: none;
        }

        .modal-view-pane.is-active {
            display: block;
        }

        .list-response-panes {
            min-height: 0;
        }

        .list-response-pane .json-viewer {
            height: min(620px, calc(100vh - 160px));
            max-height: calc(100vh - 160px);
        }

        .api-call-view {
            position: relative;
            background: var(--code-bg);
            color: #eef2f7;
            height: min(620px, calc(100vh - 160px));
            max-height: calc(100vh - 160px);
            overflow: auto;
        }

        .api-call-copy-wrap {
            position: absolute;
            top: 12px;
            right: 12px;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .api-call-copied-label {
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 12px;
            font-weight: 700;
            color: #eef2f7;
            opacity: 0;
            transform: translateX(6px);
            transition: opacity 0.15s ease, transform 0.15s ease;
            pointer-events: none;
            white-space: nowrap;
        }

        .api-call-copied-label.is-visible {
            opacity: 1;
            transform: translateX(0);
        }

        .api-call-copy-curl {
            position: static;
            min-width: 0;
            min-height: 17px;
            height: 17px;
            max-height: 17px;
            padding: 0 5px 0 4px;
            gap: 3px;
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 3px;
            background: rgba(255, 255, 255, 0.06);
            color: #eef2f7;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.02em;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: none;
            box-sizing: border-box;
            transition: background 0.15s ease, transform 0.12s ease, border-color 0.15s ease;
        }

        .api-call-copy-icon {
            width: 12px;
            height: 12px;
            display: block;
            flex: 0 0 auto;
        }

        .api-call-copy-label {
            flex: 0 0 auto;
        }

        .api-call-copy-curl:hover {
            background: rgba(255, 255, 255, 0.16);
            border-color: rgba(255, 255, 255, 0.24);
            box-shadow: none;
        }

        .api-call-copy-curl:active,
        .api-call-copy-curl.is-pressed {
            transform: scale(0.94);
            background: rgba(255, 255, 255, 0.22);
            border-color: rgba(255, 255, 255, 0.3);
        }

        .api-call-meta {
            padding: 16px 72px 16px 16px;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 13px;
            line-height: 1.55;
        }

        .api-call-line {
            margin: 8px 0 0;
            word-break: break-word;
        }

        .api-call-line:first-child {
            margin-top: 0;
        }

        .api-call-label {
            font-weight: 700;
        }

        .api-call-spacer {
            height: 0;
            margin: 1lh 0 0;
        }

        .api-call-body-json {
            margin: 8px 0 0;
            padding: 0;
            color: #eef2f7;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .api-call-view .modal-call-body {
            margin: 4px 0 0;
            padding: 0;
            background: transparent;
            border-top: none;
            height: auto;
            max-height: none;
            overflow: visible;
        }

        .api-call-title {
            margin: 0 0 12px;
            font-size: 15px;
            font-weight: 700;
        }

        .modal-title {
            margin: 0 auto 0 0;
            font-size: 16px;
            font-weight: 700;
        }

        .modal-search-toggle,
        .modal-close {
            min-height: 34px;
            padding: 0 12px;
            background: #eef2f7;
            color: var(--text);
            box-shadow: none;
        }

        .modal-search-toggle {
            width: 42px;
            padding: 0;
            font-size: 17px;
            line-height: 1;
        }
        .modal-search-cluster {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 34px;
            border: 1px solid transparent;
            border-radius: 8px;
            padding: 0;
            background: transparent;
        }

        .modal-search-cluster.is-open {
            border-color: var(--line);
            padding: 0 8px;
            background: #f9fbfe;
        }

        .modal-search-cluster.is-open .modal-search-toggle {
            display: inline-flex;
        }

        .modal-search-input {
            width: min(260px, 34vw);
            min-height: 34px;
            border: 1px solid var(--line);
            border-radius: 6px;
            padding: 0 10px;
            background: #ffffff;
            color: var(--text);
            font-size: 13px;
            font-weight: 700;
        }

        .modal-search-count {
            min-width: 44px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            text-align: center;
            white-space: nowrap;
        }

        .modal-search-nav {
            width: 24px;
            min-width: 24px;
            height: 24px;
            min-height: 24px;
            border: 1px solid var(--line);
            border-radius: 5px;
            padding: 0;
            background: #f0f7ff;
            color: #2563eb;
            font-size: 13px;
            font-weight: 900;
            line-height: 1;
        }

        .modal-search-nav:hover {
            background: #e0efff;
        }

        .modal-search-toggle.is-hidden,
        .modal-search-input.is-hidden,
        .modal-search-count.is-hidden,
        .modal-search-nav.is-hidden {
            display: none;
        }

        .modal-search-mark {
            border-radius: 3px;
            background: #fde68a;
            color: #111827;
            padding: 0 1px;
        }

        .modal-search-mark.is-current {
            background: #fb923c;
            color: #111827;
            box-shadow: 0 0 0 2px rgba(251, 146, 60, 0.32);
        }

        .modal-search-toggle:hover,
        .modal-close:hover {
            background: #e2e8f0;
        }

        .secret-modal-body {
            padding: 16px;
        }

        #secret-key-modal .modal-panel {
            width: min(980px, calc(100% - 24px));
            border-radius: 8px;
            overflow: visible;
        }

        #secret-key-modal .modal-head {
            display: none;
        }

        .secret-key-error {
            margin: 0 0 10px;
            color: #b91c1c;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
        }

        .secret-key-error.is-hidden {
            display: none;
        }

        .secret-key-row {
            display: grid;
            grid-template-columns: auto auto minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
            transition: opacity 0.18s ease;
        }

        .secret-key-row.is-faded .secret-key-label,
        .secret-key-row.is-faded .secret-key-input {
            opacity: 0.34;
        }

        .secret-key-row.is-active {
            opacity: 1;
        }

        .secret-key-row + .secret-key-row {
            margin-top: 10px;
        }

        .secret-key-check {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            margin: 0;
            cursor: pointer;
        }

        .secret-key-check input {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }

        .secret-key-check-ui {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            border: 1px solid rgba(15, 127, 116, 0.18);
            border-radius: 8px;
            background: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .secret-key-check-ui::after {
            content: "";
            width: 14px;
            height: 14px;
            border-radius: 3px;
            background: transparent;
        }

        .secret-key-check input:checked + .secret-key-check-ui::after {
            background: #22c55e;
            box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.85);
        }

        .secret-key-label {
            color: var(--muted);
            font-size: 14px;
            font-weight: 800;
            line-height: 1.2;
            white-space: nowrap;
        }

        .secret-key-input {
            width: 100%;
            min-height: 46px;
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 0 16px;
            background: #f9fbfe;
            color: #2563eb;
            font-family: "SFMono-Regular", Menlo, Consolas, Monaco, monospace;
            font-size: 15px;
            font-weight: 400;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .secret-key-input:focus {
            outline: none;
            border-color: rgba(37, 99, 235, 0.34);
            box-shadow:
                0 0 0 3px rgba(37, 99, 235, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .secret-key-input:read-only {
            color: #2563eb;
            cursor: default;
        }

        .secret-key-input::placeholder {
            color: #2563eb;
            opacity: 0.62;
            font-weight: 400;
        }

        .secret-key-live-field {
            position: relative;
            width: 100%;
        }

        .secret-key-live-hint {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.94);
            color: #2563eb;
            font-size: 14px;
            font-weight: 700;
            pointer-events: none;
        }

        .secret-key-live-hint.is-hidden {
            display: none;
        }

        .secret-key-dismiss,
        .secret-key-save {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            min-width: 46px;
            height: 46px;
            min-height: 46px;
            border: 0;
            border-radius: 8px;
            padding: 0;
            font-size: 18px;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
        }

        .secret-key-dismiss {
            background: #ff230f;
            color: #ffffff;
        }

        .secret-key-dismiss:hover {
            background: #dc1c0d;
        }

        .secret-key-save {
            background: #93c5fd;
            color: #ffffff;
        }

        .secret-key-save:hover:not(.is-disabled) {
            background: #2563eb;
        }

        .secret-key-save.is-disabled {
            opacity: 0.72;
            cursor: not-allowed;
        }

        .secret-key-save:not(.is-disabled) {
            background: #2563eb;
        }

        @media (max-width: 820px) {
            .secret-key-row {
                grid-template-columns: auto 1fr;
                grid-template-areas:
                    "check label"
                    "input input"
                    "action action";
            }

            .secret-key-check {
                grid-area: check;
            }

            .secret-key-label {
                grid-area: label;
            }

            .secret-key-input {
                grid-area: input;
            }

            .secret-key-dismiss,
            .secret-key-save {
                grid-area: action;
                width: 100%;
            }
        }

        .response {
            margin: 0;
            background: var(--code-bg);
            color: #eef2f7;
            padding: 16px;
            overflow: auto;
            height: min(620px, calc(100vh - 160px));
            max-height: calc(100vh - 160px);
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 13px;
            line-height: 1.55;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .response.is-hidden-response {
            display: none;
        }

        .json-viewer {
            position: relative;
            margin: 0;
            height: min(620px, calc(100vh - 160px));
            max-height: calc(100vh - 160px);
            overflow: auto;
            background: var(--code-bg);
            color: #eef2f7;
            padding: 0 16px 16px;
            font-family: Menlo, Consolas, Monaco, monospace;
            font-size: 13px;
            line-height: 1.55;
        }

        .json-viewer-toolbar {
            position: sticky;
            top: 0;
            z-index: 2;
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 0 -16px 12px;
            padding: 8px 16px 12px;
            background: var(--code-bg);
        }

        .json-viewer-toolbar.is-hidden {
            display: none;
        }

        /* Left: single flip button toggling Response <-> API Call. */
        .json-call-toggle {
            min-height: auto;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 999px;
            padding: 4px 10px;
            background: rgba(15, 23, 42, 0.74);
            color: #bfdbfe;
            font-size: 11px;
            font-weight: 800;
            cursor: pointer;
        }

        .json-call-toggle:hover {
            background: rgba(30, 41, 59, 0.95);
            color: #ffffff;
        }

        .json-call-toggle.is-hidden {
            display: none;
        }

        /*
         * TECH multi-page responses — Page ▼ sits inline after "page": N
         * (same chrome family as Retrieve / Download labels).
         */
        .response-page-picker-wrap {
            position: relative;
            display: inline-block;
            margin-left: 6px;
            vertical-align: middle;
        }

        .response-page-picker,
        .txn-page-picker-btn {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            margin-left: 0;
            padding: 2px 8px;
            height: auto;
            min-height: 20px;
            line-height: 1.3;
            border: 1px solid rgba(125, 211, 252, 0.65);
            border-radius: 4px;
            background: rgba(56, 189, 248, 0.22);
            color: #bae6fd;
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: none;
            cursor: pointer;
            vertical-align: middle;
            user-select: none;
            -webkit-user-select: none;
        }

        .response-page-picker:hover,
        .response-page-picker.is-open,
        .txn-page-picker-btn:hover,
        .txn-page-picker-btn.is-open {
            background: rgba(56, 189, 248, 0.42);
            color: #ffffff;
        }

        .response-page-picker-caret {
            font-size: 9px;
            opacity: 0.9;
        }

        .response-page-picker-menu {
            position: absolute;
            top: calc(100% + 4px);
            left: 0;
            z-index: 12;
            min-width: max(100%, 72px);
            padding: 4px;
            border: 1px solid rgba(125, 211, 252, 0.35);
            border-radius: 6px;
            background: #0f172a;
            box-shadow: 0 10px 24px rgba(2, 6, 23, 0.45);
        }

        .response-page-picker-menu.is-hidden {
            display: none;
        }

        .response-page-picker-option {
            display: block;
            width: 100%;
            border: 0;
            border-radius: 4px;
            padding: 4px 8px;
            background: transparent;
            color: #bae6fd;
            font-family: inherit;
            font-size: 11px;
            font-weight: 700;
            text-align: left;
            cursor: pointer;
        }

        .response-page-picker-option:hover,
        .response-page-picker-option:focus-visible {
            background: rgba(56, 189, 248, 0.28);
            color: #ffffff;
        }

        .response-page-picker-option.is-selected {
            background: rgba(56, 189, 248, 0.4);
            color: #ffffff;
        }

        .json-value-host .response-page-picker-wrap,
        .json-lc .response-page-picker-wrap,
        .api-call-body-json .response-page-picker-wrap {
            vertical-align: middle;
        }

        /* Right: response controls (Expand All + JSON/Compact). */
        .json-viewer-tools {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-left: auto;
        }

        .json-viewer.is-json-view .json-expand-all {
            display: none;
        }

        /* Right: API call controls (Copy cURL) — visible only in call view. */
        .json-viewer-call-tools {
            display: none;
            align-items: center;
            gap: 8px;
            margin-left: auto;
        }

        .json-viewer-call-tools .api-call-copy-wrap {
            position: static;
            top: auto;
            right: auto;
        }

        .json-viewer.is-call-view .json-viewer-call-tools {
            display: inline-flex;
        }

        .json-expand-all,
        .json-mode-toggle {
            min-height: auto;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 999px;
            padding: 4px 10px;
            background: rgba(15, 23, 42, 0.74);
            color: #bfdbfe;
            font-size: 11px;
            font-weight: 800;
        }

        .json-raw-label {
            display: inline-flex;
            align-items: center;
            min-height: auto;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 999px;
            padding: 4px 10px;
            background: rgba(15, 23, 42, 0.74);
            color: #94a3b8;
            font-size: 11px;
            font-weight: 800;
            pointer-events: none;
            user-select: none;
            cursor: default;
        }

        .json-expand-all:hover,
        .json-mode-toggle:hover {
            background: rgba(30, 41, 59, 0.95);
            color: #ffffff;
        }

        /* Call view lives inside the viewer; shown only when "API Call" is the
           active tab. The Expand All / JSON view tools are hidden with it. */
        .api-call-view.json-call-view {
            display: none;
            height: auto;
            max-height: none;
            background: transparent;
            overflow: visible;
        }

        .json-viewer.is-call-view .api-call-view.json-call-view {
            display: block;
        }

        .json-viewer.is-call-view .json-compact-view,
        .json-viewer.is-call-view > .json-raw-view,
        .json-viewer.is-call-view .json-viewer-tools {
            display: none !important;
        }

        .json-call-view .api-call-meta {
            padding: 2px 0 12px;
        }

        .json-compact-view.is-hidden,
        .json-raw-view.is-hidden {
            display: none;
        }

        .json-entry {
            border-top: 1px solid rgba(148, 163, 184, 0.18);
        }

        .json-entry:first-of-type {
            border-top: 0;
        }

        .json-summary {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            gap: 8px;
            align-items: center;
            padding: 8px 0;
            cursor: pointer;
            list-style: none;
        }

        .json-summary::-webkit-details-marker {
            display: none;
        }

        .json-caret {
            color: #93c5fd;
            font-size: 12px;
        }

        .json-entry[open] .json-caret {
            transform: rotate(90deg);
        }

        .json-summary-main {
            display: inline-flex;
            align-items: center;
            gap: 1.5ch;
            min-width: 0;
        }

        .json-key {
            color: #7dd3fc;
            font-weight: 800;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .json-acceptance-type {
            color: #e2e8f0;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.02em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .json-acceptance-time {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.02em;
            white-space: nowrap;
            flex: 0 0 auto;
        }

        .json-acceptance-date {
            color: #94a3b8;
        }

        .json-acceptance-clock {
            color: #f87171;
        }

        .json-entry[open] .json-acceptance-type,
        .json-entry[open] .json-acceptance-time {
            display: none;
        }

        .json-meta {
            color: #cbd5e1;
            font-size: 11px;
            white-space: nowrap;
        }

        .json-nested {
            margin: 0 0 12px 22px;
            border-left: 1px solid rgba(148, 163, 184, 0.24);
            padding: 8px 0 0 14px;
            color: #eef2f7;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .json-primitive {
            display: grid;
            grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
            gap: 12px;
            border-top: 1px solid rgba(148, 163, 184, 0.18);
            padding: 8px 0;
        }

        .json-value {
            color: #fdba74;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .json-value-host {
            display: inline;
            min-width: 0;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .json-value-host .json-value {
            display: inline;
        }

        .json-value-host .txn-utc,
        .json-value-host .txn-fetch-btn,
        .json-value-host .txn-fetch-name,
        .json-value-host .txn-download-btn,
        .json-value-host .txn-bin-wrap {
            vertical-align: middle;
        }

        .json-raw-view {
            margin: 0;
            color: #eef2f7;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .json-line {
            display: flex;
            align-items: flex-start;
        }

        .json-ln {
            flex: 0 0 auto;
            width: calc(var(--json-gutter, 3) * 1ch);
            margin-right: 14px;
            text-align: right;
            color: rgba(148, 163, 184, 0.5);
            font-size: 10px;
            line-height: inherit;
            user-select: none;
            -webkit-user-select: none;
        }

        .json-lc {
            flex: 1 1 auto;
            min-width: 0;
            white-space: pre-wrap;
            word-break: break-word;
        }

        /* Action/label buttons are UI chrome, never part of the copied JSON. */
        .txn-fetch-btn,
        .txn-fetch-name,
        .txn-bin-btn,
        .txn-spinner,
        .txn-bin-popup {
            user-select: none;
            -webkit-user-select: none;
        }

        /* Inline API messages (e.g. payout Download errors) stay mouse-selectable. */
        .txn-post-result {
            user-select: text;
            -webkit-user-select: text;
        }

        @media (max-width: 820px) {
            main {
                margin: 32px auto;
            }

            .input-control-bar,
            .sequence-head,
            .sequence-row {
                grid-template-columns: 1fr;
            }

            .input-status-row {
                display: flex;
                height: auto;
                min-height: var(--search-control-height);
            }

            .inline-notice {
                flex-basis: 120px;
                width: 120px;
                min-width: 120px;
            }

            .sequence-row.is-match::before {
                display: none;
            }

            .platform-stacks {
                margin: 1lh 0 2lh;
            }

            .platform-stacks::before,
            .platform-stacks::after,
            .platform-stack-row::before,
            .platform-stack-row::after,
            .business-banner.tree-target::before,
            .business-banner.tree-target::after {
                display: none;
            }

            .platform-stack-row {
                grid-template-columns: 1fr;
            }

            .platform-stack-title,
            .platform-card-list {
                grid-column: 1;
                width: 100%;
                margin-left: 0;
                margin-right: 0;
            }

            .business-banner.tree-target {
                margin-left: 0;
            }

            .business-banner {
                align-items: stretch;
                flex-direction: column;
            }

            button {
                width: 100%;
            }

            .form-actions {
                width: 100%;
            }

            .reset-button {
                flex: 1;
            }
        }

        /* Webhook receiver tab (search: webhook) */
        .first-response-header-top-toolbar:has(.webhook-toolbar) {
            height: var(--modal-utility-cell, 36px);
            min-height: var(--modal-utility-cell, 36px);
            max-height: var(--modal-utility-cell, 36px);
            overflow: hidden;
            box-sizing: border-box;
        }

        .webhook-toolbar {
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
            min-width: 0;
            height: 100%;
            min-height: 0;
            max-height: 100%;
        }

        .webhook-toolbar-left {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            min-width: 0;
            flex: 1 1 auto;
            margin-right: 0;
            overflow: hidden;
        }

        .webhook-toolbar-url-group {
            display: inline-grid;
            grid-template-columns: minmax(0, max-content) auto;
            align-items: center;
            column-gap: 6px;
            min-width: 0;
            max-width: 100%;
            flex: 0 1 auto;
            overflow: hidden;
        }

        .webhook-toolbar-url {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border: 0;
            background: transparent;
            padding: 0;
            font-size: 11px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            color: #334155;
            line-height: 1.2;
        }

        .webhook-toolbar-copy {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 16px;
            min-height: 16px;
            max-height: 16px;
            margin: 0;
            border: 1px solid #cbd5e1;
            background: #eef2f7;
            color: #475569;
            border-radius: 999px;
            padding: 0 6px;
            font-size: 9px;
            font-weight: 600;
            line-height: 1;
            cursor: pointer;
            box-sizing: border-box;
        }

        .webhook-toolbar-copy:hover {
            background: #e2e8f0;
        }

        .webhook-toolbar-status {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            flex: 0 0 auto;
            margin-left: auto;
            font-size: 11px;
            color: #475569;
            white-space: nowrap;
            line-height: 1.2;
        }

        .webhook-inbox-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #22c55e;
            box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.55);
            animation: webhook-pulse 1.6s ease-out infinite;
        }

        @keyframes webhook-pulse {
            0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.55); }
            70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
            100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
        }

        .webhook-inbox-count {
            color: #64748b;
            font-variant-numeric: tabular-nums;
        }

        .first-response-header-details.has-webhook-summary .first-response-header-details-body {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            align-content: stretch;
            min-height: 0;
            width: 100%;
            overflow: hidden;
            padding: 2lh 20px 8px 20px !important;
            box-sizing: border-box;
        }

        .webhook-explorer {
            display: flex;
            flex: 1 1 auto;
            align-items: stretch;
            align-self: stretch;
            min-width: 0;
            min-height: 0;
            width: 100%;
            max-width: 100%;
            height: 100%;
            gap: 0;
            background: transparent;
            border: 0;
            box-sizing: border-box;
        }

        .webhook-explorer-list {
            flex: 0 0 148px;
            width: 148px;
            max-width: 30%;
            overflow: auto;
            border-right: 0;
            background: transparent;
        }

        .webhook-explorer-tab {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 2px;
            width: 100%;
            margin: 0;
            padding: 8px 8px;
            border: 0;
            border-bottom: 1px solid #eef2f7;
            background: transparent;
            color: #334155;
            text-align: left;
            cursor: pointer;
        }

        .webhook-explorer-tab-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
            width: 100%;
            min-width: 0;
        }

        .webhook-explorer-tab:hover {
            background: #f1f5f9;
        }

        .webhook-explorer-tab.is-active {
            background: #2563eb;
            color: #fff;
        }

        .webhook-explorer-tab.is-active .webhook-method-badge {
            background: rgba(255, 255, 255, 0.2);
            color: #fff;
        }

        .webhook-explorer-tab-id,
        .webhook-explorer-tab-ip,
        .webhook-explorer-tab-time {
            font-size: 11px;
            line-height: 1.3;
        }

        .webhook-explorer-tab-id {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-weight: 600;
        }

        .webhook-explorer-tab-ip {
            flex: 1 1 auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: right;
            color: #64748b;
        }

        .webhook-explorer-tab-time {
            color: #64748b;
        }

        .webhook-explorer-tab.is-active .webhook-explorer-tab-ip,
        .webhook-explorer-tab.is-active .webhook-explorer-tab-time {
            color: rgba(255, 255, 255, 0.85);
        }

        .webhook-method-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            min-width: 0;
            padding: 1px 5px;
            border-radius: 3px;
            background: #dbeafe;
            color: #1d4ed8;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.02em;
            text-transform: uppercase;
        }

        .webhook-explorer-detail {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex: 1 1 0%;
            min-width: 0;
            width: auto;
            max-width: none;
            overflow: auto;
            padding: 0 0 0 12px;
            background: transparent;
            box-sizing: border-box;
        }

        .webhook-explorer-empty {
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            font-size: 12px;
            color: #64748b;
        }

        .webhook-explorer-board {
            display: block;
            width: 100% !important;
            max-width: none !important;
            min-width: 0;
            flex: 1 1 auto;
            align-self: stretch;
            box-sizing: border-box;
            margin: 0;
            padding: 12px 14px 14px;
            border: 1px solid #e2e8f0;
            border-radius: 4px;
            background: #fff;
        }

        .webhook-explorer-section-title {
            margin: 0 0 8px;
            font-size: 12px;
            font-weight: 700;
            color: #334155;
            text-transform: uppercase;
            letter-spacing: 0.03em;
        }

        .webhook-explorer-section-title + .webhook-explorer-section-title,
        .webhook-explorer-headers + .webhook-explorer-section-title {
            margin-top: 16px;
        }

        .webhook-explorer-headers {
            width: 100%;
            box-sizing: border-box;
            border: 0;
            border-radius: 0;
            background: transparent;
            overflow: visible;
        }

        .webhook-explorer-headers-none {
            padding: 0;
            font-size: 12px;
            color: #94a3b8;
        }

        .webhook-explorer-header-row {
            display: grid;
            grid-template-columns: minmax(120px, 28%) 1fr;
            gap: 10px;
            width: 100%;
            box-sizing: border-box;
            padding: 6px 0;
            border-bottom: 1px solid #eef2f7;
            font-size: 12px;
        }

        .webhook-explorer-header-row:last-child {
            border-bottom: 0;
        }

        .webhook-explorer-header-name {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            color: #64748b;
            word-break: break-all;
        }

        .webhook-explorer-header-value {
            color: #0f172a;
            word-break: break-word;
        }

        .webhook-explorer-content {
            width: 100%;
            max-width: none;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: #0f172a;
            white-space: pre-wrap;
            word-break: break-word;
            font-size: 12px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            line-height: 1.45;
        }

        .transaction-response-modal.is-tech-view .txn-pane.is-webhook-pane.is-active {
            display: flex;
            flex-direction: column;
        }

        .txn-pane.is-webhook-pane > pre.response,
        .txn-pane.is-webhook-pane > .json-viewer,
        .txn-pane.is-webhook-pane > .api-call-header {
            display: none !important;
        }

        .webhook-tech-events {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
            width: 100%;
            overflow: hidden;
            box-sizing: border-box;
            background: #101724;
            color: #e2e8f0;
        }

        .webhook-tech-urlbar.first-response-header-top-toolbar {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            height: var(--modal-utility-cell, 36px);
            min-height: var(--modal-utility-cell, 36px);
            max-height: var(--modal-utility-cell, 36px);
            margin: 0;
            padding: 4px 12px 4px 14px;
            border-bottom: 1px solid rgba(148, 163, 184, 0.22);
            background: #101724;
            box-sizing: border-box;
            overflow: hidden;
        }

        .webhook-tech-urlbar .webhook-toolbar-url,
        .webhook-tech-urlbar .webhook-toolbar-status,
        .webhook-tech-urlbar .webhook-toolbar-listening,
        .webhook-tech-urlbar .webhook-inbox-count {
            color: #e2e8f0;
        }

        .webhook-tech-urlbar .webhook-toolbar-copy {
            border-color: rgba(148, 163, 184, 0.45);
            background: rgba(255, 255, 255, 0.08);
            color: #e2e8f0;
        }

        .webhook-tech-urlbar .webhook-toolbar-copy:hover {
            background: rgba(255, 255, 255, 0.14);
        }

        .webhook-tech-scroll {
            flex: 1 1 auto;
            min-height: 0;
            overflow: auto;
            padding: 12px 14px 16px;
            box-sizing: border-box;
        }

        .webhook-tech-empty {
            margin: 0;
            font-size: 12px;
            color: #94a3b8;
        }

        .webhook-tech-section-title {
            margin: 0 0 8px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: #94a3b8;
        }

        .webhook-tech-headers {
            margin-bottom: 2px;
        }

        .webhook-tech-headers-table {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .webhook-tech-headers-none {
            font-size: 12px;
            color: #64748b;
        }

        .webhook-tech-header-row {
            display: grid;
            grid-template-columns: minmax(110px, 170px) 1fr;
            gap: 10px;
            font-size: 12px;
            line-height: 1.4;
        }

        .webhook-tech-header-name {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            color: #94a3b8;
            word-break: break-all;
        }

        .webhook-tech-header-value {
            color: #e2e8f0;
            word-break: break-word;
        }

        .webhook-tech-half-divider {
            width: 50%;
            height: 0;
            margin: 12px 0;
            border: 0;
            border-top: 1px solid rgba(148, 163, 184, 0.45);
        }

        .webhook-tech-divider.is-double {
            height: 5px;
            margin: 18px 0;
            border: 0;
            border-top: 1px solid rgba(148, 163, 184, 0.45);
            border-bottom: 1px solid rgba(148, 163, 184, 0.45);
            background: transparent;
        }

        .webhook-tech-event-meta {
            margin-bottom: 10px;
            font-size: 11px;
            color: #94a3b8;
        }

        .webhook-tech-body {
            margin: 0;
            white-space: pre-wrap;
            word-break: break-word;
            font-size: 12px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            line-height: 1.45;
            color: #e2e8f0;
        }

        /* Create Lead form (search: create) */
        .first-response-header-top-toolbar:has(.create-lead-toolbar) {
            height: var(--modal-utility-cell, 36px);
            min-height: var(--modal-utility-cell, 36px);
            max-height: var(--modal-utility-cell, 36px);
            overflow: hidden;
            box-sizing: border-box;
            justify-content: flex-end;
        }

        .create-lead-toolbar {
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
            min-width: 0;
            height: 100%;
        }

        .create-lead-toolbar-left {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
            margin-right: auto;
        }

        .create-lead-toolbar-right {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            flex: 0 0 auto;
            margin-left: auto;
        }

        .create-lead-submit-btn,
        .create-lead-connect-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 19.5px;
            min-height: 19.5px;
            padding: 0 9px;
            border-radius: 5.25px;
            color: #fff;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 0.01em;
            line-height: 1;
            cursor: pointer;
            box-shadow: 0 3px 9px rgba(15, 23, 42, 0.35);
            transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
            white-space: nowrap;
        }

        .create-lead-submit-btn {
            border: 1px solid rgba(96, 165, 250, 0.7);
            background: rgba(37, 99, 235, 0.92);
        }

        .create-lead-submit-btn:hover:not(:disabled) {
            background: #2563eb;
            border-color: rgba(96, 165, 250, 0.85);
        }

        .create-lead-connect-btn {
            border: 1px solid rgba(134, 239, 172, 0.75);
            background: rgba(22, 163, 74, 0.92);
        }

        .create-lead-connect-btn:hover:not(:disabled) {
            background: #15803d;
            border-color: rgba(74, 222, 128, 0.9);
        }

        .create-lead-submit-btn:disabled,
        .create-lead-connect-btn:disabled {
            opacity: 0.4;
            cursor: not-allowed;
            box-shadow: none;
        }

        .create-lead-submit-btn.is-lead-created:disabled {
            opacity: 1;
            cursor: not-allowed;
            box-shadow: 0 3px 9px rgba(15, 23, 42, 0.35);
            pointer-events: auto;
        }

        .create-lead-submit-btn.is-waiting:disabled,
        .create-lead-connect-btn.is-waiting:disabled {
            opacity: 0.65;
            cursor: wait;
        }

        .create-lead-result-id {
            display: inline-flex;
            align-items: center;
            height: 19.5px;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: rgba(37, 99, 235, 0.92);
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.01em;
            white-space: nowrap;
        }

        .create-lead-merchant-id {
            display: inline-flex;
            align-items: center;
            height: 19.5px;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: rgba(22, 163, 74, 0.92);
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.01em;
            white-space: nowrap;
        }

        .create-lead-result-id.is-error,
        .create-lead-merchant-id.is-error {
            color: #dc2626;
            max-width: min(42ch, 46vw);
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .create-lead-result-id.is-hidden,
        .create-lead-merchant-id.is-hidden,
        .create-lead-status.is-hidden {
            display: none;
        }

        .create-lead-status {
            font-size: 12px;
            color: #64748b;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 42ch;
        }

        .create-lead-status.is-error {
            color: #dc2626;
        }

        .create-lead-status.is-ok {
            color: #15803d;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-details.has-create-summary.is-expanded {
            overflow: hidden;
        }

        .transaction-response-modal.is-non-tech-layout .first-response-header-details.has-create-summary.is-expanded .first-response-header-details-body {
            padding: 14px 18px 18px;
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            align-items: stretch;
        }

        .create-lead-form {
            display: flex;
            flex-direction: column;
            gap: 16px;
            align-self: stretch;
            width: 100%;
            max-width: none;
            margin: 0;
            padding: 0 28px 8px;
            box-sizing: border-box;
        }

        .create-lead-section {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .create-lead-section.is-user-group {
            gap: 4px;
        }

        .create-lead-section.is-user-group + .create-lead-section.is-user-group {
            margin-top: -10px;
        }

        .create-lead-section.is-divided {
            margin-top: 4px;
            padding-top: 14px;
            border-top: 1px solid rgba(203, 213, 225, 0.9);
        }

        .create-lead-section-title {
            margin: 0;
            padding: 0 0 2px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #64748b;
            border-bottom: 1px solid rgba(203, 213, 225, 0.9);
        }

        .create-lead-section-title.is-plain,
        .create-lead-section.is-user-group .create-lead-section-title {
            border-bottom: none;
            padding-bottom: 0;
        }

        .create-lead-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 6px 12px;
        }

        .create-lead-grid.is-cols-2 {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }

        .create-lead-grid.is-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .create-lead-grid.is-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .create-lead-grid.is-name-row {
            grid-template-columns: minmax(72px, 0.45fr) minmax(108px, 0.7fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        }

        .create-lead-field {
            display: flex;
            flex-direction: column;
            gap: 2px;
            min-width: 0;
        }

        .create-lead-field.is-spacer {
            visibility: hidden;
            pointer-events: none;
        }

        .create-lead-field-label {
            font-size: 11px;
            font-weight: 500;
            color: #475569;
        }

        .create-lead-required {
            color: #dc2626;
            font-weight: 700;
        }

        .create-lead-input,
        .create-lead-phone,
        .create-lead-phone-cc,
        .create-lead-phone-number {
            height: 28px;
            min-height: 28px;
            max-height: 28px;
            line-height: 26px;
            box-sizing: border-box;
            font-size: 12px;
            font-family: inherit;
            color: #0f172a;
        }

        .create-lead-input {
            width: 100%;
            padding: 0 8px;
            border: 1px solid rgba(203, 213, 225, 0.95);
            border-radius: 6px;
            background: #fff;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            transition: border-color 0.15s ease, box-shadow 0.15s ease;
        }

        input[type="date"].create-lead-input {
            padding-right: 6px;
        }

        .create-lead-input:hover,
        .create-lead-phone:hover {
            border-color: rgba(148, 163, 184, 0.95);
        }

        .create-lead-input:focus,
        .create-lead-phone:focus-within {
            border-color: rgba(59, 130, 246, 0.85);
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
        }

        select.create-lead-input {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0.8 0.8l4.2 4.2 4.2-4.2'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 8px center;
            background-color: #fff;
            padding-right: 24px;
            cursor: pointer;
        }

        .create-lead-phone {
            display: flex;
            align-items: stretch;
            width: 100%;
            padding: 0;
            border: 1px solid rgba(203, 213, 225, 0.95);
            border-radius: 6px;
            background: #fff;
            overflow: hidden;
        }

        .create-lead-phone-cc {
            flex: 0 0 68px;
            width: 68px;
            padding: 0 18px 0 8px;
            border: 0;
            border-right: 1px solid rgba(226, 232, 240, 0.98);
            border-radius: 0;
            background-color: #f8fafc;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0.8 0.8l4.2 4.2 4.2-4.2'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 6px center;
            appearance: none;
            -webkit-appearance: none;
            outline: none;
            cursor: pointer;
        }

        .create-lead-phone-number {
            flex: 1 1 auto;
            min-width: 0;
            width: 100%;
            padding: 0 8px;
            border: 0;
            border-radius: 0;
            background: transparent;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
        }

        .create-lead-title-combo {
            display: flex;
            align-items: stretch;
            width: 100%;
            height: 28px;
            min-height: 28px;
            max-height: 28px;
            border: 1px solid rgba(203, 213, 225, 0.95);
            border-radius: 6px;
            background: #fff;
            overflow: hidden;
            box-sizing: border-box;
        }

        .create-lead-title-combo:hover {
            border-color: rgba(148, 163, 184, 0.95);
        }

        .create-lead-title-combo:focus-within {
            border-color: rgba(59, 130, 246, 0.85);
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
        }

        .create-lead-title-input {
            flex: 1 1 auto;
            min-width: 0;
            width: 100%;
            height: 26px;
            min-height: 26px;
            max-height: 26px;
            padding: 0 8px;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: #0f172a;
            font-size: 12px;
            font-family: inherit;
            line-height: 26px;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            box-sizing: border-box;
        }

        .create-lead-title-pick {
            flex: 0 0 22px;
            width: 22px;
            height: 26px;
            min-height: 26px;
            max-height: 26px;
            padding: 0 4px;
            border: 0;
            border-left: 1px solid rgba(226, 232, 240, 0.98);
            border-radius: 0;
            background-color: #f8fafc;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0.8 0.8l4.2 4.2 4.2-4.2'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
            font-size: 0;
            appearance: none;
            -webkit-appearance: none;
            outline: none;
            cursor: pointer;
            box-sizing: border-box;
        }

        @media (max-width: 920px) {
            .create-lead-grid.is-cols-4,
            .create-lead-grid.is-name-row {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            }

            .create-lead-grid.is-cols-3 {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            }
        }

        @media (max-width: 720px) {
            .create-lead-form {
                padding: 0 14px 8px;
            }

            .create-lead-grid,
            .create-lead-grid.is-cols-2,
            .create-lead-grid.is-cols-3,
            .create-lead-grid.is-cols-4,
            .create-lead-grid.is-name-row {
                grid-template-columns: minmax(0, 1fr);
            }

            .create-lead-field.is-spacer {
                display: none;
            }
        }