:root {
            color-scheme: light;
            /* Brand Colors from CI */
            --primary: #2563EB;
            --primary-hover: #1D4ED8;
            --success: #10B981;
            --error: #EF4444;
            --warning: #F59E0B;
            --info: #2563EB;
            /* Typography / Text */
            --text-main: #0F172A;
            --text-muted: #64748B;
            /* Surfaces & Borders */
            --bg-white: #FFFFFF;
            --bg-light: #F8FAFC;
            --border-color: #E2E8F0;
            /* Geometry & Depth */
            --radius-md: 8px;
            --radius-lg: 12px;
            --radius-xl: 16px;
            --container-width: 1200px;
            --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
            --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

            /* Legacy mapping for UI stability */
            --bg: var(--bg-light);
            --bg-strong: #E2E8F0;
            --panel: #FFFFFF;
            --text: var(--text-main);
            --muted: var(--text-muted);
            --border: var(--border-color);
            --accent: var(--primary);
            --accent-strong: var(--primary-hover);
            --danger: var(--error);
            --shadow: var(--shadow-md);
            --radius: var(--radius-md);
        }

        html {
            font-size: 90%;
        }

        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            min-height: 100vh;
            font-family: "Inter", "Segoe UI", sans-serif;
            color: var(--text);
            background: #F1F5F9;
        }

        button,
        input,
        select,
        textarea {
            font: inherit;
        }

        .shell {
            width: min(var(--container-width), calc(100% - 32px));
            margin: 0 auto;
            padding: 28px 0 56px;
        }

        .hero,
        .layout {
            display: grid;
            gap: 24px;
            align-items: start;
        }

        .hero {
            grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.9fr);
        }

        .layout {
            grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr);
            margin-top: 24px;
        }

        .hero-card,
        .panel,
        .aside-card {
            background: var(--panel);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
        }

        .hero-card,
        .panel,
        .aside-card {
            padding: 22px;
        }

        .panel.panel-has-floating-menu,
        .workspace-screen.panel-has-floating-menu {
            position: relative;
            z-index: 80;
        }

        .hero-card {
            position: relative;
            overflow: hidden;
        }

        .hero-card::after {
            content: "";
            position: absolute;
            inset: auto -4rem -5rem auto;
            width: 16rem;
            height: 16rem;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(37, 99, 235, 0.14), transparent 70%);
        }

        .eyebrow,
        .chip,
        .mode-toggle,
        .auth-switch {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .eyebrow,
        .chip {
            padding: 8px 12px;
            border-radius: 999px;
            font-size: 0.8rem;
            font-weight: 700;
        }

        .eyebrow {
            background: rgba(37, 99, 235, 0.08);
            color: var(--accent-strong);
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .chip {
            background: #EFF6FF;
            color: var(--accent-strong);
        }

        h1,
        h2,
        h3 {
            margin: 0;
            font-family: "Inter", sans-serif;
            letter-spacing: -0.02em;
        }

        h1 {
            margin-top: 18px;
            font-size: clamp(2.4rem, 5vw, 4.4rem);
            line-height: 1;
        }

        p,
        .field-hint,
        .status-note,
        .inline-note,
        .summary-list li,
        .checklist li {
            color: var(--muted);
            line-height: 1.6;
        }

        .hero-copy {
            max-width: 54ch;
            font-size: 1.05rem;
        }

        .hero-points,
        .summary-list,
        .checklist,
        .progress ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .hero-points {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 26px;
        }

        .hero-points li,
        .progress li,
        .summary-list li,
        .checklist li,
        .checkbox-row,
        .template-card,
        .language-grid label {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
        }

        .hero-points li {
            padding: 10px 14px;
            font-weight: 600;
        }

        .mode-toggle,
        .auth-switch {
            padding: 6px;
            border-radius: var(--radius-lg);
            background: var(--bg-strong);
            width: fit-content;
        }

        .auth-switch {
            background: var(--bg-strong);
            margin-bottom: 18px;
        }

        .mode-toggle button,
        .auth-switch button,
        .primary-button,
        .secondary-button,
        .template-card button {
            border: 0;
            border-radius: var(--radius-md);
            cursor: pointer;
            font-weight: 700;
            transition: transform 160ms ease, background 160ms ease, color 160ms ease;
        }

        .text-button {
            width: fit-content;
            padding: 2px 0;
            border: 0;
            border-radius: 4px;
            background: transparent;
            color: var(--primary);
            cursor: pointer;
            font-weight: 700;
            transition: color 160ms ease;
        }

        .text-button:hover {
            color: var(--primary-hover);
            text-decoration: underline;
        }

        .icon-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            flex: 0 0 36px;
            padding: 0;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-white);
            color: var(--muted);
            cursor: pointer;
            font-weight: 700;
            line-height: 1;
            transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
        }

        .icon-button:hover {
            border-color: var(--primary);
            background: var(--bg-light);
            color: var(--primary);
        }

        .mode-toggle button,
        .auth-switch button {
            padding: 10px 14px;
            background: transparent;
            color: var(--muted);
        }

        .mode-toggle button[aria-pressed="true"],
        .auth-switch button[aria-pressed="true"] {
            background: var(--primary);
            color: #fff;
        }

        .form-grid,
        .template-grid,
        .language-grid,
        .progress ol {
            display: grid;
            gap: 16px;
        }

        .form-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .form-grid > .field {
            align-self: start;
        }

        .template-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .language-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin-top: 16px;
        }

        .progress ol {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .field {
            display: grid;
            gap: 8px;
        }

        .field-label-with-help {
            position: relative;
            display: flex;
            align-items: center;
            gap: 6px;
            width: fit-content;
            max-width: 100%;
        }

        .field-help-button {
            display: inline-grid;
            flex: 0 0 auto;
            width: 19px;
            height: 19px;
            padding: 0;
            place-items: center;
            border: 1px solid var(--border);
            border-radius: 50%;
            background: var(--bg);
            color: var(--muted);
            font: inherit;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            cursor: help;
        }

        .field-help-button:hover,
        .field-help-button:focus-visible {
            border-color: var(--primary);
            color: var(--primary);
            outline: none;
        }

        .field-help-popover {
            position: absolute;
            z-index: 30;
            top: calc(100% + 7px);
            left: 0;
            width: min(300px, calc(100vw - 48px));
            padding: 9px 11px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--text);
            color: #fff;
            box-shadow: var(--shadow-md);
            font-size: 13px;
            font-weight: 500;
            line-height: 1.45;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(-2px);
            transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
        }

        .field-help-button:hover + .field-help-popover,
        .field-help-button:focus + .field-help-popover {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .field-full {
            grid-column: 1 / -1;
        }

        .banner-color-control {
            display: grid;
            grid-template-columns: 58px minmax(0, 1fr);
            align-items: stretch;
            gap: 10px;
        }

        .banner-color-control input[type="color"] {
            width: 58px;
            min-height: 50px;
            padding: 4px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-white);
            cursor: pointer;
        }

        .banner-color-control input[type="text"] {
            min-width: 0;
            font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .banner-color-control input[aria-invalid="true"] {
            border-color: var(--danger);
        }

        label,
        .legend-label {
            font-weight: 700;
        }

        input:not([type]),
        input[type="text"],
        input[type="email"],
        input[type="password"],
        input[type="search"],
        input[type="url"],
        input[type="number"],
        select,
        textarea {
            width: 100%;
            padding: 13px 14px;
            border-radius: var(--radius-md);
            border: 1px solid var(--border);
            background: var(--bg-white);
            color: var(--text);
        }

        select {
            min-height: 45px;
            font: inherit;
        }

        textarea {
            min-height: 108px;
            resize: vertical;
        }

        input:focus,
        select:focus,
        textarea:focus,
        button:focus-visible {
            outline: 3px solid rgba(37, 99, 235, 0.2);
            outline-offset: 2px;
        }

        .error-text {
            min-height: 1.2em;
            font-size: 0.92rem;
            color: var(--danger);
        }

        .template-card,
        .language-grid label {
            padding: 18px;
        }

        .template-card[data-selected="true"] {
            border-color: rgba(37, 99, 235, 0.48);
            box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.2);
            background: linear-gradient(180deg, #fff, rgba(37, 99, 235, 0.04));
        }

        .template-card button,
        .secondary-button {
            padding: 11px 16px;
            background: var(--bg-light);
            border: 1px solid var(--border-color);
            color: var(--text-main);
        }

        .template-card button:hover,
        .secondary-button:hover {
            background: var(--border-color);
        }

        .danger-button {
            padding: 11px 16px;
            border: 1px solid rgba(183, 28, 28, 0.18);
            border-radius: var(--radius-md);
            cursor: pointer;
            font-weight: 700;
            background: rgba(254, 242, 242, 0.96);
            color: #9f1d1d;
        }

        .danger-button:hover {
            background: rgba(254, 226, 226, 1);
        }

        .primary-button {
            padding: 11px 16px;
            background: var(--primary);
            color: #fff;
            box-shadow: var(--shadow-sm);
        }

        .primary-button:hover {
            transform: translateY(-1px);
            background: var(--primary-hover);
        }

        .checkbox-row {
            display: flex;
            align-items: start;
            gap: 11px;
            padding: 13px 14px;
        }

        .advanced-panel {
            display: none;
            margin-top: 18px;
            padding: 18px;
            border-radius: var(--radius-lg);
            background: rgba(255, 255, 255, 0.72);
            border: 1px dashed var(--border);
        }

        .advanced-panel[data-visible="true"] {
            display: block;
        }

        .actions,
        .script-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }

        .actions {
            margin-top: 22px;
        }

        .app-nav {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 18px;
        }

        .app-nav button {
            border: 0;
            border-radius: var(--radius-md);
            cursor: pointer;
            font-weight: 700;
            padding: 12px 18px;
            background: rgba(37, 99, 235, 0.08);
            color: var(--accent-strong);
            transition: transform 160ms ease, background 160ms ease, color 160ms ease;
        }

        .app-nav button[aria-current="page"] {
            background: var(--primary);
            color: #fff;
            box-shadow: var(--shadow-md);
        }

        .summary-list,
        .checklist {
            display: grid;
            gap: 14px;
            margin-top: 18px;
        }

        .summary-list li,
        .checklist li {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            padding: 14px 16px;
        }

        .script-shell {
            position: relative;
            min-height: 232px;
            border-radius: var(--radius-lg);
            background: linear-gradient(180deg, #1E293B, #0F172A);
            padding: 20px;
            overflow: hidden;
        }

        .script-shell[data-state="empty"]::before,
        .script-shell[data-state="loading"]::before {
            content: attr(data-placeholder);
            position: absolute;
            inset: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: rgba(246, 244, 239, 0.82);
            line-height: 1.6;
            border: 1px dashed rgba(246, 244, 239, 0.24);
            border-radius: var(--radius-lg);
            padding: 16px;
        }

        .script-shell[data-state="loading"]::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.09), transparent);
            animation: shimmer 1.2s linear infinite;
        }

        .script-shell[data-state="empty"] pre,
        .script-shell[data-state="loading"] pre {
            visibility: hidden;
        }

        .muted-box,
        .status-note,
        .inline-note {
            border-radius: var(--radius-lg);
            padding: 14px 16px;
        }

        .muted-box {
            background: var(--bg-light);
            border: 1px solid var(--border);
        }

        .status-note {
            background: var(--bg-white);
            border: 1px solid var(--border);
        }

        .inline-note {
            background: rgba(37, 99, 235, 0.08);
            color: var(--accent-strong);
            border: 1px solid rgba(37, 99, 235, 0.16);
        }

        pre {
            margin: 0;
            padding: 18px;
            border-radius: var(--radius-lg);
            background: #0F172A;
            color: #f6f4ef;
            font-size: 0.94rem;
            overflow: auto;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .admin-shell {
            width: 100%;
            min-height: 100vh;
            display: grid;
            grid-template-columns: 224px minmax(0, 1fr);
            align-items: stretch;
        }

        .admin-shell--auth {
            grid-template-columns: minmax(0, 1fr);
        }

        .admin-shell--auth .sidebar-shell,
        .admin-shell--auth .workspace-shell-header {
            display: none;
        }

        .admin-shell--auth .workspace-shell {
            min-height: 100vh;
            justify-items: center;
            padding: 22px;
        }

        .admin-shell--auth .screen-stack {
            width: min(100%, 720px);
        }

        @media (min-width: 721px) {
            .admin-shell--auth .workspace-shell {
                align-content: center;
            }
        }

        .sidebar-backdrop {
            display: none;
        }

        .sidebar-shell,
        .preview-card {
            background: var(--panel);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
        }

        .preview-card {
            padding: 22px;
        }

        .sidebar-shell {
            display: flex;
            flex-direction: column;
            gap: 22px;
            position: sticky;
            top: 0;
            height: 100vh;
            padding: 25px 18px 18px;
            border-width: 0 1px 0 0;
            border-radius: 0;
            box-shadow: none;
            overflow-y: auto;
        }

        .workspace-shell {
            display: grid;
            gap: 18px;
            min-width: 0;
            align-content: start;
            padding: 16px;
        }

        .workspace-shell-header {
            display: grid;
            gap: 12px;
            padding: 0;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
        }

        .mobile-topbar {
            display: none;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .admin-brand {
            display: grid;
            grid-template-columns: 25px minmax(0, 1fr);
            align-items: center;
            gap: 2px 10px;
        }

        .admin-brand-mark {
            grid-row: 1 / span 2;
            width: 25px;
            height: 25px;
            fill: none;
            stroke: var(--primary);
            stroke-width: 2;
            stroke-linejoin: round;
        }

        .admin-brand-wordmark {
            color: var(--text-main);
            font-size: 1.1rem;
            font-weight: 700;
            letter-spacing: -0.02em;
        }

        .admin-brand-wordmark strong {
            color: var(--primary);
        }

        .admin-brand-context {
            color: var(--text-muted);
            font-size: 0.78rem;
            font-weight: 600;
        }

        .sidebar-navigation {
            display: grid;
            gap: 14px;
        }

        .sidebar-nav-group,
        .sidebar-tenant-switcher {
            display: grid;
            gap: 5px;
        }

        .sidebar-tenant-create {
            width: 100%;
        }

        .sidebar-section-label {
            color: var(--text-muted);
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            padding: 0 12px;
            text-transform: uppercase;
        }

        .global-feedback-toast {
            position: fixed;
            z-index: 90;
            top: 20px;
            right: 20px;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 14px;
            width: min(390px, calc(100vw - 40px));
            padding: 14px 14px 14px 16px;
            border: 1px solid var(--border);
            border-left-width: 4px;
            border-radius: var(--radius-lg);
            background: rgba(255, 255, 255, 0.98);
            box-shadow: var(--shadow-lg);
            backdrop-filter: blur(12px);
        }

        .global-feedback-toast[hidden] {
            display: none;
        }

        .global-feedback-toast__content {
            min-width: 0;
        }

        .global-feedback-toast__close {
            display: inline-grid;
            flex: 0 0 auto;
            width: 28px;
            height: 28px;
            padding: 0;
            place-items: center;
            border: 0;
            border-radius: var(--radius-md);
            background: transparent;
            color: var(--muted);
            font: inherit;
            font-size: 1.25rem;
            line-height: 1;
            cursor: pointer;
        }

        .global-feedback-toast__close:hover,
        .global-feedback-toast__close:focus-visible {
            background: var(--bg-light);
            color: var(--text);
            outline: none;
        }

        .global-feedback-success {
            border-left-color: #10b981;
        }

        .global-feedback-error {
            border-left-color: #ef4444;
        }

        .global-feedback-warning {
            border-left-color: #f59e0b;
        }

        .global-feedback-info {
            border-left-color: var(--primary);
        }

        .workspace-action-dock {
            position: fixed;
            z-index: 80;
            bottom: 22px;
            left: calc(50% + 112px);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            width: min(560px, calc(100vw - 272px));
            padding: 12px 12px 12px 18px;
            border: 1px solid rgba(37, 99, 235, 0.26);
            border-radius: var(--radius-lg);
            background: rgba(255, 255, 255, 0.98);
            box-shadow: var(--shadow-lg);
            backdrop-filter: blur(12px);
            color: var(--accent-strong);
            font-weight: 700;
            transform: translateX(-50%);
        }

        .workspace-action-dock[hidden] {
            display: none;
        }

        .workspace-action-dock__actions {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sidebar-toggle {
            display: none;
            width: 42px;
            height: 42px;
            padding: 0;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-white);
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
        }

        .sidebar-toggle-bar {
            width: 18px;
            height: 2px;
            border-radius: 999px;
            background: var(--accent-strong);
        }

        .visually-hidden {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        .nav-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            gap: 4px;
        }

        .nav-link {
            width: 100%;
            border: 1px solid transparent;
            border-radius: var(--radius-md);
            background: transparent;
            color: var(--text);
            text-align: left;
            padding: 8px 11px;
            cursor: pointer;
            font-weight: 700;
        }

        .nav-link[aria-current="page"] {
            background: rgba(37, 99, 235, 0.08);
            border-color: rgba(37, 99, 235, 0.18);
            color: var(--accent-strong);
        }

        .screen-stack {
            display: grid;
            gap: 22px;
            width: min(100%, 1240px);
            min-width: 0;
            margin: 0 auto;
        }

        .screen-stack:has(.workspace-screen--wide:not([hidden])) {
            width: min(100%, 1600px);
        }

        .workspace-screen {
            min-width: 0;
            padding: 0;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
        }

        .inline-context-card {
            margin-bottom: 18px;
            padding: 16px 18px;
            background: var(--bg-white);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
        }

        .screen-header,
        .toolbar-row,
        .form-actions,
        .placeholder-actions,
        .status-row,
        .property-card-head,
        .property-card-actions,
        .preview-toolbar {
            display: flex;
            gap: 11px;
            align-items: center;
            flex-wrap: wrap;
        }

        .toolbar-row--summary-clamp {
            min-width: 0;
            flex-wrap: nowrap;
        }

        .toolbar-row--summary-clamp > * {
            min-width: 0;
        }

        .toolbar-row__primary-clamp {
            display: block;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .toolbar-row__meta {
            flex-shrink: 0;
        }

        .toolbar-row--spread {
            justify-content: space-between;
            width: 100%;
        }

        .notice-message {
            margin: 8px 0 0;
        }

        .screen-header {
            justify-content: space-between;
            margin-bottom: 22px;
        }

        .screen-header > div:first-child {
            min-width: 0;
        }

        .screen-header .eyebrow {
            padding: 0;
            background: transparent;
            font-size: 0.74rem;
        }

        .screen-header h2 {
            margin-top: 13px;
            font-size: clamp(1.75rem, 3vw, 2rem);
            line-height: 1.2;
        }

        .screen-header .screen-note {
            max-width: 68ch;
            margin-bottom: 0;
        }

        .eyebrow-heading {
            margin-top: 14px;
        }

        .form-section,
        .field--section {
            margin-top: 20px;
        }

        .field--spaced {
            margin-top: 12px;
        }

        .field--separated,
        .status-note--separated,
        .field-label-with-help--separated {
            margin-bottom: 18px;
        }

        .field--compact-separated {
            margin-bottom: 16px;
        }

        .field-hint--inline {
            margin-top: 6px;
        }

        .field-hint--tight {
            margin-top: 4px;
        }

        .form-grid--separated,
        .form-actions--separated {
            margin-bottom: 12px;
        }

        .form-actions--top-spaced {
            margin-top: 12px;
        }

        .form-actions--spaced {
            margin-top: 20px;
        }

        .placeholder-card--separated {
            margin-bottom: 18px;
        }

        .placeholder-card .placeholder-actions {
            margin-top: 16px;
        }

        .checkbox-row--compact-spaced {
            margin-top: 8px;
        }

        .checkbox-row--spaced {
            margin-top: 12px;
        }

        .checkbox-row--section {
            margin-top: 18px;
        }

        .property-layout,
        .implementation-layout {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
            gap: 20px;
        }

        .implementation-workspace {
            display: grid;
            gap: 28px;
            overflow: visible;
        }

        .implementation-context {
            display: grid;
            grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
            gap: 20px;
            align-items: end;
        }

        .implementation-context-summary,
        .implementation-checklist {
            display: grid;
            gap: 12px;
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .implementation-context-summary {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .implementation-context-summary li,
        .implementation-checklist li {
            min-width: 0;
            padding: 14px 16px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-light);
        }

        .implementation-context-summary li {
            display: grid;
            gap: 4px;
        }

        .implementation-context-summary span,
        .implementation-checklist span {
            color: var(--muted);
            line-height: 1.5;
        }

        .implementation-step,
        .implementation-check {
            padding-top: 24px;
            border-top: 1px solid var(--border);
        }

        .implementation-step--first {
            padding-top: 0;
            border-top: 0;
        }

        .implementation-tab-panel {
            min-height: 0;
            padding-bottom: 0;
        }

        .implementation-guide-heading {
            max-width: 760px;
            margin-bottom: 20px;
        }

        .implementation-guide-heading h3,
        .implementation-check-intro h3 {
            margin: 0;
        }

        .implementation-guide-heading .screen-note,
        .implementation-check-intro .screen-note {
            margin: 8px 0 0;
        }

        .implementation-step-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 16px;
        }

        .implementation-step-header > div {
            min-width: 0;
        }

        .implementation-step-header .screen-note {
            max-width: 72ch;
            margin: 6px 0 0;
        }

        .implementation-step-label {
            display: inline-block;
            margin-bottom: 6px;
            color: var(--accent-strong);
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .implementation-script-shell {
            min-height: 190px;
        }

        .script-shell--compact {
            min-height: 96px;
            padding: 12px;
        }

        .script-shell--compact pre {
            padding: 12px;
        }

        .implementation-checklist {
            grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        }

        .implementation-checklist li {
            display: grid;
            align-content: start;
            gap: 6px;
        }

        .implementation-download-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }

        .implementation-download-card {
            display: flex;
            min-width: 0;
            flex-direction: column;
            padding: 20px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-light);
        }

        .implementation-download-card-header {
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: 16px;
        }

        .implementation-download-card h4,
        .implementation-note h4 {
            margin: 8px 0 0;
        }

        .implementation-download-card > p {
            margin: 12px 0 0;
            color: var(--muted);
            line-height: 1.55;
        }

        .status-pill {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            min-height: 26px;
            padding: 4px 9px;
            border: 1px solid var(--border);
            border-radius: 999px;
            background: var(--bg-white);
            color: var(--muted);
            font-size: 0.76rem;
            font-weight: 800;
            line-height: 1.2;
        }

        .status-pill--success {
            border-color: rgba(21, 128, 61, 0.2);
            background: rgba(240, 253, 244, 0.96);
            color: #166534;
        }

        .implementation-package-version {
            flex: 0 0 auto;
            color: var(--muted);
            font-size: 0.84rem;
            font-weight: 700;
        }

        .implementation-instructions {
            margin: 16px 0 20px;
            padding-left: 22px;
            color: var(--text);
            line-height: 1.55;
        }

        .implementation-instructions li + li {
            margin-top: 8px;
        }

        .implementation-instructions--steps {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            padding: 0;
            list-style: none;
            counter-reset: implementation-step;
        }

        .implementation-instructions--steps li {
            position: relative;
            display: grid;
            gap: 6px;
            min-width: 0;
            margin: 0;
            padding: 16px 16px 16px 52px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-light);
            counter-increment: implementation-step;
        }

        .implementation-instructions--steps li::before {
            content: counter(implementation-step);
            position: absolute;
            top: 15px;
            left: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: var(--accent);
            color: #fff;
            font-size: 0.78rem;
            font-weight: 800;
        }

        .implementation-instructions--steps span {
            color: var(--muted);
        }

        .implementation-screenshot {
            width: min(100%, 533px);
            margin: 24px 0 0;
        }

        .implementation-screenshot img {
            display: block;
            width: 100%;
            height: auto;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            box-shadow: var(--shadow-sm);
        }

        .implementation-screenshot figcaption {
            margin-top: 8px;
            color: var(--muted);
            font-size: 0.84rem;
            line-height: 1.5;
        }

        .implementation-download-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: fit-content;
            margin-top: auto;
            text-decoration: none;
        }

        .implementation-download-button[aria-disabled="true"] {
            opacity: 0.55;
            pointer-events: none;
        }

        .implementation-package-details {
            margin-top: 16px;
            color: var(--muted);
            font-size: 0.84rem;
        }

        .implementation-package-details summary {
            width: fit-content;
            cursor: pointer;
            font-weight: 700;
        }

        .implementation-package-details p {
            margin: 10px 0 4px;
        }

        .implementation-package-details code {
            display: block;
            overflow-wrap: anywhere;
            line-height: 1.5;
        }

        .implementation-note {
            margin-top: 20px;
            padding: 18px 20px;
            border: 1px solid rgba(37, 99, 235, 0.16);
            border-radius: var(--radius-md);
            background: rgba(37, 99, 235, 0.04);
        }

        .implementation-note ul {
            margin: 12px 0 0;
            padding-left: 20px;
            line-height: 1.6;
        }

        .implementation-note p {
            margin: 10px 0 0;
            color: var(--muted);
            line-height: 1.6;
        }

        .implementation-step--shopify,
        .implementation-step--wix {
            margin-top: 24px;
        }

        .implementation-check-intro {
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 24px;
        }

        .dashboard-guide {
            display: grid;
            gap: 20px;
        }

        .dashboard-steps {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .dashboard-steps li {
            display: flex;
            gap: 14px;
            min-width: 0;
            padding: 18px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-light);
        }

        .dashboard-steps li > div {
            display: flex;
            flex: 1;
            flex-direction: column;
            align-items: flex-start;
            min-width: 0;
        }

        .dashboard-steps h3 {
            margin: 0;
        }

        .dashboard-steps p {
            flex: 1;
            margin: 8px 0 18px;
            color: var(--muted);
            line-height: 1.55;
        }

        .dashboard-step-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            flex: 0 0 32px;
            border-radius: 50%;
            background: var(--accent);
            color: #fff;
            font-size: 0.88rem;
            font-weight: 800;
        }

        .account-details-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .account-details-grid li {
            display: grid;
            gap: 5px;
            min-width: 0;
            padding: 14px 16px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-light);
        }

        .account-details-grid span {
            overflow-wrap: anywhere;
            color: var(--muted);
        }

        .account-preferences form {
            margin-top: 0;
        }

        .account-affiliate-ref {
            max-width: 640px;
            margin: 24px 0;
        }

        .account-field-label {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .account-field-label label {
            margin: 0;
        }

        .account-field-label .text-button {
            font-size: 0.86rem;
        }

        .account-preferences-actions {
            justify-content: flex-end;
            margin-top: 20px;
        }

        .account-action-list {
            display: grid;
            margin-top: 0;
            border-top: 1px solid var(--border);
        }

        .account-action-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding: 18px 0;
            border-bottom: 1px solid var(--border);
        }

        .account-action-row > div {
            min-width: 0;
        }

        .account-action-row .screen-note {
            max-width: 66ch;
            margin: 5px 0 0;
        }

        .account-action-row > button {
            flex: 0 0 auto;
        }

        .account-reporting-time {
            max-width: 320px;
            margin-bottom: 24px;
        }

        .account-reporting-table {
            display: grid;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .account-reporting-row {
            display: grid;
            grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(92px, 0.35fr)) minmax(185px, 0.7fr);
            align-items: center;
            min-height: 64px;
            border-top: 1px solid var(--border);
        }

        .account-reporting-row:first-child {
            border-top: 0;
        }

        .account-reporting-row > * {
            padding: 12px 16px;
        }

        .account-reporting-head {
            min-height: 44px;
            background: var(--bg-light);
            color: var(--text-muted);
            font-size: 0.8rem;
            font-weight: 700;
        }

        .account-reporting-domain {
            display: grid;
            gap: 3px;
        }

        .account-reporting-domain span {
            color: var(--text-muted);
            font-size: 0.82rem;
        }

        .account-reporting-switch {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .account-reporting-switch span {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        .account-reporting-repeat {
            display: grid;
            justify-items: start;
            gap: 6px;
        }

        .account-reporting-repeat .secondary-button {
            min-height: 36px;
            padding: 7px 12px;
        }

        .account-reporting-repeat span {
            color: var(--text-muted);
            font-size: 0.76rem;
            line-height: 1.35;
        }

        .account-danger-zone {
            border-top: 1px solid rgba(183, 28, 28, 0.14);
            padding-top: 18px;
        }

        .account-danger-zone summary {
            color: var(--danger);
            font-weight: 800;
            cursor: pointer;
        }

        .account-danger-zone > div {
            display: grid;
            justify-items: start;
            gap: 16px;
            padding-top: 16px;
        }

        .auth-screen {
            display: grid;
            gap: 24px;
            width: 100%;
        }

        .auth-screen > .auth-brand {
            width: fit-content;
        }

        .auth-card {
            padding: clamp(24px, 5vw, 40px);
            box-shadow: var(--shadow-md);
        }

        .auth-card .auth-switch {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            width: 100%;
            margin-bottom: 30px;
        }

        .auth-card .auth-switch button {
            width: 100%;
        }

        .auth-view-header {
            display: grid;
            gap: 10px;
            margin-bottom: 26px;
        }

        .auth-view-header h2 {
            font-size: clamp(1.65rem, 4vw, 2rem);
        }

        .auth-view-header .screen-note {
            max-width: 56ch;
            margin: 0;
        }

        .auth-view-header .eyebrow {
            justify-self: start;
        }

        .auth-form {
            display: grid;
            gap: 18px;
        }

        .auth-honeypot {
            position: absolute;
            left: -10000px;
            width: 1px;
            height: 1px;
            overflow: hidden;
            pointer-events: none;
        }

        .auth-primary-action {
            width: 100%;
            min-height: 48px;
        }

        .auth-link-button {
            width: fit-content;
            padding: 2px 0;
            border: 0;
            cursor: pointer;
            background: transparent;
            color: var(--primary);
            font: inherit;
            font-weight: 700;
        }

        .auth-link-button:hover {
            color: var(--primary-hover);
            text-decoration: underline;
        }

        .auth-registration-terms {
            margin: 20px 0 0;
            color: var(--text-muted);
            font-size: 0.875rem;
            line-height: 1.6;
        }

        .auth-registration-terms a {
            color: var(--primary);
            font-weight: 700;
        }

        .auth-registration-terms a:hover {
            color: var(--primary-hover);
        }

        .auth-message {
            padding: 12px 14px;
            border: 1px solid rgba(37, 99, 235, 0.18);
            border-radius: var(--radius-md);
            background: rgba(37, 99, 235, 0.06);
            color: var(--text);
            line-height: 1.5;
        }

        .domain-related-actions,
        .domain-settings-section {
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-white);
            padding: 20px;
        }

        .domain-related-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            flex-wrap: wrap;
        }

        .domain-settings-workspace {
            overflow: visible;
        }

        .domain-tabs {
            display: flex;
            gap: 4px;
            overflow-x: auto;
            overflow-y: hidden;
            border-bottom: 1px solid var(--border);
            scrollbar-width: thin;
        }

        .domain-tab {
            position: relative;
            flex: 0 0 auto;
            padding: 12px 16px;
            border: 0;
            border-radius: 10px 10px 0 0;
            background: transparent;
            color: var(--muted);
            font: inherit;
            font-weight: 700;
            cursor: pointer;
        }

        .domain-tab:hover {
            color: var(--accent-strong);
            background: rgba(37, 99, 235, 0.05);
        }

        .domain-tab[aria-selected="true"] {
            color: var(--accent-strong);
            background: rgba(37, 99, 235, 0.08);
        }

        .domain-tab[aria-selected="true"]::after {
            content: "";
            position: absolute;
            right: 12px;
            bottom: 0;
            left: 12px;
            height: 2px;
            background: var(--accent);
        }

        .domain-tab:focus-visible {
            outline: 3px solid rgba(37, 99, 235, 0.22);
            outline-offset: -3px;
        }

        .domain-tab-panel {
            min-height: 320px;
            padding: 18px 0 4px;
        }

        .domain-tab-panel[hidden] {
            display: none;
        }

        .cookies-context-card {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 20px;
        }

        .cookies-context-card .field {
            width: min(100%, 420px);
        }

        .cookies-context-card .screen-note,
        .cookies-feedback {
            margin: 0;
        }

        .cookies-feedback {
            margin-bottom: 20px;
            padding: 12px 16px;
        }

        .cookies-feedback:empty {
            display: none;
        }

        .cookies-summary-action {
            display: block;
            width: fit-content;
            margin-top: 6px;
            padding: 0;
            border: 0;
            background: transparent;
            color: var(--primary);
            font: inherit;
            font-weight: 700;
            cursor: pointer;
        }

        .cookies-summary-action:hover {
            color: var(--primary-hover);
            text-decoration: underline;
        }

        .section-heading-row {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            flex-wrap: wrap;
        }

        .section-heading-row .screen-note {
            margin-bottom: 0;
        }

        .view-switch {
            display: flex;
            width: fit-content;
            padding: 4px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-light);
        }

        .view-switch button {
            padding: 8px 12px;
            border: 0;
            border-radius: 8px;
            background: transparent;
            color: var(--muted);
            font: inherit;
            font-weight: 700;
            cursor: pointer;
        }

        .view-switch button[aria-pressed="true"] {
            background: var(--bg-white);
            color: var(--accent-strong);
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
        }

        .cookies-findings-workspace {
            margin-top: 14px;
        }

        .cookies-overrides-editor,
        .cookies-form-actions {
            margin-top: 18px;
        }

        .scanner-workspace {
            overflow: visible;
        }

        .scanner-feedback {
            margin-top: 20px;
        }

        .scanner-feedback:empty {
            display: none;
        }

        .scanner-start-grid,
        .scanner-analysis-grid {
            margin-top: 20px;
        }

        .scanner-target-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 10px;
            align-items: stretch;
        }

        .scanner-target-row .primary-button {
            min-height: 44px;
            height: 100%;
            white-space: nowrap;
        }

        .scanner-run-status,
        .scanner-runs-table,
        .scanner-results-summary,
        .scanner-findings-heading,
        .scanner-findings-workspace,
        .scanner-editor-grid,
        #scannerCatalogDraftStatus {
            margin-top: 20px;
        }

        .scanner-analysis-grid {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        }

        .scanner-editor-section {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid var(--border);
        }

        .scanner-resolution-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 18px;
            align-items: end;
            margin-top: 20px;
        }

        .scanner-resolution-builder {
            display: grid;
            gap: 10px;
            min-height: 88px;
            padding: 14px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-light);
        }

        .scanner-editor-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }

        .scanner-editor-grid textarea {
            min-height: 440px;
            font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
            font-size: 0.86rem;
        }

        .cross-domain-workspace {
            display: block;
        }

        .cross-domain-workspace .placeholder-card {
            margin: 0;
        }

        .cross-domain-groups-table,
        .cross-domain-key-field,
        .cross-domain-selection-heading,
        #crossDomainSelectionTable,
        #crossDomainForm .form-actions,
        .cross-domain-status {
            margin-top: 20px;
        }

        .cross-domain-key-field {
            max-width: 620px;
        }

        .cross-domain-query-parameters {
            margin-top: 20px;
            padding: 18px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--panel);
        }

        .cross-domain-query-parameters summary {
            cursor: pointer;
            font-weight: 800;
        }

        .cross-domain-query-parameters summary:focus-visible {
            outline: 3px solid rgba(29, 78, 216, 0.24);
            outline-offset: 4px;
        }

        .cross-domain-query-parameters__content {
            margin-top: 16px;
        }

        .cross-domain-query-parameters .field-grid {
            margin-top: 16px;
        }

        .cross-domain-query-parameters textarea {
            min-height: 96px;
            font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
            font-size: 0.9rem;
        }

        .cross-domain-host-list,
        .cross-domain-selection-list,
        .cross-domain-selection-copy {
            display: grid;
        }

        .cross-domain-host-list {
            gap: 4px;
        }

        .cross-domain-selection-list {
            gap: 10px;
        }

        .cross-domain-selection-item {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            gap: 14px;
            align-items: center;
            min-height: 68px;
            padding: 14px 16px;
            border: 1px solid var(--border);
            border-radius: 12px;
            background: var(--panel);
            cursor: pointer;
        }

        .cross-domain-selection-item:has(input:checked) {
            border-color: var(--primary);
            background: #eff6ff;
        }

        .cross-domain-selection-item input {
            margin: 0;
        }

        .cross-domain-selection-copy {
            gap: 3px;
            min-width: 0;
        }

        .cross-domain-selection-copy span,
        .cross-domain-assignment {
            color: var(--text-muted);
            font-size: 0.88rem;
            overflow-wrap: anywhere;
        }

        .cross-domain-assignment {
            text-align: right;
        }

        .cross-domain-status:empty {
            display: none;
        }

        .experiments-workspace {
            display: block;
        }

        .experiments-workspace .placeholder-card {
            margin: 0;
        }

        .experiments-table,
        .experiments-basics-grid,
        .experiments-variants-section,
        .experiments-attach-row,
        .experiments-form-actions,
        .experiments-feedback {
            margin-top: 20px;
        }

        .experiments-basics-grid {
            grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
        }

        .experiments-variants-section {
            padding-top: 20px;
            border-top: 1px solid var(--border);
        }

        .experiments-variants-section .data-table-shell {
            margin-top: 14px;
        }

        .experiments-attach-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 14px;
            align-items: end;
        }

        .experiments-attach-row select,
        .experiments-attach-row .secondary-button {
            min-height: 50px;
            height: 50px;
        }

        .experiment-weight-input {
            width: 96px;
        }

        .experiments-feedback:empty {
            display: none;
        }

        .reporting-controls {
            display: grid;
            grid-template-columns: minmax(240px, 1fr) minmax(260px, 1fr);
            gap: 16px;
        }

        .reporting-custom-period {
            display: grid;
            grid-column: 1 / -1;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px 16px;
            padding-top: 16px;
            border-top: 1px solid var(--border);
        }

        .reporting-custom-period .field-hint {
            grid-column: 1 / -1;
            margin: 0;
        }

        .reporting-comparison-control {
            grid-column: 1 / -1;
            padding-top: 16px;
            border-top: 1px solid var(--border);
        }

        .reporting-workspace,
        .reporting-experiment-list {
            display: grid;
            gap: 24px;
        }

        .reporting-workspace .placeholder-card {
            margin: 0;
        }

        .reporting-period-heading {
            padding-bottom: 20px;
            border-bottom: 1px solid var(--border);
        }

        .reporting-section {
            padding-top: 24px;
            border-top: 1px solid var(--border);
        }

        .reporting-metric-grid,
        .reporting-outcome-grid {
            display: grid;
            gap: 14px;
            margin-top: 16px;
        }

        .reporting-metric-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .reporting-outcome-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .reporting-metric-card,
        .reporting-outcome-card,
        .reporting-experiment-card,
        .reporting-unassigned-card {
            min-width: 0;
            padding: 18px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-white);
        }

        .reporting-metric-card,
        .reporting-outcome-card {
            display: grid;
            gap: 7px;
        }

        .reporting-metric-card > span,
        .reporting-outcome-card > span,
        .reporting-metric-card > small,
        .reporting-outcome-card > small,
        .reporting-unassigned-card span,
        .reporting-data-note {
            color: var(--text-muted);
        }

        .reporting-comparison {
            color: var(--text-muted);
            font-size: 0.82rem;
            line-height: 1.4;
        }

        .reporting-table-metric {
            display: grid;
            gap: 3px;
        }

        .reporting-table-metric small,
        .reporting-variant-state {
            color: var(--text-muted);
            font-size: 0.78rem;
            font-weight: 400;
        }

        .reporting-metric-card > strong,
        .reporting-outcome-card > strong {
            color: var(--text-main);
            font-size: clamp(1.5rem, 3vw, 2rem);
            line-height: 1.1;
        }

        .reporting-outcome-card {
            border-top: 3px solid var(--primary);
        }

        .reporting-experiment-heading {
            margin-bottom: 14px;
        }

        .reporting-variant-table .data-table {
            min-width: 980px;
        }

        .reporting-unassigned-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            background: var(--bg-light);
        }

        .reporting-experiment-heading h4 {
            margin: 0;
        }

        .reporting-data-note {
            margin: 0;
            padding: 14px 16px;
            border-radius: var(--radius-md);
            background: var(--bg-light);
            font-size: 0.9rem;
        }

        .reporting-status:empty,
        .consent-evidence-status:empty {
            display: none;
        }

        .domain-tab-panel,
        .cookies-findings-workspace,
        .discovery-grouped-list,
        .discovery-grouped-category,
        .discovery-grouped-services,
        .discovery-grouped-service {
            min-width: 0;
            max-width: 100%;
        }

        .discovery-grouped-list,
        .discovery-grouped-services {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
        }

        .discovery-grouped-list {
            gap: 10px;
        }

        .discovery-grouped-services {
            gap: 8px;
            margin-top: 10px;
        }

        .discovery-grouped-category > summary,
        .discovery-grouped-service > summary {
            cursor: pointer;
            list-style: none;
        }

        .discovery-grouped-service {
            border: 1px solid var(--border);
            background: color-mix(in srgb, var(--surface) 92%, var(--primary) 8%);
        }

        .discovery-service-card-summary {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 8px 16px;
            width: 100%;
            min-width: 0;
            align-items: start;
        }

        .discovery-service-card-identity {
            display: grid;
            gap: 3px;
            min-width: 0;
        }

        .discovery-service-card-identity strong {
            overflow-wrap: anywhere;
            font-size: 1rem;
        }

        .discovery-service-card-badges {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 6px;
        }

        .discovery-service-state,
        .discovery-service-count {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 4px 9px;
            border: 1px solid var(--border);
            border-radius: 999px;
            background: var(--surface);
            color: var(--muted);
            font-size: 0.82rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .discovery-service-state--resolved {
            border-color: color-mix(in srgb, var(--success) 42%, var(--border));
            color: var(--success);
        }

        .discovery-service-state--manual {
            border-color: color-mix(in srgb, var(--primary) 42%, var(--border));
            color: var(--primary);
        }

        .discovery-service-state--open {
            border-color: color-mix(in srgb, var(--warning) 48%, var(--border));
            color: color-mix(in srgb, var(--warning) 72%, black);
        }

        .discovery-service-type-summary {
            grid-column: 1 / -1;
            overflow-wrap: anywhere;
        }

        .discovery-grouped-service > summary:focus-visible,
        .discovery-service-detail > summary:focus-visible,
        .discovery-service-editorial a:focus-visible {
            outline: 3px solid color-mix(in srgb, var(--primary) 55%, white);
            outline-offset: 3px;
        }

        .discovery-service-editorial,
        .discovery-service-section,
        .discovery-service-detail {
            min-width: 0;
            margin-top: 10px;
        }

        .discovery-service-editorial,
        .discovery-service-section {
            padding: 10px;
            border-left: 3px solid var(--primary);
            background: var(--surface);
            border-radius: 8px;
        }

        .discovery-service-section h4 {
            margin: 0 0 8px;
        }

        .discovery-service-editorial p {
            margin: 6px 0;
            overflow-wrap: anywhere;
        }

        .discovery-service-editorial a {
            overflow-wrap: anywhere;
        }

        .discovery-service-metadata-state {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
        }

        .discovery-service-metadata-notice {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 10px;
        }

        .discovery-service-metadata-notice p {
            margin: 4px 0 0;
        }

        .discovery-user-entry-list {
            display: grid;
            gap: 6px;
            margin: 8px 0 0;
            padding: 0;
            list-style: none;
        }

        .discovery-user-entry {
            display: grid;
            gap: 6px;
            padding: 0;
            border: 1px solid var(--border);
            border-radius: 8px;
            background: var(--surface);
            overflow: hidden;
        }

        .discovery-user-entry-detail > summary {
            position: relative;
            display: grid;
            gap: 5px;
            padding: 10px 38px 10px 12px;
            cursor: pointer;
            list-style: none;
        }

        .discovery-user-entry-detail > summary::-webkit-details-marker {
            display: none;
        }

        .discovery-user-entry-detail > summary::after {
            position: absolute;
            top: 50%;
            right: 16px;
            content: '›';
            color: var(--muted);
            font-size: 1.35rem;
            transform: translateY(-50%) rotate(90deg);
            transition: transform 0.15s ease;
        }

        .discovery-user-entry-detail[open] > summary::after {
            transform: translateY(-50%) rotate(-90deg);
        }

        .discovery-user-entry-details {
            padding: 10px 12px 12px;
            border-top: 1px solid var(--border);
            background: color-mix(in srgb, var(--surface) 86%, var(--bg-light) 14%);
        }

        .discovery-user-entry-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 8px;
            padding: 0 12px 12px;
            background: color-mix(in srgb, var(--surface) 86%, var(--bg-light) 14%);
        }

        .discovery-user-entry-heading,
        .discovery-user-entry-meta {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 8px 14px;
            flex-wrap: wrap;
        }

        .discovery-user-entry-heading strong {
            min-width: 0;
            overflow-wrap: anywhere;
        }

        .discovery-user-entry-heading span,
        .discovery-user-entry-meta {
            color: var(--muted);
            font-size: 0.86rem;
        }

        .discovery-user-entry-warning {
            display: inline-flex;
            align-items: center;
            min-height: 26px;
            padding: 4px 9px;
            border: 1px solid color-mix(in srgb, var(--danger) 42%, var(--border));
            border-radius: 999px;
            background: color-mix(in srgb, var(--danger) 8%, var(--surface));
            color: color-mix(in srgb, var(--danger) 78%, black);
            font-weight: 700;
            line-height: 1.2;
        }

        .discovery-service-metadata-state p {
            margin: 0;
        }

        .discovery-service-resolution-list {
            display: grid;
            gap: 8px;
            margin: 10px 0 0;
        }

        .discovery-service-resolution-list > div {
            display: grid;
            grid-template-columns: minmax(130px, 0.35fr) minmax(0, 1fr);
            gap: 8px 14px;
        }

        .discovery-service-resolution-list dt {
            color: var(--muted);
            font-weight: 700;
        }

        .discovery-service-resolution-list dd {
            min-width: 0;
            margin: 0;
            overflow-wrap: anywhere;
        }

        @media (max-width: 720px) {
            .discovery-service-card-summary {
                grid-template-columns: minmax(0, 1fr);
            }

            .discovery-service-card-badges {
                justify-content: flex-start;
            }

            .discovery-service-resolution-list > div {
                grid-template-columns: minmax(0, 1fr);
                gap: 2px;
            }

            .discovery-user-entry-actions {
                justify-content: space-between;
            }
        }

        .discovery-service-detail > summary {
            cursor: pointer;
            color: var(--primary);
            font-weight: 700;
        }

        #cookiesServicesList .discovery-grouped-category {
            padding: 0;
            overflow: hidden;
            border: 1px solid color-mix(in srgb, var(--border) 78%, var(--primary) 22%);
            background: color-mix(in srgb, var(--panel) 96%, var(--primary) 4%);
            box-shadow: none;
        }

        #cookiesServicesList .discovery-grouped-category > summary {
            position: relative;
            padding: 13px 16px 13px 42px;
            background: var(--panel);
        }

        #cookiesServicesList .discovery-grouped-category > summary::-webkit-details-marker,
        #cookiesServicesList .discovery-grouped-service > summary::-webkit-details-marker,
        #cookiesServicesList .discovery-service-detail > summary::-webkit-details-marker {
            display: none;
        }

        #cookiesServicesList .discovery-grouped-category > summary::marker,
        #cookiesServicesList .discovery-grouped-service > summary::marker,
        #cookiesServicesList .discovery-service-detail > summary::marker {
            content: "";
        }

        #cookiesServicesList .discovery-grouped-category > summary::before,
        #cookiesServicesList .discovery-grouped-service > summary::after,
        #cookiesServicesList .discovery-service-detail > summary::after {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: rotate(-45deg);
            transition: transform 160ms ease;
        }

        #cookiesServicesList .discovery-grouped-category > summary::before {
            top: 50%;
            left: 18px;
            color: var(--primary);
            transform: translateY(-50%) rotate(-45deg);
        }

        #cookiesServicesList .discovery-grouped-category[open] > summary::before {
            transform: translateY(-65%) rotate(45deg);
        }

        #cookiesServicesList .discovery-grouped-category[open] > summary {
            border-bottom: 1px solid var(--border);
            background: color-mix(in srgb, var(--panel) 92%, var(--primary) 8%);
        }

        #cookiesServicesList .discovery-grouped-services {
            position: relative;
            gap: 8px;
            margin: 0;
            padding: 12px 12px 14px 32px;
            background: color-mix(in srgb, var(--bg-light) 82%, var(--panel) 18%);
        }

        #cookiesServicesList .discovery-grouped-services::before {
            content: "";
            position: absolute;
            top: 12px;
            bottom: 14px;
            left: 15px;
            width: 2px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--primary) 28%, var(--border));
        }

        #cookiesServicesList .discovery-grouped-service {
            padding: 0;
            overflow: hidden;
            border: 1px solid var(--border);
            border-radius: 12px;
            background: var(--panel);
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
        }

        #cookiesServicesList .discovery-grouped-service > summary {
            position: relative;
            padding: 11px 40px 11px 14px;
            background: color-mix(in srgb, var(--panel) 96%, var(--primary) 4%);
        }

        #cookiesServicesList .discovery-grouped-service > summary::after,
        #cookiesServicesList .discovery-service-detail > summary::after {
            top: 50%;
            right: 19px;
            color: var(--muted);
            transform: translateY(-50%) rotate(-45deg);
        }

        #cookiesServicesList .discovery-grouped-service[open] {
            border-color: color-mix(in srgb, var(--primary) 42%, var(--border));
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
        }

        #cookiesServicesList .discovery-grouped-service[open] > summary {
            border-bottom: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
            background: color-mix(in srgb, var(--panel) 89%, var(--primary) 11%);
        }

        #cookiesServicesList .discovery-grouped-service[open] > summary::after,
        #cookiesServicesList .discovery-service-detail[open] > summary::after {
            transform: translateY(-65%) rotate(45deg);
        }

        #cookiesServicesList .discovery-service-card-body {
            display: grid;
            gap: 8px;
            padding: 10px 12px 12px;
            background: color-mix(in srgb, var(--panel) 97%, var(--bg-light) 3%);
        }

        #cookiesServicesList .discovery-service-card-body > .discovery-service-section,
        #cookiesServicesList .discovery-service-card-body > .discovery-service-detail {
            margin-top: 0;
        }

        #cookiesServicesList .discovery-service-card-body > .discovery-service-section {
            border: 1px solid var(--border);
            border-left: 4px solid var(--primary);
            background: var(--panel);
        }

        #cookiesServicesList .discovery-service-detail {
            overflow: hidden;
            border: 1px solid var(--border);
            border-radius: 9px;
            background: var(--panel);
        }

        #cookiesServicesList .discovery-service-detail > summary {
            position: relative;
            padding: 9px 38px 9px 11px;
            color: var(--text);
            background: color-mix(in srgb, var(--panel) 94%, var(--bg-light) 6%);
        }

        #cookiesServicesList .discovery-service-detail[open] > summary {
            border-bottom: 1px solid var(--border);
            color: var(--primary);
        }

        #cookiesServicesList .discovery-service-detail > .discovery-user-entry-list,
        #cookiesServicesList .discovery-service-detail > .discovery-service-storage-list,
        #cookiesServicesList .discovery-service-detail > .discovery-service-resolution-list {
            margin: 0;
            padding: 10px;
        }

        #cookiesServicesList .discovery-user-entry {
            background: color-mix(in srgb, var(--panel) 92%, var(--bg-light) 8%);
        }

        #cookiesServicesList .discovery-user-entry-details {
            margin: 0;
        }

        @media (max-width: 720px) {
            #cookiesServicesList .discovery-grouped-category > summary {
                padding: 15px 16px 15px 42px;
            }

            #cookiesServicesList .discovery-grouped-category > summary::before {
                left: 17px;
            }

            #cookiesServicesList .discovery-grouped-services {
                padding: 14px 12px 16px 28px;
            }

            #cookiesServicesList .discovery-grouped-services::before {
                top: 14px;
                bottom: 16px;
                left: 13px;
            }

            #cookiesServicesList .discovery-grouped-service > summary {
                padding: 14px 40px 14px 14px;
            }

            #cookiesServicesList .discovery-service-card-body {
                padding: 12px;
            }
        }

        .discovery-service-storage-list {
            display: grid;
            gap: 8px;
            margin: 10px 0 0;
            padding: 0;
            list-style: none;
        }

        .discovery-service-storage-list li {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 4px 12px;
            padding: 9px;
            border: 1px solid var(--border);
            border-radius: 8px;
            min-width: 0;
        }

        .discovery-service-storage-list strong,
        .discovery-service-storage-list span,
        .discovery-service-storage-list p {
            min-width: 0;
            overflow-wrap: anywhere;
        }

        .discovery-service-storage-list p {
            grid-column: 1 / -1;
            margin: 0;
        }

        .discovery-grouped-table {
            margin-top: 8px;
        }

        .discovery-purpose {
            margin-top: 8px;
        }

        .discovery-purpose summary {
            cursor: pointer;
            color: var(--primary);
        }

        .discovery-purpose-text {
            margin-top: 6px;
        }

        .override-editor-list {
            display: grid;
            gap: 10px;
        }

        .override-editor-heading {
            display: grid;
            gap: 4px;
        }

        .override-editor-list .property-card {
            padding: 14px 16px;
        }

        .override-editor-list .form-actions {
            margin-top: 10px;
        }

        .override-editor-json {
            display: grid;
            gap: 8px;
            margin-top: 12px;
        }

        .cookies-override-dialog {
            width: min(720px, calc(100vw - 32px));
            max-height: min(820px, calc(100vh - 32px));
            padding: 0;
            overflow: auto;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-white);
            box-shadow: var(--shadow-lg);
        }

        .admin-modal-dialog {
            width: min(520px, calc(100vw - 32px));
            padding: 0;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-white);
            box-shadow: var(--shadow-lg);
        }

        .admin-modal-dialog::backdrop {
            background: rgba(15, 23, 42, 0.58);
        }

        .creation-wizard-dialog {
            width: min(780px, calc(100vw - 32px));
            max-height: min(880px, calc(100vh - 32px));
            overflow: auto;
        }

        .banner-creation-dialog {
            width: min(1040px, calc(100vw - 32px));
        }

        .creation-wizard-dialog__header {
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border);
        }

        .creation-wizard-dialog__header .screen-note {
            margin: 0;
        }

        .creation-wizard-dialog__body {
            gap: 20px;
            margin-top: 16px;
        }

        .creation-wizard-progress {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 8px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .creation-wizard-progress li {
            display: grid;
            grid-template-columns: 28px minmax(0, 1fr);
            align-items: center;
            gap: 8px;
            min-width: 0;
            padding: 8px;
            border-radius: var(--radius-md);
            color: var(--text-muted);
            font-size: 0.82rem;
            font-weight: 700;
        }

        .creation-wizard-progress li > span {
            display: grid;
            width: 28px;
            height: 28px;
            place-items: center;
            border: 1px solid var(--border);
            border-radius: 50%;
            background: var(--bg-white);
        }

        .creation-wizard-progress li[data-complete="true"] {
            color: var(--text);
        }

        .creation-wizard-progress li[aria-current="step"] {
            background: rgba(37, 99, 235, 0.08);
            color: var(--primary);
        }

        .creation-wizard-progress li[aria-current="step"] > span,
        .creation-wizard-progress li[data-complete="true"] > span {
            border-color: var(--primary);
            background: var(--primary);
            color: #fff;
        }

        .creation-wizard-step {
            display: grid;
            gap: 16px;
            min-height: 300px;
            align-content: start;
        }

        .creation-wizard-step[hidden] {
            display: none;
        }

        .creation-wizard-step .domain-settings-heading {
            margin: 0;
        }

        .property-creation-fieldset {
            display: grid;
            gap: 8px;
            margin: 0;
            padding: 14px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
        }

        .property-creation-fieldset legend {
            padding: 0 5px;
            font-weight: 700;
        }

        .property-creation-none-option {
            margin-top: 4px;
            border-top: 1px solid var(--border);
        }

        .property-creation-host-preview {
            padding: 10px 12px;
            border: 1px solid rgba(37, 99, 235, 0.18);
            border-radius: var(--radius-md);
            background: rgba(37, 99, 235, 0.06);
            color: var(--text);
            font-size: 0.88rem;
        }

        .banner-creation-context {
            padding: 12px 14px;
            border: 1px solid rgba(37, 99, 235, 0.18);
            border-radius: var(--radius-md);
            background: rgba(37, 99, 235, 0.06);
            color: var(--text);
            font-size: 0.9rem;
            font-weight: 600;
        }

        .banner-creation-mode-fieldset {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .banner-creation-mode-fieldset legend {
            margin-bottom: 10px;
            font-weight: 700;
        }

        .banner-creation-mode-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
        }

        .banner-creation-mode-card {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
            align-items: flex-start;
            padding: 14px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-white);
            cursor: pointer;
        }

        .banner-creation-mode-card:has(input:checked) {
            border-color: var(--primary);
            box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
            background: rgba(37, 99, 235, 0.04);
        }

        .banner-creation-mode-card input {
            margin-top: 3px;
        }

        .banner-creation-mode-card span,
        .banner-creation-mode-card small {
            display: block;
        }

        .banner-creation-mode-card small {
            margin-top: 4px;
            color: var(--text-muted);
            line-height: 1.45;
        }

        .banner-creation-dialog .banner-template-group + .banner-template-group {
            margin-top: 18px;
        }

        .banner-creation-dialog .banner-template-group h4 {
            margin: 0 0 10px;
        }

        .banner-creation-dialog .banner-template-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .creation-wizard-review {
            display: grid;
            gap: 0;
            margin: 0;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .creation-wizard-review > div {
            display: grid;
            grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.3fr);
            gap: 16px;
            padding: 12px 14px;
            border-top: 1px solid var(--border);
        }

        .creation-wizard-review > div:first-child {
            border-top: 0;
        }

        .creation-wizard-review dt,
        .creation-wizard-review dd {
            margin: 0;
        }

        .creation-wizard-review dt {
            color: var(--text-muted);
            font-weight: 600;
        }

        .creation-wizard-review dd {
            overflow-wrap: anywhere;
            font-weight: 700;
        }

        .creation-wizard-status {
            margin: 0;
        }

        .creation-wizard-actions {
            display: flex;
            align-items: center;
            min-height: 66px;
        }

        .creation-wizard-actions > :first-child {
            margin-right: auto;
        }

        .creation-wizard-success {
            min-height: 360px;
            place-items: center;
            align-content: center;
            text-align: center;
        }

        .creation-wizard-success__icon {
            display: grid;
            width: 54px;
            height: 54px;
            place-items: center;
            border-radius: 50%;
            background: rgba(22, 163, 74, 0.12);
            color: #15803d;
            font-size: 1.7rem;
            font-weight: 800;
        }

        .creation-wizard-success__actions {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .admin-modal-dialog__header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin: 20px 22px 0;
        }

        .admin-modal-dialog__header h3 {
            margin: 2px 0 4px;
        }

        .admin-modal-dialog__body {
            display: grid;
            gap: 16px;
            margin: 20px 22px 0;
        }

        .admin-modal-dialog__actions {
            justify-content: flex-end;
            margin: 0 -22px;
            padding: 14px 22px;
            border-top: 1px solid var(--border);
        }

        .navigation-guard-dialog .admin-modal-dialog__body {
            margin-top: 12px;
        }

        .navigation-guard-dialog .screen-note,
        .navigation-guard-dialog__status {
            margin: 0;
        }

        .navigation-guard-dialog__status {
            border-color: rgba(239, 68, 68, 0.24);
            background: rgba(254, 242, 242, 0.96);
            color: #9f1d1d;
        }

        .navigation-guard-dialog button:disabled {
            cursor: wait;
            opacity: 0.58;
        }

        .cookies-override-dialog::backdrop {
            background: rgba(15, 23, 42, 0.58);
        }

        .cookies-override-dialog > * {
            margin-right: 22px;
            margin-left: 22px;
        }

        .cookies-override-dialog__header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-top: 20px;
        }

        .cookies-override-dialog__header h3 {
            margin: 2px 0 4px;
        }

        .cookies-override-service-fields {
            display: grid;
            grid-template-columns: 1fr;
            gap: 14px;
            margin-top: 20px;
        }

        .domain-tabs.cookies-override-tabs {
            margin: 0;
            padding: 0;
        }

        .cookies-override-service-fields > .field-hint,
        .cookies-override-service-fields > .checkbox-row {
            grid-column: 1 / -1;
        }

        .cookies-override-section {
            display: grid;
            gap: 14px;
            padding: 16px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
        }

        .cookies-override-section h4,
        .cookies-override-section h5 {
            margin: 0;
        }

        .cookies-override-section__heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .cookies-content-field {
            display: grid;
            gap: 4px;
        }

        .cookies-content-service-fields {
            display: grid;
            gap: 14px;
        }

        .cookies-content-field > .text-button {
            justify-self: start;
            padding: 0;
            font-size: 0.8rem;
        }

        .cookies-content-field small {
            color: var(--text-muted);
            font-weight: 400;
        }

        .cookies-content-storage,
        #cookiesContentStorageList {
            display: grid;
            gap: 10px;
        }

        .cookies-content-storage-row {
            display: grid;
            grid-template-columns: minmax(110px, 0.8fr) minmax(140px, 1.2fr);
            gap: 10px;
            padding: 12px;
            border-radius: var(--radius-md);
            background: var(--bg-soft);
        }

        .cookies-content-storage-row .field--wide {
            grid-column: 1 / -1;
        }

        @media (max-width: 620px) {
            .creation-wizard-dialog {
                width: calc(100vw - 16px);
                max-width: none;
                max-height: calc(100vh - 16px);
            }

            .banner-creation-mode-grid,
            .banner-creation-dialog .banner-template-grid {
                grid-template-columns: 1fr;
            }

            .creation-wizard-dialog__header {
                margin: 16px 16px 0;
            }

            .creation-wizard-dialog__body {
                margin: 14px 16px 0;
            }

            .creation-wizard-progress {
                grid-template-columns: repeat(4, 34px);
                justify-content: space-between;
            }

            .creation-wizard-progress li {
                display: block;
                padding: 3px;
                overflow: hidden;
                color: transparent;
                font-size: 0;
            }

            .creation-wizard-progress li > span {
                font-size: 0.82rem;
            }

            .creation-wizard-review > div {
                grid-template-columns: 1fr;
                gap: 4px;
            }

            .creation-wizard-actions {
                margin-right: -16px;
                margin-left: -16px;
                padding-right: 16px;
                padding-left: 16px;
            }

            .creation-wizard-success__actions {
                align-items: stretch;
                flex-direction: column;
                width: 100%;
            }

            .creation-wizard-success__actions > button {
                width: 100%;
            }

            .navigation-guard-dialog .admin-modal-dialog__actions {
                align-items: stretch;
                flex-direction: column;
            }

            .navigation-guard-dialog .admin-modal-dialog__actions > button {
                width: 100%;
            }

            .domain-tabs.cookies-override-tabs {
                margin-right: 0;
                margin-left: 0;
                padding: 0;
            }

            .cookies-content-storage-row {
                grid-template-columns: 1fr;
            }
        }

        .cookies-override-json-details {
            margin-top: 18px;
        }

        .cookies-override-json-details > summary {
            color: var(--primary);
            cursor: pointer;
            font-weight: 700;
        }

        .cookies-override-json-details textarea {
            min-height: 300px;
            font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        }

        .cookies-override-dialog__actions {
            position: sticky;
            bottom: 0;
            justify-content: flex-end;
            margin: 20px 0 0;
            padding: 14px 22px;
            border-top: 1px solid var(--border);
            background: var(--bg-white);
        }

        .cookies-override-create-button {
            margin-right: auto;
        }

        #cookiesOverrideDialogStatus:empty {
            display: none;
        }

        .service-quality-pills {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            margin: 8px 0 0;
        }

        .service-quality-pill {
            display: inline-flex;
            align-items: center;
            min-height: 26px;
            padding: 4px 9px;
            border: 1px solid var(--border);
            border-radius: 999px;
            background: var(--bg-light);
            color: var(--muted);
            font-size: 0.78rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .service-quality-pill--positive {
            border-color: rgba(22, 163, 74, 0.28);
            background: rgba(22, 163, 74, 0.08);
            color: #166534;
        }

        .service-quality-pill--warning {
            border-color: rgba(217, 119, 6, 0.3);
            background: rgba(217, 119, 6, 0.09);
            color: #92400e;
        }

        .service-quality-pill--critical {
            border-color: color-mix(in srgb, var(--danger) 42%, var(--border));
            background: color-mix(in srgb, var(--danger) 8%, var(--surface));
            color: color-mix(in srgb, var(--danger) 78%, black);
        }

        .service-quality-pill--contextual {
            border-color: color-mix(in srgb, var(--primary) 34%, var(--border));
            background: color-mix(in srgb, var(--primary) 8%, var(--surface));
            color: var(--primary);
        }

        .service-quality-pill--summary {
            min-height: 28px;
            background-clip: padding-box;
            font-size: 0.82rem;
        }

        .service-quality-edit {
            display: inline-grid;
            width: 28px;
            height: 28px;
            padding: 5px;
            place-items: center;
            border: 1px solid var(--border);
            border-radius: 50%;
            background: var(--bg-white);
            color: var(--primary);
            cursor: pointer;
        }

        .service-quality-edit:hover,
        .service-quality-edit:focus-visible {
            border-color: var(--primary);
            background: var(--primary-soft);
        }

        .service-quality-edit svg {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        .cookies-legend-button {
            flex: 0 0 auto;
            border-radius: 50%;
            font-family: Georgia, serif;
            font-size: 1rem;
            font-weight: 700;
        }

        .cookies-legend-dialog {
            width: min(780px, calc(100vw - 32px));
        }

        .cookies-finding-pages-dialog {
            width: min(720px, calc(100vw - 32px));
        }

        .cookies-finding-pages-list {
            display: grid;
            gap: 10px;
            margin-top: 18px;
            padding-left: 22px;
        }

        .cookies-finding-pages-list[hidden] {
            display: none;
        }

        .cookies-finding-pages-list a {
            overflow-wrap: anywhere;
        }

        .cookies-legend-groups {
            display: grid;
            gap: 14px;
            margin-top: 20px;
        }

        .cookies-legend-groups > section {
            padding: 16px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: color-mix(in srgb, var(--surface) 94%, var(--bg-light) 6%);
        }

        .cookies-legend-groups h4 {
            margin: 0 0 12px;
            font-family: inherit;
            font-size: 0.95rem;
            font-weight: 800;
            line-height: 1.3;
        }

        .cookies-legend-list {
            display: grid;
            gap: 0;
            margin: 0;
        }

        .cookies-legend-list > div {
            display: grid;
            grid-template-columns: minmax(180px, 230px) 1fr;
            gap: 16px;
            align-items: start;
            min-height: 48px;
            padding: 10px 0;
            border-top: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
        }

        .cookies-legend-list > div:first-child {
            padding-top: 0;
            border-top: 0;
        }

        .cookies-legend-list > div:last-child {
            padding-bottom: 0;
        }

        .cookies-legend-list dt,
        .cookies-legend-list dd {
            margin: 0;
        }

        .cookies-legend-list dd {
            color: var(--muted);
            font-family: inherit;
            font-size: 0.9rem;
            line-height: 1.5;
        }

        .cookies-legend-list dt > .service-quality-pill,
        .cookies-legend-list dt > .discovery-service-state,
        .cookies-legend-list dt > .discovery-user-entry-warning {
            min-height: 28px;
            padding: 5px 10px;
            font-family: inherit;
            font-size: 0.8rem;
            font-weight: 700;
            line-height: 1.2;
        }

        @media (max-width: 600px) {
            .cookies-legend-list > div {
                grid-template-columns: 1fr;
                gap: 5px;
                padding: 12px 0;
            }
        }

        .cookies-filter-panel {
            margin-bottom: 12px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-light);
        }

        div.cookies-filter-panel {
            padding: 16px;
        }

        details.cookies-filter-panel > summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 44px;
            padding: 10px 14px;
            cursor: pointer;
            color: var(--text);
            font-weight: 700;
        }

        details.cookies-filter-panel[open] > summary {
            border-bottom: 1px solid var(--border);
            background: color-mix(in srgb, var(--bg-light) 84%, var(--bg-white) 16%);
        }

        .cookies-filter-panel__content {
            padding: 12px;
        }

        .cookies-search-field {
            width: min(100%, 520px);
        }

        .cookies-filter-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(150px, 1fr));
            gap: 10px;
            margin-top: 10px;
        }

        .filter-popover {
            position: relative;
        }

        .filter-popover > summary {
            min-height: 44px;
            padding: 10px 12px;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-white);
            color: var(--text);
            cursor: pointer;
            font-weight: 600;
        }

        .filter-popover > summary::marker {
            color: var(--muted);
        }

        .filter-popover[open] > summary {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
        }

        .filter-options {
            position: absolute;
            z-index: 20;
            top: calc(100% + 6px);
            left: 0;
            display: grid;
            width: max-content;
            min-width: 100%;
            max-width: min(320px, 80vw);
            max-height: 320px;
            gap: 7px;
            padding: 10px;
            overflow-y: auto;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-white);
            box-shadow: var(--shadow-md);
        }

        .filter-options .checkbox-row {
            padding: 9px 10px;
            border-radius: 8px;
        }

        .cookies-overrides-editor {
            overflow: visible;
        }

        .cookies-findings-table {
            table-layout: fixed;
        }

        .cookies-findings-table th:nth-child(1),
        .cookies-findings-table td:nth-child(1) {
            width: 33%;
        }

        .cookies-findings-table th:nth-child(2),
        .cookies-findings-table td:nth-child(2) {
            width: 17%;
        }

        .cookies-findings-table th:nth-child(3),
        .cookies-findings-table td:nth-child(3) {
            width: 16%;
        }

        .cookies-findings-table th:nth-child(4),
        .cookies-findings-table td:nth-child(4) {
            width: 19%;
        }

        .cookies-findings-table th:nth-child(5),
        .cookies-findings-table td:nth-child(5) {
            width: 15%;
        }

        .banner-template-field-label {
            display: block;
            margin-bottom: 8px;
            color: var(--ink);
            font-weight: 700;
        }

        .banner-template-current {
            display: grid;
            grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) auto;
            align-items: center;
            gap: 18px;
            padding: 14px;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-white);
        }

        .banner-template-current__content {
            display: grid;
            min-width: 0;
            gap: 5px;
        }

        .banner-template-current__content strong {
            font-size: 1rem;
        }

        .banner-template-current__content p {
            margin: 0;
            color: var(--muted);
            line-height: 1.5;
        }

        .banner-template-type,
        .banner-template-card__meta {
            color: var(--accent-strong);
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .banner-template-visual,
        .banner-template-card__visual {
            display: block;
            min-width: 0;
            overflow: hidden;
            border: 1px solid #cbd5e1;
            border-radius: var(--radius-md);
            background: #e2e8f0;
        }

        .banner-template-visual > img,
        .banner-template-card__visual > img {
            display: block;
            width: 100%;
            aspect-ratio: 2.15 / 1;
            object-fit: cover;
        }

        .banner-template-visual__page {
            position: relative;
            aspect-ratio: 16 / 9;
            min-height: 104px;
            overflow: hidden;
            background: linear-gradient(145deg, #f8fafc, #e2e8f0);
        }

        .banner-template-visual__browser-line {
            position: absolute;
            top: 14%;
            left: 10%;
            width: 45%;
            height: 5%;
            border-radius: 4px;
            background: #cbd5e1;
        }

        .banner-template-visual__browser-line--short {
            top: 23%;
            width: 30%;
            opacity: 0.72;
        }

        .banner-template-visual__banner {
            position: absolute;
            display: grid;
            gap: 5px;
            padding: 9px;
            border: 1px solid rgba(148, 163, 184, 0.4);
            background: #fff;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
        }

        .banner-template-visual__title,
        .banner-template-visual__copy {
            display: block;
            width: 58%;
            height: 5px;
            border-radius: 4px;
            background: #334155;
        }

        .banner-template-visual__copy {
            width: 84%;
            height: 3px;
            background: #94a3b8;
        }

        .banner-template-visual__copy--short {
            width: 68%;
        }

        .banner-template-visual__actions {
            display: flex;
            justify-content: flex-end;
            gap: 4px;
            margin-top: 2px;
        }

        .banner-template-visual__actions i {
            width: 27%;
            height: 9px;
            border-radius: 3px;
            background: #dbeafe;
        }

        .banner-template-visual__actions i:last-child {
            background: #2563eb;
        }

        .banner-template-visual__page--calm .banner-template-visual__banner {
            right: 8%;
            bottom: 8%;
            left: 8%;
            border-radius: 8px;
        }

        .banner-template-visual__page--shop .banner-template-visual__banner {
            right: 0;
            bottom: 0;
            left: 0;
            grid-template-columns: minmax(0, 1fr) auto;
            border-width: 1px 0 0;
            border-radius: 0;
        }

        .banner-template-visual__page--shop .banner-template-visual__copy,
        .banner-template-visual__page--shop .banner-template-visual__copy--short {
            grid-column: 1;
        }

        .banner-template-visual__page--shop .banner-template-visual__actions {
            grid-row: 1 / span 3;
            grid-column: 2;
            align-items: center;
        }

        .banner-template-visual__page--shop .banner-template-visual__actions i {
            width: 30px;
        }

        .banner-template-visual__page--editorial .banner-template-visual__banner,
        .banner-template-visual__page--legal .banner-template-visual__banner {
            top: 50%;
            left: 50%;
            width: 60%;
            transform: translate(-50%, -43%);
            border-radius: 8px;
        }

        .banner-template-visual__page--editorial .banner-template-visual__banner {
            border-top: 5px solid #2563eb;
        }

        .banner-template-visual__page--legal .banner-template-visual__banner {
            width: 66%;
            border-radius: 4px;
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.22);
        }

        .banner-template-visual__page--legal .banner-template-visual__actions {
            flex-direction: column;
        }

        .banner-template-visual__page--legal .banner-template-visual__actions i {
            width: 100%;
            height: 6px;
        }

        .banner-template-visual__page--custom::after {
            position: absolute;
            top: 8px;
            right: 8px;
            padding: 3px 5px;
            border-radius: 4px;
            background: rgba(15, 23, 42, 0.86);
            color: #fff;
            content: "</>";
            font: 700 9px/1 monospace;
        }

        .banner-template-chooser {
            margin-top: 14px;
            margin-bottom: 88px;
            padding: 18px;
            border: 1px solid rgba(37, 99, 235, 0.24);
            border-radius: var(--radius-lg);
            background: var(--bg-light);
        }

        .banner-template-chooser__heading h4,
        .banner-template-group h5 {
            margin: 0;
        }

        .banner-template-chooser__heading p {
            margin: 6px 0 0;
            color: var(--muted);
        }

        .banner-template-group {
            margin-top: 20px;
        }

        .banner-template-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin-top: 10px;
        }

        .banner-template-card {
            position: relative;
            display: grid;
            grid-template-rows: auto 1fr;
            min-width: 0;
            padding: 0;
            overflow: hidden;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--bg-white);
            color: var(--ink);
            font: inherit;
            text-align: left;
            cursor: pointer;
        }

        .banner-template-card:hover {
            border-color: #93c5fd;
            box-shadow: var(--shadow-sm);
        }

        .banner-template-card:focus-visible {
            outline: 3px solid rgba(37, 99, 235, 0.22);
            outline-offset: 2px;
        }

        .banner-template-card.is-selected {
            border-color: var(--accent);
            box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14);
        }

        .banner-template-card__visual {
            border-width: 0 0 1px;
            border-radius: 0;
        }

        .banner-template-card__content {
            display: grid;
            align-content: start;
            gap: 5px;
            padding: 12px 42px 14px 14px;
        }

        .banner-template-card__content > span:last-child {
            color: var(--muted);
            font-size: 0.86rem;
            line-height: 1.45;
        }

        .banner-template-card__check {
            position: absolute;
            right: 12px;
            bottom: 14px;
            display: grid;
            width: 22px;
            height: 22px;
            place-items: center;
            border: 1px solid var(--border);
            border-radius: 50%;
            background: var(--bg-white);
            color: transparent;
            font-weight: 800;
        }

        .banner-template-card.is-selected .banner-template-card__check {
            border-color: var(--accent);
            background: var(--accent);
            color: #fff;
        }

        .banner-template-warning {
            margin-top: 16px;
        }

        .banner-template-chooser__actions {
            justify-content: flex-end;
            margin-top: 16px;
        }

        .banner-copy-tabs {
            display: flex;
            width: fit-content;
            max-width: 100%;
            gap: 4px;
            margin-bottom: 20px;
            padding: 4px;
            overflow-x: auto;
            overflow-y: hidden;
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            background: var(--bg-light);
            scrollbar-width: thin;
        }

        .banner-copy-tab {
            flex: 0 0 auto;
            padding: 9px 12px;
            border: 1px solid transparent;
            border-radius: 8px;
            background: transparent;
            color: var(--muted);
            font: inherit;
            font-weight: 700;
            cursor: pointer;
        }

        .banner-copy-tab:hover {
            color: var(--accent-strong);
        }

        .banner-copy-tab[aria-selected="true"] {
            border-color: var(--border);
            background: var(--bg-white);
            box-shadow: var(--shadow-sm);
            color: var(--accent-strong);
        }

        .banner-copy-tab:focus-visible {
            outline: 3px solid rgba(37, 99, 235, 0.22);
            outline-offset: 1px;
        }

        .domain-settings-subheading {
            margin-top: 28px;
        }

        .domain-readonly-field input[readonly] {
            background: var(--bg-light);
            color: var(--ink);
            cursor: default;
        }

        .language-add-row {
            align-items: flex-end;
            margin-top: 18px;
        }

        .language-add-row .field {
            min-width: 240px;
            flex: 1 1 320px;
        }

        .language-add-row > button {
            flex: 0 0 auto;
        }

        .domain-related-actions .screen-note,
        .domain-settings-heading .screen-note {
            margin-bottom: 0;
        }

        .domain-settings-section + .domain-settings-section {
            margin-top: 18px;
        }

        .consent-evidence-list-section {
            padding-top: 18px;
            border-top: 1px solid var(--border);
        }

        .consent-evidence-uid {
            overflow-wrap: anywhere;
        }

        .domain-settings-heading {
            margin-bottom: 18px;
        }

        .banner-settings-workspace .domain-settings-heading.form-grid--separated {
            margin-top: 24px;
        }

        .domain-danger-zone {
            border-top: 1px solid rgba(183, 28, 28, 0.14);
            padding-top: 18px;
        }

        .domain-danger-zone summary {
            color: #9f1d1d;
            cursor: pointer;
            font-weight: 700;
        }

        .domain-danger-zone > div {
            padding-top: 14px;
        }

        .property-list,
        .wizard-steps {
            display: grid;
            gap: 14px;
        }

        .table-toolbar {
            display: flex;
            gap: 12px;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 16px;
        }

        .table-toolbar .field {
            min-width: 200px;
            flex: 1 1 220px;
        }

        .table-toolbar--search {
            justify-content: flex-end;
        }

        .table-toolbar--search .field {
            flex: 0 1 360px;
        }

        .data-table-shell {
            min-width: 0;
            max-width: 100%;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: #fff;
            overflow-x: auto;
            overflow-y: hidden;
            overscroll-behavior-x: contain;
            scrollbar-gutter: stable;
            position: relative;
        }

        .data-table-scroll-region {
            position: relative;
            min-width: 0;
            max-width: 100%;
        }

        .data-table-scrollbar {
            position: sticky;
            top: 12px;
            z-index: 12;
            height: 16px;
            margin-bottom: 6px;
            overflow-x: auto;
            overflow-y: hidden;
            overscroll-behavior-x: contain;
            scrollbar-gutter: stable;
            border: 1px solid var(--border);
            border-radius: 999px;
            background: var(--bg-light);
            box-shadow: var(--shadow-sm);
        }

        .data-table-scrollbar[hidden] {
            display: none;
        }

        .data-table-scrollbar-spacer {
            height: 1px;
        }

        .data-table-scroll-region::before,
        .data-table-scroll-region::after {
            content: "";
            position: absolute;
            top: 24px;
            bottom: 1px;
            z-index: 8;
            width: 24px;
            opacity: 0;
            pointer-events: none;
            transition: opacity 160ms ease;
        }

        .data-table-scroll-region::before {
            left: 1px;
            background: linear-gradient(90deg, rgba(15, 23, 42, 0.18), transparent);
        }

        .data-table-scroll-region::after {
            right: 1px;
            background: linear-gradient(270deg, rgba(15, 23, 42, 0.18), transparent);
        }

        .data-table-scroll-region.can-scroll-left::before,
        .data-table-scroll-region.can-scroll-right::after {
            opacity: 1;
        }

        .data-table {
            width: 100%;
            border-collapse: collapse;
        }

        .data-table--wide {
            min-width: 1480px;
        }

        .category-policy-matrix .data-table {
            display: table;
            width: 100%;
            min-width: 740px;
            border-collapse: collapse;
        }

        .category-policy-matrix th,
        .category-policy-matrix td {
            padding: 12px;
            border-bottom: 1px solid var(--border);
            text-align: center;
        }

        .category-policy-matrix th:first-child {
            text-align: left;
        }

        .category-policy-matrix .data-table thead {
            display: table-header-group;
            width: auto;
        }

        .category-policy-matrix .data-table tbody {
            display: table-row-group;
            width: auto;
        }

        .category-policy-matrix .data-table tr {
            display: table-row;
            width: auto;
            padding: 0;
            border: 0;
        }

        .category-policy-matrix .data-table th,
        .category-policy-matrix .data-table td {
            display: table-cell;
            width: auto;
            padding: 12px;
            border-bottom: 1px solid var(--border);
        }

        .category-policy-matrix .data-table td::before {
            content: none;
        }

        .category-matrix-legend {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px 24px;
            margin-bottom: 12px;
        }

        .category-matrix-control,
        .category-matrix-fixed {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .category-matrix-fixed {
            white-space: nowrap;
            font-size: 13px;
            font-weight: 500;
        }

        .category-matrix-lock {
            width: 15px;
            height: 15px;
            flex-shrink: 0;
        }

        .category-matrix-info {
            color: var(--muted);
        }

        .category-policy-matrix [data-category-matrix-state="locked"] input {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .artifact-cleanup-table {
            min-width: 900px;
        }

        .artifact-cleanup-table input[type="checkbox"] {
            width: 18px;
            height: 18px;
            align-self: flex-start;
            accent-color: var(--primary);
        }

        .data-table th,
        .data-table td {
            padding: 11px 13px;
            text-align: left;
            border-bottom: 1px solid var(--border);
            vertical-align: top;
            min-width: 0;
        }

        .data-table th {
            background: var(--bg-light);
            color: var(--text-muted);
            font-size: 0.86rem;
            letter-spacing: 0.02em;
            text-transform: uppercase;
        }

        .table-sort-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 0;
            border: 0;
            background: transparent;
            color: inherit;
            font: inherit;
            font-weight: 700;
            text-transform: inherit;
            letter-spacing: inherit;
            cursor: pointer;
        }

        .table-sort-button[data-active="true"] {
            color: var(--primary-hover);
        }

        .table-sort-indicator {
            font-size: 0.8rem;
            color: var(--muted);
        }

        .data-table tbody tr:last-child td {
            border-bottom: 0;
        }

        .table-cell-clamp {
            display: block;
            max-width: min(40vw, 520px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .table-cell-clamp.table-cell-clamp-strong {
            font-weight: 700;
        }

        .table-cell-clamp.table-cell-clamp-hint {
            margin-top: 4px;
        }

        .table-empty {
            padding: 14px 13px;
            color: var(--muted);
        }

        .row-actions {
            display: flex;
            align-items: flex-start;
            justify-content: flex-end;
            gap: 8px;
            flex-wrap: nowrap;
            min-width: 0;
        }

        .row-actions-menu {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }

        .row-actions-menu[open] {
            z-index: 60;
        }

        .row-actions-menu summary {
            list-style: none;
        }

        .row-actions-menu > summary.row-actions-trigger {
            display: inline-flex;
            align-items: center;
        }

        .row-actions-menu summary::-webkit-details-marker {
            display: none;
        }

        .row-actions-trigger {
            min-width: 104px;
            justify-content: center;
        }

        .row-actions-trigger--icon {
            width: 40px;
            min-width: 40px;
            height: 40px;
            padding: 0;
        }

        .row-actions-trigger--icon svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

        .row-action-button--icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            min-width: 36px;
            height: 36px;
            padding: 0;
        }

        .create-action-button,
        .back-action-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .row-action-button--icon svg,
        .create-action-button svg,
        .back-action-button svg {
            width: 18px;
            height: 18px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .row-action-button--icon.row-actions-danger {
            border-color: rgba(183, 28, 28, 0.2);
            color: #9f1d1d;
        }

        .row-actions-popover {
            position: absolute;
            top: calc(100% + 8px);
            right: 0;
            z-index: 30;
            min-width: 240px;
            max-width: min(92vw, 320px);
            margin-top: 0;
            padding: 10px;
            border-radius: var(--radius-lg);
            border: 1px solid var(--border);
            background: var(--bg-white);
            box-shadow: var(--shadow-lg);
            display: grid;
            gap: 8px;
            overflow-y: auto;
            overscroll-behavior: contain;
        }

        .row-actions-popover[hidden] {
            display: none;
        }

        .row-actions-divider {
            height: 1px;
            background: var(--border);
            margin: 2px 0;
        }

        .row-actions-item {
            width: 100%;
            justify-content: flex-start;
            text-align: left;
        }

        .row-actions-item.row-actions-danger {
            border-color: rgba(183, 28, 28, 0.16);
            color: #9f1d1d;
        }

        .row-actions-inline-select {
            width: 100%;
            min-width: 0;
        }

        .row-actions-stack {
            display: grid;
            gap: 8px;
        }

        .row-actions-note {
            color: var(--muted);
            font-size: 0.82rem;
            line-height: 1.45;
        }

        .property-card,
        .wizard-step,
        .placeholder-card {
            padding: 18px;
            border-radius: var(--radius-lg);
            border: 1px solid var(--border);
            background: #fff;
        }

        .property-card[data-active="true"],
        .wizard-step[data-active="true"] {
            border-color: rgba(37, 99, 235, 0.24);
            background: rgba(37, 99, 235, 0.06);
        }

        .placeholder-card {
            background: linear-gradient(180deg, #FFFFFF, #F8FAFC);
            border-style: dashed;
        }

        .banner-editor-navigation {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            gap: 12px;
        }

        .banner-editor-navigation .domain-tabs {
            min-width: 0;
        }

        .banner-preview-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin-bottom: 5px;
        }

        .banner-preview-toggle svg,
        .banner-preview-close svg {
            width: 18px;
            height: 18px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .banner-editor-layout,
        #bannerEditorForm {
            min-width: 0;
        }

        .banner-preview-backdrop {
            position: fixed;
            inset: 0;
            z-index: 70;
            padding: 0;
            border: 0;
            background: rgba(15, 23, 42, 0.5);
            cursor: default;
        }

        .banner-preview-pane {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 80;
            width: min(760px, calc(100vw - 32px));
            min-width: 0;
            padding: 18px;
            overflow-y: auto;
            overscroll-behavior: contain;
            border-left: 1px solid var(--border);
            background: var(--bg-white);
            box-shadow: -24px 0 60px rgba(15, 23, 42, 0.22);
            transform: translateX(100%);
            visibility: hidden;
            pointer-events: none;
            transition: transform 180ms ease;
        }

        .banner-preview-pane[data-open="true"] {
            transform: translateX(0);
            visibility: visible;
            pointer-events: auto;
        }

        .banner-preview-pane__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 16px;
        }

        .banner-preview-pane__header h3 {
            margin: 2px 0 0;
        }

        .banner-preview-close {
            display: inline-flex;
            width: 40px;
            min-width: 40px;
            height: 40px;
            align-items: center;
            justify-content: center;
            padding: 0;
        }

        body.banner-preview-drawer-open {
            overflow: hidden;
        }

        .preview-card {
            display: grid;
            gap: 16px;
        }

        .banner-preview-pane .preview-card {
            width: 100%;
            min-width: 0;
            padding: 0;
            border: 0;
            box-shadow: none;
        }

        .preview-toolbar {
            justify-content: space-between;
        }

        .preview-toolbar__group {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
        }

        .preview-toolbar button[aria-pressed="true"] {
            border-color: var(--accent);
            background: var(--accent);
            color: #fff;
        }

        .preview-frame {
            border-radius: var(--radius-lg);
            padding: 14px;
            background: linear-gradient(180deg, #EFF6FF, #F8FAFC);
            border: 1px solid var(--border);
            display: flex;
            justify-content: center;
            align-items: flex-start;
            overflow: hidden;
        }

        .preview-scale-stage {
            position: relative;
            flex: 0 0 auto;
        }

        .preview-browser {
            position: absolute;
            top: 0;
            left: 0;
            width: 1120px;
            height: 480px;
            border-radius: 24px;
            background: #F8FAFC;
            border: 1px solid var(--border);
            box-shadow: var(--shadow-lg);
            position: relative;
            overflow: hidden;
        }

        .preview-browser[data-device="mobile"] {
            width: 390px;
            height: 700px;
            border-radius: 32px;
        }

        .banner-preview-viewport {
            position: absolute;
            inset: 0;
            background:
                linear-gradient(180deg, rgba(248, 244, 236, 0.98), rgba(243, 239, 230, 0.98));
            overflow: hidden;
            border-radius: inherit;
        }

        .banner-preview-host {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: inherit;
        }

        .preview-runtime-frame {
            display: block;
            width: 100%;
            height: 100%;
            border: 0;
            background: transparent;
        }

        .preview-runtime-empty {
            display: grid;
            place-items: center;
            min-height: 100%;
            padding: 24px;
            color: var(--muted);
            text-align: center;
            line-height: 1.6;
        }

        [hidden] {
            display: none !important;
        }

        @keyframes shimmer {
            from { transform: translateX(-100%); }
            to { transform: translateX(100%); }
        }

        @media (min-width: 1580px) {
            .banner-editor-layout {
                display: grid;
                grid-template-columns: minmax(640px, 1fr) minmax(560px, 0.92fr);
                align-items: start;
                gap: 20px;
            }

            #bannerEditorForm {
                grid-column: 1;
                min-width: 0;
            }

            .banner-preview-toggle,
            .banner-preview-backdrop,
            .banner-preview-close {
                display: none !important;
            }

            .banner-preview-pane {
                position: sticky;
                top: 16px;
                right: auto;
                bottom: auto;
                z-index: 10;
                grid-column: 2;
                grid-row: 1;
                width: auto;
                max-height: calc(100vh - 32px);
                padding: 16px;
                border: 1px solid var(--border);
                border-radius: var(--radius-lg);
                box-shadow: var(--shadow-sm);
                transform: none;
                visibility: visible;
                pointer-events: auto;
                transition: none;
            }
        }

        @media (max-width: 980px) {
            .global-feedback-toast {
                top: 72px;
                right: 16px;
            }

            .workspace-action-dock {
                left: 50%;
                width: min(560px, calc(100vw - 32px));
            }

            html {
                font-size: 100%;
            }

            .admin-shell,
            .property-layout,
            .implementation-layout {
                grid-template-columns: 1fr;
            }

            .sidebar-toggle {
                display: inline-flex;
                order: 2;
            }

            .sidebar-backdrop {
                position: fixed;
                inset: 0;
                background: rgba(15, 23, 42, 0.5);
                z-index: 40;
            }

            .sidebar-backdrop[data-visible="true"] {
                display: block;
            }

            .sidebar-shell {
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                width: min(320px, calc(100vw - 48px));
                height: 100vh;
                z-index: 50;
                transform: translateX(-100%);
                transition: transform 180ms ease;
                overflow: auto;
                border-right: 1px solid var(--border);
            }

            .sidebar-shell[data-mobile-open="true"] {
                transform: translateX(0);
            }

            .preview-card {
                position: static;
            }

            .workspace-shell {
                padding: 0 16px 32px;
            }

            .workspace-shell-header {
                position: sticky;
                top: 0;
                z-index: 30;
                margin: 0 -16px;
                padding: 10px 16px;
                background: rgba(255, 255, 255, 0.96);
                border-bottom: 1px solid var(--border);
                backdrop-filter: blur(12px);
            }

            .data-table-scrollbar {
                top: 68px;
            }

            .mobile-topbar {
                display: flex;
            }

            .admin-brand--mobile {
                order: 1;
                grid-template-columns: 24px minmax(0, 1fr);
            }

            .admin-brand--mobile .admin-brand-mark {
                grid-row: 1;
                width: 24px;
                height: 24px;
            }

            .admin-brand--mobile .admin-brand-wordmark {
                font-size: 1rem;
            }

            .hero,
            .layout,
            .template-grid {
                grid-template-columns: 1fr;
            }

            .reporting-metric-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .banner-template-current {
                grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
            }

            .banner-template-current > button {
                grid-column: 1 / -1;
                justify-self: end;
            }

        }

        @media (max-width: 720px) {
            .banner-preview-pane {
                width: 100vw;
                padding: 14px;
                border-left: 0;
            }

            .banner-editor-navigation {
                gap: 8px;
            }

            .banner-preview-toggle {
                padding-right: 12px;
                padding-left: 12px;
            }

            .dashboard-steps {
                grid-template-columns: 1fr;
            }

            .shell {
                width: min(100% - 20px, 100%);
                padding-top: 20px;
            }

            .workspace-shell {
                padding: 0 16px 32px;
            }

            .workspace-shell-header {
                margin: 0 -16px;
                padding: 10px 16px;
            }

            .hero-card,
            .panel,
            .aside-card {
                padding: 18px;
            }

            .workspace-screen {
                padding: 0;
            }

            .workspace-screen > *,
            .workspace-screen .panel,
            #propertiesIndexView,
            #propertiesListPanel {
                min-width: 0;
                max-width: 100%;
            }

            .screen-header {
                align-items: flex-start;
                margin-bottom: 20px;
            }

            .screen-header > .toolbar-row {
                width: 100%;
            }

            .screen-header > .toolbar-row > button {
                flex: 1 1 auto;
            }

            .domain-related-actions,
            .domain-settings-section {
                padding: 16px;
            }

            .domain-tabs {
                margin-right: -18px;
                margin-left: -18px;
                padding: 0 18px;
            }

            .domain-tab {
                padding: 11px 13px;
                font-size: 0.9rem;
            }

            .domain-tab-panel {
                min-height: 0;
                padding-top: 20px;
            }

            .implementation-download-grid,
            .implementation-instructions--steps {
                grid-template-columns: 1fr;
            }

            .implementation-check-intro,
            .implementation-download-card-header {
                align-items: stretch;
                flex-direction: column;
            }

            .implementation-download-button {
                width: 100%;
            }

            .cookies-context-card {
                align-items: stretch;
                flex-direction: column;
                gap: 10px;
            }

            .section-heading-row,
            .section-heading-row > button,
            .view-switch {
                width: 100%;
            }

            .view-switch button {
                flex: 1 1 0;
            }

            .cookies-filter-grid {
                grid-template-columns: 1fr;
            }

            .filter-options {
                position: static;
                width: auto;
                max-width: none;
                margin-top: 6px;
                box-shadow: none;
            }

            .language-add-row {
                align-items: stretch;
            }

            .language-add-row .field,
            .language-add-row > button {
                width: 100%;
                min-width: 0;
                flex: 1 1 auto;
            }

            .workspace-action-dock {
                bottom: 12px;
                align-items: stretch;
                flex-direction: column;
                padding: 12px;
                font-size: 0.86rem;
            }

            .workspace-action-dock__actions,
            .workspace-action-dock__actions > button {
                width: 100%;
            }

            .workspace-action-dock__actions > button {
                flex: 1 1 0;
            }

            .table-toolbar {
                align-items: stretch;
            }

            .table-toolbar > * {
                width: 100%;
            }

            .table-toolbar .field {
                min-width: 0;
            }

            .form-grid,
            .language-grid,
            .progress ol {
                grid-template-columns: 1fr;
            }

            .banner-template-current,
            .banner-template-grid {
                grid-template-columns: 1fr;
            }

            .banner-template-current > button,
            .banner-template-chooser__actions,
            .banner-template-chooser__actions > button {
                width: 100%;
            }

            .banner-template-current > button {
                grid-column: auto;
            }

            .banner-template-chooser__actions {
                align-items: stretch;
                flex-direction: column-reverse;
            }

            .summary-list li,
            .checklist li {
                flex-direction: column;
            }

            .implementation-context,
            .implementation-context-summary {
                grid-template-columns: 1fr;
            }

            .implementation-step-header {
                align-items: stretch;
                flex-direction: column;
            }

            .implementation-step-header > button {
                width: 100%;
            }

            .account-details-grid {
                grid-template-columns: 1fr;
            }

            .account-action-row {
                align-items: stretch;
                flex-direction: column;
                gap: 14px;
            }

            .account-action-row > button,
            .account-preferences-actions > button {
                width: 100%;
            }

            .account-reporting-time {
                max-width: none;
            }

            .account-reporting-head {
                display: none;
            }

            .account-reporting-row {
                grid-template-columns: 1fr;
                gap: 0;
                padding: 10px 0;
            }

            .account-reporting-row > * {
                padding: 8px 16px;
            }

            .account-reporting-switch {
                justify-content: flex-start;
            }

            .account-reporting-switch span {
                position: static;
                width: auto;
                height: auto;
                margin: 0;
                overflow: visible;
                clip: auto;
                white-space: normal;
            }

            .admin-shell--auth .workspace-shell {
                padding: 24px 16px;
            }

            .auth-screen {
                gap: 18px;
            }

            .auth-card {
                padding: 24px 20px;
            }

            .data-table,
            .data-table thead,
            .data-table tbody,
            .data-table th,
            .data-table td,
            .data-table tr {
                display: block;
                width: 100%;
            }

            .data-table--wide {
                min-width: 0;
            }

            .data-table-scrollbar {
                display: none;
            }

            .data-table-scroll-region::before,
            .data-table-scroll-region::after {
                display: none;
            }

            .scanner-target-row,
            .scanner-resolution-row,
            .scanner-editor-grid,
            .reporting-controls,
            .reporting-custom-period,
            .reporting-metric-grid,
            .reporting-outcome-grid,
            .experiments-basics-grid,
            .experiments-attach-row {
                grid-template-columns: minmax(0, 1fr);
            }

            .reporting-unassigned-card {
                align-items: flex-start;
                flex-direction: column;
            }

            .reporting-variant-table .data-table {
                min-width: 0;
            }

            .cross-domain-selection-item {
                grid-template-columns: auto minmax(0, 1fr);
            }

            .cross-domain-assignment {
                grid-column: 2;
                text-align: left;
            }

            .scanner-target-row .primary-button,
            .scanner-resolution-row > .primary-button,
            .experiments-attach-row .secondary-button {
                width: 100%;
            }

            .data-table thead {
                display: none;
            }

            .data-table td {
                border-bottom: 0;
                padding-top: 10px;
                padding-bottom: 10px;
                display: grid;
                gap: 6px;
            }

            .table-cell-clamp {
                max-width: 100%;
                overflow: visible;
                text-overflow: clip;
                white-space: normal;
                overflow-wrap: anywhere;
                word-break: break-word;
            }

            .data-table td::before {
                content: attr(data-label);
                font-size: 0.78rem;
                font-weight: 700;
                letter-spacing: 0.02em;
                text-transform: uppercase;
                color: var(--accent-strong);
            }

            .data-table tr {
                border-bottom: 1px solid var(--border);
                padding: 10px 0;
            }

            #propertyList {
                border: 0;
                background: transparent;
            }

            #propertyList .data-table tr {
                margin-bottom: 12px;
                padding: 14px;
                border: 1px solid var(--border);
                border-radius: var(--radius-lg);
                background: var(--bg-white);
            }

            #propertyList .data-table td {
                padding: 7px 0;
            }

            #propertyList .data-table td::before {
                color: var(--text-muted);
            }

            .row-actions {
                justify-content: stretch;
            }

            .row-actions > * {
                flex: 1 1 auto;
            }

            .row-actions > .row-action-button--icon {
                flex: 0 0 40px;
                width: 40px;
                min-width: 40px;
                height: 40px;
            }

            .row-actions-trigger,
            .row-actions-item {
                width: 100%;
            }

            .row-actions-popover {
                position: absolute;
                top: calc(100% + 8px);
                right: 0;
                min-width: min(280px, calc(100vw - 64px));
                max-width: calc(100vw - 64px);
                box-shadow: var(--shadow-lg);
            }

            #propertyList .row-actions {
                display: flex;
                justify-content: flex-end;
            }
        }