@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

:root {
    --color-bg: #f8fafc;
    --color-bg-warm: #dbeafe;
    --color-surface: #ffffff;
    --color-surface-soft: #fcfcfd;
    --color-surface-muted: #f1f5f9;
    --color-sidebar: #0f172a;
    --color-sidebar-control: #111827;
    --color-text: #0f172a;
    --color-muted: #64748b;
    --color-border: #e2e8f0;
    --color-primary: #2563eb;
    --color-primary-strong: #1d4ed8;
    --color-link-hover-bg: #eff6ff;
    --color-link-hover-text: #1e40af;
    --color-dark-link-hover-bg: rgba(255, 255, 255, .12);
    --color-dark-link-hover-text: #f8fafc;
    --color-secondary: #111827;
    --color-link: #2563eb;
    --color-success: #16a34a;
    --color-success-soft: #dcfce7;
    --color-warning: #f59e0b;
    --color-warning-soft: #fffbeb;
    --color-danger: #dc2626;
    --color-danger-soft: #fee2e2;
    --color-info: #2563eb;
    --color-info-strong: #1d4ed8;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 24px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-pill: 999px;
    --shadow-soft: 0 18px 44px rgba(15, 23, 42, .07);
    --shadow-floating: 0 14px 30px rgba(37, 99, 235, .22);
    --bg: var(--color-bg);
    --panel: var(--color-surface-soft);
    --ink: var(--color-text);
    --muted: var(--color-muted);
    --line: var(--color-border);
    --accent: var(--color-primary);
    --accent-dark: var(--color-primary-strong);
    --font-main: Montserrat, Arial, Helvetica, sans-serif;
    --font-logo: var(--font-main);
    --body-size: 14px;
    --heading-size: 18px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: radial-gradient(circle at top left, rgba(219, 234, 254, .9) 0, transparent 34%), var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-main);
    font-size: var(--body-size);
}

.public-home {
    background: var(--color-bg);
}

.public-home-shell {
    min-height: 100vh;
    overflow-x: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
}

.public-home-shell > :where(section, article, div):not(.public-content):not(.public-hero):not(.home-page):not(.home-hero):not(.home-grid):not(.home-band):not(.home-steps) {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
    width: calc(100% - 10px);
}

.public-hero {
    display: grid;
    gap: 18px;
    margin: 0 auto;
    max-width: 920px;
    min-height: 86vh;
    padding: 12vh 28px 48px;
}

.public-hero h1 {
    font-size: 42px;
    line-height: 1.1;
    margin: 0;
    max-width: 720px;
}

.public-hero p {
    color: var(--muted);
    font-size: 17px;
    line-height: 1.7;
    margin: 0;
    max-width: 680px;
}

.public-page-header {
    background: rgba(255, 253, 250, .94);
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    z-index: 5;
}

.public-page-topbar {
    background: #0f172a;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #e2e8f0;
}

.public-page-topbar-inner {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1040px;
    min-height: 34px;
    min-width: 0;
    padding: 6px 18px;
}

.public-page-usp {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    line-height: 1.2;
    min-width: 0;
}

.public-page-usp::before {
    background: #22c55e;
    border-radius: 999px;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .18);
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 7px;
    width: 7px;
}

.public-page-workspace-link {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(191, 219, 254, .36);
    border-radius: var(--radius-pill);
    color: #dbeafe;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 500;
    gap: 7px;
    justify-content: center;
    line-height: 1.2;
    min-height: 24px;
    padding: 4px 11px;
    text-decoration: none;
}

.public-page-workspace-link::before {
    background: currentColor;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 12px;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10V8a6 6 0 0 1 12 0v2M5 10h14v10H5z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 12px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10V8a6 6 0 0 1 12 0v2M5 10h14v10H5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.public-page-workspace-link:hover,
.public-page-workspace-link:focus-visible {
    background: rgba(255, 255, 255, .14);
    border-color: rgba(191, 219, 254, .62);
    color: #fff;
    text-decoration: none;
}

.public-page-nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1040px;
    min-width: 0;
    padding: 12px 18px;
}

.public-page-brand {
    align-items: center;
    background: rgba(255, 255, 255, .72);
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    color: var(--color-text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    min-width: 0;
    padding: 4px 8px;
    text-decoration: none;
}

.public-page-brand:hover,
.public-page-brand:focus-visible {
    border-color: rgba(218, 203, 183, .86);
    box-shadow: 0 8px 22px rgba(64, 43, 28, .08);
}

.public-page-brand-logo-only {
    padding-right: 6px;
}

.public-page-brand img {
    border-radius: 6px;
    max-height: 30px;
    max-width: 132px;
    object-fit: contain;
}

.public-page-brand span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-page-menu-trigger {
    align-items: center;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(218, 203, 183, .9);
    border-radius: var(--radius-pill);
    box-shadow: 0 8px 18px rgba(64, 43, 28, .06);
    color: var(--color-text);
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    min-height: 34px;
    padding: 8px 14px;
    user-select: none;
}

.public-page-menu-trigger:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .24);
    outline-offset: 2px;
}

.public-page-menu {
    align-items: center;
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: var(--radius-pill);
    box-shadow: 0 10px 24px rgba(64, 43, 28, .06);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    min-width: 0;
    padding: 4px;
}

.public-page-menu a:not(.button-link) {
    border-radius: var(--radius-pill);
    color: #5f5045;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    padding: 9px 12px;
    text-decoration: none;
}

.public-page-menu a:not(.button-link):hover,
.public-page-menu a:not(.button-link):focus-visible {
    background: rgba(247, 239, 227, .9);
    color: var(--accent-dark);
}

.public-page-menu a.is-active {
    background: #fff;
    box-shadow: 0 4px 12px rgba(64, 43, 28, .08);
    color: var(--color-text);
}

.public-page-footer {
    background: rgba(255, 253, 250, .96);
    border-top: 1px solid var(--line);
    padding: 26px 18px;
}

.public-page-footer-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1040px;
}

.public-footer-block h2 {
    font-size: 14px;
    margin: 0 0 10px;
}

.public-footer-html {
    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.65;
}

.public-footer-html p {
    margin: 0 0 8px;
}

.public-footer-links {
    display: grid;
    gap: 7px;
    margin-top: 10px;
}

.public-footer-links a {
    color: var(--color-text);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.public-home-shell .home-page,
.public-home-shell .home-card,
.public-home-shell .home-band,
.public-home-shell .home-step {
    min-width: 0;
}

.public-home-shell .home-page,
.public-home-shell .home-hero,
.public-home-shell .home-grid,
.public-home-shell .home-band,
.public-home-shell .home-steps {
    max-width: 100% !important;
    width: 100% !important;
}

.public-home-shell .home-hero h1,
.public-home-shell .home-hero p,
.public-home-shell .home-card p,
.public-home-shell .home-card li,
.public-home-shell .home-band p {
    max-width: 100% !important;
    overflow-wrap: break-word;
}

.public-content {
    background: rgba(255, 253, 250, .92);
    border: 1px solid var(--line);
    border-radius: 8px;
    line-height: 1.75;
    margin: 40px auto;
    max-width: 920px;
    padding: 28px;
}

.public-content h1,
.public-content h2,
.public-content h3 {
    line-height: 1.25;
    margin-top: 0;
}

/* Semantic public-page design kit for sanitized AI/designer fragments. */
.public-home-shell .admyzo-page,
.public-home-shell .admyzo-section,
.public-home-shell .admyzo-hero,
.public-home-shell .admyzo-hero-grid,
.public-home-shell .admyzo-card,
.public-home-shell .admyzo-grid,
.public-home-shell .admyzo-band,
.public-home-shell .admyzo-media {
    box-sizing: border-box;
    min-width: 0;
}

.public-home-shell .admyzo-page {
    margin: 0 auto;
    max-width: 72rem;
    overflow-x: hidden;
    padding: 0;
    width: calc(100% - 10px);
}

.public-home-shell .admyzo-page > * + * {
    margin-top: 14px;
}

.public-home-shell .admyzo-section {
    background: rgba(255, 255, 255, .94);
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 22px 14px;
}

.public-home-shell .admyzo-hero {
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    border-radius: 20px;
    color: #fff;
    overflow: hidden;
    padding: 30px 16px;
}

.public-home-shell .admyzo-hero-grid {
    align-items: center;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr);
}

.public-home-shell .admyzo-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr);
}

.public-home-shell .admyzo-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
    padding: 18px;
}

.public-home-shell .admyzo-kicker {
    color: #2563eb;
    display: block;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.35;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.public-home-shell .admyzo-title {
    color: #0f172a;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0;
    max-width: 46rem;
    overflow-wrap: anywhere;
}

.public-home-shell .admyzo-lead {
    color: #475569;
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 14px 0 0;
    max-width: 44rem;
    overflow-wrap: anywhere;
}

.public-home-shell .admyzo-hero .admyzo-kicker,
.public-home-shell .admyzo-band .admyzo-kicker {
    color: #bfdbfe;
}

.public-home-shell .admyzo-hero .admyzo-title,
.public-home-shell .admyzo-band .admyzo-title {
    color: #fff;
}

.public-home-shell .admyzo-hero .admyzo-lead,
.public-home-shell .admyzo-band .admyzo-lead {
    color: rgba(255, 255, 255, .88);
}

.public-home-shell .admyzo-button,
.public-home-shell .admyzo-button-secondary {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .95rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1.2;
    min-height: 42px;
    padding: 12px 18px;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.public-home-shell .admyzo-button {
    background: #2563eb;
    border: 1px solid #2563eb;
    color: #fff;
}

.public-home-shell .admyzo-button:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.public-home-shell .admyzo-button-secondary {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #0f172a;
}

.public-home-shell .admyzo-button-secondary:hover {
    background: #f8fafc;
    border-color: #94a3b8;
}

.public-home-shell .admyzo-band {
    background: #0f172a;
    border-radius: 18px;
    color: #fff;
    overflow: hidden;
    padding: 24px 16px;
}

.public-home-shell .admyzo-media {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    overflow: hidden;
}

.public-home-shell .admyzo-media img,
.public-home-shell .admyzo-media video {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.public-home-shell .admyzo-list {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
}

.public-home-shell .admyzo-list li {
    color: #334155;
    line-height: 1.6;
    min-width: 0;
    overflow-wrap: anywhere;
    padding-left: 16px;
    position: relative;
}

.public-home-shell .admyzo-list li::before {
    background: #2563eb;
    border-radius: 999px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: .72em;
    width: 6px;
}

.public-home-shell .admyzo-band .admyzo-list li,
.public-home-shell .admyzo-hero .admyzo-list li {
    color: rgba(255, 255, 255, .88);
}

.public-home-shell .admyzo-page :where(h1, h2, h3, h4, p, ul, ol, figure) {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Safe static utility layer for sanitized public page editor content. */
.public-home-shell .container,
.public-home-shell .max-w-xl,
.public-home-shell .max-w-2xl,
.public-home-shell .max-w-3xl,
.public-home-shell .max-w-4xl,
.public-home-shell .max-w-5xl,
.public-home-shell .max-w-6xl,
.public-home-shell .max-w-7xl {
    width: 100%;
}

.public-home-shell .container {
    max-width: 72rem;
}

.public-home-shell .max-w-xl { max-width: 36rem; }
.public-home-shell .max-w-2xl { max-width: 42rem; }
.public-home-shell .max-w-3xl { max-width: 48rem; }
.public-home-shell .max-w-4xl { max-width: 56rem; }
.public-home-shell .max-w-5xl { max-width: 64rem; }
.public-home-shell .max-w-6xl { max-width: 72rem; }
.public-home-shell .max-w-7xl { max-width: 80rem; }
.public-home-shell .max-w-full { max-width: 100%; }
.public-home-shell .min-w-0 { min-width: 0; }
.public-home-shell .w-full { width: 100%; }
.public-home-shell .h-full { height: 100%; }
.public-home-shell .min-h-screen { min-height: 100vh; }
.public-home-shell .mx-auto { margin-left: auto; margin-right: auto; }
.public-home-shell .mt-0 { margin-top: 0; }
.public-home-shell .mt-2 { margin-top: .5rem; }
.public-home-shell .mt-3 { margin-top: .75rem; }
.public-home-shell .mt-4 { margin-top: 1rem; }
.public-home-shell .mt-6 { margin-top: 1.5rem; }
.public-home-shell .mt-8 { margin-top: 2rem; }
.public-home-shell .mt-10 { margin-top: 2.5rem; }
.public-home-shell .mt-12 { margin-top: 3rem; }
.public-home-shell .mb-0 { margin-bottom: 0; }
.public-home-shell .mb-2 { margin-bottom: .5rem; }
.public-home-shell .mb-3 { margin-bottom: .75rem; }
.public-home-shell .mb-4 { margin-bottom: 1rem; }
.public-home-shell .mb-5 { margin-bottom: 1.25rem; }
.public-home-shell .mb-6 { margin-bottom: 1.5rem; }
.public-home-shell .mb-8 { margin-bottom: 2rem; }
.public-home-shell .mb-10 { margin-bottom: 2.5rem; }
.public-home-shell .mb-12 { margin-bottom: 3rem; }
.public-home-shell .p-0 { padding: 0; }
.public-home-shell .p-3 { padding: .75rem; }
.public-home-shell .p-4 { padding: 1rem; }
.public-home-shell .p-5 { padding: 1.25rem; }
.public-home-shell .p-6 { padding: 1.5rem; }
.public-home-shell .p-8 { padding: 2rem; }
.public-home-shell .px-1 { padding-left: .25rem; padding-right: .25rem; }
.public-home-shell .px-2 { padding-left: .5rem; padding-right: .5rem; }
.public-home-shell .px-3 { padding-left: .75rem; padding-right: .75rem; }
.public-home-shell .px-4 { padding-left: 1rem; padding-right: 1rem; }
.public-home-shell .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.public-home-shell .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.public-home-shell .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.public-home-shell .px-8 { padding-left: 2rem; padding-right: 2rem; }
.public-home-shell .py-1 { padding-bottom: 5px; padding-top: 5px; }
.public-home-shell .py-2 { padding-bottom: .5rem; padding-top: .5rem; }
.public-home-shell .py-3 { padding-bottom: .75rem; padding-top: .75rem; }
.public-home-shell .py-4 { padding-bottom: 1rem; padding-top: 1rem; }
.public-home-shell .py-6 { padding-bottom: 1.5rem; padding-top: 1.5rem; }
.public-home-shell .py-8 { padding-bottom: 2rem; padding-top: 2rem; }
.public-home-shell .py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem; }
.public-home-shell .py-12 { padding-bottom: 3rem; padding-top: 3rem; }
.public-home-shell .py-16 { padding-bottom: 4rem; padding-top: 4rem; }
.public-home-shell .py-20 { padding-bottom: 5rem; padding-top: 5rem; }
.public-home-shell .grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
.public-home-shell .grid-cols-1 { grid-template-columns: minmax(0, 1fr); }
.public-home-shell .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.public-home-shell .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-home-shell .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.public-home-shell .flex { display: flex; }
.public-home-shell .inline-flex { display: inline-flex; }
.public-home-shell .block { display: block; }
.public-home-shell .inline-block { display: inline-block; }
.public-home-shell .hidden { display: none; }
.public-home-shell .flex-col { flex-direction: column; }
.public-home-shell .flex-row { flex-direction: row; }
.public-home-shell .flex-wrap { flex-wrap: wrap; }
.public-home-shell .shrink-0 { flex-shrink: 0; }
.public-home-shell .items-start { align-items: flex-start; }
.public-home-shell .items-center { align-items: center; }
.public-home-shell .items-end { align-items: flex-end; }
.public-home-shell .items-stretch { align-items: stretch; }
.public-home-shell .justify-start { justify-content: flex-start; }
.public-home-shell .justify-center { justify-content: center; }
.public-home-shell .justify-between { justify-content: space-between; }
.public-home-shell .justify-end { justify-content: flex-end; }
.public-home-shell .gap-1 { gap: .25rem; }
.public-home-shell .gap-2 { gap: .5rem; }
.public-home-shell .gap-3 { gap: .75rem; }
.public-home-shell .gap-4 { gap: 1rem; }
.public-home-shell .gap-5 { gap: 1.25rem; }
.public-home-shell .gap-6 { gap: 1.5rem; }
.public-home-shell .gap-8 { gap: 2rem; }
.public-home-shell .gap-10 { gap: 2.5rem; }
.public-home-shell .gap-12 { gap: 3rem; }
.public-home-shell .space-y-2 > * + * { margin-top: .5rem; }
.public-home-shell .space-y-3 > * + * { margin-top: .75rem; }
.public-home-shell .space-y-4 > * + * { margin-top: 1rem; }
.public-home-shell .space-y-5 > * + * { margin-top: 1.25rem; }
.public-home-shell .space-y-6 > * + * { margin-top: 1.5rem; }
.public-home-shell .space-y-8 > * + * { margin-top: 2rem; }
.public-home-shell .relative { position: relative; }
.public-home-shell .absolute { position: absolute; }
.public-home-shell .inset-0 { inset: 0; }
.public-home-shell .z-10 { z-index: 10; }
.public-home-shell .overflow-hidden { overflow: hidden; }
.public-home-shell .object-cover { object-fit: cover; }
.public-home-shell .h-3 { height: .75rem; }
.public-home-shell .h-10 { height: 2.5rem; }
.public-home-shell .h-12 { height: 3rem; }
.public-home-shell .h-14 { height: 3.5rem; }
.public-home-shell .w-3 { width: .75rem; }
.public-home-shell .w-10 { width: 2.5rem; }
.public-home-shell .w-12 { width: 3rem; }
.public-home-shell .w-14 { width: 3.5rem; }
.public-home-shell .bg-white { background-color: #fff; }
.public-home-shell .bg-white\/90 { background-color: rgba(255, 255, 255, .9); }
.public-home-shell .bg-white\/80 { background-color: rgba(255, 255, 255, .8); }
.public-home-shell .bg-white\/70 { background-color: rgba(255, 255, 255, .7); }
.public-home-shell .bg-white\/20 { background-color: rgba(255, 255, 255, .2); }
.public-home-shell .bg-white\/10 { background-color: rgba(255, 255, 255, .1); }
.public-home-shell .bg-slate-50 { background-color: #f8fafc; }
.public-home-shell .bg-slate-100 { background-color: #f1f5f9; }
.public-home-shell .bg-slate-200 { background-color: #e2e8f0; }
.public-home-shell .bg-slate-300 { background-color: #cbd5e1; }
.public-home-shell .bg-slate-900 { background-color: #0f172a; }
.public-home-shell .bg-blue-50 { background-color: #eff6ff; }
.public-home-shell .bg-blue-100 { background-color: #dbeafe; }
.public-home-shell .bg-blue-600 { background-color: #2563eb; }
.public-home-shell .bg-red-50 { background-color: #fef2f2; }
.public-home-shell .bg-red-500 { background-color: #ef4444; }
.public-home-shell .bg-green-50 { background-color: #f0fdf4; }
.public-home-shell .bg-green-100 { background-color: #dcfce7; }
.public-home-shell .bg-green-500 { background-color: #22c55e; }
.public-home-shell .bg-yellow-500 { background-color: #eab308; }
.public-home-shell .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--public-gradient-from, #2563eb), var(--public-gradient-to, #0f172a));
}
.public-home-shell .from-blue-600 { --public-gradient-from: #2563eb; }
.public-home-shell .from-slate-900 { --public-gradient-from: #0f172a; }
.public-home-shell .from-blue-50 { --public-gradient-from: #eff6ff; }
.public-home-shell .from-white { --public-gradient-from: #fff; }
.public-home-shell .to-slate-900 { --public-gradient-to: #0f172a; }
.public-home-shell .to-blue-700 { --public-gradient-to: #1d4ed8; }
.public-home-shell .to-blue-50 { --public-gradient-to: #eff6ff; }
.public-home-shell .to-white { --public-gradient-to: #fff; }
.public-home-shell .border { border: 1px solid #e2e8f0; }
.public-home-shell .border-0 { border-width: 0; }
.public-home-shell .border-slate-100 { border-color: #f1f5f9; }
.public-home-shell .border-slate-200 { border-color: #e2e8f0; }
.public-home-shell .border-slate-300 { border-color: #cbd5e1; }
.public-home-shell .border-blue-100 { border-color: #dbeafe; }
.public-home-shell .border-blue-200 { border-color: #bfdbfe; }
.public-home-shell .border-red-100 { border-color: #fee2e2; }
.public-home-shell .border-red-200 { border-color: #fecaca; }
.public-home-shell .border-green-100 { border-color: #dcfce7; }
.public-home-shell .border-green-200 { border-color: #bbf7d0; }
.public-home-shell .border-white\/20 { border-color: rgba(255, 255, 255, .2); }
.public-home-shell .rounded { border-radius: .25rem; }
.public-home-shell .rounded-md { border-radius: .375rem; }
.public-home-shell .rounded-lg { border-radius: .5rem; }
.public-home-shell .rounded-xl { border-radius: .75rem; }
.public-home-shell .rounded-2xl { border-radius: 1rem; }
.public-home-shell .rounded-3xl { border-radius: 1.5rem; }
.public-home-shell .rounded-full { border-radius: 999px; }
.public-home-shell .shadow-sm { box-shadow: 0 1px 2px rgba(15, 23, 42, .08); }
.public-home-shell .shadow { box-shadow: 0 12px 28px rgba(15, 23, 42, .12); }
.public-home-shell .text-left { text-align: left; }
.public-home-shell .text-center { text-align: center; }
.public-home-shell .text-right { text-align: right; }
.public-home-shell .text-xs { font-size: .75rem; line-height: 1rem; }
.public-home-shell .text-sm { font-size: .875rem; line-height: 1.45; }
.public-home-shell .text-base { font-size: 1rem; line-height: 1.6; }
.public-home-shell .text-lg { font-size: 1.125rem; line-height: 1.6; }
.public-home-shell .text-xl { font-size: 1.25rem; line-height: 1.45; }
.public-home-shell .text-2xl { font-size: 1.5rem; line-height: 1.25; }
.public-home-shell .text-3xl { font-size: 1.875rem; line-height: 1.18; }
.public-home-shell .text-4xl { font-size: 2.25rem; line-height: 1.12; }
.public-home-shell .text-5xl { font-size: 3rem; line-height: 1.05; }
.public-home-shell .font-normal { font-weight: 400; }
.public-home-shell .font-medium { font-weight: 500; }
.public-home-shell .font-semibold { font-weight: 600; }
.public-home-shell .font-bold { font-weight: 700; }
.public-home-shell .font-extrabold { font-weight: 800; }
.public-home-shell .font-black { font-weight: 900; }
.public-home-shell .leading-none { line-height: 1; }
.public-home-shell .leading-tight { line-height: 1.15; }
.public-home-shell .leading-snug { line-height: 1.3; }
.public-home-shell .leading-6 { line-height: 1.5rem; }
.public-home-shell .leading-7 { line-height: 1.75rem; }
.public-home-shell .leading-8 { line-height: 2rem; }
.public-home-shell .leading-relaxed { line-height: 1.7; }
.public-home-shell .uppercase { text-transform: uppercase; }
.public-home-shell .tracking-wide { letter-spacing: .025em; }
.public-home-shell .tracking-wider { letter-spacing: .05em; }
.public-home-shell .text-white { color: #fff; }
.public-home-shell .text-white\/90 { color: rgba(255, 255, 255, .9); }
.public-home-shell .text-white\/80 { color: rgba(255, 255, 255, .8); }
.public-home-shell .text-slate-900 { color: #0f172a; }
.public-home-shell .text-slate-800 { color: #1e293b; }
.public-home-shell .text-slate-700 { color: #334155; }
.public-home-shell .text-slate-600 { color: #475569; }
.public-home-shell .text-slate-500 { color: #64748b; }
.public-home-shell .text-slate-400 { color: #94a3b8; }
.public-home-shell .text-blue-900 { color: #1e3a8a; }
.public-home-shell .text-blue-700 { color: #1d4ed8; }
.public-home-shell .text-blue-600 { color: #2563eb; }
.public-home-shell .text-blue-100 { color: #dbeafe; }
.public-home-shell .text-green-700 { color: #15803d; }
.public-home-shell .text-green-600 { color: #16a34a; }
.public-home-shell .text-red-700 { color: #b91c1c; }
.public-home-shell .text-red-600 { color: #dc2626; }
.public-home-shell .list-disc { list-style-type: disc; }
.public-home-shell .list-decimal { list-style-type: decimal; }
.public-home-shell .pl-5 { padding-left: 1.25rem; }
.public-home-shell .opacity-90 { opacity: .9; }
.public-home-shell .opacity-80 { opacity: .8; }
.public-home-shell .opacity-70 { opacity: .7; }
.public-home-shell .opacity-60 { opacity: .6; }
.public-home-shell .backdrop-blur { backdrop-filter: blur(12px); }
.public-home-shell .transition {
    transition-duration: 150ms;
    transition-property: background-color, border-color, color, opacity, box-shadow, transform;
    transition-timing-function: ease;
}
.public-home-shell .hover\:bg-blue-700:hover { background-color: #1d4ed8; }
.public-home-shell .hover\:bg-slate-900:hover { background-color: #0f172a; }
.public-home-shell .hover\:bg-slate-100:hover { background-color: #f1f5f9; }
.public-home-shell .hover\:bg-white\/20:hover { background-color: rgba(255, 255, 255, .2); }
.public-home-shell .hover\:text-blue-700:hover { color: #1d4ed8; }
.public-home-shell .hover\:text-white:hover { color: #fff; }
.public-home-shell .hover\:border-blue-300:hover { border-color: #93c5fd; }

@media (min-width: 640px) {
    .public-home-shell .sm\:flex-row { flex-direction: row; }
    .public-home-shell .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .public-home-shell .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
    .public-home-shell .sm\:py-12 { padding-bottom: 3rem; padding-top: 3rem; }
    .public-home-shell .sm\:text-left { text-align: left; }
    .public-home-shell .sm\:text-4xl { font-size: 2.25rem; line-height: 1.12; }
}

@media (min-width: 768px) {
    .public-home-shell .admyzo-section {
        padding: 36px 28px;
    }

    .public-home-shell .admyzo-hero {
        padding: 48px 36px;
    }

    .public-home-shell .admyzo-hero-grid {
        gap: 32px;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    }

    .public-home-shell .admyzo-grid {
        gap: 18px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .public-home-shell .admyzo-card {
        padding: 22px;
    }

    .public-home-shell .admyzo-title {
        font-size: 3rem;
    }

    .public-home-shell .admyzo-band {
        padding: 36px 28px;
    }

    .public-home-shell .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .public-home-shell .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .public-home-shell .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .public-home-shell .md\:flex-row { flex-direction: row; }
    .public-home-shell .md\:items-center { align-items: center; }
    .public-home-shell .md\:text-left { text-align: left; }
    .public-home-shell .md\:text-4xl { font-size: 2.25rem; line-height: 1.12; }
    .public-home-shell .md\:text-5xl { font-size: 3rem; line-height: 1.05; }
    .public-home-shell .md\:p-8 { padding: 2rem; }
    .public-home-shell .md\:p-10 { padding: 2.5rem; }
    .public-home-shell .md\:p-12 { padding: 3rem; }
    .public-home-shell .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
    .public-home-shell .md\:px-8 { padding-left: 2rem; padding-right: 2rem; }
    .public-home-shell .md\:py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem; }
    .public-home-shell .md\:py-16 { padding-bottom: 4rem; padding-top: 4rem; }
}

@media (min-width: 1024px) {
    .public-home-shell .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .public-home-shell .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .public-home-shell .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .public-home-shell .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
    .public-home-shell .lg\:py-20 { padding-bottom: 5rem; padding-top: 5rem; }
    .public-home-shell .lg\:text-5xl { font-size: 3rem; line-height: 1.05; }
}

a {
    color: inherit;
}

.content a:where(:not(.button-link):not(.nav-link):not(.dev-checklist-nav-link):not(.google-pulse-account-link)),
.app-footer a {
    color: var(--color-link);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
    outline: 2px solid rgba(26, 115, 232, .35);
    outline-offset: 2px;
}

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

.app-shell {
    background: linear-gradient(to right, var(--color-sidebar) 0 260px, transparent 260px);
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: 100vh;
}

.app-shell.is-sidebar-collapsed {
    background: linear-gradient(to right, var(--color-sidebar) 0 64px, transparent 64px);
    grid-template-columns: 64px minmax(0, 1fr);
}

.app-shell.is-sidebar-collapsed .brand-identity {
    display: none;
}

.app-shell.is-sidebar-collapsed .sidebar {
    padding: 16px 12px;
}

.app-shell.is-sidebar-collapsed .brand {
    justify-content: center;
    margin-bottom: 0;
}

.app-shell.is-sidebar-collapsed .nav {
    display: grid;
    gap: 10px;
    justify-items: center;
    margin-top: 18px;
}

.app-shell.is-sidebar-collapsed .nav-group {
    background: transparent;
    border-color: transparent;
    border-radius: 12px;
    box-shadow: none;
    gap: 0;
    width: 40px;
}

.app-shell.is-sidebar-collapsed .nav-group-toggle,
.app-shell.is-sidebar-collapsed .nav-group-single .nav-link {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #5eead4;
    display: flex;
    height: 40px;
    justify-content: center;
    min-height: 40px;
    padding: 0;
    width: 40px;
}

.app-shell.is-sidebar-collapsed .nav-group-toggle:hover,
.app-shell.is-sidebar-collapsed .nav-group-toggle:focus-visible,
.app-shell.is-sidebar-collapsed .nav-group.is-hover-open .nav-group-toggle,
.app-shell.is-sidebar-collapsed .nav-group-single .nav-link:hover,
.app-shell.is-sidebar-collapsed .nav-group-single .nav-link:focus-visible,
.app-shell.is-sidebar-collapsed .nav-group-single .nav-link.is-active,
.app-shell.is-sidebar-collapsed .nav-group:has(.nav-link.is-active) .nav-group-toggle {
    background: rgba(37, 99, 235, .18);
    border-color: rgba(96, 165, 250, .28);
    color: #ffffff;
    outline: none;
}

.app-shell.is-sidebar-collapsed .nav-group-single .nav-link.is-active,
.app-shell.is-sidebar-collapsed .nav-group:has(.nav-link.is-active) .nav-group-toggle {
    box-shadow: inset 3px 0 0 var(--accent);
}

.app-shell.is-sidebar-collapsed .nav-group-label-text,
.app-shell.is-sidebar-collapsed .nav-link-label,
.app-shell.is-sidebar-collapsed .nav-group-arrow {
    display: none;
}

.app-shell.is-sidebar-collapsed .nav-item-icon {
    display: block;
}

.app-shell.is-sidebar-collapsed .nav-group .nav-group-items {
    display: none;
}

.app-shell.is-sidebar-collapsed .nav-group:hover .nav-group-items,
.app-shell.is-sidebar-collapsed .nav-group:focus-within .nav-group-items,
.app-shell.is-sidebar-collapsed .nav-group.is-hover-open .nav-group-items {
    background: #0b1220;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .32);
    display: grid;
    gap: 4px;
    left: var(--nav-flyout-left, 64px);
    max-height: calc(100vh - var(--nav-flyout-top, 96px) - 16px);
    min-width: 220px;
    overflow-y: auto;
    padding: 8px;
    position: fixed;
    top: var(--nav-flyout-top, 96px);
    z-index: 120;
}

.app-shell.is-sidebar-collapsed .nav-group .nav-group-items::before {
    color: #e2e8f0;
    content: attr(data-nav-flyout-title);
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 8px 8px;
}

.sidebar-scrim {
    display: none;
}

.sidebar {
    align-self: start;
    background: var(--color-sidebar);
    border-right: 1px solid rgba(255, 255, 255, .08);
    color: #e2e8f0;
    height: 100vh;
    overflow-x: visible;
    overflow-y: auto;
    padding: 16px 20px 20px;
    position: sticky;
    top: 0;
    z-index: 90;
}

.brand {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 12px;
}

.brand-identity {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.brand strong {
    font-family: var(--font-logo);
    font-size: var(--heading-size);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
}

.brand-logo {
    display: block;
    height: auto;
    max-height: 42px;
    max-width: 152px;
    object-fit: contain;
    object-position: left center;
}

.brand-home-link {
    border-radius: 4px;
    display: block;
    line-height: 0;
}

.brand-home-link:focus-visible {
    outline: 2px solid rgba(96, 165, 250, .82);
    outline-offset: 3px;
}

.brand-identity span {
    color: #94a3b8;
    display: block;
    font-size: 0.78rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.muted {
    color: var(--muted);
}

.nav {
    display: grid;
    gap: 14px;
}

.nav-group {
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    display: grid;
    gap: 6px;
    overflow: visible;
    padding: 0;
    position: relative;
}

.nav-group:nth-of-type(1) {
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .08);
}

.nav-group:nth-of-type(2) {
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .08);
}

.nav-group:nth-of-type(3) {
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .08);
}

.nav-group:nth-of-type(4) {
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .08);
}

.nav-group:nth-of-type(5) {
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .08);
}

.nav-group:nth-of-type(6) {
    background: rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .08);
}

.nav-group-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between;
    letter-spacing: .12em;
    line-height: 1.2;
    margin: 0;
    padding: 11px 10px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.nav-group-label {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.nav-group-label-text,
.nav-link-label {
    min-width: 0;
}

.nav-item-icon {
    display: none;
    flex: 0 0 auto;
    height: 19px;
    width: 19px;
}

.nav-group-toggle:hover,
.nav-group-toggle:focus-visible {
    background: rgba(255, 255, 255, .06);
    color: #e2e8f0;
    outline: none;
}

.nav-group-arrow {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    display: block;
    height: 7px;
    margin-right: 2px;
    transform: rotate(45deg);
    transition: transform .16s ease;
    width: 7px;
}

.nav-group:not(.is-collapsed) .nav-group-arrow {
    transform: rotate(225deg);
}

.nav-group-items {
    display: grid;
    gap: 6px;
    padding: 0 10px 10px;
}

.nav-subgroup {
    display: grid;
    gap: 5px;
}

.nav-subgroup-label {
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    padding: 7px 10px 2px;
}

.nav-subgroup-items {
    border-left: 1px solid rgba(148, 163, 184, .2);
    display: grid;
    gap: 4px;
    margin-left: 10px;
    padding-left: 8px;
}

.nav-subgroup .nav-link {
    font-size: .9rem;
    padding: 8px 9px;
    white-space: nowrap;
}

.nav-group.is-collapsed .nav-group-items {
    display: none;
}

.nav-group.is-collapsed:hover .nav-group-items,
.nav-group.is-collapsed:focus-within .nav-group-items,
.nav-group.is-collapsed.is-hover-open .nav-group-items {
    display: grid;
    background: #0b1220;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .32);
    gap: 4px;
    left: var(--nav-flyout-left, 270px);
    max-height: calc(100vh - var(--nav-flyout-top, 96px) - 16px);
    min-width: 220px;
    overflow-y: auto;
    padding: 8px;
    position: fixed;
    top: var(--nav-flyout-top, 96px);
    z-index: 120;
}

.nav-group.is-collapsed:hover .nav-group-arrow,
.nav-group.is-collapsed:focus-within .nav-group-arrow,
.nav-group.is-collapsed.is-hover-open .nav-group-arrow {
    transform: rotate(225deg);
}

.nav-group.is-collapsed:hover .nav-group-toggle,
.nav-group.is-collapsed:focus-within .nav-group-toggle,
.nav-group.is-collapsed.is-hover-open .nav-group-toggle {
    background: rgba(37, 99, 235, .18);
    color: #f8fafc;
}

.nav-group-single {
    padding: 0;
}

.nav-group-single .nav-link {
    align-items: center;
    display: flex;
    min-height: 34px;
    padding: 8px 10px;
}

.nav-link {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    color: #cbd5e1;
    display: flex;
    gap: 8px;
    font-size: var(--body-size);
    font-weight: 500;
    padding: 9px 10px;
    text-decoration: none;
}

.nav-link:hover,
.nav-link.is-active {
    background: rgba(255, 255, 255, .06);
}

.nav-group.is-collapsed .nav-group-items .nav-link:hover,
.nav-group.is-collapsed .nav-group-items .nav-link:focus-visible {
    background: rgba(37, 99, 235, .2);
    border-color: rgba(96, 165, 250, .34);
    color: #ffffff;
    outline: none;
}

.nav-link.is-active {
    background: rgba(37, 99, 235, .16);
    border-color: rgba(37, 99, 235, .35);
    color: #ffffff;
    box-shadow: inset 3px 0 0 var(--accent);
}

.main {
    min-width: 0;
}

.topbar {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(12px);
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(240px, 1fr) auto minmax(140px, 220px) auto;
    min-height: 64px;
    padding: 10px 28px;
    position: sticky;
    top: 0;
    z-index: 80;
}

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

.sidebar-toggle {
    align-items: center;
    background: var(--color-sidebar-control);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--radius-md);
    color: #e2e8f0;
    cursor: pointer;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    line-height: 1;
    min-width: 38px;
    padding: 0 10px;
}

.sidebar-toggle {
    background: rgba(255, 255, 255, .06);
    display: grid;
    gap: 4px;
    height: 32px;
    min-width: 32px;
    padding: 8px;
    width: 32px;
}

.sidebar-toggle span {
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: 2px;
    width: 14px;
}

.topbar-sidebar-toggle {
    display: none;
}

.topbar-title {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.topbar-brand-link,
.topbar-brand-logo {
    display: block;
    flex: 0 0 auto;
}

.topbar-brand-link {
    border-radius: 6px;
    line-height: 0;
}

.topbar-brand-link:focus-visible {
    outline: 2px solid rgba(37, 99, 235, .46);
    outline-offset: 3px;
}

.topbar-brand-logo {
    height: auto;
    max-height: 38px;
    max-width: 150px;
    object-fit: contain;
    object-position: left center;
}

.topbar-brand-mark {
    color: var(--color-primary);
    flex: 0 0 auto;
    font-family: var(--font-logo);
    font-size: 1.1rem;
    line-height: 1;
}

.topbar-title-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.topbar-title-copy span {
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-title-copy .topbar-context-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.topbar h1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar h1.topbar-context-title {
    font-size: 14px;
    font-weight: 600;
}

.topbar-quick-nav {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    display: inline-flex;
    gap: 3px;
    justify-self: center;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding: 3px;
    scrollbar-width: none;
    white-space: nowrap;
}

.topbar-quick-nav::-webkit-scrollbar {
    display: none;
}

.topbar-quick-nav a {
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    color: #475569;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    padding: 7px 9px;
    text-decoration: none;
}

.topbar-quick-nav a:hover,
.topbar-quick-nav a:focus-visible,
.topbar-quick-nav a.is-active {
    background: #ffffff;
    border-color: #bfdbfe;
    color: var(--color-primary);
    outline: none;
}

.topbar-quick-short {
    display: none;
}

.topbar > form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.global-search {
    justify-self: stretch;
    max-width: 220px;
    min-width: 150px;
    position: relative;
    width: 100%;
}

.global-search-toggle {
    display: none;
}

.global-search-field {
    position: relative;
}

.global-search input {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text);
    font-size: 13px;
    height: 38px;
    padding: 8px 12px;
    width: 100%;
}

.global-search input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
    outline: none;
}

.global-search-results {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .14);
    display: grid;
    left: 0;
    max-height: min(420px, calc(100vh - 84px));
    overflow: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 120;
}

.global-search-results[hidden],
.topbar-notification-menu[hidden],
.topbar-user-menu[hidden] {
    display: none !important;
}

.global-search-state {
    color: var(--muted);
    font-size: 12px;
    padding: 10px;
}

.global-search-item {
    border-radius: var(--radius-sm);
    color: var(--color-text);
    display: grid;
    gap: 2px;
    padding: 9px 10px;
    text-decoration: none;
}

.global-search-item:hover,
.global-search-item:focus {
    background: #eff6ff;
    outline: none;
}

.global-search-item-row {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
}

.global-search-item strong {
    font-size: 13px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-search-item small {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-search-type {
    background: #eff6ff;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    color: var(--color-primary-strong);
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 7px;
    text-transform: uppercase;
}

.topbar-user {
    justify-self: end;
    position: relative;
}

.topbar-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    justify-self: end;
}

.topbar-notifications {
    position: relative;
}

.topbar-notification-toggle {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--color-text);
    cursor: pointer;
    display: inline-grid;
    height: 40px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 40px;
}

.topbar-notification-toggle:hover,
.topbar-notification-toggle[aria-expanded="true"] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.topbar-notification-icon {
    border: 2px solid currentColor;
    border-radius: 10px 10px 6px 6px;
    display: block;
    height: 16px;
    position: relative;
    width: 14px;
}

.topbar-notification-icon::before {
    background: currentColor;
    border-radius: 99px;
    content: "";
    height: 4px;
    left: 4px;
    position: absolute;
    top: -5px;
    width: 4px;
}

.topbar-notification-icon::after {
    background: currentColor;
    border-radius: 99px;
    bottom: -5px;
    content: "";
    height: 3px;
    left: 3px;
    position: absolute;
    width: 4px;
}

.topbar-notification-badge {
    align-items: center;
    background: #dc2626;
    border: 2px solid #ffffff;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 18px;
    justify-content: center;
    line-height: 1;
    min-width: 18px;
    padding: 0 4px;
    position: absolute;
    right: -4px;
    top: -4px;
}

.topbar-notification-menu {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .14);
    display: grid;
    gap: 8px;
    min-width: 320px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 120;
}

.topbar-notification-head {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 4px 4px 10px;
}

.topbar-notification-head strong {
    color: var(--color-text);
    font-size: 13px;
}

.topbar-notification-head span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.topbar-notification-list {
    display: grid;
    gap: 6px;
}

.topbar-notification-item {
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    display: grid;
    gap: 4px;
    padding: 9px 10px;
    text-decoration: none;
}

.topbar-notification-item-critical,
.topbar-notification-item-expired {
    border-left-color: #dc2626;
}

.topbar-notification-item-expiring,
.topbar-notification-item-billing {
    border-left-color: #d97706;
}

.topbar-notification-item-account {
    border-left-color: #2563eb;
}

.topbar-notification-item:hover,
.topbar-notification-item:focus {
    background: #f8fafc;
    outline: none;
}

.topbar-notification-item strong,
.topbar-notification-empty strong {
    color: var(--color-text);
    font-size: 13px;
    line-height: 1.2;
}

.topbar-notification-item span,
.topbar-notification-empty span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.topbar-notification-item small {
    color: var(--color-primary-strong);
    font-size: 11px;
    font-weight: 800;
}

.topbar-notification-empty {
    background: #f8fafc;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 4px;
    padding: 10px;
}

.topbar-notification-links {
    border-top: 1px solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 8px;
}

.topbar-notification-links a {
    background: #eff6ff;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    color: var(--color-primary-strong);
    font-size: 12px;
    font-weight: 800;
    padding: 6px 9px;
    text-decoration: none;
}

.topbar-notification-links a:hover,
.topbar-notification-links a:focus {
    border-color: var(--color-primary);
    outline: none;
}

.topbar-user-toggle {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--color-text);
    cursor: pointer;
    display: inline-grid;
    height: 40px;
    justify-content: center;
    min-width: 0;
    padding: 0;
    text-align: center;
    width: 40px;
}

.topbar-user-toggle:hover,
.topbar-user-toggle[aria-expanded="true"] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.topbar-user-avatar {
    align-items: center;
    background: #eff6ff;
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: inline-grid;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    line-height: 1.2;
    width: 30px;
}

.topbar-user-name,
.topbar-user-role {
    display: none;
}

.topbar-user-menu {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .14);
    display: grid;
    gap: 3px;
    min-width: 190px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 120;
}

.topbar-user-menu-summary {
    background: #f8fafc;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 2px;
    margin-bottom: 2px;
    padding: 8px 10px;
}

.topbar-user-menu-summary span {
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.1;
    text-transform: uppercase;
}

.topbar-user-menu-summary strong {
    color: var(--color-text);
    font-size: 13px;
    line-height: 1.2;
}

.topbar-user-menu a,
.topbar-user-menu button {
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--color-text);
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 13px;
    line-height: 1.2;
    padding: 9px 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.topbar-user-menu a:hover,
.topbar-user-menu button:hover {
    background: #eff6ff;
}

.topbar-user-menu form {
    border-top: 1px solid var(--line);
    margin: 4px 0 0;
    padding-top: 4px;
}

.topbar-user-menu button {
    color: var(--color-primary-strong);
    font-weight: 700;
}

.profile-password-panel {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 14px;
    margin-top: 20px;
    padding-top: 18px;
}

.profile-password-panel h3 {
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 4px;
}

.auth-forgot-password-form {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
}

.app-version-badge {
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-primary-strong);
    font-size: 12px;
    font-weight: 700;
    padding: 7px 10px;
    white-space: nowrap;
}

.app-footer {
    border-top: 1px solid var(--line);
    color: var(--muted);
    display: flex;
    justify-content: flex-end;
    padding: 16px 32px 22px;
}

.app-footer span {
    background: rgba(248, 250, 252, .92);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text);
    font-size: 12px;
    font-weight: 700;
    padding: 7px 10px;
}

.content {
    padding: 32px;
}

h1,
h2,
h3 {
    font-size: var(--heading-size);
    line-height: 1.3;
}

.section-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.compact-page-head {
    align-items: flex-start;
    margin-bottom: 10px;
}

.compact-page-head h2 {
    margin: 0;
}

.compact-page-head .muted {
    margin: 4px 0 0;
    max-width: 760px;
}

.compact-page-nav {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
    padding: 6px;
    position: sticky;
    top: 0;
    z-index: 12;
}

.compact-page-nav a {
    border-radius: var(--radius-pill);
    color: var(--color-secondary);
    font-size: 13px;
    font-weight: 800;
    padding: 8px 12px;
    text-decoration: none;
}

.compact-page-nav a:hover,
.compact-page-nav a:focus-visible {
    background: rgba(26, 115, 232, .12);
    color: var(--color-primary);
}

.breadcrumb {
    align-items: center;
    color: rgba(100, 116, 139, .82);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 7px;
    margin: 0 0 8px;
}

.breadcrumb a {
    color: rgba(71, 85, 105, .86);
    text-decoration: none;
}

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

.app-breadcrumb {
    margin: -8px 0 18px;
}

body:has(.dashboard-tab-shell) .app-breadcrumb {
    display: none;
}

body:has(.dashboard-tab-shell) .content {
    padding-top: 10px;
}

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

.grid-kpi {
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
}

.grid-kpi .card {
    border-radius: var(--radius-lg);
    min-height: 96px;
    padding: 18px;
}

.dashboard-kpi-grid,
.dashboard-analytics-grid {
    display: grid;
    gap: 14px;
    margin-bottom: 16px;
}

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

.dashboard-owner-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(260px, 1.05fr) minmax(320px, 1.35fr) minmax(260px, 1fr);
    margin-bottom: 16px;
}

.dashboard-workspace-strip {
    align-items: center;
    background: rgba(255, 250, 240, .82);
    border: 1px solid rgba(218, 203, 183, .86);
    border-radius: var(--radius-lg);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 12px 16px;
}

.dashboard-workspace-strip > div {
    display: grid;
    gap: 3px;
}

.dashboard-workspace-strip strong {
    font-size: 16px;
}

.dashboard-workspace-strip p {
    margin: 0;
    max-width: 620px;
}

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

.dashboard-kpi-card,
.dashboard-analytics-card,
.dashboard-owner-card {
    border-radius: var(--radius-lg);
    display: grid;
    gap: 10px;
    min-height: 0;
    padding: 18px;
}

.dashboard-kpi-card h2,
.dashboard-analytics-card h3,
.dashboard-owner-card h2 {
    line-height: 1.2;
    margin: 0;
}

.dashboard-kpi-card p,
.dashboard-card-note,
.dashboard-owner-card p {
    line-height: 1.5;
    margin: 0;
}

.dashboard-health-body {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
    justify-items: center;
}

.dashboard-health-body strong {
    color: var(--text);
    display: block;
    margin-bottom: 4px;
}

.status-badge {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-primary-strong);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    padding: 5px 9px;
    white-space: nowrap;
}

.status-badge.is-good {
    background: var(--color-success-soft);
    border-color: rgba(21, 128, 61, .28);
    color: var(--color-success);
}

.status-badge.is-watch {
    background: var(--color-warning-soft);
    border-color: rgba(138, 90, 0, .28);
    color: var(--color-warning);
}

.status-badge.is-alert {
    background: var(--color-danger-soft);
    border-color: rgba(185, 28, 28, .24);
    color: var(--color-danger);
}

.dashboard-ring {
    --ring-angle: 0deg;
    align-items: center;
    aspect-ratio: 1;
    background:
        radial-gradient(circle at center, var(--color-surface) 0 58%, transparent 59%),
        conic-gradient(var(--color-primary) var(--ring-angle), rgba(226, 232, 240, .92) 0);
    border: 1px solid rgba(218, 203, 183, .86);
    border-radius: 50%;
    box-shadow: inset 0 0 0 7px rgba(255, 250, 240, .72);
    color: var(--text);
    display: inline-grid;
    justify-items: center;
    min-width: 0;
    place-content: center;
    width: 92px;
}

.dashboard-ring-large {
    width: min(178px, 100%);
}

.dashboard-ring span {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.dashboard-ring small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.dashboard-ring.is-good {
    background:
        radial-gradient(circle at center, var(--color-surface) 0 58%, transparent 59%),
        conic-gradient(var(--color-success) var(--ring-angle), rgba(218, 203, 183, .72) 0);
}

.dashboard-ring.is-watch {
    background:
        radial-gradient(circle at center, var(--color-surface) 0 58%, transparent 59%),
        conic-gradient(var(--color-warning) var(--ring-angle), rgba(218, 203, 183, .72) 0);
}

.dashboard-ring.is-alert {
    background:
        radial-gradient(circle at center, var(--color-surface) 0 58%, transparent 59%),
        conic-gradient(var(--color-danger) var(--ring-angle), rgba(218, 203, 183, .72) 0);
}

.dashboard-ring-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-ring-item {
    align-items: center;
    background: rgba(255, 253, 250, .78);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: var(--radius-md);
    display: grid;
    gap: 6px;
    justify-items: center;
    min-width: 0;
    padding: 10px 8px;
    text-align: center;
}

.dashboard-ring-item .dashboard-ring {
    width: 78px;
}

.dashboard-ring-item .dashboard-ring span {
    font-size: 14px;
}

.dashboard-ring-item strong {
    color: var(--text);
    font-size: 12px;
    line-height: 1.2;
}

.dashboard-ring-item small {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.3;
}

.dashboard-action-list {
    counter-reset: dashboard-actions;
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dashboard-action-list li {
    background: rgba(255, 253, 250, .78);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: var(--radius-md);
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 9px 10px 9px 36px;
    position: relative;
}

.dashboard-action-list li::before {
    align-items: center;
    background: rgba(123, 75, 45, .12);
    border-radius: 999px;
    color: var(--color-primary);
    content: counter(dashboard-actions);
    counter-increment: dashboard-actions;
    display: inline-grid;
    font-size: 12px;
    font-weight: 800;
    height: 20px;
    left: 10px;
    place-content: center;
    position: absolute;
    top: 10px;
    width: 20px;
}

.dashboard-action-list a,
.dashboard-action-list strong {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
}

.dashboard-action-list a:hover,
.dashboard-action-list a:focus-visible {
    color: var(--color-link);
    text-decoration: underline;
}

.dashboard-action-list span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.dashboard-view-more {
    color: var(--color-link);
    font-size: 13px;
    font-weight: 700;
    margin-top: 2px;
    text-decoration: none;
}

.dashboard-view-more:hover,
.dashboard-view-more:focus-visible {
    text-decoration: underline;
}

.dashboard-card-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.dashboard-card-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.dashboard-card-head > div {
    display: grid;
    gap: 3px;
}

.dashboard-metric-list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.dashboard-metric-list span {
    background: rgba(255, 253, 250, .78);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: var(--radius-md);
    color: var(--muted);
    display: grid;
    font-size: 12px;
    gap: 3px;
    min-width: 0;
    padding: 9px 10px;
}

.dashboard-metric-list strong {
    color: var(--text);
    font-size: 18px;
    line-height: 1.15;
}

.dashboard-setup-card,
.dashboard-tab-shell {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.dashboard-setup-card {
    align-items: start;
}

.dashboard-zero-account-card {
    grid-column: 1 / -1;
}

.dashboard-setup-card h2,
.dashboard-tab-panel h3,
.dashboard-plan-card h3 {
    line-height: 1.2;
    margin: 0;
}

.dashboard-setup-grid,
.dashboard-tab-kpi-grid,
.dashboard-overview-grid,
.dashboard-project-summary-grid,
.dashboard-reports-grid,
.dashboard-billing-grid,
.dashboard-plan-grid {
    display: grid;
    gap: 12px;
    min-width: 0;
}

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

.dashboard-setup-grid span,
.dashboard-health-facts span,
.dashboard-mini-summary,
.dashboard-alert-list a,
.dashboard-alert-history > span {
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--muted);
    display: grid;
    font-size: 12px;
    gap: 3px;
    min-width: 0;
    padding: 9px 10px;
}

.dashboard-setup-grid strong,
.dashboard-health-facts strong,
.dashboard-mini-summary strong {
    color: var(--text);
    font-size: 18px;
    line-height: 1.15;
}

.dashboard-date-form {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.dashboard-date-form label {
    display: grid;
    font-size: 12px;
    font-weight: 700;
    gap: 4px;
}

.dashboard-date-form select {
    min-height: 34px;
    min-width: 148px;
}

.dashboard-tab-actions {
    justify-self: end;
}

.dashboard-tabs {
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 4px;
    overflow-x: auto;
}

.dashboard-tab {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    color: var(--muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 800;
    gap: 7px;
    margin-bottom: -1px;
    min-height: 38px;
    padding: 9px 12px;
}

.dashboard-tab-icon {
    flex: 0 0 auto;
    height: 17px;
    width: 17px;
}

.dashboard-tab:hover,
.dashboard-tab:focus-visible,
.dashboard-tab.is-active {
    background: var(--color-surface);
    border-color: var(--color-border);
    border-bottom-color: var(--color-surface);
    color: var(--color-primary);
}

.dashboard-tab-panel {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg);
    display: grid;
    gap: 14px;
    padding: 14px;
}

.dashboard-tab-panel[hidden] {
    display: none !important;
}

.dashboard-tab-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-tab-kpi-card {
    border-radius: var(--radius-lg);
    display: grid;
    gap: 8px;
    min-height: 118px;
    padding: 14px;
}

.dashboard-tab-kpi-head {
    align-items: center;
    color: var(--muted);
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
    text-transform: uppercase;
}

.dashboard-tab-kpi-card strong {
    color: var(--text);
    font-size: 25px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

@media (min-width: 901px) {
    .dashboard-overview-panel {
        align-items: stretch;
        grid-template-areas:
            "date date"
            "health kpis"
            "health alerts";
        grid-template-columns: minmax(280px, .92fr) minmax(0, 1.65fr);
    }

    .dashboard-overview-panel .dashboard-tab-actions {
        grid-area: date;
    }

    .dashboard-overview-panel .dashboard-tab-kpi-grid {
        grid-area: kpis;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .dashboard-overview-panel .dashboard-overview-grid {
        display: contents;
    }

    .dashboard-overview-panel .dashboard-health-panel {
        grid-area: health;
    }

    .dashboard-overview-panel .dashboard-attention-card {
        grid-area: alerts;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    .dashboard-overview-panel .dashboard-tab-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .dashboard-overview-panel {
        grid-template-areas:
            "date"
            "health"
            "kpis"
            "alerts";
        grid-template-columns: 1fr;
    }

    .dashboard-overview-panel .dashboard-tab-actions {
        grid-area: date;
    }

    .dashboard-overview-panel .dashboard-tab-kpi-grid {
        grid-area: kpis;
    }

    .dashboard-overview-panel .dashboard-overview-grid {
        display: contents;
    }

    .dashboard-overview-panel .dashboard-health-panel {
        grid-area: health;
    }

    .dashboard-overview-panel .dashboard-attention-card {
        grid-area: alerts;
    }
}

.dashboard-info-tooltip {
    align-items: center;
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    color: var(--muted);
    cursor: help;
    display: inline-grid;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 900;
    height: 22px;
    padding: 0;
    place-content: center;
    width: 22px;
}

.dashboard-info-tooltip:hover,
.dashboard-info-tooltip:focus-visible {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.dashboard-trend-chip {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.2;
    padding: 5px 8px;
    width: fit-content;
}

.dashboard-trend-chip.is-good {
    background: var(--color-success-soft);
    border-color: rgba(21, 128, 61, .26);
    color: var(--color-success);
}

.dashboard-trend-chip.is-bad {
    background: var(--color-danger-soft);
    border-color: rgba(185, 28, 28, .22);
    color: var(--color-danger);
}

.dashboard-trend-chip.is-neutral {
    background: var(--color-surface-muted);
    color: var(--muted);
}

.dashboard-overview-grid {
    grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr);
}

.dashboard-health-panel,
.dashboard-attention-card,
.dashboard-performance-card,
.dashboard-status-list,
.dashboard-current-plan,
.dashboard-plan-card {
    border-radius: var(--radius-lg);
    display: grid;
    gap: 10px;
    padding: 14px;
}

.dashboard-health-facts {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.dashboard-alert-list {
    display: grid;
    gap: 8px;
}

.dashboard-alert-list a {
    color: var(--muted);
    text-decoration: none;
}

.dashboard-alert-list a:hover,
.dashboard-alert-list a:focus-visible {
    border-color: var(--color-primary);
}

.dashboard-alert-history-table {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.dashboard-alert-history-row {
    align-items: center;
    background: var(--color-surface);
    color: var(--muted);
    display: grid;
    font-size: 12px;
    gap: 8px;
    grid-template-columns: minmax(58px, .46fr) minmax(0, 1fr) minmax(74px, .8fr);
    min-height: 32px;
    min-width: 0;
    padding: 6px 8px;
}

.dashboard-alert-history-row:nth-child(even) {
    background: var(--color-surface-muted);
}

.dashboard-alert-history-row strong,
.dashboard-alert-history-issue,
.dashboard-alert-history-account {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-alert-list strong,
.dashboard-alert-history strong,
.dashboard-alert-history-row strong {
    color: var(--text);
}

.dashboard-empty-line {
    color: var(--muted);
    font-size: 13px;
}

.dashboard-compact-table th,
.dashboard-compact-table td {
    font-size: 12px;
    white-space: nowrap;
}

.dashboard-compact-table td:first-child {
    white-space: normal;
}

.dashboard-project-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-mini-summary {
    min-height: 78px;
}

.dashboard-reports-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

.dashboard-status-list {
    align-content: start;
    min-width: 0;
}

.dashboard-status-copy,
.dashboard-alert-preference-locked p {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-alert-preference-form,
.dashboard-alert-preference-locked {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.dashboard-alert-channel-table {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.dashboard-alert-channel-row {
    align-items: center;
    background: var(--color-surface);
    color: var(--muted);
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    min-height: 34px;
    min-width: 0;
    padding: 7px 9px;
}

.dashboard-alert-channel-row:nth-child(even) {
    background: var(--color-surface-muted);
}

.dashboard-alert-channel-row:hover,
.dashboard-alert-channel-row:focus-within {
    background: #eff6ff;
}

.dashboard-alert-channel-check {
    align-items: center;
    display: flex;
}

.dashboard-alert-channel-check input {
    border-radius: 4px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 14px;
}

.dashboard-alert-channel-name {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-alert-channel-status {
    font-size: 12px;
    font-weight: 700;
    justify-self: end;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-alert-form-footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
}

.dashboard-alert-form-footer .dashboard-empty-line {
    font-size: 12px;
    min-width: 0;
}

.dashboard-toggle-row {
    align-items: flex-start;
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--muted);
    display: flex;
    gap: 9px;
    min-width: 0;
    padding: 10px;
}

.dashboard-toggle-row input {
    flex: 0 0 auto;
    margin-top: 3px;
}

.dashboard-toggle-row span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.dashboard-toggle-row strong {
    color: var(--text);
    font-size: 13px;
    line-height: 1.25;
}

.dashboard-toggle-row small {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dashboard-alert-settings-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-alert-preference-form .button-link,
.dashboard-alert-preference-locked .button-link,
.dashboard-alert-settings-links .button-link {
    max-width: 100%;
    white-space: normal;
}

.dashboard-status-list > a,
.dashboard-status-list > span {
    width: fit-content;
}

.dashboard-alert-history {
    max-height: 320px;
    overflow: auto;
}

@media (max-width: 560px) {
    .dashboard-alert-channel-row {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .dashboard-alert-channel-status {
        grid-column: 2;
        justify-self: start;
    }
}

.dashboard-billing-grid {
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
}

.dashboard-current-plan strong {
    color: var(--text);
    font-size: 20px;
}

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

.dashboard-plan-grid-columns {
    align-items: stretch;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.dashboard-plan-card {
    align-content: start;
}

.dashboard-package-column {
    border-color: rgba(37, 99, 235, .16);
}

.dashboard-package-column.is-current-plan {
    border-color: rgba(37, 99, 235, .42);
    box-shadow: 0 16px 34px rgba(37, 99, 235, .1);
}

.dashboard-package-column-head {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 44px;
    min-width: 0;
}

.dashboard-package-column-head h3 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 2px 0 0;
}

.dashboard-package-column-head .button-link,
.dashboard-package-column-head .status-pill {
    justify-self: start;
}

.dashboard-plan-trust-chip {
    align-items: center;
    background: rgba(37, 99, 235, .08);
    border: 1px solid rgba(37, 99, 235, .18);
    border-radius: var(--radius-pill);
    color: var(--color-primary) !important;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    gap: 5px;
    justify-self: end;
    line-height: 1.2;
    padding: 5px 7px;
    white-space: nowrap;
}

.dashboard-plan-trust-icon {
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 12px;
}

.dashboard-plan-trust-icon::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg);
    width: 3px;
}

.dashboard-plan-card strong {
    color: var(--text);
    font-size: 18px;
}

.dashboard-plan-card span:not(.eyebrow) {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.4;
}

.dashboard-package-features {
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dashboard-package-features li {
    align-items: start;
    border-top: 1px solid var(--color-border);
    color: var(--text);
    display: grid;
    font-size: 12px;
    gap: 10px;
    grid-template-columns: 112px minmax(0, 1fr);
    line-height: 1.35;
    padding: 8px 0;
}

.dashboard-package-features li.is-unavailable {
    background: transparent;
    border-color: var(--color-border);
    color: var(--muted);
}

.dashboard-plan-card .dashboard-package-features li.is-unavailable .dashboard-package-feature-title {
    color: #64748b;
}

.dashboard-plan-card .dashboard-package-feature-title {
    color: var(--text);
    font-weight: 800;
    min-width: 0;
}

.dashboard-plan-card .dashboard-package-feature-value {
    color: #475569;
    font-weight: 500;
    min-width: 0;
}

.dashboard-current-plan-note {
    background: var(--color-success-soft);
    border: 1px solid rgba(21, 128, 61, .24);
    border-radius: var(--radius-pill);
    color: var(--color-success) !important;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-self: start;
    line-height: 1.2;
    padding: 7px 10px;
    width: fit-content;
}

.dashboard-plan-card .dashboard-package-features li.is-unavailable .dashboard-package-feature-value {
    color: #b91c1c;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .dashboard-owner-grid,
    .dashboard-kpi-grid,
    .dashboard-analytics-grid,
    .dashboard-workspace-strip,
    .dashboard-metric-list,
    .dashboard-metric-list-four {
        grid-template-columns: 1fr;
    }

    .dashboard-workspace-strip {
        align-items: flex-start;
        display: grid;
    }

    .dashboard-card-head {
        align-items: flex-start;
        display: grid;
    }

    .dashboard-ring-large {
        width: min(172px, 66vw);
    }

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

    .dashboard-setup-grid,
    .dashboard-tab-kpi-grid,
    .dashboard-overview-grid,
    .dashboard-project-summary-grid,
    .dashboard-reports-grid,
    .dashboard-billing-grid,
    .dashboard-plan-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-date-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        justify-content: start;
        width: 100%;
    }

    .dashboard-date-form label,
    .dashboard-date-form select {
        min-width: 0;
        width: 100%;
    }

    .dashboard-tab-actions {
        justify-self: stretch;
    }

    .dashboard-card-actions {
        justify-content: flex-start;
    }

    .dashboard-tab-panel {
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
        padding: 12px;
    }

    .dashboard-tab-kpi-card strong {
        font-size: 22px;
    }

    body:has(.dashboard-tab-shell) .content {
        padding-top: 10px;
    }
}

@media (max-width: 520px) {
    .dashboard-tabs {
        justify-content: space-between;
    }

    .dashboard-tab {
        flex: 1 1 0;
        justify-content: center;
        min-width: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .dashboard-tab-label {
        display: inline;
        font-size: 11px;
        line-height: 1.1;
        white-space: nowrap;
    }
}

@media (max-width: 360px) {
    .dashboard-health-body {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

.card,
.auth-card {
    background: rgba(255, 255, 255, .94);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
    padding: var(--space-xl);
}

.eyebrow {
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.auth-card {
    margin: 8vh auto;
    max-width: 440px;
}

.auth-home-brand {
    align-items: center;
    background: rgba(255, 255, 255, .62);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: var(--radius-pill);
    color: var(--color-text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 9px;
    margin-bottom: 18px;
    max-width: 100%;
    padding: 6px 10px;
    text-decoration: none;
}

.auth-home-brand:hover,
.auth-home-brand:focus-visible {
    border-color: rgba(179, 84, 30, .38);
    box-shadow: 0 10px 24px rgba(64, 43, 28, .08);
    color: var(--accent-dark);
}

.auth-home-brand img {
    border-radius: 6px;
    height: auto;
    max-height: 34px;
    max-width: 132px;
    object-fit: contain;
}

.auth-home-brand span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auth-card-choice {
    max-width: 680px;
}

.auth-card-recovery {
    max-width: 500px;
}

.auth-card-wide {
    max-width: 620px;
}

.auth-switch {
    color: var(--muted);
    margin: 8px 0 0;
}

.auth-choice-head,
.auth-recovery-head {
    display: grid;
    gap: 6px;
    margin-bottom: 18px;
}

.auth-choice-head h2,
.auth-recovery-head h2 {
    margin: 0;
}

.auth-choice-head .eyebrow,
.auth-recovery-head .eyebrow {
    margin: 0;
}

.auth-choice-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.auth-tab-shell {
    display: grid;
    gap: 14px;
}

.auth-tabs {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: var(--radius-pill);
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr 1fr;
    padding: 4px;
}

.auth-tab {
    background: transparent;
    border-radius: var(--radius-pill);
    color: #1e3a8a;
    font-weight: 800;
    padding: 9px 12px;
}

.auth-tab:hover,
.auth-tab:focus-visible {
    background: rgba(255, 255, 255, .72);
    color: #1d4ed8;
}

.auth-tab.is-active {
    background: #fff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .12);
    color: var(--accent);
}

.auth-tab-panel[hidden] {
    display: none !important;
}

.auth-choice-stack {
    display: grid;
    gap: 12px;
}

.auth-choice-panel {
    background: rgba(255, 255, 255, .54);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 14px;
    min-height: 0;
    padding: 16px;
}

.auth-choice-panel-primary {
    background: rgba(255, 255, 255, .76);
}

.auth-choice-panel-accent {
    background: rgba(239, 246, 255, .72);
}

.auth-choice-panel-compact {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.auth-choice-panel h3 {
    margin: 0 0 8px;
}

.auth-choice-panel p {
    margin: 0;
}

.auth-option-group {
    display: grid;
    gap: 12px;
}

.auth-card-divider {
    background: var(--line);
    height: 1px;
    width: 100%;
}

.auth-choice-panel-primary .google-auth-button,
.auth-collapsible-body button {
    width: 100%;
}

.auth-inline-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.auth-inline-actions form {
    margin: 0;
}

.auth-collapsible-panel {
    background: rgba(255, 255, 255, .68);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.auth-collapsible-panel-inner {
    background: rgba(248, 250, 252, .86);
}

.auth-toggle-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 14px 16px;
    text-align: left;
    width: 100%;
}

.auth-toggle-button:hover,
.auth-toggle-button:focus-visible {
    background: rgba(248, 250, 252, .86);
    color: inherit;
}

.auth-toggle-button::after {
    color: var(--accent);
    content: "+";
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.auth-collapsible-panel.is-open .auth-toggle-button {
    border-bottom: 1px solid var(--line);
}

.auth-collapsible-panel.is-open .auth-toggle-button::after {
    content: "-";
}

.auth-toggle-button span {
    display: grid;
    gap: 3px;
}

.auth-toggle-button strong {
    color: var(--text);
    font-size: 15px;
}

.auth-toggle-button small {
    color: var(--muted);
    font-size: 12px;
}

.auth-collapsible-body[hidden] {
    display: none !important;
}

.auth-collapsible-body {
    padding: 16px;
}

.auth-collapsible-body > form {
    display: grid;
    gap: 12px;
}

.google-auth-button {
    align-items: center;
    background: #fff;
    border: 1px solid #d6dbe6;
    color: #1f2937;
    display: inline-flex;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
}

.google-auth-button:hover,
.google-auth-button:focus-visible {
    background: #f8fafc;
    border-color: #b8c1d4;
    color: #111827;
}

.google-auth-button:disabled {
    background: #f8fafc;
    color: #94a3b8;
}

.google-auth-icon {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.google-auth-icon svg {
    display: block;
    height: 18px;
    width: 18px;
}

.auth-register-card {
    display: grid;
    gap: 16px;
    padding: 24px;
}

.auth-register-card .auth-home-brand {
    margin-bottom: 0;
    width: fit-content;
}

.auth-register-head {
    display: grid;
    gap: 8px;
}

.auth-register-head .eyebrow,
.auth-register-head h2,
.auth-register-head p {
    margin: 0;
}

.auth-register-head h2 {
    font-size: 24px;
    line-height: 1.2;
}

.auth-register-head p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
    max-width: 520px;
}

.auth-register-start-form {
    background: rgba(255, 255, 255, .72);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 10px;
    padding: 12px;
}

.auth-register-google-form {
    padding: 14px;
}

.auth-register-start-form button {
    width: 100%;
}

.auth-register-details-form {
    display: grid;
    gap: 12px;
}

.auth-legal-note {
    background: rgba(255, 253, 250, .72);
    border: 1px solid rgba(218, 203, 183, .74);
    border-radius: var(--radius-md);
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    margin: 0 !important;
    padding: 10px 12px;
}

.auth-legal-note a,
.checkbox-row a {
    color: var(--accent-dark);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.auth-choice-legal-note {
    margin-top: 14px !important;
}

.auth-footnote {
    background: rgba(255, 255, 255, .5);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    color: var(--muted);
    display: grid;
    gap: 4px;
    margin-top: 16px;
    padding: 12px 14px;
}

.auth-footnote span:first-child {
    color: var(--text);
    font-weight: 700;
}

.auth-recovery-link {
    margin-top: 14px;
    text-align: center;
}

.local-login-panel {
    background: rgba(232, 240, 254, .55);
    border: 1px dashed #9bb8f4;
    border-radius: var(--radius-md);
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 12px 14px;
}

.local-login-panel-head {
    display: grid;
    gap: 4px;
}

.local-login-panel-head span {
    color: var(--muted);
    font-size: 12px;
}

.local-login-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.local-login-actions form {
    margin: 0;
}

@media (max-width: 760px) {
    body:has(.auth-card) {
        overflow-x: hidden;
    }

    body:has(.auth-card) .content {
        overflow-x: hidden;
        padding-left: 14px;
        padding-right: 14px;
    }

    .auth-card,
    .auth-card-choice {
        margin-top: 6vh;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: 100%;
    }

    .auth-choice-grid {
        grid-template-columns: 1fr;
    }

    .auth-choice-panel {
        min-height: 0;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .auth-choice-panel-compact {
        grid-template-columns: 1fr;
    }

    .auth-inline-actions,
    .auth-inline-actions form,
    .auth-inline-actions .button-link {
        width: 100%;
    }

    .auth-choice-panel button {
        white-space: normal;
        width: 100%;
    }

    .local-login-actions,
    .local-login-actions form,
    .local-login-actions button {
        width: 100%;
    }

    body:has(.auth-card) .app-footer {
        justify-content: flex-start;
    }

    body:has(.auth-card) .app-footer span {
        border-radius: var(--radius-md);
        overflow-wrap: anywhere;
        white-space: normal;
    }
}

.installer-wrap {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr);
    margin: 0 auto;
    max-width: 1120px;
}

.installer-panel {
    background: rgba(255, 250, 240, .9);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: 0 12px 30px rgba(63, 39, 20, .07);
    padding: 22px;
}

.install-checks,
.installer-form {
    display: grid;
    gap: 12px;
}

.install-check {
    align-items: start;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 3px;
    padding: 12px;
}

.install-check.is-ok {
    background: #e8f6ec;
    border-color: #acd7b7;
}

.install-check.is-failed {
    background: #ffe4df;
    border-color: #efaaa0;
}

.install-check span {
    color: var(--muted);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.install-steps {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-top: 14px;
    padding: 14px;
}

.install-steps ol {
    margin: 8px 0 0;
    padding-left: 20px;
}

.install-complete {
    text-align: left;
}

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

.is-settings-diagnostics-page .maintenance-grid.maintenance-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.maintenance-card {
    border-radius: 8px;
}

.maintenance-grid > .maintenance-card:nth-child(1),
.maintenance-grid > .maintenance-card:nth-child(2) {
    align-self: stretch;
}

.maintenance-card-wide {
    grid-column: 1 / -1;
}

.maintenance-card-narrow {
    justify-self: center;
    max-width: min(100%, 760px);
    width: 100%;
}

.maintenance-card form {
    display: grid;
    gap: 12px;
}

.maintenance-instructions {
    display: grid;
    gap: 12px;
}

.maintenance-instructions p,
.maintenance-instructions ol {
    margin: 0;
}

.maintenance-instructions ol {
    padding-left: 20px;
}

.maintenance-list {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding: 12px;
}

.maintenance-list p {
    margin: 0;
}

.maintenance-list span {
    color: var(--muted);
    display: block;
    font-size: 12px;
    margin-top: 2px;
}

.maintenance-table-wrap {
    overflow-x: auto;
}

.maintenance-table-wrap h3 {
    margin-top: 0;
}

.maintenance-backup-table {
    min-width: 760px;
}

.maintenance-backup-table td:last-child {
    min-width: 260px;
}

.maintenance-backup-table form {
    display: inline-grid;
}

.maintenance-action-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.maintenance-action-links a,
.maintenance-action-links button {
    background: transparent;
    border: 0;
    color: var(--accent);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    padding: 0;
    text-decoration: none;
}

.maintenance-action-links a:hover,
.maintenance-action-links button:hover {
    color: var(--accent-dark);
    text-decoration: underline;
}

.maintenance-action-links span {
    color: var(--muted);
}

.maintenance-backup-row {
    align-items: center;
    border-top: 1px solid rgba(218, 203, 183, .72);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding-top: 8px;
}

.maintenance-backup-row:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.maintenance-cron {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding: 12px;
}

.maintenance-cron p {
    margin: 0;
}

.maintenance-cron code,
.maintenance-instructions code {
    overflow-wrap: anywhere;
}

.maintenance-card-narrow .checkbox-item {
    align-items: center;
    display: flex;
}

.maintenance-card-narrow .checkbox-item input[type="checkbox"] {
    border-radius: 4px;
    flex: 0 0 auto;
    height: 16px;
    margin-top: 0;
    min-height: 16px;
    padding: 0;
    width: 16px;
}

.old-db-import-review {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 14px;
    margin-top: 16px;
    padding-top: 16px;
}

.old-db-import-head {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.old-db-import-head h4 {
    margin: 0 0 4px;
}

.old-db-import-summary {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.old-db-import-summary > div {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 2px;
    padding: 10px 12px;
}

.old-db-import-summary strong {
    font-size: 20px;
    line-height: 1;
}

.old-db-import-summary span,
.old-db-import-table small {
    color: var(--muted);
    font-size: 12px;
}

.old-db-import-table {
    min-width: 980px;
}

.old-db-import-table td p {
    margin: 0 0 4px;
}

.old-db-import-table td small {
    display: block;
}

.old-db-table-check {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
}

.old-db-table-check input,
.old-db-confirm input {
    flex: 0 0 auto;
    height: 16px;
    min-height: 16px;
    width: 16px;
}

.old-db-confirm {
    align-items: center;
    display: flex;
    margin-top: 12px;
}

.old-db-status-ready {
    background: #e3f5e7;
    border-color: #afd7b7;
    color: #1d6a2a;
}

.old-db-status-review {
    background: #fff1d9;
    border-color: #e8c27b;
    color: #915700;
}

.old-db-status-protected,
.old-db-status-conflict,
.old-db-status-unsafe {
    background: #f8e3dc;
    border-color: #e6b5a5;
    color: #9b2f17;
}

.old-db-status-old_only,
.old-db-status-empty,
.old-db-status-no_shared_id {
    background: #ece8e3;
    border-color: #cdc2b5;
    color: #5b5348;
}

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

.checkbox-row {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    line-height: 1.45;
}

.checkbox-row input {
    margin-top: 3px;
    width: auto;
}

.demo-login-panel {
    background: rgba(255, 244, 216, .55);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    margin-top: 16px;
    padding: 12px;
}

.demo-login-panel h3 {
    font-size: 16px;
    margin: 0;
}

.demo-login-row {
    display: grid;
    gap: 4px;
}

.demo-login-row code {
    overflow-wrap: anywhere;
}

.demo-login-form {
    margin-top: 4px;
}

.auth-divider {
    align-items: center;
    color: var(--muted);
    display: flex;
    gap: 10px;
    margin: 18px 0;
}

.auth-divider::before,
.auth-divider::after {
    background: var(--line);
    content: "";
    flex: 1;
    height: 1px;
}

label {
    display: grid;
    gap: 6px;
}

input,
textarea,
select {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    color: var(--color-text);
    padding: var(--space-md);
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
    width: 100%;
}

input:focus,
textarea:focus,
select:focus {
    border-color: rgba(37, 99, 235, .72);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
    outline: none;
}

textarea {
    resize: vertical;
}

button {
    background: var(--color-primary);
    border: 0;
    border-radius: var(--radius-pill);
    color: #fff;
    cursor: pointer;
    padding: 10px 16px;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease;
}

button:hover {
    background: var(--color-primary-strong);
}

button:disabled,
button.is-processing {
    cursor: wait;
    opacity: .72;
}

select:disabled {
    background: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
    opacity: .85;
}

button.is-processing,
button.is-downloading,
.button-link.is-loading,
.button-link.is-downloading {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
}

button.is-processing::before,
button.is-downloading::before,
.button-link.is-loading::before,
.button-link.is-downloading::before {
    animation: action-spin .75s linear infinite;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    height: 12px;
    width: 12px;
}

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

.alert {
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
    margin-bottom: 14px;
    padding: 10px 12px;
}

.alert-error {
    background: var(--color-danger-soft);
    border-color: #fecaca;
    color: #991b1b;
}

.alert-success {
    background: var(--color-success-soft);
    border-color: #bbf7d0;
    color: #166534;
}

.alert-warning {
    background: var(--color-warning-soft);
    border-color: #fde68a;
    color: var(--color-warning);
}

.workspace-trial-alert {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.workspace-trial-alert > div {
    display: grid;
    gap: 3px;
}

.workspace-trial-alert strong {
    color: #92400e;
}

.workspace-trial-alert span,
.workspace-trial-alert small {
    color: #78350f;
}

.workspace-trial-alert small {
    font-size: 12px;
}

.workspace-trial-alert-expired {
    background: #fef2f2;
    border-color: #fecaca;
}

.workspace-trial-alert-expired strong,
.workspace-trial-alert-expired span,
.workspace-trial-alert-expired small {
    color: #991b1b;
}

.maintenance-mode-ribbon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 10px;
    padding: 7px 12px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    color: #92400e;
    box-shadow: none;
}

.maintenance-mode-ribbon span {
    color: #92400e;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
}

.maintenance-mode-ribbon-icon {
    align-items: center;
    background: #ffedd5;
    border: 1px solid #fb923c;
    border-radius: 999px;
    color: #c2410c;
    display: inline-flex;
    flex: 0 0 18px;
    height: 18px;
    justify-content: center;
    width: 18px;
}

.button-link {
    background: var(--color-primary);
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 16px;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease;
}

.button-link:hover,
.button-link:focus-visible {
    background: var(--color-primary-strong);
    color: #fff;
}

.button-link-secondary {
    background: #ffffff;
    border-color: var(--color-border);
    color: var(--color-text);
}

.button-link-secondary:hover,
.button-link-secondary:focus-visible {
    background: #f8fafc;
    border-color: var(--color-primary);
    color: var(--color-primary-strong);
}

.button-link-info,
.button-link-performance {
    background: var(--color-info);
    border-color: var(--color-info);
    color: #fff;
}

.button-link-info:hover,
.button-link-info:focus-visible,
.button-link-performance:hover,
.button-link-performance:focus-visible {
    background: var(--color-info-strong);
    border-color: var(--color-info-strong);
    color: #fff;
}

.button-link-success {
    background: var(--color-success);
    border-color: var(--color-success);
    color: #fff;
}

.button-link-success:hover,
.button-link-success:focus-visible {
    background: #166534;
    border-color: #166534;
    color: #fff;
}

.button-link-danger {
    background: var(--color-danger);
    border-color: var(--color-danger);
    color: #fff;
}

.button-link-danger:hover,
.button-link-danger:focus-visible {
    background: #991b1b;
    border-color: #991b1b;
    color: #fff;
}

.button-link-performance.is-opening,
.button-link-performance[aria-disabled="true"] {
    background: #94a3b8;
    color: #f8fafc;
    cursor: wait;
    pointer-events: none;
}

.button-link-small {
    padding: 8px 12px;
}

.account-structure-disabled-shortcut[aria-disabled="true"] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #64748b;
    cursor: not-allowed;
    opacity: .82;
}

.button-outline {
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    color: var(--color-primary-strong);
    display: inline-block;
    padding: 9px 14px;
}

.button-outline:hover {
    background: #eff6ff;
    border-color: rgba(37, 99, 235, .38);
    color: var(--color-primary-strong);
}

.button-outline-danger {
    background: var(--color-danger);
    border-color: #ef4444;
    color: #fff;
}

.button-outline-danger:hover {
    background: #991b1b;
    color: #fff;
}

.table-card {
    overflow-x: auto;
}

.table-scroll {
    overflow-x: auto;
}

.write-ads-history-scroll {
    max-height: 320px;
    overflow: auto;
}

.write-ads-history-scroll .data-table th {
    background: #f8fafc;
    position: sticky;
    top: 0;
    z-index: 1;
}

.instruction-layout {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}

.instruction-layout > .card {
    min-width: 0;
}

.instruction-layout > .instruction-filter-card,
.instruction-layout > .table-card {
    grid-column: 1 / -1;
}

.instruction-layout .table-card {
    overflow-x: visible;
}

.instruction-layout .data-table {
    min-width: 0;
    table-layout: fixed;
}

.instruction-layout .data-table-compact th,
.instruction-layout .data-table-compact td {
    width: auto;
}

.instruction-layout .data-table th,
.instruction-layout .data-table td {
    overflow-wrap: anywhere;
}

.instruction-layout .data-table th {
    white-space: nowrap;
}

.instruction-add-card {
    align-self: start;
}

.instruction-section-summary,
.instruction-record-summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    list-style: none;
}

.instruction-section-summary::-webkit-details-marker,
.instruction-record-summary::-webkit-details-marker,
.instruction-filter-drawer summary::-webkit-details-marker {
    display: none;
}

.instruction-toggle-icon {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 22px;
    font-size: 15px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    line-height: 1;
    width: 22px;
}

.instruction-toggle-icon::before {
    content: "+";
}

details[open] > summary .instruction-toggle-icon::before {
    content: "-";
}

.instruction-filter-card {
    display: grid;
    gap: 10px;
}

.instruction-filter-head {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.instruction-filter-head h3 {
    margin-bottom: 3px;
}

.instruction-filter-drawer {
    position: relative;
}

.instruction-filter-drawer > summary {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.instruction-filter-icon::before {
    content: "Filter";
    font-size: 0;
}

.instruction-filter-form {
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    min-width: min(620px, calc(100vw - 52px));
    padding: 14px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 20;
}

.instruction-filter-actions {
    grid-column: 1 / -1;
    justify-content: end;
    margin-top: 0;
}

.instruction-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.instruction-active-filters a {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 9px;
    text-decoration: none;
}

.instruction-active-filters a:hover,
.instruction-active-filters a:focus-visible {
    background: #dbeafe;
    color: #1e3a8a;
}

.instruction-sort-link {
    align-items: center;
    color: inherit;
    display: inline-flex;
    gap: 5px;
    text-decoration: none;
}

.instruction-sort-link:hover,
.instruction-sort-link:focus-visible,
.instruction-sort-link.is-active {
    color: #1d4ed8;
}

.instruction-sort-icon {
    color: #64748b;
    font-size: 11px;
    line-height: 1;
}

.instruction-group-grid {
    display: grid;
    overflow: hidden;
}

.instruction-group-grid-head,
.instruction-group-summary {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 1.2fr) 90px minmax(260px, 1.4fr) 120px;
}

.instruction-group-grid-head {
    background: #f8fafc;
    border-bottom: 1px solid #dbe4ee;
    color: #526f94;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    padding: 11px 10px;
    text-transform: uppercase;
}

.instruction-group-details {
    border-bottom: 1px solid #e2e8f0;
}

.instruction-group-summary {
    cursor: pointer;
    list-style: none;
    min-height: 48px;
    padding: 9px 10px;
}

.instruction-group-summary::-webkit-details-marker {
    display: none;
}

.instruction-group-summary:hover,
.instruction-group-summary:focus-visible {
    background: #f8fafc;
}

.instruction-group-name {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.instruction-group-name strong {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.instruction-linked-list {
    display: grid;
    gap: 7px;
    padding: 0 10px 12px 40px;
}

.instruction-linked-row {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(240px, 1.2fr) 104px minmax(260px, 1.4fr);
    min-height: 42px;
    padding: 8px 10px;
}

.instruction-linked-row .status-pill {
    justify-self: start;
    white-space: nowrap;
}

.instruction-record-table {
    table-layout: auto;
}

.instruction-record-cell {
    padding: 0 !important;
}

.instruction-record-summary {
    display: grid;
    gap: 10px;
    grid-template-columns: 22px minmax(190px, 1.3fr) minmax(180px, 1.2fr) auto minmax(132px, auto) auto;
    min-height: 42px;
    padding: 8px 10px;
}

.instruction-record-summary:hover,
.instruction-record-summary:focus-visible {
    background: #f8fafc;
}

.instruction-record-title {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.instruction-record-title strong,
.instruction-linked-row span:first-child {
    color: #0f172a;
    font-weight: 700;
}

.instruction-record-title small {
    color: #64748b;
    font-size: 12px;
}

.instruction-record-panel {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    padding: 14px;
}

.instruction-status-pill.is-active {
    background: #dcfce7;
    border-color: #86efac;
    color: #166534;
}

.instruction-status-pill.is-inactive {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569;
}

.instruction-assignment-panel {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    display: grid;
    gap: 8px;
    padding: 12px;
}

.instruction-assignment-panel select[multiple] {
    min-height: 138px;
}

.checkbox-grid {
    display: grid;
    gap: 10px 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.checkbox-item {
    align-items: start;
    display: flex;
    gap: 8px;
}

.checkbox-item input {
    margin-top: 3px;
    width: auto;
}

.settings-option-stack {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.settings-radio-item {
    align-items: flex-start;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 10px 12px;
}

.settings-radio-item span {
    display: grid;
    gap: 3px;
}

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

.data-table th,
.data-table td {
    border-bottom: 1px solid var(--line);
    padding: 12px 10px;
    text-align: left;
    vertical-align: top;
}

.data-table th {
    background: #f8fafc;
    color: var(--muted);
    font-size: 13px;
    text-transform: uppercase;
}

.data-table tbody tr:hover td {
    background: rgba(239, 246, 255, .72);
}

.campaign-plans-table {
    min-width: 1040px;
}

.campaign-plans-table th.campaign-plan-account-col,
.campaign-plans-table td.campaign-plan-account-cell {
    min-width: 240px;
    width: 26%;
}

.campaign-plan-name-cell {
    min-width: 320px;
}

.campaign-plan-name-wrap {
    align-items: flex-start;
    display: flex;
    gap: 10px;
}

.campaign-plan-readiness-icon {
    align-items: center;
    border: 1px solid #f3d69c;
    border-radius: 999px;
    color: #9a5b12;
    display: inline-flex;
    flex: 0 0 22px;
    font-size: 13px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    line-height: 1;
    margin-top: -1px;
    width: 22px;
}

.campaign-plan-readiness-icon.is-ready {
    background: #dcfce7;
    border-color: #86efac;
    color: #047857;
}

.campaign-plan-readiness-icon.is-published {
    background: #e0f2fe;
    border-color: #7dd3fc;
    color: #0369a1;
}

.campaign-plan-readiness-icon.is-review {
    background: #fff7ed;
    border-color: #fdba74;
    color: #b45309;
}

.campaign-plan-account-name,
.campaign-plan-account-id {
    display: block;
}

.campaign-plan-account-name {
    color: var(--text);
    font-weight: 700;
}

.campaign-plan-account-id {
    margin-top: 3px;
}

.feedback-sticky-button {
    align-items: center;
    background: #475569;
    bottom: 22px;
    border: 1px solid rgba(15, 23, 42, .16);
    border-radius: 999px;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .18);
    color: #ffffff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    min-height: 36px;
    padding: 8px 14px;
    position: fixed;
    right: 22px;
    z-index: 80;
}

.feedback-sticky-button:hover,
.feedback-sticky-button:focus-visible {
    background: #334155;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .22);
}

.feedback-sticky-icon {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.workspace-todo-sticky-button {
    align-items: stretch;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .24);
    border-radius: 999px;
    bottom: 22px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .28), 0 0 0 2px rgba(255, 255, 255, .48);
    color: #132033;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 0;
    left: 282px;
    min-height: 34px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    z-index: 80;
}

body:has(.app-shell.is-sidebar-collapsed) .workspace-todo-sticky-button {
    left: 86px;
}

.workspace-todo-sticky-button:hover,
.workspace-todo-sticky-button:focus-visible {
    border-color: rgba(14, 116, 144, .45);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .34), 0 0 0 3px rgba(125, 211, 252, .34);
}

.workspace-todo-sticky-label,
.workspace-todo-sticky-action {
    align-items: center;
    display: inline-flex;
    line-height: 1;
    padding: 0 11px;
}

.workspace-todo-sticky-label {
    background: #f8fafc;
    color: #1f2937;
    gap: 7px;
}

.workspace-todo-sticky-icon {
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.workspace-todo-sticky-action {
    background: #24384f;
    color: #ffffff;
}

body.workspace-todo-modal-open .workspace-todo-sticky-button {
    display: none;
}

.workspace-todo-modal[hidden] {
    display: none;
}

.workspace-todo-modal {
    inset: 0;
    position: fixed;
    z-index: 100;
}

.workspace-todo-backdrop {
    background: rgba(33, 27, 20, .28);
    inset: 0;
    position: absolute;
}

.workspace-todo-panel {
    background: #3f454c;
    border: 0;
    border-radius: var(--radius-md);
    bottom: 24px;
    box-shadow: 0 20px 48px rgba(33, 27, 20, .28);
    color: #f8fafc;
    display: flex;
    flex-direction: column;
    height: min(280px, calc(100vh - 92px));
    left: 24px;
    max-height: min(280px, calc(100vh - 92px));
    max-width: 420px;
    min-height: min(280px, calc(100vh - 92px));
    overflow: hidden;
    padding: 12px;
    position: absolute;
    width: min(420px, calc(100vw - 48px));
}

body:has(.app-shell.is-sidebar-collapsed) .workspace-todo-panel {
    left: 24px;
    width: min(420px, calc(100vw - 48px));
}

.workspace-todo-head {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-bottom: 6px;
}

.workspace-todo-head h2 {
    background: rgba(18, 24, 31, .28);
    border-radius: 999px;
    color: #f8fafc;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 4px 8px;
    white-space: nowrap;
}

.workspace-todo-close-button {
    align-items: center;
    background: rgba(255, 255, 255, .12);
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    line-height: 1;
    min-height: 22px;
    padding: 0;
    width: 22px;
}

.workspace-todo-close-button:hover,
.workspace-todo-close-button:focus-visible {
    background: rgba(255, 255, 255, .2);
}

.workspace-todo-head small {
    color: var(--muted);
    display: block;
    font-size: 12px;
    margin-top: 3px;
}

.workspace-todo-tabs {
    background: rgba(18, 24, 31, .26);
    border: 0;
    border-radius: 999px;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 0;
    padding: 2px;
    overflow: hidden;
}

.workspace-todo-tabs button {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    line-height: 1.2;
    padding: 4px 6px;
}

.workspace-todo-tabs button.is-active {
    background: #b9cce4;
    box-shadow: none;
    color: #1f344d;
}

.workspace-todo-limit-note {
    color: rgba(255, 255, 255, .76);
    font-size: 11px;
    line-height: 1.35;
    margin: 0 0 6px;
}

.workspace-todo-panel-body.is-active {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.workspace-todo-add-form {
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 6px;
}

.workspace-todo-add-form input {
    min-height: 34px;
    padding: 7px 10px;
}

.workspace-todo-add-form button {
    min-height: 34px;
    padding: 7px 12px;
}

.workspace-todo-list {
    align-content: start;
    align-items: start;
    display: grid;
    flex: 1;
    gap: 2px;
    grid-auto-rows: min-content;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.workspace-todo-row {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
    margin: 0;
    min-height: 28px;
    padding: 4px 6px;
}

.workspace-todo-row:hover {
    background: rgba(255, 255, 255, .1);
}

.workspace-todo-row.is-updating {
    opacity: .65;
}

.workspace-todo-row label {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 16px minmax(0, 1fr);
    margin: 0;
    min-width: 0;
}

.workspace-todo-row input[type="checkbox"] {
    margin-top: 0;
}

.workspace-todo-text {
    display: block;
    min-width: 0;
}

.workspace-todo-text strong {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-todo-text small {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.35;
}

.workspace-todo-row.is-closed .workspace-todo-text strong {
    color: rgba(255, 255, 255, .6);
    text-decoration: line-through;
}

.workspace-todo-empty {
    background: rgba(255, 255, 255, .08);
    border: 0;
    border-radius: var(--radius-sm);
    color: rgba(255, 255, 255, .76);
    padding: 8px 10px;
}

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

.feedback-modal {
    inset: 0;
    position: fixed;
    z-index: 100;
}

.feedback-modal-backdrop {
    background: rgba(15, 23, 42, .46);
    inset: 0;
    position: absolute;
}

.feedback-modal-panel {
    background: var(--color-surface);
    border: 1px solid #bfdbfe;
    border-radius: var(--radius-md);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
    max-height: calc(100vh - 40px);
    max-width: 460px;
    overflow: auto;
    padding: 16px;
    position: absolute;
    right: 22px;
    top: 20px;
    width: calc(100% - 44px);
}

.feedback-modal-head,
.feedback-form-actions,
.feedback-filter-actions {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.feedback-modal-head {
    margin-bottom: 12px;
}

.feedback-modal-head h2 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.feedback-close-button {
    background: var(--color-sidebar);
    border-radius: var(--radius-sm);
    padding: 9px 12px;
}

.feedback-form {
    display: grid;
    gap: 10px;
}

.feedback-form label {
    font-size: 13px;
    font-weight: 500;
}

.feedback-form textarea {
    min-height: 116px;
    resize: vertical;
}

.feedback-contact-note {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: var(--radius-sm);
    color: #334155;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 7px 9px;
}

.feedback-contact-note strong {
    color: #0f172a;
    font-weight: 600;
}

.feedback-kind-options {
    border: 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0;
}

.feedback-kind-options legend {
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    grid-column: 1 / -1;
    margin-bottom: 2px;
    padding: 0;
}

.feedback-kind-options label {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: var(--radius-sm);
    color: #0f172a;
    display: flex;
    gap: 8px;
    min-height: 34px;
    padding: 7px 9px;
}

.feedback-kind-options input[type="radio"] {
    flex: 0 0 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    width: 15px;
}

.feedback-kind-options span {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
}

.feedback-two-col,
.feedback-summary-grid,
.feedback-filter-form {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.feedback-form-actions {
    justify-content: flex-start;
}

.feedback-form-actions .button-link-secondary {
    border: 0;
}

.feedback-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
}

.feedback-summary-card {
    border-radius: 8px;
    padding: 18px;
}

.feedback-summary-list {
    display: grid;
    gap: 8px;
}

.feedback-summary-list div {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: 8px;
}

.feedback-summary-list div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.feedback-summary-list span {
    color: var(--muted);
}

.feedback-filter-card {
    border-radius: 8px;
    margin-bottom: 18px;
}

.feedback-filter-form {
    align-items: end;
    grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
}

.feedback-list-toolbar {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.feedback-list-toolbar h3 {
    margin: 0;
}

.feedback-status-tabs {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: var(--radius-sm);
    display: inline-flex;
    gap: 4px;
    padding: 4px;
}

a.feedback-status-tab {
    align-items: center;
    border-radius: 7px;
    color: #475569;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    min-height: 30px;
    padding: 6px 10px;
    text-decoration: none;
    white-space: nowrap;
}

.feedback-status-tab span {
    align-items: center;
    background: #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 11px;
    justify-content: center;
    min-width: 20px;
    padding: 2px 6px;
}

.feedback-status-tab:not(.is-active):hover,
.feedback-status-tab:not(.is-active):focus-visible {
    background: var(--color-link-hover-bg);
    color: var(--color-link-hover-text);
}

.feedback-status-tab.is-active {
    background: var(--color-primary);
    color: #fff;
}

.feedback-status-tab.is-active:hover,
.feedback-status-tab.is-active:focus-visible {
    background: var(--color-primary-strong);
    color: #fff;
}

.feedback-status-tab.is-active span {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

.feedback-table {
    min-width: 940px;
}

.feedback-ticket-row td {
    vertical-align: middle;
    white-space: nowrap;
}

.feedback-ticket-detail-row[hidden] {
    display: none;
}

.feedback-ticket-detail-row td {
    background: #f8fafc;
    border-top: 0;
    padding: 0 14px 14px;
}

.feedback-ticket-action {
    text-align: right;
    width: 190px;
}

.feedback-ticket-actions {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: flex-end;
    white-space: nowrap;
}

.feedback-resolve-form {
    display: inline-flex;
    margin: 0;
}

.feedback-resolve-button {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: var(--radius-sm);
    color: #166534;
    font-size: 12px;
    font-weight: 600;
    min-height: 30px;
    padding: 6px 9px;
    white-space: nowrap;
}

.feedback-resolve-button:hover,
.feedback-resolve-button:focus-visible {
    background: #dcfce7;
    border-color: #86efac;
    color: #14532d;
}

.feedback-status-badge {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 9px;
}

.feedback-ticket-toggle {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #bfdbfe;
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 30px;
}

.feedback-ticket-toggle:hover,
.feedback-ticket-toggle:focus-visible {
    background: #dbeafe;
    color: #0f172a;
}

.is-settings-diagnostics-page .feedback-resolve-button {
    font-size: 12px;
    min-height: 30px;
    padding: 6px 9px;
}

.is-settings-diagnostics-page .feedback-ticket-toggle {
    min-height: 30px;
    padding: 0;
}

.feedback-ticket-detail {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.feedback-ticket-message p:last-child {
    color: #1e293b;
    font-size: 13px;
    line-height: 1.55;
    margin: 6px 0 0;
    white-space: normal;
}

.feedback-ticket-meta {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.feedback-ticket-meta div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.feedback-ticket-meta strong {
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.feedback-ticket-meta span {
    color: #0f172a;
    font-size: 12px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.feedback-debug-context {
    margin-top: 8px;
}

.feedback-debug-context summary {
    color: var(--color-primary);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
}

.feedback-debug-context pre {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    color: #334155;
    font-size: 11px;
    line-height: 1.5;
    margin: 8px 0 0;
    max-height: 180px;
    overflow: auto;
    padding: 8px;
    white-space: pre-wrap;
}

.table-subtext {
    display: block;
    font-size: 12px;
    margin-top: 4px;
}

.google-pulse-filter-grid {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.google-pulse-page-head {
    align-items: flex-start;
}

.google-pulse-control-grid {
    align-items: end;
    grid-template-columns: minmax(170px, 0.9fr) minmax(160px, 0.75fr) minmax(160px, 0.75fr) minmax(220px, 1fr) auto;
}

.google-pulse-workflow-steps {
    align-items: end;
    border-bottom: 1px solid #d8c6b2;
    display: flex;
    gap: 2px;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    margin: -8px -8px 10px;
    padding: 0 8px;
}

.google-pulse-workflow-steps button {
    background: #f3eadc;
    border: 1px solid #d8c6b2;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: #5c4030;
    font-size: 12px;
    font-weight: 800;
    min-width: 132px;
    padding: 8px 14px;
    position: relative;
    text-align: left;
}

.google-pulse-workflow-steps button.is-active {
    background: #ffffff;
    color: #2d1b12;
    margin-bottom: -1px;
    padding-top: 10px;
}

.google-pulse-compact-controls {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.google-pulse-step-strip {
    border: 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    margin: 0;
    padding: 0;
}

.google-pulse-step-strip span {
    align-items: center;
    background: #fff8ef;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #3d2a1f;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 8px;
    min-height: 38px;
    padding: 7px 10px;
    white-space: nowrap;
}

.google-pulse-step-strip b {
    align-items: center;
    background: #178a4f;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 11px;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.google-pulse-compact-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
}

.google-pulse-compact-block {
    background: #fffdf9;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.google-pulse-block-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.google-pulse-block-head .muted {
    font-size: 12px;
}

.google-pulse-hidden-select {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.google-pulse-custom-date-row {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(130px, 1fr));
}

.google-pulse-selected-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    max-width: 100%;
}

.google-pulse-metric-chip {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #3d2a1f;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    min-height: 28px;
    padding: 5px 9px;
}

.google-pulse-metric-chip input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.google-pulse-metric-chip.is-selected {
    background: #f4fbf7;
    border-color: #b7dfca;
    color: #11643b;
}

.google-pulse-metric-chip.is-hidden-chip {
    display: none;
}

.google-pulse-metric-chip em {
    color: #8a4a10;
    font-style: normal;
    line-height: 1;
}

.google-pulse-add-metrics {
    justify-self: start;
}

.google-pulse-add-metrics summary {
    border: 1px dashed var(--border);
    border-radius: 999px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
}

.google-pulse-metric-menu {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(36, 24, 17, 0.12);
    display: grid;
    gap: 10px;
    margin-top: 8px;
    min-width: 280px;
    padding: 10px;
    position: absolute;
    z-index: 5;
}

.google-pulse-metric-menu div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.google-pulse-metric-menu strong {
    color: #111111;
    flex-basis: 100%;
    font-size: 11px;
    text-transform: uppercase;
}

.google-pulse-metric-menu button {
    background: #fff8ef;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #111111;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 8px;
}

.google-pulse-control-panel {
    padding-top: 10px;
}

.google-pulse-control-panel[hidden] {
    display: none !important;
}

.google-pulse-tab-grid {
    align-items: end;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
}

.google-pulse-tab-grid-single {
    grid-template-columns: minmax(220px, 420px);
}

.google-pulse-accounts-panel {
    align-items: center;
    background: #fffaf4;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
}

.google-pulse-status-strip {
    align-items: center;
    background: #eefaf4;
    border: 1px solid #b7dfca;
    border-radius: 8px;
    display: grid;
    gap: 10px 14px;
    grid-template-columns: auto auto auto minmax(220px, 1fr);
    margin-bottom: 10px;
    padding: 9px 10px;
}

.google-pulse-compact-controls .google-pulse-status-strip {
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    margin-bottom: 0;
}

.google-pulse-cache-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0 0;
}

.google-pulse-status-strip strong {
    display: block;
    font-size: 13px;
    margin-top: 2px;
}

.google-pulse-date-presets,
.google-pulse-preset-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.google-pulse-date-presets {
    margin-bottom: 14px;
}

[data-pulse-custom-date][hidden] {
    display: none !important;
}

.google-pulse-date-presets button,
.google-pulse-date-presets a,
.google-pulse-preset-row button {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: #5c4030;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 12px;
    text-decoration: none;
}

.google-pulse-date-presets button.is-active,
.google-pulse-date-presets a.is-active,
.google-pulse-preset-row button.is-active {
    background: #2d1b12;
    border-color: #2d1b12;
    color: #ffffff;
}

.google-pulse-action-row,
.google-pulse-table-actions,
.google-pulse-title-row,
.google-pulse-modal-toolbar,
.google-pulse-modal-foot {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.google-pulse-action-row {
    border-top: 1px solid var(--line);
    justify-content: flex-end;
    margin-top: 14px;
    padding-top: 14px;
}

.google-pulse-refresh-control {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.google-pulse-refresh-control .muted {
    flex-basis: 100%;
    font-size: 12px;
    text-align: right;
}

.google-pulse-download-row {
    align-items: center;
    border-top: 1px solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 12px;
    padding-top: 12px;
}

.google-pulse-download-controls {
    align-items: end;
    border-top: 1px solid var(--line);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(190px, 1fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr);
    margin-top: 12px;
    padding-top: 12px;
}

.google-pulse-refresh-primary,
.google-pulse-add-account {
    background: #178a4f;
}

.google-pulse-add-account {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #334155;
    box-shadow: none;
}

.google-pulse-add-account:hover,
.google-pulse-add-account:focus-visible {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.google-pulse-refresh-primary.is-cache-view {
    background: #2563eb;
}

.google-pulse-metric-panel {
    margin-top: 0;
    padding-top: 0;
}

.google-pulse-panel-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.google-pulse-panel-head h3,
.google-pulse-title-row h3 {
    margin: 0;
}

.google-pulse-metric-grid {
    display: grid;
    gap: 12px 18px;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
}

.google-pulse-metric-card-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.google-pulse-metric-card {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 12px;
    text-align: left;
}

.google-pulse-metric-card h4 {
    color: #b95517;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.google-pulse-check-label {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
}

.google-pulse-count {
    background: #dff2e7;
    border-radius: 999px;
    color: #11643b;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 9px;
}

.google-pulse-connected-card {
    background: #fffdfa;
}

.google-pulse-login-history {
    margin-top: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #f8fafc;
}

.google-pulse-login-history summary {
    cursor: pointer;
    padding: 0.7rem 0.85rem;
    color: #475569;
    font-weight: 700;
}

.google-pulse-mcc-shell {
    display: grid;
    gap: 8px;
    min-width: 0;
}

body:has(.google-pulse-mcc-shell) .content {
    padding-top: 12px;
}

.google-pulse-mcc-shell > * {
    max-width: 100%;
    min-width: 0;
}

.google-pulse-mcc-head {
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
    min-width: 0;
}

.google-pulse-mcc-title-row {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    min-width: 0;
}

.google-pulse-mcc-title-row .eyebrow {
    margin: 0;
}

.google-pulse-head-updated {
    color: #64748b;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.google-pulse-mcc-head-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.google-pulse-mcc-top-controls {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: auto auto minmax(0, 1fr) auto auto;
    overflow: visible;
    padding: 8px;
    position: relative;
    z-index: 30;
}

.google-pulse-mcc-top-controls.is-popover-open {
    margin-bottom: var(--pulse-popover-offset, 0);
}

.google-pulse-mcc-filter-form,
.google-pulse-mcc-refresh-form {
    display: contents;
    margin: 0;
    min-width: 0;
}

.google-pulse-mcc-filter-form > .google-pulse-control-popover {
    grid-column: 1;
    grid-row: 1;
}

.google-pulse-metric-control {
    grid-column: 2;
    grid-row: 1;
}

.google-pulse-date-inline {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
}

.google-pulse-mcc-filter-actions {
    grid-column: 4;
    grid-row: 1;
    justify-self: end;
}

.google-pulse-mcc-refresh-form > .button-link,
.google-pulse-mcc-refresh-form > .google-pulse-compact-cache-status {
    grid-column: 5;
    grid-row: 1;
    justify-self: end;
}

.google-pulse-mcc-refresh-form > .google-pulse-mcc-progress-summary {
    grid-column: 5;
    grid-row: 2;
    justify-self: end;
}

.google-pulse-mcc-filter-form label,
.google-pulse-date-inline label {
    color: var(--muted);
    display: grid;
    font-size: 11px;
    font-weight: 800;
    gap: 4px;
    margin: 0;
    text-transform: uppercase;
}

.google-pulse-date-inline {
    align-items: flex-end;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    min-width: 0;
}

.google-pulse-date-inline label {
    min-width: 128px;
}

.google-pulse-date-inline .google-pulse-date-select {
    min-width: 160px;
}

.google-pulse-date-inline .google-pulse-date-control {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    display: inline-flex;
    gap: 6px;
    padding: 0 8px;
}

.google-pulse-date-control .google-pulse-ui-icon {
    color: #2563eb;
}

.google-pulse-date-control select {
    background: transparent;
    border: 0;
    min-width: 0;
    padding-left: 0;
    width: 100%;
}

.google-pulse-date-inline label[data-pulse-custom-date] {
    min-width: 120px;
}

.google-pulse-custom-date-hint {
    align-self: center;
    color: #64748b;
    flex: 0 1 190px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.google-pulse-mcc-filter-form input,
.google-pulse-mcc-filter-form select {
    min-height: 35px;
}

.google-pulse-mcc-search {
    flex: 1 1 220px;
    min-width: min(220px, 100%);
}

.google-pulse-inline-status,
.google-pulse-compact-cache-status {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    display: grid;
    font-size: 11px;
    font-weight: 800;
    gap: 2px;
    line-height: 1.2;
    min-height: 35px;
    padding: 6px 9px;
}

.google-pulse-inline-status strong {
    color: #0f172a;
    font-size: 12px;
}

.google-pulse-compact-cache-status {
    align-items: center;
    color: #475569;
    display: inline-flex;
    white-space: nowrap;
}

.google-ads-processing-badge {
    align-items: center;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    color: #065f46;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    line-height: 1.25;
    margin: 0 0 12px;
    max-width: min(100%, 520px);
    padding: 8px 11px;
    position: sticky;
    top: 76px;
    z-index: 18;
}

.google-ads-processing-dot {
    background: #10b981;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.16);
    flex: 0 0 8px;
    height: 8px;
    width: 8px;
}

.google-ads-processing-badge.is-waiting {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e3a8a;
}

.google-ads-processing-badge.is-waiting .google-ads-processing-dot {
    background: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.14);
}

.google-pulse-mcc-progress-summary {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    min-height: 26px;
    padding: 5px 9px;
    white-space: nowrap;
}

.google-pulse-mcc-progress-summary[hidden] {
    display: none !important;
}

.google-pulse-mcc-progress-summary.is-complete {
    background: #dff2e7;
    border-color: #b7e4c7;
    color: #11643b;
}

.google-pulse-mcc-progress-summary.is-paused {
    background: #fff3d8;
    border-color: #f8d891;
    color: #8a4a10;
}

.google-pulse-mcc-filter-actions {
    align-items: end;
    flex-wrap: nowrap;
    gap: 6px;
}

.google-pulse-mcc-filter-actions button,
.google-pulse-mcc-filter-actions .button-link {
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.1;
    min-height: 35px;
    padding: 8px 13px;
    white-space: nowrap;
}

.google-pulse-action-with-icon {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
}

.google-pulse-mcc-refresh-form .google-pulse-refresh-primary {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    min-height: 35px;
    padding: 8px 13px;
    white-space: nowrap;
}

.google-pulse-mcc-refresh-form .google-pulse-refresh-primary span {
    font-weight: 500;
}

.google-pulse-ui-icon {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 14px;
    -webkit-mask: var(--pulse-icon-mask) center / contain no-repeat;
    mask: var(--pulse-icon-mask) center / contain no-repeat;
    width: 14px;
}

.google-pulse-ui-icon.is-account {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 8a7 7 0 0 1 14 0H5Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-add {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-alert {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 2 21h20L12 3Zm-1 7h2v5h-2v-5Zm0 7h2v2h-2v-2Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-calendar {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm11 9H6v9h12v-9Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-download {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v9l3.5-3.5 1.4 1.4L12 15.8 6.1 9.9l1.4-1.4L11 12V3ZM5 18h14v2H5v-2Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-conversion,
.google-pulse-ui-icon.is-status {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.2 15.4 6.7 12l-1.4 1.4 4.9 4.8 8.5-9.9-1.5-1.3-7 8.4Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-cost {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 5h14v2H5V5Zm0 4h14v2H5V9Zm7 4a4 4 0 0 1 4 4v2h-2v-2a2 2 0 0 0-2-2H5v-2h7Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-filter {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18l-7 8v5l-4 2v-7L3 5Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-metric {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 20V9h3v11H5Zm6 0V4h3v16h-3Zm6 0v-7h3v7h-3Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-more {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm7 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm7 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-recommendation {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2Zm-3 17h6v2H9v-2Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-search {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 4a6.5 6.5 0 0 1 5.1 10.5l4.4 4.4-1.4 1.4-4.4-4.4A6.5 6.5 0 1 1 10.5 4Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-rocket {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.5 3.1c2.7-.7 5.2-.2 7.4.5.7 2.2 1.2 4.7.5 7.4-.8 3.4-3.5 6.2-7.9 8.2l-2.8-2.8c-1.1.5-2.2.8-3.4.9l-.7-2.8 2.6-2.6-1.1-1.1-2.6 2.6-2.8-.7c.1-1.2.4-2.3.9-3.4L.8 6.5c2-4.4 4.8-7.1 8.2-7.9Zm1.2 4.2a2 2 0 1 0 2.8 2.8 2 2 0 0 0-2.8-2.8ZM5 17.8c.9.9 1.2 2.4.6 3.6-.6 1.2-2.3 1.7-4.9 1.8.1-2.6.6-4.3 1.8-4.9 1.2-.6 2.7-.3 3.6.6Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-copy {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 7V3h13v13h-4v5H3V7h5Zm2 0h7v7h2V5h-9v2Zm-5 2v10h10V9H5Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-clear {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7.4 5.9 4.6 4.6 4.6-4.6L18.1 7.4 13.5 12l4.6 4.6-1.5 1.5-4.6-4.6-4.6 4.6-1.5-1.5 4.6-4.6-4.6-4.6 1.5-1.5Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-refresh,
.google-pulse-ui-icon.is-reset {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.7 6.3A8 8 0 1 0 20 12h-2a6 6 0 1 1-1.8-4.3L13 11h8V3l-3.3 3.3Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-mobile-device {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 3v13h10V5H7Zm4 14v1h2v-1h-2Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-desktop-device {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v12H3V4Zm2 2v8h14V6H5Zm5 12h4v2h4v2H6v-2h4v-2Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-tablet-device {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 3v14h12V5H6Zm5 15v1h2v-1h-2Z'/%3E%3C/svg%3E");
}

.google-pulse-ui-icon.is-device-unknown {
    --pulse-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v11H4V5Zm2 2v7h12V7H6Zm4 11h4v2h3v2H7v-2h3v-2Zm2-9a3 3 0 0 1 3 3c0 1.1-.6 1.8-1.4 2.3-.5.3-.6.4-.6.7h-2c0-1.2.7-1.8 1.4-2.2.4-.3.6-.5.6-.8a1 1 0 0 0-2 0H9a3 3 0 0 1 3-3Z'/%3E%3C/svg%3E");
}

.google-pulse-control-popover {
    flex: 0 0 auto;
    position: relative;
}

.google-pulse-control-trigger {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    gap: 7px;
    min-height: 35px;
    padding: 7px 11px;
    white-space: nowrap;
}

.google-pulse-control-trigger:hover,
.google-pulse-control-trigger:focus-visible,
.google-pulse-control-trigger[aria-expanded="true"] {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.google-pulse-control-trigger span {
    font-size: 12px;
    font-weight: 900;
    line-height: 1.1;
}

.google-pulse-control-trigger .google-pulse-ui-icon {
    color: #2563eb;
}

.google-pulse-control-trigger strong {
    background: #e8f0fe;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
    max-width: 190px;
    overflow: hidden;
    padding: 4px 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-metric-control .google-pulse-icon-trigger {
    height: 36px;
    justify-content: center;
    min-width: 36px;
    padding: 7px;
    width: 36px;
}

.google-pulse-metric-control .google-pulse-icon-trigger .google-pulse-control-label,
.google-pulse-metric-control .google-pulse-icon-trigger strong {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.google-pulse-control-popover-panel {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    box-shadow: 0 18px 35px rgba(15, 23, 42, .16);
    display: grid;
    gap: 9px;
    left: 0;
    max-height: min(180px, calc(100vh - 220px));
    min-width: min(340px, calc(100vw - 32px));
    overflow: auto;
    padding: 10px;
    position: absolute;
    top: calc(100% + 8px);
    width: min(380px, calc(100vw - 32px));
    z-index: 100;
}

.google-pulse-metric-control .google-pulse-control-popover-panel {
    left: 0;
    right: auto;
}

.google-pulse-metric-popover {
    max-height: min(400px, calc(100vh - 160px));
}

.google-pulse-recommendation-popover {
    max-height: min(330px, calc(100vh - 160px));
    min-width: min(620px, calc(100vw - 32px));
    overflow: auto;
    width: min(680px, calc(100vw - 32px));
}

.google-pulse-control-popover-panel[hidden] {
    display: none !important;
}

.google-pulse-popover-head {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding-bottom: 8px;
}

.google-pulse-popover-head > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.google-pulse-popover-head strong {
    color: #0f172a;
    font-size: 13px;
    line-height: 1.25;
}

.google-pulse-popover-head a {
    color: #2563eb;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.google-pulse-popover-head a:hover {
    text-decoration: underline;
}

.google-pulse-mcc-refresh-panel {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(210px, .75fr) minmax(0, 1.4fr);
    padding: 10px;
}

.google-pulse-mcc-refresh-panel p {
    font-size: 12px;
    margin: 3px 0 0;
}

.google-pulse-mcc-metrics {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.google-pulse-mcc-refresh-panel > .button-link {
    grid-column: 1 / -1;
    justify-self: end;
}

.google-pulse-mcc-summary {
    gap: 6px;
    grid-template-columns: repeat(7, minmax(96px, 1fr));
}

.google-pulse-mcc-summary .card {
    background: #ffffff;
    border-radius: 7px;
    min-height: 44px;
    padding: 7px 8px;
}

.google-pulse-mcc-summary h2 {
    font-size: 14px;
    line-height: 1.1;
    margin: 2px 0 0;
}

.google-pulse-mcc-summary .eyebrow {
    align-items: center;
    display: inline-flex;
    font-size: 10px;
    gap: 4px;
    letter-spacing: 0;
    line-height: 1.1;
}

.google-pulse-mcc-summary .google-pulse-ui-icon {
    color: #2563eb;
    height: 11px;
    width: 11px;
}

.google-pulse-mcc-summary-strip {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #64748b;
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 400;
    gap: 0;
    line-height: 1.35;
    margin: 6px 0 2px;
    min-height: 24px;
    overflow-x: auto;
    padding: 0 4px;
    scrollbar-width: thin;
}

.google-pulse-table-summary-strip {
    overflow: visible;
    position: relative;
}

.google-pulse-summary-item {
    align-items: center;
    border-radius: 7px;
    color: inherit;
    display: inline-flex;
    gap: 4px;
    font-weight: 400;
    padding: 2px 4px;
    text-decoration: none;
    white-space: nowrap;
}

.google-pulse-summary-item + .google-pulse-summary-item::before {
    color: #cbd5e1;
    content: "|";
    font-weight: 700;
    margin: 0 5px;
}

.google-pulse-summary-item:hover,
.google-pulse-summary-item:focus-visible,
.google-pulse-summary-item.is-active {
    background: #f1f5f9;
    color: #475569;
}

.google-pulse-summary-item strong {
    color: inherit;
    font-weight: 500;
}

.google-pulse-summary-more-filter {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}

.google-pulse-summary-item + .google-pulse-summary-more-filter::before {
    color: #cbd5e1;
    content: "|";
    font-weight: 700;
    margin: 0 5px;
}

.google-pulse-summary-more-trigger {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #1d4ed8;
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    padding: 2px 4px;
    text-decoration: none;
    white-space: nowrap;
}

.google-pulse-summary-more-trigger:hover,
.google-pulse-summary-more-trigger:focus-visible {
    background: #f1f5f9;
    color: #475569;
}

.google-pulse-summary-more-trigger strong {
    color: inherit;
    font-weight: 500;
}

.google-pulse-summary-date {
    align-items: center;
    color: #475569;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 4px;
    line-height: 1;
    margin-left: auto;
    min-height: 24px;
    padding: 2px 4px;
    white-space: nowrap;
}

.google-pulse-summary-date .google-pulse-ui-icon {
    color: #2563eb;
    height: 12px;
    width: 12px;
}

.google-pulse-summary-item:hover strong,
.google-pulse-summary-item:focus-visible strong,
.google-pulse-summary-item.is-active strong {
    color: inherit;
}

.google-pulse-summary-search {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
    margin-left: auto;
    padding-left: 12px;
}

.google-pulse-summary-date + .google-pulse-summary-search {
    margin-left: 4px;
    padding-left: 0;
}

.google-pulse-summary-search-field {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    display: inline-flex;
    margin: 0;
    min-height: 24px;
    padding: 0 8px;
}

.google-pulse-summary-search input[type="search"] {
    background: transparent;
    border: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 400;
    height: 22px;
    line-height: 1.1;
    min-height: 22px;
    padding: 0;
    width: 142px;
}

.google-pulse-summary-search input[type="search"]::placeholder {
    color: #94a3b8;
}

.google-pulse-summary-search input[type="search"]:focus {
    box-shadow: none;
    outline: none;
}

.google-pulse-summary-search-field:focus-within {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.google-pulse-summary-search-button,
.google-pulse-summary-search-clear {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    min-height: 24px;
    padding: 0;
    text-decoration: none;
    width: 24px;
}

.google-pulse-summary-search-button:hover,
.google-pulse-summary-search-button:focus-visible,
.google-pulse-summary-search-clear:hover,
.google-pulse-summary-search-clear:focus-visible {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.google-pulse-summary-search-button .google-pulse-ui-icon,
.google-pulse-summary-search-clear .google-pulse-ui-icon {
    height: 12px;
    width: 12px;
}

.google-pulse-mcc-layout {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.google-pulse-mcc-nav {
    display: grid;
    gap: 5px;
    padding: 8px;
    position: sticky;
    top: 12px;
}

.google-pulse-mcc-nav a {
    border-radius: 7px;
    color: #4b5563;
    font-size: 12px;
    font-weight: 800;
    padding: 7px 8px;
    text-decoration: none;
}

.google-pulse-mcc-nav a:hover,
.google-pulse-mcc-nav a.is-active {
    background: #e8f0fe;
    color: #1a73e8;
}

.google-pulse-control-rail {
    gap: 12px;
    padding: 12px;
}

.google-pulse-rail-refresh,
.google-pulse-rail-block,
.google-pulse-rail-refresh-note {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.google-pulse-rail-refresh {
    gap: 12px;
}

.google-pulse-rail-block {
    border-bottom: 1px solid rgba(203, 181, 151, 0.62);
    padding-bottom: 12px;
}

.google-pulse-notification-filter {
    align-content: start;
    align-items: start;
    display: grid;
    gap: 7px;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    min-height: 0;
}

.google-pulse-recommendation-column {
    align-content: start;
    display: grid;
    gap: 8px;
    grid-auto-rows: max-content;
    min-height: 0;
}

.google-pulse-recommendation-column .google-pulse-notification-groups {
    min-height: 0;
    overflow: visible;
}

.google-pulse-notification-filter .google-pulse-rail-heading a,
.google-pulse-notification-filter .google-pulse-rail-heading button {
    background: transparent;
    border: 0;
    color: #2563eb;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
    padding: 0;
    text-decoration: none;
}

.google-pulse-notification-filter .google-pulse-rail-heading button:hover,
.google-pulse-notification-filter .google-pulse-rail-heading a:hover {
    text-decoration: underline;
}

.google-pulse-notification-groups {
    display: grid;
    gap: 8px;
}

.google-pulse-notification-all {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65);
    max-height: none;
    overflow: visible;
    padding: 8px 7px 8px 8px;
}

.google-pulse-notification-group {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 3px;
    padding-top: 7px;
}

.google-pulse-notification-group:first-child {
    border-top: 0;
    padding-top: 0;
}

.google-pulse-notification-category {
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.09em;
    line-height: 1.1;
    text-transform: uppercase;
}

.google-pulse-notification-item {
    align-items: center;
    border-radius: 7px;
    color: #334155;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    justify-content: space-between;
    line-height: 1.15;
    padding: 6px 7px;
    text-decoration: none;
}

.google-pulse-notification-item:hover,
.google-pulse-notification-item.is-active {
    background: #eff6ff;
    color: #1d4ed8;
}

.google-pulse-notification-item.is-disabled {
    color: #8a8177;
    cursor: default;
    opacity: .72;
}

.google-pulse-notification-item.is-disabled strong {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #94a3b8;
}

.google-pulse-notification-item strong {
    background: #dbeafe;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 1;
    min-width: 23px;
    padding: 4px 7px;
    text-align: center;
}

.google-pulse-notification-empty {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    margin: 0;
}

.google-pulse-active-filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.google-pulse-active-filter-chip {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 6px;
    line-height: 1.1;
    padding: 6px 9px;
}

.google-pulse-active-filter-chip a {
    color: inherit;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
}

.google-pulse-rail-heading {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.google-pulse-rail-presets {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.google-pulse-rail-presets button,
.google-pulse-select-all-metrics {
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.1;
    padding: 7px 8px;
}

.google-pulse-select-all-metrics {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--line);
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-weight: 900;
    gap: 5px;
    white-space: nowrap;
}

.google-pulse-select-all-metrics input {
    margin: 0;
}

.google-pulse-metric-scroll {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65);
    display: grid;
    gap: 0;
    max-height: none;
    overflow: visible;
    padding: 8px 7px 8px 8px;
}

.google-pulse-metric-option {
    align-items: center;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    color: #334155;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    justify-content: flex-start;
    padding: 7px 6px;
    text-align: left;
    width: 100%;
}

.google-pulse-metric-option span {
    flex: 0 1 auto;
    line-height: 1.15;
    min-width: 0;
}

.google-pulse-metric-option:hover {
    background: #ffffff;
}

.google-pulse-metric-option.is-selected {
    background: #eff6ff;
    color: #1d4ed8;
}

.google-pulse-metric-option input {
    flex: 0 0 auto;
    height: auto;
    margin: 0;
    min-height: 0;
    width: auto;
}

.google-pulse-rail-refresh-note {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 9px;
}

.google-pulse-rail-refresh-note strong {
    color: #1f160f;
    font-size: 13px;
    line-height: 1.2;
}

.google-pulse-rail-refresh-note p {
    font-size: 11px;
    line-height: 1.25;
    margin: 0;
}

.google-pulse-date-rail {
    border-bottom: 1px solid rgba(203, 181, 151, 0.62);
    padding-bottom: 12px;
}

.google-pulse-date-rail label {
    color: #2c4054;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

.google-pulse-date-rail input,
.google-pulse-date-rail select {
    min-height: 34px;
    padding: 8px 10px;
}

.google-pulse-control-rail .google-pulse-refresh-primary {
    justify-content: center;
    width: 100%;
}

.google-pulse-mcc-card {
    overflow: hidden;
    padding: 0;
    min-width: 0;
}

.google-pulse-table-tools {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-start;
    min-width: 0;
    padding: 8px 10px 6px;
}

.google-pulse-table-summary-strip {
    flex: 1 1 auto;
    margin: 0;
    min-height: 26px;
    overflow-x: auto;
    padding: 0;
}

.google-pulse-table-tools .google-pulse-summary-search {
    flex: 0 0 auto;
}

.google-pulse-table-refresh-form {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    margin: 0 0 0 4px;
}

.google-pulse-table-refresh-form .google-pulse-refresh-primary {
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    min-height: 28px;
    padding: 7px 11px;
    white-space: nowrap;
}

.google-pulse-mcc-expand-all {
    align-items: center;
    background: #2563eb;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 22px;
    height: 22px;
    justify-content: center;
    line-height: 1;
    min-height: 22px;
    padding: 0;
    width: 22px;
}

.google-pulse-mcc-expand-all:hover,
.google-pulse-mcc-expand-all:focus-visible {
    background: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .18);
    color: #ffffff;
    outline: 0;
}

.google-pulse-mcc-table-head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 12px;
}

.google-pulse-mcc-table-head h3 {
    font-size: 18px;
    margin: 0;
}

.google-pulse-mcc-table-scroll {
    border-top: 1px solid var(--line);
    max-height: none;
    min-height: 0;
    overflow: auto;
    position: relative;
}

.google-pulse-mcc-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1540px;
}

.google-pulse-mcc-table .google-pulse-sticky-col {
    background: #ffffff;
    background-clip: padding-box;
    box-shadow: 1px 0 0 var(--line), 10px 0 14px rgba(15, 23, 42, .05);
    left: 0;
    position: sticky;
}

.google-pulse-mcc-table th.google-pulse-sticky-col {
    background: #f8fafc;
    z-index: 9;
}

.google-pulse-mcc-table td.google-pulse-sticky-col {
    z-index: 6;
}

.google-pulse-mcc-table .google-pulse-sticky-account-combined {
    left: 0;
    max-width: 300px;
    min-width: 300px;
    width: 300px;
}

.google-pulse-mcc-table th.google-pulse-sticky-account-combined {
    z-index: 16;
}

.google-pulse-mcc-table td.google-pulse-sticky-account-combined {
    z-index: 8;
}

.google-pulse-mcc-table .google-pulse-account-cell-head,
.google-pulse-mcc-table .google-pulse-account-cell {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: 22px 10px minmax(0, 1fr);
    min-width: 0;
}

.google-pulse-mcc-table.no-select-col .google-pulse-account-cell-head,
.google-pulse-mcc-table.no-select-col .google-pulse-account-cell {
    grid-template-columns: 10px minmax(0, 1fr);
}

.google-pulse-mcc-table .google-pulse-account-cell-head {
    color: #5f6368;
    font-weight: 900;
}

.google-pulse-mcc-table .google-pulse-account-cell-head input,
.google-pulse-mcc-table .google-pulse-account-cell input {
    justify-self: center;
}

.google-pulse-mcc-table .google-pulse-status-heading {
    font-size: 0;
}

.google-pulse-mcc-table .google-pulse-status-heading::after {
    content: "";
}

.google-pulse-account-name-wrap {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.google-pulse-account-title-line {
    align-items: center;
    display: flex;
    gap: 4px;
    min-width: 0;
}

.google-pulse-account-title-line .google-pulse-account-link {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-account-title-line .google-pulse-alert-tooltip-wrap {
    flex: 0 0 auto;
}

.google-pulse-account-meta-line {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    min-width: 0;
}

.google-pulse-account-meta-line .google-pulse-account-badge {
    flex: 0 0 auto;
}

.google-pulse-remove-account-form {
    margin-left: auto;
}

.google-pulse-text-link {
    background: transparent;
    border: 0;
    color: #0b63ce;
    cursor: pointer;
    display: inline;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    padding: 0;
    text-decoration: none;
}

.google-pulse-text-link:hover {
    color: #074a9b;
    text-decoration: underline;
}

.google-pulse-text-link-danger {
    color: #b94b1b;
}

.google-pulse-text-link-danger:hover {
    color: #863613;
}

.google-pulse-mcc-table thead {
    position: sticky;
    top: 0;
    z-index: 12;
}

.google-pulse-mcc-table thead th {
    background: #dbeafe;
    box-shadow: inset 0 -1px 0 #bfdbfe, 0 4px 8px rgba(37, 99, 235, .08);
    color: #1e3a8a;
    font-size: 11px;
    height: 34px;
    padding: 7px 8px;
    position: sticky;
    text-transform: none;
    top: 0;
    z-index: 12;
}

.google-pulse-mcc-table tbody td {
    background: #ffffff;
    font-size: 12px;
    height: 38px;
    padding: 6px 8px;
    vertical-align: middle;
    white-space: nowrap;
}

.google-pulse-mcc-table .google-pulse-metric-col {
    border-left: 1px solid #edf2f7;
    text-align: right;
}

.google-pulse-mcc-table thead th.google-pulse-actions-heading {
    text-align: center;
}

.google-pulse-mcc-table thead .google-pulse-metric-col {
    border-left-color: #e6edf5;
    color: #475569;
}

.google-pulse-metric-sort-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 800;
    gap: 5px;
    justify-content: flex-end;
    line-height: 1.2;
    margin: -2px -4px;
    min-height: 20px;
    padding: 2px 4px;
    text-align: right;
    text-transform: inherit;
    width: calc(100% + 8px);
}

.google-pulse-metric-sort-button:hover,
.google-pulse-metric-sort-button:focus-visible {
    background: var(--color-link-hover-bg);
    color: var(--color-link-hover-text);
}

.google-pulse-metric-sort-button:focus-visible {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .22);
    outline: 0;
}

.google-pulse-metric-sort-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.google-pulse-metric-sort-indicator {
    display: inline-grid;
    flex: 0 0 auto;
    gap: 2px;
    width: 8px;
}

.google-pulse-metric-sort-indicator::before,
.google-pulse-metric-sort-indicator::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

.google-pulse-metric-sort-indicator::before {
    border-bottom: 5px solid #cbd5e1;
}

.google-pulse-metric-sort-indicator::after {
    border-top: 5px solid #cbd5e1;
}

.google-pulse-metric-sort-button.is-asc .google-pulse-metric-sort-indicator::before,
.google-pulse-metric-sort-button.is-desc .google-pulse-metric-sort-indicator::after {
    border-bottom-color: #2563eb;
    border-top-color: #2563eb;
}

.google-pulse-mcc-table .google-pulse-metric-col.is-search-lost-is-budget,
.google-pulse-mcc-table .google-pulse-metric-col.is-search-lost-is-rank {
    min-width: 138px;
}

.google-pulse-mcc-table .google-pulse-metric-col.is-top-impression-rate,
.google-pulse-mcc-table .google-pulse-metric-col.is-conversion-rate {
    min-width: 94px;
}

.google-pulse-date-heading {
    display: grid;
    gap: 2px;
    line-height: 1.1;
}

.google-pulse-date-heading small {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 500;
}

.google-pulse-mcc-table .google-pulse-conv-trend {
    font-weight: 900;
}

.google-pulse-mcc-table .google-pulse-conv-trend.is-increase {
    color: #15803d;
}

.google-pulse-mcc-table .google-pulse-conv-trend.is-decrease {
    color: #dc2626;
}

.google-pulse-mcc-table .google-pulse-conv-trend.is-neutral {
    color: inherit;
}

.google-pulse-mcc-table tbody tr.google-pulse-mcc-child-row.is-odd td {
    background: #ffffff;
}

.google-pulse-mcc-table tbody tr.google-pulse-mcc-child-row.is-odd td.google-pulse-sticky-col {
    background: #ffffff;
}

.google-pulse-mcc-table tbody tr.google-pulse-mcc-child-row.is-even td {
    background: #fbfcff;
}

.google-pulse-mcc-table tbody tr.google-pulse-mcc-child-row.is-even td.google-pulse-sticky-col {
    background: #fbfcff;
}

.google-pulse-mcc-table tbody tr:hover td {
    background: #f8fbff;
}

.google-pulse-mcc-table tbody tr:hover td.google-pulse-sticky-col {
    background: #f8fbff;
}

.google-pulse-mcc-table .google-pulse-mcc-group-row td {
    background: #f3f6fa;
    border-top: 1px solid var(--line);
    color: #263238;
    font-size: 13px;
    height: 36px;
    padding: 5px 12px;
    text-align: left;
}

.google-pulse-mcc-table .google-pulse-mcc-group-row .google-pulse-mcc-group-sticky-cell {
    background: #f3f6fa;
    z-index: 9;
}

.google-pulse-mcc-table .google-pulse-mcc-group-row .google-pulse-mcc-group-fill {
    background: #f3f6fa;
}

.google-pulse-mcc-group-label {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
}

.google-pulse-mcc-group-row.is-depth-1 .google-pulse-mcc-group-label {
    padding-left: 20px;
}

.google-pulse-mcc-group-row.is-depth-2 .google-pulse-mcc-group-label {
    padding-left: 40px;
}

.google-pulse-mcc-group-row.is-depth-3 .google-pulse-mcc-group-label,
.google-pulse-mcc-group-row.is-depth-4 .google-pulse-mcc-group-label {
    padding-left: 60px;
}

.google-pulse-mcc-group-text {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
    min-width: 0;
    padding: 0;
    text-align: left;
}

.google-pulse-mcc-group-text:hover strong,
.google-pulse-mcc-group-text:focus strong {
    text-decoration: underline;
}

.google-pulse-mcc-group-text:focus {
    outline: 2px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

.google-pulse-mcc-group-row strong {
    display: inline-flex;
    gap: 4px;
    font-weight: 900;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-mcc-group-row strong span {
    color: #475569;
    font-weight: 800;
}

.google-pulse-mcc-group-row small {
    color: var(--muted);
    display: block;
    font-weight: 800;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-mcc-toggle {
    align-items: center;
    background: #2563eb;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 22px;
    height: 22px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 22px;
}

.google-pulse-mcc-toggle:hover,
.google-pulse-mcc-toggle:focus-visible {
    background: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .18);
    outline: 0;
}

.google-pulse-mcc-toggle-icon {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    display: inline-block;
    height: 7px;
    transform: translateY(-1px) rotate(45deg);
    transition: transform .16s ease;
    width: 7px;
}

.google-pulse-mcc-toggle[aria-expanded="false"] .google-pulse-mcc-toggle-icon,
.google-pulse-mcc-expand-all[aria-expanded="false"] .google-pulse-mcc-toggle-icon {
    transform: translateX(-1px) rotate(-45deg);
}

.google-pulse-mcc-child-row .google-pulse-account-tree-cell {
    left: 0;
    padding-left: 8px;
    position: sticky;
    text-align: left;
}

.google-pulse-mcc-child-row.is-depth-2 .google-pulse-account-tree-cell {
    padding-left: 28px;
}

.google-pulse-mcc-child-row.is-depth-3 .google-pulse-account-tree-cell {
    padding-left: 48px;
}

.google-pulse-mcc-child-row.is-depth-4 .google-pulse-account-tree-cell {
    padding-left: 68px;
}

.google-pulse-mcc-child-row .google-pulse-account-tree-cell::before {
    content: none;
}

.google-pulse-status-dot {
    background: #9aa0a6;
    border-radius: 999px;
    display: inline-block;
    height: 9px;
    width: 9px;
}

.google-pulse-status-dot.is-active,
.google-pulse-status-dot.is-enabled {
    background: #188038;
}

.google-pulse-status-dot.is-paused,
.google-pulse-status-dot.is-removed {
    background: #fbbc04;
}

.google-pulse-row-refresh-status {
    align-items: center;
    border: 1px solid #dbe3ef;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    gap: 4px;
    line-height: 1;
    padding: 4px 7px;
    white-space: nowrap;
}

.google-pulse-row-refresh-status[hidden] {
    display: none;
}

.google-pulse-row-refresh-status.is-queued {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
}

.google-pulse-row-refresh-status.is-updating {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.google-pulse-row-refresh-status.is-updated {
    background: #dff2e7;
    border-color: #b7e4c7;
    color: #11643b;
}

.google-pulse-row-refresh-status.is-delayed {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

.google-pulse-row-refresh-status.is-failed {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

.google-pulse-row-refresh-icon {
    border: 2px solid rgba(71, 85, 105, 0.22);
    border-top-color: currentColor;
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
    height: 13px;
    width: 13px;
}

.google-pulse-row-refresh-icon::after {
    content: none;
}

.google-pulse-row-refresh-status.is-queued .google-pulse-row-refresh-icon,
.google-pulse-row-refresh-status.is-updating .google-pulse-row-refresh-icon {
    animation: google-pulse-row-refresh-spin 0.75s linear infinite;
}

.google-pulse-row-refresh-status.is-updated .google-pulse-row-refresh-icon,
.google-pulse-row-refresh-status.is-delayed .google-pulse-row-refresh-icon,
.google-pulse-row-refresh-status.is-failed .google-pulse-row-refresh-icon {
    animation: none;
    border-color: currentColor;
}

@keyframes google-pulse-row-refresh-spin {
    to {
        transform: rotate(360deg);
    }
}

.google-pulse-alert-icon {
    align-items: center;
    border: 0;
    border-radius: 999px;
    cursor: help;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    height: 18px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 18px;
}

.google-pulse-alert-tooltip-wrap {
    display: inline-flex;
    position: relative;
    z-index: 1;
}

.google-pulse-mcc-table td.google-pulse-sticky-col:has(.google-pulse-alert-tooltip-wrap:hover),
.google-pulse-mcc-table td.google-pulse-sticky-col:has(.google-pulse-alert-tooltip-wrap:focus-within),
.google-pulse-mcc-table td.google-pulse-sticky-col:has(.google-pulse-alert-tooltip-wrap.is-open) {
    z-index: 70;
}

.google-pulse-alert-tooltip-wrap:hover,
.google-pulse-alert-tooltip-wrap:focus-within,
.google-pulse-alert-tooltip-wrap.is-open {
    z-index: 80;
}

.google-pulse-alert-tooltip {
    background: #0f172a;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    box-shadow: 0 16px 35px rgba(15, 23, 42, .22);
    color: #f8fafc;
    display: none;
    font-size: 11px;
    font-weight: 700;
    gap: 7px;
    left: 50%;
    line-height: 1.35;
    min-width: 260px;
    padding: 10px;
    position: absolute;
    top: calc(100% + 8px);
    transform: translateX(-18%);
    white-space: normal;
    z-index: 90;
}

.google-pulse-alert-tooltip::before {
    background: #0f172a;
    content: "";
    height: 10px;
    left: 14px;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 10px;
}

.google-pulse-alert-tooltip-wrap:hover .google-pulse-alert-tooltip,
.google-pulse-alert-tooltip-wrap:focus-within .google-pulse-alert-tooltip,
.google-pulse-alert-tooltip-wrap.is-open .google-pulse-alert-tooltip {
    display: grid;
}

.google-pulse-alert-tooltip-title {
    color: #bfdbfe;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.google-pulse-alert-tooltip-item {
    border-top: 1px solid rgba(255, 248, 239, .16);
    display: grid;
    gap: 3px;
    padding-top: 7px;
}

.google-pulse-alert-tooltip-item strong {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

.google-pulse-alert-tooltip-item span,
.google-pulse-alert-tooltip-more {
    color: #cbd5e1;
}

.google-pulse-alert-tooltip a {
    color: #bfdbfe;
    font-weight: 900;
    margin-top: 2px;
    text-decoration: none;
}

.google-pulse-alert-tooltip a:hover {
    text-decoration: underline;
}

.google-pulse-more-filters,
.google-pulse-row-menu {
    position: relative;
}

.google-pulse-row-actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 6px;
    margin-right: 8px;
    min-width: max-content;
    vertical-align: middle;
}

.google-pulse-row-actions form {
    margin: 0;
}

.google-pulse-row-actions .google-pulse-remove-account-form {
    margin-left: 0;
}

.google-pulse-row-actions .google-pulse-text-link {
    white-space: nowrap;
}

.google-pulse-row-actions .button-link {
    min-height: 30px;
    padding: 6px 10px;
    white-space: nowrap;
}

.google-pulse-profile-link {
    align-items: center;
    display: inline-flex;
    gap: 5px;
}

.google-pulse-profile-link.is-profile-updated,
.google-pulse-profile-link.is-profile-updated:hover,
.google-pulse-profile-link.is-profile-updated:focus-visible {
    background: #ecfdf5;
    border-color: #86efac;
    color: #047857;
}

.google-pulse-profile-link.is-profile-needed,
.google-pulse-profile-link.is-profile-needed:hover,
.google-pulse-profile-link.is-profile-needed:focus-visible {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.google-pulse-more-filters summary,
.google-pulse-row-menu summary,
.google-pulse-advanced-sync summary {
    list-style: none;
}

.google-pulse-more-filters summary::-webkit-details-marker,
.google-pulse-row-menu summary::-webkit-details-marker,
.google-pulse-advanced-sync summary::-webkit-details-marker {
    display: none;
}

.google-pulse-more-filters summary {
    border: 1px solid var(--line);
    border-radius: 999px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 12px;
}

.google-pulse-more-filters > div,
.google-pulse-row-menu > div {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 18px 35px rgba(17, 24, 39, .14);
    display: grid;
    gap: 4px;
    min-width: 220px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 20;
}

.google-pulse-more-filters span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.google-pulse-more-filters strong {
    font-size: 12px;
    margin-bottom: 4px;
}

.google-pulse-row-menu summary {
    background: #ffffff;
    border: 1px solid #dadce0;
    border-radius: 999px;
    color: #3c4043;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
}

.google-pulse-row-menu a,
.google-pulse-row-menu button {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #202124;
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 8px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.google-pulse-row-menu a:hover,
.google-pulse-row-menu button:hover {
    background: #f1f5f9;
}

.google-pulse-row-menu button:disabled {
    color: #9aa0a6;
    cursor: not-allowed;
}

.google-pulse-performance-link.button-link-small.button-link-secondary {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #1d4ed8;
    font-weight: 400;
}

.google-pulse-performance-link.button-link-small.button-link-secondary:hover,
.google-pulse-performance-link.button-link-small.button-link-secondary:focus-visible {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

.google-pulse-mcc-table th,
.google-pulse-mcc-table td,
.google-pulse-mcc-table .google-pulse-account-cell-head,
.google-pulse-mcc-table .google-pulse-account-badge,
.google-pulse-mcc-table .google-pulse-row-refresh-status,
.google-pulse-mcc-table .google-pulse-row-menu summary,
.google-pulse-mcc-table .google-pulse-row-menu a,
.google-pulse-mcc-table .google-pulse-row-menu button,
.google-pulse-mcc-table .google-pulse-profile-link,
.google-pulse-mcc-table .google-pulse-performance-link,
.google-pulse-mcc-table .google-pulse-text-link,
.google-pulse-mcc-table .google-pulse-date-heading small,
.google-pulse-mcc-table .google-pulse-mcc-group-row small,
.google-pulse-mcc-table .google-pulse-conv-trend {
    font-weight: 400;
}

.google-pulse-mcc-table .google-pulse-account-link,
.google-pulse-mcc-table .google-pulse-mcc-group-row strong {
    font-weight: 800;
}

.google-pulse-advanced-sync {
    justify-self: end;
    margin-top: 2px;
}

.google-pulse-advanced-sync summary {
    color: var(--muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

.google-pulse-advanced-sync > div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px;
}

.google-pulse-kpis {
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    margin: 18px 0;
}

.google-pulse-kpis .card {
    background: #fffaf0;
    min-height: 86px;
}

.google-pulse-compact-kpis {
    gap: 8px;
    margin: 10px 0 12px;
}

.google-pulse-compact-kpis .card {
    min-height: 66px;
    padding: 10px;
}

.google-pulse-compact-kpis h2 {
    font-size: 20px;
    margin: 4px 0 0;
}

.google-pulse-table-filter {
    align-items: end;
    border-top: 1px solid var(--line);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1.2fr) minmax(160px, 0.8fr) minmax(140px, 0.65fr) minmax(140px, 0.65fr) auto;
    margin: 0 0 16px;
    padding-top: 16px;
}

.google-pulse-table-filter-note {
    grid-column: 1 / -1;
    margin: -4px 0 0;
}

.google-pulse-compact-filter {
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    margin-bottom: 10px;
    padding-top: 10px;
}

.google-pulse-compact-filter label:first-of-type {
    grid-column: span 2;
}

.google-pulse-compact-filter .form-actions {
    align-items: end;
    align-self: end;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: flex-start;
}

.google-pulse-compact-filter .form-actions button,
.google-pulse-compact-filter .form-actions .button-link {
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.1;
    min-height: 34px;
    padding: 8px 13px;
    white-space: nowrap;
}

.google-pulse-account-table {
    min-width: 1500px;
}

.google-pulse-account-link {
    color: #2d1b12;
    font-weight: 900;
    text-decoration: none;
}

.google-pulse-account-link:hover {
    color: #b95517;
    text-decoration: underline;
}

.google-pulse-status {
    color: #11643b;
    font-weight: 800;
}

.google-pulse-cache-badge,
.google-pulse-account-badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    padding: 6px 8px;
}

.google-pulse-cache-badge.is-cached,
.google-pulse-account-badge.is-cached {
    background: #dff2e7;
    color: #11643b;
}

.google-pulse-cache-badge.is-needs-refresh,
.google-pulse-cache-badge.is-not-cached,
.google-pulse-cache-badge.is-no-data {
    background: #fff3d8;
    color: #8a4a10;
}

.google-pulse-cache-badge.is-new,
.google-pulse-account-badge.is-new {
    background: #e8f0ff;
    color: #1d4ed8;
}

.google-pulse-account-badge.is-hidden {
    background: #ede9fe;
    color: #5b21b6;
}

.google-pulse-account-badge.is-canceled {
    background: #fee2e2;
    color: #991b1b;
}

.google-pulse-account-badge.is-draft {
    background: #fff3d8;
    color: #8a4a10;
}

.google-pulse-cache-badge.is-reviewed,
.google-pulse-cache-badge.is-done {
    background: #dff2e7;
    color: #11643b;
}

.google-pulse-cache-badge.is-ignored {
    background: #f1eee8;
    color: #67584d;
}

.status-chip {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 6px 8px;
}

.status-chip-critical {
    background: #fee2e2;
    color: #991b1b;
}

.status-chip-high {
    background: #ffedd5;
    color: #9a3412;
}

.status-chip-medium,
.status-chip-needs-attention {
    background: #fff3d8;
    color: #8a4a10;
}

.status-chip-low,
.status-chip-good,
.status-chip-healthy,
.status-chip-cached {
    background: #dff2e7;
    color: #11643b;
}

.status-chip-warning,
.status-chip-needs-refresh,
.status-chip-refresh-needed,
.status-chip-waiting-for-traffic {
    background: #fff3d8;
    color: #8a4a10;
}

.google-pulse-recommendation-toolbar {
    grid-template-columns: minmax(210px, 1fr) minmax(140px, 180px) minmax(120px, 150px) minmax(120px, 150px) auto auto;
}

.google-pulse-recommendation-filters {
    align-self: end;
}

.google-pulse-filter-drawer {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    min-width: min(560px, calc(100vw - 48px));
}

.google-pulse-filter-drawer label {
    margin: 0;
}

.google-pulse-filter-drawer select,
.google-pulse-filter-drawer input {
    min-height: 34px;
}

.recommendation-summary-grid {
    grid-template-columns: repeat(7, minmax(110px, 1fr));
}

.recommendation-view-chips {
    border-top: 1px solid var(--line);
    gap: 5px;
    margin: 0;
    padding: 7px 10px;
}

.recommendation-view-chips a {
    font-size: 11px;
    padding: 5px 8px;
}

.recommendation-workqueue-table {
    min-width: 1420px;
}

.recommendation-workqueue-table .recommendation-text-cell {
    max-width: 360px;
    white-space: normal;
}

.google-pulse-view-menu a {
    border-radius: 7px;
    color: #202124;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 8px;
    text-decoration: none;
}

.google-pulse-view-menu a:hover,
.google-pulse-view-menu a.is-active {
    background: #f1f5f9;
    color: #1a73e8;
}

.google-pulse-recommendation-placeholder {
    background: #f4f0ea;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 8px;
}

.google-pulse-account-badge.is-connected {
    background: #e8f1ff;
    color: #2256a5;
}

.google-pulse-account-badge.is-imported {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569;
}

.google-pulse-account-badge.is-manager {
    background: #fff1e5;
    border-color: #d39261;
    color: #9a4314;
}

.google-pulse-account-badge.is-standard-account {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #34448c;
}

.google-pulse-account-badge.is-performance-link {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #1d4ed8;
    text-decoration: none;
    white-space: nowrap;
}

.google-pulse-account-badge.is-performance-link:hover {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
    text-decoration: none;
}

.google-pulse-account-badge.is-new {
    background: #fff3d8;
    color: #8a4a10;
}

.google-pulse-badge-stack {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end;
}

.google-pulse-modal[hidden],
.is-modal-open .google-pulse-modal[hidden] {
    display: none;
}

.google-pulse-modal {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200;
}

.google-pulse-modal-backdrop {
    background: rgba(15, 23, 42, 0.45);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.google-pulse-modal-panel {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
    display: flex;
    flex-direction: column;
    max-height: min(880px, calc(100vh - 32px));
    overflow: hidden;
    position: absolute;
    right: 16px;
    top: 16px;
    width: min(1220px, calc(100vw - 32px));
}

.google-pulse-modal-head,
.google-pulse-modal-toolbar,
.google-pulse-modal-foot {
    border-bottom: 1px solid var(--line);
    padding: 16px;
}

.google-pulse-modal-head {
    align-items: flex-start;
    background: #f8fafc;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 2;
}

.google-pulse-modal-head h3 {
    margin: 0;
}

.google-pulse-modal-title {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.google-pulse-modal-guide {
    color: #475569;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    max-width: 720px;
}

.google-pulse-modal-head-actions {
    align-items: flex-end;
    display: grid;
    gap: 10px;
    justify-items: end;
    min-width: min(420px, 40%);
}

.google-pulse-modal-status-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    margin-top: 0;
}

.google-pulse-modal-status-strip span {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 8px;
}

.google-pulse-modal-status-strip .is-connected-login {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-modal-login-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    min-width: 0;
}

.google-pulse-modal-login-pill {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #475569;
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    max-width: 260px;
    overflow: hidden;
    padding: 4px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-modal-login-pill.is-connected-login {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.google-pulse-modal-login-pill.is-disconnected-login {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

.google-pulse-modal-login-row .button-link-small {
    min-height: 28px;
    padding: 5px 10px;
}

.google-pulse-modal-progress {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.google-pulse-modal-progress span {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 8px;
}

.google-pulse-modal-progress span.is-current {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.google-pulse-modal-progress span.is-complete {
    background: #e8f6ee;
    border-color: #a9d9bd;
    color: #176d38;
}

.google-pulse-modal-primary-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.google-pulse-modal-toolbar {
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 4;
}

.google-pulse-modal-toolbar input[type="search"] {
    flex: 1 1 260px;
}

.google-pulse-account-modal-body {
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    grid-template-columns: 190px minmax(0, 1fr);
    min-height: 0;
    overflow: auto;
    padding: 10px 14px 14px;
}

.google-pulse-account-modal-body.is-guided-setup {
    grid-template-columns: 1fr;
}

.google-pulse-account-modal-body.is-guided-setup .google-pulse-account-modal-content {
    gap: 0;
}

.google-pulse-account-modal-body.is-guided-setup .google-pulse-modal-section.is-minimized {
    display: none;
}

.google-pulse-connect-empty {
    background: #ffffff;
}

.google-pulse-account-modal-nav {
    align-self: start;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 3px;
    max-height: calc(100vh - 170px);
    min-width: 0;
    overflow: auto;
    padding: 7px;
    position: sticky;
    top: 0;
}

.google-pulse-account-modal-nav a {
    background: #f8fafc;
    border-radius: 6px;
    color: #475569;
    display: grid;
    gap: 2px;
    min-height: 44px;
    padding: 8px 10px;
    text-decoration: none;
}

.content .google-pulse-account-modal-nav a {
    color: #475569;
}

.google-pulse-account-modal-nav a:hover,
.google-pulse-account-modal-nav a:focus,
.google-pulse-account-modal-nav a.is-active {
    background: #2563eb;
    color: #ffffff;
}

.content .google-pulse-account-modal-nav a:hover,
.content .google-pulse-account-modal-nav a:focus,
.content .google-pulse-account-modal-nav a.is-active {
    color: #ffffff !important;
}

.google-pulse-account-modal-nav strong {
    color: inherit;
    display: block;
    font-size: 13px;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-account-modal-nav span {
    color: #64748b;
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-account-modal-nav a.is-active span,
.google-pulse-account-modal-nav a:hover span,
.google-pulse-account-modal-nav a:focus span {
    color: rgba(255, 255, 255, 0.78);
}

.google-pulse-account-modal-content {
    display: grid;
    gap: 8px;
    min-width: 0;
    overflow-x: hidden;
}

.google-pulse-modal-section {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    min-width: 0;
    overflow: hidden;
    scroll-margin-top: 16px;
}

.google-pulse-modal-section.is-active {
    border-color: #bfdbfe;
    box-shadow: inset 3px 0 0 #2563eb, 0 4px 14px rgba(15, 23, 42, 0.08);
}

.google-pulse-modal-section.is-minimized {
    background: #f8fafc;
    border-color: #e2e8f0;
}

.google-pulse-modal-section.is-minimized > :not(.google-pulse-modal-section-head):not(summary),
.google-pulse-modal-section.is-minimized > .google-pulse-modal-toolbar,
.google-pulse-modal-section.is-minimized > .google-pulse-empty-selector,
.google-pulse-modal-section.is-minimized > .google-pulse-account-selector-form {
    display: none;
}

.google-pulse-modal-section-head {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 12px;
}

.google-pulse-modal-section-head > div {
    min-width: 0;
}

.google-pulse-modal-section-head .muted,
.google-pulse-modal-section-body .muted {
    overflow-wrap: anywhere;
}

.google-pulse-modal-section.is-minimized .google-pulse-modal-section-head {
    background: #f8fafc;
    border-bottom: 0;
    cursor: pointer;
    min-height: 44px;
}

.google-pulse-modal-section.is-minimized .google-pulse-modal-section-head .google-pulse-inline-form {
    display: none;
}

.google-pulse-modal-section.is-minimized h4 {
    color: #475569;
}

.google-pulse-modal-section.is-minimized .muted {
    color: #64748b;
}

.google-pulse-modal-section-head h4,
.google-pulse-modal-section-head p {
    margin: 0;
}

.google-pulse-modal-section-head h4 {
    font-size: 14px;
    line-height: 1.25;
}

.google-pulse-modal-section-head p {
    font-size: 13px;
    line-height: 1.25;
}

.google-pulse-available-accounts-head {
    align-items: flex-start;
}

.google-pulse-available-accounts-copy {
    flex: 1 1 auto;
}

.google-pulse-available-accounts-tools {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    margin-top: 8px;
    min-width: 0;
}

.google-pulse-available-account-search {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    display: inline-flex;
    gap: 6px;
    max-width: 260px;
    min-height: 30px;
    min-width: 0;
    padding: 0 10px;
    width: min(260px, 100vw);
}

.google-pulse-search-icon {
    color: #2563eb;
    display: inline-flex;
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.google-pulse-search-icon svg {
    display: block;
    fill: none;
    height: 14px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
    width: 14px;
}

.google-pulse-available-account-search input[type="search"] {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #0f172a;
    flex: 1 1 auto;
    font-size: 12px;
    height: 28px;
    min-height: 28px;
    min-width: 0;
    outline: none;
    padding: 0;
    width: 100%;
}

.google-pulse-available-account-search:focus-within {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.google-pulse-available-account-search input[type="search"]::placeholder {
    color: #94a3b8;
}

.google-pulse-available-account-search-count {
    color: #475569;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.google-pulse-linked-accounts-form {
    flex: 0 0 auto;
}

.google-pulse-linked-accounts-button {
    min-height: 30px;
    white-space: nowrap;
}

.google-pulse-modal-table-stats {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    max-width: 100%;
}

.google-pulse-modal-table-stats span {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 8px;
    white-space: nowrap;
}

.google-pulse-modal-table-stats strong {
    color: #0f172a;
}

.google-pulse-modal-section.is-minimized .google-pulse-modal-section-head p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-modal-section-body {
    padding: 10px 12px;
}

.google-pulse-modal-section-body p {
    margin: 0 0 8px;
}

.google-pulse-modal-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.google-pulse-inline-form {
    display: inline-flex;
    margin: 0;
}

.google-pulse-connected-mini-table small {
    color: var(--muted);
    display: block;
    font-size: 12px;
    margin-top: 3px;
}

.google-pulse-available-accounts-scroll {
    max-height: min(560px, max(360px, calc(100vh - 305px)));
    overflow: auto;
}

.google-pulse-available-accounts-scroll .data-table th {
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 2;
}

.google-pulse-accounts-hierarchy-table {
    min-width: 820px;
    table-layout: fixed;
}

.google-pulse-accounts-hierarchy-table th,
.google-pulse-accounts-hierarchy-table td {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
    vertical-align: middle;
    white-space: normal;
}

.google-pulse-accounts-hierarchy-table .google-pulse-select-col {
    text-align: center;
    width: 58px;
}

.google-pulse-accounts-hierarchy-table .google-pulse-status-col {
    text-align: center;
    width: 54px;
}

.google-pulse-accounts-hierarchy-table th:nth-child(3),
.google-pulse-accounts-hierarchy-table td:nth-child(3) {
    width: 42%;
}

.google-pulse-accounts-hierarchy-table th:nth-child(4),
.google-pulse-accounts-hierarchy-table td:nth-child(4) {
    width: 116px;
}

.google-pulse-accounts-hierarchy-table th:nth-child(5),
.google-pulse-accounts-hierarchy-table td:nth-child(5) {
    width: 112px;
}

.google-pulse-accounts-hierarchy-table th:nth-child(6),
.google-pulse-accounts-hierarchy-table td:nth-child(6) {
    width: 92px;
}

.google-pulse-accounts-hierarchy-table th:nth-child(7),
.google-pulse-accounts-hierarchy-table td:nth-child(7) {
    width: 132px;
}

.google-pulse-hierarchy-row[hidden] {
    display: none !important;
}

.google-pulse-available-search-empty td {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    padding: 18px 12px;
    text-align: center;
}

.google-pulse-hierarchy-row.is-manager-row {
    background: #f8fafc;
}

.google-pulse-hierarchy-row.is-account-row {
    background: #ffffff;
}

.google-pulse-hierarchy-row.is-imported {
    background: #f8fafc;
}

.google-pulse-hierarchy-account {
    align-items: center;
    display: flex;
    gap: 7px;
    min-width: 0;
    padding-left: calc(var(--pulse-row-depth, 0) * 18px);
}

.google-pulse-hierarchy-toggle,
.google-pulse-hierarchy-spacer {
    flex: 0 0 22px;
    height: 22px;
    width: 22px;
}

.google-pulse-hierarchy-toggle {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 0;
}

.google-pulse-hierarchy-toggle::before {
    border: solid #475569;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    height: 6px;
    transform: rotate(45deg) translate(-1px, -1px);
    transition: transform .16s ease;
    width: 6px;
}

.google-pulse-hierarchy-toggle[aria-expanded="false"]::before {
    transform: rotate(-45deg) translate(-1px, 0);
}

.google-pulse-hierarchy-toggle:hover,
.google-pulse-hierarchy-toggle:focus-visible {
    background: #eff6ff;
    border-color: #93c5fd;
}

.google-pulse-hierarchy-account-text {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.google-pulse-hierarchy-title-line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.google-pulse-hierarchy-account-text strong,
.google-pulse-hierarchy-account-text small {
    overflow: hidden;
    text-overflow: ellipsis;
}

.google-pulse-import-status-dot {
    border-radius: 999px;
    display: inline-flex;
    height: 10px;
    width: 10px;
}

.google-pulse-import-status-dot.is-ready {
    background: #1f9d55;
    box-shadow: 0 0 0 3px rgba(31, 157, 85, .12);
}

.google-pulse-import-status-dot.is-imported {
    background: #64748b;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, .12);
}

.google-pulse-import-status-dot.is-blocked {
    background: #c2410c;
    box-shadow: 0 0 0 3px rgba(194, 65, 12, .12);
}

.google-pulse-import-status-text {
    display: block;
    font-size: 12px;
    font-weight: 800;
}

.google-pulse-import-status-meta {
    color: var(--muted);
    display: block;
    font-size: 11px;
    margin-top: 3px;
}

.google-pulse-import-status-text.is-ready {
    color: #137a3f;
}

.google-pulse-import-status-text.is-imported {
    color: #475569;
}

.google-pulse-import-status-text.is-blocked {
    color: #9a3412;
}

.google-pulse-package-limit-notice {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

#pulse-discovered-accounts.is-active {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#pulse-discovered-accounts.is-active #pulse-connected-import-form {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#pulse-discovered-accounts.is-active .google-pulse-available-accounts-scroll {
    flex: 1 1 auto;
}

#pulse-connected-import-form .google-pulse-modal-foot {
    align-items: center;
    background: #f8fafc;
    border-bottom: 0;
    border-top: 1px solid var(--line);
    box-shadow: 0 -10px 18px rgba(15, 23, 42, 0.08);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 10px 12px;
    position: sticky;
    bottom: 0;
    z-index: 3;
}

#pulse-connected-import-form .google-pulse-modal-foot .button-link {
    flex: 0 0 auto;
}

[data-pulse-connected-import-submit]:disabled {
    cursor: not-allowed;
    opacity: .58;
}

.google-pulse-imported-accounts-table th,
.google-pulse-imported-accounts-table td {
    overflow-wrap: anywhere;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align: top;
    white-space: normal;
}

.google-pulse-imported-accounts-table {
    min-width: 0;
    table-layout: fixed;
}

#pulse-imported-accounts.is-active .table-scroll {
    max-height: min(430px, max(240px, calc(100vh - 470px)));
    overflow: auto;
}

#pulse-imported-accounts.is-active .google-pulse-imported-accounts-table thead th {
    background: #eef2f7;
    position: sticky;
    top: 0;
    z-index: 1;
}

.google-pulse-imported-accounts-table th:nth-child(1),
.google-pulse-imported-accounts-table td:nth-child(1) {
    width: 29%;
}

.google-pulse-imported-accounts-table th:nth-child(2),
.google-pulse-imported-accounts-table td:nth-child(2) {
    width: 23%;
}

.google-pulse-imported-accounts-table th:nth-child(3),
.google-pulse-imported-accounts-table td:nth-child(3) {
    width: 28%;
}

.google-pulse-imported-accounts-table th:nth-child(4),
.google-pulse-imported-accounts-table td:nth-child(4) {
    width: 20%;
}

.google-pulse-imported-accounts-table td {
    padding-bottom: 10px;
    padding-top: 10px;
}

.google-pulse-imported-accounts-table strong,
.google-pulse-imported-accounts-table small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.google-pulse-access-line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.google-pulse-connected-mini-table tr.is-selected-row {
    background: #fff7ec;
}

.google-pulse-imported-next-actions {
    align-items: flex-start;
    flex-direction: column;
    min-width: 0;
}

.google-pulse-imported-next-actions .button-link {
    justify-content: center;
    min-width: 108px;
    white-space: nowrap;
}

.google-pulse-role-preview-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 12px;
}

.google-pulse-role-preview-grid article {
    background: #fff7ec;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.google-pulse-role-preview-grid strong {
    color: #2d1b12;
}

.google-pulse-role-preview-grid span {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
}

.google-pulse-internal-mcc-fallback > summary {
    align-items: center;
    background: #f3eadf;
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 13px 14px;
}

.google-pulse-internal-mcc-fallback.is-minimized > summary {
    background: #f5f1eb;
    color: #62584f;
}

.google-pulse-internal-mcc-fallback.is-active > summary {
    background: #fff7ec;
    border-bottom: 1px solid var(--line);
}

.google-pulse-internal-mcc-fallback > summary small {
    color: var(--muted);
    display: block;
    font-weight: 600;
    margin-top: 2px;
}

.google-pulse-account-selector-form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.google-pulse-account-view-tabs {
    background: #f3eadf;
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    gap: 4px;
    padding: 4px;
}

.google-pulse-account-view-tabs button {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    padding: 7px 10px;
}

.google-pulse-account-view-tabs button.is-active {
    background: #2d1b12;
    color: #ffffff;
}

.google-pulse-account-status-filter {
    align-items: center;
    background: #fff8ef;
    border: 1px solid var(--line);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 7px 9px;
}

.google-pulse-account-status-filter > span {
    color: #8a4a10;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.google-pulse-account-status-filter label {
    align-items: center;
    color: #3d2a1f;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 5px;
    margin: 0;
    white-space: nowrap;
}

.google-pulse-account-status-filter input {
    height: auto;
    margin: 0;
    min-height: 0;
    width: auto;
}

.google-pulse-selector-list {
    background: #fffaf4;
    display: grid;
    gap: 8px;
    min-height: 0;
    overflow: auto;
    padding: 16px;
}

.google-pulse-selector-workspace {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 190px minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.google-pulse-selector-summary {
    background: #fffaf4;
    border-right: 1px solid var(--line);
    padding: 12px;
}

.google-pulse-selector-summary strong {
    display: block;
    font-size: 18px;
    margin: 4px 0 10px;
}

.google-pulse-selector-summary dl {
    display: grid;
    gap: 10px;
    margin: 0 0 14px;
}

.google-pulse-selector-summary dl div {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
}

.google-pulse-selector-summary dt {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.google-pulse-selector-summary dd {
    font-weight: 900;
    margin: 0;
}

.google-pulse-selector-group {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #ffffff;
}

.google-pulse-selector-group summary {
    align-items: center;
    background: #eadcc9;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    display: grid;
    grid-template-columns: 32px 28px minmax(0, 1fr);
    gap: 12px;
    padding: 9px 10px;
    text-align: left;
}

.google-pulse-selector-group summary::-webkit-details-marker {
    display: none;
}

.google-pulse-selector-group summary::marker {
    content: "";
}

.google-pulse-selector-group summary .google-pulse-check-label {
    display: inline-flex;
    justify-content: flex-start;
}

.google-pulse-selector-group summary .google-pulse-check-label input {
    margin: 0;
}

.google-pulse-accordion-icon {
    align-items: center;
    background: #2d1b12;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 22px;
}

.google-pulse-accordion-icon::before {
    content: "+";
}

.google-pulse-selector-group[open] .google-pulse-accordion-icon::before {
    content: "-";
}

.google-pulse-selector-accounts {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 2px;
    padding: 8px 12px 12px 24px;
    position: relative;
}

.google-pulse-selector-accounts::before {
    background: #d8c6b2;
    bottom: 16px;
    content: "";
    left: 24px;
    position: absolute;
    top: 14px;
    width: 1px;
}

.google-pulse-selector-account {
    align-items: center;
    border-radius: 6px;
    display: grid;
    gap: 10px;
    grid-template-columns: 28px minmax(0, 1fr);
    margin-left: 18px;
    padding: 6px 8px;
    position: relative;
    text-align: left;
}

.google-pulse-selector-group[hidden],
.google-pulse-selector-subgroup[hidden],
.google-pulse-selector-account[hidden] {
    display: none;
}

.google-pulse-selector-account::before {
    background: #d8c6b2;
    content: "";
    height: 1px;
    left: -18px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.google-pulse-selector-submcc {
    background: #f7f1e9;
    font-weight: 800;
}

.google-pulse-selector-subgroup {
    gap: 2px;
    margin-left: 18px;
    position: relative;
}

.google-pulse-selector-subgroup::before {
    background: #d8c6b2;
    content: "";
    height: 1px;
    left: -18px;
    position: absolute;
    top: 21px;
    width: 16px;
}

.google-pulse-selector-subgroup-summary {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 22px minmax(0, 1fr);
}

.google-pulse-selector-subgroup .google-pulse-accordion-icon {
    height: 18px;
    width: 18px;
}

.google-pulse-selector-subgroup-toggle-input:checked + .google-pulse-selector-subgroup-summary .google-pulse-accordion-icon::before {
    content: "-";
}

.google-pulse-selector-submcc-summary {
    margin-left: 0;
}

.google-pulse-selector-submcc-summary::before {
    display: none;
}

.google-pulse-selector-subaccounts {
    display: grid;
    gap: 2px;
    margin-left: 22px;
    padding-left: 10px;
    position: relative;
}

.google-pulse-selector-subgroup-toggle-input:not(:checked) ~ .google-pulse-selector-subaccounts {
    display: none;
}

.google-pulse-selector-subaccounts::before {
    background: #d8c6b2;
    bottom: 12px;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.google-pulse-selector-child {
    background: #fffdf9;
}

.google-pulse-tree-divider {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    margin: 8px 0 3px 18px;
    position: relative;
    text-transform: uppercase;
}

.google-pulse-selector-account:hover {
    background: #f7f1e9;
}

.google-pulse-selector-account small {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 3px;
}

.google-pulse-selector-account-main {
    min-width: 0;
    text-align: left;
}

.google-pulse-selector-account-main strong {
    display: block;
    line-height: 1.2;
    text-align: left;
}

.google-pulse-empty-selector {
    padding: 18px;
}

.google-pulse-modal-foot {
    background: #fff7ec;
    border-bottom: 0;
    border-top: 1px solid var(--line);
    justify-content: space-between;
    margin-top: auto;
    position: sticky;
    bottom: 0;
    z-index: 3;
}

.is-modal-open {
    overflow: hidden;
}

@media (max-width: 980px) {
    .google-pulse-control-grid,
    .google-pulse-download-controls,
    .google-pulse-metric-grid,
    .google-pulse-metric-card-grid,
    .google-pulse-table-filter,
    .google-pulse-kpis,
    .google-pulse-workflow-steps,
    .google-pulse-step-strip,
    .google-pulse-compact-grid,
    .google-pulse-custom-date-row,
    .google-pulse-status-strip,
    .google-pulse-mcc-toolbar,
    .google-pulse-mcc-refresh-panel,
    .google-pulse-mcc-summary,
    .google-pulse-mcc-layout,
    .google-pulse-selector-workspace {
        grid-template-columns: 1fr;
    }

    .google-pulse-mcc-top-controls {
        align-items: stretch;
        grid-template-columns: auto auto minmax(0, 1fr);
    }

    .google-pulse-mcc-top-controls.is-popover-open {
        margin-bottom: var(--pulse-popover-offset, 0);
    }

    .google-pulse-mcc-filter-form > .google-pulse-control-popover {
        grid-column: 1;
        grid-row: 1;
    }

    .google-pulse-metric-control {
        grid-column: 2;
        grid-row: 1;
    }

    .google-pulse-date-inline {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
    }

    .google-ads-processing-badge {
        display: flex;
        max-width: 100%;
        top: 64px;
        width: 100%;
    }

    .google-pulse-mcc-filter-actions {
        grid-column: 2;
        grid-row: 2;
        justify-self: start;
    }

    .google-pulse-mcc-refresh-form > .button-link,
    .google-pulse-mcc-refresh-form > .google-pulse-compact-cache-status {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
    }

    .google-pulse-mcc-refresh-form > .google-pulse-mcc-progress-summary {
        grid-column: 3;
        grid-row: 3;
        justify-self: end;
    }

    .google-pulse-date-inline,
    .google-pulse-mcc-filter-actions {
        justify-content: flex-start;
    }

    .google-pulse-control-popover-panel,
    .google-pulse-metric-control .google-pulse-control-popover-panel {
        left: auto;
        max-height: 360px;
        min-width: 0;
        position: static;
        right: auto;
        top: auto;
        width: 100%;
    }

    .google-pulse-recommendation-popover {
        overflow: auto;
    }

    .google-pulse-notification-filter {
        grid-template-columns: 1fr;
    }

    .google-pulse-mcc-nav {
        display: flex;
        overflow-x: auto;
        position: static;
    }

    .google-pulse-control-rail {
        display: grid;
        overflow-x: visible;
    }

    .google-pulse-mcc-nav a {
        white-space: nowrap;
    }

    .google-pulse-selector-summary {
        border-bottom: 1px solid var(--line);
        border-right: 0;
    }

    .google-pulse-account-modal-body,
    .google-pulse-role-preview-grid {
        grid-template-columns: 1fr;
    }

    .google-pulse-account-modal-nav {
        grid-auto-flow: column;
        grid-auto-columns: minmax(150px, 1fr);
        max-height: none;
        overflow-x: auto;
        position: static;
    }

    .google-pulse-modal-toolbar {
        align-items: stretch;
    }

    .google-pulse-account-view-tabs {
        overflow-x: auto;
        width: 100%;
    }

    .google-pulse-action-row,
    .google-pulse-table-actions,
    .google-pulse-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .google-pulse-modal-panel {
        bottom: 12px;
        left: 12px;
        max-height: calc(100vh - 24px);
        overflow-x: hidden;
        overflow-y: auto;
        right: 12px;
        top: 12px;
        width: auto;
    }

    .google-pulse-account-modal-body {
        overflow: visible;
    }

    .google-pulse-account-modal-content {
        display: block;
        overflow: visible;
    }

    .google-pulse-modal-section {
        margin-bottom: 8px;
    }

    .google-pulse-modal-head {
        align-items: stretch;
        flex-direction: column;
    }

    .google-pulse-modal-head-actions {
        align-items: stretch;
        justify-items: stretch;
        min-width: 0;
    }

    .google-pulse-modal-status-strip,
    .google-pulse-modal-login-row,
    .google-pulse-modal-table-stats,
    .google-pulse-modal-primary-row {
        justify-content: flex-start;
    }

    .google-pulse-available-accounts-head {
        align-items: stretch;
        flex-direction: column;
    }

    .google-pulse-available-accounts-tools {
        justify-content: flex-start;
        min-width: 0;
        width: 100%;
    }

    .google-pulse-available-account-search {
        max-width: none;
        width: min(360px, 100%);
    }

    .google-pulse-linked-accounts-form,
    .google-pulse-linked-accounts-button {
        width: 100%;
    }

    .google-pulse-linked-accounts-button {
        justify-content: center;
    }

    .google-pulse-available-accounts-scroll {
        max-height: min(340px, calc(100vh - 390px));
    }

    .google-pulse-mcc-summary.grid-kpi {
        display: flex;
        gap: 6px;
        margin-bottom: 8px;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: thin;
    }

    .google-pulse-mcc-summary .card {
        flex: 0 0 112px;
        min-height: 44px;
        padding: 7px 8px;
    }
}

@media (max-width: 640px) {
    .google-pulse-modal-panel {
        left: 8px;
        max-width: calc(100vw - 16px);
        right: auto;
        width: calc(100vw - 16px);
    }

    .google-pulse-modal-head,
    .google-pulse-modal-title,
    .google-pulse-modal-head-actions,
    .google-pulse-modal-progress,
    .google-pulse-modal-primary-row,
    .google-pulse-modal-section,
    .google-pulse-modal-section-body {
        min-width: 0;
    }

    .google-pulse-modal-login-pill {
        max-width: 100%;
    }

    .google-pulse-modal-login-row .google-pulse-inline-form,
    .google-pulse-modal-login-row .button-link {
        width: 100%;
    }

    .google-pulse-modal-login-row .button-link {
        justify-content: center;
    }

    .google-pulse-available-accounts-scroll {
        max-height: min(270px, max(190px, calc(100vh - 560px)));
    }

    #pulse-connected-import-form .google-pulse-modal-foot {
        align-items: stretch;
        flex-direction: column;
    }

    #pulse-connected-import-form .google-pulse-modal-foot .button-link {
        justify-content: center;
        width: 100%;
    }

    .google-pulse-mcc-top-controls,
    .google-pulse-date-inline {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .google-pulse-mcc-filter-form,
    .google-pulse-mcc-refresh-form {
        display: contents;
    }

    .google-pulse-mcc-filter-form > .google-pulse-control-popover,
    .google-pulse-metric-control,
    .google-pulse-date-inline,
    .google-pulse-mcc-filter-actions,
    .google-pulse-mcc-refresh-form > .button-link,
    .google-pulse-mcc-refresh-form > .google-pulse-compact-cache-status,
    .google-pulse-mcc-refresh-form > .google-pulse-mcc-progress-summary {
        grid-column: 1;
        grid-row: auto;
        justify-self: stretch;
    }

    .google-pulse-control-popover,
    .google-pulse-date-inline label,
    .google-pulse-date-inline label[data-pulse-custom-date],
    .google-pulse-mcc-search {
        min-width: 0;
        width: 100%;
    }

    .google-pulse-control-trigger {
        justify-content: space-between;
        width: 100%;
    }

    .google-pulse-control-trigger strong {
        max-width: 52vw;
    }

    .google-pulse-mcc-filter-actions,
    .google-pulse-mcc-filter-actions button,
    .google-pulse-mcc-filter-actions .button-link,
    .google-pulse-mcc-refresh-form .google-pulse-refresh-primary {
        justify-content: center;
        width: 100%;
    }

    .google-pulse-compact-cache-status,
    .google-pulse-inline-status {
        width: 100%;
    }

    .google-pulse-mcc-top-controls {
        gap: 6px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        padding: 6px;
    }

    .google-pulse-mcc-filter-form > .google-pulse-control-popover {
        grid-column: 1;
        grid-row: 1;
    }

    .google-pulse-date-inline {
        display: grid;
        gap: 6px;
        grid-column: 2;
        grid-row: 1;
        grid-template-columns: minmax(0, 1fr);
    }

    .google-pulse-mcc-filter-actions {
        align-items: stretch;
        display: grid;
        gap: 6px;
        grid-column: 1;
        grid-row: 2;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .google-pulse-metric-control {
        grid-column: 2;
        grid-row: 2;
    }

    .google-pulse-mcc-refresh-form > .button-link,
    .google-pulse-mcc-refresh-form > .google-pulse-compact-cache-status {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .google-pulse-mcc-refresh-form > .google-pulse-mcc-progress-summary {
        grid-column: 1 / -1;
        grid-row: 4;
        justify-content: center;
    }

    .google-pulse-mcc-top-controls .google-pulse-control-label {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .google-pulse-control-trigger,
    .google-pulse-date-control,
    .google-pulse-mcc-filter-actions button,
    .google-pulse-mcc-filter-actions .button-link {
        min-height: 34px;
        padding: 6px 8px;
    }

    .google-pulse-control-trigger {
        gap: 5px;
    }

    .google-pulse-control-popover-panel,
    .google-pulse-metric-control .google-pulse-control-popover-panel {
        left: 0;
        max-height: min(300px, calc(100vh - 180px));
        position: absolute;
        right: auto;
        top: calc(100% + 6px);
        width: calc(200% + 6px);
    }

    .google-pulse-metric-control .google-pulse-control-popover-panel {
        left: auto;
        right: 0;
    }

    .google-pulse-recommendation-popover,
    .google-pulse-metric-popover {
        min-width: 0;
    }

    .google-pulse-control-trigger strong {
        font-size: 10px;
        max-width: calc(100% - 24px);
        padding: 3px 6px;
    }

    .google-pulse-date-inline .google-pulse-date-select,
    .google-pulse-date-inline label[data-pulse-custom-date] {
        min-width: 0;
    }

    .google-pulse-date-control select {
        min-height: 32px;
    }

    .google-pulse-mcc-filter-actions button,
    .google-pulse-mcc-filter-actions .button-link {
        font-size: 11px;
        gap: 5px;
        width: 100%;
    }

    .google-pulse-mcc-refresh-form .google-pulse-refresh-primary {
        min-height: 35px;
    }

    .google-pulse-mcc-summary-strip {
        flex-wrap: wrap;
        gap: 4px 0;
        overflow-x: hidden;
    }

    .google-pulse-table-tools {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .google-pulse-table-summary-strip {
        flex: 1 1 calc(100% - 32px);
        overflow: visible;
    }

    .google-pulse-summary-date {
        margin-left: 0;
    }

    .google-pulse-summary-search {
        flex: 1 1 100%;
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }

    .google-pulse-table-refresh-form {
        flex: 1 1 100%;
        margin-left: 0;
    }

    .google-pulse-table-refresh-form .google-pulse-refresh-primary {
        justify-content: center;
        width: 100%;
    }

    .google-pulse-summary-search-field {
        flex: 1 1 auto;
        min-width: 0;
    }

    .google-pulse-summary-search input[type="search"] {
        width: 100%;
    }

    .google-pulse-mcc-summary.grid-kpi {
        display: flex;
        gap: 6px;
        margin-bottom: 8px;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: thin;
    }

    .google-pulse-mcc-summary .card {
        flex: 0 0 108px;
        min-height: 42px;
        padding: 7px;
    }

    .google-pulse-mcc-summary .eyebrow {
        font-size: 9px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .google-pulse-mcc-summary h2 {
        font-size: 13px;
    }

    .google-pulse-mcc-table-scroll {
        min-height: 0;
    }

    .google-pulse-mcc-table {
        min-width: 1120px;
    }

    .google-pulse-mcc-table .google-pulse-sticky-account-combined {
        max-width: 230px;
        min-width: 230px;
        width: 230px;
    }

    .google-pulse-mcc-table .google-pulse-account-cell-head,
    .google-pulse-mcc-table .google-pulse-account-cell {
        gap: 4px;
        grid-template-columns: 18px 8px minmax(0, 1fr);
    }

    .google-pulse-mcc-table.no-select-col .google-pulse-account-cell-head,
    .google-pulse-mcc-table.no-select-col .google-pulse-account-cell {
        grid-template-columns: 8px minmax(0, 1fr);
    }

    .google-pulse-account-title-line {
        gap: 3px;
    }

    .google-pulse-account-title-line .google-pulse-account-link {
        max-width: 160px;
    }

    .google-pulse-account-badge.is-performance-link {
        font-size: 10px;
        padding: 3px 6px;
    }
}

.button-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.account-discovery-card {
    background: #f3f4f6;
    border-color: #d1d5db;
}

.account-performance-card {
    background: #eefaf4;
    border-color: #b7dfca;
}

.account-discovery-list {
    display: grid;
    gap: 16px;
    max-height: 560px;
    overflow: auto;
}

.account-discovery-collapsed {
    align-items: center;
    border-top: 1px solid var(--border);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding-top: 14px;
}

.account-discovery-actions {
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    flex: 0 0 224px;
    width: 224px;
}

.account-discovery-refresh,
.account-discovery-toggle {
    align-items: center;
    border: 1px solid transparent;
    display: inline-flex;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    line-height: 1;
    min-width: 104px;
    text-align: center;
    white-space: nowrap;
}

.account-discovery-refresh {
    background: #178a4f;
}

.account-discovery-toggle {
    background: #ffffff;
    border-color: #178a4f;
    color: #11643b;
    cursor: pointer;
}

.account-discovery-action-note {
    flex-basis: 100%;
    font-size: 12px;
    line-height: 1.3;
    text-align: right;
}

.account-discovery-table {
    min-width: 980px;
}

.account-discovery-table thead th {
    background: var(--surface);
    position: sticky;
    top: 0;
    z-index: 1;
}

.table-checkbox-label {
    align-items: center;
    color: #2f241b;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 6px;
    white-space: nowrap;
}

.account-group {
    border-top: 1px solid var(--line);
    margin-top: 18px;
    padding-top: 16px;
}

.account-group:first-of-type {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.account-group-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.account-group-head h4 {
    font-size: 16px;
    margin: 0 0 4px;
}

.account-group-head p {
    margin: 0;
}

.account-performance-table {
    min-width: 1120px;
}

.table-primary-link {
    color: #241811;
    font-weight: 800;
    text-decoration: none;
}

.table-primary-link:hover {
    color: #b95517;
    text-decoration: underline;
}

.account-overview-kpis .card p {
    color: var(--muted);
    margin: 8px 0 0;
}

.google-pulse-account-shell {
    gap: 10px;
}

.google-pulse-account-head {
    align-items: flex-start;
}

.google-pulse-account-title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.google-pulse-account-title-row h2 {
    margin: 0;
}

.google-pulse-account-title-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.google-pulse-account-meta {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
    gap: 6px 12px;
    margin-top: 3px;
}

.google-pulse-account-meta span {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.google-pulse-account-meta span + span::before {
    background: #d8c6ad;
    border-radius: 999px;
    content: "";
    display: inline-block;
    height: 4px;
    width: 4px;
}

.google-pulse-account-meta-footer {
    align-items: center;
    border-top: 1px solid var(--line);
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 10px;
}

.google-pulse-account-meta-copy {
    align-items: center;
    display: flex;
    flex: 1 1 520px;
    flex-wrap: wrap;
    gap: 6px 12px;
    min-width: 0;
}

.google-ads-open-link {
    background: #f8fbff;
    border: 1px solid #1a73e8;
    color: #1a73e8;
    font-size: 12px;
    line-height: 1.1;
    padding: 6px 10px;
}

.google-ads-open-link:hover,
.google-ads-open-link:focus-visible {
    background: #e8f0fe;
    border-color: #188038;
    color: #188038;
}

.account-share-footer-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.account-share-footer-link {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    gap: 6px;
    line-height: 1.1;
    padding: 7px 11px;
    text-decoration: none;
}

.account-share-footer-link::before {
    background: currentColor;
    content: "";
    display: inline-block;
    flex: 0 0 13px;
    height: 13px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4h9l5 5v11H5V4Zm8 1.5V10h4.5L13 5.5ZM8 13h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4h9l5 5v11H5V4Zm8 1.5V10h4.5L13 5.5ZM8 13h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 13px;
}

.account-share-footer-link:hover,
.account-share-footer-link:focus-visible {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
    text-decoration: none;
}

.account-share-footer-link.is-primary {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff;
}

.account-dashboard-header-card,
.account-dashboard-card {
    background: #fff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    min-width: 0;
    overflow: hidden;
}

.account-dashboard-header-card {
    display: grid;
    gap: 0;
    overflow: visible;
    padding: 0;
}

.account-dashboard-header-main,
.account-dashboard-identity,
.account-dashboard-title-line,
.account-dashboard-header-actions,
.account-dashboard-meta,
.account-dashboard-card-head,
.account-dashboard-section-title,
.account-dashboard-inline-actions,
.account-priority-actions,
.account-detailed-action-row {
    align-items: center;
    display: flex;
}

.account-dashboard-header-main {
    gap: 16px;
    justify-content: space-between;
    padding: 12px 14px;
}

.account-dashboard-identity {
    gap: 12px;
    min-width: 0;
}

.account-dashboard-avatar {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 56px;
    height: 56px;
    justify-content: center;
    width: 56px;
}

.account-dashboard-title-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.account-dashboard-title-line {
    flex-wrap: wrap;
    gap: 8px;
}

.account-dashboard-title-line h2 {
    color: #101828;
    font-size: 22px;
    line-height: 1.15;
    margin: 0;
}

.account-google-ads-badge {
    background: #eef4ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    padding: 5px 7px;
}

.account-dashboard-meta {
    color: #667085;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    gap: 6px 10px;
}

.account-dashboard-meta span {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.account-dashboard-meta span + span::before {
    background: #cbd5e1;
    border-radius: 999px;
    content: "";
    display: inline-block;
    height: 4px;
    width: 4px;
}

.account-dashboard-header-actions {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.account-dashboard-control-card {
    background: #ffffff;
    border: 0;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    margin: 0;
    padding: 10px 14px;
}

.account-dashboard-control-card .account-control-row {
    justify-content: center;
}

.account-dashboard-control-card .account-control-range-actions {
    flex: 1 1 100%;
    justify-content: center;
    margin-left: 0;
    max-width: none;
}

.google-pulse-account-shell .account-dashboard-control-card .account-control-range-actions {
    gap: 10px;
    justify-content: center;
    min-height: 48px;
    padding: 6px 8px;
}

.account-dashboard-redesign {
    background: #f5f9ff;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.account-dashboard-card {
    padding: 14px;
}

.account-dashboard-card-head {
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
    min-width: 0;
}

.account-dashboard-card-head.is-compact {
    margin-bottom: 10px;
}

.account-dashboard-section-title {
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.account-dashboard-card-head .account-section-title {
    flex-wrap: wrap;
    min-width: 0;
}

.account-dashboard-card-head .account-section-title h3 {
    white-space: normal;
}

.account-dashboard-card-head .account-health-title h3 {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.account-health-title-name {
    min-width: 0;
}

.account-health-title-cid {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
}

.account-dashboard-card-head .account-date-range-reference {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.account-dashboard-section-title h3,
.account-dashboard-section-title h4,
.account-dashboard-card h3 {
    color: #101828;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.account-dashboard-section-icon {
    align-items: center;
    background: #eff6ff;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 28px;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.account-dashboard-section-icon::before {
    content: "";
    display: block;
    height: 14px;
    width: 14px;
    background: currentColor;
}

.account-dashboard-section-icon.is-search::before {
    border: 2px solid currentColor;
    border-radius: 999px;
    background: transparent;
    box-shadow: 7px 7px 0 -5px currentColor;
}

.account-dashboard-section-icon.is-priority::before {
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.account-dashboard-section-icon.is-negative {
    background: #fee2e2;
    color: #dc2626;
}

.account-dashboard-section-icon.is-negative::before {
    clip-path: polygon(10% 45%, 90% 45%, 90% 60%, 10% 60%);
}

.account-dashboard-section-icon.is-positive {
    background: #dcfce7;
    color: #16a34a;
}

.account-dashboard-section-icon.is-positive::before {
    clip-path: polygon(42% 10%, 58% 10%, 58% 42%, 90% 42%, 90% 58%, 58% 58%, 58% 90%, 42% 90%, 42% 58%, 10% 58%, 10% 42%, 42% 42%);
}

.account-dashboard-section-icon.is-optimize {
    background: #dbeafe;
    color: #1d4ed8;
}

.account-dashboard-section-icon.is-optimize::before {
    border: 2px solid currentColor;
    border-radius: 999px;
    background: transparent;
    box-shadow: inset 0 0 0 3px #fff;
}

.account-dashboard-section-icon.is-working {
    background: #dcfce7;
    color: #16a34a;
}

.account-dashboard-section-icon.is-working::before {
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    height: 10px;
    transform: rotate(45deg);
    width: 5px;
    background: transparent;
}

.account-dashboard-section-icon.is-attention {
    background: #fff7ed;
    color: #f97316;
}

.account-dashboard-section-icon.is-attention::before {
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.account-dashboard-section-icon.is-alert::before {
    border: 2px solid currentColor;
    border-radius: 999px 999px 3px 3px;
    background: transparent;
    height: 13px;
    position: relative;
    width: 12px;
}

.account-dashboard-section-icon.is-insight::before {
    background:
        radial-gradient(circle at 50% 20%, currentColor 0 3px, transparent 4px),
        linear-gradient(currentColor 0 0) 50% 66% / 9px 2px no-repeat,
        linear-gradient(currentColor 0 0) 50% 82% / 7px 2px no-repeat;
    border: 2px solid currentColor;
    border-radius: 999px;
    height: 15px;
    width: 15px;
}

.account-health-summary-layout {
    align-items: stretch;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
}

.account-health-inline-summary {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #334155;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    min-width: 0;
    overflow: hidden;
    padding: 0;
}

.account-health-inline-summary strong {
    background: #2563eb;
    color: #ffffff;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    padding: 12px 13px;
}

.account-health-inline-status {
    color: #1d4ed8;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    padding: 12px 13px;
}

.account-health-inline-issue {
    color: #334155;
    flex: 1 1 260px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 12px 13px;
}

.account-health-profile-benchmarks {
    border-left: 1px solid rgba(148, 163, 184, .35);
    align-content: center;
    display: grid;
    flex: 1 1 360px;
    gap: 5px;
    min-width: 0;
    padding: 8px 10px;
}

.account-health-profile-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.account-health-profile-row.is-profile {
    width: 100%;
}

.account-health-profile-row.is-benchmarks {
    gap: 7px;
}

.account-health-profile-kicker {
    color: #64748b;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.account-health-profile-name {
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-health-profile-benchmark {
    align-items: center;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 999px;
    display: inline-flex;
    gap: 5px;
    max-width: 100%;
    min-width: 0;
    padding: 4px 7px;
}

.account-health-profile-benchmark span {
    color: #64748b;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.account-health-profile-benchmark b {
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-health-profile-link {
    align-items: center;
    align-self: auto;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    padding: 4px 0;
    text-decoration: none;
}

.account-health-profile-link:hover,
.account-health-profile-link:focus-visible {
    color: #1e40af;
    text-decoration: underline;
}

.account-health-inline-summary.is-good {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.account-health-inline-summary.is-good strong {
    background: #16a34a;
}

.account-health-inline-summary.is-good .account-health-inline-status {
    color: #15803d;
}

.account-health-inline-summary.is-warning {
    background: #fff7ed;
    border-color: #fed7aa;
}

.account-health-inline-summary.is-warning strong {
    background: #f97316;
}

.account-health-inline-summary.is-warning .account-health-inline-status {
    color: #c2410c;
}

.account-health-inline-summary.is-critical {
    background: #fef2f2;
    border-color: #fecaca;
}

.account-health-inline-summary.is-critical strong {
    background: #dc2626;
}

.account-health-inline-summary.is-critical .account-health-inline-status {
    color: #b91c1c;
}

.account-priority-card p,
.account-insight-subcard p,
.account-dashboard-empty-state p,
.account-dashboard-helper-text,
.account-action-card p,
.account-action-empty {
    color: #334155;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0;
}

.account-dashboard-blue-head,
.account-dashboard-status-head {
    border: 0;
    border-radius: 7px 7px 0 0;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .12);
    margin: -14px -14px 12px;
    min-height: 39px;
    padding: 9px 12px;
}

.account-dashboard-blue-head {
    background: #4e8fed;
}

.account-dashboard-status-head.is-working {
    background: #059669;
}

.account-dashboard-status-head.is-attention {
    background: #f97316;
}

.account-dashboard-blue-head .account-dashboard-section-title,
.account-dashboard-status-head .account-dashboard-section-title {
    flex-wrap: nowrap;
}

.account-dashboard-blue-head h3,
.account-dashboard-blue-head .account-dashboard-helper-text,
.account-dashboard-blue-head .account-dashboard-inline-actions > a:not(.button-link),
.account-dashboard-status-head h3,
.account-dashboard-status-head .account-dashboard-helper-text {
    color: #ffffff;
}

.account-dashboard-blue-head .account-dashboard-helper-text,
.account-dashboard-status-head .account-dashboard-helper-text {
    opacity: .86;
}

.account-dashboard-blue-head .account-dashboard-section-icon,
.account-dashboard-status-head .account-dashboard-section-icon {
    background: rgba(255, 255, 255, .18);
    color: #ffffff;
}

.account-dashboard-blue-head .account-dashboard-inline-actions > a:not(.button-link) {
    border-radius: 999px;
    padding: 4px 7px;
}

.account-dashboard-blue-head .account-dashboard-inline-actions > a:not(.button-link):hover,
.account-dashboard-blue-head .account-dashboard-inline-actions > a:not(.button-link):focus-visible {
    background: rgba(255, 255, 255, .15);
    color: #ffffff;
    text-decoration: none;
}

.account-health-metric-grid {
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: visible;
}

.account-health-metric-tile {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7e3f8;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
    display: flex;
    gap: 10px;
    min-height: 74px;
    min-width: 0;
    padding: 14px 15px;
}

.account-health-metric-tile + .account-health-metric-tile {
    border-left: 1px solid #d7e3f8;
}

.account-health-metric-tile small,
.account-priority-metrics dt {
    color: #667085;
    display: block;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.2;
}

.account-health-metric-tile strong,
.account-priority-metrics dd {
    color: #101828;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}

.account-health-metric-icon {
    background: #eff6ff;
    border-radius: 999px;
    color: #2563eb;
    flex: 0 0 34px;
    height: 34px;
    position: relative;
    width: 34px;
}

.account-health-metric-tile.is-green .account-health-metric-icon {
    background: #dcfce7;
    color: #16a34a;
}

.account-health-metric-tile.is-red .account-health-metric-icon {
    background: #ffe4e6;
    color: #e11d48;
}

.account-health-metric-tile.is-sky .account-health-metric-icon {
    background: #e0f2fe;
    color: #0284c7;
}

.account-health-metric-icon::before,
.account-health-metric-icon::after {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.account-health-metric-icon.is-spend::before {
    border: 2px solid currentColor;
    border-radius: 4px;
    height: 13px;
    width: 16px;
}

.account-health-metric-icon.is-spend::after {
    background: currentColor;
    border-radius: 999px;
    height: 4px;
    left: 59%;
    width: 4px;
}

.account-health-metric-icon.is-conversions::before {
    border: 2px solid currentColor;
    border-radius: 999px;
    height: 16px;
    width: 16px;
}

.account-health-metric-icon.is-conversions::after {
    background: currentColor;
    border-radius: 999px;
    height: 6px;
    width: 6px;
}

.account-health-metric-icon.is-cost::before {
    border: 2px solid currentColor;
    border-radius: 999px;
    height: 16px;
    width: 16px;
}

.account-health-metric-icon.is-cost::after {
    background: currentColor;
    border-radius: 999px;
    height: 13px;
    transform: translate(-50%, -50%) rotate(28deg);
    width: 2px;
}

.account-health-metric-icon.is-clicks::before {
    background: currentColor;
    clip-path: polygon(20% 8%, 82% 50%, 56% 58%, 70% 88%, 57% 94%, 43% 64%, 22% 82%);
    height: 20px;
    width: 20px;
}

.account-health-metric-icon.is-ctr::before {
    background:
        linear-gradient(currentColor 0 0) 1px 10px / 4px 8px no-repeat,
        linear-gradient(currentColor 0 0) 8px 6px / 4px 12px no-repeat,
        linear-gradient(currentColor 0 0) 15px 2px / 4px 16px no-repeat;
    border-bottom: 2px solid currentColor;
    height: 20px;
    width: 20px;
}

.account-dashboard-overview-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(240px, .65fr) minmax(500px, 1.9fr) minmax(240px, .75fr);
    align-items: stretch;
    min-width: 0;
}

.account-dashboard-overview-grid > *,
.account-dashboard-insight-grid > *,
.account-priority-grid > *,
.account-insight-subgrid > * {
    min-width: 0;
}

.account-dashboard-overview-grid > .account-dashboard-card {
    height: 100%;
}

.account-dashboard-inline-actions {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.account-dashboard-inline-actions > a:not(.button-link),
.account-inline-action,
.account-dashboard-view-more {
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.account-dashboard-inline-actions > a:not(.button-link):hover,
.account-inline-action:hover,
.account-dashboard-view-more:hover,
.account-dashboard-view-more:focus-visible {
    text-decoration: underline;
}

.account-dashboard-view-more {
    display: inline-flex;
    line-height: 1.2;
    width: fit-content;
}

.account-mini-table-wrap,
.account-performance-table-wrap {
    overflow-x: auto;
}

.account-mini-table {
    border-collapse: collapse;
    min-width: 0;
    table-layout: fixed;
    width: 100%;
}

.account-mini-table th:nth-child(1) {
    width: 38%;
}

.account-mini-table th:nth-child(2) {
    width: 12%;
}

.account-mini-table th:nth-child(3) {
    width: 18%;
}

.account-mini-table th:nth-child(4) {
    width: 32%;
}

.account-mini-table th {
    background: #f8fafc;
    color: #475467;
    font-size: 10px;
    font-weight: 600;
    padding: 8px;
    text-align: left;
}

.account-mini-table td {
    border-top: 1px solid #edf2f7;
    color: #101828;
    font-size: 11.5px;
    font-weight: 400;
    overflow-wrap: anywhere;
    padding: 8px;
    vertical-align: middle;
}

.account-mini-table td:first-child {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.account-mini-table td:first-child strong {
    font-weight: 400;
}

.account-mini-table td:last-child {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.account-mini-rank {
    align-items: center;
    background: #eaf2ff;
    border-radius: 999px;
    color: #2563eb;
    display: inline-flex;
    flex: 0 0 22px;
    font-size: 11px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.account-status-pill {
    border-radius: 6px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    margin-right: 6px;
    padding: 5px 7px;
    white-space: nowrap;
}

.account-status-pill.is-good {
    background: #dcfce7;
    color: #15803d;
}

.account-status-pill.is-monitor {
    background: #fef3c7;
    color: #b45309;
}

.account-status-pill.is-warning {
    background: #ffedd5;
    color: #c2410c;
}

.account-status-pill.is-danger {
    background: #fee2e2;
    color: #dc2626;
}

.account-dashboard-empty-state {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 14px;
}

.google-pulse-account-shell.is-account-data-gated {
    min-height: 620px;
    position: relative;
}

.account-data-gate-overlay {
    align-items: flex-start;
    background: rgba(15, 23, 42, 0.52);
    border-radius: 0;
    display: flex;
    inset: 0;
    justify-content: center;
    min-width: 0;
    overflow-y: auto;
    padding: 72px 24px 24px;
    position: fixed;
    z-index: 1000;
}

.account-data-gate-overlay[hidden] {
    display: none;
}

.account-data-gate-dialog {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.28);
    display: grid;
    gap: 18px;
    margin-top: clamp(48px, 9vh, 120px);
    max-width: 700px;
    min-width: 0;
    padding: 30px;
    position: relative;
    text-align: center;
    width: min(100%, 700px);
}

.account-data-gate-close {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 22px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
}

.account-data-gate-close:hover,
.account-data-gate-close:focus-visible {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
    outline: none;
}

.account-data-gate-copy {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.account-data-gate-copy h3 {
    color: #0f172a;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.account-data-gate-copy p {
    color: #475569;
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

.account-data-gate-missing-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
    min-width: 0;
}

.account-data-gate-missing-chip {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1e40af;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    padding: 6px 10px;
}

.account-data-gate-loading {
    align-items: center;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1e3a8a;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 10px;
    justify-self: center;
    line-height: 1.2;
    padding: 10px 14px;
}

.account-data-gate-loading[hidden] {
    display: none;
}

.account-data-gate-spinner {
    animation: accountDataGateSpin 0.75s linear infinite;
    border: 3px solid #bfdbfe;
    border-radius: 999px;
    border-top-color: #2563eb;
    flex: 0 0 22px;
    height: 22px;
    width: 22px;
}

.account-data-gate-actions {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.account-data-gate-action {
    align-items: center;
    border-radius: 12px;
    display: flex;
    gap: 10px;
    justify-content: center;
    min-height: 58px;
    min-width: 0;
    padding: 12px 14px;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.account-data-gate-action .google-pulse-ui-icon {
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
}

.account-data-gate-action-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.account-data-gate-action-copy strong,
.account-data-gate-action-copy small {
    display: block;
    line-height: 1.15;
    min-width: 0;
}

.account-data-gate-action-copy strong {
    font-size: 14px;
    font-weight: 900;
}

.account-data-gate-action-copy small {
    font-size: 12px;
    font-weight: 700;
}

.account-data-gate-action.is-active {
    background: #16a34a;
    border: 1px solid #16a34a;
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.22);
    color: #ffffff;
}

.account-data-gate-action.is-active .google-pulse-ui-icon {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.account-data-gate-action.is-inactive {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    box-shadow: none;
    color: #64748b;
}

.account-data-gate-action.is-inactive .google-pulse-ui-icon {
    background: #e2e8f0;
    color: #64748b;
}

.account-data-gate-action:disabled,
.account-data-gate-action[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 1;
    pointer-events: none;
}

.account-data-gate-overlay.is-account-data-gate-loading .account-data-gate-action {
    opacity: 0.7;
    pointer-events: none;
}

.account-data-gate-overlay.is-account-data-gate-loading .account-data-gate-action[aria-busy="true"] {
    opacity: 1;
}

.account-data-gate-overlay.is-account-data-gate-loading .account-data-gate-close {
    opacity: 0.45;
    pointer-events: none;
}

.required-google-ads-account-gate {
    z-index: 1100;
}

.required-google-ads-account-gate-dialog {
    max-width: 640px;
    width: min(100%, 640px);
}

.required-google-ads-account-gate-actions {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
}

.required-google-ads-account-gate-action {
    max-width: 360px;
}

.required-google-ads-account-gate-logout-form {
    margin: 0;
    max-width: 360px;
    width: 100%;
}

.required-google-ads-account-gate-logout {
    box-shadow: none;
}

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

@media (prefers-reduced-motion: reduce) {
    .account-data-gate-spinner {
        animation: none;
    }
}

.account-search-chip-list {
    align-content: start;
    display: grid;
    gap: 6px;
}

.account-search-chip {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #334155;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    max-width: 100%;
    min-height: 0;
    padding: 2px 0;
    text-decoration: none;
}

.account-search-chip:hover,
.account-search-chip:focus-visible {
    background: transparent;
    border-color: transparent;
    color: #1d4ed8;
    text-decoration: underline;
}

.account-dashboard-term-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-action-card-grid,
.account-hygiene-grid {
    display: grid;
    gap: 10px;
    min-width: 0;
}

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

.account-action-card,
.account-hygiene-card {
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
}

.account-action-card.is-negative {
    background: #ffffff;
    border-color: #dbe5f2;
}

.account-action-card.is-positive {
    background: #ffffff;
    border-color: #dbe5f2;
}

.account-action-card-head,
.account-hygiene-card-head {
    align-items: flex-start;
    display: flex;
    gap: 9px;
    justify-content: space-between;
    min-width: 0;
}

.account-action-card-head {
    justify-content: flex-start;
}

.account-action-card h4 {
    align-items: center;
    color: #101828;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 800;
    gap: 6px;
    line-height: 1.25;
    margin: 0 0 3px;
}

.account-action-card-count {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #3730a3;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 4px 7px;
}

.account-action-token-list {
    display: grid;
    gap: 7px;
}

.account-review-token {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #334155;
    display: block;
    min-width: 0;
    padding: 2px 0;
    text-decoration: none;
}

.account-review-token[hidden] {
    display: none;
}

.account-review-token.is-negative {
    background: transparent;
    border-color: transparent;
}

.account-review-token.is-positive {
    background: transparent;
    border-color: transparent;
}

.account-review-token:hover,
.account-review-token:focus-visible {
    color: #1d4ed8;
    text-decoration: underline;
}

.account-review-token small,
.account-one-click-shortcut-summary span,
.account-hygiene-examples small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.3;
}

.account-action-card-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.account-action-card .button-link {
    align-self: end;
}

.account-action-card .account-dashboard-view-more {
    align-self: end;
}

.account-one-click-shortcut-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.account-one-click-shortcut-summary span {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #334155;
    font-weight: 800;
    padding: 6px 8px;
}

.account-one-click-shortcut-summary strong {
    color: #0f172a;
}

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

.account-hygiene-alert-card {
    display: grid;
    align-content: start;
}

.account-hygiene-alert-actions {
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-start;
    margin-top: 2px;
    padding-top: 12px;
}

.account-hygiene-alert-list {
    display: grid;
    gap: 0;
}

.account-hygiene-alert-row {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 13px 0;
}

.account-hygiene-alert-row + .account-hygiene-alert-row {
    border-top: 1px solid #dbe5f2;
}

.account-hygiene-alert-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.account-hygiene-alert-copy h4 {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.account-hygiene-alert-count {
    color: #1d4ed8;
    font-size: 27px;
    font-weight: 800;
    line-height: 1;
}

.account-hygiene-alert-row.is-warning .account-hygiene-alert-count {
    color: #ea580c;
}

.account-hygiene-alert-row.is-danger .account-hygiene-alert-count {
    color: #dc2626;
}

.account-hygiene-alert-row.is-monitor .account-hygiene-alert-count {
    color: #155eef;
}

.account-hygiene-card {
    box-shadow: none;
}

.account-hygiene-card.is-danger {
    border-color: #fecaca;
}

.account-hygiene-card.is-warning {
    border-color: #fed7aa;
}

.account-hygiene-card.is-monitor {
    border-color: #bfdbfe;
}

.account-hygiene-card-head span {
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

.account-hygiene-card-head strong {
    color: #0f172a;
    font-size: 26px;
    line-height: 1;
}

.account-hygiene-card.is-danger .account-hygiene-card-head strong {
    color: #dc2626;
}

.account-hygiene-card.is-warning .account-hygiene-card-head strong {
    color: #c2410c;
}

.account-hygiene-card.is-monitor .account-hygiene-card-head strong {
    color: #1d4ed8;
}

.account-hygiene-examples {
    display: grid;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-hygiene-examples li {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 7px 8px;
}

.account-hygiene-examples a {
    display: grid;
    gap: 2px;
    min-width: 0;
    text-decoration: none;
}

.account-hygiene-examples strong {
    color: #0f172a;
    font-size: 12px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.account-priority-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.account-priority-card {
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 12px;
    position: relative;
}

.account-priority-number {
    align-items: center;
    border-radius: 5px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.account-priority-number.is-danger {
    background: #dc2626;
}

.account-priority-number.is-warning {
    background: #f97316;
}

.account-priority-number.is-monitor {
    background: #eab308;
}

.account-priority-card h4 {
    color: #101828;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.account-priority-metrics {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.account-priority-metrics div + div {
    border-left: 1px solid #e2e8f0;
    padding-left: 8px;
}

.account-priority-actions {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.account-dashboard-insight-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.8fr);
    min-width: 0;
}

.account-dashboard-bullet-list {
    color: #1f2937;
    display: grid;
    font-size: 12px;
    font-weight: 400;
    gap: 9px;
    line-height: 1.5;
    margin: 12px 0 0;
    padding-left: 18px;
}

.account-insight-subgrid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 10px;
    min-width: 0;
}

.account-insight-subcard {
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    display: grid;
    gap: 9px;
    padding: 11px;
}

.account-insight-subcard h4 {
    color: #101828;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

.account-insight-subcard ul {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-insight-subcard li {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 8px;
    justify-content: space-between;
}

.account-detailed-accordion-list {
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
}

.account-detailed-data-card .account-dashboard-blue-head {
    min-height: 36px;
    padding: 8px 12px;
}

.account-detailed-data-card .account-dashboard-blue-head h3 {
    font-size: 15px;
    line-height: 1.2;
}

.account-detailed-data-card .account-dashboard-inline-actions {
    gap: 6px;
}

.account-detailed-data-card .account-dashboard-inline-actions > a:not(.button-link) {
    font-size: 11px;
    padding: 3px 6px;
}

.account-detailed-accordion + .account-detailed-accordion {
    border-top: 0;
}

.account-detailed-accordion {
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    overflow: hidden;
}

.account-detailed-accordion summary {
    align-items: center;
    background: #fbfdff;
    color: #101828;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: space-between;
    list-style: none;
    padding: 9px 11px;
}

.account-detailed-accordion summary::-webkit-details-marker {
    display: none;
}

.account-detailed-accordion summary::after {
    border: solid #475467;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    margin-left: 10px;
    transform: rotate(45deg);
    transition: transform .18s ease;
    width: 8px;
}

.account-detailed-accordion[open] summary::after {
    transform: rotate(-135deg);
}

.account-detailed-accordion summary small {
    color: #667085;
    font-size: 10px;
    font-weight: 400;
    margin-left: auto;
}

.account-detailed-accordion-body {
    background: #fff;
    border-top: 1px solid #edf2f7;
    display: grid;
    gap: 10px;
    padding: 10px;
}

.account-detailed-action-row {
    justify-content: flex-end;
}

.account-performance-table.account-detailed-metric-table {
    font-size: 11px;
    min-width: 0;
    table-layout: fixed;
}

.account-performance-table.account-detailed-metric-table th,
.account-performance-table.account-detailed-metric-table td {
    padding: 8px 7px;
    white-space: normal;
}

.account-performance-table.account-detailed-metric-table th:first-child,
.account-performance-table.account-detailed-metric-table td:first-child {
    min-width: 0;
    width: 42%;
}

.account-detailed-empty-cell {
    color: #64748b;
    font-size: 11px;
    line-height: 1.4;
}

@media (max-width: 1200px) {
    .account-health-summary-layout,
    .account-dashboard-overview-grid,
    .account-dashboard-insight-grid {
        grid-template-columns: 1fr;
    }

    .account-priority-grid,
    .account-insight-subgrid,
    .account-hygiene-grid {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .account-action-card-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
        overflow-x: auto;
        padding-bottom: 2px;
    }
}

@media (max-width: 900px) {
    .account-dashboard-header-main,
    .account-dashboard-header-actions {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .account-dashboard-header-main,
    .account-priority-grid,
    .account-insight-subgrid,
    .account-action-card-grid,
    .account-hygiene-grid,
    .account-detailed-accordion-list {
        grid-template-columns: 1fr;
    }

    .account-dashboard-header-main {
        display: grid;
    }

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

    .account-health-metric-tile {
        border: 1px solid #d7e3f8;
    }

    .account-health-metric-tile:nth-child(-n+2) {
        border: 1px solid #d7e3f8;
    }

    .account-data-gate-overlay {
        padding: 32px 16px 24px;
    }

    .account-data-gate-dialog {
        margin-top: clamp(42px, 10vh, 96px);
        padding: 22px;
    }

    .account-data-gate-copy h3 {
        font-size: 20px;
    }

    .account-data-gate-actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .maintenance-mode-ribbon {
        align-items: flex-start;
    }

    .account-dashboard-header-card {
        padding: 0;
    }

    .account-dashboard-card {
        padding: 12px;
    }

    .account-dashboard-blue-head,
    .account-dashboard-status-head {
        margin: -12px -12px 12px;
    }

    .account-dashboard-identity {
        align-items: flex-start;
    }

    .account-dashboard-identity,
    .account-dashboard-card-head,
    .account-dashboard-inline-actions {
        flex-direction: column;
    }

    .account-dashboard-header-actions,
    .account-dashboard-header-actions .button-link,
    .account-dashboard-inline-actions,
    .account-dashboard-inline-actions .button-link,
    .account-priority-actions,
    .account-priority-actions .button-link,
    .account-priority-actions button,
    .account-action-card-actions,
    .account-action-card-actions .button-link,
    .account-share-footer-actions,
    .account-share-footer-link {
        width: 100%;
    }

    .account-dashboard-header-actions .button-link,
    .account-dashboard-inline-actions .button-link,
    .account-priority-actions .button-link,
    .account-priority-actions button,
    .account-action-card-actions .button-link,
    .account-share-footer-link {
        justify-content: center;
    }

    .account-health-metric-grid,
    .account-priority-metrics {
        grid-template-columns: 1fr;
    }

    .account-mini-table {
        min-width: 560px;
        table-layout: auto;
    }

    .account-health-metric-tile,
    .account-health-metric-tile:nth-child(-n+2) {
        border: 1px solid #d7e3f8;
    }

    .account-health-metric-tile:first-child {
        border: 1px solid #d7e3f8;
    }

    .account-priority-metrics div + div {
        border-left: 0;
        border-top: 1px solid #e2e8f0;
        padding-left: 0;
        padding-top: 8px;
    }

    .account-detailed-accordion summary {
        align-items: flex-start;
        gap: 8px;
    }
}

.google-pulse-account-switcher {
    background: #fffdfa;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft);
    display: grid;
    gap: 0;
    padding: 0;
}

.google-pulse-account-switcher-summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
    min-height: 46px;
    padding: 9px 12px;
}

.google-pulse-account-switcher-summary::-webkit-details-marker {
    display: none;
}

.google-pulse-account-switcher-summary span:first-child {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.google-pulse-account-switcher-summary strong {
    color: #2f241b;
    font-size: 14px;
    line-height: 1.2;
}

.google-pulse-account-switcher-summary small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
}

.google-pulse-account-switcher-summary-action {
    background: #f7efe3;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    color: var(--accent-dark);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 10px;
}

.google-pulse-account-switcher[open] .google-pulse-account-switcher-summary {
    border-bottom: 1px solid var(--line);
}

.google-pulse-account-switcher-panel {
    display: grid;
    gap: 8px;
    padding: 10px;
}

.google-pulse-account-switcher-control {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(220px, 1fr) auto;
}

.google-pulse-account-switcher-control label {
    margin: 0;
}

.google-pulse-account-switcher-list {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    max-height: 220px;
    overflow: auto;
}

.google-pulse-account-switcher-option {
    align-items: center;
    background: rgba(247, 239, 227, .58);
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #2f241b;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
    padding: 8px 10px;
    text-decoration: none;
}

.google-pulse-account-switcher-option:hover,
.google-pulse-account-switcher-option.is-current {
    background: #e8f0fe;
    border-color: #b7cdfc;
}

.google-pulse-account-switcher-name {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.google-pulse-account-switcher-name strong,
.google-pulse-account-switcher-name small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-account-switcher-name strong {
    font-size: 13px;
}

.google-pulse-account-switcher-name small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.google-pulse-account-switcher-tags {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
}

.google-pulse-account-switcher-tag {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    padding: 3px 7px;
    text-transform: uppercase;
}

.google-pulse-account-switcher-tag.is-current {
    background: #e8f0fe;
    border-color: #b7cdfc;
    color: #1a73e8;
}

.google-pulse-account-switcher-empty {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

.account-control-card {
    background: #fffdfa;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft);
    padding: 6px;
    position: relative;
}

.account-control-row {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: space-between;
    min-width: 0;
}

.account-control-filter {
    box-shadow: none;
    flex: 0 1 450px;
    max-width: 450px;
    min-width: 0;
    position: relative;
    width: 100%;
}

.account-control-filter[open] {
    z-index: 45;
}

.account-control-filter-summary {
    min-height: 42px;
    padding: 5px 8px;
}

.google-pulse-account-switcher-summary span.account-control-filter-title {
    align-items: center;
    display: flex;
    gap: 8px;
    white-space: nowrap;
}

.account-control-filter-title > span:last-child {
    align-items: baseline;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 4px;
    min-width: 0;
    white-space: nowrap;
}

.account-control-filter-label {
    color: #334155;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.account-control-toggle {
    align-items: center;
    background: #e8f0fe;
    border: 1px solid #b7cdfc;
    border-radius: 999px;
    color: #1a73e8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 24px;
}

.account-control-toggle::before {
    content: "+";
}

.account-control-filter[open] .account-control-toggle::before {
    content: "-";
}

.account-control-filter-panel {
    background: #fffdfa;
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 18px 36px rgba(47, 36, 27, .16);
    left: 0;
    max-height: min(520px, calc(100vh - 220px));
    min-width: min(860px, calc(100vw - 64px));
    overflow: auto;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 50;
}

.account-control-filter:not([open]) > .account-control-filter-panel {
    display: none;
}

.account-control-status-form {
    border-bottom: 1px solid rgba(203, 181, 151, 0.62);
    padding-bottom: 10px;
}

.account-control-status-form .account-filter-primary {
    border-bottom: 0;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    padding-bottom: 0;
}

.account-control-refresh-form {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: flex-end;
    margin-left: auto;
}

.account-control-range-actions {
    align-items: center;
    align-content: center;
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    display: flex;
    flex: 0 1 620px;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
    max-width: 620px;
    min-height: 60px;
    min-width: 0;
    padding: 6px;
    width: 100%;
}

.account-control-range-actions .account-control-refresh-form {
    margin-left: 0;
}

.account-date-range-stack {
    align-items: start;
    display: grid;
    flex: 1 1 190px;
    gap: 2px;
    justify-content: start;
    justify-items: start;
    max-width: 210px;
    min-width: 156px;
    position: relative;
}

.account-control-refresh-form label {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    margin: 0;
    min-width: 0;
    white-space: nowrap;
}

.account-date-picker-form {
    position: relative;
    width: 100%;
}

.account-date-picker-trigger {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cfe0fb;
    border-radius: 10px;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: flex-start;
    min-height: 32px;
    min-width: 0;
    padding: 5px 9px;
    text-align: left;
    width: 100%;
}

.account-date-picker-trigger .google-pulse-ui-icon {
    color: #2563eb;
    height: 13px;
    width: 13px;
}

.account-date-picker-trigger > span:not(.google-pulse-ui-icon):not(.sr-only) {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    text-transform: none;
    white-space: nowrap;
}

.account-date-picker-trigger strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-date-picker-trigger:hover,
.account-date-picker-trigger:focus-visible,
.account-date-picker-trigger[aria-expanded="true"] {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    outline: none;
}

.account-date-picker-panel {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    box-shadow: 0 20px 44px rgba(15, 23, 42, .18);
    min-width: min(320px, calc(100vw - 48px));
    padding: 12px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 70;
}

.account-date-picker-panel[hidden] {
    display: none !important;
}

.account-date-picker-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
}

.account-date-picker-presets,
.account-custom-date-panel {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.account-date-picker-heading {
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.account-date-preset-button {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    color: #334155;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 10px;
    text-align: left;
    width: 100%;
}

.account-date-preset-button .account-date-preset-label {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.15;
}

.account-date-preset-button .account-date-preset-state {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #2563eb;
    display: inline-flex;
    flex: 0 0 auto;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.account-date-preset-button .account-date-preset-state .google-pulse-ui-icon {
    height: 12px;
    width: 12px;
}

.account-date-preset-button:hover,
.account-date-preset-button:focus-visible,
.account-date-preset-button.is-selected {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
    outline: none;
}

.account-date-preset-button.is-selected .account-date-preset-state {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

.account-date-preset-button.is-unavailable {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #64748b;
}

.account-date-preset-button.is-unavailable .account-date-preset-state {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #94a3b8;
}

.account-date-preset-button:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.account-custom-date-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 10px;
}

.account-custom-date-fields {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
}

.account-custom-date-fields label {
    align-items: stretch;
    color: #475569;
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 5px;
    letter-spacing: 0;
    margin: 0;
    white-space: normal;
}

.account-custom-date-fields input[type="date"] {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #0f172a;
    font-size: 12px;
    min-height: 34px;
    padding: 5px 7px;
    width: 100%;
}

.account-custom-date-fields input[type="date"]:focus {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
    outline: none;
}

.account-custom-date-separator {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
}

.account-date-picker-note {
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
    margin: 0;
}

.account-control-refresh-form .button-link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 42px;
    width: auto;
}

.account-control-refresh-form .account-custom-date-fields .button-link {
    min-height: 34px;
}

.account-control-live-refresh-form {
    align-items: center;
    display: inline-flex;
    flex: 0 1 auto;
    gap: 6px;
    margin: 0;
    min-width: 0;
}

.account-data-refresh-stack {
    align-items: center;
    display: grid;
    gap: 4px;
    justify-content: center;
    justify-items: end;
    min-height: 0;
    min-width: 0;
    position: static;
}

.account-data-action-row {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: flex-end;
    min-width: 0;
}

.account-data-refresh-help {
    color: #64748b;
    display: block;
    flex: 1 0 100%;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.2;
    margin: -2px 2px 0;
    max-width: 100%;
    text-align: right;
    white-space: nowrap;
}

.account-control-live-refresh-form .button-link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 32px;
}

.account-control-live-refresh-form .account-refresh-split-button {
    border-radius: 999px;
    font-weight: 700;
    gap: 5px;
    min-width: 0;
    padding: 5px 8px;
    white-space: nowrap;
}

.account-dashboard-control-card .account-control-live-refresh-form .account-refresh-split-button {
    min-height: 30px;
}

.account-dashboard-control-card .account-data-refresh-button {
    background: #fff7f7;
    border-color: #fecaca;
    color: #dc2626;
}

.account-dashboard-control-card .account-live-download-label,
.account-dashboard-control-card .account-cache-refresh-label {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    text-transform: uppercase;
}

.account-dashboard-control-card .account-data-refresh-button .google-pulse-ui-icon,
.account-dashboard-control-card .account-data-section-refresh-link .google-pulse-ui-icon {
    height: 13px;
    width: 13px;
}

.account-dashboard-control-card .account-data-section-refresh-link {
    background: #ffffff;
    border-color: #dbeafe;
    color: #2563eb;
}

.account-dashboard-control-card .account-data-section-refresh-link:hover,
.account-dashboard-control-card .account-data-section-refresh-link:focus-visible {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.account-control-live-refresh-form .account-metrics-refresh-button {
    background: #2563eb;
    border: 1px solid #1d4ed8;
    color: #ffffff;
}

.account-control-live-refresh-form .account-metrics-refresh-button:hover,
.account-control-live-refresh-form .account-metrics-refresh-button:focus-visible {
    background: #1d4ed8;
    border-color: #1e40af;
    color: #ffffff;
}

.account-control-live-refresh-form .account-detail-refresh-button {
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #1d4ed8;
}

.account-control-live-refresh-form .account-detail-refresh-button:hover,
.account-control-live-refresh-form .account-detail-refresh-button:focus-visible {
    background: #dbeafe;
    border-color: #60a5fa;
    color: #1e40af;
}

.account-control-live-refresh-form .account-data-section-refresh-link.is-ready {
    background: #16a34a;
    border-color: #15803d;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.16);
    color: #ffffff;
}

.account-control-live-refresh-form .account-data-section-refresh-link.is-ready:hover,
.account-control-live-refresh-form .account-data-section-refresh-link.is-ready:focus-visible,
.account-control-live-refresh-form .account-data-section-refresh-link.is-auto-refreshing {
    background: #15803d;
    border-color: #166534;
    color: #ffffff;
}

.account-control-live-refresh-form .account-refresh-split-button:disabled,
.account-control-live-refresh-form .account-refresh-split-button.is-passive {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
    cursor: default;
    opacity: 1;
}

.account-control-live-refresh-form .account-data-refresh-button:not(:disabled):not(.is-passive) {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #475569;
}

.account-control-live-refresh-form .account-data-refresh-button:not(:disabled):not(.is-passive):hover,
.account-control-live-refresh-form .account-data-refresh-button:not(:disabled):not(.is-passive):focus-visible {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.account-control-live-refresh-form .account-data-refresh-button.is-recommended:not(:disabled),
.account-control-live-refresh-form .account-data-refresh-button.is-updating {
    background: #16a34a;
    border-color: #15803d;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.16);
    color: #ffffff;
}

.account-control-live-refresh-form .account-data-refresh-button.is-recommended:not(:disabled):hover,
.account-control-live-refresh-form .account-data-refresh-button.is-recommended:not(:disabled):focus-visible,
.account-control-live-refresh-form .account-data-refresh-button.is-updating:hover,
.account-control-live-refresh-form .account-data-refresh-button.is-updating:focus-visible {
    background: #15803d;
    border-color: #166534;
    color: #ffffff;
}

.account-data-progress {
    align-items: center;
    color: #64748b;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 10px;
    font-weight: 400;
    gap: 3px 5px;
    justify-content: flex-end;
    line-height: 1.15;
    max-width: 100%;
    min-width: 0;
    position: static;
    text-align: right;
    white-space: normal;
    width: 100%;
}

.account-data-progress.sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.account-data-progress[hidden] {
    display: none !important;
}

.account-control-live-refresh-form .account-data-refresh-button.is-updating .google-pulse-ui-icon,
.account-control-live-refresh-form .account-data-section-refresh-link.is-auto-refreshing .google-pulse-ui-icon {
    animation: account-control-spin .8s linear infinite;
}

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

.account-data-progress.is-active {
    color: #1d4ed8;
    font-weight: 600;
}

.account-data-progress.is-paused {
    color: #92400e;
}

.account-data-progress.is-complete {
    display: none;
}

.account-data-progress-steps {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 3px;
    justify-content: flex-end;
    max-width: 100%;
}

.account-data-progress-step {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    padding: 2px 5px;
}

.account-data-progress-step.is-ready {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}

.account-data-progress-step.is-downloading {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.account-data-progress-step.is-paused {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.account-sync-note {
    color: #64748b;
    display: inline-flex;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.15;
    min-height: 0;
    padding-left: 4px;
    white-space: nowrap;
}

.account-sync-note.is-fresh,
.account-sync-note.is-stale,
.account-sync-note.is-missing {
    color: #64748b;
}

.account-detail-cache-state {
    align-items: center;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    flex: 0 1 auto;
    font-size: 10px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 1.15;
    min-height: 0;
    max-width: 218px;
    overflow: hidden;
    padding: 0 4px;
    text-align: right;
    white-space: normal;
}

.account-detail-cache-state.is-current {
    background: transparent;
    color: #64748b;
}

.account-detail-cache-state.is-warning {
    background: transparent;
    color: #92400e;
}

.account-detail-cache-state.is-muted {
    background: transparent;
    color: #64748b;
}

.account-cache-section-load {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    white-space: nowrap;
}

.account-cache-section-load .google-pulse-ui-icon {
    height: 14px;
    width: 14px;
}

.account-cache-section-status {
    align-items: center;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    color: #166534;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.1;
    padding: 6px 9px;
    white-space: nowrap;
}

.account-cache-section-card {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    margin-top: 10px;
    min-width: 0;
    padding: 14px;
}

.account-cache-section-card h4 {
    color: #0f172a;
    font-size: 15px;
    line-height: 1.25;
    margin: 2px 0 4px;
}

.account-cache-section-card p {
    margin: 0;
}

.account-cache-section-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
}

.google-pulse-account-summary {
    grid-template-columns: repeat(6, minmax(118px, 1fr));
}

.google-pulse-account-summary .card {
    min-height: 64px;
}

.google-pulse-account-summary p {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    margin: 4px 0 0;
}

.account-pulse-section {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 12px;
}

.account-pulse-section + .account-pulse-section {
    margin-top: 12px;
}

.account-pulse-header,
.account-basic-stats-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
    min-width: 0;
}

.account-pulse-header > div,
.account-basic-stats-head > div {
    min-width: 0;
}

.account-pulse-header p {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin: 3px 0 0;
}

.account-date-range-reference {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    margin: 3px 0 0;
}

.account-pulse-icon {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    position: relative;
    width: 34px;
}

.account-pulse-icon::before {
    background: #2563eb;
    border-radius: 999px;
    content: "";
    height: 2px;
    width: 18px;
}

.account-pulse-icon::after {
    animation: accountPulseBeat 1.7s ease-in-out infinite;
    border: 2px solid #22c55e;
    border-radius: 999px;
    content: "";
    height: 9px;
    position: absolute;
    width: 9px;
}

.account-health-monitor {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(230px, 1.25fr) repeat(2, minmax(170px, 1fr));
}

.account-health-ring-card,
.account-health-signal {
    align-items: center;
    background: var(--account-card-bg, #ffffff);
    border: 1px solid var(--account-card-border, var(--line));
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 10px 12px;
}

.account-health-ring-card.is-good {
    --account-card-accent: #16a34a;
    --account-card-bg: #f0fdf4;
    --account-card-border: #bbf7d0;
}

.account-health-ring-card.is-warning {
    --account-card-accent: #d97706;
    --account-card-bg: #fffbeb;
    --account-card-border: #fde68a;
}

.account-health-ring-card.is-critical {
    --account-card-accent: #dc2626;
    --account-card-bg: #fef2f2;
    --account-card-border: #fecaca;
}

.account-health-ring-card.is-neutral {
    --account-card-accent: #64748b;
    --account-card-bg: #f8fafc;
    --account-card-border: #cbd5e1;
}

.account-health-signal.is-campaign {
    --account-card-bg: #eff6ff;
    --account-card-border: #bfdbfe;
}

.account-health-signal.is-good {
    --account-card-bg: #f0fdf4;
    --account-card-border: #bbf7d0;
}

.account-health-signal.is-warning {
    --account-card-bg: #fffbeb;
    --account-card-border: #fde68a;
}

.account-health-signal.is-neutral {
    --account-card-bg: #f8fafc;
    --account-card-border: #cbd5e1;
}

.account-health-ring {
    align-items: center;
    aspect-ratio: 1;
    background:
        radial-gradient(circle at center, #fff 58%, transparent 60%),
        conic-gradient(var(--account-card-accent, #2563eb) calc(var(--score, 0) * 1%), #e2e8f0 0);
    border-radius: 50%;
    color: #0f172a;
    display: inline-flex;
    flex: 0 0 68px;
    font-size: 20px;
    font-weight: 900;
    justify-content: center;
}

.account-health-ring-copy {
    align-content: center;
    display: grid;
    gap: 5px;
    min-width: 0;
}

.account-health-ring-card strong,
.account-health-signal strong {
    color: #0f172a;
    display: block;
    font-size: 16px;
    line-height: 1.15;
}

.account-health-ring-card p,
.account-health-signal p {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    margin: 3px 0 0;
}

.account-health-signal {
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
}

.account-health-signal-head {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
}

.account-conversion-pulse {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 38px;
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 38px;
}

.account-conversion-pulse::before {
    background: #94a3b8;
    content: "";
    height: 2px;
    left: 7px;
    position: absolute;
    right: 7px;
    top: 9px;
}

.account-conversion-pulse::after {
    background: #94a3b8;
    border-radius: 999px;
    content: "";
    height: 8px;
    left: 15px;
    position: absolute;
    top: 6px;
    width: 8px;
}

.account-conversion-pulse.is-good {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.account-conversion-pulse.is-good::before,
.account-conversion-pulse.is-good::after {
    background: #16a34a;
}

.account-conversion-pulse.is-good::after {
    animation: accountPulseSweep 1.5s ease-in-out infinite;
}

.account-health-bar {
    background: #e2e8f0;
    border-radius: 999px;
    display: block;
    height: 7px;
    overflow: hidden;
    width: 100%;
}

.account-health-bar::before {
    background: #2563eb;
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    width: var(--bar, 0%);
}

.account-health-signal.is-good .account-health-bar::before {
    background: var(--color-success);
}

.account-health-signal.is-warning .account-health-bar::before {
    background: #d97706;
}

.account-health-signal.is-neutral .account-health-bar::before {
    background: #64748b;
}

.account-basic-stats-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, minmax(118px, 1fr));
}

.account-basic-stats-insight-grid {
    align-items: start;
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin-top: 12px;
    padding-top: 12px;
}

.account-basic-stats-insight-grid .account-campaign-type-summary,
.account-basic-stats-insight-grid .account-device-metrics-summary,
.account-basic-stats-insight-grid .account-location-metrics-summary {
    border-top: 0;
    margin-top: 0;
    min-width: 0;
    padding-top: 0;
}

.account-basic-stat-card {
    --stat-accent: #2563eb;
    --stat-bg: #f8fafc;
    --stat-border: #e2e8f0;
    background: var(--stat-bg);
    border: 1px solid var(--stat-border);
    border-radius: 8px;
    color: #0f172a;
    min-width: 0;
    padding: 10px;
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.account-basic-stat-card.is-blue {
    --stat-accent: #2563eb;
    --stat-bg: #eff6ff;
    --stat-border: #bfdbfe;
}

.account-basic-stat-card.is-sky {
    --stat-accent: #0284c7;
    --stat-bg: #f0f9ff;
    --stat-border: #bae6fd;
}

.account-basic-stat-card.is-slate {
    --stat-accent: #475569;
    --stat-bg: #f8fafc;
    --stat-border: #cbd5e1;
}

.account-basic-stat-card.is-teal {
    --stat-accent: #0f766e;
    --stat-bg: #f0fdfa;
    --stat-border: #99f6e4;
}

.account-basic-stat-card.is-amber {
    --stat-accent: #b45309;
    --stat-bg: #fffbeb;
    --stat-border: #fde68a;
}

.content .account-basic-stat-card,
.content .account-campaign-type-row {
    color: #0f172a;
    text-decoration: none;
}

.account-basic-stat-card:hover,
.account-basic-stat-card:focus-visible,
.account-campaign-type-row:hover,
.account-campaign-type-row:focus-visible {
    border-color: var(--stat-accent, var(--type-accent, #bfdbfe));
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08);
    outline: none;
    transform: translateY(-1px);
}

.account-basic-stat-card strong {
    color: var(--stat-accent, #0f172a);
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-top: 7px;
}

.account-basic-stat-card small {
    color: var(--muted);
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 6px;
}

.account-campaign-type-summary {
    align-self: start;
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 7px;
    margin-top: 12px;
    padding-top: 12px;
}

.account-campaign-type-head,
.account-campaign-type-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(110px, 0.75fr) minmax(120px, 1fr) auto;
}

.account-campaign-type-head strong {
    color: #0f172a;
    font-size: 12px;
}

.account-campaign-type-row {
    --type-accent: #2563eb;
    --type-bg: #ffffff;
    --type-border: #e2e8f0;
    background: var(--type-bg);
    border: 1px solid var(--type-border);
    border-radius: 8px;
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 10px;
    text-decoration: none;
}

.account-campaign-type-row.is-blue {
    --type-accent: #2563eb;
    --type-bg: #eff6ff;
    --type-border: #bfdbfe;
}

.account-campaign-type-row.is-sky {
    --type-accent: #0284c7;
    --type-bg: #f0f9ff;
    --type-border: #bae6fd;
}

.account-campaign-type-row.is-teal {
    --type-accent: #0f766e;
    --type-bg: #f0fdfa;
    --type-border: #99f6e4;
}

.account-campaign-type-row.is-amber {
    --type-accent: #b45309;
    --type-bg: #fffbeb;
    --type-border: #fde68a;
}

.account-campaign-type-row.is-slate,
.account-campaign-type-row.is-neutral {
    --type-accent: #475569;
    --type-bg: #f8fafc;
    --type-border: #cbd5e1;
}

.account-campaign-type-eyebrow {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

.account-campaign-title-line {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0;
    min-width: 0;
}

.campaign-node-head .account-campaign-title-line {
    margin: 0;
}

.account-campaign-name {
    overflow-wrap: anywhere;
}

.account-campaign-status-dot {
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 8px;
    width: 8px;
}

.account-campaign-status-dot.is-active {
    background: #22c55e;
    border-color: #16a34a;
}

.account-campaign-status-dot.is-paused,
.account-campaign-status-dot.is-neutral {
    background: #94a3b8;
    border-color: #64748b;
}

.account-campaign-status-dot.is-deleted {
    background: #ef4444;
    border-color: #dc2626;
}

.account-campaign-type-icon {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    color: #475569;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    line-height: 1;
    min-width: 20px;
    padding: 0 5px;
}

.account-campaign-type-icon.is-blue {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.account-campaign-type-icon.is-sky {
    background: #f0f9ff;
    border-color: #bae6fd;
    color: #0369a1;
}

.account-campaign-type-icon.is-teal {
    background: #f0fdfa;
    border-color: #99f6e4;
    color: #0f766e;
}

.account-campaign-type-icon.is-amber {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
}

.account-campaign-type-icon.is-slate,
.account-campaign-type-icon.is-neutral {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
}

.account-campaign-type-bar {
    background: #e2e8f0;
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
}

.account-campaign-type-bar::before {
    background: var(--type-accent, #2563eb);
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    width: var(--bar, 0%);
}

.account-device-metrics-summary {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
}

.account-performance-panel {
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 10px;
}

.account-performance-table-wrap {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.account-performance-table {
    background: #ffffff;
    font-size: 12px;
    min-width: 620px;
}

.account-performance-table th,
.account-performance-table td {
    white-space: nowrap;
}

.account-performance-table th:first-child,
.account-performance-table td:first-child {
    min-width: 130px;
    white-space: normal;
}

.account-performance-table.google-pulse-mcc-table {
    min-width: 1720px;
}

.google-pulse-metric-control .google-pulse-icon-trigger {
    flex: 0 0 36px;
    justify-content: center;
    min-width: 36px;
    width: 36px;
}

.account-performance-table.google-pulse-mcc-table th.google-pulse-sticky-account-combined,
.account-performance-table.google-pulse-mcc-table td.google-pulse-sticky-account-combined {
    max-width: 300px;
    min-width: 300px;
    width: 300px;
}

@media (max-width: 640px) {
    .account-performance-table.google-pulse-mcc-table {
        min-width: 1320px;
    }

    .account-performance-table.google-pulse-mcc-table th.google-pulse-sticky-account-combined,
    .account-performance-table.google-pulse-mcc-table td.google-pulse-sticky-account-combined {
        max-width: 230px;
        min-width: 230px;
        width: 230px;
    }
}

.account-performance-link {
    color: #1d4ed8;
    font-weight: 900;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.account-performance-link:hover,
.account-performance-link:focus-visible {
    color: #1e40af;
    text-decoration: underline;
}

.account-device-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.account-dashboard-focus-link {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    justify-content: center;
    line-height: 1.2;
    padding: 5px 8px;
    text-decoration: none;
}

.account-dashboard-focus-link:hover,
.account-dashboard-focus-link:focus-visible {
    border-color: #93c5fd;
    color: #1e40af;
}

.account-focus-highlight {
    animation: account-focus-pulse 1.65s ease-out;
    outline: 2px solid #2563eb;
    outline-offset: 3px;
    scroll-margin-top: 96px;
}

tr.account-focus-highlight > th,
tr.account-focus-highlight > td {
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px #93c5fd;
}

@keyframes account-focus-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.35);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(37, 99, 235, 0);
    }
}

.account-device-head strong {
    color: #0f172a;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 2px;
}

.account-device-empty {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    padding: 10px;
}

.account-section-pending-note {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    max-width: 100%;
}

.account-section-pending-note .google-pulse-ui-icon {
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.account-section-pending-note.is-processing .google-pulse-ui-icon {
    animation: action-spin 1.1s linear infinite;
}

.account-device-card-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-device-card {
    --device-card-accent: #64748b;
    --device-card-bg: #ffffff;
    align-items: center;
    background: var(--device-card-bg);
    border: 1px solid #dbe4ef;
    border-left: 3px solid var(--device-card-accent);
    border-radius: 8px;
    display: flex;
    gap: 9px;
    min-width: 0;
    padding: 9px;
}

.account-device-card.is-teal {
    --device-card-accent: #0f766e;
    --device-card-bg: #f0fdfa;
}

.account-device-card.is-blue {
    --device-card-accent: #2563eb;
    --device-card-bg: #eff6ff;
}

.account-device-card.is-amber {
    --device-card-accent: #f59e0b;
    --device-card-bg: #fffbeb;
}

.account-device-card.is-slate {
    --device-card-accent: #64748b;
    --device-card-bg: #f8fafc;
}

.account-device-card-icon {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    color: var(--device-card-accent);
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.account-device-card-icon .google-pulse-ui-icon {
    height: 17px;
    width: 17px;
}

.account-device-card-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.account-device-card-copy strong {
    color: #0f172a;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.account-device-card-copy small {
    color: #64748b;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.account-device-bars {
    display: grid;
    gap: 10px;
}

.account-device-bar-row {
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 8px;
}

.account-device-bar-title {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
}

.account-device-bar-title span {
    color: #475569;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.account-device-bar-title strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 900;
    overflow-wrap: anywhere;
    text-align: right;
}

.account-device-stacked-bar {
    background: #dbeafe;
    border-radius: 999px;
    display: flex;
    height: 13px;
    overflow: hidden;
    width: 100%;
}

.account-device-segment {
    background: var(--device-color, #94a3b8);
    display: block;
    min-width: 0;
    width: var(--segment, 0%);
}

.account-device-segment.is-blue,
.account-device-legend i.is-blue {
    --device-color: #2563eb;
    background: #2563eb;
}

.account-device-segment.is-teal,
.account-device-legend i.is-teal {
    --device-color: #0f766e;
    background: #0f766e;
}

.account-device-segment.is-amber,
.account-device-legend i.is-amber {
    --device-color: #f59e0b;
    background: #f59e0b;
}

.account-device-segment.is-slate,
.account-device-legend i.is-slate {
    --device-color: #64748b;
    background: #64748b;
}

.account-device-legend {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    min-width: 0;
}

.account-device-legend span {
    align-items: center;
    color: #64748b;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    gap: 4px;
    min-width: 0;
}

.account-device-legend i {
    border-radius: 2px;
    display: inline-block;
    flex: 0 0 auto;
    height: 7px;
    width: 7px;
}

.account-device-legend strong {
    color: #475569;
    font-weight: 900;
}

.account-device-insight-link {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.25;
    max-width: 100%;
    padding: 7px 10px;
    text-decoration: none;
}

.account-device-insight-link:hover,
.account-device-insight-link:focus {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
    text-decoration: none;
}

.account-device-tips {
    display: grid;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-device-tip {
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-left: 3px solid #2563eb;
    border-radius: 8px;
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 7px 9px;
}

.account-device-tip.is-best {
    border-left-color: #0f766e;
}

.account-device-tip.is-low {
    border-left-color: #f59e0b;
}

.account-device-tip span {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.account-device-tip strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

@keyframes accountPulseBeat {
    0%,
    100% {
        opacity: 0.45;
        transform: scale(0.72);
    }

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

@keyframes accountPulseSweep {
    0%,
    100% {
        left: 8px;
        opacity: 0.65;
    }

    50% {
        left: 22px;
        opacity: 1;
    }
}

.google-pulse-account-layout {
    grid-template-columns: minmax(0, 1fr);
}

.account-detail-rail {
    align-content: start;
    gap: 12px;
}

.account-status-filters,
.google-pulse-account-filter-form {
    align-items: stretch;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    margin: 0;
}

.account-filter-primary {
    display: grid;
    gap: 8px;
}

.account-status-filters label {
    color: var(--muted);
    display: grid;
    font-size: 11px;
    font-weight: 500;
    gap: 5px;
    margin: 0;
    text-transform: uppercase;
}

.account-status-filters select,
.account-status-filters input {
    min-height: 34px;
}

.account-filter-cache-note {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1e40af;
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
    padding: 8px 10px;
}

.account-more-filters {
    justify-self: stretch;
    width: 100%;
}

.account-more-filters > .account-filter-drawer {
    background: rgba(255, 255, 255, .68);
    box-shadow: none;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    left: auto;
    margin-top: 8px;
    min-width: 0;
    padding: 8px;
    position: static;
    right: auto;
    top: auto;
    width: 100%;
    z-index: auto;
}

.account-filter-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.account-filter-actions button,
.account-filter-actions .button-link {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    min-height: 34px;
    padding: 8px 13px;
    white-space: nowrap;
}

.account-metric-picker {
    position: relative;
    z-index: 30;
}

.account-metric-picker[open] {
    z-index: 120;
}

.account-metric-refresh-form:not(.account-control-refresh-form):not(.account-control-live-refresh-form) {
    display: grid;
    gap: 8px;
    margin: 0;
}

.account-metric-refresh-form:not(.account-control-refresh-form):not(.account-control-live-refresh-form) label {
    color: var(--muted);
    display: grid;
    font-size: 11px;
    font-weight: 500;
    gap: 5px;
    margin: 0;
    text-transform: uppercase;
}

.account-metric-refresh-form:not(.account-control-refresh-form):not(.account-control-live-refresh-form) select {
    min-height: 34px;
}

.account-metric-refresh-form .button-link {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.account-metric-refresh-form .button-link:disabled {
    background: #9ca3af;
    color: #f8fafc;
    cursor: not-allowed;
}

.account-metric-picker summary {
    background: #fff;
    border-style: solid;
    list-style: none;
}

.account-metric-picker summary::-webkit-details-marker {
    display: none;
}

.account-metric-menu {
    max-height: min(420px, calc(100vh - 160px));
    overflow-y: auto;
    right: 0;
    top: 100%;
    z-index: 1400;
}

.account-metric-picker[open] .account-metric-menu {
    left: var(--account-metric-menu-left, auto);
    max-height: var(--account-metric-menu-max-height, min(420px, calc(100vh - 80px)));
    position: fixed;
    right: auto;
    top: var(--account-metric-menu-top, 80px);
    width: var(--account-metric-menu-width, min(320px, calc(100vw - 24px)));
}

.account-metric-menu .google-pulse-select-all-metrics {
    justify-self: start;
}

.account-metric-menu .google-pulse-metric-option {
    border: 1px solid var(--line);
    border-radius: 999px;
    flex: 1 1 130px;
}

.account-metric-toolbar {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 8px;
}

.account-selected-metrics {
    gap: 6px;
}

.account-selected-metrics .google-pulse-metric-chip {
    cursor: default;
    font-weight: 500;
    min-height: 26px;
    padding: 4px 8px;
}

.account-selected-metrics .google-pulse-metric-chip em {
    font-weight: 600;
}

.account-metric-count {
    margin-top: 0;
    white-space: nowrap;
}

.account-campaign-metrics-summary {
    background: linear-gradient(135deg, #0f172a 0%, #102a43 54%, #123044 100%);
    border: 1px solid rgba(125, 211, 252, .22);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
    color: #e5eefc;
    overflow: visible;
    position: relative;
    z-index: 20;
}

.account-campaign-metrics-summary:has(.account-metric-picker[open]) {
    z-index: 1300;
}

.account-metric-picker {
    position: relative;
}

.account-metric-picker[open] {
    z-index: 1350;
}

.account-campaign-metrics-summary + .account-detail-section {
    border-top: 0;
}

.account-campaign-metrics-summary .account-section-title h3,
.account-campaign-metrics-summary .account-metric-count {
    color: #e5eefc;
}

.account-campaign-metrics-summary .account-help-icon {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(191, 219, 254, .3);
    color: #bfdbfe;
}

.account-campaign-metrics-summary .account-metric-toolbar {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(148, 163, 184, .26);
}

.account-campaign-metrics-summary .account-selected-metrics .google-pulse-metric-chip {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(125, 211, 252, .34);
    color: #dff8ff;
}

.account-campaign-metrics-summary .account-selected-metrics .google-pulse-metric-chip em {
    color: #fbbf24;
}

.account-campaign-metrics-summary .account-metric-picker summary {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(191, 219, 254, .42);
    color: #f8fafc;
}

.account-tabs {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 5px;
    padding-top: 10px;
}

.account-tabs a {
    border-radius: 7px;
    color: #4b5563;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 8px;
    text-decoration: none;
}

.account-tabs a:hover,
.account-tabs a.is-active {
    background: #e8f0fe;
    color: #1a73e8;
}

.account-tabs-top {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #cbd5e1;
    border-radius: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    overflow-x: auto;
    padding: 0;
}

.account-tabs-top a {
    --account-tab-bg: transparent;
    --account-tab-border: #e2e8f0;
    --account-tab-hover: #f8fafc;
    --account-tab-text: #475569;
    align-items: center;
    background: var(--account-tab-bg);
    border: 0;
    border-right: 1px solid var(--account-tab-border);
    border-radius: 0;
    color: var(--account-tab-text);
    display: inline-flex;
    gap: 6px;
    line-height: 1.2;
    min-height: 35px;
    padding: 8px 12px;
    white-space: nowrap;
    font-weight: 600;
}

.account-tabs-top .google-pulse-ui-icon {
    color: currentColor;
    flex-basis: 13px;
    height: 13px;
    width: 13px;
}

.account-tabs-top a:hover {
    background: var(--account-tab-hover);
    color: var(--account-tab-text);
}

.account-tabs-top a.is-active {
    background: transparent;
    box-shadow: inset 0 -2px 0 #2563eb;
    color: #2563eb;
    font-weight: 800;
    position: relative;
    z-index: 1;
}

.account-tabs-top + .google-pulse-account-layout {
    margin-top: -10px;
}

.account-sync-corner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin: 4px 8px -4px;
    min-width: 0;
}

.account-sync-refresh-button {
    align-items: center;
    background: #dc2626;
    border: 1px solid #b91c1c;
    border-radius: 999px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 1 auto;
    font-size: 11px;
    gap: 6px;
    line-height: 1.1;
    min-height: 28px;
    max-width: min(100%, 360px);
    padding: 5px 10px;
    text-align: left;
}

.account-sync-refresh-button strong {
    color: inherit;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.account-sync-refresh-button:hover,
.account-sync-refresh-button:focus-visible {
    background: #b91c1c;
    border-color: #991b1b;
}

.account-sync-refresh-button:disabled {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
    cursor: not-allowed;
}

.account-sync-pill {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbe5f0;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.1;
    max-width: 100%;
    padding: 5px 8px;
    white-space: nowrap;
}

.account-sync-inline {
    min-height: 24px;
    padding: 4px 8px;
}

.account-sync-pill.is-fresh {
    background: #ecfdf3;
    border-color: #bbf7d0;
    color: #166534;
}

.account-sync-pill.is-stale,
.account-sync-pill.is-missing {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.team-admin-section-shell {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
}

.team-admin-section-tabs {
    align-self: start;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    position: static;
}

.team-admin-nav-group {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.team-admin-nav-group p {
    color: var(--color-muted);
    font-size: 11px;
    font-weight: 800;
    grid-column: 1 / -1;
    letter-spacing: .08em;
    margin: 0 0 2px;
    text-transform: uppercase;
}

.team-admin-section-tabs a {
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    display: grid;
    gap: 4px;
    min-height: 58px;
    padding: 10px 12px;
    text-decoration: none;
}

.team-admin-section-tabs a span {
    font-size: 13px;
    font-weight: 800;
}

.team-admin-section-tabs a small {
    color: var(--muted);
    font-size: 11px;
}

.team-admin-section-tabs a:hover,
.team-admin-section-tabs a.is-active {
    border-color: rgba(37, 99, 235, .36);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
}

.team-admin-tab-platform,
.team-admin-tab-directory,
.team-admin-tab-workspace,
.team-admin-tab-workspace-roles,
.team-admin-tab-accounts,
.team-admin-tab-roles {
    background: rgba(255, 255, 255, .86);
}

.team-admin-section-tabs a.is-active {
    background: rgba(37, 99, 235, .08);
    color: #0f172a;
}

.settings-section-shell {
    grid-template-columns: 230px minmax(0, 1fr);
}

.settings-section-tabs a {
    background: rgba(255, 253, 250, .9);
}

.settings-tab-google {
    background: #fff1dd;
}

.settings-tab-alerts {
    background: #fff1f2;
}

.settings-tab-ai {
    background: #eaf2ff;
}

.settings-tab-export {
    background: #eef8ef;
}

.settings-tab-homepage {
    background: #f3edff;
}

.settings-tab-seo {
    background: #e9f8f6;
}

.settings-tab-maintenance {
    background: #fff7df;
}

.settings-tab-maintenance-mode {
    background: #f7edff;
}

.settings-tab-email {
    background: #f1f7ff;
}

.settings-tab-twilio {
    background: #eef8ef;
}

.settings-tab-payment {
    background: #f5ecd7;
}

.settings-tab-packages {
    background: #f7efe6;
}

.settings-tab-package-features {
    background: #edf4e7;
}

.settings-tab-google.is-active {
    background: #ffe2ba;
}

.settings-tab-alerts.is-active {
    background: #ffe4e6;
}

.settings-tab-ai.is-active {
    background: #dbeaff;
}

.settings-tab-export.is-active {
    background: #ddf1df;
}

.settings-tab-homepage.is-active {
    background: #e9ddff;
}

.settings-tab-seo.is-active {
    background: #d9f0ed;
}

.settings-tab-maintenance.is-active {
    background: #ffedb8;
}

.settings-tab-maintenance-mode.is-active {
    background: #ead7ff;
}

.settings-tab-email.is-active {
    background: #dcecff;
}

.settings-tab-twilio.is-active {
    background: #ddf1df;
}

.settings-tab-payment.is-active {
    background: #ead9b8;
}

.settings-tab-packages.is-active {
    background: #eadccd;
}

.settings-tab-package-features.is-active {
    background: #dceccd;
}

.billing-tab-customer {
    background: #f8fafc;
}

.billing-tab-checkout {
    background: #eff6ff;
}

.billing-tab-payment {
    background: #f8fafc;
}

.billing-tab-packages {
    background: #f8fafc;
}

.billing-tab-package-features {
    background: #f8fafc;
}

.billing-tab-subscription-billing {
    background: #eff6ff;
}

.billing-tab-customer.is-active {
    background: #dbeafe;
}

.billing-tab-checkout.is-active {
    background: #dbeaff;
}

.billing-tab-payment.is-active {
    background: #dbeafe;
}

.billing-tab-packages.is-active {
    background: #dbeafe;
}

.billing-tab-package-features.is-active {
    background: #dbeafe;
}

.billing-tab-subscription-billing.is-active {
    background: #dbeafe;
}

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

.billing-section-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}

.billing-section-tabs a {
    flex: 1 1 148px;
    min-width: 144px;
}

.team-admin-section-content {
    border: 1px solid var(--line);
    border-radius: 12px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    padding: 10px;
}

.team-admin-content-workspaces {
    background: #e9ddff;
}

.team-admin-content-workspace_roles {
    background: #d7f0e2;
}

.team-admin-content-members {
    background: #ddf1df;
}

.team-admin-content-accounts {
    background: #d9f0ed;
}

.team-admin-content-platform {
    background: #dbeaff;
}

.settings-section-content {
    background: rgba(248, 241, 229, .72);
    min-width: 0;
}

.settings-section-content > .section-head,
.settings-section-content > .alert,
.settings-section-content > .card {
    margin: 0;
}

.settings-section-content > .section-head {
    align-items: center;
    background: rgba(255, 253, 250, .92);
    border: 1px solid var(--line);
    border-radius: 10px;
    min-height: 0;
    padding: 12px 14px;
}

.settings-section-content > .section-head h2 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
}

.settings-section-content > .section-head .eyebrow {
    margin: 0 0 3px;
}

.settings-section-content > .alert {
    border-radius: 9px;
    font-size: 12px;
    line-height: 1.45;
    padding: 9px 11px;
}

.settings-section-content > .card {
    background: rgba(255, 253, 250, .94);
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
    padding: 14px 16px;
}

.settings-section-content > .card:nth-of-type(even) {
    background: rgba(255, 249, 238, .94);
}

.settings-section-content > .card:nth-of-type(3n) {
    background: rgba(246, 249, 239, .92);
}

.settings-section-content .form-card form {
    display: grid;
    gap: 10px;
}

.settings-section-content .form-grid {
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.settings-section-content .form-grid label,
.settings-section-content .settings-inline-filter label {
    gap: 5px;
}

.settings-section-content input:not([type="checkbox"]):not([type="radio"]),
.settings-section-content select,
.settings-section-content textarea {
    border-radius: 7px;
    min-height: 36px;
}

.settings-section-content textarea {
    line-height: 1.45;
}

.pages-settings-card {
    display: grid;
    gap: 12px;
}

.pages-media-panel,
.pages-subpanel {
    background: rgba(255, 253, 250, .78);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: 10px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.pages-media-upload {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(240px, 1fr) auto;
}

.pages-media-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.pages-media-empty {
    color: var(--color-muted);
    font-size: 12px;
}

.pages-media-item {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 6px;
}

.pages-media-preview {
    background: var(--color-surface-muted);
    border-radius: 6px;
    overflow: hidden;
}

.pages-media-item img,
.pages-media-item video {
    background: var(--color-surface-muted);
    border-radius: 6px;
    display: block;
    height: 104px;
    object-fit: cover;
    width: 100%;
}

.pages-media-meta {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: space-between;
    min-width: 0;
}

.pages-media-meta strong {
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pages-media-meta code {
    color: var(--color-muted);
    font-size: 10px;
}

.pages-media-url {
    display: grid;
    gap: 4px;
}

.pages-media-url input {
    font-size: 11px;
    min-height: 30px;
}

.pages-media-card-actions {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.pages-media-card-actions select {
    min-width: 0;
}

.pages-public-site-grid {
    display: grid;
    gap: 10px;
}

.pages-settings-toolbar {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(260px, 1fr) auto;
}

.pages-ai-instructions {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 10px;
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
    padding: 12px;
}

.pages-ai-instructions textarea {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--color-text);
    font-size: 12px;
    line-height: 1.55;
    min-height: 210px;
    resize: vertical;
    width: 100%;
}

.pages-table-wrap {
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: auto;
}

.pages-settings-table th,
.pages-settings-table td {
    vertical-align: top;
}

.pages-settings-table {
    border-collapse: separate;
    border-spacing: 0 5px;
    min-width: 1120px;
}

.pages-settings-table thead th {
    border-bottom: 0;
    font-size: 11px;
    padding: 7px 8px;
}

.pages-settings-table thead th:first-child {
    width: 44px;
}

.pages-settings-table thead th:nth-child(2) {
    width: 48px;
}

.pages-settings-table thead th:nth-child(3) {
    width: 52px;
}

.pages-settings-table thead th:nth-child(4) {
    width: 72px;
}

.pages-page-row td,
.pages-settings-table th {
    white-space: nowrap;
}

.pages-page-row td {
    padding: 5px 8px;
}

.pages-page-row td {
    background: rgba(255, 253, 250, .96);
    border-bottom: 1px solid rgba(218, 203, 183, .86);
    border-top: 1px solid rgba(218, 203, 183, .86);
}

.pages-page-row td:first-child,
.pages-editor-table-row td:first-child {
    border-left: 1px solid rgba(218, 203, 183, .86);
    border-radius: 9px 0 0 9px;
}

.pages-page-row td:last-child,
.pages-editor-table-row td:last-child {
    border-right: 1px solid rgba(218, 203, 183, .86);
    border-radius: 0 9px 9px 0;
}

.pages-page-row.is-page-row-open td {
    background: rgba(255, 247, 229, .98);
    border-bottom-color: transparent;
}

.pages-editor-table-row td {
    background: rgba(255, 247, 229, .98);
    border-bottom: 1px solid rgba(218, 203, 183, .86);
    padding-top: 0;
}

.pages-editor-table-row[hidden] {
    display: none !important;
}

.pages-collapse-toggle {
    align-items: center;
    background: var(--color-surface-muted);
    border: 1px solid var(--line);
    border-radius: 6px;
    color: var(--color-text);
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 28px;
}

.pages-collapse-toggle[aria-expanded="true"] {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff;
}

.settings-section-content .pages-settings-table input[type="text"],
.settings-section-content .pages-settings-table input[type="number"] {
    font-size: 13px;
    height: 32px;
    min-height: 32px;
    min-width: 180px;
    padding: 6px 10px;
}

.settings-section-content .pages-settings-table .pages-order-input {
    min-width: 58px;
    width: 64px;
}

.pages-visibility-check {
    align-items: center;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.pages-visibility-check input[type="checkbox"] {
    accent-color: var(--color-success);
    height: 18px;
    margin: 0;
    min-height: 18px;
    width: 18px;
}

.pages-visibility-check input[type="checkbox"]:disabled {
    opacity: .55;
}

.button-link-small {
    font-size: 12px;
    padding: 7px 9px;
}

.pages-editor {
    background: rgba(255, 249, 238, .9);
    border: 1px solid var(--line);
    border-radius: 10px;
    display: grid;
    gap: 8px;
    padding: 10px;
}

.pages-editor-head,
.pages-editor-actions,
.pages-rich-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.pages-editor-head {
    justify-content: space-between;
}

.pages-editor-fields {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(160px, .8fr) minmax(180px, 1fr) minmax(220px, 1.4fr);
}

.pages-editor-fields label {
    display: grid;
    gap: 4px;
}

.pages-media-picker {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pages-media-picker select {
    max-width: 360px;
    min-width: 220px;
}

.pages-editor-actions .is-active {
    background: var(--color-secondary);
    color: #fff;
}

.pages-rich-toolbar {
    background: var(--color-surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 6px;
}

.pages-rich-toolbar button {
    background: var(--color-surface-muted);
    border: 1px solid var(--line);
    border-radius: 6px;
    color: var(--color-text);
    cursor: pointer;
    font-size: 12px;
    min-height: 30px;
    padding: 5px 8px;
}

.pages-mode-panel[hidden],
.pages-rich-toolbar[hidden],
.is-page-template-row[hidden] {
    display: none !important;
}

.pages-rich-panel,
.pages-html-panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    line-height: 1.6;
    min-height: 180px;
    padding: 12px;
    width: 100%;
}

.pages-rich-panel img,
.pages-rich-panel video,
.public-home-shell img,
.public-home-shell video {
    height: auto;
    max-width: 100%;
}

.pages-footer-builder {
    margin-top: 2px;
}

.pages-footer-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pages-footer-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 9px;
    display: grid;
    gap: 8px;
    padding: 10px;
}

.pages-footer-card h4 {
    font-size: 13px;
    margin: 0;
}

.pages-inline-check {
    align-items: center;
    align-self: center;
    display: inline-flex !important;
    gap: 8px;
    min-height: 36px;
}

.pages-inline-check input[type="checkbox"] {
    height: 18px;
    margin: 0;
    min-height: 18px;
    width: 18px;
}

.pages-rich-panel:focus {
    border-color: rgba(179, 84, 30, .55);
    outline: 3px solid rgba(179, 84, 30, .14);
}

.pages-rich-panel h1,
.pages-rich-panel h2,
.pages-rich-panel h3,
.pages-rich-panel p {
    margin-top: 0;
}

@media (max-width: 760px) {
    .public-page-topbar-inner {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px 12px;
        justify-content: center;
        min-height: 0;
        padding: 8px 18px;
        text-align: center;
    }

    .public-page-usp {
        justify-content: center;
    }

    .public-page-workspace-link {
        align-self: center;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .public-page-nav,
    .public-page-menu {
        justify-content: flex-start;
    }

    .public-page-nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .public-page-menu {
        grid-column: 1 / -1;
        max-width: 100%;
        width: 100%;
    }

    .public-page-brand {
        max-width: 100%;
        width: auto;
    }

    .public-page-menu-trigger {
        background: rgba(255, 255, 255, .82);
        border: 1px solid rgba(218, 203, 183, .9);
        color: var(--color-text);
        display: inline-flex;
        padding: 8px 14px;
    }

    .public-page-menu-trigger:hover,
    .public-page-menu-trigger:focus-visible {
        background: #fff;
        color: var(--color-text);
    }

    .public-page-menu-trigger[aria-expanded="true"] {
        background: #111827;
        border-color: #111827;
        color: #fff;
    }

    .public-page-menu {
        align-items: stretch;
        border-radius: 16px;
        display: none;
        flex-direction: column;
        padding: 6px;
    }

    .public-page-menu.is-open {
        display: flex;
    }

    .public-page-menu a:not(.button-link) {
        width: 100%;
    }

    .public-page-footer-grid {
        grid-template-columns: 1fr;
    }

    .public-page-brand span,
    .public-page-menu a:not(.button-link) {
        font-size: 11px;
    }

    .public-home-shell .home-hero {
        padding: 42px 18px !important;
    }

    .public-home-shell .home-hero h1 {
        display: block !important;
        font-size: 32px !important;
        max-inline-size: 340px !important;
        max-width: calc(100vw - 40px) !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: break-word;
        white-space: normal !important;
        width: calc(100vw - 40px) !important;
    }

    .public-home,
    .public-home-shell,
    .public-home-shell .home-page,
    .public-home-shell .home-hero,
    .public-home-shell .home-grid,
    .public-home-shell .home-band,
    .public-home-shell .home-steps {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden;
        width: 100% !important;
    }

    .public-home-shell .home-hero p,
    .public-home-shell .home-card p,
    .public-home-shell .home-card li,
    .public-home-shell .home-band p {
        max-inline-size: 340px !important;
        max-width: calc(100vw - 40px) !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
        width: auto !important;
    }

    .public-home-shell .home-grid,
    .public-home-shell .home-steps {
        grid-template-columns: 1fr !important;
    }

    .pages-settings-toolbar {
        grid-template-columns: 1fr;
    }

    .pages-editor-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .pages-media-upload,
    .pages-media-card-actions,
    .pages-editor-fields,
    .pages-footer-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .billing-admin-grid,
    .billing-data-grid,
    .billing-mapping-form-grid,
    .billing-plan-grid,
    .billing-plan-intro,
    .billing-summary-grid,
    .billing-cancel-card,
    .billing-detail-list,
    .billing-detail-list-four,
    .billing-metric-strip {
        grid-template-columns: 1fr;
    }

    .billing-customer-action {
        grid-template-columns: 1fr;
    }

    .billing-action-row {
        justify-content: flex-start;
    }

    .billing-mapping-form-grid label:nth-child(2),
    .billing-mapping-form-grid label:nth-child(7) {
        grid-column: auto;
    }

    .billing-cancel-form {
        grid-template-columns: 1fr;
        min-width: 0;
    }
}

.settings-card-head,
.settings-form-section-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.settings-card-head {
    margin-bottom: 10px;
}

.settings-card-head h3,
.settings-form-section-head h3 {
    font-size: 15px;
    line-height: 1.2;
    margin: 0;
}

.settings-card-head .eyebrow,
.settings-form-section-head .eyebrow {
    font-size: 10px;
    letter-spacing: .08em;
    margin: 0 0 2px;
}

.settings-form-section {
    background: rgba(255, 253, 250, .74);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: 9px;
    display: grid;
    gap: 10px;
    padding: 11px;
}

.settings-form-section-alt {
    background: rgba(247, 239, 227, .72);
}

.settings-form-grid-compact {
    margin: 0;
}

.payment-gateway-credential-section {
    min-width: 0;
}

.settings-section-content .payment-gateway-credential-grid,
.payment-gateway-credential-grid {
    grid-template-columns: minmax(0, 1fr);
}

.settings-section-content .payment-gateway-credential-grid label,
.settings-section-content .payment-gateway-credential-grid input,
.settings-section-content .payment-gateway-credential-grid select,
.payment-gateway-credential-grid label,
.payment-gateway-credential-grid input,
.payment-gateway-credential-grid select {
    min-width: 0;
    width: 100%;
}

.settings-section-content .payment-gateway-credential-grid .muted,
.settings-section-content .payment-gateway-credential-grid code,
.payment-gateway-credential-grid .muted,
.payment-gateway-credential-grid code {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
}

.settings-check-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.settings-check-option {
    align-items: center;
    background: rgba(255, 253, 250, .78);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: 8px;
    display: inline-flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 700;
    gap: 7px;
    justify-content: flex-start;
    line-height: 1.25;
    min-height: 36px;
    padding: 7px 9px;
}

.settings-section-content .form-grid label.settings-check-option {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
}

.settings-check-option input[type="checkbox"] {
    accent-color: var(--color-success);
    flex: 0 0 auto;
    height: 14px;
    margin: 0;
    min-height: 14px;
    width: 14px;
}

.settings-check-option-small {
    justify-content: center;
    min-width: 96px;
    width: fit-content;
}

.settings-table-scroll {
    background: rgba(255, 253, 250, .54);
    border: 1px solid rgba(218, 203, 183, .72);
    border-radius: 8px;
    overflow-x: auto;
}

.settings-section-content .settings-table-scroll .data-table {
    min-width: 760px;
}

.settings-section-content .settings-table-scroll .data-table th,
.settings-section-content .settings-table-scroll .data-table td {
    padding: 8px 10px;
}

.settings-section-content .data-table tbody tr:nth-child(even) td {
    background: rgba(255, 250, 240, .56);
}

.settings-section-content .data-table tbody tr:hover td {
    background: rgba(255, 244, 216, .6);
}

.table-scroll.package-feature-table-scroll,
.is-settings-diagnostics-page .table-scroll.package-feature-table-scroll {
    background: #ffffff;
    border-color: rgba(226, 232, 240, .98);
    max-height: none;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    position: relative;
}

.package-feature-summary-scroll {
    max-height: none;
}

.package-feature-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 920px;
}

.package-feature-summary-table {
    min-width: 1020px;
}

.package-feature-matrix-head {
    align-items: flex-start;
    gap: 12px;
}

.table-card.package-feature-matrix-card,
.is-settings-diagnostics-page .table-card.package-feature-matrix-card {
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
}

.package-feature-matrix-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.package-feature-matrix-actions .button-link[disabled] {
    cursor: not-allowed;
    opacity: .56;
}

.package-feature-summary-table th:not(:first-child),
.package-feature-summary-table td:not(:first-child) {
    border-left: 1px solid rgba(148, 163, 184, .28);
    min-width: 186px;
    width: 186px;
}

.package-feature-summary-table th:first-child,
.package-feature-summary-table td:first-child {
    min-width: 230px;
    width: 230px;
}

.package-feature-summary-table td {
    padding: 8px 10px;
}

.package-feature-matrix-help {
    font-size: 12px;
    line-height: 1.35;
}

.package-feature-matrix-cell {
    position: relative;
    transition: background-color .16s ease, box-shadow .16s ease;
    vertical-align: top;
}

.package-feature-matrix-cell-controls,
.package-feature-matrix-inputs {
    display: grid;
    gap: 6px;
}

.package-feature-matrix-cell-controls {
    grid-template-columns: repeat(2, max-content);
    margin-bottom: 7px;
}

.package-feature-summary-table .package-feature-matrix-toggle {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #64748b;
    cursor: pointer;
    display: inline-flex !important;
    flex-direction: row;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
    justify-content: center;
    line-height: 1;
    min-height: 24px;
    min-width: 48px;
    padding: 4px 8px;
    position: relative;
    user-select: none;
}

.package-feature-summary-table .package-feature-matrix-toggle input {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.package-feature-summary-table .package-feature-matrix-toggle::before {
    background: #cbd5e1;
    border-radius: 999px;
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
}

.package-feature-summary-table .package-feature-matrix-toggle:has(input:checked) {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.package-feature-summary-table .package-feature-matrix-toggle:has(input:checked)::before {
    background: #16a34a;
    box-shadow: 0 0 0 2px rgba(22, 163, 74, .12);
}

.package-feature-summary-table .package-feature-matrix-toggle:focus-within {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}

.package-feature-matrix-inputs {
    gap: 4px;
    grid-template-columns: minmax(0, 1fr);
}

.package-feature-matrix-inputs input[type="text"] {
    font-size: 12px;
    min-height: 32px;
    min-width: 0;
    padding: 7px 8px;
    width: 100%;
}

.package-feature-matrix-inputs input[type="text"]::placeholder {
    color: #94a3b8;
}

.package-feature-matrix-unit {
    color: #475569;
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.package-feature-matrix-unsaved {
    color: #92400e;
    display: none;
    font-size: 10px;
    font-weight: 700;
    margin-top: 6px;
}

.settings-section-content .package-feature-summary-table tbody tr td.package-feature-matrix-cell.is-edited,
.billing-section-content .package-feature-summary-table tbody tr td.package-feature-matrix-cell.is-edited,
.package-feature-summary-table tbody tr td.package-feature-matrix-cell.is-edited {
    background: #fff7ed;
    box-shadow: inset 0 0 0 2px rgba(245, 158, 11, .34);
}

.settings-section-content .package-feature-summary-table tbody tr:hover td.package-feature-matrix-cell.is-edited,
.billing-section-content .package-feature-summary-table tbody tr:hover td.package-feature-matrix-cell.is-edited,
.package-feature-summary-table tbody tr:hover td.package-feature-matrix-cell.is-edited {
    background: #ffedd5;
}

.package-feature-matrix-cell.is-edited .package-feature-matrix-unsaved {
    display: block;
}

.package-feature-review-table {
    min-width: 1180px;
    table-layout: fixed;
}

.package-feature-table thead {
    position: sticky;
    top: 64px;
    z-index: 12;
}

.package-feature-table th {
    background: #f8fafc;
    box-shadow: inset 0 -1px 0 rgba(226, 232, 240, .98);
    font-size: 11px;
    letter-spacing: 0;
    position: sticky;
    top: 64px;
    white-space: nowrap;
    z-index: 12;
}

.package-feature-category-row td {
    background: #eff6ff;
    border-bottom: 1px solid rgba(37, 99, 235, .16);
    border-top: 1px solid rgba(37, 99, 235, .12);
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 7px 10px;
    text-transform: uppercase;
}

.package-feature-category-row span,
.package-feature-category-row small {
    display: inline-flex;
    vertical-align: middle;
}

.package-feature-category-row small {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    margin-left: 8px;
    text-transform: none;
}

.settings-section-content .package-feature-table tbody tr.package-feature-category-row:hover td,
.billing-section-content .package-feature-table tbody tr.package-feature-category-row:hover td,
.package-feature-table tbody tr.package-feature-category-row:hover td {
    background: #eff6ff;
}

.package-feature-review-table th:nth-child(1),
.package-feature-review-table td:nth-child(1) {
    width: 190px;
}

.package-feature-review-table th:nth-child(2),
.package-feature-review-table td:nth-child(2) {
    width: 116px;
}

.package-feature-review-table th:nth-child(3),
.package-feature-review-table td:nth-child(3) {
    width: 150px;
}

.package-feature-review-table th:nth-child(4),
.package-feature-review-table td:nth-child(4),
.package-feature-review-table th:nth-child(5),
.package-feature-review-table td:nth-child(5) {
    width: 150px;
}

.package-feature-review-table th:nth-child(6),
.package-feature-review-table td:nth-child(6),
.package-feature-review-table th:nth-child(7),
.package-feature-review-table td:nth-child(7) {
    width: 260px;
}

.package-feature-review-table input[type="text"],
.package-feature-note-field {
    min-width: 0;
    width: 100%;
}

.package-feature-note-field {
    line-height: 1.35;
    min-height: 56px;
    resize: vertical;
}

@media (max-width: 760px) {
    .package-feature-matrix-head {
        align-items: stretch;
        flex-direction: column;
    }

    .package-feature-matrix-actions {
        justify-content: flex-start;
        max-width: calc(100vw - 80px);
        width: 100%;
    }

    .package-feature-table th,
    .package-feature-table td {
        font-size: 12px;
    }
}

.billing-section-content {
    background: rgba(248, 250, 252, .92);
    border-color: rgba(226, 232, 240, .96);
}

.subscription-billing-page,
.billing-metric-strip,
.billing-admin-grid,
.billing-data-grid,
.billing-review-nav {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.subscription-billing-page {
    gap: 12px;
}

.billing-page-head {
    margin-bottom: 0;
}

.billing-review-nav {
    align-items: center;
    background: rgba(255, 255, 255, .88);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px;
}

.billing-review-nav a {
    border-radius: 8px;
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    padding: 7px 10px;
    text-decoration: none;
}

.billing-review-nav a:hover,
.billing-review-nav a:focus-visible {
    background: rgba(37, 99, 235, .1);
    color: var(--color-primary);
}

.billing-safety-banner {
    align-items: center;
    background: rgba(255, 251, 235, .82);
    border: 1px solid rgba(245, 158, 11, .24);
    border-left: 4px solid var(--color-warning);
    border-radius: 10px;
    color: #92400e;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    line-height: 1.45;
    padding: 9px 12px;
}

.billing-safety-banner strong {
    color: #78350f;
    font-size: 12px;
}

.billing-safety-banner span {
    font-size: 12px;
}

.billing-setup-card {
    margin: 0;
}

.billing-metric-strip {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.billing-metric-card {
    background: #ffffff;
    border-color: rgba(226, 232, 240, .98);
    border-radius: 12px;
    box-shadow: none;
    display: grid;
    gap: 4px;
    margin: 0;
    min-height: 0;
    padding: 12px 14px;
}

.billing-metric-strip span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.billing-metric-strip strong {
    color: var(--text);
    font-size: 22px;
    line-height: 1.1;
}

.billing-admin-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
}

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

.billing-admin-grid > .card,
.billing-data-grid > .card {
    margin: 0;
}

.billing-data-grid > .card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.billing-mapping-card,
.billing-review-card {
    background: #ffffff;
    border-color: rgba(226, 232, 240, .98);
    border-radius: 12px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045);
    margin: 0;
    min-width: 0;
    padding: 14px;
}

.billing-mapping-form-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.billing-mapping-form-grid label:nth-child(2),
.billing-mapping-form-grid label:nth-child(7) {
    grid-column: auto;
}

.billing-review-table-scroll {
    background: #ffffff;
    border-color: rgba(226, 232, 240, .98);
    max-height: 340px;
    overflow: auto;
}

.billing-review-table-scroll-tall {
    max-height: 520px;
}

.billing-review-table {
    min-width: 920px;
}

.billing-review-table th {
    background: #f8fafc;
    font-size: 11px;
    letter-spacing: 0;
    position: sticky;
    top: 0;
    z-index: 1;
}

.billing-review-table th,
.billing-review-table td {
    font-size: 12px;
    padding: 8px 10px;
}

.billing-section-content .settings-table-scroll .billing-review-table {
    min-width: 920px;
}

.billing-section-content .settings-table-scroll .billing-audit-table {
    min-width: 1040px;
}

.billing-section-content .settings-table-scroll .billing-review-table th,
.billing-section-content .settings-table-scroll .billing-review-table td {
    padding: 8px 10px;
}

.billing-section-content .data-table tbody tr:nth-child(even) td {
    background: #f8fafc;
}

.billing-section-content .data-table tbody tr:hover td {
    background: rgba(239, 246, 255, .82);
}

.billing-review-table code {
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
}

#billing-trials .billing-trial-controls-table {
    min-width: 720px;
    table-layout: fixed;
}

#billing-trials .billing-trial-controls-table th:nth-child(1),
#billing-trials .billing-trial-controls-table td:nth-child(1) {
    width: 26%;
}

#billing-trials .billing-trial-controls-table th:nth-child(2),
#billing-trials .billing-trial-controls-table td:nth-child(2) {
    width: 11%;
}

#billing-trials .billing-trial-controls-table th:nth-child(3),
#billing-trials .billing-trial-controls-table td:nth-child(3) {
    width: 14%;
}

#billing-trials .billing-trial-controls-table th:nth-child(4),
#billing-trials .billing-trial-controls-table td:nth-child(4) {
    width: 27%;
}

#billing-trials .billing-trial-controls-table th:nth-child(5),
#billing-trials .billing-trial-controls-table td:nth-child(5) {
    width: 22%;
}

#billing-trials .billing-trial-action-cell {
    padding-bottom: 6px;
    padding-top: 6px;
    vertical-align: top;
}

.billing-trial-action-stack {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.billing-trial-action-form {
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 8px;
    gap: 5px;
    max-width: none;
    padding: 6px;
    width: 100%;
}

.billing-trial-action-row {
    align-items: end;
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(54px, 72px) minmax(58px, auto);
    min-width: 0;
}

.billing-trial-days-field span {
    font-size: 9px;
    line-height: 1.1;
    margin-bottom: 2px;
}

.billing-trial-days-field input,
.billing-trial-reason-details input {
    font-size: 11px;
    min-height: 28px;
    padding: 5px 7px;
}

.billing-trial-action-form .button-link-small {
    align-items: center;
    display: inline-flex;
    font-size: 11px;
    justify-content: center;
    min-height: 28px;
    padding: 5px 8px;
}

.billing-trial-free-toggle {
    background: #ffffff;
    border-color: rgba(203, 213, 225, .92);
    color: #334155;
    font-size: 11px;
    min-height: 28px;
    overflow: hidden;
    padding: 5px 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.billing-trial-free-toggle input[type="checkbox"] {
    height: 13px;
    min-height: 13px;
    width: 13px;
}

.billing-trial-reason-details {
    color: #475569;
    font-size: 11px;
    min-width: 0;
}

.billing-trial-reason-details summary {
    cursor: pointer;
    font-weight: 800;
    line-height: 1.2;
    outline-offset: 2px;
}

.billing-trial-reason-details input {
    margin-top: 5px;
}

#billing-subscriptions .billing-workspace-email {
    font-size: 11px;
    line-height: 1.25;
    margin-top: 3px;
    overflow-wrap: anywhere;
}

#billing-gateways .billing-review-table,
#billing-invoices .billing-review-table,
#billing-payments .billing-review-table,
#billing-webhooks .billing-review-table {
    min-width: 0;
    table-layout: fixed;
}

#billing-gateways .billing-review-table th:nth-child(1),
#billing-gateways .billing-review-table td:nth-child(1) {
    width: 18%;
}

#billing-gateways .billing-review-table th:nth-child(2),
#billing-gateways .billing-review-table td:nth-child(2),
#billing-gateways .billing-review-table th:nth-child(3),
#billing-gateways .billing-review-table td:nth-child(3) {
    width: 9%;
}

#billing-gateways .billing-review-table th:nth-child(4),
#billing-gateways .billing-review-table td:nth-child(4) {
    width: 20%;
}

#billing-gateways .billing-review-table th:nth-child(5),
#billing-gateways .billing-review-table td:nth-child(5) {
    width: 25%;
}

#billing-gateways .billing-review-table th:nth-child(6),
#billing-gateways .billing-review-table td:nth-child(6) {
    width: 10%;
}

#billing-gateways .billing-review-table th:nth-child(7),
#billing-gateways .billing-review-table td:nth-child(7) {
    width: 74px;
}

#billing-invoices .billing-review-table th:nth-child(1),
#billing-invoices .billing-review-table td:nth-child(1),
#billing-invoices .billing-review-table th:nth-child(2),
#billing-invoices .billing-review-table td:nth-child(2) {
    width: 14%;
}

#billing-invoices .billing-review-table th:nth-child(3),
#billing-invoices .billing-review-table td:nth-child(3),
#billing-invoices .billing-review-table th:nth-child(5),
#billing-invoices .billing-review-table td:nth-child(5) {
    width: 8%;
}

#billing-invoices .billing-review-table th:nth-child(4),
#billing-invoices .billing-review-table td:nth-child(4) {
    width: 12%;
}

#billing-invoices .billing-review-table th:nth-child(6),
#billing-invoices .billing-review-table td:nth-child(6) {
    width: 24%;
}

#billing-invoices .billing-review-table th:nth-child(7),
#billing-invoices .billing-review-table td:nth-child(7) {
    width: 10%;
}

#billing-invoices .billing-review-table th:nth-child(8),
#billing-invoices .billing-review-table td:nth-child(8) {
    width: 10%;
}

#billing-payments .billing-review-table th:nth-child(1),
#billing-payments .billing-review-table td:nth-child(1) {
    width: 18%;
}

#billing-payments .billing-review-table th:nth-child(2),
#billing-payments .billing-review-table td:nth-child(2),
#billing-payments .billing-review-table th:nth-child(4),
#billing-payments .billing-review-table td:nth-child(4) {
    width: 9%;
}

#billing-payments .billing-review-table th:nth-child(3),
#billing-payments .billing-review-table td:nth-child(3) {
    width: 11%;
}

#billing-payments .billing-review-table th:nth-child(5),
#billing-payments .billing-review-table td:nth-child(5) {
    width: 28%;
}

#billing-payments .billing-review-table th:nth-child(6),
#billing-payments .billing-review-table td:nth-child(6) {
    width: 12%;
}

#billing-payments .billing-review-table th:nth-child(7),
#billing-payments .billing-review-table td:nth-child(7) {
    width: 13%;
}

#billing-webhooks .billing-review-table th:nth-child(1),
#billing-webhooks .billing-review-table td:nth-child(1) {
    width: 24%;
}

#billing-webhooks .billing-review-table th:nth-child(2),
#billing-webhooks .billing-review-table td:nth-child(2) {
    width: 10%;
}

#billing-webhooks .billing-review-table th:nth-child(3),
#billing-webhooks .billing-review-table td:nth-child(3) {
    width: 18%;
}

#billing-webhooks .billing-review-table th:nth-child(4),
#billing-webhooks .billing-review-table td:nth-child(4) {
    width: 14%;
}

#billing-webhooks .billing-review-table th:nth-child(5),
#billing-webhooks .billing-review-table td:nth-child(5),
#billing-webhooks .billing-review-table th:nth-child(6),
#billing-webhooks .billing-review-table td:nth-child(6),
#billing-webhooks .billing-review-table th:nth-child(7),
#billing-webhooks .billing-review-table td:nth-child(7) {
    width: 11%;
}

.billing-audit-action {
    max-width: 560px;
    min-width: 320px;
    white-space: normal;
}

.billing-audit-action .muted {
    display: inline-block;
    line-height: 1.45;
    margin-top: 2px;
}

.billing-customer-action {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    margin-bottom: 14px;
    overflow: hidden;
}

.billing-customer-action h3,
.billing-summary-card h3,
.billing-session-card h3 {
    margin-bottom: 4px;
}

.billing-customer-action p {
    color: var(--muted);
    margin: 0;
}

.billing-customer-action.is-warning {
    border-color: rgba(245, 158, 11, .36);
    background: rgba(255, 251, 235, .88);
}

.billing-customer-action.is-danger {
    border-color: rgba(220, 38, 38, .28);
    background: rgba(254, 242, 242, .9);
}

.billing-local-tabs {
    align-items: center;
    background: rgba(255, 253, 250, .82);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: 9px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
    padding: 6px;
}

.billing-local-tabs button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    min-height: 34px;
    padding: 7px 11px;
}

.billing-local-tabs button:hover,
.billing-local-tabs button:focus-visible,
.billing-local-tabs button.is-active {
    background: #fff;
    border-color: rgba(37, 99, 235, .22);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
    color: var(--color-primary);
}

.billing-local-panel[hidden] {
    display: none !important;
}

.billing-local-panel {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.billing-summary-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
}

.billing-summary-card,
.billing-session-card {
    margin: 0 0 14px;
}

.billing-local-panel > .billing-summary-grid,
.billing-local-panel > .billing-session-card,
.billing-local-panel > .billing-customer-action,
.billing-local-panel > .billing-cancel-card {
    margin-bottom: 0;
}

.billing-detail-list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 12px 0 0;
}

.billing-detail-list-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.billing-detail-list div {
    background: rgba(248, 250, 252, .86);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 8px;
    min-width: 0;
    padding: 8px 10px;
}

.billing-detail-list dt {
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.billing-detail-list dd {
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.billing-action-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    min-width: 0;
}

.billing-customer-action .billing-action-row {
    align-self: stretch;
}

.billing-inline-form {
    display: inline-flex;
    margin: 0;
    min-width: 0;
}

.billing-admin-cancel-form {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    max-width: 260px;
}

.billing-admin-cancel-form label {
    margin: 0;
    width: 100%;
}

.billing-admin-cancel-form label span {
    color: var(--muted);
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.billing-admin-cancel-form input {
    max-width: 100%;
    width: 100%;
}

.billing-inline-form button,
.billing-action-row .button-link {
    white-space: nowrap;
}

.billing-quick-checkout-form {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(150px, 1fr) auto;
    min-width: 0;
    width: 100%;
}

.billing-quick-checkout-form label {
    display: grid;
    gap: 4px;
    margin: 0;
    min-width: 0;
}

.billing-quick-checkout-form label span {
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.billing-quick-checkout-form select {
    min-height: 36px;
}

.billing-quick-checkout-form button {
    min-height: 36px;
    white-space: nowrap;
}

.billing-quick-checkout-form .billing-quick-checkout-message {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    grid-column: 1 / -1;
    min-height: 14px;
}

.billing-quick-checkout-form .billing-quick-checkout-message.is-error {
    color: var(--color-danger);
}

.billing-provider-warning {
    color: var(--color-danger);
    font-weight: 700;
}

.billing-quick-checkout-form-compact {
    margin-top: 2px;
}

.dashboard-plan-card .billing-quick-checkout-form-compact {
    align-items: center;
    display: inline-grid;
    gap: 6px;
    grid-template-columns: 118px auto;
    justify-content: start;
    margin-top: 0;
    max-width: 100%;
    width: fit-content;
}

.dashboard-plan-card .billing-quick-checkout-form-compact label {
    display: block;
    min-width: 0;
}

.dashboard-plan-card .billing-quick-checkout-form-compact label span {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.dashboard-plan-card .billing-quick-checkout-form-compact select {
    font-size: 12px;
    min-height: 32px;
    padding: 6px 28px 6px 10px;
    width: 118px;
}

.dashboard-plan-card .billing-quick-checkout-form-compact button {
    font-size: 12px;
    min-height: 32px;
    padding: 7px 10px;
}

.dashboard-plan-card .billing-quick-checkout-form-compact .billing-quick-checkout-message {
    font-size: 10px;
    grid-column: 1 / -1;
    min-height: 12px;
}

.billing-plan-intro {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
}

.billing-cancel-card {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
    overflow: hidden;
}

.billing-cancel-card > * {
    min-width: 0;
}

.billing-cancel-card .billing-detail-list {
    margin-top: 0;
}

.billing-cancel-card .billing-detail-list-four {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.billing-plan-intro p,
.billing-cancel-card p,
.billing-plan-card p {
    color: var(--muted);
    margin: 0;
}

.billing-plan-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.billing-plan-card {
    align-content: start;
    display: grid;
    gap: 12px;
    margin: 0;
    min-width: 0;
}

.billing-plan-card.is-current {
    border-color: rgba(22, 163, 74, .32);
    background: rgba(240, 253, 244, .64);
}

.billing-price-list {
    display: grid;
    gap: 8px;
    margin: 0;
}

.billing-price-list div {
    align-items: center;
    background: rgba(248, 250, 252, .86);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
    padding: 8px 10px;
}

.billing-price-list dt {
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.billing-price-list dd {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    margin: 0;
}

.billing-cancel-form {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(220px, 360px) max-content;
    max-width: 620px;
    min-width: 0;
    width: 100%;
}

.billing-cancel-form label {
    margin: 0;
}

.billing-cancel-form .button-link {
    white-space: nowrap;
}

.billing-payment-attempts {
    margin: 0;
}

.billing-payment-attempts summary {
    cursor: pointer;
    font-size: 15px;
    font-weight: 800;
    list-style-position: inside;
    margin-bottom: 10px;
}

@media (max-width: 980px) {
    .billing-admin-grid,
    .billing-data-grid,
    .billing-mapping-form-grid,
    .billing-summary-grid,
    .billing-customer-action {
        grid-template-columns: minmax(0, 1fr);
    }

    .billing-mapping-form-grid label:nth-child(2),
    .billing-mapping-form-grid label:nth-child(7) {
        grid-column: auto;
    }

    .billing-plan-grid,
    .billing-plan-intro {
        grid-template-columns: 1fr;
    }

    .billing-detail-list,
    .billing-detail-list-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .billing-action-row {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .billing-action-row {
        align-items: stretch;
        flex-direction: column;
    }

    .billing-action-row .button-link,
    .billing-inline-form,
    .billing-inline-form button {
        text-align: center;
        width: 100%;
    }

    .billing-quick-checkout-form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .billing-mapping-card,
    .billing-review-card {
        padding: 10px;
    }

    .billing-page-head {
        align-items: stretch;
    }

    .billing-page-head .button-link {
        justify-content: center;
        width: 100%;
    }

    .billing-review-nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 7px;
    }

    .billing-review-nav a {
        flex: 0 0 auto;
    }

    .billing-safety-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .billing-quick-checkout-form {
        grid-template-columns: 1fr;
    }

    .billing-detail-list,
    .billing-detail-list-four,
    .billing-cancel-card .billing-detail-list-four,
    .billing-cancel-form {
        grid-template-columns: 1fr;
    }

    .billing-cancel-form .button-link {
        text-align: center;
        width: 100%;
    }

    .dashboard-plan-card .billing-quick-checkout-form-compact {
        grid-template-columns: minmax(112px, 1fr) auto;
        width: 100%;
    }

    .dashboard-plan-card .billing-quick-checkout-form-compact select {
        width: 100%;
    }
}

.settings-section-content .pages-settings-table .pages-page-row:nth-of-type(4n + 1) td {
    background: rgba(255, 253, 250, .96);
}

.settings-section-content .pages-settings-table .pages-page-row:nth-of-type(4n + 3) td {
    background: rgba(249, 242, 231, .98);
}

.settings-section-content .pages-settings-table .pages-page-row.is-page-row-open td,
.settings-section-content .pages-settings-table .pages-editor-table-row td {
    background: rgba(255, 247, 229, .98);
}

.settings-section-content .pages-settings-table .pages-page-row:hover td {
    background: rgba(255, 242, 214, .98);
}

.settings-section-content .pages-settings-table .pages-editor-table-row:hover td {
    background: rgba(255, 247, 229, .98);
}

.settings-inline-filter {
    align-items: end;
    background: rgba(247, 239, 227, .72);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: 9px;
    display: grid;
    gap: 8px;
    margin: 0 0 10px;
    max-width: 480px;
    padding: 10px;
}

.settings-safety-note {
    color: #6f4b0a;
}

.team-admin-section-content > .google-pulse-mcc-summary {
    gap: 8px;
}

.team-admin-section-content > .google-pulse-mcc-summary .card {
    border-radius: 8px;
    min-height: 0;
    padding: 8px 10px;
}

.team-admin-section-content > .google-pulse-mcc-summary .kpi-card span,
.team-admin-section-content > .google-pulse-mcc-summary .kpi-card small {
    font-size: 11px;
    line-height: 1.25;
}

.team-admin-section-content > .google-pulse-mcc-summary .kpi-card strong {
    font-size: 14px;
    line-height: 1.15;
}

.team-admin-context-card,
.team-admin-owner-card {
    align-items: flex-start;
    background: rgba(255, 253, 250, .94);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 14px;
}

.team-admin-context-card h3,
.team-admin-owner-card h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
}

.team-admin-context-card p,
.team-admin-owner-card p {
    margin-bottom: 0;
}

.team-admin-heading-line {
    align-items: center;
    display: flex;
    gap: 7px;
}

.team-admin-heading-line h3 {
    margin: 0;
}

.team-admin-help-icon {
    align-items: center;
    background: rgba(255, 253, 250, .86);
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--muted);
    cursor: help;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    height: 20px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: relative;
    width: 20px;
}

.team-admin-help-icon::after {
    background: #172033;
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .22);
    color: #fffaf2;
    content: attr(title);
    display: none;
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    line-height: 1.35;
    max-width: min(320px, calc(100vw - 48px));
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    text-transform: none;
    top: calc(100% + 8px);
    transform: translate(-50%, -2px);
    transition: opacity .16s ease, transform .16s ease;
    visibility: hidden;
    white-space: normal;
    width: max-content;
    z-index: 60;
}

.team-admin-help-icon:hover,
.team-admin-help-icon:focus-visible {
    border-color: rgba(177, 82, 27, .35);
    color: var(--accent);
    outline: none;
}

.team-admin-help-icon:hover::after,
.team-admin-help-icon:focus-visible::after {
    display: block;
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.team-admin-role-guide,
.team-admin-owner-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.team-admin-role-guide span,
.team-admin-owner-item {
    background: rgba(255, 253, 250, .9);
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--muted);
    font-size: 12px;
    padding: 6px 9px;
}

.team-admin-role-guide strong {
    color: var(--text);
}

.team-admin-detail-tabs {
    align-items: center;
    background: rgba(255, 253, 250, .94);
    border: 1px solid var(--line);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 9px 10px;
}

.team-admin-detail-tabs a {
    background: rgba(255, 253, 250, .86);
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    padding: 7px 10px;
    text-decoration: none;
    white-space: nowrap;
}

.team-admin-detail-tabs a:hover,
.team-admin-detail-tabs a.is-active {
    background: #fff1dd;
    border-color: rgba(177, 82, 27, .35);
    color: var(--accent);
}

.team-admin-detail-tabs .team-admin-detail-tab-back {
    background: rgba(247, 239, 227, .78);
    color: var(--text);
}

.team-admin-owner-item {
    color: var(--text);
    display: grid;
    gap: 3px;
    min-width: 230px;
}

.team-admin-owner-item > span {
    color: var(--muted);
}

.team-admin-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.team-admin-role-pill {
    background: rgba(232, 240, 254, .9);
    color: #1a73e8;
}

.team-admin-add-panel {
    padding: 0;
}

.team-admin-add-panel summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 16px 18px;
}

.team-admin-add-panel summary::-webkit-details-marker {
    display: none;
}

.team-admin-add-panel summary span {
    display: grid;
    gap: 3px;
}

.team-admin-add-panel summary small {
    color: var(--muted);
    font-size: 12px;
}

.team-admin-add-panel form {
    border-top: 1px solid var(--line);
    padding: 16px 18px 18px;
}

.team-admin-directory-card {
    background: rgba(255, 253, 250, .94);
    border-radius: 10px;
    display: grid;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
    padding: 14px 16px;
}

.team-admin-section-content > .table-card {
    background: rgba(255, 253, 250, .94);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: none;
    display: grid;
    gap: 10px;
    min-width: 0;
    overflow: visible;
    padding: 14px 16px;
}

.team-admin-section-content .google-pulse-mcc-table-head {
    align-items: center;
    margin-bottom: 0;
}

.team-admin-section-content .google-pulse-mcc-table-head h3 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
}

.team-admin-cache-refresh-form {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.team-admin-section-content .data-table {
    background: rgba(255, 253, 250, .78);
    border-collapse: collapse;
    color: var(--text);
    font-size: 13px;
    min-width: 760px;
    width: 100%;
}

.team-admin-section-content .data-table th,
.team-admin-section-content .data-table td {
    border-bottom: 1px solid rgba(218, 203, 183, .86);
    line-height: 1.25;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
}

.team-admin-section-content .data-table th {
    background: rgba(248, 241, 229, .84);
    color: #71675b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.team-admin-section-content .data-table td {
    font-weight: 400;
}

.team-admin-section-content .data-table td strong {
    font-weight: 700;
}

.team-admin-section-content .data-table tbody tr:hover td {
    background: rgba(255, 248, 235, .58);
}

.team-admin-section-content .data-table tbody tr:nth-child(even):not(.team-admin-access-group-row) td {
    background: rgba(248, 250, 252, .88);
}

.team-admin-section-content .data-table tbody tr:nth-child(even):not(.team-admin-access-group-row):hover td {
    background: rgba(239, 246, 255, .86);
}

.team-admin-section-content .data-table a {
    font-weight: 700;
}

.team-admin-section-content .row-actions {
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
}

.team-admin-bulk-access-bar {
    align-items: end;
    background: rgba(248, 250, 252, .9);
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 10px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(130px, .7fr) minmax(220px, 1.2fr) minmax(150px, .8fr) auto;
    padding: 10px;
}

.team-admin-bulk-access-bar strong {
    align-self: center;
    color: var(--text);
    font-size: 12px;
}

.team-admin-bulk-access-bar label {
    color: var(--muted);
    display: grid;
    font-size: 11px;
    font-weight: 800;
    gap: 4px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.team-admin-bulk-access-bar select {
    min-height: 38px;
}

.team-admin-row-select {
    text-align: center !important;
    width: 62px;
}

.team-admin-row-select input {
    height: 16px;
    width: 16px;
}

.team-admin-select-all-control {
    align-items: center;
    color: var(--color-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
    justify-content: center;
    text-transform: uppercase;
}

.team-admin-access-group-row td {
    background: rgba(219, 234, 254, .72) !important;
    border-bottom: 1px solid rgba(147, 197, 253, .62);
    border-top: 1px solid rgba(147, 197, 253, .62);
}

.team-admin-access-group-cell {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding-left: calc(10px + var(--team-admin-depth-offset, 0px)) !important;
}

.team-admin-access-group-label {
    color: #15345f;
    font-size: 12px;
    font-weight: 800;
}

.team-admin-access-group-meta {
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(147, 197, 253, .5);
    border-radius: 999px;
    color: #385f8f;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
}

.team-admin-access-account-cell {
    padding-left: calc(10px + var(--team-admin-depth-offset, 22px)) !important;
}

.team-admin-access-account-cell strong {
    display: inline;
    margin-right: 6px;
}

.team-admin-access-account-heading,
.team-admin-access-account-cell {
    width: 52%;
}

.team-admin-assigned-members-heading,
.team-admin-assigned-members-cell {
    width: 48%;
}

.team-admin-assigned-members-cell {
    min-width: 300px;
}

.team-admin-assigned-members-list {
    display: grid;
    font-size: 12px;
    gap: 4px;
    line-height: 1.2;
    max-width: 620px;
}

.team-admin-assigned-member-row {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    margin: 0;
    min-width: 0;
}

.team-admin-assigned-member-main {
    align-items: center;
    color: #0f172a;
    display: inline-flex;
    flex: 0 1 auto;
    gap: 5px;
    min-width: 0;
}

.team-admin-assigned-member-main strong {
    font-size: 12px;
    line-height: 1.15;
    margin: 0;
    overflow-wrap: anywhere;
}

.team-admin-account-role-icon {
    background: #2563eb;
    border-radius: 5px;
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.team-admin-account-role-icon-viewer {
    background: #0f766e;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.5 0 9 5.2 9.8 6.5a1 1 0 0 1 0 1C21 13.8 17.5 19 12 19s-9-5.2-9.8-6.5a1 1 0 0 1 0-1C3 10.2 6.5 5 12 5Zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.5 0 9 5.2 9.8 6.5a1 1 0 0 1 0 1C21 13.8 17.5 19 12 19s-9-5.2-9.8-6.5a1 1 0 0 1 0-1C3 10.2 6.5 5 12 5Zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.team-admin-account-role-icon-manager {
    background: #1d4ed8;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4h6a2 2 0 0 1 2 2v2h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h3V6a2 2 0 0 1 2-2Zm0 4h6V6H9v2Zm2 5H4v5h16v-5h-7v2h-2v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4h6a2 2 0 0 1 2 2v2h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h3V6a2 2 0 0 1 2-2Zm0 4h6V6H9v2Zm2 5H4v5h16v-5h-7v2h-2v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.team-admin-account-role-icon-admin {
    background: #4f46e5;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5l-8-3Zm-1 13.2-3.1-3.1 1.4-1.4 1.7 1.7 4-4 1.4 1.4-5.4 5.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5l-8-3Zm-1 13.2-3.1-3.1 1.4-1.4 1.7 1.7 4-4 1.4 1.4-5.4 5.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.team-admin-account-role-label {
    background: rgba(37, 99, 235, .08);
    border: 1px solid rgba(37, 99, 235, .14);
    border-radius: 999px;
    color: #1e40af;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    padding: 2px 5px;
}

.team-admin-section-content .team-admin-assigned-remove {
    background: transparent;
    border: 0;
    color: #0f766e;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    padding: 1px 3px;
    text-transform: lowercase;
}

.team-admin-section-content .team-admin-assigned-remove:hover,
.team-admin-section-content .team-admin-assigned-remove:focus {
    background: rgba(15, 118, 110, .08);
    color: #115e59;
}

.team-admin-mcc-badge {
    background: rgba(37, 99, 235, .1);
    color: #1d4ed8;
    font-size: 10px;
    margin-left: 0;
}

.team-admin-section-content .inline-actions {
    align-items: center;
    gap: 7px;
}

.team-admin-section-content .inline-actions select {
    min-width: 190px;
}

.team-admin-section-content .icon-action,
.team-admin-section-content .button-link-small,
.team-admin-section-content .link-button {
    font-size: 12px;
    line-height: 1.2;
    padding: 6px 9px;
    white-space: nowrap;
}

.team-admin-section-content .link-button {
    border: 1px solid var(--line);
    border-radius: 7px;
}

.team-admin-section-content .table-subtext {
    display: block;
    font-size: 12px;
    line-height: 1.25;
    margin-top: 2px;
}

.team-admin-permission-builder-card form {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.team-admin-permission-builder-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.team-admin-permission-section-toggle-all {
    align-items: center;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(37, 99, 235, .28);
    border-radius: 999px;
    color: var(--accent);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    min-height: 28px;
    padding: 5px 10px;
}

.team-admin-permission-section-toggle-all:hover,
.team-admin-permission-section-toggle-all:focus-visible {
    background: #eff6ff;
    border-color: rgba(37, 99, 235, .48);
    outline: none;
}

.team-admin-permission-section-toggle-all > span:first-child {
    align-items: center;
    background: var(--accent);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    line-height: 1;
    width: 18px;
}

.team-admin-permission-matrix {
    min-width: 980px;
}

.team-admin-permission-matrix th:not(:first-child),
.team-admin-permission-matrix td:not(:first-child) {
    text-align: center;
    width: 150px;
}

.team-admin-permission-matrix td:first-child {
    min-width: 300px;
}

.team-admin-permission-group-row th {
    background: #edf7f2;
    color: #23533e;
    font-size: 11px;
    padding: 0;
}

.team-admin-permission-group-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 8px;
    min-height: 38px;
    padding: 9px 12px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.team-admin-permission-group-toggle:hover,
.team-admin-permission-group-toggle:focus-visible {
    background: rgba(37, 99, 235, .08);
    outline: none;
}

.team-admin-permission-group-icon {
    align-items: center;
    background: #2563eb;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    line-height: 1;
    width: 20px;
}

.team-admin-permission-group-label {
    flex: 1 1 auto;
    min-width: 0;
}

.team-admin-permission-group-toggle small {
    color: #4f6f60;
    font-size: 11px;
    font-weight: 800;
    text-transform: none;
}

.team-admin-permission-group-row.is-collapsed th {
    background: #e9f2ff;
}

.team-admin-role-permission-head {
    color: var(--text);
    display: block;
    font-size: 12px;
    line-height: 1.15;
    margin-bottom: 3px;
}

.team-admin-permission-matrix thead th span:not(.team-admin-role-permission-head) {
    color: var(--muted);
    display: block;
    font-size: 11px;
    line-height: 1.25;
    max-width: 150px;
    text-transform: none;
    white-space: normal;
}

.team-admin-permission-check {
    align-items: center;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.team-admin-permission-check input {
    accent-color: var(--accent);
    height: 16px;
    margin: 0;
    width: 16px;
}

.team-admin-filter-bar {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) auto;
}

.team-admin-filter-bar label {
    display: grid;
    gap: 5px;
}

.team-admin-filter-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.team-admin-filter-summary {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 30px;
}

.team-admin-filter-summary span,
.team-admin-filter-summary strong {
    align-items: center;
    background: rgba(248, 250, 252, .9);
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
}

.team-admin-filter-summary strong {
    background: rgba(37, 99, 235, .08);
    border-color: rgba(37, 99, 235, .28);
    color: #1d4ed8;
}

.team-admin-risk-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.team-admin-risk-list span {
    background: #fff1dd;
    border: 1px solid rgba(177, 82, 27, .24);
    border-radius: 999px;
    color: #9a4b16;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 7px;
}

.team-admin-table-scroll {
    background: rgba(255, 253, 250, .5);
    border-radius: 8px;
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    width: 100%;
}

.team-admin-users-table,
.team-admin-access-table,
.team-admin-matrix-table,
.team-admin-platform-table,
.team-admin-roles-table {
    min-width: 860px;
}

.team-admin-users-table,
.team-admin-access-table {
    min-width: 760px;
    table-layout: fixed;
}

.team-admin-users-table {
    min-width: 1240px;
}

.team-admin-section-content .team-admin-users-table {
    min-width: 1240px;
}

.team-admin-users-table th,
.team-admin-users-table td,
.team-admin-access-table th,
.team-admin-access-table td {
    white-space: normal;
}

.team-admin-section-content .team-admin-users-table th,
.team-admin-section-content .team-admin-users-table td,
.team-admin-users-table th,
.team-admin-users-table td {
    padding: 7px 8px;
    white-space: nowrap;
}

.team-admin-users-table th:nth-child(1),
.team-admin-users-table td:nth-child(1) {
    width: 15%;
}

.team-admin-users-table th:nth-child(2),
.team-admin-users-table td:nth-child(2) {
    width: 20%;
}

.team-admin-users-table th:nth-child(3),
.team-admin-users-table td:nth-child(3) {
    width: 10%;
}

.team-admin-users-table th:nth-child(4),
.team-admin-users-table td:nth-child(4) {
    width: 18%;
}

.team-admin-users-table th:nth-child(5),
.team-admin-users-table td:nth-child(5) {
    width: 7%;
}

.team-admin-users-table th:nth-child(6),
.team-admin-users-table td:nth-child(6) {
    width: 12%;
}

.team-admin-users-table th:last-child,
.team-admin-users-table td:last-child {
    width: 18%;
}

.team-admin-users-table td:nth-child(2),
.team-admin-access-table td:first-child {
    overflow-wrap: anywhere;
}

.team-admin-member-edit-anchor {
    display: none;
}

.team-admin-member-field {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 7px;
    color: var(--text);
    font-size: 12px;
    min-height: 32px;
    min-width: 0;
    padding: 6px 8px;
    width: 100%;
}

.team-admin-member-field:focus {
    border-color: rgba(37, 99, 235, .55);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
    outline: none;
}

.team-admin-member-select {
    padding-right: 26px;
}

.team-admin-member-actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
}

.team-admin-member-actions form {
    align-items: center;
    display: inline-flex;
    margin: 0;
}

.team-admin-member-actions .button-link,
.team-admin-member-actions .link-button {
    min-height: 30px;
    padding: 6px 8px;
}

.team-admin-member-status-action {
    border-color: #f59e0b;
    color: #b45309;
}

.team-admin-users-table .status-pill {
    font-size: 10px;
    padding: 3px 7px;
}

.team-admin-directory-table {
    min-width: 1280px;
}

.team-admin-directory-table th:first-child,
.team-admin-directory-table td:first-child {
    min-width: 190px;
    width: 22%;
}

.team-admin-directory-table td:first-child strong {
    white-space: nowrap;
}

.team-admin-directory-admin,
.team-admin-directory-plan {
    min-width: 155px;
    white-space: normal;
}

.team-admin-directory-admin strong,
.team-admin-directory-plan strong {
    display: block;
    overflow-wrap: anywhere;
    white-space: normal;
}

.team-admin-directory-plan .status-pill {
    margin-top: 4px;
}

.team-admin-directory-table th,
.team-admin-directory-table td {
    padding: 8px 10px;
}

.team-admin-directory-table th,
.team-admin-directory-table td {
    white-space: nowrap;
}

.team-admin-directory-table .row-actions,
.team-admin-platform-table .row-actions,
.team-admin-roles-table .row-actions {
    flex-wrap: nowrap;
}

.team-admin-directory-table .team-admin-directory-actions {
    flex-wrap: wrap;
    min-width: 145px;
}

.team-admin-plan-alerts {
    margin-top: 5px;
}

.team-admin-directory-table .team-admin-risk-list span {
    font-size: 10px;
    padding: 3px 6px;
}

.team-admin-last-activity {
    min-width: 145px;
    white-space: nowrap;
}

.team-admin-workspace-link {
    color: var(--text);
    text-decoration: none;
}

.team-admin-workspace-link:hover,
.team-admin-workspace-link:focus-visible {
    color: #1a73e8;
    text-decoration: underline;
}

@media (max-width: 760px) {
    .team-admin-section-shell {
        grid-template-columns: 1fr;
    }

    .team-admin-section-tabs {
        display: flex;
        overflow-x: auto;
        position: static;
    }

    .team-admin-section-tabs a {
        min-width: 190px;
    }

    .team-admin-context-card,
    .team-admin-owner-card {
        display: grid;
    }

    .team-admin-role-guide,
    .team-admin-owner-list {
        justify-content: stretch;
    }

    .team-admin-role-guide span,
    .team-admin-owner-item {
        width: 100%;
    }

    .team-admin-filter-bar {
        grid-template-columns: 1fr;
    }

    .team-admin-bulk-access-bar {
        grid-template-columns: 1fr;
    }
}

.account-detail-card {
    display: grid;
    gap: 0;
    min-width: 0;
    padding: 0;
}

.account-detail-section {
    display: grid;
    gap: 10px;
    min-width: 0;
    overflow-x: auto;
    padding: 12px;
}

.account-detail-section[hidden] {
    display: none;
}

.account-detail-section + .account-detail-section {
    border-top: 1px solid var(--line);
}

.account-detail-section .section-head {
    margin-bottom: 0;
    min-width: 0;
}

.account-detail-section h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.account-section-title {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    min-width: 0;
}

.account-dashboard-card-head .account-section-title {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
}

.account-dashboard-card-head .account-section-title h3 {
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-dashboard-card-head .account-help-icon {
    overflow: hidden;
}

.account-help-icon {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #2563eb;
    cursor: help;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    justify-content: center;
    line-height: 1;
    position: relative;
    width: 20px;
}

.account-help-icon::after {
    background: #172033;
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .22);
    color: #f8fafc;
    content: attr(title);
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    line-height: 1.35;
    max-width: min(300px, calc(100vw - 48px));
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: calc(100% + 8px);
    transform: translate(-50%, -2px);
    transition: opacity .16s ease, transform .16s ease;
    visibility: hidden;
    white-space: normal;
    width: max-content;
    z-index: 60;
}

.account-help-icon:hover,
.account-help-icon:focus-visible {
    background: #e8f0fe;
    border-color: #1a73e8;
    color: #1a73e8;
    outline: none;
}

.account-help-icon:hover::after,
.account-help-icon:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.account-detail-section p {
    margin: 0;
}

.account-detail-section > .muted {
    background: rgba(247, 239, 227, .72);
    border: 1px dashed var(--line);
    border-radius: 8px;
    padding: 12px;
}

.account-detail-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 960px;
}

.account-detail-table th {
    background: #f8fafc;
    color: #5f6368;
    font-size: 11px;
    height: 34px;
    padding: 7px 8px;
    position: sticky;
    text-transform: none;
    top: 0;
    z-index: 2;
}

.account-detail-table td {
    background: #ffffff;
    font-size: 12px;
    height: 40px;
    padding: 7px 8px;
    vertical-align: middle;
}

.account-detail-table tbody tr:nth-child(even) td {
    background: #f6f7f8;
}

.account-detail-table tbody tr:hover td {
    background: #eff6ff;
}

.account-plan-block-grid {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.account-plan-block {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
    display: grid;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    padding: 10px;
}

#plans {
    overflow-x: clip;
}

.account-plan-publish-tabs {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.account-plan-publish-tab-list {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px;
}

.account-plan-publish-tab-input {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.account-plan-publish-tab {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    line-height: 1;
    margin: 0;
    min-height: 34px;
    padding: 7px 10px;
}

.account-plan-publish-tab span {
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.account-plan-publish-tab-input:focus-visible + .account-plan-publish-tab {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .18);
}

.account-plan-publish-tab-input:checked + .account-plan-publish-tab {
    background: #ffffff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    box-shadow: 0 6px 14px rgba(37, 99, 235, .08);
}

.account-plan-publish-panels,
.account-plan-publish-panel {
    min-width: 0;
}

.account-plan-publish-panel {
    display: none;
}

.account-plan-publish-tabs:has(#account-plan-publish-tab-one-click:checked) .account-plan-publish-panel-one-click,
.account-plan-publish-tabs:has(#account-plan-publish-tab-review:checked) .account-plan-publish-panel-review {
    display: grid;
    gap: 10px;
}

.account-one-click-panel {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
    min-width: 0;
    padding: 10px;
}

.account-one-click-head {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.account-one-click-head strong {
    color: #0f172a;
    display: block;
    font-size: 15px;
}

.account-one-click-head small {
    color: #64748b;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 2px;
}

.account-one-click-head-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.account-one-click-total {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #334155;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 7px 9px;
    white-space: nowrap;
}

.account-one-click-readiness-summary {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

.account-one-click-readiness-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 8px 9px;
}

.account-one-click-readiness-card span,
.account-one-click-readiness-card small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.25;
}

.account-one-click-readiness-card strong {
    color: #0f172a;
    font-size: 18px;
    line-height: 1;
}

.account-one-click-readiness-card.is-ready {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.account-one-click-readiness-card.is-blocked {
    background: #fffbeb;
    border-color: #fde68a;
}

.account-one-click-readiness-card.is-prepared {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.account-one-click-readiness-card.is-review {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.account-one-click-readiness-card.is-future {
    background: #f5f3ff;
    border-color: #ddd6fe;
}

.account-one-click-table-wrap {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    max-width: 100%;
    min-width: 0;
    overflow: auto;
    width: 100%;
}

.account-one-click-table {
    min-width: 940px;
}

.account-one-click-table thead th {
    background: var(--color-sidebar);
    border-bottom-color: var(--color-sidebar);
    color: #f8fafc;
}

.account-one-click-table td:first-child {
    min-width: 190px;
}

.account-one-click-table td:nth-child(4) {
    min-width: 260px;
}

.account-one-click-count {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    margin-right: 6px;
    padding: 6px 8px;
    white-space: nowrap;
}

.account-one-click-table small {
    color: #64748b;
    display: block;
    font-size: 11px;
    line-height: 1.35;
    margin-top: 3px;
}

.account-one-click-eligibility {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    padding: 8px 10px;
}

.account-one-click-eligibility.is-ready {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.account-one-click-eligibility.is-blocked {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.account-one-click-action-bar,
.account-one-click-confirm-row {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 8px;
}

.account-one-click-select-all,
.account-one-click-confirm-row label,
.account-one-click-pause-option,
.account-one-click-row-select {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    margin: 0;
}

.account-one-click-select-all input,
.account-one-click-confirm-row input,
.account-one-click-pause-option input,
.account-one-click-row-select input {
    flex: 0 0 16px;
    height: 16px;
    margin: 0;
    min-height: 16px;
    padding: 0;
    width: 16px;
}

.account-one-click-disabled-reason {
    color: #b45309;
    display: block;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    margin-top: 5px;
    white-space: normal;
}

.account-one-click-hidden-source-note td {
    background: #fff7ed;
    color: #92400e;
    font-weight: 800;
    line-height: 1.4;
}

.account-one-click-readiness-cell {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 160px;
}

.account-one-click-review-row-ref {
    color: #475569;
    font-weight: 800;
}

.account-one-click-state {
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 6px 8px;
    width: fit-content;
}

.account-one-click-state.is-ready {
    background: #dcfce7;
    border-color: #bbf7d0;
    color: #166534;
}

.account-one-click-state.is-cache,
.account-one-click-state.is-blocked {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

.account-one-click-state.is-prepared {
    background: #e2e8f0;
    border-color: #cbd5e1;
    color: #334155;
}

.account-one-click-state.is-review {
    background: #dbeafe;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.account-one-click-state.is-future {
    background: #ede9fe;
    border-color: #ddd6fe;
    color: #5b21b6;
}

.account-one-click-state.is-gate {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #334155;
}

.account-one-click-review-jump {
    color: #1d4ed8;
    cursor: pointer;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.account-one-click-review-jump:hover,
.account-one-click-review-jump:focus-visible {
    color: #1e40af;
}

.account-one-click-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.account-one-click-selected-count {
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}

.account-one-click-review-panel {
    display: grid;
    gap: 8px;
}

.account-one-click-review-panel[hidden] {
    display: none !important;
}

.account-one-click-review-counts {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.account-one-click-review-chip {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 7px 9px;
}

.account-one-click-source-groups {
    display: grid;
    gap: 8px;
}

.account-one-click-source-group {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.account-one-click-source-group summary {
    align-items: center;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    list-style: none;
    padding: 9px 10px;
}

.account-one-click-source-group summary::-webkit-details-marker {
    display: none;
}

.account-one-click-source-group summary span {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.account-one-click-source-group summary strong {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: 11px;
    line-height: 1;
    padding: 6px 8px;
}

.account-one-click-source-groups .account-one-click-table td:first-child,
.account-one-click-source-groups .account-one-click-table th:first-child {
    min-width: 64px;
    text-align: center;
    width: 64px;
}

.account-one-click-source-groups .account-one-click-table td:nth-child(4) {
    min-width: 170px;
}

.account-one-click-count.is-kept {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #166534;
}

.account-one-click-pause-option span {
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
}

.account-one-click-result {
    margin: 0;
}

.account-one-click-safety-strip {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.account-one-click-safety-strip span {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 7px 9px;
    white-space: nowrap;
}

.account-create-optimize-summary {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(120px, auto)) minmax(220px, 1fr) auto;
    margin-bottom: 10px;
    padding: 8px;
}

.account-create-optimize-summary-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 2px;
    min-height: 48px;
    padding: 7px 9px;
}

.account-create-optimize-summary-card span {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.account-create-optimize-summary-card strong {
    color: #0f172a;
    font-size: 20px;
    line-height: 1;
}

.account-create-optimize-summary-card.is-ready {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.account-create-optimize-summary-card.is-attention {
    background: #fffbeb;
    border-color: #fde68a;
}

.account-create-optimize-summary-card.is-selected {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.account-create-optimize-group-strip {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.account-create-optimize-group-chip {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 7px 9px;
    white-space: nowrap;
}

.account-create-optimize-zero-chip-wrap {
    align-items: center;
    display: flex;
    min-height: 34px;
}

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

.account-review-attention-toggle {
    align-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    white-space: nowrap;
}

.account-review-attention-toggle::before {
    content: "+";
    font-weight: 900;
    margin-right: 6px;
}

.account-review-attention-toggle-input:checked + .account-review-attention-toggle::before {
    content: "-";
}

#plans:not(:has(#create-optimize-needs-attention-toggle:checked)) .account-review-summary-row:has([data-create-optimize-row-checkbox]:disabled),
#plans:not(:has(#create-optimize-needs-attention-toggle:checked)) .account-review-summary-row:has([data-negative-bulk-checkbox]:disabled) {
    display: none;
}

#plans:not(:has(#create-optimize-needs-attention-toggle:checked)) .account-review-summary-row[data-suggested-ad-review-row]:has([data-create-optimize-row-checkbox]:disabled) {
    display: table-row;
}

#plans:not(:has(#create-optimize-needs-attention-toggle:checked)) .account-review-summary-row:has([data-create-optimize-row-checkbox]:disabled) + .account-review-details-row,
#plans:not(:has(#create-optimize-needs-attention-toggle:checked)) .account-review-summary-row:has([data-negative-bulk-checkbox]:disabled) + .account-review-details-row {
    display: none !important;
}

#plans:not(:has(#create-optimize-needs-attention-toggle:checked)) .account-review-summary-row[data-suggested-ad-review-row]:has(.account-review-toggle-input:checked) + .account-review-details-row {
    display: table-row !important;
}

html:has(#plans .account-plan-block-grid),
body:has(#plans .account-plan-block-grid) {
    overflow-x: hidden;
}

.account-plan-block-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.account-plan-block-head h3 {
    font-size: 15px;
}

.account-plan-table-wrap {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    contain: paint;
    max-width: 100%;
    overflow: auto;
}

.account-plan-table-wrap .account-detail-table {
    min-width: 760px;
}

#plans .account-plan-table-wrap .account-detail-table thead th {
    background: var(--color-sidebar);
    border-bottom-color: var(--color-sidebar);
    color: #f8fafc;
}

.account-generated-assets-table th:first-child,
.account-linked-plan-table th:first-child,
.account-negative-keyword-table th:first-child,
.account-generated-assets-table td:first-child,
.account-linked-plan-table td:first-child,
.account-negative-keyword-table td:first-child {
    min-width: 280px;
}

.account-generated-assets-table th:nth-child(3),
.account-linked-plan-table th:nth-child(3),
.account-negative-keyword-table th:nth-child(3),
.account-generated-assets-table td:nth-child(3),
.account-linked-plan-table td:nth-child(3),
.account-negative-keyword-table td:nth-child(3) {
    min-width: 132px;
}

.account-generated-assets-table th:nth-child(4),
.account-linked-plan-table th:nth-child(4),
.account-negative-keyword-table th:nth-child(4),
.account-generated-assets-table td:nth-child(4),
.account-linked-plan-table td:nth-child(4),
.account-negative-keyword-table td:nth-child(4) {
    min-width: 132px;
}

.account-generated-assets-table th:nth-child(5),
.account-linked-plan-table th:nth-child(5),
.account-negative-keyword-table th:nth-child(5),
.account-generated-assets-table td:nth-child(5),
.account-linked-plan-table td:nth-child(5),
.account-negative-keyword-table td:nth-child(5) {
    min-width: 120px;
    text-align: center;
}

.account-generated-assets-table td,
.account-linked-plan-table td,
.account-negative-keyword-table td {
    vertical-align: top;
}

.account-review-preview-cell {
    min-width: 0;
}

.history-actions > a {
    display: inline-flex;
}

.account-review-summary-row td {
    vertical-align: middle;
}

.account-linked-plan-table tbody .account-review-summary-row:nth-of-type(4n+1) td,
.account-generated-assets-table tbody .account-review-summary-row:nth-of-type(4n+1) td,
.account-negative-keyword-table tbody .account-review-summary-row:nth-of-type(4n+1) td {
    background: #ffffff;
}

.account-linked-plan-table tbody .account-review-summary-row:nth-of-type(4n+3) td,
.account-generated-assets-table tbody .account-review-summary-row:nth-of-type(4n+3) td,
.account-negative-keyword-table tbody .account-review-summary-row:nth-of-type(4n+3) td {
    background: #f8fafc;
}

.account-linked-plan-table tbody .account-review-summary-row:hover td,
.account-generated-assets-table tbody .account-review-summary-row:hover td,
.account-negative-keyword-table tbody .account-review-summary-row:hover td {
    background: #eff6ff;
}

.account-review-summary-row td > strong,
.account-review-preview-cell > strong {
    display: -webkit-box;
    font-weight: 800;
    line-height: 1.25;
    max-width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.account-review-summary-row .table-subtext {
    display: block;
    margin-top: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-review-preview-list {
    display: grid;
    gap: 4px;
}

.account-review-action-cell {
    text-align: center;
}

.account-review-preview-list {
    color: #475569;
    font-size: 12px;
    margin-top: 6px;
}

.account-review-ad-preview-stack {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.account-review-ad-preview {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px;
}

.account-plan-table-wrap .history-actions {
    text-align: center;
}

.account-plan-table-wrap td.account-review-action-cell,
.account-plan-table-wrap td.history-actions {
    display: table-cell;
    vertical-align: middle;
}

.account-plan-table-wrap td.history-actions > * {
    margin-left: auto;
    margin-right: auto;
}

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

.account-review-toggle {
    cursor: pointer;
    gap: 6px;
    justify-content: center;
    min-width: 82px;
    user-select: none;
}

.account-review-toggle::before {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    content: "+";
    display: inline-flex;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    line-height: 1;
    width: 16px;
}

.account-review-toggle-hide {
    display: none;
}

.account-review-summary-row:has(.account-review-toggle-input:checked) .account-review-toggle::before {
    content: "-";
}

.account-review-summary-row:has(.account-review-toggle-input:checked) .account-review-toggle-show {
    display: none;
}

.account-review-summary-row:has(.account-review-toggle-input:checked) .account-review-toggle-hide {
    display: inline;
}

.account-review-summary-row:has(.account-review-toggle-input:checked) td {
    background: #f8fbff;
}

.account-review-secondary-link {
    color: #475569;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    max-width: 160px;
    overflow: hidden;
    padding: 6px 0;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-review-secondary-link:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

.account-review-remove-link {
    background: transparent;
    border: 0;
    color: #b91c1c;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.2;
    margin-top: 2px;
    padding: 4px 0;
}

.account-review-remove-link:hover,
.account-review-remove-link:focus-visible {
    color: #991b1b;
    text-decoration: underline;
}

.account-review-remove-link:disabled {
    color: #94a3b8;
    cursor: wait;
    text-decoration: none;
}

.account-review-restore-link {
    color: #1d4ed8;
}

.account-review-restore-link:hover,
.account-review-restore-link:focus-visible {
    color: #1e40af;
}

.account-negative-history,
.account-review-history {
    border-top: 1px solid #e2e8f0;
    margin-top: 6px;
    padding-top: 5px;
    text-align: left;
}

.account-negative-history summary,
.account-review-history summary {
    color: #475569;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    list-style: none;
    text-align: center;
}

.account-negative-history summary::-webkit-details-marker,
.account-review-history summary::-webkit-details-marker {
    display: none;
}

.account-negative-history summary::before,
.account-review-history summary::before {
    content: "+";
    display: inline-block;
    font-weight: 900;
    margin-right: 4px;
}

.account-negative-history[open] summary::before,
.account-review-history[open] summary::before {
    content: "-";
}

.account-negative-history ul,
.account-review-history ul {
    display: grid;
    gap: 6px;
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}

.account-negative-history li,
.account-review-history li {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    display: grid;
    gap: 3px;
    padding: 6px;
}

.account-negative-history strong,
.account-review-history strong {
    color: #0f172a;
    font-size: 11px;
}

.account-negative-history span,
.account-negative-history small,
.account-review-history span,
.account-review-history small {
    color: #475569;
    font-size: 11px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.account-review-details-row {
    display: none;
}

.account-review-summary-row:has(.account-review-toggle-input:checked) + .account-review-details-row {
    display: table-row;
}

.account-review-details-row td {
    background: #f8fafc !important;
    height: auto;
    padding: 0;
}

.account-review-detail-panel {
    border-top: 1px solid #e2e8f0;
    max-height: 420px;
    overflow-y: auto;
    padding: 10px;
    text-align: left;
}

.account-review-more-actions {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    justify-content: flex-start;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.account-review-more-actions .account-review-history {
    flex-basis: 100%;
    margin-top: 0;
    text-align: left;
}

.account-review-detail-panel .account-review-history summary {
    text-align: left;
}

.account-review-more-actions .account-review-secondary-link,
.account-review-more-actions .account-review-remove-link {
    margin: 0;
}

.account-review-detail-grid {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.account-review-detail-item {
    border-left: 3px solid #cbd5e1;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 2px 10px;
    text-align: left;
}

.account-review-detail-lines {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 0;
    min-width: 0;
}

.account-review-detail-line {
    align-items: start;
    border-bottom: 1px solid #e2e8f0;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(82px, max-content) minmax(0, 1fr);
    min-width: 0;
    padding: 6px 0;
    text-align: left;
}

.account-review-detail-line strong {
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
}

.account-review-detail-line span {
    color: #475569;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
}

.account-review-adgroup-keyword-list {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 0;
    min-width: 0;
}

.account-review-adgroup-keyword-row {
    align-items: start;
    border-bottom: 1px solid #e2e8f0;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(120px, 0.8fr) minmax(0, 1.2fr);
    min-width: 0;
    padding: 7px 0;
    text-align: left;
}

.account-review-adgroup-keyword-row strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
}

.account-review-adgroup-keyword-row span {
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
}

.account-review-split-package {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 0;
    min-width: 0;
}

.account-review-split-context {
    display: grid;
    gap: 0;
    min-width: 0;
}

.account-review-split-context-row {
    align-items: start;
    border-bottom: 1px solid #e2e8f0;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(112px, max-content) minmax(0, 1fr);
    min-width: 0;
    padding: 6px 0;
    text-align: left;
}

.account-review-split-context-row strong,
.account-review-split-keyword-label {
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
}

.account-review-split-context-row span {
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
}

.account-review-split-keywords {
    display: grid;
    gap: 0;
    min-width: 0;
}

.account-review-split-keyword-label {
    border-bottom: 1px solid #cbd5e1;
    padding: 7px 0 6px;
}

.account-review-split-keyword-row {
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 7px 0;
    text-align: left;
}

.account-review-detail-item strong,
.account-review-detail-item small {
    overflow-wrap: anywhere;
}

.account-review-detail-item small {
    color: #475569;
    line-height: 1.35;
}

.account-review-detail-wide {
    grid-column: 1 / -1;
}

.account-review-detail-wide .account-review-ad-preview-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-review-detail-ad-preview .account-review-ad-preview-stack {
    grid-template-columns: 1fr;
    margin-top: 4px;
}

.account-create-optimize-verification {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    display: grid;
    gap: 8px;
    margin-top: 10px;
    min-width: 0;
    padding: 10px;
}

.account-create-optimize-verification-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
}

.account-create-optimize-filter-note {
    color: #1d4ed8;
}

.account-create-optimize-visible-note {
    margin: -2px 0 12px;
}

.account-create-optimize-verified-section {
    border-top: 1px solid #dbeafe;
    display: grid;
    gap: 3px;
    min-width: 0;
    padding-top: 7px;
}

.account-create-optimize-verified-section strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.account-create-optimize-verified-section span,
.account-create-optimize-verified-section small {
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-create-optimize-verified-section span {
    color: #334155;
    font-size: 12px;
    line-height: 1.35;
}

.account-create-optimize-verified-section small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .account-review-detail-grid,
    .account-review-detail-wide .account-review-ad-preview-stack {
        grid-template-columns: 1fr;
    }

    .account-review-detail-line {
        gap: 2px;
        grid-template-columns: 1fr;
    }

    .account-review-adgroup-keyword-row {
        gap: 2px;
        grid-template-columns: 1fr;
    }
}

.account-review-status {
    align-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 9px;
    white-space: nowrap;
}

.account-review-status.is-published {
    background: #ecfdf5;
    border-color: #86efac;
    color: #166534;
}

.account-review-status.is-ready {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.account-review-status.is-needs-review,
.account-review-status.is-missing-settings {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.account-review-status.is-no-permission,
.account-review-status.is-not-publishable {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
}

.account-negative-review-block {
    border-color: #bfdbfe;
}

.account-negative-keyword-table {
    min-width: 820px;
}

.account-negative-keyword-table.has-apply-select {
    min-width: 860px;
}

.account-negative-keyword-table.has-apply-select th:first-child,
.account-negative-keyword-table.has-apply-select td:first-child {
    min-width: 86px;
    text-align: center;
    width: 86px;
}

.account-negative-keyword-table.has-apply-select th:nth-child(2),
.account-negative-keyword-table.has-apply-select td:nth-child(2) {
    min-width: 280px;
}

.account-negative-keyword-table.has-apply-select th:nth-child(5),
.account-negative-keyword-table.has-apply-select td:nth-child(5) {
    min-width: 120px;
    text-align: center;
}

.account-negative-keyword-table:not(.has-apply-select) th:nth-child(4),
.account-negative-keyword-table:not(.has-apply-select) td:nth-child(4),
.account-negative-keyword-table:not(.has-apply-select) th:nth-child(5),
.account-negative-keyword-table:not(.has-apply-select) td:nth-child(5) {
    min-width: 150px;
    text-align: center;
}

.account-generated-assets-table.has-apply-select,
.account-linked-plan-table.has-apply-select {
    min-width: 860px;
}

.account-generated-assets-table.has-apply-select th:first-child,
.account-linked-plan-table.has-apply-select th:first-child,
.account-generated-assets-table.has-apply-select td:first-child,
.account-linked-plan-table.has-apply-select td:first-child {
    min-width: 86px;
    text-align: center;
    width: 86px;
}

.account-generated-assets-table.has-apply-select th:nth-child(2),
.account-linked-plan-table.has-apply-select th:nth-child(2),
.account-generated-assets-table.has-apply-select td:nth-child(2),
.account-linked-plan-table.has-apply-select td:nth-child(2) {
    min-width: 280px;
}

.account-generated-assets-table.has-apply-select th:nth-child(4),
.account-linked-plan-table.has-apply-select th:nth-child(4),
.account-generated-assets-table.has-apply-select td:nth-child(4),
.account-linked-plan-table.has-apply-select td:nth-child(4) {
    min-width: 140px;
    text-align: center;
}

.account-generated-assets-table.has-apply-select th:nth-child(5),
.account-linked-plan-table.has-apply-select th:nth-child(5),
.account-generated-assets-table.has-apply-select td:nth-child(5),
.account-linked-plan-table.has-apply-select td:nth-child(5) {
    min-width: 120px;
    text-align: center;
}

.account-negative-review-warnings {
    display: grid;
    gap: 5px;
    margin-top: 8px;
}

.account-negative-review-warnings span {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    color: #92400e;
    font-size: 11px;
    line-height: 1.35;
    padding: 6px 7px;
}

.account-negative-apply-form {
    display: grid;
    gap: 10px;
}

.account-create-optimize-schedule-form[hidden] {
    display: none !important;
}

.account-negative-apply-select-cell input {
    accent-color: #2563eb;
    flex: 0 0 16px;
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    padding: 0;
    width: 16px;
}

.account-negative-row-select {
    align-items: center;
    display: inline-grid;
    justify-items: center;
}

.account-negative-apply-select-cell label {
    color: #1d4ed8;
    display: block;
    font-size: 11px;
    font-weight: 800;
    margin-top: 4px;
}

.account-negative-apply-select-cell input:disabled + label {
    color: #94a3b8;
    cursor: not-allowed;
}

.account-create-optimize-block-reason {
    display: block;
    line-height: 1.25;
    margin-top: 3px;
    max-width: 104px;
}

.account-create-optimize-budget-preview.is-warning {
    color: #b45309;
    font-weight: 700;
}

.account-negative-apply-panel,
.account-negative-apply-empty {
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #334155;
    font-size: 12px;
    line-height: 1.4;
    padding: 10px;
}

.account-negative-apply-panel {
    background: #f8fbff;
    display: grid;
    gap: 10px;
}

.account-negative-apply-panel[hidden],
.account-negative-apply-empty[hidden] {
    display: none !important;
}

.account-negative-apply-panel-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.account-negative-apply-panel-head strong {
    color: #0f172a;
    display: block;
    font-size: 14px;
}

.account-negative-apply-list {
    display: grid;
    gap: 8px;
}

.account-negative-apply-item {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 9px;
}

.account-negative-apply-item > strong {
    color: #0f172a;
    font-size: 13px;
}

.account-negative-apply-item > div {
    display: grid;
    gap: 6px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-negative-apply-item span {
    color: #475569;
    display: grid;
    gap: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-negative-apply-item span strong {
    color: #334155;
    font-size: 11px;
    text-transform: uppercase;
}

.account-negative-apply-rechecks {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 8px;
}

.account-negative-apply-rechecks strong {
    color: #1e3a8a;
}

.account-negative-apply-confirm {
    align-items: start;
    color: #334155;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
}

.account-negative-apply-confirm input {
    accent-color: #2563eb;
    margin-top: 2px;
}

.account-negative-apply-submit {
    justify-content: center;
    justify-self: start;
}

.account-negative-bulk-choice {
    align-items: center;
    display: flex;
    gap: 5px;
    margin-top: 6px;
}

.account-negative-bulk-choice input {
    accent-color: #2563eb;
}

.account-negative-bulk-choice input:disabled + label {
    color: #94a3b8;
    cursor: not-allowed;
}

.account-negative-apply-empty {
    background: #f8fafc;
    border-style: dashed;
}

.account-create-optimize-schedule-bar {
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
    padding: 8px 10px;
}

.account-create-optimize-review-launch {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 34px;
}

.account-create-optimize-selection-controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    min-width: 0;
}

.account-create-optimize-select-all {
    align-items: center;
    color: #334155;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 8px;
    justify-self: start;
    white-space: nowrap;
}

.account-create-optimize-select-all input {
    accent-color: #2563eb;
}

.account-create-optimize-select-all input:disabled + span {
    color: #94a3b8;
}

.account-create-optimize-review-launch .button-link {
    justify-self: end;
    margin-left: 0;
    min-width: 164px;
    width: auto;
}

.account-create-optimize-clear-selection,
.account-create-optimize-show-removed {
    min-width: 0;
}

.account-create-optimize-review-panel {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 8px;
}

.account-create-optimize-review-panel[hidden] {
    display: none !important;
}

.account-create-optimize-review-panel-head,
.account-create-optimize-review-panel-foot {
    align-items: center;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px;
}

.account-create-optimize-review-panel-head {
    background: #f8fbff;
    border: 1px solid #dbeafe;
}

.account-create-optimize-review-panel-foot {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.account-create-optimize-budget-warning {
    align-items: center;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 8px;
    color: #92400e;
    display: grid;
    gap: 6px 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px;
}

.account-create-optimize-mode-choice {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(120px, 180px) minmax(0, 1fr);
    padding: 8px;
}

.account-create-optimize-mode-choice label {
    align-items: center;
    color: #334155;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    margin: 0;
    white-space: nowrap;
}

.account-create-optimize-mode-choice select {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    min-height: 36px;
    padding: 6px 30px 6px 10px;
    width: 100%;
}

.account-create-optimize-mode-choice input {
    accent-color: #2563eb;
}

.account-create-optimize-mode-disclaimer {
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
}

.account-create-optimize-mode-disclaimer.is-active {
    color: #7c2d12;
}

.account-create-optimize-mode-disclaimer.is-paused {
    color: #1e3a8a;
}

.account-create-optimize-mode-disclaimer[hidden] {
    display: none !important;
}

.account-create-optimize-active-warning {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #9a3412;
    padding: 8px;
}

.account-create-optimize-active-warning[hidden] {
    display: none !important;
}

.account-create-optimize-active-warning .account-create-optimize-live-gate-confirm {
    color: #9a3412;
    white-space: normal;
}

.account-create-optimize-budget-warning[hidden] {
    display: none !important;
}

.account-create-optimize-budget-warning small {
    color: #92400e;
    justify-self: end;
}

.account-create-optimize-budget-confirm {
    color: #78350f;
}

.account-create-optimize-review-panel-copy {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.account-create-optimize-review-panel-head strong {
    color: #0f172a;
    display: block;
    font-size: 13px;
}

.account-create-optimize-live-gate-note {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}

.account-create-optimize-live-gate-lines {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.account-create-optimize-live-gate-line {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 7px;
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
    align-self: flex-start;
    white-space: nowrap;
}

.account-create-optimize-live-gate-confirm {
    align-items: center;
    color: #334155;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 8px;
    justify-content: flex-start;
    justify-self: start;
    margin: 0;
    min-width: 0;
    white-space: nowrap;
}

.account-create-optimize-live-gate-confirm input {
    accent-color: #2563eb;
    border-radius: 4px;
    flex: 0 0 16px;
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    padding: 0;
    width: 16px;
}

.account-create-optimize-live-gate-confirm span {
    min-width: 0;
}

.account-create-optimize-review-panel-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.account-create-optimize-review-panel-actions .button-link {
    min-width: 170px;
}

.account-create-optimize-progress {
    box-shadow: none;
    padding: 9px;
}

.account-create-optimize-job-strip {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 8px;
    padding: 8px;
}

.account-create-optimize-job-strip strong {
    color: #0f172a;
}

.account-bulk-publish-empty,
.account-bulk-publish-panel,
.account-bulk-publish-runner {
    border: 1px solid #dbeafe;
    border-radius: 8px;
    color: #334155;
    font-size: 12px;
    line-height: 1.4;
    padding: 10px;
}

.account-bulk-publish-empty {
    background: #f8fafc;
    border-style: dashed;
}

.account-bulk-publish-panel,
.account-bulk-publish-runner {
    background: #f8fbff;
    display: grid;
    gap: 10px;
}

.account-bulk-publish-panel[hidden] {
    display: none !important;
}

.account-bulk-publish-head,
.account-bulk-publish-job-head,
.account-bulk-publish-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

@media (max-width: 520px) {
    .account-plan-publish-tab-list {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .account-plan-publish-tab {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .account-plan-publish-tab span {
        white-space: normal;
    }

    .account-one-click-head {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .account-one-click-head-meta {
        justify-content: flex-start;
    }

    .account-one-click-action-bar,
    .account-one-click-confirm-row {
        align-items: stretch;
        flex-direction: column;
    }

    .account-one-click-actions {
        justify-content: flex-start;
    }

    .account-one-click-safety-strip span {
        line-height: 1.3;
        max-width: 100%;
        white-space: normal;
    }

    .account-create-optimize-summary {
        grid-template-columns: 1fr;
    }

    .account-create-optimize-review-launch,
    .account-create-optimize-review-panel-head,
    .account-create-optimize-review-panel-foot,
    .account-create-optimize-mode-choice,
    .account-create-optimize-budget-warning {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .account-create-optimize-live-gate-lines {
        justify-content: flex-start;
    }

    .account-create-optimize-review-launch .button-link,
    .account-create-optimize-review-panel-actions,
    .account-create-optimize-review-panel-actions .button-link {
        min-width: 0;
        width: 100%;
    }

    .account-create-optimize-budget-warning small {
        justify-self: start;
    }
}

.account-bulk-publish-head strong,
.account-bulk-publish-job-head strong {
    color: #0f172a;
    display: block;
    font-size: 14px;
}

.account-bulk-publish-job-head small {
    color: #64748b;
}

.account-bulk-publish-jobs,
.account-bulk-publish-items,
.account-bulk-publish-selected {
    display: grid;
    gap: 8px;
}

.account-bulk-publish-job,
.account-bulk-publish-selected-item {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 9px;
}

.account-bulk-publish-progress {
    background: #e2e8f0;
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
}

.account-bulk-publish-progress span {
    background: #2563eb;
    display: block;
    height: 100%;
    transition: width 0.2s ease;
}

.account-bulk-publish-summary {
    color: #475569;
    font-weight: 800;
}

.account-bulk-publish-item {
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 4px 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px;
}

.account-bulk-publish-item span,
.account-bulk-publish-selected-item strong {
    color: #0f172a;
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-bulk-publish-item strong {
    border-radius: 999px;
    font-size: 10px;
    padding: 4px 7px;
    text-transform: uppercase;
}

.account-bulk-publish-item small,
.account-bulk-publish-selected-item span {
    color: #64748b;
    grid-column: 1 / -1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-bulk-publish-item.is-queued strong {
    background: #f8fafc;
    color: #475569;
}

.account-bulk-publish-item.is-running strong {
    background: #eff6ff;
    color: #1d4ed8;
}

.account-bulk-publish-item.is-succeeded strong,
.account-bulk-publish-item.is-skipped strong {
    background: #dff2e7;
    color: #11643b;
}

.account-bulk-publish-item.is-failed strong {
    background: #fee2e2;
    color: #991b1b;
}

.account-bulk-publish-actions {
    justify-content: flex-start;
}

.account-bulk-publish-actions form {
    margin: 0;
}

.account-publish-row-status {
    align-items: flex-start;
    display: inline-grid;
    gap: 4px;
    min-width: 0;
}

.account-publish-status-pill {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    white-space: nowrap;
}

.account-publish-status-pill.is-queued {
    background: #f8fafc;
    color: #475569;
}

.account-publish-status-pill.is-running {
    background: #eff6ff;
    color: #1d4ed8;
}

.account-publish-status-pill.is-succeeded {
    background: #dff2e7;
    color: #11643b;
}

.account-publish-status-pill.is-failed {
    background: #fee2e2;
    color: #991b1b;
}

.account-publish-status-pill.is-skipped {
    background: #fef3c7;
    color: #92400e;
}

.account-publish-status-pill.is-created-paused {
    background: #e0f2fe;
    color: #075985;
}

.account-publish-status-pill.is-activated {
    background: #dcfce7;
    color: #166534;
}

.account-publish-status-pill.is-activation-failed {
    background: #fee2e2;
    color: #991b1b;
}

.account-publish-status-pill.is-needs-manual-check {
    background: #fef3c7;
    color: #92400e;
}

.account-publish-status-spinner {
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    display: none;
    height: 10px;
    width: 10px;
}

.account-publish-status-pill.is-running .account-publish-status-spinner {
    animation: account-publish-status-spin 0.8s linear infinite;
    display: inline-block;
}

@keyframes account-publish-status-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 760px) {
    .account-negative-apply-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-negative-apply-item > div {
        grid-template-columns: 1fr;
    }

    .account-bulk-publish-head,
    .account-bulk-publish-job-head,
    .account-bulk-publish-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

.account-plan-empty-state {
    border-style: dashed;
    padding: 14px;
}

.account-overview-kpis {
    gap: 8px;
}

.account-overview-kpis .card {
    border-radius: 7px;
    min-height: 62px;
    padding: 9px 10px;
}

.account-overview-kpis h2 {
    font-size: 18px;
    line-height: 1.1;
    margin: 3px 0 0;
}

.google-pulse-account-shell .account-overview-kpis .card,
.google-pulse-account-shell .account-search-term-summary article,
.google-pulse-account-shell .need-attention-summary-grid article {
    background: #0f2438;
    border-color: #27445d;
    color: #bfdbfe;
}

.google-pulse-account-shell .account-overview-kpis .eyebrow,
.google-pulse-account-shell .account-search-term-summary span,
.google-pulse-account-shell .need-attention-summary-grid .eyebrow,
.google-pulse-account-shell .need-attention-summary-grid small {
    color: #bfdbfe;
    font-weight: 400;
}

.google-pulse-account-shell .account-overview-kpis h2,
.google-pulse-account-shell .account-search-term-summary strong,
.google-pulse-account-shell .need-attention-summary-grid strong {
    color: #f8fafc;
}

.google-pulse-account-shell .google-recommendation-score-strip,
.google-pulse-account-shell .account-search-term-summary,
.google-pulse-account-shell .need-attention-summary-grid {
    align-items: center;
    background: #0f2438;
    border: 1px solid #27445d;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
    overflow: visible;
    padding: 8px;
}

.google-pulse-account-shell .google-recommendation-score-strip article,
.google-pulse-account-shell .account-search-term-summary article,
.google-pulse-account-shell .need-attention-summary-grid article {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(125, 211, 252, .34);
    border-radius: 999px;
    box-shadow: none;
    color: #dff8ff;
    display: inline-flex;
    flex: 0 1 auto;
    gap: 7px;
    min-height: 26px;
    min-width: 0;
    padding: 4px 8px;
}

.google-pulse-account-shell .google-recommendation-score-strip strong,
.google-pulse-account-shell .account-search-term-summary strong,
.google-pulse-account-shell .need-attention-summary-grid strong {
    color: #fbbf24;
    display: inline;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    margin: 0;
}

.google-pulse-account-shell .google-recommendation-score-strip .eyebrow,
.google-pulse-account-shell .account-search-term-summary .eyebrow,
.google-pulse-account-shell .need-attention-summary-grid .eyebrow,
.google-pulse-account-shell .need-attention-summary-grid small {
    color: #dff8ff;
    display: inline;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
    text-transform: none;
}

.google-pulse-account-shell .eyebrow {
    color: #64748b;
    font-weight: 400;
}

.google-recommendation-chip-bar {
    align-items: center;
    display: grid;
    gap: 5px 8px;
    grid-template-columns: repeat(auto-fill, minmax(122px, 1fr));
}

.google-recommendation-chip-bar button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 1.15;
    min-height: 24px;
    min-width: 0;
    padding: 3px 0;
    text-align: center;
    width: 100%;
}

.google-recommendation-filter-count {
    align-items: center;
    background: #e2e8f0;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    line-height: 1;
    margin-left: 5px;
    min-width: 18px;
    padding: 0 5px;
}

.google-recommendation-filter-count.is-empty {
    background: #f1f5f9;
    color: #94a3b8;
    font-weight: 500;
}

.google-recommendation-chip-bar button + button::before {
    content: none;
}

.google-recommendation-chip-bar button:hover,
.google-recommendation-chip-bar button:focus-visible,
.google-recommendation-chip-bar button.is-active {
    background: transparent;
    color: #2563eb;
    outline: none;
}

.google-recommendation-chip-bar button:hover .google-recommendation-filter-count,
.google-recommendation-chip-bar button:focus-visible .google-recommendation-filter-count,
.google-recommendation-chip-bar button.is-active .google-recommendation-filter-count {
    background: #dbeafe;
    color: #1d4ed8;
}

.google-recommendation-session-note {
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    color: #475569;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    margin: 0;
    padding: 8px 10px;
}

.account-detail-fallback-note {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1e3a8a;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    max-width: min(100%, 390px);
    overflow: hidden;
    padding: 5px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-recommendation-card-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.google-recommendation-card {
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-left: 4px solid #2563eb;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    display: grid;
    gap: 9px;
    min-width: 0;
    padding: 11px;
}

.google-recommendation-card[hidden],
.google-recommendation-empty-state[hidden] {
    display: none !important;
}

.google-recommendation-card.is-apply {
    border-left-color: #2f855a;
}

.google-recommendation-card.is-dismiss {
    border-left-color: #b42318;
}

.google-recommendation-card.is-review {
    border-left-color: #2563eb;
}

.google-recommendation-card-top,
.google-recommendation-meta-row,
.google-recommendation-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.google-recommendation-card-top {
    justify-content: space-between;
}

.google-recommendation-type-badge,
.google-recommendation-impact,
.google-recommendation-meta-row span {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    max-width: 100%;
    padding: 5px 7px;
}

.google-recommendation-type-badge {
    background: #f1f5f9;
    color: #334155;
    overflow-wrap: anywhere;
}

.google-recommendation-impact {
    background: #eff6ff;
    color: #1e40af;
}

.google-recommendation-impact-link {
    border: 1px solid #bfdbfe;
    text-decoration: none;
}

.google-recommendation-impact-link:hover,
.google-recommendation-impact-link:focus-visible {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8;
    outline: none;
}

.google-recommendation-card-body {
    display: grid;
    gap: 5px;
}

.google-recommendation-card-body h4 {
    color: #0f172a;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.22;
    margin: 2px 0 0;
}

.google-recommendation-card-body p {
    color: #4b5563;
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
}

.google-recommendation-meta-row span {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.google-recommendation-decision {
    border: 1px solid transparent;
    border-radius: 8px;
    display: grid;
    gap: 3px;
    padding: 8px 9px;
}

.google-recommendation-decision strong {
    font-size: 12px;
    font-weight: 600;
}

.google-recommendation-decision span {
    font-size: 12px;
    line-height: 1.35;
}

.google-recommendation-decision.is-apply {
    background: #ecfdf3;
    border-color: #bbf7d0;
    color: #14532d;
}

.google-recommendation-decision.is-dismiss {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.google-recommendation-decision.is-review {
    background: #f8fafc;
    border-color: #dbe4ef;
    color: #334155;
}

.google-recommendation-actions {
    align-items: stretch;
}

.google-recommendation-actions button,
.google-recommendation-google-link {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    min-height: 30px;
    padding: 7px 9px;
    text-decoration: none;
}

.google-recommendation-actions button:disabled {
    cursor: not-allowed;
    opacity: .68;
}

.google-recommendation-actions button.is-selected {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

.google-recommendation-review-result.is-success {
    color: #166534;
}

.google-recommendation-review-result.is-error {
    color: #991b1b;
}

.google-recommendation-details {
    border-top: 1px solid #e2e8f0;
    padding-top: 8px;
}

.google-recommendation-details summary {
    color: #1d4ed8;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}

.google-recommendation-details dl {
    display: grid;
    gap: 6px;
    margin: 8px 0 0;
}

.google-recommendation-details dl div {
    background: #f8fafc;
    border-radius: 7px;
    display: grid;
    gap: 3px;
    padding: 7px;
}

.google-recommendation-details dt {
    color: var(--muted);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.google-recommendation-details dd {
    color: #334155;
    font-size: 11px;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.google-recommendation-empty-state {
    border: 1px dashed var(--line);
    border-radius: 8px;
}

@media (max-width: 1280px) {
    .google-pulse-account-shell .account-control-row {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .google-pulse-account-shell .account-control-filter,
    .google-pulse-account-shell .account-control-range-actions {
        flex-basis: 100%;
        margin-left: 0;
        max-width: none;
    }

    .google-pulse-account-shell .account-control-range-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 980px) {
    .google-pulse-account-summary,
    .google-pulse-account-layout {
        grid-template-columns: 1fr;
    }

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

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

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

    .google-recommendation-score-strip,
    .google-recommendation-card-grid {
        grid-template-columns: 1fr;
    }

    .account-detail-rail {
        position: static;
    }

    .account-filter-primary {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }

    .account-control-status-form .account-filter-primary {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }

    .account-control-row {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .account-control-range-actions {
        justify-content: space-between;
        margin-left: 0;
        width: 100%;
    }

    .account-date-range-stack {
        min-width: 0;
        width: 100%;
    }

    .account-tabs {
        display: flex;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .account-tabs a {
        white-space: nowrap;
    }
}

@media (max-width: 640px) {
    .google-pulse-account-head {
        align-items: flex-start;
    }

    .google-pulse-account-switcher-control,
    .google-pulse-account-switcher-list {
        grid-template-columns: 1fr;
    }

    .account-control-row,
    .account-control-range-actions,
    .account-control-refresh-form {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .account-control-range-actions {
        margin-left: 0;
        min-height: 0;
    }

    .account-date-range-stack {
        justify-items: stretch;
        width: 100%;
    }

    .account-date-picker-trigger {
        width: 100%;
    }

    .account-date-picker-panel {
        min-width: 0;
        position: static;
        width: 100%;
    }

    .account-date-picker-grid,
    .account-custom-date-fields {
        grid-template-columns: 1fr;
    }

    .account-detail-cache-state {
        max-width: 100%;
        text-align: left;
        width: 100%;
    }

    .account-control-live-refresh-form {
        display: grid;
        width: 100%;
    }

    .account-data-refresh-stack,
    .account-data-action-row {
        justify-items: stretch;
        width: 100%;
    }

    .account-data-refresh-stack {
        display: grid;
        gap: 4px;
    }

    .account-data-action-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    .account-dashboard-control-card .account-data-action-row {
        display: flex;
        justify-content: center;
    }

    .account-data-refresh-help {
        text-align: center;
        white-space: normal;
    }

    .account-control-live-refresh-form .button-link {
        width: 100%;
    }

    .account-dashboard-control-card .account-control-live-refresh-form .button-link {
        width: auto;
    }

    .account-data-progress {
        justify-content: center;
        position: static;
        text-align: center;
        white-space: normal;
        width: 100%;
    }

    .account-data-progress-steps {
        justify-content: center;
    }

    .account-control-filter {
        min-width: 0;
    }

    .account-control-status-form .account-filter-primary {
        grid-template-columns: 1fr;
    }

    .account-sync-refresh-button {
        justify-content: center;
        max-width: 100%;
        width: 100%;
    }

    .google-pulse-account-switcher-option {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-metric-picker {
        width: 100%;
    }

    .account-metric-refresh-form .button-link {
        justify-content: center;
    }

    .account-metric-picker summary {
        text-align: center;
    }

    .account-metric-menu {
        min-width: 0;
        position: static;
        width: 100%;
    }

    .account-metric-count {
        white-space: normal;
    }

    .google-pulse-account-head .google-pulse-mcc-head-actions,
    .account-filter-actions {
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
    }

    .google-pulse-account-head .button-link,
    .account-filter-actions button,
    .account-filter-actions .button-link {
        justify-content: center;
    }

    .google-pulse-account-summary,
    .account-filter-primary,
    .account-overview-kpis,
    .google-recommendation-score-strip {
        grid-template-columns: 1fr;
    }

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

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

    .account-share-footer-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .google-pulse-account-meta-footer,
    .google-pulse-account-meta-copy,
    .account-share-footer-actions {
        align-items: stretch;
        width: 100%;
    }

    .account-share-footer-link {
        justify-content: center;
        width: 100%;
    }

    .account-device-head,
    .account-device-bar-title {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .account-health-ring-card,
    .account-health-signal {
        align-items: flex-start;
    }

    .account-pulse-header,
    .account-basic-stats-head {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .account-campaign-type-head,
    .account-campaign-type-row {
        grid-template-columns: minmax(88px, 0.8fr) minmax(84px, 1fr) auto;
    }

    .account-health-ring-card {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .google-pulse-account-meta {
        align-items: flex-start;
        display: grid;
        gap: 4px;
    }

    .google-pulse-account-meta span + span::before {
        display: none;
    }
}

.account-structure-tree {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-gutter: stable;
    width: 100%;
}

#account-structure {
    --account-structure-name-col: 270px;
    --account-structure-action-col: 52px;
    --account-structure-grid: var(--account-structure-name-col) minmax(64px, .56fr) minmax(82px, .7fr) minmax(72px, .58fr) minmax(86px, .68fr) minmax(86px, .68fr) var(--account-structure-action-col);
    --account-structure-adgroup-grid: var(--account-structure-grid);
    --account-structure-min-width: 712px;
    --account-structure-adgroup-min-width: var(--account-structure-min-width);
    min-width: 0;
    overflow-x: hidden;
}

.account-structure-campaign-focus-bar {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    display: grid;
    gap: 2px 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: 8px 0;
    min-width: 0;
    padding: 8px 10px;
}

.account-structure-campaign-focus-bar strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-structure-campaign-focus-bar small {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    justify-self: end;
    white-space: nowrap;
}

.account-structure-campaign-focus-bar small[hidden] {
    display: none !important;
}

.account-structure-workspace {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(250px, 280px) minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
}

.account-structure-workspace.is-campaign-rail-collapsed {
    grid-template-columns: 64px minmax(0, 1fr);
}

.account-structure-workspace.is-campaign-rail-filtered .campaign-node:not(.is-campaign-rail-selected) {
    display: none !important;
}

.account-structure-campaign-rail {
    align-self: start;
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    color: #334155;
    display: grid;
    gap: 0;
    grid-template-rows: auto minmax(0, 1fr);
    height: auto;
    max-width: 300px;
    max-height: none;
    min-height: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
    position: sticky;
    top: 12px;
}

.account-structure-campaign-rail-head {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
    padding: 9px 10px;
}

.account-structure-campaign-rail-head > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.account-structure-campaign-rail-head .eyebrow {
    color: #64748b;
    font-size: 10px;
    font-weight: 400;
}

.account-structure-campaign-rail-head strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-structure-rail-collapse {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.account-structure-rail-collapse:hover,
.account-structure-rail-collapse:focus-visible {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    outline: none;
}

.account-structure-campaign-rail-list {
    display: grid;
    gap: 0;
    max-height: none;
    min-height: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
}

.account-structure-campaign-rail-item {
    align-items: center;
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    color: #1f2937;
    cursor: pointer;
    display: grid;
    gap: 9px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 10px;
    text-align: left;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.account-structure-campaign-rail-item:hover,
.account-structure-campaign-rail-item:focus-visible {
    background: #f8fafc;
    color: #0f172a;
    outline: none;
}

.account-structure-campaign-rail-item.is-active {
    background: #f8fbff;
    border-bottom-color: #dbeafe;
    box-shadow: inset 3px 0 0 #bfdbfe;
    color: #0f172a;
}

.account-structure-rail-initial {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 1;
    min-width: 22px;
    padding: 0 5px;
    text-transform: uppercase;
}

.account-structure-campaign-rail-item.is-active .account-structure-rail-initial {
    background: #e0f2fe;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.account-structure-rail-text {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.account-structure-rail-text strong,
.account-structure-rail-text small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-structure-rail-text strong {
    font-size: 12px;
    font-weight: 400;
}

.account-structure-rail-title {
    align-items: center;
    display: flex !important;
    gap: 5px;
}

.account-structure-rail-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-structure-rail-alert {
    align-items: center;
    color: #b45309;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 700;
    gap: 2px;
    line-height: 1;
}

.account-structure-rail-alert.is-critical {
    color: #b91c1c;
}

.account-structure-rail-alert .account-structure-alert-icon {
    font-size: 9px;
    height: 14px;
    width: 14px;
}

.account-structure-rail-text small {
    color: inherit;
    font-size: 10px;
    font-weight: 400;
    opacity: .78;
}

.account-structure-workspace.is-campaign-rail-collapsed .account-structure-campaign-rail {
    padding: 0;
}

.account-structure-workspace.is-campaign-rail-collapsed .account-structure-campaign-rail-head {
    justify-content: center;
    padding: 8px;
}

.account-structure-workspace.is-campaign-rail-collapsed .account-structure-campaign-rail-head > div,
.account-structure-workspace.is-campaign-rail-collapsed .account-structure-rail-text {
    display: none;
}

.account-structure-workspace.is-campaign-rail-collapsed .account-structure-campaign-rail-list {
    justify-items: center;
    max-height: none;
    padding-right: 0;
}

.account-structure-workspace.is-campaign-rail-collapsed .account-structure-campaign-rail-item {
    display: inline-flex;
    justify-content: center;
    padding: 6px;
    width: 40px;
}

.account-structure-workspace.is-campaign-rail-collapsed .account-structure-rail-initial {
    height: 24px;
    min-width: 24px;
    padding: 0 4px;
}

@media (max-width: 760px) {
    .account-structure-campaign-focus-bar {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .account-structure-campaign-focus-bar small {
        justify-self: start;
    }

    .account-structure-workspace,
    .account-structure-workspace.is-campaign-rail-collapsed {
        grid-template-columns: minmax(0, 1fr);
    }

    .account-structure-campaign-rail {
        align-self: start;
        grid-template-rows: auto auto;
        height: auto;
        max-height: none;
        max-width: 100%;
        position: static;
        width: 100%;
    }

    .account-structure-campaign-rail-list,
    .account-structure-workspace.is-campaign-rail-collapsed .account-structure-campaign-rail-list {
        display: flex;
        gap: 6px;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 2px;
        padding-right: 0;
    }

    .account-structure-campaign-rail-item {
        flex: 0 0 190px;
    }

    .account-structure-workspace.is-campaign-rail-collapsed .account-structure-campaign-rail-item {
        flex-basis: 42px;
        width: 42px;
    }
}

.account-structure-grid-footer,
.account-structure-detail-table tfoot td.account-structure-table-count {
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

.account-structure-grid-footer {
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-top: 0;
    min-width: var(--account-structure-min-width);
    padding: 7px 10px;
}

.account-structure-campaign-footer {
    border-top: 1px solid #dbe4ef;
    margin-top: 6px;
}

.account-structure-detail-table tfoot td.account-structure-table-count {
    background: #f8fafc;
    border-top: 1px solid #dbe4ef;
    padding: 7px 10px;
}

.account-structure-footer-line {
    align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-end;
    max-width: 100%;
    white-space: nowrap;
    width: 100%;
}

.account-structure-row-select {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
}

.account-structure-row-select span {
    color: #94a3b8;
    font-weight: 600;
}

.account-structure-row-select select {
    appearance: auto;
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    min-height: 26px;
    padding: 3px 24px 3px 8px;
    width: auto;
}

.account-structure-row-select select:focus-visible {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .16);
    outline: none;
}

.account-structure-page-controls {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    justify-content: flex-end;
}

.account-structure-page-controls .button-link {
    min-height: 26px;
    padding: 4px 8px;
}

.account-structure-page-controls .is-disabled {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #94a3b8;
    cursor: default;
    pointer-events: none;
}

.account-structure-table-head,
.account-structure-subtable-head {
    align-items: stretch;
    border: 1px solid #dbe4ef;
    display: grid;
    font-size: 11px;
    font-weight: 700;
    grid-template-columns: var(--account-structure-grid);
    line-height: 1.2;
    min-width: var(--account-structure-min-width);
    position: sticky;
    top: 0;
    z-index: 6;
}

.account-structure-table-head {
    background: #e2e8f0;
    border-radius: 8px 8px 0 0;
    border-color: #cbd5e1;
    box-shadow: 0 1px 0 rgba(203, 213, 225, .7);
    color: #0f172a;
}

.account-structure-subtable-head {
    background: #dbe4ef;
    border-color: #c6d3e1;
    border-radius: 7px 7px 0 0;
    color: #1f2937;
    margin-top: 8px;
    top: 34px;
    z-index: 5;
}

.account-structure-subtable-head,
.adgroup-node,
.account-structure-child-placeholder {
    grid-template-columns: var(--account-structure-adgroup-grid);
    min-width: var(--account-structure-adgroup-min-width);
}

.account-structure-table-head > *,
.account-structure-subtable-head > * {
    align-items: center;
    display: inline-flex;
    min-width: 0;
    padding: 8px 10px;
}

.account-structure-table-head > * + *,
.account-structure-subtable-head > * + * {
    border-left: 1px solid #e2e8f0;
}

.account-structure-head-primary {
    color: inherit;
    font-weight: 800;
}

.account-structure-row-sort-button {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    gap: 5px;
    justify-content: flex-start;
    text-align: left;
    text-decoration: none;
}

.account-structure-table-head > .account-structure-row-sort-button,
.account-structure-subtable-head > .account-structure-row-sort-button {
    border-left: 1px solid #e2e8f0;
    border-radius: 0;
}

.account-structure-row-sort-button:hover,
.account-structure-row-sort-button:focus-visible {
    background: var(--color-link-hover-bg);
    color: var(--color-link-hover-text);
    outline: 0;
}

.account-structure-row-sort-button:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, .22);
}

.account-structure-row-sort-indicator {
    display: inline-grid;
    flex: 0 0 auto;
    gap: 2px;
    width: 8px;
}

.account-structure-row-sort-indicator::before,
.account-structure-row-sort-indicator::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

.account-structure-row-sort-indicator::before {
    border-bottom: 5px solid #cbd5e1;
}

.account-structure-row-sort-indicator::after {
    border-top: 5px solid #cbd5e1;
}

.account-structure-row-sort-button.is-asc .account-structure-row-sort-indicator::before,
.account-structure-row-sort-button.is-desc .account-structure-row-sort-indicator::after {
    border-bottom-color: #2563eb;
    border-top-color: #2563eb;
}

.account-structure-workspace:not(.is-campaign-rail-filtered) .account-structure-table-head .account-structure-row-sort-button.is-asc .account-structure-row-sort-indicator::before,
.account-structure-workspace.is-campaign-rail-filtered .campaign-node.is-campaign-rail-selected .account-structure-subtable-head .account-structure-row-sort-button.is-asc .account-structure-row-sort-indicator::before {
    border-bottom-color: #2563eb;
}

.account-structure-workspace:not(.is-campaign-rail-filtered) .account-structure-table-head .account-structure-row-sort-button.is-desc .account-structure-row-sort-indicator::after,
.account-structure-workspace.is-campaign-rail-filtered .campaign-node.is-campaign-rail-selected .account-structure-subtable-head .account-structure-row-sort-button.is-desc .account-structure-row-sort-indicator::after {
    border-top-color: #2563eb;
}

.account-structure-type-toolbar {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: block;
    margin-bottom: 12px;
    padding: 0;
}

.account-structure-type-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    overflow: visible;
    padding-bottom: 0;
}

.account-structure-type-tab {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #94a3b8;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    gap: 4px;
    line-height: 1.15;
    padding: 3px 0;
}

.account-structure-type-tab + .account-structure-type-tab::before {
    color: #e2e8f0;
    content: "|";
    font-weight: 400;
    margin: 0 0 0 0;
    transform: translateX(-5px);
}

.account-structure-type-tab:hover,
.account-structure-type-tab:focus-visible {
    color: #64748b;
    outline: none;
}

.account-structure-type-tab.is-active {
    background: transparent;
    color: #64748b;
    font-weight: 500;
}

.account-structure-type-tab strong {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    display: inline-flex;
    font-size: 11px;
    justify-content: center;
    min-width: 0;
    padding: 0;
}

.account-structure-type-more {
    position: relative;
}

.account-structure-type-more summary {
    color: #64748b;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    list-style: none;
    padding: 3px 0;
}

.account-structure-type-more summary::-webkit-details-marker {
    display: none;
}

.account-structure-type-more summary::after {
    content: " +";
}

.account-structure-type-more[open] summary::after {
    content: " -";
}

.account-structure-type-more-menu {
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .14);
    display: grid;
    gap: 6px;
    min-width: 210px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 20;
}

.account-structure-type-more-menu .account-structure-type-tab {
    justify-content: space-between;
    width: 100%;
}

.account-structure-type-more-menu .account-structure-type-tab + .account-structure-type-tab::before {
    content: none;
}

.account-structure-type-empty {
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: var(--muted);
    font-size: 13px;
    margin: 0;
    padding: 12px;
}

.account-structure-type-empty[hidden] {
    display: none !important;
}

.campaign-node {
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    display: grid;
    gap: 0;
    min-width: var(--account-structure-min-width);
    overflow: visible;
    padding: 0;
    position: relative;
    transition: filter .18s ease, opacity .18s ease, box-shadow .18s ease;
}

.account-structure-table-head + .campaign-node {
    border-top: 0;
}

.account-structure-tree > .campaign-node:last-of-type {
    border-radius: 0 0 8px 8px;
}

.campaign-node[hidden],
.adgroup-node[hidden] {
    display: none !important;
}

.campaign-node.is-costly {
    background: #ffffff;
    border-color: #cbd5e1;
}

.account-structure-tree .campaign-node:nth-of-type(odd),
.account-structure-tree .campaign-node.is-costly:nth-of-type(odd) {
    background: #ffffff;
}

.account-structure-tree .campaign-node:nth-of-type(even),
.account-structure-tree .campaign-node.is-costly:nth-of-type(even) {
    background: #f8fbff;
}

.campaign-node.has-account-issues {
    box-shadow: inset 3px 0 0 #2563eb, 0 1px 2px rgba(15, 23, 42, .04);
}

.campaign-node.has-critical-issues {
    border-color: #fecaca;
    box-shadow: inset 3px 0 0 #dc2626, 0 1px 2px rgba(15, 23, 42, .04);
}

.account-structure-workspace.is-campaign-rail-filtered .campaign-node.is-campaign-rail-selected {
    border-color: #bfdbfe;
}

.campaign-node-head {
    align-items: center;
    display: grid;
    gap: 0;
    grid-template-columns: var(--account-structure-grid);
    min-width: var(--account-structure-min-width);
    padding: 0;
    transition: filter .18s ease, opacity .18s ease;
}

.campaign-node-head h4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    margin: 0;
}

.campaign-node-head .eyebrow {
    font-weight: 500;
}

.campaign-node-title {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 8px 10px;
}

.campaign-title-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 7px;
    line-height: 1.25;
    max-width: calc(var(--account-structure-name-col) - 20px);
    min-width: 0;
    padding: 2px 4px;
    text-align: left;
    transition: background-color .16s ease, color .16s ease;
}

.campaign-title-toggle:hover {
    background: #f1f5f9;
    color: #0f172a;
}

.campaign-title-toggle:hover .account-campaign-name,
.campaign-title-toggle:focus-visible .account-campaign-name {
    color: #0f172a;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.campaign-title-toggle:focus-visible {
    background: #f8fafc;
    outline: 2px solid rgba(37, 99, 235, .35);
    outline-offset: 3px;
}

.campaign-title-toggle:hover .campaign-structure-toggle-icon,
.campaign-title-toggle:focus-visible .campaign-structure-toggle-icon {
    background: #e2e8f0;
    border-color: #94a3b8;
    color: #0f172a;
}

.campaign-title-toggle .account-campaign-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-node-head > * + *,
.adgroup-node > * + * {
    border-left: 1px solid #e2e8f0;
}

.account-structure-metric-cell,
.account-structure-action-cell {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    min-width: 0;
    padding: 8px 10px;
}

.account-structure-metric-cell {
    color: #334155;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 1.25;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-structure-metric-cell span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-structure-metric-cell em {
    align-items: center;
    background: #fef3c7;
    border: 1px solid #f59e0b;
    border-radius: 999px;
    color: #92400e;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    height: 15px;
    justify-content: center;
    line-height: 1;
    margin-left: 4px;
    width: 15px;
}

.account-structure-action-cell {
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    overflow: visible;
}

.account-structure-action-cell .account-structure-toggle {
    flex: 0 0 auto;
    padding: 4px 7px;
}

.account-structure-settings-cell {
    flex-wrap: nowrap;
    justify-content: center;
}

.account-structure-settings-cell .account-structure-settings-toggle {
    height: 28px;
    justify-content: center;
    min-width: 28px;
    padding: 0;
    width: 28px;
}

.account-structure-action-cell .status-chip {
    flex: 0 0 auto;
}

.account-structure-action-cell .status-chip-active {
    background: #ecfdf5;
    border-color: #86efac;
    color: #047857;
}

.account-structure-action-cell .status-chip-paused {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #64748b;
}

.account-structure-action-cell .status-chip-removed {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.account-campaign-alert-count {
    color: #c2410c;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.account-campaign-alert-count.is-critical {
    color: #b91c1c;
}

.campaign-structure-toggle {
    align-items: center;
    align-self: flex-start;
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    gap: 7px;
    line-height: 1.15;
    padding: 6px 9px;
}

.campaign-structure-toggle:hover,
.campaign-structure-toggle:focus-visible,
.campaign-structure-toggle[aria-expanded="true"] {
    background: #eff6ff;
    border-color: #93c5fd;
    outline: none;
}

.campaign-structure-toggle-icon,
.campaign-structure-toggle-count {
    align-items: center;
    background: #fff;
    border: 1px solid #b8cdf2;
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
}

.campaign-structure-toggle-icon {
    font-size: 12px;
    height: 18px;
    width: 18px;
}

.campaign-structure-toggle-count {
    color: #1e40af;
    font-size: 11px;
    min-width: 20px;
    padding: 3px 6px;
}

.campaign-structure-toggle-text {
    white-space: nowrap;
}

.campaign-adgroups {
    display: grid;
    gap: 0;
    padding: 0 10px 10px;
}

.campaign-adgroups:not([hidden]) {
    background: #f8fbff;
    border: 2px solid #2563eb;
    border-left-width: 4px;
    border-top: 0;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
    box-sizing: border-box;
    margin-bottom: 10px;
}

.campaign-adgroups[hidden] {
    display: none !important;
}

.account-structure-expanded-campaign-name {
    color: #475569;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    padding: 8px 10px 6px;
}

.adgroup-node {
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 0;
    border-top: 0;
    display: grid;
    gap: 0;
    grid-template-columns: var(--account-structure-adgroup-grid);
    margin-left: 0;
    min-width: var(--account-structure-adgroup-min-width);
    padding: 0;
    position: relative;
    transition: filter .18s ease, opacity .18s ease, box-shadow .18s ease;
}

.account-structure-subtable-head + .adgroup-node {
    border-top: 0;
}

.campaign-adgroups > .adgroup-node:last-child {
    border-radius: 0 0 7px 7px;
}

.adgroup-node > strong {
    align-self: center;
    min-width: 0;
    overflow: hidden;
    padding: 8px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-structure-adgroup-identity {
    align-content: center;
    align-self: stretch;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 6px 10px;
}

.account-structure-adgroup-identity > strong {
    min-width: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-structure-adgroup-inline-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    min-width: 0;
    overflow: visible;
}

.account-structure-adgroup-inline-actions .account-structure-toggle {
    flex: 0 0 auto;
    font-size: 11px;
    gap: 4px;
    letter-spacing: .02em;
    min-height: 22px;
    padding: 2px 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.account-structure-adgroup-inline-actions .account-structure-inline-link-toggle {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #1d4ed8;
    font-weight: 800;
}

.account-structure-adgroup-inline-actions .account-structure-inline-link-toggle:hover,
.account-structure-adgroup-inline-actions .account-structure-inline-link-toggle:focus-visible,
.account-structure-adgroup-inline-actions .account-structure-inline-link-toggle[aria-expanded="true"] {
    background: transparent;
    color: #0f3c91;
    text-decoration: underline;
}

.account-structure-adgroup-inline-actions .account-structure-inline-plus {
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.account-structure-adgroup-inline-actions .account-structure-settings-toggle {
    height: 23px;
    justify-content: center;
    min-width: 23px;
    padding: 0;
    width: 23px;
}

.account-structure-inline-alert-toggle {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #b45309;
    gap: 3px;
    padding-inline: 0;
}

.account-structure-inline-alert-toggle.account-issue-toggle.is-important,
.account-structure-inline-alert-toggle.account-issue-toggle.is-critical {
    background: transparent;
    border: 0;
    color: #b45309;
}

.account-structure-inline-alert-toggle.account-issue-toggle.is-critical {
    color: #b91c1c;
}

.account-structure-inline-alert-toggle:hover,
.account-structure-inline-alert-toggle:focus-visible,
.account-structure-inline-alert-toggle[aria-expanded="true"] {
    background: transparent;
    color: #92400e;
    outline: none;
    text-decoration: underline;
}

.account-structure-adgroup-inline-actions .account-structure-settings-toggle .account-structure-toggle-icon {
    height: 16px;
    width: 16px;
}

.account-structure-alert-icon {
    align-items: center;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 999px;
    color: #b91c1c;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 800;
    height: 15px;
    justify-content: center;
    line-height: 1;
    width: 15px;
}

.account-structure-child-cache-link {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
    text-decoration: none;
}

.account-structure-child-cache-link:hover,
.account-structure-child-cache-link:focus-visible {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
    text-decoration: none;
}

.adgroup-node > .table-subtext,
.adgroup-node > .account-structure-detail-panel,
.adgroup-node > .account-issue-panel {
    border-left: 0;
    grid-column: 1 / -1;
}

.campaign-adgroups > .adgroup-node:nth-of-type(even) {
    background: #ffffff;
}

.campaign-adgroups > .adgroup-node:nth-of-type(odd) {
    background: #f8fbff;
}

.account-structure-child-placeholder {
    display: grid;
    grid-template-columns: var(--account-structure-adgroup-grid);
}

.adgroup-node > strong,
.account-structure-adgroup-identity > strong {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
}

.adgroup-node.is-costly {
    background: #ffffff;
    border-color: #dbe4ef;
    border-left-color: #93c5fd;
}

.adgroup-node.has-account-issues {
    box-shadow: inset 2px 0 0 #2563eb;
}

.adgroup-node.has-critical-issues {
    border-color: #fecaca;
    box-shadow: inset 2px 0 0 #dc2626;
}

.campaign-node.is-issue-focus,
.adgroup-node.is-issue-focus {
    outline: 3px solid rgba(37, 99, 235, .32);
    outline-offset: 2px;
}

#account-structure.is-structure-focus-mode .account-structure-type-toolbar,
#account-structure.is-structure-focus-mode .account-structure-table-head,
#account-structure.is-structure-focus-mode .campaign-node:not(.has-structure-focus),
#account-structure.is-structure-focus-mode .campaign-node.has-structure-focus > .campaign-node-head,
#account-structure.is-structure-focus-mode .campaign-node.has-structure-focus .account-structure-subtable-head,
#account-structure.is-structure-focus-mode .campaign-node.has-structure-focus .adgroup-node:not(.is-structure-focus-active) {
    filter: none;
    opacity: 1;
}

#account-structure.is-structure-focus-mode .campaign-node:not(.has-structure-focus),
#account-structure.is-structure-focus-mode .campaign-node.has-structure-focus .adgroup-node:not(.is-structure-focus-active) {
    box-shadow: none;
}

#account-structure.is-structure-focus-mode .adgroup-node.is-structure-focus-active {
    background: #ffffff;
    border-color: #dbe4ef;
    box-shadow: none;
    filter: none;
    opacity: 1;
    z-index: 1;
}

#account-structure.is-structure-focus-mode .adgroup-node.is-structure-focus-active > .account-structure-detail-panel:not([hidden]) {
    border-color: #dbe4ef;
    box-shadow: none;
}

.structure-counts {
    display: grid;
    gap: 4px;
    justify-items: start;
    min-width: 0;
}

.structure-metric-chip {
    background: #f8fafc;
    border: 1px solid #d7e0ea;
    border-radius: 7px;
    color: #314256;
    font-weight: 600;
}

.structure-costs {
    justify-items: end;
    min-width: 0;
    padding-left: 10px;
}

.structure-counts .account-structure-settings-toggle {
    order: 100;
}

.structure-metrics-row,
.structure-actions-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
}

.structure-metrics-row {
    column-gap: 0;
    row-gap: 2px;
}

.structure-actions-row {
    gap: 6px;
}

.structure-costs .structure-metrics-row,
.structure-costs .structure-actions-row {
    justify-content: flex-end;
}

.structure-metrics-row > * + * {
    border-left: 1px solid #dbe4ef;
    margin-left: 8px;
    padding-left: 8px !important;
}

.structure-metrics-row > * + *::before {
    content: none;
    margin-right: 0;
}

.structure-metrics-row > .account-structure-settings-toggle {
    padding-inline: 7px !important;
}

.structure-metrics-row > .account-structure-settings-toggle::before {
    content: none;
    margin-right: 0;
}

.structure-counts span {
    background: #ffffff;
    border: 1px solid #d7e0ea;
    border-radius: 999px;
    color: #314256;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 8px;
}

.structure-counts span.structure-metric-chip {
    background: #f8fafc;
    border-color: #d7e0ea;
    color: #314256;
}

.structure-counts span.account-stat-pill {
    align-items: center;
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #334155;
    display: inline-flex;
    gap: 6px;
}

.structure-counts .account-stat-pill span,
.structure-counts .account-stat-pill em {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    display: inline;
    font: inherit;
    line-height: inherit;
    padding: 0;
}

.structure-counts .account-stat-pill em {
    color: #1d4ed8;
    font-style: normal;
    font-weight: 700;
}

.structure-counts .structure-metrics-row span,
.structure-counts .structure-metrics-row .account-stat-pill,
.structure-counts .structure-metrics-row .status-chip,
.structure-counts .structure-metrics-row .cost-warning {
    background: transparent;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    box-shadow: none;
    color: #475569;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    padding: 0;
}

.structure-counts .structure-metrics-row .account-stat-pill {
    align-items: baseline;
    display: inline-flex;
    gap: 4px;
}

.structure-counts .structure-metrics-row .account-stat-pill span {
    color: #64748b;
}

.structure-counts .structure-metrics-row .account-stat-pill em {
    color: #1d4ed8;
    font-weight: 700;
}

.account-structure-toggle {
    align-items: center;
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    line-height: 1.15;
    padding: 5px 8px;
}

.account-structure-toggle:hover,
.account-structure-toggle:focus-visible,
.account-structure-toggle[aria-expanded="true"] {
    background: #eff6ff;
    border-color: #93c5fd;
    outline: none;
}

.account-structure-toggle-icon {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #2563eb;
    display: inline-flex;
    font-size: 12px;
    height: 18px;
    justify-content: center;
    line-height: 1;
    width: 18px;
}

.structure-counts .active-ads-low {
    background: #ffffff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    box-shadow: none;
}

.account-structure-toggle.active-ads-low {
    background: #ffffff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    box-shadow: none;
}

.account-structure-toggle.active-ads-priority-highest {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.account-structure-toggle.active-ads-priority-high {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.account-structure-toggle.active-ads-priority-secondary {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.account-structure-suggested-ads-row td {
    background: #f8fbff;
    border-top: 1px dashed #bfdbfe;
    padding: 8px 10px;
}

.account-structure-suggested-ad-draft {
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: 7px;
    max-width: 680px;
    padding: 8px 10px;
}

.account-structure-action-menu-grid .account-structure-suggested-ad-draft {
    flex: 1 1 100%;
    max-width: 560px;
}

.account-structure-suggested-ad-draft-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
}

.account-structure-suggested-ad-draft-head span {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.account-structure-suggested-ad-draft-head small {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.account-structure-suggested-ad-draft-actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.account-structure-suggested-ad-edit {
    min-height: 28px;
    padding: 4px 8px;
}

.account-structure-suggested-ad-dismiss {
    border-color: #fecaca;
    color: #b42318;
    min-height: 28px;
    padding: 4px 8px;
}

.account-structure-suggested-ad-dismiss:hover,
.account-structure-suggested-ad-dismiss:focus-visible {
    background: #fff7f7;
    border-color: #fca5a5;
    color: #991b1b;
}

.account-structure-suggested-ad-preview {
    background: #ffffff;
    border-left: 3px solid #bfdbfe;
    padding: 6px 8px;
}

.account-structure-suggested-ad-draft-meta {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    font-weight: 700;
    gap: 5px 8px;
}

.account-structure-suggested-ad-draft-meta span {
    min-width: 0;
}

.account-structure-suggested-ad-draft.has-local-edits {
    box-shadow: inset 0 0 0 2px #facc15;
}

.account-structure-suggested-ad-modal[hidden] {
    display: none !important;
}

.account-structure-suggested-ad-modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 1210;
}

.account-structure-suggested-ad-modal-backdrop {
    background: rgba(15, 23, 42, .58);
    inset: 0;
    position: absolute;
}

.account-structure-suggested-ad-modal-panel {
    background: #ffffff;
    border: 2px solid #2563eb;
    border-left-width: 4px;
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
    display: flex;
    flex-direction: column;
    max-height: min(90vh, 860px);
    max-width: 980px;
    min-height: min(620px, 90vh);
    overflow: hidden;
    position: relative;
    width: min(94vw, 980px);
}

.account-structure-suggested-ad-modal-head,
.account-structure-suggested-ad-modal-footer {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 12px 14px;
}

.account-structure-suggested-ad-modal-head h3,
.account-structure-suggested-ad-modal-head .eyebrow {
    margin: 0;
}

.account-structure-suggested-ad-modal-close {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 34px;
    justify-content: center;
    line-height: 1;
    width: 34px;
}

.account-structure-suggested-ad-modal-close:hover,
.account-structure-suggested-ad-modal-close:focus-visible {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.account-structure-suggested-ad-modal-summary {
    align-items: center;
    background: #f8fbff;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
    gap: 6px 12px;
    padding: 9px 14px;
}

.account-structure-suggested-ad-modal-summary strong {
    color: #0f172a;
}

.account-structure-suggested-ad-modal-note,
.account-structure-suggested-ad-modal-message {
    margin: 0;
    padding: 9px 14px;
}

.account-structure-suggested-ad-modal-note {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.account-structure-suggested-ad-modal-message {
    background: #ecfdf5;
    border-top: 1px solid #bbf7d0;
    color: #166534;
    font-size: 12px;
    font-weight: 800;
}

.account-structure-suggested-ad-modal-message.is-error {
    background: #fff7f7;
    border-top-color: #fecaca;
    color: #b42318;
}

.account-structure-suggested-ad-modal-message a {
    color: inherit;
    text-decoration: underline;
}

.account-structure-suggested-ad-modal-message[hidden] {
    display: none !important;
}

.account-structure-suggested-ad-recovery-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.account-structure-suggested-ad-recovery-actions small {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.account-structure-suggested-ad-modal-body {
    display: grid;
    gap: 12px;
    overflow: auto;
    padding: 14px;
}

.account-structure-suggested-ad-modal-section {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    padding: 10px;
}

.account-structure-suggested-ad-modal-section-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.account-structure-suggested-ad-modal-section-head strong {
    color: #0f172a;
    font-size: 13px;
}

.account-structure-suggested-ad-modal-section-head small {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.account-structure-suggested-ad-field-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.account-structure-suggested-ad-field {
    display: grid;
    gap: 5px;
}

.account-structure-suggested-ad-field span {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.account-structure-suggested-ad-field input,
.account-structure-suggested-ad-field textarea {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #0f172a;
    font-size: 13px;
    padding: 8px 9px;
    width: 100%;
}

.account-structure-suggested-ad-field textarea {
    line-height: 1.35;
    min-height: 72px;
    resize: vertical;
}

.account-structure-suggested-ad-field input:focus,
.account-structure-suggested-ad-field textarea:focus {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .16);
    outline: none;
}

.account-structure-suggested-ad-char-count {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-align: right;
}

.account-structure-suggested-ad-char-count.is-over-limit {
    color: #991b1b;
}

.account-structure-suggested-ad-modal-footer {
    border-bottom: 0;
    border-top: 1px solid #e2e8f0;
    justify-content: flex-end;
}

.account-structure-suggested-ad-draft.is-highest {
    background: #fff7f7;
    border-color: #fca5a5;
}

.account-structure-suggested-ad-draft.is-highest .account-structure-suggested-ad-preview {
    border-left-color: #ef4444;
}

.account-structure-suggested-ad-draft.is-high {
    background: #fffdf4;
    border-color: #fde68a;
}

.account-structure-suggested-ad-draft.is-high .account-structure-suggested-ad-preview {
    border-left-color: #f59e0b;
}

.account-structure-suggested-ad-draft.is-secondary {
    background: #f8fbff;
    border-color: #bfdbfe;
}

.account-structure-suggested-ad-draft.is-secondary .account-structure-suggested-ad-preview {
    border-left-color: #2563eb;
}

.account-issue-toggle.is-important {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.account-issue-toggle.is-critical {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.account-structure-inline-alert-toggle.account-structure-toggle.account-issue-toggle,
.account-structure-inline-alert-toggle.account-structure-toggle.account-issue-toggle.is-important,
.account-structure-inline-alert-toggle.account-structure-toggle.account-issue-toggle.is-critical {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding-inline: 0;
}

.account-structure-inline-alert-toggle.account-structure-toggle.account-issue-toggle:hover,
.account-structure-inline-alert-toggle.account-structure-toggle.account-issue-toggle:focus-visible,
.account-structure-inline-alert-toggle.account-structure-toggle.account-issue-toggle[aria-expanded="true"] {
    background: transparent;
    border: 0;
    text-decoration: underline;
}

.account-issue-toggle.is-important .account-structure-toggle-icon {
    background: #fffbeb;
    border-color: #fdba74;
    color: #c2410c;
}

.account-issue-toggle.is-critical .account-structure-toggle-icon {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #dc2626;
}

.account-issue-count-pill {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    padding: 5px 8px;
}

.account-issue-count-pill.is-important {
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
}

.account-issue-count-pill.is-critical {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.account-structure-detail-panel {
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    margin-top: 2px;
    padding: 10px;
    position: relative;
}

.campaign-node > .account-structure-detail-panel:not([hidden]),
.adgroup-node > .account-structure-detail-panel:not([hidden]),
.campaign-adgroups > .account-structure-detail-panel:not([hidden]),
.adgroup-node > .account-issue-panel:not([hidden]) {
    background: #f8fbff;
    border-color: #2563eb;
    border-width: 2px;
    border-left: 4px solid #2563eb;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .14);
    margin: 8px 0 10px;
    z-index: 5;
}

#account-structure.is-structure-focus-mode .adgroup-node.is-structure-focus-active > .account-structure-detail-panel:not([hidden]),
#account-structure.is-structure-focus-mode .campaign-node.has-structure-focus > .account-structure-detail-panel:not([hidden]),
#account-structure.is-structure-focus-mode .adgroup-node.is-structure-focus-active > .account-issue-panel:not([hidden]) {
    border-color: #2563eb;
    border-left: 4px solid #2563eb;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .14);
}

.account-structure-detail-panel[hidden] {
    display: none !important;
}

@media (max-width: 720px) {
    .campaign-node-head {
        display: grid;
    }

    .structure-costs {
        justify-content: flex-start;
    }

    .campaign-structure-toggle {
        width: 100%;
    }

}

.account-structure-detail-head {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    color: #475569;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 7px 9px;
}

.account-structure-detail-head small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
}

.account-structure-detail-note {
    color: var(--muted);
    margin: -2px 0 0;
}

.account-structure-detail-scroll {
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
}

.account-structure-detail-table {
    min-width: 820px;
    table-layout: fixed;
}

.account-structure-detail-table thead th {
    background: #e2e8f0;
    box-shadow: 0 1px 0 rgba(203, 213, 225, .7);
    color: #0f172a;
    font-weight: 600;
    letter-spacing: 0;
    position: sticky;
    text-transform: none;
    top: 0;
    z-index: 2;
}

.account-structure-detail-panel:not([hidden]) .account-structure-detail-table thead th {
    background: #dbeafe;
    color: #1e3a8a;
}

.account-structure-detail-table th + th,
.account-structure-detail-table td + td {
    border-left: 1px solid #e2e8f0;
}

.account-structure-detail-table tbody tr:nth-child(odd) td {
    background: #ffffff;
}

.account-structure-detail-table tbody tr:nth-child(even) td {
    background: #f8fbff;
}

.account-structure-keyword-table {
    min-width: 1080px;
}

.account-structure-ad-table {
    min-width: 1016px;
}

.account-structure-recommendation-heading,
.account-structure-recommendation-cell {
    min-width: 170px;
    width: 190px;
}

.account-structure-recommendation-cell {
    color: #334155;
    font-weight: 600;
    white-space: normal;
}

.account-structure-add-keywords-panel {
    gap: 10px;
}

.account-structure-campaign-settings-toggle {
    min-width: 34px;
    padding-inline: 7px;
}

.account-structure-settings-toggle {
    justify-content: center;
    min-width: 34px;
    padding-inline: 7px;
}

.account-structure-action-menu-panel {
    background: #f8fbff;
    border-color: #bfdbfe;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.account-structure-action-menu-grid {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.account-structure-action-menu-grid .button-link {
    align-self: flex-start;
    min-height: 34px;
    width: max-content;
}

.account-structure-action-columns {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.account-structure-campaign-action-columns {
    grid-template-columns: minmax(220px, .85fr) minmax(300px, 1.2fr) minmax(220px, .85fr);
}

.account-structure-action-column {
    align-content: start;
    align-items: start;
    display: grid;
    gap: 8px;
    grid-auto-rows: max-content;
    min-width: 0;
    padding: 0 12px;
}

.account-structure-action-column:first-child {
    padding-left: 0;
}

.account-structure-action-column + .account-structure-action-column {
    border-left: 2px solid #cbd5e1;
}

.account-structure-action-column:last-child {
    padding-right: 0;
}

.account-structure-action-block {
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 9px;
}

.account-structure-action-subhead {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 6px;
}

.account-structure-action-column .account-structure-campaign-setting-row {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 170px) auto;
}

.account-structure-action-column .account-structure-campaign-status-row {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}

.account-structure-action-column .account-structure-add-keywords-grid,
.account-structure-action-column .account-structure-status-card,
.account-structure-action-column .account-structure-status-review-control {
    align-items: stretch;
    grid-template-columns: 1fr;
}

.account-structure-action-column .account-structure-add-keywords-field textarea {
    min-height: 76px;
}

.account-structure-campaign-settings-panel {
    gap: 10px;
}

.account-structure-status-panel {
    gap: 10px;
}

.account-structure-status-card {
    align-items: end;
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, auto);
    padding: 9px;
}

.account-structure-campaign-settings-list {
    display: grid;
    gap: 8px;
}

.account-structure-campaign-setting-row {
    align-items: end;
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(180px, 1fr) minmax(130px, 170px) auto;
    padding: 9px;
}

.account-structure-campaign-status-row {
    background: transparent;
    border-color: #dbeafe;
    border-radius: 6px;
    padding: 7px;
}

.account-structure-campaign-setting-summary {
    display: grid;
    gap: 3px;
}

.account-structure-campaign-setting-summary strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
}

.account-structure-campaign-setting-summary small {
    color: var(--muted);
    font-size: 12px;
}

.account-structure-campaign-setting-field {
    display: grid;
    gap: 5px;
}

.account-structure-campaign-setting-field span {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.account-structure-campaign-setting-field select {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #0f172a;
    font-size: 13px;
    min-height: 36px;
    padding: 7px 10px;
}

.account-structure-status-review-control {
    align-items: end;
    display: grid;
    gap: 6px 8px;
    grid-template-columns: minmax(116px, 150px) auto;
}

.account-structure-status-review-control.is-quick-status {
    align-items: center;
    display: inline-grid;
    gap: 6px;
    grid-template-columns: auto;
    justify-items: start;
}

.account-structure-status-review-control label {
    display: grid;
    gap: 5px;
}

.account-structure-status-review-control label span {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.account-structure-status-review-control select {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #0f172a;
    font-size: 12px;
    min-height: 34px;
    padding: 6px 8px;
}

.account-structure-status-review-control .button-link {
    min-height: 34px;
    white-space: nowrap;
}

.account-structure-status-quick-button,
.account-structure-campaign-setting-submit {
    min-height: 30px;
    padding-inline: 10px;
}

.account-structure-status-quick-button.is-review-undo,
.account-structure-campaign-setting-submit.is-review-undo {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.account-structure-status-quick-button.is-review-undo:hover,
.account-structure-status-quick-button.is-review-undo:focus-visible,
.account-structure-campaign-setting-submit.is-review-undo:hover,
.account-structure-campaign-setting-submit.is-review-undo:focus-visible {
    background: #ffedd5;
    border-color: #fb923c;
    color: #7c2d12;
}

.account-structure-status-result {
    grid-column: 1 / -1;
    margin: 0;
}

.account-structure-campaign-setting-result[hidden],
.account-structure-status-result[hidden] {
    display: none !important;
}

.account-structure-campaign-setting-result.is-success {
    background: #eff6ff;
}

.account-structure-campaign-setting-result.is-error {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

.account-structure-status-result.is-success {
    background: #eff6ff;
}

.account-structure-status-result.is-error {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

.account-structure-campaign-setting-result a,
.account-structure-status-result a {
    color: inherit;
    text-decoration: underline;
}

.account-structure-campaign-negative-grid {
    grid-template-columns: 1fr;
}

.account-structure-advanced-placeholder {
    background: #ffffff;
    border: 1px dashed #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: 5px;
    padding: 9px;
}

.account-structure-advanced-placeholder strong {
    color: #0f172a;
    font-size: 12px;
    line-height: 1.3;
}

.account-structure-advanced-placeholder p {
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
}

.account-structure-add-keywords-grid {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(260px, 1fr) minmax(130px, 160px) auto;
}

.account-structure-add-keywords-field {
    display: grid;
    gap: 5px;
}

.account-structure-add-keywords-field span {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.account-structure-add-keywords-field textarea,
.account-structure-add-keywords-field select {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #0f172a;
    font-size: 13px;
    padding: 8px 10px;
}

.account-structure-add-keywords-field textarea {
    min-height: 104px;
    resize: vertical;
}

.account-structure-keyword-entry-result[hidden] {
    display: none !important;
}

.account-structure-keyword-entry-result.is-success {
    background: #eff6ff;
}

.account-structure-keyword-entry-result.is-error {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

.account-structure-keyword-entry-result a {
    color: inherit;
    text-decoration: underline;
}

.account-structure-keyword-split-bar {
    align-items: center;
    background: #fff7ed;
    border: 1px solid #fdba74;
    border-radius: 7px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 7px 10px;
}

.account-structure-keyword-split-bar[hidden] {
    display: none !important;
}

.account-structure-keyword-split-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    min-width: 0;
}

.account-structure-keyword-split-summary strong {
    color: #0f172a;
    font-size: 13px;
}

.account-structure-keyword-split-summary small {
    color: #9a3412;
    font-size: 11px;
    font-weight: 700;
}

.account-structure-keyword-split-preview[hidden],
.account-structure-keyword-split-note[hidden],
.account-structure-keyword-split-result[hidden] {
    display: none !important;
}

.account-structure-keyword-split-preview {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 9px 10px;
}

.account-structure-keyword-split-grid {
    display: grid;
    gap: 6px 10px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.account-structure-keyword-split-grid span {
    color: #64748b;
    display: grid;
    font-size: 11px;
    font-weight: 700;
    gap: 2px;
}

.account-structure-keyword-split-grid strong {
    color: #0f172a;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.account-structure-keyword-split-keywords {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 6px;
    padding-top: 8px;
}

.account-structure-keyword-split-keywords ul {
    display: grid;
    gap: 4px;
    list-style: none;
    margin: 0;
    max-height: 132px;
    overflow: auto;
    padding: 0;
}

.account-structure-keyword-split-keywords li {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 5px 7px;
}

.account-structure-keyword-split-keywords li strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.account-structure-keyword-split-keywords li span {
    color: #1d4ed8;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
}

.account-structure-keyword-split-note {
    background: #f8fafc;
    border: 1px dashed #bfdbfe;
    border-radius: 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 7px 8px;
}

.account-structure-keyword-split-option {
    align-items: center;
    align-self: start;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    color: #334155;
    display: inline-flex;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    max-width: 100%;
    min-height: 30px;
    padding: 6px 8px;
    width: fit-content;
}

.account-structure-keyword-split-option:hover,
.account-structure-keyword-split-option:focus-within {
    background: var(--color-link-hover-bg);
    border-color: #93c5fd;
    box-shadow: 0 0 0 1px rgba(147, 197, 253, .2);
    color: var(--color-link-hover-text);
}

.account-structure-keyword-split-option input[type="checkbox"] {
    flex: 0 0 16px;
    height: 16px;
    margin: 0;
    width: 16px;
}

.account-structure-keyword-split-option span {
    overflow-wrap: anywhere;
}

.account-structure-keyword-split-result {
    margin: 0;
}

.account-structure-keyword-split-result.is-success {
    background: #eff6ff;
}

.account-structure-keyword-split-result.is-error {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

.account-structure-keyword-split-result a {
    color: inherit;
    text-decoration: underline;
}

@media (max-width: 720px) {
    .account-structure-keyword-split-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .account-structure-keyword-split-bar .button-link {
        justify-content: center;
        width: 100%;
    }

    .account-structure-suggested-ad-modal {
        padding: 8px;
    }

    .account-structure-suggested-ad-modal-panel {
        border-radius: 12px;
        min-height: calc(100vh - 16px);
        width: 100%;
    }

    .account-structure-suggested-ad-modal-head,
    .account-structure-suggested-ad-modal-footer {
        align-items: stretch;
        flex-wrap: wrap;
        padding: 10px;
    }

    .account-structure-suggested-ad-modal-footer .button-link {
        justify-content: center;
        width: 100%;
    }

    .account-structure-suggested-ad-recovery-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .account-structure-suggested-ad-recovery-actions .button-link {
        justify-content: center;
        width: 100%;
    }

    .account-structure-suggested-ad-field-grid {
        grid-template-columns: 1fr;
    }

    .account-structure-action-columns {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .account-structure-action-column {
        border-left: 0 !important;
        border-top: 1px solid #cbd5e1;
        padding: 10px 0 0;
    }

    .account-structure-action-column:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .account-structure-campaign-setting-row,
    .account-structure-status-card,
    .account-structure-status-review-control,
    .account-structure-add-keywords-grid {
        align-items: stretch;
        grid-template-columns: 1fr;
    }
}

@media (min-width: 561px) and (max-width: 720px) {
    .account-structure-action-columns {
        gap: 0;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .account-structure-action-column {
        border-top: 0;
        padding: 0 10px;
    }

    .account-structure-action-column:first-child {
        padding-left: 0;
    }

    .account-structure-action-column + .account-structure-action-column {
        border-left: 2px solid #cbd5e1 !important;
    }

    .account-structure-action-column:last-child {
        padding-right: 0;
    }
}

@media (max-width: 560px) {
    .account-structure-action-columns {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .account-structure-action-column {
        border-left: 0 !important;
        border-top: 1px solid #cbd5e1;
        padding: 10px 0 0;
    }

    .account-structure-action-column:first-child {
        border-top: 0;
        padding-top: 0;
    }
}

.account-structure-detail-table th:first-child,
.account-structure-detail-table td:first-child {
    min-width: var(--account-structure-name-col);
    width: var(--account-structure-name-col);
}

.account-structure-ad-table th:nth-child(2),
.account-structure-ad-table td:nth-child(2) {
    width: 64px;
}

.account-structure-ad-table th:nth-child(3),
.account-structure-ad-table td:nth-child(3) {
    width: 82px;
}

.account-structure-ad-table th:nth-child(4),
.account-structure-ad-table td:nth-child(4) {
    width: 72px;
}

.account-structure-ad-table th:nth-child(5),
.account-structure-ad-table td:nth-child(5) {
    width: 86px;
}

.account-structure-ad-table th:nth-child(6),
.account-structure-ad-table td:nth-child(6) {
    width: 72px;
}

.account-structure-ad-table th:nth-child(7),
.account-structure-ad-table td:nth-child(7) {
    width: 82px;
}

.account-structure-ad-table th:nth-child(8),
.account-structure-ad-table td:nth-child(8) {
    width: 98px;
}

.account-structure-keyword-table th.account-structure-keyword-select-heading,
.account-structure-keyword-table td.account-structure-keyword-select-cell {
    min-width: 54px;
    text-align: center;
    width: 54px;
}

.account-structure-keyword-table th.account-structure-keyword-text-heading,
.account-structure-keyword-table td.account-structure-keyword-text-cell {
    font-weight: 400;
    min-width: calc(var(--account-structure-name-col) - 54px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(var(--account-structure-name-col) - 54px);
}

.account-structure-keyword-select {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.account-structure-keyword-select input[type="checkbox"] {
    flex: 0 0 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    width: 16px;
}

.account-structure-detail-table th,
.account-structure-detail-table td {
    font-size: 12px;
    padding: 7px 8px;
    vertical-align: top;
}

.account-structure-sort-button {
    align-items: center;
    background: transparent;
    border-radius: 6px;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 5px;
    justify-content: flex-start;
    line-height: 1.2;
    min-height: 20px;
    margin: -2px -4px;
    padding: 2px 4px;
    text-align: left;
    text-transform: inherit;
}

.account-structure-sort-button:hover,
.account-structure-sort-button:focus-visible {
    background: var(--color-link-hover-bg);
    color: var(--color-link-hover-text);
}

.account-structure-sort-button:focus-visible {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .22);
    outline: 0;
}

.account-structure-sort-label {
    min-width: 0;
}

.account-structure-sort-indicator {
    display: inline-grid;
    flex: 0 0 auto;
    gap: 2px;
    width: 8px;
}

.account-structure-sort-indicator::before,
.account-structure-sort-indicator::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

.account-structure-sort-indicator::before {
    border-bottom: 5px solid #cbd5e1;
}

.account-structure-sort-indicator::after {
    border-top: 5px solid #cbd5e1;
}

.account-structure-sort-button.is-asc .account-structure-sort-indicator::before,
.account-structure-sort-button.is-desc .account-structure-sort-indicator::after {
    border-bottom-color: #2563eb;
    border-top-color: #2563eb;
}

.account-structure-detail-table td:first-child strong {
    font-size: 13px;
    font-weight: 400;
}

.account-issue-panel {
    border-color: #dbe4ef;
}

.account-issue-table {
    min-width: 720px;
}

.account-issue-table td:nth-child(2) {
    min-width: 210px;
}

.account-issue-table td:nth-child(2) strong,
.account-issue-index-table td strong {
    display: block;
    font-weight: 800;
}

.account-issue-table td:nth-child(2) small {
    color: var(--muted);
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 2px;
}

.account-issue-badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 5px 8px;
    white-space: nowrap;
}

.account-issue-badge.is-important {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
}

.account-issue-badge.is-critical {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.account-issue-inline-note {
    color: #64748b;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.need-attention-summary-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 10px;
}

.need-attention-summary-grid article {
    background: #ffffff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    padding: 9px 10px;
}

.need-attention-summary-grid strong {
    color: #0f172a;
    display: block;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 3px;
}

.need-attention-summary-grid small {
    color: var(--muted);
    display: block;
    font-size: 11px;
    font-weight: 800;
    margin-top: 2px;
}

.need-attention-empty-state {
    margin-top: 10px;
}

.need-attention-history-note {
    margin: -2px 0 10px;
}

.account-issue-index-scroll {
    max-width: 100%;
    overflow-x: auto;
}

.account-issue-index-table {
    min-width: 780px;
}

.account-issue-index-table tr.is-critical td {
    background: #ffffff;
}

.account-issue-index-table tr.is-important td {
    background: #ffffff;
}

.account-issue-index-table tr.is-important td:first-child {
    box-shadow: inset 3px 0 0 #2563eb;
}

.account-issue-index-table tr.is-critical td:first-child {
    box-shadow: inset 3px 0 0 #dc2626;
}

[data-account-group="need-attention"] .status-chip-high,
[data-account-group="need-attention"] .status-chip-medium,
[data-account-group="need-attention"] .status-chip-needs-attention,
[data-account-group="need-attention"] .status-chip-warning {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
}

@media (max-width: 860px) {
    .need-attention-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .need-attention-summary-grid {
        grid-template-columns: 1fr;
    }
}

.account-search-term-summary {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 10px;
}

.account-search-term-summary article {
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 9px 10px;
}

.account-search-term-summary strong {
    color: #0f172a;
    display: block;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 3px;
}

.account-search-term-note {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    justify-content: space-between;
}

.account-search-term-note span:last-child {
    color: #1d4ed8;
    font-weight: 700;
}

.account-detail-section[data-account-group="search-terms"] {
    overflow-x: visible;
}

.google-pulse-account-card:has(#search-terms) {
    overflow: visible;
}

.account-search-terms-workspace {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
}

.account-detail-section[data-account-group="search-terms"].is-search-term-copy-panel-collapsed .account-search-terms-workspace {
    grid-template-columns: minmax(0, 1fr);
}

.account-search-terms-scroll {
    max-width: 100%;
    overflow-x: auto;
}

.account-search-terms-table {
    min-width: 820px;
}

.account-search-terms-table th {
    background: #f8fafc;
    box-shadow: inset 0 -1px 0 #dbe4ef;
    color: #5f6368;
    font-size: 11px;
    height: 34px;
    padding: 7px 8px;
    text-transform: none;
    vertical-align: middle;
}

.account-search-terms-table .account-search-term-sort-button {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    min-height: 20px;
    padding: 0;
    width: 100%;
}

.account-search-terms-table .account-search-term-sort-button:hover,
.account-search-terms-table .account-search-term-sort-button:focus-visible {
    background: transparent;
    color: #2563eb;
}

.account-search-terms-table td {
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    padding: 6px 8px;
    vertical-align: middle;
}

.account-search-terms-table th:first-child,
.account-search-terms-table td:first-child {
    min-width: 280px;
    width: 38%;
}

.account-search-term-source-keyword-cell {
    min-width: 210px;
    width: 26%;
}

.account-detail-section[data-account-group="search-terms"].is-search-term-copy-panel-collapsed .account-search-terms-table th:first-child,
.account-detail-section[data-account-group="search-terms"].is-search-term-copy-panel-collapsed .account-search-terms-table td:first-child {
    width: 38%;
}

.account-search-terms-table tr.is-cost-risk td {
    background: #fff7f7;
}

.account-search-terms-table tr.is-cost-risk td:first-child {
    box-shadow: inset 3px 0 0 #dc2626;
}

.account-search-term-main {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.account-search-term-title-line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.account-search-term-name-cell strong {
    color: #0f172a;
    font-weight: 500;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.account-search-term-source-keyword-cell strong {
    color: #0f172a;
    font-weight: 500;
}

.account-search-term-context {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 11px;
    gap: 5px;
    line-height: 1.2;
    max-width: 100%;
    min-width: 0;
    white-space: nowrap;
}

.account-search-term-context span {
    display: inline-block;
    max-width: calc(50% - 8px);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.account-search-term-context em {
    color: #cbd5e1;
    font-style: normal;
    flex: 0 0 auto;
}

.account-search-term-recommendation {
    color: #475569;
    font-size: 11px;
    line-height: 1.3;
}

.account-search-term-recommendation.is-critical,
.account-search-term-risk-value {
    color: #b42318;
    font-weight: 700;
}

.account-search-term-action-cell {
    display: grid;
    gap: 5px;
    min-width: 138px;
}

.account-search-term-suggestion {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    color: #1d4ed8;
    display: inline-block;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-search-term-add-keyword,
.account-search-term-add-negative {
    gap: 4px;
    justify-content: center;
    line-height: 1.15;
    min-height: 24px;
    padding: 3px 7px;
    white-space: nowrap;
    font-weight: 500;
}

.account-search-term-add-keyword {
    background: #ffffff;
    border-color: #bfdbfe;
    color: #2563eb;
    max-width: none;
}

.account-search-term-add-keyword:hover,
.account-search-term-add-keyword:focus-visible {
    background: #eff6ff;
    border-color: #2563eb;
    color: #1e40af;
}

.account-search-term-add-keyword.is-selected {
    background: #dbeafe;
    border-color: #2563eb;
    color: #1e40af;
}

.account-search-term-add-negative {
    background: #ffffff;
    border-color: #fecaca;
    color: #b42318;
    max-width: none;
}

.account-search-term-add-negative.is-recommended {
    background: #ffffff;
    border-color: #fca5a5;
    color: #991b1b;
}

.account-search-term-add-negative.is-selected {
    background: #fee2e2;
    border-color: #dc2626;
    color: #991b1b;
}

.account-search-term-add-negative.is-recommended.is-selected {
    background: #fecaca;
    border-color: #dc2626;
    color: #7f1d1d;
}

.account-search-term-add-keyword[hidden],
.account-search-term-add-negative[hidden] {
    display: none !important;
}

.account-search-term-add-check {
    align-items: center;
    background: #dc2626;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 13px;
    justify-content: center;
    width: 13px;
}

.account-search-term-add-check::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    height: 6px;
    margin-top: -1px;
    transform: rotate(45deg);
    width: 3px;
}

.account-search-term-suggestion-line {
    align-items: center;
    color: #8a6b6b;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    font-weight: 500;
    gap: 4px 6px;
    justify-content: flex-start;
    line-height: 1.3;
    min-width: 0;
    text-align: left;
}

.account-search-term-suggestion-line .account-search-term-suggestion {
    background: #fff7f7;
    border-color: #fecaca;
    color: #9f1239;
    display: -webkit-box;
    font-weight: 500;
    line-height: 1.3;
    max-width: 100%;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.account-search-term-suggestion-line.is-positive {
    color: #1d4ed8;
}

.account-search-term-suggestion-line.is-positive .account-search-term-suggestion {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.account-search-term-no-action {
    font-weight: 700;
    line-height: 1;
}

.account-search-term-status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 5px 8px;
    white-space: nowrap;
}

.account-search-term-status.is-suggested {
    background: #eff6ff;
    color: #1d4ed8;
}

.account-search-term-status.is-dismissed {
    background: #f1f5f9;
    color: #475569;
}

.account-search-term-status.is-added-manually {
    background: #ecfdf5;
    color: #047857;
}

.account-search-term-status.is-review-manually {
    background: #fefce8;
    color: #854d0e;
}

.account-search-term-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
}

.account-search-term-actions button {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #334155;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 6px;
}

.account-search-term-actions button:hover,
.account-search-term-actions button:focus-visible,
.account-search-term-actions button.is-selected {
    background: #eff6ff;
    border-color: #2563eb;
    color: #1d4ed8;
    outline: none;
}

.account-search-term-actions button:disabled {
    cursor: wait;
    opacity: .72;
}

.account-search-term-add-keyword:disabled,
.account-search-term-add-negative:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.account-search-term-side-panels {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    bottom: 70px;
    box-sizing: border-box;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
    display: grid;
    gap: 6px;
    height: auto;
    max-height: calc(100vh - 96px);
    max-width: calc(100vw - 44px);
    min-height: 0;
    min-width: min(292px, calc(100vw - 44px));
    overflow: auto;
    padding: 8px;
    position: fixed;
    right: 22px;
    resize: both;
    top: auto;
    width: min(368px, calc(100vw - 44px));
    z-index: 110;
}

.account-search-term-popover-head {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 0 0 9px;
    position: sticky;
    top: 0;
    z-index: 3;
}

.account-search-term-popover-head > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.account-search-term-popover-head .eyebrow {
    color: #475569;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
}

.account-search-term-popover-head strong {
    color: #0f172a;
    font-size: 13px;
    line-height: 1.2;
}

.account-search-term-popover-body {
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
    min-width: 0;
}

.account-search-term-box-summary {
    align-items: center;
    color: #475569;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
    line-height: 1.2;
    padding: 0 2px;
}

.account-search-term-box-summary span span {
    color: #0f172a;
}

.account-search-term-box-tabs {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 2px;
}

.account-search-term-box-tab {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.2;
    min-height: 26px;
    padding: 4px 6px;
}

.account-search-term-box-tab:hover,
.account-search-term-box-tab:focus-visible {
    background: #e0f2fe;
    color: #075985;
    outline: none;
}

.account-search-term-box-tab.is-active {
    background: #0f172a;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .14);
    color: #ffffff;
}

.account-search-term-common-actions {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.account-search-term-common-actions .button-link {
    justify-content: center;
    line-height: 1.2;
    min-height: 36px;
    padding: 8px 10px;
    text-align: center;
    white-space: normal;
    width: 100%;
}

.account-search-term-visibility-actions {
    display: flex;
    justify-content: flex-start;
    min-width: 0;
}

.account-search-term-visibility-actions .button-link {
    font-size: 12px;
    font-weight: 800;
    min-height: 26px;
    padding: 3px 9px;
}

.account-search-term-side-panels.is-collapsed {
    background: transparent;
    border: 0;
    bottom: 70px;
    box-shadow: none;
    height: auto;
    left: auto;
    max-height: none;
    min-height: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
    resize: none;
    right: 22px;
    top: auto;
    width: auto;
}

.account-search-term-side-panels.is-collapsed .account-search-term-popover-head {
    border-bottom: 0;
    display: block;
    padding-bottom: 0;
}

.account-search-term-side-panels.is-collapsed .account-search-term-popover-head > div {
    display: none;
}

.account-search-term-side-panels.is-collapsed .account-search-term-popover-body {
    display: none;
}

.account-search-term-side-panels.is-collapsed .account-search-term-panel-toggle {
    background: #2563eb;
    border-color: #93c5fd;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .2);
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    min-height: 30px;
    padding: 6px 12px;
}

.account-search-term-side-panels.is-collapsed .account-search-term-panel-toggle:hover,
.account-search-term-side-panels.is-collapsed .account-search-term-panel-toggle:focus-visible {
    background: #1d4ed8;
    border-color: #bfdbfe;
    color: #ffffff;
}

.account-search-term-copy-panel {
    background: #fff7f7;
    border: 1px solid #fecaca;
    border-radius: 7px;
    box-shadow: inset 0 2px 0 #f87171;
    display: grid;
    gap: 6px;
    margin-top: 0;
    max-height: none;
    min-width: 0;
    overflow: visible;
    padding: 7px;
}

.account-search-term-copy-panel[hidden] {
    display: none !important;
}

.account-search-term-side-panels .account-search-term-copy-panel {
    margin-top: 0;
    max-height: none;
    position: static;
    top: auto;
}

.account-search-term-positive-panel {
    background: #eff6ff;
    border-color: #bfdbfe;
    box-shadow: inset 0 2px 0 #60a5fa;
}

.account-detail-cache-warning {
    font-size: 13px;
    line-height: 1.35;
}

.account-detail-cache-warning strong,
.account-detail-cache-warning span {
    display: block;
}

.account-detail-cache-warning strong {
    margin-bottom: 3px;
}

.account-detail-fallback-status {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.3;
    margin: 8px 0;
    padding: 6px 10px;
}

.account-detail-cache-alert {
    align-items: flex-start;
    border: 1px solid #fde68a;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    line-height: 1.35;
    margin: 0 0 12px;
    padding: 9px 11px;
}

.account-detail-cache-alert.is-warning {
    background: #fffbeb;
    color: #92400e;
}

.account-detail-cache-alert strong {
    flex: 0 0 auto;
    font-size: 12px;
}

.account-detail-cache-alert span {
    color: #78350f;
    font-size: 12px;
}

.account-search-term-copy-panel-head {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: space-between;
}

.account-search-term-copy-panel-head .eyebrow {
    color: #334155;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
}

.account-search-term-positive-panel .account-search-term-copy-panel-head .eyebrow {
    color: #334155;
}

.account-search-term-panel-count {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    padding: 4px 7px;
}

.account-search-term-copy-panel label {
    color: #475569;
    display: grid;
    font-size: 11px;
    gap: 4px;
    min-width: 118px;
}

.account-search-term-panel-toggle {
    background: rgba(255, 255, 255, .78);
    border-color: #bfdbfe;
    color: #1d4ed8;
    justify-content: center;
    min-height: 28px;
    padding: 4px 8px;
    white-space: nowrap;
}

.account-search-term-copy-panel select,
.account-search-term-copy-panel textarea {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    font: inherit;
}

.account-search-term-copy-panel select {
    background: #ffffff;
    min-height: 32px;
    padding: 5px 8px;
}

.account-search-term-copy-panel textarea {
    background: rgba(255, 255, 255, .92);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.4;
    min-height: 72px;
    padding: 30px 8px 7px;
    resize: vertical;
    width: 100%;
}

.account-search-term-positive-panel textarea {
    background: #f8fbff;
    border-color: #93c5fd;
    min-height: 72px;
}

.account-search-term-copy-panel:not(.account-search-term-positive-panel) textarea {
    background: #fffafa;
    border-color: #fca5a5;
}

.account-search-term-textarea-wrap {
    min-width: 0;
    position: relative;
}

.account-search-term-copy-panel .account-search-term-match-type {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: auto minmax(116px, 1fr);
    min-width: 0;
}

.account-search-term-copy-panel .account-search-term-match-type span {
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.account-search-term-copy-panel-body {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.account-search-term-copy-panel-actions {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-search-term-copy-panel-actions .button-link {
    justify-content: center;
    line-height: 1.2;
    min-height: 28px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

.account-search-term-copy-panel-actions .account-search-term-bulk-add {
    grid-column: auto;
}

.account-search-term-copy-panel-actions .account-search-term-mark-added {
    grid-column: auto;
}

.account-search-term-bulk-add {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

.account-search-term-bulk-add:hover,
.account-search-term-bulk-add:focus-visible {
    background: #fee2e2;
    border-color: #dc2626;
    color: #991b1b;
}

.account-search-term-bulk-positive {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.account-search-term-bulk-positive .account-search-term-add-check {
    background: #2563eb;
}

.account-search-term-bulk-positive:hover,
.account-search-term-bulk-positive:focus-visible {
    background: #dbeafe;
    border-color: #2563eb;
    color: #1e40af;
}

.account-search-term-mark-added {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

.account-search-term-mark-added:hover,
.account-search-term-mark-added:focus-visible {
    background: #eff6ff;
    border-color: #2563eb;
    color: #1d4ed8;
}

.account-search-term-send-review {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.account-search-term-send-combined {
    box-shadow: none;
}

.account-search-term-send-review:hover,
.account-search-term-send-review:focus-visible {
    background: #1e293b;
    border-color: #334155;
    color: #ffffff;
}

.account-search-term-send-review-result {
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    padding: 8px 9px;
}

.account-search-term-send-review-result.is-success {
    background: #eff6ff;
}

.account-search-term-send-review-result.is-error {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

.account-search-term-send-review-result[hidden] {
    display: none !important;
}

.account-search-term-send-review-result a {
    color: inherit;
    text-decoration: underline;
}

.account-search-term-mark-added-confirm {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #7c2d12;
    display: grid;
    font-size: 11px;
    gap: 7px;
    line-height: 1.35;
    padding: 9px;
}

.account-search-term-mark-added-confirm[hidden] {
    display: none !important;
}

.account-search-term-mark-added-confirm strong {
    color: #9a3412;
    font-size: 12px;
}

.account-search-term-mark-added-confirm-actions {
    display: grid;
    gap: 7px;
    grid-template-columns: 1fr 1fr;
}

.account-search-term-mark-added-confirm-actions .button-link {
    justify-content: center;
    min-height: 30px;
    width: 100%;
}

.account-search-term-mark-added-confirm-actions .button-link:first-child {
    background: #fffbeb;
    border-color: #f59e0b;
    color: #92400e;
}

.account-search-term-mark-added-confirm-actions .button-link:first-child:hover,
.account-search-term-mark-added-confirm-actions .button-link:first-child:focus-visible {
    background: #fef3c7;
    border-color: #d97706;
    color: #78350f;
}

.account-search-term-common-actions .button-link:disabled,
.account-search-term-copy-panel-actions .button-link:disabled {
    cursor: not-allowed;
    opacity: .56;
}

.account-search-term-copy-footer {
    display: inline-flex;
    gap: 4px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 2;
}

.account-search-term-copy-all {
    align-items: center;
    justify-content: center;
}

.account-search-term-clear-selected {
    align-items: center;
    justify-content: center;
}

.account-search-term-copy-footer .button-link {
    background: rgba(255, 255, 255, .92);
    border-color: #cbd5e1;
    border-radius: 999px;
    color: #475569;
    height: 24px;
    min-height: 24px;
    padding: 0;
    width: 24px;
}

.account-search-term-copy-footer .button-link:hover,
.account-search-term-copy-footer .button-link:focus-visible {
    background: #ffffff;
    border-color: #2563eb;
    color: #1d4ed8;
}

.account-search-term-copy-footer .google-pulse-ui-icon {
    height: 12px;
    width: 12px;
}

.account-search-term-copy-all:disabled,
.account-search-term-clear-selected:disabled {
    cursor: not-allowed;
    opacity: .56;
}

.account-search-term-copy-panel small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
}

.account-search-term-marked-added {
    align-items: center;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    color: #047857;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 4px 7px;
    width: fit-content;
}

.account-search-term-marked-added[hidden] {
    display: none !important;
}

.account-search-term-copy-panel.is-collapsed {
    background: #eff6ff;
    box-shadow: inset 0 3px 0 #facc15, 0 8px 18px rgba(37, 99, 235, .08);
    justify-items: center;
    margin-top: 20px;
    overflow: visible;
    padding: 8px;
}

.account-search-term-copy-panel.is-collapsed .account-search-term-copy-panel-head {
    align-items: center;
    display: grid;
    gap: 0;
    justify-items: center;
}

.account-search-term-copy-panel.is-collapsed .account-search-term-copy-panel-head .eyebrow,
.account-search-term-copy-panel.is-collapsed .account-search-term-copy-panel-body {
    display: none;
}

.account-search-term-copy-panel.is-collapsed .account-search-term-panel-toggle {
    background: #ffffff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    min-height: 34px;
    width: 100%;
}

@media (max-width: 760px) {
    .account-search-term-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-search-terms-workspace {
        grid-template-columns: 1fr;
    }

    .account-detail-section[data-account-group="search-terms"].is-search-term-copy-panel-collapsed .account-search-terms-workspace {
        grid-template-columns: 1fr;
    }

    .account-search-term-copy-panel {
        max-height: none;
        overflow: visible;
        position: static;
    }

    .account-search-term-side-panels {
        bottom: 62px;
        height: auto;
        left: 10px;
        max-height: calc(100vh - 88px);
        min-height: 0;
        min-width: 0;
        right: 10px;
        resize: both;
        top: auto;
        width: auto;
    }

    .account-search-term-side-panels.is-collapsed {
        bottom: 62px;
        height: auto;
        left: auto;
        right: 14px;
        top: auto;
        width: auto;
    }

    .account-search-terms-table {
        min-width: 760px;
    }
}

.account-ad-preview {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.account-ad-preview-url {
    color: #188038;
    font-size: 11px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.account-ad-preview-headlines {
    color: #1a0dab;
    display: grid;
    font-size: 13px;
    font-weight: 400;
    gap: 1px;
    line-height: 1.25;
}

.account-ad-preview-descriptions {
    color: #3c4043;
    display: grid;
    font-size: 12px;
    font-weight: 400;
    gap: 1px;
    line-height: 1.3;
}

.structure-counts span.structure-metric-chip.cost-comparison-good,
.structure-counts .cost-comparison-good {
    background: transparent;
    border-color: transparent;
    color: #176239;
}

.structure-counts .account-stat-pill.cost-comparison-good em {
    color: #176239;
}

.structure-counts span.structure-metric-chip.cost-comparison-high,
.structure-counts .cost-comparison-high {
    background: transparent;
    border-color: transparent;
    color: #8f2f25;
}

.structure-counts .account-stat-pill.cost-comparison-high em {
    color: #8f2f25;
}

.structure-counts span.structure-metric-chip.is-above-account-cpa-warning,
.structure-counts .is-above-account-cpa-warning {
    background: transparent;
    border-color: transparent;
    color: #9a3412;
}

.structure-counts .account-stat-pill.is-above-account-cpa-warning em {
    color: #9a3412;
}

.structure-counts span.structure-metric-chip.is-cpa-critical,
.structure-counts .is-cpa-critical {
    background: transparent;
    border-color: transparent;
    color: #991b1b;
}

.structure-counts .account-stat-pill.is-cpa-critical em {
    color: #991b1b;
}

.structure-counts .cost-warning {
    background: transparent;
    border-color: transparent;
    color: #b91c1c;
}

.structure-counts .status-chip {
    background: transparent;
    border-color: transparent;
    color: #314256;
}

.structure-counts .status-chip-active {
    background: transparent;
    border-color: transparent;
    color: #13663b;
}

.structure-counts .status-chip-paused {
    background: transparent;
    border-color: transparent;
    color: #475569;
}

.structure-counts .status-chip-removed {
    background: transparent;
    border-color: transparent;
    color: #8f2f25;
}

.data-table-compact {
    min-width: 0;
}

.data-table-compact th,
.data-table-compact td {
    width: 25%;
}

.status-pill {
    background: #efe2cf;
    border-radius: 999px;
    border: 1px solid #dbc4a4;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    text-transform: uppercase;
}

.status-pill-lead {
    background: #f8ecd5;
    border-color: #e2c897;
    color: #935b13;
}

.status-pill-active {
    background: #e3f5e7;
    border-color: #afd7b7;
    color: #1d6a2a;
}

.status-pill.is-partial {
    background: #fef3c7;
    border-color: #fbbf24;
    color: #92400e;
}

.status-pill-paused {
    background: #fff1d9;
    border-color: #e8c27b;
    color: #915700;
}

.status-pill-inactive {
    background: #ece8e3;
    border-color: #cdc2b5;
    color: #5b5348;
}

.workspace-lock-status {
    align-items: center;
    background: #fff4d8;
    border: 1px solid #e6ca8d;
    border-radius: 10px;
    color: #66450f;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
}

.workspace-lock-badge {
    background: #f6dfac;
    border-color: #d6af5d;
    color: #6d4608;
}

.make-adgroups-account-summary {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e3a8a;
}

.make-adgroups-account-summary .workspace-lock-badge {
    background: #dbeafe;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.make-adgroups-linked-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: 8px;
}

.make-adgroups-linked-actions a[hidden] {
    display: none !important;
}

.workspace-lock-inline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 0;
}

.tool-mode-selector {
    background: #fffaf0;
    border: 1px solid #e4cfaa;
    border-radius: 12px;
    padding: 14px;
}

.tool-mode-title {
    color: var(--ink);
    display: block;
    font-weight: 800;
    margin-bottom: 10px;
}

.tool-mode-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tool-mode-options-compact {
    margin-top: 6px;
}

.tool-mode-option {
    align-items: center;
    background: #fff;
    border: 1px solid #dfc7a4;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    gap: 6px;
    line-height: 1.2;
    margin: 0;
    min-height: 34px;
    padding: 6px 10px;
    white-space: nowrap;
}

.tool-mode-options-compact .tool-mode-option {
    font-size: 13px;
    min-height: 30px;
    padding: 5px 9px;
}

.tool-mode-option:has(input:checked) {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(188, 88, 28, .14);
}

.tool-mode-option input {
    margin: 0;
    width: auto;
}

.mode-pro-badge {
    background: #221810;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1;
    padding: 4px 7px;
    text-transform: uppercase;
}

.cta-select-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.write-ads-page-head {
    max-width: 980px;
}

.write-ads-card {
    padding: 18px;
}

.write-ads-generator-card {
    background: rgba(255, 250, 240, .94);
}

.write-ads-generator-card .tool-mode-selector {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    justify-content: space-between;
    padding: 10px 12px;
}

.write-ads-generator-card .tool-mode-title {
    margin: 0;
}

.write-ads-form-grid {
    align-items: start;
    gap: 10px 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.write-ads-form-grid input,
.write-ads-form-grid select,
.write-ads-form-grid textarea {
    min-height: 40px;
    padding: 9px 11px;
}

.write-ads-form-grid textarea {
    min-height: 98px;
}

.write-ads-form-grid .field-wide {
    grid-column: 1 / -1;
}

.custom-ad-copy-panel {
    background: #ffffff;
    border: 1px solid rgba(203, 213, 225, .92);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 14px;
    padding: 14px;
}

.custom-ad-copy-head,
.custom-ad-copy-section-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.custom-ad-copy-head h3 {
    font-size: 16px;
    margin: 2px 0 0;
}

.custom-ad-copy-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.custom-ad-copy-block {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.custom-ad-copy-section-head label,
.custom-ad-copy-block > label:first-child {
    color: var(--color-text);
    font-size: 13px;
    font-weight: 700;
}

.custom-ad-copy-privacy {
    margin: 0;
}

.custom-ad-copy-prompt,
.custom-ad-copy-block textarea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    white-space: pre-wrap;
}

.custom-copy-prompt-button {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    padding: 7px 10px;
}

.custom-copy-prompt-button svg {
    height: 15px;
    width: 15px;
}

.custom-copy-prompt-button svg path,
.custom-copy-prompt-button svg rect {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.custom-copy-prompt-button.is-copied {
    border-color: rgba(22, 163, 74, .35);
    color: #15803d;
}

.custom-ad-copy-paste-label {
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
}

.custom-ad-copy-warnings {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: var(--radius-md);
    color: #9a3412;
    font-size: 13px;
    padding: 10px 12px;
}

.custom-ad-copy-warnings ul {
    margin: 0;
    padding-left: 18px;
}

.write-ads-summary-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    margin: 0 0 12px;
}

.write-ads-summary-grid p {
    background: rgba(247, 250, 255, .88);
    border: 1px solid rgba(188, 208, 234, .88);
    border-radius: var(--radius-md);
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 9px 10px;
}

.write-ads-summary-grid span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.write-ads-summary-grid strong {
    color: var(--ink);
    font-size: 14px;
}

.write-ads-result-card .section-head,
.write-ads-saved-card .section-head {
    margin-bottom: 10px;
}

.write-ads-summary-table {
    margin-bottom: 12px;
    min-width: 0;
}

.write-ads-summary-table th,
.write-ads-summary-table td {
    padding: 8px 10px;
}

.write-ads-result-table th,
.write-ads-result-table td,
.write-ads-history-table th,
.write-ads-history-table td {
    font-size: 13px;
    padding: 8px 10px;
}

.write-ads-history-table {
    min-width: 720px;
}

.write-ads-history-card .history-actions {
    gap: 6px;
}

.write-ads-history-card .history-actions a,
.write-ads-history-card .history-actions button {
    font-size: 12px;
    padding: 6px 9px;
}

.toolbar-actions,
.row-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.icon-action,
.link-button {
    background: transparent;
    border: 1px solid #14b8a6;
    border-radius: 6px;
    color: #0f766e;
    display: inline-block;
    font-size: 12px;
    padding: 7px 10px;
    text-decoration: none;
}

.icon-action-edit {
    border-color: #f59e0b;
    color: #b45309;
}

.link-button {
    cursor: pointer;
}

.link-button:hover,
.icon-action:hover {
    background: #eefcf9;
}

.link-button-danger {
    border-color: #ef4444;
    color: #b91c1c;
}

.detail-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 16px;
}

.detail-grid p {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 12px;
}

.detail-grid strong {
    color: var(--muted);
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.permission-panel {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 16px;
}

.permission-panel-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.permission-panel-head h3 {
    margin: 0;
}

.permission-panel-note {
    color: var(--muted);
    font-size: 13px;
    margin: 4px 0 0;
}

.permission-tools {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(190px, 260px) minmax(240px, 1fr);
    margin-bottom: 12px;
}

.permission-tools-readonly {
    grid-template-columns: minmax(240px, 1fr);
}

.permission-tree {
    display: grid;
    gap: 8px;
}

.permission-group {
    border-bottom: 1px solid rgba(218, 203, 183, .72);
    padding: 8px 0;
}

.permission-group summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    list-style: none;
}

.permission-group summary::-webkit-details-marker {
    display: none;
}

.permission-caret {
    color: var(--muted);
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    transform: rotate(90deg);
    width: 18px;
}

.permission-group:not([open]) .permission-caret {
    transform: rotate(0);
}

.permission-check {
    align-items: center;
    display: flex;
    gap: 8px;
}

.permission-check input {
    accent-color: #0f9f82;
    height: 20px;
    width: 20px;
}

.permission-items {
    display: grid;
    gap: 12px;
    padding: 12px 0 8px 42px;
}

.permission-check-child {
    align-items: flex-start;
    justify-content: flex-start;
}

.permission-copy {
    display: grid;
    gap: 3px;
}

.permission-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.permission-key,
.permission-description {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.permission-badge {
    background: #fff2d8;
    border: 1px solid #e5a53b;
    border-radius: 999px;
    color: #8f4b00;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    padding: 2px 7px;
    text-transform: uppercase;
}

.permission-sensitive .permission-title {
    color: #7d3418;
    font-weight: 700;
}

.inline-auth-form {
    margin-top: 10px;
}

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

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

.make-adgroups-page-head {
    max-width: 980px;
}

.make-adgroups-notice {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    justify-content: space-between;
}

.make-adgroups-notice > span {
    flex: 1 1 360px;
}

.make-adgroups-notice .button-link {
    background: #ffffff;
    border-color: #86efac;
    color: #047857;
    flex: 0 0 auto;
}

.make-adgroups-card {
    padding: 18px;
}

.make-adgroups-generator-card {
    background: rgba(255, 250, 240, .94);
}

.google-account-link-panel,
.nested-section-card {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px;
}

.google-account-link-panel {
    position: relative;
}

.google-account-link-panel > label {
    display: grid;
    gap: 7px;
}

.campaign-link-results {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.campaign-link-results[hidden] {
    display: none !important;
}

body:has(#make-adgroups-generator) .campaign-link-results {
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    box-shadow: 0 22px 46px rgba(15, 23, 42, .18);
    display: grid;
    gap: 7px;
    left: 14px;
    max-height: 400px;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    right: 14px;
    top: 84px;
    z-index: 35;
}

body:has(#make-adgroups-generator) .campaign-link-results[hidden] {
    display: none !important;
}

.campaign-link-results .secondary-button {
    border: 1px solid rgba(37, 99, 235, .28);
    border-radius: 8px;
    font-size: 13px;
    padding: 8px 10px;
}

.nested-section-card {
    background: #f8fafc;
}

.make-adgroups-ad-copy-head {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.make-adgroups-ad-copy-head .confirm-plan-update {
    flex: 1 1 320px;
    margin: 0;
}

.make-adgroups-ad-copy-head .make-adgroups-profile-option[hidden] {
    display: none !important;
}

.make-adgroups-profile-option {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #0f172a;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    line-height: 1.2;
    min-height: 30px;
    padding: 6px 10px;
    white-space: nowrap;
}

.make-adgroups-profile-option input[type="checkbox"] {
    flex: 0 0 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 14px;
}

.make-adgroups-profile-option:has(input:disabled) {
    opacity: .62;
}

.make-adgroups-ad-copy-body {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.make-adgroups-ad-copy-tabs {
    background: #ffffff;
}

.make-adgroups-ad-copy-tabs .custom-ad-copy-panel {
    border: 0;
    border-radius: 0;
}

.make-adgroups-url-field .field-label-row {
    gap: 8px;
}

.make-adgroups-fetch-detail-button {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    min-height: 30px;
    padding: 5px 9px;
    white-space: nowrap;
    width: auto;
}

.make-adgroups-fetch-detail-button:hover,
.make-adgroups-fetch-detail-button:focus-visible {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

.make-adgroups-fetch-detail-button svg {
    display: block;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.make-adgroups-fetch-detail-button svg path,
.make-adgroups-fetch-detail-button svg circle {
    fill: none;
}

.make-adgroups-cache-action {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1e3a8a;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    padding: 10px 12px;
}

.make-adgroups-cache-action[hidden] {
    display: none !important;
}

.make-adgroups-cache-action span {
    color: #475569;
    font-size: 12px;
}

.make-adgroups-plan-choice {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    display: grid;
    gap: 7px;
    margin: 4px 0 0;
    padding: 12px 14px;
}

.make-adgroups-plan-choice > span:first-child {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.make-adgroups-plan-choice strong {
    color: #0f172a;
    font-size: 14px;
}

.make-adgroups-plan-choice small {
    color: #64748b;
    font-size: 12px;
}

.make-adgroups-plan-choice.is-locked {
    background: #ecfdf5;
    border-color: #86efac;
}

.make-adgroups-verification-card {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    display: grid;
    gap: 12px;
    margin: 14px 0;
    padding: 14px;
}

.make-adgroups-verification-head {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.make-adgroups-verification-head h4 {
    margin: 0;
}

.make-adgroups-verification-state {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #92400e;
    white-space: nowrap;
}

.make-adgroups-verification-state.is-verified {
    background: #dcfce7;
    border-color: #86efac;
    color: #047857;
}

.make-adgroups-verification-state.is-blocked {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.make-adgroups-verification-note {
    color: #334155;
    font-size: 13px;
    margin: 0;
}

.make-adgroups-verification-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.make-adgroups-verification-grid p,
.make-adgroups-generated-list {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    margin: 0;
    min-width: 0;
    padding: 10px 12px;
}

.make-adgroups-verification-grid span {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.make-adgroups-verification-grid strong {
    color: #0f172a;
    font-size: 14px;
}

.make-adgroups-verification-grid small,
.make-adgroups-verification-grid code {
    color: #475569;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.make-adgroups-verification-grid code {
    background: #f1f5f9;
    border-radius: 6px;
    padding: 5px 7px;
}

.make-adgroups-verification-wide {
    grid-column: 1 / -1;
}

.make-adgroups-generated-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.make-adgroups-generated-list li {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}

.make-adgroups-verification-message {
    margin: 0;
}

.make-adgroups-technical-details {
    border-top: 1px solid rgba(148, 163, 184, .28);
    padding-top: 2px;
}

.make-adgroups-technical-details summary {
    color: #2563eb;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    width: max-content;
}

.make-adgroups-technical-details p {
    display: grid;
    gap: 5px;
    margin: 9px 0 0;
}

.make-adgroups-technical-details span {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.make-adgroups-technical-details code {
    background: #f1f5f9;
    border-radius: 6px;
    color: #475569;
    display: block;
    font-size: 12px;
    overflow-wrap: anywhere;
    padding: 5px 7px;
}

@media (max-width: 720px) {
    .make-adgroups-verification-head,
    .make-adgroups-verification-grid {
        grid-template-columns: 1fr;
    }

    .make-adgroups-verification-head {
        display: grid;
    }
}

.adgroup-source-panel {
    border-top: 1px solid rgba(148, 163, 184, .26);
    display: grid;
    gap: 10px;
    padding-top: 10px;
}

.adgroup-source-panel > label:not(.confirm-plan-update) {
    display: grid;
    gap: 7px;
}

.make-adgroups-generator-card button[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.make-adgroups-generator-card .tool-mode-selector {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    justify-content: space-between;
    padding: 10px 12px;
}

.make-adgroups-generator-card .tool-mode-title {
    margin: 0;
}

.make-adgroups-grid {
    display: grid;
    gap: 18px;
}

.make-adgroups-generator-card .make-adgroups-grid {
    gap: 10px 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.make-adgroups-grid > label,
.make-adgroups-grid > div {
    align-content: start;
    display: grid;
    gap: 8px 16px;
    grid-template-columns: 220px minmax(0, 1fr);
}

.make-adgroups-generator-card .make-adgroups-grid > label,
.make-adgroups-generator-card .make-adgroups-grid > div {
    gap: 6px;
    grid-template-columns: 1fr;
}

.make-adgroups-generator-card .make-adgroups-grid > label:nth-last-child(-n+2) {
    grid-column: 1 / -1;
}

.make-adgroups-grid > label > span,
.make-adgroups-grid > div > p {
    grid-column: 2;
    line-height: 1.45;
}

.make-adgroups-generator-card .make-adgroups-grid > label > span,
.make-adgroups-generator-card .make-adgroups-grid > div > p {
    grid-column: auto;
}

.make-adgroups-grid input,
.make-adgroups-grid select,
.make-adgroups-grid textarea,
.make-adgroups-grid .checkbox-grid,
.make-adgroups-grid .local-rule-help {
    grid-column: 2;
}

.make-adgroups-generator-card .make-adgroups-grid input,
.make-adgroups-generator-card .make-adgroups-grid select,
.make-adgroups-generator-card .make-adgroups-grid textarea,
.make-adgroups-generator-card .make-adgroups-grid .checkbox-grid,
.make-adgroups-generator-card .make-adgroups-grid .local-rule-help {
    grid-column: auto;
}

.make-adgroups-generator-card .make-adgroups-grid input,
.make-adgroups-generator-card .make-adgroups-grid select,
.make-adgroups-generator-card .make-adgroups-grid textarea {
    min-height: 40px;
    padding: 9px 11px;
}

.make-adgroups-grid textarea {
    min-height: 110px;
}

.make-adgroups-grid .checkbox-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.make-adgroups-model-field[hidden] {
    display: none;
}

.local-rule-help {
    margin-top: 6px;
}

.local-rule-help summary {
    cursor: pointer;
    font-weight: 600;
}

.adgroup-table-scroll {
    max-height: 474px;
    overflow: auto;
}

.adgroup-result-table thead th {
    background: rgba(255, 250, 240, .96);
    position: sticky;
    top: 0;
    z-index: 1;
}

.adgroup-result-table tbody tr.adgroup-row-odd td {
    background: rgba(231, 241, 252, .86);
}

.adgroup-result-table tbody tr.adgroup-row-even td {
    background: rgba(248, 250, 252, .96);
}

.adgroup-report-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 16px;
}

.adgroup-report-grid p {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 12px;
}

.adgroup-report-grid span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.35;
    text-transform: uppercase;
}

.adgroup-report-grid strong {
    font-size: 20px;
}

.make-adgroups-result-card .section-head,
.make-adgroups-saved-card .section-head {
    margin-bottom: 10px;
}

.campaign-tools-review-head {
    align-items: flex-start;
}

.campaign-tools-review-title {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin: 0;
}

.campaign-tools-review-title small {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}

.campaign-tools-stepper {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    margin: 8px 0 2px;
}

.campaign-tools-step-link {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #334155;
    display: grid;
    gap: 2px 10px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 50px;
    min-width: 0;
    padding: 8px 10px;
    text-align: left;
    text-decoration: none;
}

.campaign-tools-step-link.is-active {
    background: #eff6ff;
    border-color: #2563eb;
}

.campaign-tools-step-link.is-disabled,
.campaign-tools-step-link:disabled {
    cursor: not-allowed;
    opacity: .55;
    pointer-events: none;
}

.campaign-tools-step-link span,
.campaign-tools-step-number {
    align-items: center;
    background: #2563eb;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    height: 26px;
    justify-content: center;
    line-height: 1;
    width: 26px;
}

.campaign-tools-step-link strong,
.campaign-tools-step-link small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-tools-step-link small {
    color: var(--muted);
    font-size: 12px;
}

.campaign-tools-step-card {
    border-top: 1px solid #dbeafe;
    display: grid;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    scroll-margin-top: 84px;
}

.campaign-tools-step-card[hidden] {
    display: none !important;
}

.campaign-tools-step-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.campaign-tools-step-head > div {
    flex: 1 1 auto;
    min-width: 0;
}

.campaign-tools-step-head h4,
.campaign-tools-step-head p {
    margin: 0;
}

.campaign-tools-step-head h4 {
    font-size: 15px;
}

.make-adgroups-saved-card [data-structure-review-apply-form] {
    display: grid;
    gap: 14px;
}

.make-adgroups-saved-card [data-structure-review-apply-form] .confirm-plan-update {
    align-items: flex-start;
}

.make-adgroups-saved-card [data-plan-review-submit] {
    justify-self: start;
}

.campaign-tools-publish-form {
    display: grid;
    gap: 10px;
}

.campaign-tools-setup-grid,
.campaign-tools-locked-settings {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.campaign-tools-setup-grid p,
.campaign-tools-locked-settings p {
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    margin: 0;
    min-width: 0;
    padding: 9px 10px;
}

.campaign-tools-setup-grid span,
.campaign-tools-locked-settings span {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.campaign-tools-setup-grid strong,
.campaign-tools-locked-settings strong {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.campaign-tools-setup-grid small,
.campaign-tools-locked-settings > div > span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
}

.campaign-tools-setup-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.campaign-tools-locked-settings {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    padding: 10px;
}

.campaign-tools-locked-settings > div {
    display: grid;
    gap: 3px;
    grid-column: 1 / -1;
}

.campaign-tools-plan-save-form {
    display: grid;
    gap: 10px;
}

.make-adgroups-review-gate-message {
    margin: 0;
}

.campaign-tools-settings-form {
    display: grid;
    gap: 9px;
}

.campaign-tools-settings-grid {
    align-items: end;
    gap: 8px;
    grid-template-columns: minmax(260px, 1.3fr) repeat(2, minmax(160px, .85fr));
}

.campaign-tools-settings-form .make-adgroups-grid > label {
    color: #334155;
    display: grid;
    font-size: 13px;
    font-weight: 400;
    gap: 5px;
    grid-template-columns: 1fr;
}

.campaign-tools-settings-form .make-adgroups-grid > label > span {
    grid-column: auto;
    line-height: 1.35;
}

.campaign-tools-settings-form .make-adgroups-grid input,
.campaign-tools-settings-form .make-adgroups-grid select,
.campaign-tools-settings-form .make-adgroups-grid textarea {
    grid-column: auto;
    min-height: 36px;
    padding: 7px 10px;
    width: 100%;
}

.campaign-tools-settings-form .make-adgroups-grid textarea {
    min-height: 76px;
}

.campaign-tools-settings-advanced {
    border: 1px solid #dbeafe;
    border-radius: 8px;
    overflow: hidden;
}

.campaign-tools-settings-advanced > summary {
    background: #f8fbff;
    color: #1e3a8a;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    list-style: none;
    padding: 8px 10px;
}

.campaign-tools-settings-advanced > summary::-webkit-details-marker {
    display: none;
}

.campaign-tools-settings-advanced > summary::before {
    content: '+';
    display: inline-block;
    font-weight: 900;
    margin-right: 8px;
}

.campaign-tools-settings-advanced[open] > summary::before {
    content: '-';
}

.campaign-tools-settings-advanced .make-adgroups-grid {
    padding: 10px;
}

.campaign-tools-publish-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.campaign-tools-publish-grid > div {
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 8px 10px;
}

.campaign-tools-publish-grid span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.campaign-tools-publish-grid strong,
.campaign-tools-publish-grid small {
    overflow-wrap: anywhere;
}

.campaign-tools-publish-grid small {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.campaign-tools-published-panel {
    background: #ecfdf5;
    border: 1px solid #86efac;
    border-radius: 8px;
    color: #064e3b;
    display: grid;
    gap: 8px;
    padding: 10px 12px;
}

.campaign-tools-published-panel.is-partial {
    background: #fffbeb;
    border-color: #fbbf24;
    color: #78350f;
}

.campaign-tools-published-panel > div:first-child {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.campaign-tools-published-panel strong {
    font-size: 14px;
}

.campaign-tools-published-panel small,
.campaign-tools-published-panel p {
    margin: 0;
}

.campaign-tools-published-panel small {
    color: #166534;
    font-size: 12px;
}

.campaign-tools-published-panel.is-partial small,
.campaign-tools-published-panel.is-partial p {
    color: #92400e;
}

.campaign-tools-published-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.campaign-tools-published-stats span {
    background: #ffffff;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    color: #166534;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 8px;
}

.campaign-tools-published-panel.is-partial .campaign-tools-published-stats span {
    border-color: #fde68a;
    color: #92400e;
}

.campaign-tools-failed-rows {
    display: grid;
    gap: 8px;
}

.campaign-tools-failed-rows > strong {
    color: #78350f;
    font-size: 13px;
}

.campaign-tools-failed-rows .table-scroll {
    border-color: #fde68a;
    margin: 0;
}

.campaign-tools-failed-rows .data-table th {
    background: #fef3c7;
    color: #78350f;
}

.campaign-tools-failed-rows .data-table td {
    color: #78350f;
    vertical-align: top;
}

.campaign-tools-failed-rows code {
    white-space: nowrap;
}

.campaign-tools-issue-groups {
    display: grid;
    gap: 8px;
}

.campaign-tools-issue-group {
    background: rgba(255, 255, 255, .82);
    border: 1px solid #fde68a;
    border-radius: 8px;
    overflow: hidden;
}

.campaign-tools-issue-group-head {
    align-items: start;
    background: #fef3c7;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 8px 10px;
}

.campaign-tools-issue-group-head strong {
    color: #78350f;
    font-size: 13px;
}

.campaign-tools-issue-group-head span {
    color: #92400e;
    font-size: 12px;
    line-height: 1.35;
    text-align: right;
}

.campaign-tools-issue-list {
    display: grid;
}

.campaign-tools-issue-row {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
    padding: 7px 9px;
}

.campaign-tools-issue-row + .campaign-tools-issue-row {
    border-top: 1px solid #fde68a;
}

.campaign-tools-issue-row.is-updated {
    background: #ecfdf5;
}

.campaign-tools-issue-row.is-ignored {
    background: #f8fafc;
}

.campaign-tools-issue-copy {
    align-items: center;
    column-gap: 8px;
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    row-gap: 2px;
}

.campaign-tools-issue-copy strong {
    align-items: center;
    color: #3f2a12;
    display: inline-flex;
    flex: 0 1 auto;
    font-size: 13px;
    gap: 6px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.campaign-tools-issue-kind {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    color: #92400e;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    padding: 3px 6px;
}

.campaign-tools-issue-resolution {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    padding: 4px 7px;
}

.campaign-tools-issue-resolution.is-updated {
    background: #dcfce7;
    border: 1px solid #86efac;
    color: #166534;
}

.campaign-tools-issue-resolution.is-ignored {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #475569;
}

.campaign-tools-issue-copy p,
.campaign-tools-issue-copy small {
    margin: 0;
}

.campaign-tools-issue-copy p {
    color: #78350f;
    flex: 1 1 230px;
    font-size: 12px;
    line-height: 1.25;
}

.campaign-tools-issue-copy small {
    color: #92400e;
    flex: 1 1 100%;
    font-size: 11px;
    line-height: 1.2;
}

.campaign-tools-issue-action {
    min-width: 0;
}

.campaign-tools-issue-action-group {
    align-items: center;
    gap: 6px;
    margin-top: 0;
    justify-content: flex-end;
    width: 100%;
}

.campaign-tools-issue-action-group input[type="text"] {
    flex: 1 1 165px;
    min-height: 32px;
    min-width: 120px;
    padding: 5px 8px;
}

.campaign-tools-issue-action-group input[type="hidden"] {
    display: none;
}

.campaign-tools-issue-action-group .button-link-small {
    font-size: 12px;
    min-height: 32px;
    padding: 5px 8px;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .campaign-tools-issue-group-head,
    .campaign-tools-issue-row {
        grid-template-columns: 1fr;
    }

    .campaign-tools-issue-row {
        align-items: stretch;
    }

    .campaign-tools-issue-group-head {
        display: grid;
    }

    .campaign-tools-issue-group-head span {
        text-align: left;
    }

    .campaign-tools-issue-action-group {
        justify-content: flex-start;
    }
}

.campaign-tools-status-choice {
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 8px 10px;
}

.campaign-tools-status-choice legend {
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    padding: 0 4px;
}

.campaign-tools-status-options {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.campaign-tools-status-options .confirm-plan-update {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    margin: 0;
    padding: 7px 9px;
}

.campaign-tools-status-options small {
    color: #64748b;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    margin-top: 2px;
}

.campaign-tools-resource-line code {
    overflow-wrap: anywhere;
    white-space: normal;
}

.campaign-tools-publish-errors {
    margin: 0;
}

.campaign-tools-publish-errors ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

.campaign-tools-publish-action {
    justify-content: flex-end;
    margin: 0;
}

.campaign-tools-settings-action {
    align-items: center;
    justify-content: flex-end;
    margin-top: 0;
    padding: 10px 12px;
}

.make-adgroups-optional-plan-save {
    border: 1px solid #dbeafe;
    border-radius: 12px;
    margin-top: 12px;
    overflow: hidden;
}

.make-adgroups-optional-plan-save > summary {
    background: #f8fbff;
    color: #1e3a8a;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    list-style: none;
    padding: 12px 14px;
}

.make-adgroups-optional-plan-save > summary::-webkit-details-marker {
    display: none;
}

.make-adgroups-optional-plan-save > summary::before {
    content: '+';
    display: inline-block;
    font-weight: 900;
    margin-right: 8px;
}

.make-adgroups-optional-plan-save[open] > summary::before {
    content: '-';
}

.make-adgroups-optional-plan-body {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.make-adgroups-workflow-tabs {
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    overflow: hidden;
}

.make-adgroups-workflow-tablist {
    background: #f8fbff;
    border-bottom: 1px solid #bfdbfe;
    display: flex;
    gap: 0;
    overflow-x: auto;
    padding: 6px;
}

.make-adgroups-workflow-tablist button {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #475569;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    min-height: 36px;
    padding: 8px 12px;
    white-space: nowrap;
}

.make-adgroups-workflow-tablist button:hover,
.make-adgroups-workflow-tablist button:focus-visible,
.make-adgroups-workflow-tablist button.is-active {
    background: #2563eb;
    color: #ffffff;
}

.make-adgroups-workflow-panel {
    display: grid;
    gap: 12px;
    padding: 12px;
}

.make-adgroups-workflow-panel[hidden] {
    display: none !important;
}

.make-adgroups-tab-head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.make-adgroups-tab-head h4 {
    margin: 0;
}

.make-adgroups-tab-head .status-pill {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    white-space: nowrap;
}

.make-adgroups-panel-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.make-adgroups-panel-summary strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.make-adgroups-panel-summary .status-pill {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    white-space: nowrap;
}

.make-adgroups-panel-actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.make-adgroups-tab-output {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.make-adgroups-tab-output .section-head {
    margin-bottom: 0;
}

.make-adgroups-ad-source-details {
    border-top: 1px solid rgba(148, 163, 184, .24);
    padding-top: 4px;
}

.make-adgroups-ad-source-details summary {
    color: #2563eb;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    width: max-content;
}

.make-adgroups-ad-source-details p {
    margin: 8px 0 0;
}

.make-adgroups-save-action-bar {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    padding: 12px 14px;
}

.make-adgroups-save-action-bar.campaign-tools-settings-action {
    background: transparent;
    border: 0;
    border-radius: 0;
    justify-content: flex-end;
    padding: 0;
}

.make-adgroups-save-action-bar .confirm-plan-update {
    flex: 1 1 420px;
}

.make-adgroups-save-action-bar .muted {
    flex-basis: 100%;
    margin: 0;
}

.make-adgroups-result-table th,
.make-adgroups-result-table td,
.make-adgroups-history-table th,
.make-adgroups-history-table td {
    font-size: 13px;
    padding: 8px 10px;
}

.make-adgroups-history-table {
    min-width: 760px;
}

.make-adgroups-history-card .history-actions {
    gap: 6px;
}

.make-adgroups-history-card .history-actions a,
.make-adgroups-history-card .history-actions button {
    font-size: 12px;
    padding: 6px 9px;
}

.make-adgroups-history-card summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 800;
    justify-content: space-between;
    list-style: none;
}

.make-adgroups-history-card summary::-webkit-details-marker {
    display: none;
}

.make-adgroups-history-card summary::after {
    border: 1px solid rgba(37, 99, 235, .35);
    border-radius: 8px;
    color: #2563eb;
    content: "+";
    display: inline-grid;
    font-size: 18px;
    height: 28px;
    place-items: center;
    width: 28px;
}

.make-adgroups-history-card[open] summary {
    margin-bottom: 14px;
}

.make-adgroups-history-card[open] summary::after {
    content: "-";
}

.confirm-plan-update {
    align-items: center;
    display: flex;
    gap: 8px;
}

.confirm-plan-update input {
    width: auto;
}

.upload-settings-card {
    background: #f8f1e5;
    border-color: #d8bd96;
    box-shadow: 0 10px 24px rgba(116, 74, 32, .07);
    padding: 16px 18px 14px;
}

.upload-settings-card h3 {
    margin: 0 0 6px;
}

.upload-settings-intro {
    margin: 0 0 14px;
}

.compact-upload-alert {
    margin: 10px 0 12px;
    padding: 9px 11px;
}

.upload-settings-grid {
    align-items: start;
    column-gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9px;
}

.upload-settings-grid > label {
    align-content: start;
    gap: 6px;
    min-width: 0;
}

.upload-settings-grid input,
.upload-settings-grid select {
    min-height: 38px;
    padding: 8px 10px;
}

.upload-settings-grid .field-help-icon {
    height: 18px;
    width: 18px;
}

.form-grid-note {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
    margin-top: -6px;
}

.form-grid-compact {
    grid-template-columns: repeat(2, minmax(180px, 280px));
}

.upload-settings-grid .field-wide {
    grid-column: 1 / -1;
}

.compact-upload-note {
    font-size: 12px;
    margin: 10px 0 0;
}

.keyword-planner-grid {
    align-items: end;
    grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(170px, 1fr));
}

.keyword-upload-note {
    margin: -4px 0 0;
}

.keyword-planner-grid > label {
    align-content: end;
}

.embedded-keyword-planner {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 20px;
    padding-top: 20px;
}

.embedded-keyword-planner .form-section-head {
    margin-bottom: 0;
}

.keyword-planner-two-column {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(260px, .85fr) minmax(320px, 1.15fr);
}

.keyword-planner-panel {
    align-content: start;
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    padding: 14px;
}

.keyword-planner-panel h4 {
    margin: 0;
}

.keyword-planner-panel label {
    display: grid;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
}

.keyword-planner-panel > *,
.keyword-planner-panel .field-label-row,
.keyword-planner-panel input,
.keyword-planner-panel select,
.keyword-planner-panel textarea {
    max-width: 100%;
    min-width: 0;
}

.keyword-planner-panel .field-label-row {
    flex-wrap: wrap;
}

.keyword-library-placeholder {
    background: #f8fafc;
    border: 1px dashed #bfdbfe;
    border-radius: 8px;
    color: var(--muted);
    display: grid;
    gap: 6px;
    padding: 10px;
}

.keyword-library-placeholder[hidden] {
    display: none !important;
}

.keyword-library-placeholder strong {
    color: var(--text);
    font-size: 13px;
}

.keyword-library-placeholder span {
    font-size: 12px;
    line-height: 1.35;
}

.keyword-planner-panel textarea {
    min-height: 126px;
}

.campaign-plan-error-summary {
    margin-bottom: 0;
}

.campaign-plan-error-summary ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

.campaign-plan-error-summary li + li {
    margin-top: 4px;
}

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

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

.field-label-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
}

.field-help-icon {
    align-items: center;
    background: #fff7e7;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--accent-dark);
    cursor: help;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    line-height: 1;
    position: relative;
    width: 20px;
}

.field-help-icon::after {
    background: #2a1b13;
    border-radius: 8px;
    bottom: calc(100% + 8px);
    box-shadow: 0 12px 28px rgba(42, 27, 19, .18);
    color: #fffaf2;
    content: attr(data-tooltip);
    display: none;
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    line-height: 1.35;
    max-width: 240px;
    opacity: 0;
    padding: 8px 10px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    transform: translate(-50%, 4px);
    transition: opacity .16s ease, transform .16s ease;
    visibility: hidden;
    width: max-content;
    z-index: 30;
}

.field-help-icon:hover::after,
.field-help-icon:focus-visible::after {
    display: block;
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.inline-link-button {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.inline-link-button:hover,
.inline-link-button:focus-visible {
    background: transparent;
    color: var(--accent-dark);
}

.checkbox-line {
    align-items: center;
    align-self: end;
    display: flex;
    gap: 10px;
    min-height: 44px;
}

.checkbox-line input {
    flex: 0 0 auto;
    width: auto;
}

.seo-settings-card {
    display: grid;
    gap: 12px;
}

.seo-settings-card form,
.seo-settings-sections {
    display: grid;
    gap: 12px;
}

.seo-settings-panel {
    box-shadow: none;
}

.seo-identity-grid {
    align-items: start;
}

.seo-site-name-field {
    max-width: none;
}

.seo-toggle-option {
    align-self: end;
    min-height: 36px;
}

.seo-logo-preview {
    align-content: start;
    background: rgba(255, 253, 250, .82);
    border: 1px solid rgba(218, 203, 183, .82);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    min-height: 100%;
    padding: 10px;
}

.seo-logo-preview img {
    background: #fff;
    border: 1px solid rgba(218, 203, 183, .72);
    border-radius: 7px;
    height: auto;
    max-height: 80px;
    max-width: 160px;
    object-fit: contain;
    padding: 6px;
}

.seo-settings-card textarea:not(.seo-copy-field) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
}

.seo-settings-card .form-actions {
    background: rgba(255, 253, 250, .78);
    border: 1px solid rgba(218, 203, 183, .76);
    border-radius: 9px;
    margin: 0;
    padding: 10px;
}

.field-error {
    color: #8f1f12;
    font-size: 13px;
}

input.is-invalid,
textarea.is-invalid,
select.is-invalid {
    border-color: #b84a1b;
    box-shadow: 0 0 0 3px rgba(184, 74, 27, .14);
}

.has-invalid-field {
    color: #8f1f12;
}

.select-search-wrap {
    display: grid;
    gap: 8px;
}

.select-search-wrap input[type="search"] {
    background: #fffdf8;
}

.client-lookup-row {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.client-lookup-row .button-link {
    min-height: 44px;
    white-space: nowrap;
}

.client-lookup-status {
    display: block;
    font-size: 12px;
}

.client-save-option {
    align-items: center;
    color: var(--text);
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    margin-top: 8px;
}

.client-save-option input[type="checkbox"] {
    width: auto;
}

.campaign-step-client-options {
    align-items: flex-start;
    display: grid;
    gap: 6px;
    justify-items: start;
    min-width: 220px;
}

.campaign-guided-usp {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.campaign-guided-usp-title {
    color: var(--text);
    font-size: 13px;
    font-weight: 400;
}

.campaign-guided-usp-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.campaign-guided-usp-grid label {
    display: grid;
    gap: 6px;
}

.campaign-step-button-group {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
}

.campaign-step-client-options .client-save-option {
    margin-top: 0;
}

.campaign-profile-guidance {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    max-width: 440px;
}

.campaign-profile-links {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
}

.campaign-profile-links:empty {
    display: none;
}

.oauth-hint {
    margin: 8px 0 14px;
}

.settings-help {
    background: #f7efe3;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 16px;
}

.settings-help-head {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.settings-help-head h3 {
    margin: 0;
}

.settings-help-head h4 {
    margin: 0;
}

.settings-status-grid {
    display: grid;
    gap: 8px 14px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin: 14px 0;
}

.settings-status-grid p {
    margin: 0;
}

.settings-fieldset {
    border: 1px solid var(--line);
    border-radius: 8px;
    margin: 12px 0;
    padding: 14px;
}

.settings-fieldset legend {
    color: var(--text);
    font-weight: 700;
    padding: 0 6px;
}

.settings-preview-panel {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 12px;
    margin: 14px 0;
    padding: 14px;
}

.settings-preview-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.settings-template-preview {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    margin: 8px 0 0;
    max-height: 220px;
    overflow: auto;
    padding: 10px;
    white-space: pre-wrap;
}

.google-settings-page {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.google-settings-local-tabs {
    align-items: center;
    background: rgba(248, 250, 252, .96);
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 10px;
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    margin: 0 0 2px;
    min-width: 0;
    overflow-x: auto;
    padding: 6px;
    scrollbar-width: thin;
}

.google-settings-local-tabs button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--muted);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    min-height: 34px;
    padding: 7px 12px;
    white-space: nowrap;
}

.google-settings-local-tabs button:hover,
.google-settings-local-tabs button:focus-visible,
.google-settings-local-tabs button.is-active {
    background: #fff;
    border-color: rgba(37, 99, 235, .28);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
    color: var(--color-primary);
}

.google-settings-panel[hidden] {
    display: none !important;
}

.google-settings-panel {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.google-settings-connection-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    min-width: 0;
}

.google-settings-page .google-settings-card {
    background: rgba(255, 255, 255, .96);
    border-color: rgba(226, 232, 240, .96);
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
    min-width: 0;
    padding: 14px;
}

.google-settings-page .google-settings-card h3 {
    margin-bottom: 6px;
}

.google-settings-page .google-settings-card > p,
.google-settings-page .google-settings-card .oauth-hint {
    margin: 6px 0;
    overflow-wrap: anywhere;
}

.google-settings-page .form-card form {
    gap: 10px;
}

.google-settings-page .form-grid {
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.google-settings-page .form-grid label {
    gap: 5px;
}

.google-settings-page .settings-help-head {
    gap: 10px;
}

.google-settings-page .settings-status-grid {
    gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
    margin: 10px 0;
}

.google-settings-page .settings-status-grid p {
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 8px;
    padding: 7px 8px;
}

.google-settings-page .settings-fieldset {
    margin: 10px 0;
    padding: 12px;
}

.google-settings-page #critical-alerts .google-settings-card,
.google-settings-page #performance-notifications .google-settings-card {
    padding: 12px;
}

.google-settings-page #critical-alerts .settings-help-head,
.google-settings-page #performance-notifications .settings-help-head {
    align-items: flex-start;
    margin-bottom: 8px;
}

.google-settings-page #critical-alerts .google-settings-card > p,
.google-settings-page #performance-notifications .google-settings-card > p {
    font-size: 13px;
    line-height: 1.45;
    margin: 5px 0;
}

.google-settings-page #critical-alerts .settings-status-grid,
.google-settings-page #performance-notifications .settings-status-grid {
    gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin: 8px 0;
}

.google-settings-page #critical-alerts .settings-status-grid p,
.google-settings-page #performance-notifications .settings-status-grid p {
    font-size: 12px;
    padding: 6px 8px;
}

.google-settings-page #critical-alerts form,
.google-settings-page #performance-notifications form {
    gap: 8px;
}

.google-settings-page #critical-alerts .settings-block,
.google-settings-page #performance-notifications .settings-block {
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 10px;
    display: grid;
    gap: 8px;
    margin: 8px 0;
    padding: 10px;
}

.google-settings-page #critical-alerts .settings-block-head,
.google-settings-page #performance-notifications .settings-block-head {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    justify-content: space-between;
}

.google-settings-page #critical-alerts .settings-block-head h4,
.google-settings-page #performance-notifications .settings-block-head h4 {
    font-size: 13px;
    margin: 0;
}

.google-settings-page #critical-alerts .settings-block-head .muted,
.google-settings-page #performance-notifications .settings-block-head .muted {
    color: #64748b;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.25;
}

.google-settings-page #critical-alerts .settings-block-controls,
.google-settings-page #performance-notifications .settings-block-controls {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.google-settings-page #critical-alerts .settings-block-selection,
.google-settings-page #performance-notifications .settings-block-selection {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.google-settings-page #critical-alerts .settings-block-templates,
.google-settings-page #performance-notifications .settings-block-templates {
    background: #f5f3ff;
    border-color: #ddd6fe;
}

.google-settings-page #critical-alerts .form-grid,
.google-settings-page #performance-notifications .form-grid {
    gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.google-settings-page #critical-alerts .form-grid > label,
.google-settings-page #performance-notifications .form-grid > label {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 8px;
    min-height: 0;
    padding: 8px 9px;
}

.google-settings-page #critical-alerts .form-grid > label:nth-child(even),
.google-settings-page #performance-notifications .form-grid > label:nth-child(even) {
    background: #f8fafc;
}

.google-settings-page #critical-alerts .checkbox-row,
.google-settings-page #performance-notifications .checkbox-row {
    align-items: flex-start;
    column-gap: 8px;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 1.35;
    row-gap: 2px;
}

.google-settings-page #critical-alerts .checkbox-row input[type="checkbox"],
.google-settings-page #performance-notifications .checkbox-row input[type="checkbox"] {
    accent-color: var(--color-primary);
    border-radius: 4px;
    flex: 0 0 16px;
    height: 16px;
    margin: 1px 0 0;
    min-height: 16px;
    padding: 0;
    width: 16px;
}

.google-settings-page #critical-alerts .checkbox-row .muted,
.google-settings-page #performance-notifications .checkbox-row .muted {
    color: #64748b;
    flex: 1 0 calc(100% - 24px);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.25;
    margin-left: 24px;
}

.google-settings-page #critical-alerts input:not([type="checkbox"]):not([type="radio"]),
.google-settings-page #critical-alerts select,
.google-settings-page #critical-alerts textarea,
.google-settings-page #performance-notifications input:not([type="checkbox"]):not([type="radio"]),
.google-settings-page #performance-notifications select,
.google-settings-page #performance-notifications textarea {
    min-height: 34px;
    padding: 8px 10px;
}

.google-settings-page #critical-alerts .settings-fieldset,
.google-settings-page #performance-notifications .settings-fieldset {
    background: rgba(255, 255, 255, .74);
    margin: 8px 0;
    padding: 10px;
}

.google-settings-page #critical-alerts .settings-fieldset legend,
.google-settings-page #performance-notifications .settings-fieldset legend {
    font-size: 12px;
}

.google-settings-page .settings-steps {
    margin-top: 8px;
}

.google-settings-page .settings-steps li + li {
    margin-top: 5px;
}

@media (max-width: 760px) {
    .google-settings-connection-grid,
    .google-settings-page .form-grid,
    .google-settings-page .settings-preview-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .google-settings-local-tabs {
        margin-right: -2px;
        padding-bottom: 8px;
    }

    .google-settings-page .settings-help-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

.settings-steps {
    margin: 14px 0 0;
    padding-left: 20px;
}

.settings-steps li + li {
    margin-top: 8px;
}

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

.align-left {
    align-items: center;
    justify-content: flex-start;
}

.plan-save-actions {
    margin-top: 20px;
}

.is-settings-diagnostics-page .section-head {
    align-items: center;
    margin-bottom: 14px;
}

.is-settings-diagnostics-page .section-head h2 {
    font-size: 18px;
    line-height: 1.25;
    margin: 0;
}

.is-settings-diagnostics-page .section-head .eyebrow,
.is-settings-diagnostics-page .card > .eyebrow,
.is-settings-diagnostics-page .grid-kpi .eyebrow {
    font-size: 10px;
    letter-spacing: .08em;
    margin: 0 0 4px;
}

.is-settings-diagnostics-page .card {
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(63, 39, 20, .06);
    margin-bottom: 12px;
    padding: 14px;
}

.is-settings-diagnostics-page .card h3 {
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 8px;
}

.is-settings-diagnostics-page .card h4 {
    font-size: 14px;
}

.is-settings-diagnostics-page .muted,
.is-settings-diagnostics-page .card p,
.is-settings-diagnostics-page li {
    font-size: 13px;
    line-height: 1.4;
}

.is-settings-diagnostics-page .alert {
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.is-settings-diagnostics-page .form-card form,
.is-settings-diagnostics-page .maintenance-card form {
    gap: 12px;
}

.is-settings-diagnostics-page .form-grid {
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.is-settings-diagnostics-page label {
    display: grid;
    font-size: 13px;
    font-weight: 700;
    gap: 5px;
}

.is-settings-diagnostics-page input,
.is-settings-diagnostics-page select,
.is-settings-diagnostics-page textarea {
    border-radius: 8px;
    font-size: 13px;
    min-height: 38px;
    padding: 9px 10px;
}

.is-settings-diagnostics-page textarea {
    line-height: 1.4;
}

.is-settings-diagnostics-page label > .muted,
.is-settings-diagnostics-page small {
    font-size: 12px;
    line-height: 1.3;
}

.is-settings-diagnostics-page button,
.is-settings-diagnostics-page .button-link {
    border-radius: 8px;
    font-size: 13px;
    min-height: 36px;
    padding: 8px 12px;
}

.is-settings-diagnostics-page .form-actions,
.is-settings-diagnostics-page .feedback-filter-actions,
.is-settings-diagnostics-page .inline-actions {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.is-settings-diagnostics-page .table-card,
.is-settings-diagnostics-page .table-scroll {
    overflow-x: auto;
}

.is-settings-diagnostics-page .data-table {
    font-size: 12px;
    min-width: 720px;
}

.is-settings-diagnostics-page .data-table th,
.is-settings-diagnostics-page .data-table td {
    padding: 8px 9px;
    vertical-align: middle;
}

.is-settings-diagnostics-page .data-table th {
    font-size: 11px;
    white-space: nowrap;
}

.is-settings-diagnostics-page .data-table-compact {
    min-width: 0;
}

.is-settings-diagnostics-page .pages-settings-table .pages-page-row td {
    padding: 5px 8px;
    vertical-align: middle;
}

.is-settings-diagnostics-page .pages-collapse-toggle {
    border-radius: 6px;
    font-size: 15px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    width: 28px;
}

.is-settings-diagnostics-page .debug-block {
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 10px;
}

.is-settings-diagnostics-page .settings-help {
    border-radius: 8px;
    padding: 12px;
}

.is-settings-diagnostics-page .settings-help-head,
.is-settings-diagnostics-page .feedback-filter-form {
    gap: 10px;
}

.is-settings-diagnostics-page .settings-steps {
    margin-top: 10px;
}

.is-settings-diagnostics-page .grid-kpi {
    gap: 10px;
    margin-bottom: 12px;
}

.is-settings-diagnostics-page .grid-kpi .card {
    min-height: 74px;
    padding: 12px;
}

.is-settings-diagnostics-page .grid-kpi .card h3 {
    font-size: 20px;
    margin: 0;
}

.is-settings-diagnostics-page .maintenance-grid {
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}

.is-settings-diagnostics-page .maintenance-card {
    padding: 14px;
}

.is-settings-diagnostics-page .maintenance-instructions ol,
.is-settings-diagnostics-page .maintenance-instructions p {
    margin-bottom: 8px;
}

.is-settings-diagnostics-page .maintenance-table-wrap {
    margin-top: 12px;
}

.is-settings-diagnostics-page .documentation-layout {
    gap: 12px;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
}

.is-settings-diagnostics-page .documentation-menu {
    gap: 6px;
    padding: 12px;
}

.is-settings-diagnostics-page .documentation-menu h3,
.is-settings-diagnostics-page .documentation-content h3 {
    font-size: 16px;
    margin-bottom: 6px;
}

.is-settings-diagnostics-page .documentation-menu-link {
    gap: 2px;
    padding: 8px;
}

.is-settings-diagnostics-page .documentation-content,
.is-settings-diagnostics-page .documentation-contracts,
.is-settings-diagnostics-page .documentation-updates {
    gap: 8px;
}

.is-settings-diagnostics-page .documentation-content p,
.is-settings-diagnostics-page .documentation-contract dd,
.is-settings-diagnostics-page .documentation-update li {
    line-height: 1.45;
}

.is-settings-diagnostics-page .documentation-list p,
.is-settings-diagnostics-page .documentation-contract,
.is-settings-diagnostics-page .documentation-update,
.is-settings-diagnostics-page .documentation-version-card {
    padding: 10px;
}

.is-settings-diagnostics-page .feedback-summary-grid {
    gap: 10px;
}

.is-settings-diagnostics-page .feedback-summary-card,
.is-settings-diagnostics-page .feedback-filter-card {
    padding: 12px;
}

.is-settings-diagnostics-page .feedback-summary-list {
    gap: 6px;
}

.is-settings-diagnostics-page .feedback-summary-list div {
    padding: 7px 0;
}

.is-settings-diagnostics-page .dev-checklist-shell,
.is-settings-diagnostics-page .dev-checklist-group,
.is-settings-diagnostics-page .dev-checklist-items {
    gap: 8px;
}

.is-settings-diagnostics-page .dev-checklist-workspace {
    gap: 10px;
}

.is-settings-diagnostics-page .dev-checklist-nav {
    padding: 9px;
}

.is-settings-diagnostics-page .dev-checklist-group {
    overflow: hidden;
    padding: 0;
}

.is-settings-diagnostics-page .dev-checklist-group summary {
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.is-settings-diagnostics-page .dev-checklist-group summary h3,
.is-settings-diagnostics-page .dev-checklist-item h4 {
    font-size: 14px;
    line-height: 1.25;
}

.is-settings-diagnostics-page .dev-checklist-progress {
    height: 6px;
    margin: 0 12px;
}

.is-settings-diagnostics-page .dev-checklist-stats {
    gap: 6px;
    padding: 0 12px;
}

.is-settings-diagnostics-page .dev-checklist-stats button {
    font-size: 10px;
    padding: 4px 7px;
}

.is-settings-diagnostics-page .dev-checklist-items {
    padding: 0 12px 12px;
}

.is-settings-diagnostics-page .dev-checklist-item {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
    padding: 8px;
}

.is-settings-diagnostics-page .dev-checklist-number {
    flex-basis: 28px;
    font-size: 11px;
    height: 26px;
}

.is-settings-diagnostics-page .dev-checklist-item-main {
    gap: 8px;
}

.is-settings-diagnostics-page .dev-checklist-item p {
    gap: 6px;
    margin-top: 5px;
}

.is-settings-diagnostics-page .dev-checklist-badge {
    font-size: 10px;
    padding: 3px 6px;
}

.is-settings-diagnostics-page .dev-checklist-form {
    gap: 6px;
    grid-template-columns: minmax(105px, 130px) minmax(120px, 1fr) auto;
}

.is-settings-diagnostics-page .dev-checklist-form label {
    font-size: 11px;
    gap: 3px;
}

.is-settings-diagnostics-page .dev-checklist-form input,
.is-settings-diagnostics-page .dev-checklist-form select {
    min-height: 34px;
    padding: 7px 8px;
}

.is-settings-diagnostics-page .dev-checklist-form .button-link {
    min-height: 34px;
    padding: 0 11px;
}

.is-settings-diagnostics-page .dev-checklist-toggle-icon {
    height: 28px;
    width: 28px;
}

.campaign-plan-submit-row {
    border-top: 1px solid var(--line);
    margin-top: 10px;
    padding-top: 18px;
}

.plan-save-button {
    min-width: 220px;
    white-space: nowrap;
}

.plan-save-button[disabled],
.button-link[data-requires-campaign-changes][disabled] {
    cursor: not-allowed;
    opacity: .58;
}

.compact-card {
    margin-bottom: 18px;
    padding: 16px 20px;
}

.compact-card h3,
.form-card h3 {
    margin-top: 0;
}

.client-kpis h3 {
    font-size: var(--heading-size);
    margin: 8px 0 6px;
}

.client-table-card {
    display: grid;
    gap: 18px;
}

.client-toolbar {
    align-items: end;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.client-toolbar h3 {
    margin: 0 0 6px;
}

.client-search {
    max-width: 360px;
    width: 100%;
}

.client-search span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.clients-table {
    min-width: 1100px;
}

.clients-table-compact {
    min-width: 820px;
}

.clients-table tbody tr:hover {
    background: #eff6ff;
}

.client-mcc-group-row td {
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 12px;
}

.client-mcc-group-row strong {
    margin-left: 6px;
}

.client-match-pill {
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 8px;
    white-space: nowrap;
}

.client-match-pill.is-linked {
    background: #f4fbf7;
    border-color: #b7dfca;
    color: #11643b;
}

.client-match-pill.is-imported {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.row-actions {
    white-space: nowrap;
}

.client-filter-empty {
    margin: 0;
}

.empty-state-card {
    text-align: left;
}

.form-section {
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px;
}

.form-section-head {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.form-section-head h3 {
    margin: 6px 0 0;
}

.form-section-head p {
    margin: 0;
    max-width: 420px;
}

.form-section-alert {
    margin-bottom: 16px;
}

.inline-form-row {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.inline-form-row label {
    min-width: 280px;
}

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

.suggestion-field {
    background: #fff7cc;
    border-color: #dfba37;
}

.form-actions-start {
    justify-content: flex-start;
}

.inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.upload-settings-card .inline-actions {
    align-items: center;
    margin-top: 18px;
}

.client-logo-panel {
    align-items: center;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border: 1px solid #dbeafe;
    border-radius: 12px;
    display: grid;
    gap: 16px;
    grid-template-columns: 120px minmax(0, 1fr);
    margin-bottom: 18px;
    padding: 14px;
}

.client-logo-preview {
    align-items: center;
    background: #ffffff;
    border: 1px dashed #bfdbfe;
    border-radius: 10px;
    color: var(--muted);
    display: flex;
    font-size: 12px;
    justify-content: center;
    min-height: 92px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

.client-logo-preview img {
    max-height: 72px;
    max-width: 100%;
}

.client-logo-controls {
    display: grid;
    gap: 8px;
}

.client-logo-controls .muted {
    margin: 0;
}

.client-logo-remove {
    margin-top: 4px;
}

.client-form-page-head {
    align-items: flex-start;
    margin-bottom: 14px;
}

.client-form-page-head .muted {
    margin: 6px 0 0;
    max-width: 760px;
}

.client-form-card {
    padding: 0;
}

.client-form-card form {
    gap: 0;
}

.client-form-shell {
    display: grid;
    gap: 0;
}

.client-summary-bar {
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, .28), transparent 34%),
        linear-gradient(135deg, #0f172a 0%, #102a43 58%, #123044 100%);
    border-bottom: 1px solid rgba(125, 211, 252, .24);
    color: #e5eefc;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-summary-bar > div {
    background: rgba(255, 255, 255, .05);
    border-right: 1px solid rgba(125, 211, 252, .22);
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 12px 14px;
}

.client-summary-bar > div:last-child {
    border-right: 0;
}

.client-summary-label {
    color: #fbbf24;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.client-summary-bar strong,
.client-summary-bar span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-summary-bar strong {
    color: #ffffff;
    font-size: 14px;
}

.client-summary-bar span:last-child {
    color: #bfdbfe;
    font-size: 12px;
}

.client-form-actionbar {
    align-items: center;
    background:
        radial-gradient(circle at bottom left, rgba(37, 99, 235, .2), transparent 32%),
        linear-gradient(135deg, #111827 0%, #0f2740 58%, #102a43 100%);
    border-bottom: 1px solid rgba(125, 211, 252, .24);
    color: #e5eefc;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 12px 14px;
    position: sticky;
    top: 0;
    z-index: 12;
}

.client-form-actionbar-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.client-form-actionbar-copy strong {
    color: #ffffff;
    font-size: 15px;
}

.client-form-actionbar-copy span {
    color: #bfdbfe;
    font-size: 12px;
}

.client-form-actionbar-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.client-form-actionbar-actions button,
.client-form-bottom-actions button {
    min-width: 126px;
}

.client-form-actionbar-actions .button-link-secondary {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(125, 211, 252, .34);
    color: #dff8ff;
}

.client-form-actionbar-actions .button-link-secondary:hover,
.client-form-actionbar-actions .button-link-secondary:focus-visible {
    background: rgba(37, 99, 235, .22);
    border-color: rgba(147, 197, 253, .58);
    color: #ffffff;
}

.client-form-tabs {
    background: #f3f6fb;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 8px 10px 0;
}

.client-form-tab {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: #475569;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 800;
    gap: 7px;
    min-height: 38px;
    padding: 9px 12px;
}

.client-form-tab:hover,
.client-form-tab:focus-visible {
    background: #ffffff;
    color: var(--text);
}

.client-form-tab.is-active {
    background: #ffffff;
    border-color: var(--line);
    color: var(--text);
    box-shadow: 0 -6px 18px rgba(15, 23, 42, .05);
}

.client-form-tab.has-error {
    color: #8f1f12;
}

.client-tab-badge {
    align-items: center;
    background: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 999px;
    color: #991b1b;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    height: 18px;
    justify-content: center;
    width: 18px;
}

.client-form-panel {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.client-form-panel[hidden] {
    display: none;
}

.client-form-panel .form-section-head {
    border-bottom: 1px solid var(--line);
    margin-bottom: 0;
    padding-bottom: 12px;
}

.client-defaults-head-actions {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    max-width: 520px;
}

.client-defaults-head-actions .muted {
    flex: 1 1 260px;
}

.client-defaults-create-plan-cta {
    flex: 0 0 auto;
}

.client-form-compact-grid {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.client-form-compact-grid > label {
    align-content: start;
    display: grid;
    gap: 6px;
}

.client-field-label-row {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.client-field-lock-badge {
    align-items: center;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: 999px;
    color: #166534;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
    padding: 4px 7px;
    text-transform: uppercase;
}

.client-form-compact-grid .muted {
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
}

.client-contact-columns {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
}

.client-contact-column {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.client-contact-column + .client-contact-column {
    border-left: 1px solid #dbeafe;
}

.client-contact-column label {
    display: grid;
    gap: 6px;
}

.client-contact-column-head {
    display: grid;
    gap: 2px;
    margin-bottom: 2px;
}

.client-contact-column-head strong {
    color: var(--text);
    font-size: 14px;
}

.client-contact-column-head span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.client-large-field textarea {
    min-height: 132px;
}

.client-profile-account-table {
    margin: 0;
}

.client-account-access-card {
    align-content: start;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.client-account-access-head {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.client-account-access-head > div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.client-account-access-head strong {
    color: var(--text);
    font-size: 13px;
}

.client-account-access-head span:last-child,
.client-account-access-empty {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
}

.client-account-access-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.client-account-access-person {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    display: inline-flex;
    gap: 7px;
    max-width: 100%;
    min-height: 28px;
    padding: 5px 8px;
}

.client-account-access-person strong {
    color: var(--text);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-account-access-person span {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: var(--color-primary);
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    padding: 4px 6px;
    text-transform: uppercase;
}

.client-business-campaign-grid {
    align-items: start;
}

.client-business-campaign-grid .client-defaults-workflow-button-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-compact-textarea textarea {
    min-height: 90px;
}

.client-defaults-workflow-actions {
    align-content: center;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
    border: 1px solid #dbeafe;
    border-radius: 8px;
    color: var(--muted);
    display: grid;
    font-size: 12px;
    gap: 8px;
    min-height: 74px;
    padding: 12px;
}

.client-defaults-workflow-actions > span {
    line-height: 1.35;
}

.client-defaults-workflow-button-grid {
    display: grid;
    gap: 8px;
}

.client-defaults-workflow-button {
    align-items: center;
    background: var(--accent);
    color: #fff;
    display: flex;
    font-size: 13px;
    justify-content: center;
    min-height: 36px;
    width: 100%;
}

.client-defaults-workflow-button:hover,
.client-defaults-workflow-button:focus-visible {
    background: var(--color-primary-strong);
    color: #fff;
}

.client-form-note {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin: 0;
    padding: 10px 12px;
}

.client-notification-table-wrap {
    margin: 0;
}

.client-notification-table {
    min-width: 680px;
}

.client-notification-table th,
.client-notification-table td {
    vertical-align: middle;
}

.client-notification-setting {
    display: grid;
    gap: 2px;
}

.client-notification-setting strong {
    color: var(--text);
    font-size: 13px;
}

.client-notification-setting span {
    color: var(--muted);
    font-size: 11px;
}

.client-notification-value {
    color: var(--text);
    font-weight: 700;
}

.client-notification-value .field-error {
    display: block;
    font-weight: 700;
    margin-top: 4px;
}

.client-readonly-check {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
}

.client-readonly-check input[type="checkbox"] {
    accent-color: var(--color-primary);
    height: 16px;
    min-height: 0;
    padding: 0;
    width: 16px;
}

.client-status-muted {
    background: #f8fafc;
    border-color: var(--line);
    color: var(--muted);
}

.client-imported-account-table {
    margin: 0;
}

.client-form-bottom-actions {
    border-top: 1px solid var(--line);
    padding: 14px 16px;
}

/* Compact Clients pass: CSS-only density updates, no client workflow hooks changed. */
body:has(.client-table-card) .content,
body:has(.client-form-card) .content {
    padding-top: 22px;
}

body:has(.client-table-card) .section-head,
body:has(.client-form-card) .section-head,
body:has(.client-form-card) .client-form-page-head {
    margin-bottom: 12px;
}

body:has(.client-table-card) .kpi-grid {
    gap: 10px;
    margin-bottom: 12px;
}

body:has(.client-table-card) .client-kpis .card {
    border-radius: var(--radius-lg);
    padding: 12px 14px;
}

body:has(.client-table-card) .client-kpis h3 {
    font-size: 18px;
    line-height: 1.15;
    margin: 4px 0 3px;
}

body:has(.client-table-card) .client-kpis .eyebrow,
body:has(.client-table-card) .client-table-card .eyebrow,
body:has(.client-form-card) .client-form-card .eyebrow {
    font-size: 10px;
    letter-spacing: .08em;
}

body:has(.client-table-card) .client-table-card {
    border-radius: var(--radius-lg);
    gap: 12px;
    padding: 14px;
}

body:has(.client-table-card) .google-pulse-client-card {
    background: #ffffff;
    border-color: #dbeafe;
}

body:has(.client-table-card) .google-pulse-client-card .clients-table-compact {
    min-width: 1080px;
}

body:has(.client-table-card) .google-pulse-client-card .client-row-odd td {
    background: #ffffff;
}

body:has(.client-table-card) .google-pulse-client-card .client-row-even td {
    background: #f8fafc;
}

body:has(.client-table-card) .google-pulse-client-card .client-row-odd:hover td,
body:has(.client-table-card) .google-pulse-client-card .client-row-even:hover td {
    background: #eff6ff;
}

body:has(.client-table-card) .client-toolbar {
    align-items: center;
    gap: 12px;
}

body:has(.client-table-card) .client-toolbar h3 {
    font-size: 17px;
    margin-bottom: 3px;
}

body:has(.client-table-card) .client-toolbar p,
body:has(.client-form-card) .client-form-page-head .muted,
body:has(.client-form-card) .client-form-card .muted {
    font-size: 12px;
    line-height: 1.4;
}

body:has(.client-table-card) .client-search {
    max-width: 300px;
}

body:has(.client-table-card) .client-search input {
    min-height: 36px;
    padding: 8px 10px;
}

body:has(.client-table-card) .table-scroll {
    border-radius: var(--radius-md);
}

body:has(.client-table-card) .clients-table th,
body:has(.client-table-card) .clients-table td {
    font-size: 12px;
    line-height: 1.35;
    padding: 8px 9px;
}

body:has(.client-table-card) .clients-table th {
    position: sticky;
    top: 0;
    z-index: 2;
}

body:has(.client-table-card) .clients-table td strong {
    font-size: 13px;
    font-weight: 400;
}

body:has(.client-table-card) .clients-table .client-mcc-group-row td strong {
    font-weight: 600;
}

body:has(.client-table-card) .row-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

body:has(.client-table-card) .row-actions .button-link-small {
    font-size: 11px;
    min-height: 30px;
    padding: 6px 8px;
}

body:has(.client-table-card) .client-pagination {
    align-items: center;
    border-top: 1px solid var(--line);
    justify-content: flex-end;
    margin-top: 0;
    padding-top: 10px;
}

body:has(.client-table-card) .client-pagination .muted {
    margin: 0;
}

body:has(.client-form-card) .client-form-card {
    border-radius: var(--radius-lg);
    overflow: visible;
}

body:has(.client-form-card) .client-summary-bar > div {
    padding: 9px 12px;
}

body:has(.client-form-card) .client-summary-label,
body:has(.client-form-card) .client-tab-badge {
    font-size: 10px;
}

body:has(.client-form-card) .client-summary-bar strong {
    font-size: 13px;
}

body:has(.client-form-card) .client-summary-bar span:last-child {
    font-size: 11px;
}

body:has(.client-form-card) .client-form-actionbar {
    gap: 10px;
    padding: 9px 12px;
    top: 0;
}

body:has(.client-form-card) .client-form-actionbar-copy strong {
    font-size: 14px;
}

body:has(.client-form-card) .client-form-actionbar-copy span {
    font-size: 11px;
}

body:has(.client-form-card) .client-form-actionbar-actions {
    gap: 6px;
}

body:has(.client-form-card) .client-form-actionbar-actions button,
body:has(.client-form-card) .client-form-bottom-actions button,
body:has(.client-form-card) .client-defaults-head-actions .button-link,
body:has(.client-form-card) .client-defaults-workflow-button {
    font-size: 12px;
    min-height: 34px;
    padding: 7px 10px;
}

body:has(.client-form-card) .client-form-tabs {
    gap: 3px;
    padding: 6px 8px 0;
}

body:has(.client-form-card) .client-form-tab {
    font-size: 12px;
    min-height: 34px;
    padding: 7px 10px;
}

body:has(.client-form-card) .client-tab-badge {
    height: 16px;
    width: 16px;
}

body:has(.client-form-card) .client-form-panel {
    gap: 10px;
    padding: 12px;
}

body:has(.client-form-card) .client-form-panel .form-section,
body:has(.client-form-card) .client-defaults-workflow-actions {
    border-radius: var(--radius-md);
    padding: 11px;
}

body:has(.client-form-card) .client-form-panel .form-section-head {
    gap: 10px;
    padding-bottom: 9px;
}

body:has(.client-form-card) .client-form-panel .form-section-head h3,
body:has(.client-form-card) .client-contact-column-head strong {
    font-size: 14px;
}

body:has(.client-form-card) .client-form-compact-grid,
body:has(.client-form-card) .client-contact-column,
body:has(.client-form-card) .stacked-form,
body:has(.client-form-card) .form-grid {
    gap: 9px;
}

body:has(.client-form-card) .client-form-card input,
body:has(.client-form-card) .client-form-card select,
body:has(.client-form-card) .client-form-card textarea {
    min-height: 36px;
    padding: 8px 10px;
}

body:has(.client-form-card) .client-form-card textarea,
body:has(.client-form-card) .client-large-field textarea {
    min-height: 96px;
}

body:has(.client-form-card) .client-form-card .client-compact-textarea textarea {
    min-height: 78px;
}

body:has(.client-form-card) .client-contact-columns {
    border-radius: var(--radius-md);
}

body:has(.client-form-card) .client-logo-panel {
    gap: 10px;
    grid-template-columns: 96px minmax(0, 1fr);
    margin-bottom: 10px;
    padding: 10px;
}

body:has(.client-form-card) .client-logo-preview {
    min-height: 72px;
    padding: 8px;
}

body:has(.client-form-card) .client-logo-preview img {
    max-height: 56px;
}

body:has(.client-form-card) .client-form-note {
    padding: 8px 10px;
}

body:has(.client-form-card) .client-form-bottom-actions {
    padding: 10px 12px;
}

@media (max-width: 1120px) {
    .topbar {
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) minmax(140px, 220px) auto;
    }

    .topbar-quick-nav {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
        width: auto;
    }

    .topbar-user {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 920px) {
    body:has(.client-table-card) .client-toolbar,
    body:has(.client-form-card) .client-form-actionbar,
    body:has(.client-form-card) .form-section-head,
    body:has(.client-form-card) .client-defaults-head-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body:has(.client-table-card) .client-search {
        max-width: none;
    }

    body:has(.client-form-card) .client-summary-bar,
    body:has(.client-form-card) .client-form-compact-grid,
    body:has(.client-form-card) .client-contact-columns {
        grid-template-columns: 1fr;
    }

    body:has(.client-form-card) .client-summary-bar > div,
    body:has(.client-form-card) .client-contact-column + .client-contact-column {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid var(--line);
    }

    body:has(.client-form-card) .client-summary-bar > div:first-child {
        border-top: 0;
    }
}

.report-heading {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    gap: 14px;
    min-width: 0;
}

.report-heading-copy {
    min-width: 0;
}

.report-heading-copy h3,
.report-heading-copy .eyebrow {
    margin: 0;
}

.report-heading-copy h3 {
    overflow-wrap: anywhere;
}

.report-client-logo {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    max-height: 58px;
    max-width: 130px;
    padding: 6px;
}

.review-stack {
    display: grid;
    gap: 18px;
}

.saved-plan-tabs {
    align-items: flex-end;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 4px;
    margin: 4px 0 18px;
}

.saved-plan-tab {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--line);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: var(--muted);
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    font-weight: 800;
    min-height: 42px;
    padding: 10px 18px;
}

.saved-plan-tab.is-active {
    background: #eff6ff;
    border-color: #bfdbfe;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
    color: var(--text);
    margin-bottom: -1px;
    padding-bottom: 11px;
    position: relative;
    z-index: 1;
}

.saved-plan-tab:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .24);
    outline-offset: 2px;
}

.saved-plan-tab-google-pulse {
    flex-wrap: wrap;
}

.google-pulse-tab-status,
.google-pulse-section-status {
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 5px 8px;
    white-space: nowrap;
}

.google-pulse-tab-status {
    background: #f8fafc;
}

.google-pulse-tab-status.is-ready,
.google-pulse-section-status.is-ready {
    background: #e8f4df;
    border-color: #a9c991;
    color: #236326;
}

.google-pulse-tab-status.is-enabled,
.google-pulse-section-status.is-enabled {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e3a8a;
}

.google-pulse-tab-status.is-draft,
.google-pulse-section-status.is-draft {
    background: #f1f5f9;
    color: var(--muted);
}

.google-pulse-tab-status.is-not-linked,
.google-pulse-section-status.is-not-linked {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.saved-plan-view-section {
    display: grid;
    gap: 16px;
    margin: 0 0 24px;
}

[data-saved-plan-panel][hidden] {
    display: none !important;
}

.saved-plan-view-section-head {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 0 0 10px;
}

.saved-plan-view-section-head h3,
.saved-plan-view-section-head .eyebrow {
    margin: 0;
}

.saved-plan-view-section-head span {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
    white-space: nowrap;
}

.saved-plan-section-head-actions {
    flex: 0 0 auto;
}

.saved-plan-section-head-actions .button-link {
    padding: 7px 12px;
}

.review-divider {
    align-items: center;
    color: var(--muted);
    display: flex;
    gap: 16px;
    margin: 4px 0 18px;
    text-transform: uppercase;
}

.review-divider::before,
.review-divider::after {
    background: var(--line);
    content: "";
    flex: 1 1 auto;
    height: 1px;
}

.review-divider span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
}

.review-card {
    scroll-margin-top: 24px;
}

.review-accordion {
    overflow: hidden;
    padding: 0;
}

.review-accordion-summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    list-style: none;
    padding: 18px 20px;
}

.review-accordion-summary::-webkit-details-marker {
    display: none;
}

.review-accordion-summary::after {
    color: var(--muted);
    content: "+";
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.review-accordion[open] .review-accordion-summary::after {
    content: "−";
}

.review-accordion-summary h3,
.review-accordion-summary .eyebrow {
    margin: 0;
}

.review-accordion-meta {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    margin-left: auto;
    text-transform: uppercase;
}

.review-accordion-body {
    border-top: 1px solid var(--line);
    padding: 0 20px 18px;
}

.pdf-report {
    display: none;
}

.pdf-custom-note-input {
    min-height: 140px;
    width: 100%;
}

.keywords-review-scroll {
    max-height: 520px;
    overflow-y: auto;
}

.ads-review-scroll {
    max-height: 300px;
    overflow-y: auto;
}

.negative-review-scroll {
    max-height: 560px;
    overflow-y: auto;
}

.ads-table-editor-modal[hidden] {
    display: none !important;
}

.ads-table-editor-modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 22px;
    position: fixed;
    z-index: 1200;
}

.ads-table-editor-backdrop {
    background: rgba(15, 23, 42, .62);
    inset: 0;
    position: absolute;
}

.ads-table-editor-panel {
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
    display: flex;
    flex-direction: column;
    max-height: min(92vh, 980px);
    max-width: 1480px;
    min-height: min(760px, 92vh);
    overflow: hidden;
    position: relative;
    width: min(96vw, 1480px);
}

.ads-table-editor-head,
.ads-table-editor-toolbar {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 16px;
}

.ads-table-editor-head h3,
.ads-table-editor-head .eyebrow {
    margin: 0;
}

.ads-table-editor-close {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 36px;
    justify-content: center;
    line-height: 1;
    width: 36px;
}

.ads-table-editor-close:hover,
.ads-table-editor-close:focus-visible {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.ads-table-editor-toolbar {
    align-items: center;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.ads-table-editor-search {
    align-items: center;
    color: #475569;
    display: inline-flex;
    font-size: 12px;
    gap: 8px;
    margin-right: auto;
}

.ads-table-editor-search input {
    min-height: 34px;
    min-width: min(320px, 56vw);
}

.ads-table-editor-bulk-tools {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ads-table-editor-bulk-label {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.ads-table-editor-help {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.ads-table-editor-note,
.ads-table-editor-message {
    margin: 0;
    padding: 10px 16px;
}

.ads-table-editor-note {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    font-size: 13px;
}

.ads-table-editor-message {
    background: #ecfdf5;
    border-bottom: 1px solid #bbf7d0;
    color: #166534;
    font-size: 13px;
    font-weight: 700;
}

.ads-table-editor-message.is-error {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.ads-table-editor-scroll {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow: auto;
}

.ads-table-editor-table {
    min-width: 2500px;
}

.ads-table-editor-table th {
    background: #f8fafc;
    position: sticky;
    top: 0;
    z-index: 2;
}

.ads-table-editor-table th.is-locked-column {
    background: #f1f5f9;
}

.ads-table-editor-table th,
.ads-table-editor-table td {
    min-width: 180px;
    vertical-align: top;
}

.ads-table-editor-table td.is-identity-cell,
.ads-table-editor-table th:nth-child(1),
.ads-table-editor-table th:nth-child(2) {
    min-width: 210px;
}

.ads-table-editor-table td.is-description-cell {
    min-width: 340px;
}

.ads-table-editor-cell textarea {
    background: #f8fbff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #0f172a;
    font: inherit;
    line-height: 1.35;
    min-height: 84px;
    overflow: auto;
    padding: 8px 9px;
    resize: vertical;
    width: 100%;
}

.ads-table-editor-cell.is-description-cell textarea {
    min-height: 132px;
}

.ads-table-editor-cell textarea:focus {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .16);
    outline: none;
}

.ads-table-editor-cell.is-edited {
    background: #fffbeb;
    box-shadow: inset 0 0 0 2px #facc15;
}

.ads-table-editor-cell.is-active-source {
    box-shadow: inset 0 0 0 2px #2563eb;
}

.ads-table-editor-cell.is-edited.is-active-source {
    box-shadow: inset 0 0 0 2px #2563eb, inset 0 0 0 4px #facc15;
}

.ads-table-editor-cell.is-locked-cell {
    background: #f8fafc;
    color: #475569;
    font-weight: 700;
}

.ads-table-editor-row-select {
    align-items: center;
    color: #64748b;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    gap: 5px;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.ads-table-editor-row-select input {
    height: 15px;
    margin: 0;
    width: 15px;
}

.ads-table-editor-locked-value {
    display: block;
}

.ads-table-editor-char-count {
    color: #64748b;
    display: block;
    font-size: 11px;
    margin-top: 4px;
    text-align: right;
}

.ads-table-editor-char-count.is-over-limit {
    color: #991b1b;
}

@media (max-width: 720px) {
    .ads-table-editor-modal {
        padding: 8px;
    }

    .ads-table-editor-panel {
        border-radius: 12px;
        min-height: calc(100vh - 16px);
        width: 100%;
    }

    .ads-table-editor-head,
    .ads-table-editor-toolbar {
        align-items: stretch;
        padding: 10px;
    }

    .ads-table-editor-head {
        align-items: center;
    }

    .ads-table-editor-search,
    .ads-table-editor-search input {
        width: 100%;
    }

    .ads-table-editor-bulk-tools {
        align-items: stretch;
        width: 100%;
    }

    .ads-table-editor-bulk-label,
    .ads-table-editor-bulk-tools .status-pill,
    .ads-table-editor-bulk-tools .button-link {
        justify-content: center;
        width: 100%;
    }

    .ads-table-editor-toolbar .button-link,
    .ads-table-editor-toolbar .status-pill {
        justify-content: center;
        min-height: 34px;
    }
}

.keywords-review-scroll .review-table thead th,
.ads-review-scroll .review-table thead th,
.negative-review-scroll .review-table thead th {
    background: var(--panel);
    position: sticky;
    top: 0;
    z-index: 1;
}

.review-stats {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 16px;
}

.review-stat {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 14px 16px;
}

.review-stat span {
    color: var(--muted);
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.review-stat strong {
    font-size: 22px;
}

.review-table tbody tr.review-adgroup-odd td {
    background: rgba(231, 241, 252, .86);
}

.review-table tbody tr.review-adgroup-even td {
    background: #f8fafc;
}

.review-group-end td {
    border-bottom: 2px solid #bfdbfe;
}

.review-footer-actions {
    justify-content: flex-end;
}

.debug-block {
    background: #1f1c18;
    border-radius: 14px;
    color: #f8e9cf;
    overflow-x: auto;
    padding: 14px;
    white-space: pre-wrap;
}

.embedded-form-cell {
    background: #f8fafc;
}

.embedded-form {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.visually-hidden-form {
    display: none;
}

.inline-summary {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
}

.form-actions-space {
    justify-content: space-between;
}

.strategy-bottom-actions {
    margin-bottom: 18px;
    margin-top: 0;
}

.google-pulse-publish-card {
    display: grid;
    gap: 16px;
}

.google-pulse-heading-download {
    margin: 0;
}

.google-pulse-intro {
    margin: 0;
    max-width: 720px;
}

.google-pulse-workspace {
    display: grid;
    gap: 16px;
}

.google-pulse-section-card {
    border-color: #dbeafe;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .06);
    min-width: 0;
}

.google-pulse-section-heading {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.google-pulse-section-heading h3,
.google-pulse-section-heading .eyebrow {
    margin: 0;
}

.google-pulse-section-heading > div {
    min-width: 0;
}

.google-pulse-section-heading > span {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    max-width: 44%;
    overflow: hidden;
    padding: 6px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-pulse-alert {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid var(--accent);
    border-radius: 8px;
    color: #1e3a8a;
    font-weight: 700;
    margin: 12px 0 16px;
    overflow-wrap: anywhere;
    padding: 10px 12px;
}

.google-pulse-preview-card {
    padding: 18px 22px;
}

.google-pulse-preview-scroll {
    margin-top: 14px;
    max-height: 420px;
}

.google-pulse-preview-table {
    min-width: 980px;
}

.google-pulse-preview-table thead th {
    background: #eff6ff;
    position: sticky;
    top: 0;
    z-index: 1;
}

.google-pulse-preview-table th,
.google-pulse-preview-table td {
    line-height: 1.45;
    padding: 12px 14px;
    vertical-align: top;
}

.google-pulse-preview-table tbody tr:nth-child(even) td {
    background: #f8fafc;
}

.google-pulse-preview-table td:first-child {
    font-weight: 700;
    min-width: 340px;
}

.google-pulse-empty-state {
    background: #f8fafc;
    border: 1px dashed #bfdbfe;
    border-radius: 8px;
    margin: 14px 0 0;
    padding: 14px;
}

.google-pulse-publish-grid {
    display: grid;
    align-items: stretch;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.google-pulse-publish-grid.is-publish-only {
    grid-template-columns: minmax(0, 1fr);
}

.google-pulse-publish-grid .embedded-form {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    min-width: 0;
    padding: 16px;
}

body:has(.saved-plan-tabs) .google-pulse-publish-card.is-verified-ready,
.google-pulse-publish-card.is-verified-ready {
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 72%);
    border-color: #86efac;
    box-shadow: 0 18px 38px rgba(22, 101, 52, .12);
}

.google-pulse-publish-card.is-verified-ready .google-pulse-publish-grid .embedded-form {
    background: #ecfdf5;
    border-color: #86efac;
}

.google-pulse-publish-card.is-verified-ready .google-pulse-selected-account,
.google-pulse-publish-card.is-verified-ready .publish-readiness {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.google-pulse-publish-card.is-verified-ready .google-pulse-cache-note {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

.google-pulse-publish-grid label {
    display: grid;
    gap: 8px;
}

.google-pulse-publish-grid .button-link {
    align-self: flex-start;
    min-width: 170px;
    text-align: center;
}

.google-pulse-link-form .muted,
.google-pulse-api-form .muted {
    margin: 0;
}

.google-pulse-link-form .button-link,
.google-pulse-api-form .button-link {
    margin-top: auto;
}

.google-pulse-selected-account {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 10px 12px;
}

.google-pulse-selected-account span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.google-pulse-selected-account strong {
    overflow-wrap: anywhere;
}

.google-pulse-status-split,
.google-pulse-cache-refresh-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.google-pulse-status-split span {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    font-size: 10px;
    letter-spacing: .04em;
    padding: 4px 8px;
    text-transform: none;
}

.google-pulse-cache-note,
.google-pulse-publish-result {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1e3a8a;
    display: grid;
    gap: 4px;
    padding: 9px 10px;
}

.google-pulse-cache-note span,
.google-pulse-publish-result span {
    font-size: 12px;
    line-height: 1.35;
}

.google-pulse-cache-refresh-actions {
    align-items: center;
}

.google-pulse-cache-refresh-actions .button-link {
    margin-top: 0;
}

.google-pulse-verify-badge,
.target-account-verification {
    border-radius: 8px;
}

.google-pulse-verify-badge {
    border: 1px solid var(--line);
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
    text-transform: uppercase;
}

.google-pulse-verify-badge.is-match {
    background: #dcfce7;
    border-color: #86efac;
    color: #166534;
}

.google-pulse-verify-badge.is-mismatch {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.google-pulse-verify-badge.is-missing {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e3a8a;
}

.target-account-verification {
    border: 1px solid var(--line);
    display: grid;
    gap: 10px;
    padding: 12px;
}

.target-account-verification.is-match {
    background: #f0fdf4;
    border-color: #86efac;
}

.target-account-verification.is-mismatch {
    background: #fef2f2;
    border-color: #fca5a5;
}

.target-account-verification.is-missing {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.target-account-verification div {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.target-account-verification span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.target-account-verification strong {
    overflow-wrap: anywhere;
    text-align: right;
}

.target-account-link {
    color: var(--primary);
    flex-basis: 100%;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    text-decoration: none;
}

.target-account-link:hover,
.target-account-link:focus {
    text-decoration: underline;
}

.target-account-verification p {
    font-weight: 700;
    margin: 0;
}

.publish-readiness {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 10px 12px;
}

.publish-readiness p {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 0;
    min-width: 0;
}

.publish-readiness span {
    color: var(--muted);
    max-width: 58%;
    overflow-wrap: anywhere;
    text-align: right;
}

.publish-confirmation {
    align-items: center;
    display: flex !important;
}

.publish-budget-warning {
    background: #fffbeb;
    border-color: #fcd34d;
    color: #92400e;
}

.publish-budget-warning.is-hidden {
    display: none !important;
}

.google-pulse-publish-primary {
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: 0 10px 18px rgba(37, 99, 235, .18);
}

.saved-review-card .section-head {
    align-items: flex-start;
}

.saved-review-actions {
    flex: 0 0 auto;
}

/* UI-only campaign planning workspace styling. Backend form actions and hooks stay unchanged. */
.campaign-generated-success {
    align-items: center;
    background: #e9f7ed;
    border: 1px solid #abd9b8;
    border-left: 4px solid #168048;
    border-radius: 12px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 0 0 18px;
    padding: 16px 18px;
}

.campaign-generated-success h3,
.campaign-generated-success p,
.campaign-generated-success .eyebrow {
    margin: 0;
}

.campaign-generated-success p:not(.eyebrow) {
    color: #3f664b;
    margin-top: 5px;
}

.campaign-generated-success .inline-actions {
    flex: 0 0 auto;
}

.campaign-input-block.is-generated-collapsed {
    display: none;
}

.campaign-workspace-top {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 18px;
}

.campaign-draft-status {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 999px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .07);
    color: var(--accent-dark);
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 9px 12px;
    position: sticky;
    top: 10px;
    z-index: 5;
}

.campaign-draft-dot {
    background: #168048;
    border-radius: 999px;
    height: 8px;
    width: 8px;
}

.campaign-draft-status[data-state="dirty"] .campaign-draft-dot {
    background: var(--color-warning);
}

.campaign-draft-status[data-state="saving"] .campaign-draft-dot {
    animation: campaignPulse 1s infinite;
    background: var(--accent);
}

.campaign-draft-status[data-state="generated"] .campaign-draft-dot {
    background: #168048;
    box-shadow: 0 0 0 4px rgba(22, 128, 72, .12);
}

.campaign-progress {
    align-items: start;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0;
    max-width: 100%;
    min-width: 0;
    padding: 14px 10px 6px;
}

.campaign-progress-step {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: var(--muted);
    cursor: pointer;
    display: grid;
    gap: 5px;
    justify-items: center;
    position: relative;
    text-align: center;
}

.campaign-progress-step:disabled {
    cursor: not-allowed;
}

.campaign-progress-step::before {
    background: #d9c0a3;
    content: "";
    height: 2px;
    left: calc(-50% + 18px);
    position: absolute;
    right: calc(50% + 18px);
    top: 17px;
}

.campaign-progress-step:first-child::before {
    display: none;
}

.campaign-progress-step.is-completed::before,
.campaign-progress-step.is-active::before {
    background: var(--accent);
}

.campaign-progress-number {
    align-items: center;
    background: #ead8bf;
    border: 1px solid #d0af87;
    border-radius: 999px;
    color: var(--accent-dark);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 34px;
    justify-content: center;
    position: relative;
    width: 34px;
    z-index: 1;
}

.campaign-progress-step.is-completed .campaign-progress-number,
.campaign-progress-step.is-active .campaign-progress-number {
    background: var(--accent);
    border-color: var(--accent);
    color: #fffaf0;
}

.campaign-progress-label {
    color: var(--ink);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.campaign-progress-state {
    color: #168048;
    font-size: 11px;
    font-weight: 700;
}

.campaign-progress-step.is-active .campaign-progress-state {
    color: var(--accent);
}

.campaign-progress-step.is-editable .campaign-progress-state {
    color: var(--muted);
}

.campaign-progress-step.is-upcoming .campaign-progress-state {
    color: rgba(117, 107, 93, .72);
}

.campaign-workspace,
.campaign-review-workspace {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) 280px;
}

.campaign-workspace-main,
.campaign-review-main {
    min-width: 0;
}

.campaign-step-card {
    border-radius: 12px;
    min-width: 0;
    padding: 20px;
    transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
    width: 100%;
}

.campaign-step-card:not(.is-active) {
    box-shadow: none;
    opacity: .78;
    padding-bottom: 14px;
}

.campaign-step-card:not(.is-active) .form-grid,
.campaign-step-card:not(.is-active) .embedded-keyword-planner,
.campaign-step-card:not(.is-active) .campaign-merged-step-section,
.campaign-step-card:not(.is-active) .campaign-success-chips,
.campaign-step-card:not(.is-active) .campaign-final-review-grid,
.campaign-step-card:not(.is-active) .campaign-advanced-inputs,
.campaign-step-card:not(.is-active) .campaign-step-actions {
    display: none;
}

.campaign-step-card .form-grid {
    align-items: start;
}

.campaign-step-card .form-grid > label {
    align-content: start;
    gap: 8px;
    min-width: 0;
}

.campaign-step-card [data-client-link-project] {
    margin-top: 8px;
}

.campaign-step-card.is-completed {
    border-color: rgba(22, 128, 72, .32);
}

.campaign-step-card.is-upcoming {
    border-style: dashed;
}

.campaign-step-card-head {
    align-items: start;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 12px;
    margin: 0 0 16px;
    padding-bottom: 14px;
}

.campaign-step-card-head > div {
    flex: 1 1 auto;
}

.campaign-step-card-head h3,
.campaign-step-card-head p {
    margin: 0;
}

.campaign-step-card-head p {
    margin-top: 4px;
}

.campaign-step-context {
    color: var(--accent-dark);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-step-card:not(.is-active) .campaign-step-card-head {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.campaign-step-badge {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: var(--accent-dark);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
    text-transform: uppercase;
}

.campaign-step-status {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
}

.campaign-step-status[data-state="complete"] {
    background: #edf8ef;
    border-color: #b7dfbf;
    color: #168048;
}

.campaign-step-status[data-state="locked"] {
    background: #f1f5f9;
    color: var(--muted);
}

.campaign-requirement-hint {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    margin: 0 0 14px;
    padding: 9px 11px;
}

.campaign-step-card:not(.is-active) .campaign-requirement-hint {
    display: none;
}

.campaign-step-card-inner {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 16px;
}

.campaign-instruction-note {
    margin: 4px 0 14px;
}

.campaign-step-actions {
    align-items: center;
    border-top: 1px solid var(--line);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 18px;
    padding-top: 16px;
}

.campaign-final-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.campaign-step-error {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-left: 4px solid var(--color-danger);
    border-radius: 8px;
    color: #991b1b;
    flex: 1 0 100%;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    padding: 10px 12px;
}

.campaign-step-error[hidden] {
    display: none;
}

.campaign-success-chips,
.keyword-parser-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.campaign-success-chips span,
.keyword-parser-stats span {
    background: #edf8ef;
    border: 1px solid #b7dfbf;
    border-radius: 999px;
    color: #168048;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 10px;
}

.campaign-success-chips span::before {
    content: "✓ ";
}

.keyword-parser-stats span {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e3a8a;
}

.keyword-limit-helper {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 6px;
    justify-content: space-between;
    line-height: 1.35;
    margin: 0;
}

.keyword-limit-helper span {
    color: #1e3a8a;
    font-weight: 700;
}

.keyword-limit-helper span.is-over-limit {
    color: #b42318;
}

.keyword-limit-warning {
    align-items: center;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    color: #9a3412;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between;
    line-height: 1.35;
    padding: 8px 10px;
}

.keyword-limit-warning[hidden] {
    display: none !important;
}

.keyword-limit-warning .button-link {
    white-space: nowrap;
}

.campaign-final-review-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.campaign-final-review-grid p {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 12px;
}

.campaign-final-review-grid span {
    color: var(--muted);
    overflow-wrap: anywhere;
}

.campaign-advanced-inputs {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    margin-top: 16px;
    padding: 12px 14px;
}

.campaign-advanced-inputs summary {
    color: var(--accent-dark);
    cursor: pointer;
    font-weight: 800;
}

.campaign-advanced-inputs .form-grid {
    margin-top: 14px;
}

.campaign-raw-data-panel {
    padding: 0;
}

.campaign-raw-data-panel summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 16px 20px;
}

.campaign-raw-data-panel summary::-webkit-details-marker {
    display: none;
}

.campaign-raw-data-panel summary strong {
    display: block;
    font-size: var(--heading-size);
}

.campaign-raw-data-panel > p,
.campaign-raw-data-panel > .form-grid {
    margin-left: 20px;
    margin-right: 20px;
}

.campaign-raw-data-panel > .form-grid {
    margin-bottom: 20px;
}

.campaign-ai-sidebar,
.campaign-section-nav {
    align-items: start;
    display: grid;
    gap: 14px;
    position: sticky;
    top: 18px;
}

.campaign-sidebar-card,
.campaign-section-nav {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
    padding: 16px;
}

.campaign-sidebar-card h3,
.campaign-sidebar-card .eyebrow,
.campaign-section-nav h3 {
    margin: 0;
}

.campaign-ai-action {
    justify-content: center;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.campaign-ai-action span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-top: 2px;
    opacity: .78;
    text-transform: uppercase;
}

.campaign-ai-action-wrap {
    display: grid;
    gap: 4px;
    margin-top: 10px;
}

.campaign-ai-action-wrap small {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.35;
}

.campaign-ai-action-wrap.is-disabled {
    opacity: .88;
}

.campaign-ai-action.is-suggested {
    animation: campaignPulse 1.2s ease-in-out infinite;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .16);
}

.campaign-ai-progress[hidden] {
    display: none;
}

.campaign-ai-progress ol,
.ai-activity-card ol {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
}

.campaign-ai-progress li,
.ai-activity-card li {
    border-left: 3px solid var(--accent);
    color: var(--muted);
    font-size: 12px;
    padding-left: 10px;
}

.campaign-ai-progress.is-running li {
    animation: campaignSkeleton 1.4s ease-in-out infinite;
}

.campaign-ai-action[disabled],
.campaign-review-actionbar button[disabled] {
    cursor: not-allowed;
    opacity: .58;
}

.campaign-review-actionbar {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    padding: 12px;
    position: sticky;
    top: 0;
    z-index: 8;
}

.review-status-summary {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 6px;
}

.review-status-summary span {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: var(--accent-dark);
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
}

.campaign-final-export-cta {
    box-shadow: 0 8px 18px rgba(37, 99, 235, .18);
}

.plan-workflow-states {
    display: flex;
    flex: 1 1 360px;
    flex-wrap: wrap;
    gap: 6px;
}

.plan-workflow-states span {
    background: #f1f5f9;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
}

.plan-workflow-states span.is-active {
    background: var(--accent);
    border-color: var(--accent);
    color: #ffffff;
}

.campaign-review-workspace {
    grid-template-columns: 176px minmax(0, 1fr);
}

.campaign-section-nav {
    align-content: start;
}

.campaign-section-nav-head {
    display: grid;
    gap: 8px;
}

.campaign-section-nav-head > div {
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
}

.campaign-section-nav-head button {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    color: var(--accent-dark);
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    padding: 7px 8px;
}

.campaign-section-nav a {
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--ink);
    display: grid;
    gap: 3px;
    padding: 9px 10px;
    text-decoration: none;
}

.campaign-section-nav a:hover,
.campaign-section-nav a:focus-visible,
.campaign-section-nav a.is-active {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.campaign-section-nav span {
    font-size: 13px;
    font-weight: 800;
}

.campaign-section-nav small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.campaign-section-nav .plan-health-card {
    box-shadow: none;
    margin-top: 2px;
    padding: 12px;
}

.campaign-section-nav .plan-health-card.plan-health-compact {
    margin-top: 0;
    overflow: hidden;
    padding: 0;
}

.campaign-section-nav .plan-health-card h3 {
    font-size: 14px;
    line-height: 1.2;
}

.plan-health-summary {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    list-style: none;
    min-height: 54px;
    padding: 8px 36px 8px 10px;
    position: relative;
}

.plan-health-summary::-webkit-details-marker {
    display: none;
}

.plan-health-summary::after {
    align-items: center;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    content: "+";
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
}

.plan-health-compact[open] .plan-health-summary::after {
    content: "-";
}

.plan-health-summary-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.plan-health-summary-copy strong {
    font-size: 13px;
    line-height: 1.15;
}

.plan-health-summary-score {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    justify-content: flex-end;
    min-width: max-content;
}

.plan-health-summary-score > strong {
    font-size: 14px;
    line-height: 1;
}

.plan-health-summary-score > strong span {
    font-size: 10px;
    margin-left: 1px;
}

.plan-health-summary-score em {
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.plan-health-dot {
    background: #168048;
    border-radius: 999px;
    flex: 0 0 auto;
    height: 8px;
    width: 8px;
}

.plan-health-dot.is-warn {
    background: var(--color-warning);
}

.plan-health-dot.is-critical {
    background: #dc2626;
}

.plan-health-details {
    border-top: 1px solid #dbeafe;
    padding: 8px 10px 10px;
}

.review-card-title {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.review-card-title span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.review-status-badge {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: var(--accent-dark);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
}

.review-section-toolbar {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1fr) auto;
    margin: 16px 0;
}

.review-table-filter {
    display: grid;
    gap: 5px;
}

.review-table-filter input {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    min-height: 40px;
    padding: 9px 11px;
}

.review-table-filter span {
    color: var(--muted);
    font-size: 12px;
}

.review-section-actions {
    flex-wrap: nowrap;
}

.review-section-actions .button-link {
    padding: 8px 10px;
}

.review-section-actions button[disabled] {
    background: #64748b;
    color: #ffffff;
    cursor: not-allowed;
    opacity: .7;
}

.review-table-scroll-shadow {
    background:
        linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)) left/18px 100% no-repeat,
        linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0)) right/18px 100% no-repeat;
}

.review-table thead th {
    background: var(--panel);
    position: sticky;
    top: 0;
    z-index: 1;
}

.review-table th:nth-child(3),
.review-table td:nth-child(3) {
    min-width: 320px;
}

.review-table td {
    line-height: 1.45;
    padding-bottom: 15px;
    padding-top: 15px;
}

.editable-preview-cell {
    border: 1px dashed rgba(37, 99, 235, .22);
    border-radius: 5px;
    display: inline-block;
    min-width: 24px;
    padding: 3px 5px;
}

/* Compact Campaign Plans pass: CSS-only density updates, no workflow hooks changed. */
body:has(#campaign-plan-form) .content,
body:has(.saved-plan-tabs) .content,
body:has(.campaign-plans-table) .content {
    padding-top: 22px;
}

body:has(#campaign-plan-form) .section-head,
body:has(.saved-plan-tabs) .section-head {
    margin-bottom: 12px;
}

body:has(#campaign-plan-form) .campaign-workspace-top {
    gap: 10px;
    margin-bottom: 12px;
}

body:has(#campaign-plan-form) .campaign-workspace-top > * {
    min-width: 0;
}

body:has(#campaign-plan-form) .campaign-progress {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    padding: 10px 8px 6px;
}

body:has(#campaign-plan-form) .campaign-progress-number {
    font-size: 11px;
    height: 28px;
    width: 28px;
}

body:has(#campaign-plan-form) .campaign-progress-step::before {
    left: calc(-50% + 15px);
    right: calc(50% + 15px);
    top: 14px;
}

body:has(#campaign-plan-form) .campaign-progress-label,
body:has(#campaign-plan-form) .campaign-progress-state {
    font-size: 10px;
}

body:has(#campaign-plan-form) .campaign-draft-status {
    box-shadow: none;
    font-size: 12px;
    padding: 7px 10px;
    top: 8px;
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill {
    margin-bottom: 12px;
    padding: 0;
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
    padding: 12px 14px;
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill summary::-webkit-details-marker {
    display: none;
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill summary strong {
    color: #0f172a;
    display: block;
    font-size: 14px;
    line-height: 1.2;
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill summary small {
    color: #64748b;
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 3px;
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill summary::after {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    content: "+";
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 17px;
    font-weight: 900;
    height: 26px;
    justify-content: center;
    line-height: 1;
    width: 26px;
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill[open] summary::after {
    content: "-";
}

body:has(#campaign-plan-form) .campaign-super-admin-prefill form {
    border-top: 1px solid #dbeafe;
    padding: 0 14px 14px;
}

body:has(#campaign-plan-form) .campaign-workspace,
body:has(.saved-plan-tabs) .campaign-review-workspace {
    gap: 12px;
}

body:has(.saved-plan-tabs) .campaign-review-workspace {
    grid-template-columns: minmax(0, 1fr);
}

body:has(#campaign-plan-form) .campaign-create-workspace {
    grid-template-columns: minmax(0, 1fr);
}

body:has(#campaign-plan-form) .campaign-step-card,
body:has(.saved-plan-tabs) .review-card,
body:has(.saved-plan-tabs) .saved-review-card,
body:has(.saved-plan-tabs) .google-pulse-section-card,
body:has(.saved-plan-tabs) .campaign-sidebar-card,
body:has(.saved-plan-tabs) .campaign-section-nav {
    border-radius: var(--radius-lg);
    padding: 14px;
}

body:has(#campaign-plan-form) .campaign-step-card-head {
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
}

body:has(#campaign-plan-form) .campaign-step-badge,
body:has(#campaign-plan-form) .campaign-step-status,
body:has(.saved-plan-tabs) .review-status-badge,
body:has(.saved-plan-tabs) .review-accordion-meta,
body:has(.saved-plan-tabs) .google-pulse-tab-status,
body:has(.saved-plan-tabs) .google-pulse-section-status {
    font-size: 10px;
    padding: 5px 8px;
}

body:has(#campaign-plan-form) .campaign-step-card .form-grid,
body:has(#campaign-plan-form) .campaign-advanced-inputs .form-grid,
body:has(.saved-plan-tabs) .upload-settings-grid {
    gap: 10px 12px;
}

body:has(#campaign-plan-form) .campaign-step-card input,
body:has(#campaign-plan-form) .campaign-step-card select,
body:has(#campaign-plan-form) .campaign-step-card textarea,
body:has(.saved-plan-tabs) .google-pulse-section-card input,
body:has(.saved-plan-tabs) .google-pulse-section-card select,
body:has(.saved-plan-tabs) .google-pulse-section-card textarea {
    min-height: 38px;
    padding: 8px 10px;
}

body:has(#campaign-plan-form) .campaign-step-one-card input::placeholder,
body:has(#campaign-plan-form) .campaign-step-one-card textarea::placeholder {
    color: #94a3b8;
    font-weight: 400;
    opacity: 1;
}

body:has(#campaign-plan-form) .campaign-step-card textarea {
    min-height: 92px;
}

body:has(#campaign-plan-form) .campaign-step-one-card {
    padding: 16px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .campaign-step-card-head {
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 9px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .form-grid {
    gap: 8px 28px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .form-grid > label {
    color: #334155;
    font-size: 13px;
    font-weight: 400;
    gap: 5px;
}

body:has(#campaign-plan-form) .campaign-merged-step-section {
    border-top: 1px solid #dbeafe;
    margin-top: 14px;
    padding-top: 14px;
}

body:has(#campaign-plan-form) .campaign-merged-section-head {
    margin-bottom: 8px;
}

body:has(#campaign-plan-form) .campaign-merged-section-head .eyebrow,
body:has(#campaign-plan-form) .campaign-merged-section-head h3 {
    margin: 0;
}

body:has(#campaign-plan-form) .campaign-merged-section-head h3 {
    font-size: 14px;
    line-height: 1.25;
}

body:has(#campaign-plan-form) .campaign-step-one-card .form-grid > label:nth-child(2n + 3) {
    border-left: 1px solid #dbeafe;
    padding-left: 28px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .form-grid > label.field-wide {
    border-left: 0;
    padding-left: 0;
}

body:has(#campaign-plan-form) .campaign-step-one-card .campaign-account-link-panel {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .10), 0 4px 10px rgba(37, 99, 235, .06);
    display: grid;
    gap: 12px 28px;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-bottom: 20px;
    padding: 12px;
    position: relative;
}

body:has(#campaign-plan-form) .campaign-step-one-card .campaign-account-link-panel > label {
    color: #334155;
    display: grid;
    font-size: 13px;
    font-weight: 400;
    gap: 5px;
    margin: 0;
    min-width: 0;
}

body:has(#campaign-plan-form) .campaign-linked-search-strip {
    align-items: center;
    background: linear-gradient(135deg, #0f172a 0%, #102a43 58%, #123044 100%);
    border: 1px solid rgba(125, 211, 252, .24);
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .12);
    display: grid;
    gap: 8px 12px;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px;
}

body:has(#campaign-plan-form) .campaign-linked-search-strip .field-label-row {
    color: #ffffff;
    font-weight: 800;
    min-width: max-content;
}

body:has(#campaign-plan-form) .campaign-linked-search-strip .field-help-icon {
    background: rgba(251, 191, 36, .16);
    border-color: rgba(251, 191, 36, .42);
    color: #fbbf24;
}

body:has(#campaign-plan-form) .campaign-linked-search-strip .client-lookup-row {
    grid-template-columns: minmax(0, 1fr) auto;
}

body:has(#campaign-plan-form) .campaign-linked-search-strip input[type="search"] {
    background: #ffffff;
    border-color: rgba(226, 232, 240, .92);
}

body:has(#campaign-plan-form) .campaign-linked-search-strip .client-lookup-status {
    color: #bfdbfe;
    display: none;
    grid-column: 2;
}

body:has(#campaign-plan-form) .campaign-step-one-card .field-label-row {
    gap: 6px;
    justify-content: flex-start;
}

body:has(#campaign-plan-form) .campaign-account-link-panel > label > .field-label-row {
    min-height: 32px;
}

body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-linked-project-field[hidden] {
    display: none !important;
}

body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-linked-project-field select {
    margin-top: 15px;
}

body:has(#campaign-plan-form) .campaign-link-results {
    background: #ffffff;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    box-shadow: 0 22px 46px rgba(15, 23, 42, .18);
    display: grid;
    gap: 7px;
    grid-column: 1 / -1;
    left: 12px;
    max-height: 400px;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    right: 12px;
    top: 82px;
    z-index: 35;
}

body:has(#campaign-plan-form) .campaign-link-results[hidden] {
    display: none !important;
}

body:has(#campaign-plan-form) .campaign-link-result,
body:has(#make-adgroups-generator) .campaign-link-result {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    color: #0f172a;
    cursor: pointer;
    display: grid;
    gap: 3px;
    grid-template-columns: minmax(0, 1fr);
    padding: 9px 10px;
    text-align: left;
    width: 100%;
}

body:has(#campaign-plan-form) .campaign-link-result:hover,
body:has(#campaign-plan-form) .campaign-link-result:focus-visible,
body:has(#campaign-plan-form) .campaign-link-result.is-selected,
body:has(#make-adgroups-generator) .campaign-link-result:hover,
body:has(#make-adgroups-generator) .campaign-link-result:focus-visible,
body:has(#make-adgroups-generator) .campaign-link-result.is-selected {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
    outline: 0;
}

body:has(#campaign-plan-form) .campaign-link-result strong,
body:has(#make-adgroups-generator) .campaign-link-result strong {
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:has(#campaign-plan-form) .campaign-link-result span,
body:has(#make-adgroups-generator) .campaign-link-result span {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

body:has(#campaign-plan-form) .campaign-selected-account-summary {
    align-items: center;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    color: #047857;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 800;
    gap: 6px 12px;
    grid-column: 1 / -1;
    padding: 8px 10px;
}

body:has(#campaign-plan-form) .campaign-selected-account-summary[hidden] {
    display: none !important;
}

body:has(#campaign-plan-form) .campaign-selected-account-summary span {
    min-width: 0;
}

body:has(#campaign-plan-form) .campaign-step-one-card .field-help-icon {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    font-size: 11px;
    height: 18px;
    width: 18px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .select-search-wrap {
    gap: 6px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .client-lookup-row {
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) auto;
}

body:has(#campaign-plan-form) .campaign-step-one-card .client-lookup-row .button-link {
    min-height: 36px;
    padding: 7px 12px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .client-lookup-status:empty {
    display: none;
}

body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field {
    align-items: center;
    border-top: 1px solid #dbeafe;
    display: grid;
    gap: 8px 14px;
    grid-column: 1 / -1;
    grid-template-columns: 210px minmax(0, 1fr);
    padding-top: 10px;
}

body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field > .field-label-row {
    align-items: center;
    align-self: stretch;
    min-height: 38px;
}

body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field > input[type="text"] {
    min-width: 0;
}

body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field > .campaign-field-note,
body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field > .field-error {
    grid-column: 2;
}

body:has(#campaign-plan-form) .campaign-match-status-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 0;
}

body:has(#campaign-plan-form) .campaign-match-status {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    padding: 5px 8px;
}

body:has(#campaign-plan-form) .campaign-match-status[hidden] {
    display: none;
}

body:has(#campaign-plan-form) .campaign-match-status.is-google,
body:has(#campaign-plan-form) .campaign-match-status.is-client {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}

body:has(#campaign-plan-form) .campaign-customer-id-field.is-locked input[name="target_google_ads_customer_id"] {
    background: #ecfdf5;
    border-color: #86efac;
    color: #064e3b;
    font-weight: 800;
}

body:has(#campaign-plan-form) .campaign-field-note {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

body:has(#campaign-plan-form) .campaign-field-note.is-locked {
    color: #047857;
}

body:has(#campaign-plan-form) .campaign-step-one-card .inline-link-button {
    font-size: 12px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .campaign-step-client-options {
    gap: 5px;
}

body:has(#campaign-plan-form) .campaign-step-one-card .client-save-option[hidden] {
    display: none !important;
}

@media (max-width: 760px) {
    body:has(#campaign-plan-form) .campaign-step-one-card .campaign-account-link-panel,
    body:has(#campaign-plan-form) .campaign-linked-search-strip {
        grid-template-columns: 1fr;
    }

    body:has(#campaign-plan-form) .campaign-linked-search-strip .field-label-row {
        min-width: 0;
    }

    body:has(#campaign-plan-form) .campaign-linked-search-strip .client-lookup-status {
        grid-column: 1;
    }

    body:has(#campaign-plan-form) .campaign-link-results {
        left: 12px;
        right: 12px;
        top: 132px;
    }

    body:has(#campaign-plan-form) .campaign-step-one-card .form-grid > label:nth-child(2n + 3) {
        border-left: 0;
        padding-left: 0;
    }

    body:has(#campaign-plan-form) .campaign-guided-usp-grid,
    body:has(.client-form-card) .campaign-guided-usp-grid {
        grid-template-columns: 1fr;
    }

    body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field {
        border-left: 0;
        border-top: 1px solid #dbeafe;
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-top: 12px;
    }

    body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field > .campaign-field-note,
    body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-customer-id-field > .field-error {
        grid-column: 1;
    }

    body:has(#campaign-plan-form) .campaign-account-link-panel .campaign-linked-project-field select {
        margin-top: 0;
    }

    body:has(#campaign-plan-form) .campaign-step-actions,
    body:has(#campaign-plan-form) .campaign-plan-submit-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    body:has(#campaign-plan-form) .campaign-step-client-options,
    body:has(#campaign-plan-form) .campaign-step-button-group,
    body:has(#campaign-plan-form) .campaign-final-actions {
        justify-content: stretch;
        width: 100%;
    }

    body:has(#campaign-plan-form) .campaign-step-button-group {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body:has(#campaign-plan-form) .campaign-step-button-group .button-link,
    body:has(#campaign-plan-form) .campaign-final-actions .button-link,
    body:has(#campaign-plan-form) .campaign-final-actions button {
        width: 100%;
    }
}

body:has(#campaign-plan-form) .campaign-step-actions,
body:has(.saved-plan-tabs) .review-footer-actions {
    margin-top: 12px;
    padding-top: 12px;
}

body:has(#campaign-plan-form) .campaign-step-actions,
body:has(#campaign-plan-form) .campaign-plan-submit-row {
    align-items: flex-start;
    justify-content: flex-end;
}

body:has(#campaign-plan-form) .campaign-step-one-card .campaign-step-actions {
    justify-content: space-between;
}

body:has(#campaign-plan-form) .campaign-step-client-options {
    margin-right: auto;
}

body:has(#campaign-plan-form) .campaign-step-button-group .button-link,
body:has(#campaign-plan-form) .campaign-final-actions .button-link,
body:has(#campaign-plan-form) .campaign-final-actions button,
body:has(#campaign-plan-form) .plan-save-button.button-link-small {
    font-size: 12px;
    min-height: 32px;
    padding: 7px 10px;
}

body:has(#campaign-plan-form) .keyword-planner-two-column {
    gap: 10px;
}

body:has(#campaign-plan-form) .keyword-planner-panel,
body:has(#campaign-plan-form) .campaign-step-card-inner,
body:has(#campaign-plan-form) .campaign-advanced-inputs {
    border-radius: var(--radius-lg);
    padding: 12px;
}

body:has(#campaign-plan-form) .campaign-success-chips,
body:has(#campaign-plan-form) .keyword-parser-stats {
    gap: 6px;
    margin-top: 10px;
}

body:has(#campaign-plan-form) .campaign-success-chips span,
body:has(#campaign-plan-form) .keyword-parser-stats span {
    font-size: 11px;
    padding: 5px 8px;
}

body:has(.saved-plan-tabs) .saved-plan-tabs {
    gap: 6px;
    margin: 8px 0 12px;
    padding: 5px;
}

body:has(.saved-plan-tabs) .saved-plan-tab {
    font-size: 13px;
    min-height: 38px;
    padding: 8px 12px;
}

body:has(.saved-plan-tabs) .saved-plan-view-section {
    margin-top: 0;
}

body:has(.saved-plan-tabs) .saved-plan-view-section-head,
body:has(.saved-plan-tabs) .google-pulse-section-heading {
    gap: 8px;
    margin-bottom: 10px;
}

body:has(.saved-plan-tabs) .campaign-review-actionbar {
    gap: 6px;
    padding: 8px;
}

body:has(.saved-plan-tabs) .campaign-review-actionbar .button-link,
body:has(.saved-plan-tabs) .campaign-review-actionbar button,
body:has(.saved-plan-tabs) .review-section-actions .button-link,
body:has(.saved-plan-tabs) .review-section-actions button,
body:has(.saved-plan-tabs) .google-pulse-section-card .button-link,
body:has(.saved-plan-tabs) .strategy-bottom-actions .button-link,
body:has(.saved-plan-tabs) .strategy-bottom-actions button {
    font-size: 12px;
    padding: 7px 10px;
}

body:has(.saved-plan-tabs) .plan-workflow-states,
body:has(.saved-plan-tabs) .review-status-summary {
    gap: 4px;
}

body:has(.saved-plan-tabs) .plan-workflow-states span,
body:has(.saved-plan-tabs) .review-status-summary span {
    font-size: 10px;
    padding: 4px 7px;
}

body:has(.saved-plan-tabs) .plan-header-metrics,
body:has(#campaign-plan-form) .campaign-final-review-grid,
body:has(.saved-plan-tabs) .review-stats,
body:has(.saved-plan-tabs) .publish-readiness,
body:has(.saved-plan-tabs) .final-notes-grid {
    gap: 8px;
}

body:has(.saved-plan-tabs) .plan-header-metrics p,
body:has(#campaign-plan-form) .campaign-final-review-grid p,
body:has(.saved-plan-tabs) .review-stat,
body:has(.saved-plan-tabs) .publish-readiness p,
body:has(.saved-plan-tabs) .final-notes-grid > div {
    border-radius: var(--radius-md);
    padding: 9px 10px;
}

body:has(.saved-plan-tabs) .review-accordion-summary {
    gap: 10px;
    padding: 12px 14px;
}

body:has(.saved-plan-tabs) .review-accordion-body {
    padding: 0 14px 14px;
}

body:has(.saved-plan-tabs) .review-section-toolbar {
    gap: 8px;
    margin: 10px 0;
}

body:has(.saved-plan-tabs) .review-table th,
body:has(.saved-plan-tabs) .review-table td,
body:has(.saved-plan-tabs) .google-pulse-preview-table th,
body:has(.saved-plan-tabs) .google-pulse-preview-table td {
    font-size: 12px;
    padding: 8px 9px;
}

body:has(.saved-plan-tabs) .review-table td {
    line-height: 1.35;
}

body:has(.saved-plan-tabs) .campaign-section-nav a {
    padding: 7px 8px;
}

body:has(.saved-plan-tabs) .campaign-ai-action,
body:has(.saved-plan-tabs) .campaign-ai-action-wrap {
    margin-top: 7px;
}

body:has(.saved-plan-tabs) .google-pulse-workspace {
    gap: 12px;
}

body:has(.saved-plan-tabs) .google-pulse-publish-grid {
    gap: 12px;
}

body:has(.saved-plan-tabs) .target-account-verification,
body:has(.saved-plan-tabs) .google-pulse-selected-account {
    border-radius: var(--radius-md);
    padding: 10px;
}

.plan-header-metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin-top: 14px;
}

.plan-header-metrics p {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 10px;
}

.plan-header-metrics span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.plan-header-metrics strong {
    font-size: 12px;
    overflow-wrap: anywhere;
}

.plan-header-customer-id {
    position: relative;
}

.inline-copy-button {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--accent-dark);
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    justify-self: start;
    margin-top: 3px;
    padding: 4px 8px;
}

.google-pulse-account-search {
    margin-bottom: 2px;
}

.google-pulse-search-count {
    color: var(--muted);
    font-size: 12px;
    margin-top: -3px;
}

.plan-health-score {
    align-items: center;
    background:
        radial-gradient(circle closest-side, #ffffff 72%, transparent 74%),
        conic-gradient(#168048 calc(var(--score) * 1%), #dbeafe 0);
    border-radius: 999px;
    display: flex;
    height: 118px;
    justify-content: center;
    margin: 16px auto;
    width: 118px;
}

.plan-health-score strong {
    font-size: 24px;
}

.plan-health-score span {
    color: var(--muted);
    font-size: 12px;
    margin-left: 3px;
}

.plan-health-list {
    display: grid;
    gap: 9px;
}

.plan-health-list p {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0;
}

.plan-health-list span {
    color: var(--muted);
    font-size: 12px;
}

.plan-health-list strong {
    font-size: 12px;
}

.plan-health-list .is-good {
    color: #168048;
}

.plan-health-list .is-warn {
    color: var(--color-warning);
}

.plan-health-list .is-critical {
    color: #9a2a1f;
}

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

.final-notes-grid > div {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    padding: 12px;
}

.final-notes-grid p {
    color: var(--muted);
    margin: 5px 0 0;
}

.campaign-action-panel {
    padding: 0;
}

.campaign-action-panel summary {
    cursor: pointer;
    list-style: none;
    padding: 16px 16px 6px;
}

.campaign-action-panel summary::-webkit-details-marker {
    display: none;
}

.campaign-action-panel summary strong {
    display: block;
    font-size: var(--heading-size);
}

.campaign-action-panel > :not(summary) {
    margin-left: 16px;
    margin-right: 16px;
}

.campaign-action-panel > .campaign-ai-action,
.campaign-action-panel > .embedded-form {
    box-sizing: border-box;
    max-width: calc(100% - 32px);
}

.campaign-action-panel > .embedded-form .campaign-ai-action {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

.campaign-action-panel > :last-child {
    margin-bottom: 16px;
}

@keyframes campaignPulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .55;
    }
}

@keyframes campaignSkeleton {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(4px);
    }
}

body:has(.campaign-progress) .feedback-sticky-button {
    bottom: 16px;
    left: 24px;
    right: auto;
}

@media (max-width: 1120px) {
    .upload-settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .campaign-review-actionbar {
        position: static;
    }

    .campaign-review-workspace {
        grid-template-columns: 1fr;
    }

    .campaign-section-nav {
        display: grid;
        grid-auto-columns: max-content;
        grid-auto-flow: column;
        overflow-x: auto;
        position: static;
    }

    .campaign-section-nav-head {
        align-items: center;
        display: flex;
        justify-content: space-between;
        min-width: max-content;
    }

    .campaign-section-nav-head > div {
        display: flex;
        min-width: max-content;
    }

    .campaign-section-nav a {
        min-width: 150px;
    }

    .campaign-review-sidebar {
        grid-column: auto;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        position: static;
    }

    .campaign-review-sidebar .campaign-sidebar-card {
        height: auto;
    }

    .saved-review-card .section-head {
        display: grid;
    }

    .saved-review-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 1040px) {
    .campaign-review-sidebar {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .upload-settings-grid {
        grid-template-columns: 1fr;
    }

    .compact-page-head,
    .write-ads-generator-card .tool-mode-selector,
    .make-adgroups-generator-card .tool-mode-selector {
        display: grid;
    }

    .compact-page-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .compact-page-nav a {
        flex: 0 0 auto;
    }

    .write-ads-form-grid,
    .make-adgroups-generator-card .make-adgroups-grid,
    .campaign-tools-status-options {
        grid-template-columns: 1fr;
    }

    .custom-ad-copy-grid,
    .custom-ad-copy-head,
    .custom-ad-copy-section-head {
        display: grid;
    }

    .make-adgroups-ad-copy-head,
    .make-adgroups-url-field .field-label-row {
        align-items: stretch;
        display: grid;
    }

    .make-adgroups-fetch-detail-button {
        justify-content: center;
        width: 100%;
    }

    .make-adgroups-profile-option {
        justify-content: center;
        width: 100%;
    }

    .google-pulse-section-heading,
    .saved-plan-view-section-head {
        display: grid;
    }

    .google-pulse-section-heading > span {
        justify-self: start;
        max-width: 100%;
    }

    .upload-settings-card .inline-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .upload-settings-card .inline-actions .button-link {
        width: 100%;
    }

    .publish-readiness p {
        display: grid;
    }

    .publish-readiness span {
        max-width: 100%;
        text-align: left;
    }

    .campaign-tools-publish-grid {
        grid-template-columns: 1fr;
    }

    .campaign-tools-stepper {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .campaign-tools-step-link {
        flex: 0 0 min(220px, 78vw);
    }

    .campaign-tools-step-head {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .campaign-tools-settings-grid {
        grid-template-columns: 1fr;
    }

    .campaign-workspace-top {
        grid-template-columns: 1fr;
    }

    .campaign-generated-success,
    .campaign-generated-success .inline-actions,
    .campaign-final-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .campaign-generated-success .button-link,
    .campaign-final-actions .button-link,
    .campaign-final-actions button {
        width: 100%;
    }

    .campaign-progress {
        display: flex;
        gap: 6px;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 8px 0;
        width: 100%;
    }

    .campaign-progress-step {
        flex: 1 1 0;
        min-width: 58px;
    }

    .campaign-progress-step::before {
        display: none;
    }

    .campaign-workspace,
    .campaign-review-workspace {
        grid-template-columns: 1fr;
    }

    .campaign-ai-sidebar,
    .campaign-section-nav,
    .campaign-review-actionbar {
        position: static;
    }

    .campaign-review-actionbar .button-link,
    .campaign-review-actionbar button,
    .campaign-ai-action {
        width: 100%;
    }

    body:has(.campaign-progress) .feedback-sticky-button {
        bottom: 14px;
        left: auto;
        right: 14px;
    }

    .campaign-step-card-head,
    .review-accordion-summary {
        align-items: flex-start;
    }

    .campaign-step-card-head {
        display: grid;
    }

    .campaign-step-status {
        justify-self: start;
    }

    .campaign-step-actions,
    .review-section-toolbar,
    .final-notes-grid,
    .campaign-final-review-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .review-section-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .review-section-actions .button-link,
    .review-section-actions button {
        width: 100%;
    }

    .google-pulse-publish-grid {
        grid-template-columns: 1fr;
    }

    .saved-review-actions,
    .saved-review-actions .button-link,
    .google-pulse-heading-download .button-link,
    .google-pulse-publish-grid .button-link {
        width: 100%;
    }

    .campaign-action-panel:not([open]) {
        padding-bottom: 0;
    }

    .campaign-action-panel summary {
        padding-bottom: 16px;
    }
}

.button-danger {
    background: #9a2a1f;
}

.button-danger:hover {
    background: #771b14;
}

.history-actions {
    align-items: center;
    display: flex;
    gap: 10px;
}

.history-actions form {
    margin: 0;
}

.history-view-action {
    background: var(--accent);
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 8px 14px;
    text-decoration: none;
}

.history-view-action:hover {
    background: var(--accent-dark);
}

.history-csv-action {
    color: var(--accent-dark);
    font-weight: 600;
}

.make-adgroups-history-card .history-actions .button-danger {
    background: transparent;
    border: 1px solid #b44a3c;
    border-radius: 999px;
    color: #9a2a1f;
    padding: 8px 14px;
}

.make-adgroups-history-card .history-actions .button-danger:hover {
    background: #ffe8e2;
}

.action-view-chip {
    min-width: 52px;
    padding: 6px 10px;
    text-align: center;
}

.inline-delete-form {
    display: inline;
}

.inline-download-form {
    display: inline;
    margin: 0;
}

.action-delete-text {
    color: #9a2a1f;
    font-weight: 600;
    text-decoration: none;
}

.action-delete-text:hover {
    color: #771b14;
    text-decoration: underline;
}

.button-link.is-downloading,
.button-link.is-loading {
    background: #8f867b;
    color: #f4eee6;
}

.button-link.is-loading {
    pointer-events: none;
}

.upload-preview-block {
    margin-top: 18px;
}

.upload-preview-block h4 {
    margin: 0 0 10px;
}

@media print {
    @page {
        margin: 0;
        size: 297mm 210mm;
    }

    html,
    body {
        background: #fff !important;
        height: 210mm !important;
        margin: 0 !important;
        width: 297mm !important;
    }

    body * {
        visibility: hidden !important;
    }

    .pdf-report,
    .pdf-report * {
        visibility: visible !important;
    }

    .pdf-report {
        background: #fff;
        display: block !important;
        left: 0;
        position: absolute;
        top: 0;
        width: 297mm;
    }

    body.is-printing-landscape .pdf-report,
    body.is-printing-landscape .pdf-page {
        height: 210mm !important;
        width: 297mm !important;
    }

    .pdf-page {
        background:
            linear-gradient(135deg, rgba(191, 89, 25, .08), transparent 34%),
            #fffdf8;
        break-after: page;
        box-sizing: border-box;
        height: 210mm;
        min-height: 210mm;
        overflow: hidden;
        padding: 28mm 10mm 16mm;
        position: relative;
        width: 297mm;
        page-break-after: always;
    }

    .pdf-page:last-child {
        break-after: auto;
        page-break-after: auto;
    }

    .pdf-border {
        border: 1.6mm double #2f2018;
        border-radius: 8mm;
        bottom: 7mm;
        left: 8mm;
        pointer-events: none;
        position: absolute;
        right: 8mm;
        top: 7mm;
    }

    .pdf-header {
        align-items: center;
        border-bottom: .35mm solid #d7c2a7;
        display: flex;
        justify-content: space-between;
        left: 10mm;
        padding-bottom: 3mm;
        position: absolute;
        right: 10mm;
        top: 11mm;
    }

    .pdf-company {
        align-items: center;
        color: #2f2018;
        display: flex;
        gap: 4mm;
        max-width: 70%;
    }

    .pdf-company strong {
        display: block;
        font-size: 11pt;
        line-height: 1.15;
    }

    .pdf-company span {
        display: block;
        font-size: 7.2pt;
        line-height: 1.25;
    }

    .pdf-company-logo,
    .pdf-client-logo {
        background: #fff;
        border: .25mm solid #d7c2a7;
        border-radius: 2.5mm;
        max-height: 16mm;
        max-width: 34mm;
        object-fit: contain;
        padding: 1.5mm;
    }

    .pdf-client-brand {
        color: #2f2018;
        font-size: 10pt;
        font-weight: 700;
        max-width: 28%;
        text-align: right;
    }

    .pdf-content {
        position: relative;
        z-index: 1;
    }

    .pdf-content .eyebrow {
        color: #bd5a18;
        font-size: 8pt;
        letter-spacing: .12em;
        margin: 0 0 2mm;
        text-transform: uppercase;
    }

    .pdf-content h1 {
        color: #1f2933;
        font-size: 16pt;
        line-height: 1.1;
        margin: 0 0 4mm;
    }

    .pdf-table {
        border-collapse: collapse;
        font-size: 6.1pt;
        line-height: 1.15;
        table-layout: fixed;
        width: 100%;
    }

    .pdf-table th,
    .pdf-table td {
        border: .25mm solid #d7c2a7;
        padding: 1.25mm;
        text-align: left;
        vertical-align: top;
        word-break: break-word;
    }

    .pdf-table th {
        background: #2f2018;
        color: #fffdf8;
        font-size: 5.8pt;
        text-transform: uppercase;
    }

    .pdf-table tbody tr:nth-child(even) td {
        background: rgba(244, 235, 221, .55);
    }

    .pdf-table-ads_editor_table {
        font-size: 4.1pt;
        line-height: 1.08;
    }

    .pdf-table-ads_editor_table th,
    .pdf-table-ads_editor_table td {
        padding: .65mm;
    }

    .pdf-table-ads_editor_table th {
        font-size: 3.7pt;
        letter-spacing: 0;
    }

    .pdf-table-keywords_editor_table {
        font-size: 5.6pt;
    }

    .pdf-table-keywords_editor_table th,
    .pdf-table-keywords_editor_table td {
        padding: 1mm;
    }

    .pdf-custom-text {
        background: #fff;
        border: .35mm solid #d7c2a7;
        border-radius: 4mm;
        color: #2f2018;
        font-size: 11pt;
        line-height: 1.5;
        min-height: 95mm;
        padding: 7mm;
        white-space: pre-wrap;
    }

    .pdf-footer {
        border-top: .35mm solid #d7c2a7;
        bottom: 10mm;
        color: #2f2018;
        font-size: 8pt;
        font-weight: 700;
        left: 10mm;
        padding-top: 2.5mm;
        position: absolute;
        right: 10mm;
        text-align: center;
        z-index: 2;
    }
}

@media (max-width: 900px) {
    .app-shell,
    .grid,
    .installer-wrap,
    .maintenance-grid {
        display: block;
    }

    .app-shell {
        background: transparent;
    }

    .app-shell.is-sidebar-collapsed {
        background: transparent;
    }

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

    .dashboard-kpi-grid,
    .dashboard-analytics-grid,
    .dashboard-owner-grid,
    .dashboard-metric-list,
    .dashboard-metric-list-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sidebar {
        box-shadow: 18px 0 48px rgba(15, 23, 42, .22);
        height: 100vh;
        left: 0;
        overflow-y: auto;
        padding: 14px 18px 18px;
        position: fixed;
        top: 0;
        width: min(82vw, 320px);
        z-index: 140;
    }

    .sidebar .brand {
        margin-bottom: 10px;
    }

    .app-shell.is-sidebar-collapsed .sidebar {
        display: none;
    }

    .app-shell.is-sidebar-collapsed .brand {
        margin-bottom: 0;
    }

    .sidebar-scrim {
        background: rgba(15, 23, 42, .28);
        border: 0;
        border-radius: 0;
        cursor: pointer;
        display: none;
        inset: 0;
        padding: 0;
        position: fixed;
        z-index: 130;
    }

    .app-shell:not(.is-sidebar-collapsed) .sidebar-scrim {
        display: block;
    }

    .topbar-sidebar-toggle {
        background: #ffffff;
        border-color: var(--line);
        color: #0f172a;
        display: grid;
        flex: 0 0 auto;
    }

    .topbar-sidebar-toggle:hover,
    .topbar-sidebar-toggle:focus-visible {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
    }

    .topbar-title {
        align-items: center;
        display: grid;
        gap: 2px 8px;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .topbar-sidebar-toggle {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .topbar-title .topbar-brand-link,
    .topbar-title .topbar-brand-logo,
    .topbar-title .topbar-brand-mark {
        grid-column: 2;
        grid-row: 1;
    }

    .topbar-title-copy {
        grid-column: 2;
        grid-row: 2;
    }

    .topbar-title-copy span {
        display: none;
    }

    .topbar-title-copy .topbar-context-label {
        display: block;
    }

    .topbar h1 {
        font-size: 15px;
    }

    .topbar h1.topbar-context-title {
        font-size: 14px;
    }

    .topbar,
    .content {
        padding: 18px 14px;
    }

    .topbar {
        align-items: center;
        display: grid;
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) 40px auto;
        padding-bottom: 12px;
        padding-top: 12px;
        position: static;
    }

    .topbar-brand-logo {
        max-height: 34px;
        max-width: 118px;
    }

    .topbar-quick-nav {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: stretch;
        width: 100%;
    }

    .topbar-quick-nav a {
        justify-content: center;
        min-width: 0;
    }

    .nav-group.is-collapsed:hover .nav-group-items,
    .nav-group.is-collapsed:focus-within .nav-group-items,
    .nav-group.is-collapsed.is-hover-open .nav-group-items {
        left: auto;
        margin: 0 10px 10px;
        max-height: none;
        min-width: 0;
        position: static;
        top: auto;
    }

    .global-search {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        max-width: 40px;
        min-width: 0;
        width: 40px;
    }

    .global-search-toggle {
        align-items: center;
        background: #ffffff;
        border: 1px solid var(--line);
        border-radius: 50%;
        color: #0f172a;
        cursor: pointer;
        display: inline-grid;
        height: 40px;
        justify-content: center;
        padding: 0;
        width: 40px;
    }

    .global-search-toggle:hover,
    .global-search-toggle:focus-visible,
    .global-search.is-mobile-open .global-search-toggle {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
        outline: none;
    }

    .global-search-toggle span {
        border: 2px solid currentColor;
        border-radius: 50%;
        display: block;
        height: 14px;
        position: relative;
        width: 14px;
    }

    .global-search-toggle span::after {
        background: currentColor;
        border-radius: 99px;
        bottom: -5px;
        content: "";
        height: 7px;
        position: absolute;
        right: -4px;
        transform: rotate(45deg);
        width: 2px;
    }

    .global-search-field {
        display: none;
        left: 14px;
        position: fixed;
        right: 14px;
        top: 70px;
        z-index: 135;
    }

    .global-search.is-mobile-open .global-search-field {
        display: block;
    }

    .global-search input {
        box-shadow: 0 16px 34px rgba(15, 23, 42, .16);
        height: 42px;
    }

    .global-search-results {
        max-height: min(360px, calc(100vh - 126px));
        top: calc(100% + 8px);
    }

    .topbar-user {
        justify-self: end;
    }

    .topbar-actions {
        grid-column: 3;
        grid-row: 1;
    }

    .topbar-user-toggle {
        min-width: 0;
        width: 40px;
    }

    .topbar-notification-menu {
        max-width: calc(100vw - 28px);
        min-width: min(320px, calc(100vw - 28px));
    }

    .topbar-user-menu {
        left: auto;
        right: 0;
    }

    .installer-wrap {
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }

    .installer-panel {
        margin-bottom: 14px;
        min-width: 0;
        padding: 16px;
        width: 100%;
    }

    .install-steps,
    .install-check,
    .maintenance-backup-row {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .maintenance-backup-row {
        grid-template-columns: 1fr;
    }

    .install-steps li,
    .installer-panel p {
        overflow-wrap: anywhere;
    }

    .card {
        margin-bottom: 16px;
    }

    .section-head,
    .form-grid,
    .make-adgroups-grid,
    .adgroup-report-grid,
    .client-logo-panel,
    .settings-help-head,
    .review-stats,
    .client-toolbar,
    .form-section-head,
    .keyword-planner-two-column,
    .feedback-two-col,
    .feedback-summary-grid,
    .feedback-filter-form {
        display: block;
    }

    .feedback-sticky-button {
        bottom: 14px;
        height: 40px;
        justify-content: center;
        min-height: 40px;
        padding: 0;
        right: 14px;
        width: 40px;
    }

    .feedback-sticky-label {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

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

    .feedback-list-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .feedback-status-tabs {
        justify-content: stretch;
        width: 100%;
    }

    .feedback-status-tab {
        flex: 1;
        justify-content: center;
    }

    .feedback-ticket-meta {
        grid-template-columns: 1fr;
    }

    .workspace-todo-sticky-button,
    body:has(.app-shell.is-sidebar-collapsed) .workspace-todo-sticky-button {
        bottom: 14px;
        height: 40px;
        left: 14px;
        min-height: 40px;
        width: 40px;
    }

    .workspace-todo-sticky-label,
    .workspace-todo-sticky-action {
        padding: 0;
    }

    .workspace-todo-sticky-label {
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .workspace-todo-sticky-label {
        gap: 0;
    }

    .workspace-todo-sticky-icon {
        color: #1f2937;
        height: 18px;
        width: 18px;
    }

    .workspace-todo-sticky-text {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .workspace-todo-sticky-action {
        display: none;
    }

    .dashboard-tab-shell {
        padding-bottom: 58px;
    }

    .dashboard-tabs {
        background: rgba(239, 246, 255, .96);
        border: 1px solid #bfdbfe;
        border-radius: var(--radius-lg);
        bottom: 10px;
        box-shadow: 0 12px 30px rgba(37, 99, 235, .12), 0 1px 0 rgba(255, 255, 255, .82) inset;
        gap: 0;
        left: 14px;
        padding: 4px;
        position: fixed;
        right: 14px;
        z-index: 75;
    }

    .dashboard-tab {
        background: rgba(255, 255, 255, .32);
        border-radius: var(--radius-md);
        color: #64748b;
        flex: 1 0 max-content;
        font-size: 12px;
        justify-content: center;
        margin-bottom: 0;
        min-height: 38px;
        padding: 8px 10px;
    }

    .dashboard-tab + .dashboard-tab {
        border-left-color: rgba(148, 163, 184, .24);
    }

    .dashboard-tab-label {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .dashboard-tab:hover,
    .dashboard-tab:focus-visible,
    .dashboard-tab.is-active {
        background: #ffffff;
        border-bottom-color: #bfdbfe;
        border-color: #bfdbfe;
        box-shadow: 0 4px 12px rgba(37, 99, 235, .1);
        color: var(--color-primary);
    }

    body:has(.dashboard-tab-shell) .feedback-sticky-button,
    body:has(.dashboard-tab-shell) .workspace-todo-sticky-button,
    body:has(.dashboard-tab-shell):has(.app-shell.is-sidebar-collapsed) .workspace-todo-sticky-button {
        bottom: 86px;
    }

    .feedback-modal-panel {
        bottom: auto;
        left: 14px;
        max-height: calc(100vh - 28px);
        right: 14px;
        top: 14px;
        width: auto;
    }

    .workspace-todo-panel,
    body:has(.app-shell.is-sidebar-collapsed) .workspace-todo-panel {
        height: min(280px, calc(100vh - 46px));
        inset: auto 14px 18px 14px;
        max-height: min(280px, calc(100vh - 46px));
        min-height: min(280px, calc(100vh - 46px));
        width: auto;
    }

    .workspace-todo-add-form,
    .workspace-todo-row {
        grid-template-columns: 1fr;
    }

    .feedback-summary-card,
    .feedback-filter-form label {
        margin-bottom: 12px;
    }

    .instruction-layout {
        display: block;
    }

    .instruction-layout .data-table,
    .instruction-layout .data-table thead,
    .instruction-layout .data-table tbody,
    .instruction-layout .data-table tr,
    .instruction-layout .data-table th,
    .instruction-layout .data-table td {
        display: block;
        width: 100%;
    }

    .instruction-layout .data-table thead {
        display: none;
    }

    .instruction-layout .data-table tr {
        border-bottom: 1px solid var(--line);
        padding: 10px 0;
    }

    .instruction-layout .data-table td {
        border-bottom: 0;
        padding: 7px 0;
    }

    .instruction-layout .embedded-form-cell {
        margin-bottom: 12px;
        padding: 10px 0;
    }

    .instruction-filter-head {
        align-items: stretch;
        display: grid;
    }

    .instruction-filter-drawer {
        position: static;
    }

    .instruction-filter-form {
        grid-template-columns: 1fr;
        margin-top: 10px;
        min-width: 0;
        position: static;
    }

    .instruction-group-grid-head,
    .instruction-group-summary,
    .instruction-linked-row,
    .instruction-record-summary {
        align-items: start;
        grid-template-columns: 22px 1fr;
    }

    .instruction-group-grid-head span:not(:first-child) {
        display: none;
    }

    .instruction-group-summary > span:not(.instruction-group-name),
    .instruction-linked-row span {
        grid-column: 2;
    }

    .instruction-linked-list {
        padding-left: 28px;
    }

    .instruction-record-summary > span:not(.instruction-toggle-icon):not(.instruction-record-title) {
        grid-column: 2;
    }

    .client-search {
        margin-top: 14px;
        max-width: none;
    }

}

.documentation-layout {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: 280px minmax(0, 1fr);
}

.documentation-menu {
    background: rgba(255, 250, 240, .88);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 6px;
    padding: 12px;
    position: sticky;
    top: 16px;
}

.documentation-menu h3,
.documentation-content h3 {
    margin: 0 0 8px;
}

.documentation-menu-link {
    border: 1px solid transparent;
    border-radius: 6px;
    display: grid;
    gap: 3px;
    padding: 8px;
    text-decoration: none;
}

.documentation-menu-link:hover,
.documentation-menu-link.is-active {
    background: #f7efe3;
    border-color: var(--line);
}

.documentation-menu-link span {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.35;
}

.documentation-content {
    display: grid;
    gap: 10px;
}

.documentation-content p {
    line-height: 1.55;
    margin: 0;
}

.documentation-guide-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 4px;
}

.documentation-guide-card {
    background: #fffaf0;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 12px;
}

.documentation-guide-card h4 {
    color: var(--accent-dark);
    font-size: 12px;
    letter-spacing: .04em;
    margin: 0;
    text-transform: uppercase;
}

.documentation-guide-card ul {
    display: grid;
    gap: 6px;
    margin: 0;
    padding-left: 16px;
}

.documentation-guide-card li {
    color: var(--text);
    font-size: 13px;
    line-height: 1.4;
}

.guide-section-head {
    margin-bottom: 14px;
}

.guide-content-head {
    display: grid;
    gap: 6px;
}

.guide-content-head h3,
.guide-content-head p {
    margin: 0;
}

.guide-card-grid {
    margin-top: 2px;
}

.documentation-list {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.documentation-list p {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 10px 12px;
}

.documentation-contracts {
    display: grid;
    gap: 12px;
    margin-top: 4px;
}

.documentation-contract {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.documentation-contract h4 {
    font-size: 15px;
    margin: 0;
}

.documentation-contract dl {
    display: grid;
    gap: 8px;
    margin: 0;
}

.documentation-contract dl div {
    display: grid;
    gap: 4px;
    grid-template-columns: 130px minmax(0, 1fr);
}

.documentation-contract dt {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.documentation-contract dd {
    line-height: 1.55;
    margin: 0;
}

.documentation-version-card {
    align-items: start;
    background: #fff7ea;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 12px 14px;
}

.documentation-version-card span {
    color: var(--muted);
    font-size: 12px;
}

.documentation-version-card strong {
    color: var(--accent-dark);
    font-size: 16px;
}

.documentation-updates {
    display: grid;
    gap: 12px;
    margin-top: 4px;
}

.documentation-update {
    background: rgba(247, 239, 227, .72);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 14px;
}

.documentation-update h4 {
    font-size: 15px;
    margin: 0;
}

.documentation-update h5 {
    color: var(--text);
    font-size: 13px;
    margin: 4px 0 -2px;
}

.documentation-update span {
    color: var(--muted);
    display: inline-block;
    font-size: 12px;
    margin-top: 4px;
}

.documentation-update ul {
    display: grid;
    gap: 6px;
    margin: 0;
    padding-left: 18px;
}

.documentation-update li {
    line-height: 1.5;
}

.dev-checklist-shell {
    display: grid;
    gap: 16px;
}

.dev-checklist-head {
    gap: 12px;
}

.dev-checklist-overview {
    align-items: center;
    background: #fffaf0;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding: 7px 9px;
}

.dev-checklist-overview strong {
    color: #166534;
}

.dev-checklist-overview span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.dev-checklist-workspace {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
}

.dev-checklist-nav {
    align-self: start;
    display: grid;
    gap: 8px;
    margin-bottom: 0;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    padding: 10px;
    position: sticky;
    top: 12px;
}

.dev-checklist-nav-head {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.dev-checklist-nav-head-actions {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.dev-checklist-nav-head strong {
    background: rgba(179, 84, 30, .10);
    border: 1px solid rgba(179, 84, 30, .22);
    border-radius: 999px;
    color: var(--accent-dark);
    font-size: 12px;
    padding: 3px 8px;
}

.dev-checklist-nav-toggle-all {
    align-items: center;
    background: #eef6ff;
    border: 1px solid rgba(37, 99, 235, .22);
    border-radius: 999px;
    color: #1d4ed8;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 22px;
}

.dev-checklist-nav-toggle-all:hover,
.dev-checklist-nav-toggle-all:focus-visible {
    background: #dbeafe;
    border-color: rgba(37, 99, 235, .38);
}

.dev-checklist-nav-toggle-all:focus-visible {
    outline: 2px solid rgba(37, 99, 235, .22);
    outline-offset: 2px;
}

.dev-checklist-nav nav {
    display: grid;
    gap: 8px;
}

.dev-checklist-nav-section {
    --checklist-section-accent: #94a3b8;
    --checklist-section-bg: rgba(248, 250, 252, .72);
    background: linear-gradient(90deg, color-mix(in srgb, var(--checklist-section-accent) 12%, transparent), transparent 45%), var(--checklist-section-bg);
    border: 1px solid color-mix(in srgb, var(--checklist-section-accent) 32%, var(--line));
    border-left: 3px solid var(--checklist-section-accent);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    padding: 6px;
}

.dev-checklist-nav-section.is-google-pulse,
.dev-checklist-nav-link.is-google-pulse {
    --checklist-section-accent: #2563eb;
    --checklist-section-bg: #f8fbff;
}

.dev-checklist-nav-section.is-campaign-tools,
.dev-checklist-nav-link.is-campaign-tools {
    --checklist-section-accent: #b45309;
    --checklist-section-bg: #fffaf0;
}

.dev-checklist-nav-section.is-clients,
.dev-checklist-nav-link.is-clients {
    --checklist-section-accent: #059669;
    --checklist-section-bg: #f6fef9;
}

.dev-checklist-nav-section.is-settings-admin,
.dev-checklist-nav-link.is-settings-admin {
    --checklist-section-accent: #7c3aed;
    --checklist-section-bg: #fbf8ff;
}

.dev-checklist-nav-section.is-ui-system,
.dev-checklist-nav-link.is-ui-system {
    --checklist-section-accent: #dc6b21;
    --checklist-section-bg: #fff8f2;
}

.dev-checklist-nav-section.is-future-planning,
.dev-checklist-nav-link.is-future-planning {
    --checklist-section-accent: #0f766e;
    --checklist-section-bg: #f3fffc;
}

.dev-checklist-nav-section.is-general,
.dev-checklist-nav-link.is-general {
    --checklist-section-accent: #64748b;
    --checklist-section-bg: #f8fafc;
}

.dev-checklist-nav-section.is-security,
.dev-checklist-nav-link.is-security {
    --checklist-section-accent: #dc2626;
    --checklist-section-bg: #fff7f7;
}

.dev-checklist-nav-section h4 {
    margin: 0;
}

.dev-checklist-nav-section-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: color-mix(in srgb, var(--checklist-section-accent) 82%, #1f2937);
    cursor: pointer;
    display: grid;
    font-size: 10px;
    font-weight: 900;
    gap: 3px 8px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    letter-spacing: 0;
    line-height: 1.2;
    padding: 0 2px 2px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.dev-checklist-nav-section-title {
    overflow-wrap: anywhere;
}

.dev-checklist-nav-section-status {
    align-items: end;
    color: color-mix(in srgb, var(--checklist-section-accent) 78%, #475569);
    display: grid;
    gap: 1px;
    justify-items: end;
    text-align: right;
    text-transform: none;
}

.dev-checklist-nav-section-status b {
    font-size: 11px;
    line-height: 1;
}

.dev-checklist-nav-section-status small {
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.dev-checklist-nav-section-toggle i {
    align-items: center;
    background: color-mix(in srgb, var(--checklist-section-accent) 12%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--checklist-section-accent) 34%, var(--line));
    border-radius: 999px;
    color: color-mix(in srgb, var(--checklist-section-accent) 88%, #1f2937);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    height: 18px;
    justify-content: center;
    line-height: 1;
    margin-left: 8px;
    width: 18px;
}

.dev-checklist-nav-section-progress {
    background: color-mix(in srgb, var(--checklist-section-accent) 10%, #ffffff);
    border-radius: 999px;
    height: 4px;
    overflow: hidden;
}

.dev-checklist-nav-section-progress span {
    background: linear-gradient(90deg, var(--checklist-section-accent), #16a34a);
    display: block;
    height: 100%;
}

.dev-checklist-nav-section-toggle:focus-visible {
    border-radius: 5px;
    outline: 2px solid color-mix(in srgb, var(--checklist-section-accent) 45%, transparent);
    outline-offset: 2px;
}

.dev-checklist-nav-section-links {
    display: grid;
    gap: 5px;
}

.dev-checklist-nav-section.is-collapsed {
    gap: 0;
}

.dev-checklist-nav-section.is-collapsed .dev-checklist-nav-section-links {
    display: none;
}

.dev-checklist-nav-link {
    background: rgba(255, 255, 255, .78);
    border: 1px solid color-mix(in srgb, var(--checklist-section-accent) 18%, var(--line));
    border-radius: 7px;
    color: var(--ink);
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 7px 8px;
    text-decoration: none;
}

.dev-checklist-nav-link:hover,
.dev-checklist-nav-link:focus-visible {
    background: color-mix(in srgb, var(--checklist-section-accent) 8%, #ffffff);
    border-color: color-mix(in srgb, var(--checklist-section-accent) 42%, var(--line));
}

.dev-checklist-nav-section.has-active {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--checklist-section-accent) 18%, transparent);
}

.dev-checklist-nav-link.is-active,
.dev-checklist-nav-link[aria-current="true"] {
    background: color-mix(in srgb, var(--checklist-section-accent) 14%, #ffffff);
    border-color: color-mix(in srgb, var(--checklist-section-accent) 58%, var(--line));
    box-shadow: inset 3px 0 0 var(--checklist-section-accent);
}

.dev-checklist-nav-link span {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

.dev-checklist-nav-link.is-active span,
.dev-checklist-nav-link[aria-current="true"] span {
    color: color-mix(in srgb, var(--checklist-section-accent) 74%, #111827);
}

.dev-checklist-nav-link strong {
    color: color-mix(in srgb, var(--checklist-section-accent) 72%, #0f766e);
    font-size: 12px;
}

.dev-checklist-nav-link small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.dev-checklist-type {
    align-self: start;
    background: #f8fafc;
    border: 1px solid #d9e1ea;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    grid-column: 1 / -1;
    line-height: 1;
    padding: 4px 7px;
    text-transform: uppercase;
    width: max-content;
}

.dev-checklist-type.is-ui {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.dev-checklist-type.is-feature {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
}

.dev-checklist-type.is-audit {
    background: #fefce8;
    border-color: #fde68a;
    color: #854d0e;
}

.dev-checklist-type.is-performance {
    background: #ecfeff;
    border-color: #a5f3fc;
    color: #155e75;
}

.dev-checklist-type.is-planning {
    background: #f5f3ff;
    border-color: #ddd6fe;
    color: #5b21b6;
}

.dev-checklist-type.is-settings {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #166534;
}

.dev-checklist-nav-link em {
    align-self: center;
    background: #eef2f7;
    border-radius: 999px;
    display: block;
    grid-column: 1 / -1;
    height: 4px;
    overflow: hidden;
}

.dev-checklist-nav-link i {
    background: linear-gradient(90deg, #2563eb, #16a34a);
    display: block;
    height: 100%;
}

.dev-checklist-stats button {
    appearance: none;
    background: #f8fafc;
    border: 1px solid #d9e1ea;
    border-radius: 999px;
    color: var(--muted);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 10px;
    text-transform: uppercase;
}

.dev-checklist-stats button:hover,
.dev-checklist-stats button:focus-visible,
.dev-checklist-stats button.is-active {
    background: #ecfdf5;
    border-color: #86efac;
    color: #166534;
}

.dev-checklist-item.is-filter-hidden {
    display: none;
}

.dev-checklist-empty {
    background: #f8fafc;
    border: 1px dashed #d9e1ea;
    border-radius: 10px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 12px;
    text-align: center;
}

.dev-checklist-group {
    display: grid;
    gap: 16px;
    scroll-margin-top: 14px;
}

.dev-checklist-group summary {
    align-items: start;
    cursor: pointer;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    list-style: none;
}

.dev-checklist-group summary::-webkit-details-marker {
    display: none;
}

.dev-checklist-group summary h3,
.dev-checklist-item h4 {
    margin: 0;
}

.dev-checklist-group summary span {
    color: var(--muted);
    display: block;
    line-height: 1.45;
    margin-top: 4px;
}

.dev-checklist-group-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 7px;
}

.dev-checklist-group-tags span:not(.dev-checklist-type) {
    background: #f8fafc;
    border: 1px solid #d9e1ea;
    border-radius: 999px;
    color: var(--muted);
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    padding: 4px 7px;
    text-transform: uppercase;
}

.dev-checklist-group-tags .dev-checklist-type,
.dev-checklist-group-tags span {
    margin-top: 0;
}

.dev-checklist-summary-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.dev-checklist-group summary strong {
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    color: #166534;
    font-size: 14px;
    padding: 6px 10px;
}

.dev-checklist-toggle-icon {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--accent-dark);
    display: inline-flex;
    font-size: 18px;
    font-weight: 900;
    height: 32px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    width: 32px;
}

.dev-checklist-toggle-icon::before {
    content: "+";
}

.dev-checklist-group[open] .dev-checklist-toggle-icon::before {
    content: "-";
}

.dev-checklist-progress {
    background: #eef2f7;
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.dev-checklist-progress span {
    background: linear-gradient(90deg, #2563eb, #16a34a);
    display: block;
    height: 100%;
    transition: width .2s ease;
}

.dev-checklist-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dev-checklist-stats span {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    padding: 5px 9px;
    text-transform: uppercase;
}

.dev-checklist-items {
    display: grid;
    gap: 10px;
}

.dev-checklist-item {
    align-items: start;
    background: #ffffff;
    border: 1px solid var(--line);
    border-left: 4px solid #cbd5e1;
    border-radius: 8px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
}

.dev-checklist-item.is-in_progress {
    border-left-color: #2563eb;
}

.dev-checklist-item.is-completed {
    border-left-color: #16a34a;
}

.dev-checklist-item-main {
    align-items: start;
    display: flex;
    gap: 12px;
}

.dev-checklist-item-main > div {
    min-width: 0;
    width: 100%;
}

.dev-checklist-number {
    align-items: center;
    background: #f1f5f9;
    border-radius: 8px;
    color: var(--muted);
    display: inline-flex;
    flex: 0 0 36px;
    font-size: 12px;
    font-weight: 900;
    height: 32px;
    justify-content: center;
}

.dev-checklist-item p {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 0;
}

.dev-checklist-note-text,
.dev-checklist-note-list {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
}

.dev-checklist-note-text {
    display: block;
}

.dev-checklist-note-list {
    display: grid;
    gap: 3px;
    margin: 8px 0 0;
    padding-left: 18px;
}

.dev-checklist-note-list li {
    margin: 0;
}

.dev-checklist-badge {
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    padding: 4px 8px;
    text-transform: uppercase;
}

.dev-checklist-badge.is-pending {
    background: #f8fafc;
    color: #475569;
}

.dev-checklist-badge.is-in_progress {
    background: #dbeafe;
    color: #1d4ed8;
}

.dev-checklist-badge.is-completed {
    background: #dcfce7;
    color: #166534;
}

.dev-checklist-work-type {
    border: 1px solid #d9e1ea;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 4px 8px;
    text-transform: uppercase;
}

.dev-checklist-work-type.is-manual_server {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.dev-checklist-work-type.is-codex_app {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.dev-checklist-work-type.is-manual_and_codex {
    background: #f5f3ff;
    border-color: #ddd6fe;
    color: #5b21b6;
}

.dev-checklist-form {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: 140px minmax(0, 1fr) auto;
}

.dev-checklist-form label {
    display: grid;
    gap: 5px;
    margin: 0;
}

.dev-checklist-form input,
.dev-checklist-form select {
    min-height: 38px;
}

.twilio-page-head {
    align-items: flex-start;
}

.twilio-workspace {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    overflow-x: visible;
}

.twilio-tabs {
    align-items: stretch;
    align-self: start;
    background: #fffaf0;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    position: sticky;
    top: 16px;
}

.twilio-tab {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    padding: 7px 10px;
    text-align: left;
    width: 100%;
}

.twilio-tab:hover,
.twilio-tab:focus-visible,
.twilio-tab.is-active {
    background: #2d241b;
    border-color: #2d241b;
    color: #ffffff;
}

.twilio-panel {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.twilio-panel > .muted,
.twilio-card > .muted,
.twilio-collapsible-body > .muted {
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}

.twilio-workspace > form,
.twilio-workspace > .twilio-panel {
    grid-column: 2;
}

#twilio-template-approval-form {
    display: none;
}

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

.twilio-card-grid,
.twilio-template-grid,
.twilio-approved-grid,
.twilio-synced-grid,
.twilio-automation-grid {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.twilio-card-grid-two {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.twilio-template-grid {
    grid-template-columns: 1fr;
}

.twilio-approved-grid,
.twilio-synced-grid {
    grid-template-columns: 1fr;
}

.twilio-automation-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.twilio-card,
.twilio-template-card,
.twilio-automation-card {
    border-radius: 8px;
    display: grid;
    gap: 8px;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 12px;
}

.twilio-card-head,
.twilio-panel-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.twilio-card-head > div,
.twilio-panel-head > div {
    min-width: 0;
}

.twilio-panel-head-spaced {
    margin-top: 8px;
}

.twilio-card-head .eyebrow,
.twilio-panel-head .eyebrow {
    font-size: 10px;
    letter-spacing: .08em;
    margin-bottom: 3px;
}

.twilio-card-head h3,
.twilio-panel-head h3,
.twilio-template-card h3,
.twilio-automation-card h3 {
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
}

.twilio-workspace label {
    font-size: 13px;
    font-weight: 700;
}

.twilio-workspace input,
.twilio-workspace select,
.twilio-workspace textarea {
    border-radius: 8px;
    font-size: 13px;
    min-height: 38px;
    padding: 9px 10px;
}

.twilio-workspace textarea {
    line-height: 1.4;
}

.twilio-workspace label > .muted,
.twilio-workspace small {
    font-size: 12px;
    line-height: 1.3;
}

.twilio-workspace button {
    border-radius: 8px;
    font-size: 13px;
    min-height: 36px;
    padding: 8px 12px;
}

.twilio-collapsible-card {
    align-content: start;
}

.twilio-collapsible-summary {
    align-items: center;
    color: var(--text);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 900;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
    min-height: 28px;
}

.twilio-collapsible-summary::-webkit-details-marker {
    display: none;
}

.twilio-collapse-indicator {
    align-items: center;
    background: #fffaf0;
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 24px;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.twilio-collapse-indicator::before {
    content: "+";
    font-size: 16px;
    line-height: 1;
}

.twilio-collapsible-card[open] .twilio-collapse-indicator::before {
    content: "-";
}

.twilio-collapsible-body {
    display: grid;
    gap: 10px;
}

.twilio-status-pill,
.twilio-phase-badge,
.twilio-template-sid,
.twilio-automation-card span {
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.2;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 5px 8px;
    text-transform: uppercase;
}

.twilio-status-pill.is-ready {
    background: #dcfce7;
    color: #166534;
}

.twilio-status-pill.is-incomplete,
.twilio-phase-badge,
.twilio-template-sid,
.twilio-automation-card span {
    background: #f8fafc;
    border: 1px solid var(--line);
    color: #475569;
}

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

.twilio-advanced {
    background: rgba(247, 239, 227, .48);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px;
}

.twilio-advanced summary {
    color: var(--accent-dark);
    cursor: pointer;
    font-weight: 900;
}

.twilio-info-card {
    align-self: start;
}

.twilio-check-list {
    color: var(--muted);
    display: grid;
    font-size: 13px;
    gap: 5px;
    margin: 0;
    padding-left: 18px;
}

.twilio-open-test {
    justify-self: start;
}

.twilio-card .alert {
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    padding: 9px 11px;
}

.twilio-template-actions {
    display: flex;
    justify-content: flex-start;
}

.twilio-template-card textarea {
    min-height: 92px;
}

.twilio-template-card .checkbox-card {
    align-items: center;
    align-self: end;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
}

.twilio-template-card .checkbox-card input {
    width: auto;
}

.twilio-template-card.is-empty-slot {
    background: rgba(248, 250, 252, .82);
}

.twilio-empty-state {
    background: rgba(248, 250, 252, .72);
}

.twilio-synced-body {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
    padding: 10px;
}

.twilio-approval-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}

.twilio-approval-grid .field-wide {
    grid-column: 1 / -1;
}

.twilio-card .form-actions {
    flex-wrap: wrap;
}

.twilio-card .form-actions button {
    max-width: 100%;
    white-space: normal;
}

.twilio-sync-card {
    gap: 8px;
}

.twilio-sync-card > .muted {
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}

.twilio-sync-action-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.twilio-sync-action-row .alert {
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    padding: 10px 12px;
}

.twilio-sync-action-row form {
    margin: 0;
}

.twilio-sync-action-row button {
    border-radius: 8px;
    min-height: 38px;
    padding: 8px 12px;
    white-space: nowrap;
}

.twilio-sync-table-scroll {
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow-x: auto;
}

.twilio-sync-table {
    font-size: 12px;
    min-width: 620px;
}

.twilio-sync-table th,
.twilio-sync-table td {
    padding: 8px 10px;
    vertical-align: middle;
    width: auto;
}

.twilio-sync-table th {
    font-size: 11px;
    white-space: nowrap;
}

.twilio-sync-table td:nth-child(1) {
    max-width: 180px;
    overflow-wrap: anywhere;
}

.twilio-sync-table td:nth-child(2) {
    max-width: 190px;
}

.twilio-sync-table td:nth-child(2) code {
    font-size: 11px;
    overflow-wrap: anywhere;
}

.twilio-sync-table th:nth-child(3),
.twilio-sync-table td:nth-child(3),
.twilio-sync-table th:nth-child(4),
.twilio-sync-table td:nth-child(4),
.twilio-sync-table th:nth-child(5),
.twilio-sync-table td:nth-child(5) {
    white-space: nowrap;
}

.is-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.twilio-placeholder-hint {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--muted);
    font-size: 12px;
    margin: 0;
    padding: 8px;
}

.twilio-placeholder-hint span {
    display: inline-block;
    margin-right: 12px;
}

.twilio-placeholder-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.twilio-placeholder-tools {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr);
}

.twilio-placeholder-groups {
    display: grid;
    gap: 10px;
}

.twilio-placeholder-group {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 8px;
    padding-top: 10px;
}

.twilio-placeholder-group:first-child {
    border-top: 0;
    padding-top: 0;
}

.twilio-placeholder-group-head {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.twilio-placeholder-group-head h4 {
    margin: 0;
}

.twilio-placeholder-group-summary {
    font-size: 14px;
}

.twilio-custom-placeholder-list {
    display: grid;
    gap: 8px;
}

.twilio-custom-placeholder-row {
    align-items: end;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(140px, .75fr) minmax(150px, .85fr) minmax(180px, 1fr) auto;
    padding: 8px;
}

.twilio-inline-actions {
    align-items: center;
    color: var(--muted);
    display: flex;
    gap: 6px;
    min-height: 38px;
    white-space: nowrap;
}

.twilio-inline-actions button {
    background: transparent;
    border: 0;
    color: var(--accent-dark);
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    min-height: auto;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.twilio-inline-actions button:hover {
    color: var(--text);
}

.twilio-placeholder-chip {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 8px;
}

.twilio-placeholder-chip code {
    color: var(--accent-dark);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.twilio-placeholder-chip strong {
    color: var(--text);
    display: block;
    font-size: 12px;
    margin-top: 2px;
}

.twilio-placeholder-chip span {
    color: var(--muted);
    font-size: 12px;
}

.twilio-placeholder-chip small {
    color: #64748b;
    font-size: 12px;
}

.twilio-placeholder-chip .button-link {
    justify-self: start;
    min-height: 30px;
}

.twilio-placeholder-chip.is-hidden,
.twilio-placeholder-group.is-hidden {
    display: none;
}

.twilio-preview-layout {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, .52fr) minmax(280px, 1fr);
}

.twilio-phone-preview {
    background: #e7f3ee;
    border: 1px solid #bfd8cc;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48);
    overflow: hidden;
}

.twilio-phone-preview-head {
    align-items: center;
    background: #075e54;
    color: #ffffff;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 8px 10px;
}

.twilio-phone-preview-head span {
    font-weight: 900;
}

.twilio-phone-preview-head small {
    color: rgba(255, 255, 255, .76);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
}

.twilio-phone-preview-body {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .34) 25%, transparent 25%) 0 0 / 18px 18px,
        linear-gradient(225deg, rgba(255, 255, 255, .28) 25%, transparent 25%) 0 0 / 18px 18px,
        #d9efe6;
    min-height: 170px;
    padding: 12px;
}

.twilio-message-bubble {
    background: #dcf8c6;
    border: 1px solid rgba(19, 94, 70, .14);
    border-radius: 8px 8px 2px 8px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
    color: #1f2933;
    line-height: 1.55;
    margin-left: auto;
    max-width: 78%;
    min-height: 40px;
    overflow-wrap: anywhere;
    padding: 9px 10px;
    white-space: pre-wrap;
}

.twilio-message-bubble[hidden] {
    display: none;
}

.twilio-preview-empty {
    background: rgba(255, 255, 255, .74);
    border: 1px dashed rgba(15, 23, 42, .18);
    border-radius: 8px;
    color: var(--muted);
    margin: 0;
    font-size: 13px;
    padding: 10px;
}

.twilio-save-bar,
.twilio-test-status {
    align-items: center;
    background: #fffaf0;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 10px;
    justify-content: space-between;
    padding: 10px;
}

.twilio-save-bar[hidden] {
    display: none;
}

.twilio-save-bar {
    margin-top: 16px;
}

.twilio-save-bar p,
.twilio-test-status span {
    margin: 0;
}

.twilio-test-status {
    justify-content: flex-start;
}

.twilio-test-preview {
    margin-top: 8px;
}

.twilio-automation-card {
    opacity: .78;
}

.twilio-automation-card p {
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}

@media (max-width: 900px) {
    .documentation-layout {
        display: block;
    }

    .documentation-guide-grid {
        grid-template-columns: 1fr;
    }

    .documentation-menu {
        margin-bottom: 16px;
        position: static;
    }

    .twilio-workspace {
        grid-template-columns: 1fr;
    }

    .twilio-tabs {
        position: static;
    }

    .twilio-workspace > form,
    .twilio-workspace > .twilio-panel {
        grid-column: 1;
    }

    .client-summary-bar,
    .client-form-compact-grid,
    .client-contact-columns {
        grid-template-columns: 1fr;
    }

    .client-business-campaign-grid .client-defaults-workflow-button-grid {
        grid-template-columns: 1fr;
    }

    .client-summary-bar > div {
        border-bottom: 1px solid var(--line);
        border-right: 0;
    }

    .client-summary-bar > div:last-child {
        border-bottom: 0;
    }

    .client-contact-column + .client-contact-column {
        border-left: 0;
        border-top: 1px solid #dbeafe;
    }

    .client-form-actionbar,
    .client-form-actionbar-actions {
        align-items: stretch;
        display: grid;
    }

    .client-form-actionbar {
        position: static;
    }

    .client-form-tabs {
        padding-top: 8px;
    }

    .twilio-sync-action-row {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .twilio-sync-action-row button {
        width: 100%;
    }

    .dev-checklist-item,
    .dev-checklist-form,
    .dev-checklist-workspace,
    .permission-tools,
    .twilio-card-grid-two,
    .twilio-template-grid,
    .twilio-approved-grid,
    .twilio-synced-grid,
    .twilio-automation-grid,
    .twilio-compact-grid,
    .twilio-approval-grid,
    .twilio-preview-layout,
    .twilio-placeholder-tools,
    .twilio-placeholder-grid,
    .twilio-custom-placeholder-row {
        grid-template-columns: 1fr;
    }

    .dev-checklist-nav {
        margin-bottom: 12px;
        max-height: none;
        position: static;
    }

    .twilio-message-bubble {
        max-width: 100%;
    }

    .twilio-card-head,
    .twilio-panel-head,
    .twilio-save-bar {
        align-items: stretch;
        display: grid;
    }
}

@media (max-width: 640px) {
    .dashboard-kpi-grid,
    .dashboard-analytics-grid,
    .dashboard-owner-grid,
    .dashboard-metric-list,
    .dashboard-metric-list-four {
        grid-template-columns: 1fr;
    }
}

/* AdMyzo global brand alignment for logged-in app surfaces. */
body:has(.app-shell) .content,
body:has(.app-shell) .main {
    background: var(--color-bg);
}

body:has(.app-shell) .card,
body:has(.app-shell) .settings-section-content > .card,
body:has(.app-shell) .table-card,
body:has(.app-shell) .dashboard-workspace-strip,
body:has(.app-shell) .dashboard-kpi-card,
body:has(.app-shell) .dashboard-analytics-card,
body:has(.app-shell) .dashboard-owner-card,
body:has(.app-shell) .settings-card,
body:has(.app-shell) .settings-form-section,
body:has(.app-shell) .maintenance-card,
body:has(.app-shell) .feedback-summary-card,
body:has(.app-shell) .feedback-filter-card,
body:has(.app-shell) .pages-settings-card,
body:has(.app-shell) .pages-media-panel,
body:has(.app-shell) .pages-subpanel,
body:has(.app-shell) .client-table-card,
body:has(.app-shell) .client-form-card,
body:has(.app-shell) .client-logo-panel,
body:has(.app-shell) .campaign-step-card,
body:has(.app-shell) .review-card,
body:has(.app-shell) .saved-review-card,
body:has(.app-shell) .google-pulse-section-card,
body:has(.app-shell) .campaign-sidebar-card,
body:has(.app-shell) .twilio-card,
body:has(.app-shell) .twilio-template-card,
body:has(.app-shell) .twilio-automation-card,
body:has(.app-shell) .documentation-guide-card,
body:has(.app-shell) .documentation-version-card {
    background: #ffffff;
    border-color: var(--color-border);
    box-shadow: var(--shadow-soft);
}

body:has(.app-shell) .client-logo-panel {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border-color: #dbeafe;
}

body:has(.app-shell) .dashboard-package-column.is-popular-plan {
    background: linear-gradient(180deg, rgba(239, 246, 255, .72), #fff 150px);
    border-color: rgba(37, 99, 235, .34);
    box-shadow: 0 12px 26px rgba(37, 99, 235, .08);
}

body:has(.app-shell) .compact-page-nav,
body:has(.app-shell) .team-admin-section-tabs,
body:has(.app-shell) .settings-section-tabs,
body:has(.app-shell) .campaign-section-nav,
body:has(.app-shell) .saved-plan-tabs,
body:has(.app-shell) .client-form-tabs,
body:has(.app-shell) .twilio-workspace,
body:has(.app-shell) .dashboard-workspace-strip {
    background: rgba(255, 255, 255, .92);
    border-color: var(--color-border);
}

body:has(.app-shell) .content a:not(.button-link):not(.nav-link):not(.dev-checklist-nav-link),
body:has(.app-shell) .main a:not(.button-link):not(.nav-link):not(.dev-checklist-nav-link),
body:has(.app-shell) .app-footer a {
    border-radius: 5px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease, text-decoration-color .16s ease;
}

body:has(.app-shell) .content a:not(.button-link):not(.nav-link):not(.dev-checklist-nav-link):hover,
body:has(.app-shell) .content a:not(.button-link):not(.nav-link):not(.dev-checklist-nav-link):focus-visible,
body:has(.app-shell) .main a:not(.button-link):not(.nav-link):not(.dev-checklist-nav-link):hover,
body:has(.app-shell) .main a:not(.button-link):not(.nav-link):not(.dev-checklist-nav-link):focus-visible,
body:has(.app-shell) .app-footer a:hover,
body:has(.app-shell) .app-footer a:focus-visible {
    background: var(--color-link-hover-bg);
    color: var(--color-link-hover-text);
    text-decoration-color: currentColor;
}

body:has(.app-shell) .sidebar .nav-link:hover,
body:has(.app-shell) .sidebar .nav-link:focus-visible,
body:has(.app-shell) .sidebar .nav-group-toggle:hover,
body:has(.app-shell) .sidebar .nav-group-toggle:focus-visible {
    background: var(--color-dark-link-hover-bg);
    color: var(--color-dark-link-hover-text);
}

body:has(.app-shell) .google-pulse-mcc-nav a:hover,
body:has(.app-shell) .google-pulse-mcc-nav a:focus-visible,
body:has(.app-shell) .google-pulse-view-menu a:hover,
body:has(.app-shell) .google-pulse-view-menu a:focus-visible,
body:has(.app-shell) .account-tabs a:hover,
body:has(.app-shell) .account-tabs a:focus-visible,
body:has(.app-shell) .account-tabs-top a:hover,
body:has(.app-shell) .account-tabs-top a:focus-visible {
    background: var(--color-link-hover-bg);
    color: var(--color-link-hover-text);
}

body:has(.app-shell) .google-pulse-account-link:hover,
body:has(.app-shell) .google-pulse-account-link:focus-visible {
    background: var(--color-link-hover-bg);
    color: var(--color-link-hover-text);
    text-decoration-color: currentColor;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-account-link {
    border-radius: 5px;
    display: inline-block;
    margin: -2px -3px;
    max-width: 100%;
    padding: 2px 3px;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-account-link:hover,
body:has(.app-shell) .google-pulse-mcc-table .google-pulse-account-link:focus-visible {
    background: var(--color-link-hover-bg) !important;
    box-shadow: 0 0 0 1px rgba(147, 197, 253, .45);
    color: var(--color-link-hover-text) !important;
    text-decoration: none;
}

body:has(.app-shell) .account-performance-table.google-pulse-mcc-table thead th {
    background: #dbeafe !important;
    box-shadow: inset 0 -1px 0 #bfdbfe, 0 4px 8px rgba(37, 99, 235, .08) !important;
    color: #1e3a8a !important;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text {
    border-radius: 7px;
    transition: background-color .16s ease, box-shadow .16s ease, color .16s ease;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:hover,
body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:focus-visible {
    background: var(--color-link-hover-bg) !important;
    box-shadow: 0 0 0 1px rgba(147, 197, 253, .45);
    color: var(--color-link-hover-text) !important;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:hover strong,
body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:focus-visible strong {
    color: var(--color-link-hover-text) !important;
    text-decoration: none;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:hover small,
body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:focus-visible small {
    color: #475569 !important;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:hover .google-pulse-account-badge.is-manager,
body:has(.app-shell) .google-pulse-mcc-table .google-pulse-mcc-group-text:focus-visible .google-pulse-account-badge.is-manager {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

body:has(.app-shell) .button-link-secondary:hover,
body:has(.app-shell) .button-link-secondary:focus-visible,
body:has(.app-shell) .button-outline:hover,
body:has(.app-shell) .button-outline:focus-visible,
body:has(.app-shell) .pages-collapse-toggle:hover,
body:has(.app-shell) .pages-collapse-toggle:focus-visible,
body:has(.app-shell) .twilio-inline-actions button:hover,
body:has(.app-shell) .twilio-inline-actions button:focus-visible,
body:has(.app-shell) .account-structure-sort-button:hover,
body:has(.app-shell) .account-structure-sort-button:focus-visible {
    background: var(--color-link-hover-bg);
    border-color: rgba(37, 99, 235, .38);
    color: var(--color-link-hover-text);
}

body:has(.app-shell) .google-pulse-account-shell .google-recommendation-score-strip a:hover,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-score-strip a:focus-visible,
body:has(.app-shell) .google-pulse-account-shell .account-search-term-summary a:hover,
body:has(.app-shell) .google-pulse-account-shell .account-search-term-summary a:focus-visible,
body:has(.app-shell) .google-pulse-account-shell .need-attention-summary-grid a:hover,
body:has(.app-shell) .google-pulse-account-shell .need-attention-summary-grid a:focus-visible,
body:has(.app-shell) .account-campaign-metrics-summary a:hover,
body:has(.app-shell) .account-campaign-metrics-summary a:focus-visible,
body:has(.saved-plan-tabs) .campaign-section-nav a:hover,
body:has(.saved-plan-tabs) .campaign-section-nav a:focus-visible {
    background: var(--color-dark-link-hover-bg);
    color: var(--color-dark-link-hover-text);
}

body:has(.saved-plan-tabs) .campaign-section-nav {
    align-items: stretch;
    background: #f1f5f9;
    border-color: #cbd5e1;
    box-shadow: none;
    color: #334155;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    overflow-x: visible;
    padding: 8px;
    position: static;
    width: 100%;
}

body:has(.saved-plan-tabs) .campaign-section-nav h3,
body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-card h3,
body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-list span {
    color: #0f172a;
}

body:has(.saved-plan-tabs) .campaign-section-nav .eyebrow,
body:has(.saved-plan-tabs) .campaign-section-nav small {
    color: #64748b;
}

body:has(.saved-plan-tabs) .campaign-section-nav-head button,
body:has(.saved-plan-tabs) .campaign-section-nav a,
body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-card {
    background: #e5e7eb;
    border-color: #cbd5e1;
    color: #334155;
    min-width: 0;
    padding: 10px 12px;
}

body:has(.saved-plan-tabs) .campaign-section-nav a:hover,
body:has(.saved-plan-tabs) .campaign-section-nav a:focus-visible,
body:has(.saved-plan-tabs) .campaign-section-nav a.is-active {
    background: #d1d5db;
    border-color: #94a3b8;
    color: #0f172a;
}

body:has(.saved-plan-tabs) .campaign-section-nav span {
    color: #0f172a;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-summary::after {
    background: rgba(15, 23, 42, .28);
    border-color: rgba(125, 211, 252, .34);
    color: #dff8ff;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-summary-copy strong,
body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-summary-score > strong {
    color: #ffffff;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-summary-score > strong span {
    color: #86efac;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-summary-score em.is-good {
    color: #86efac;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-summary-score em.is-warn {
    color: #fbbf24;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-summary-score em.is-critical {
    color: #fecaca;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-details {
    border-top-color: rgba(125, 211, 252, .24);
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-score strong {
    color: #0f172a;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-score span {
    color: #166534;
    font-weight: 800;
}

body:has(.saved-plan-tabs) .campaign-section-nav .plan-health-list .is-good {
    color: #86efac;
}

@media (max-width: 640px) {
    body:has(.saved-plan-tabs) .campaign-section-nav {
        grid-template-columns: repeat(4, minmax(132px, 1fr));
        overflow-x: auto;
    }
}

body:has(.app-shell) .eyebrow,
body:has(.app-shell) .settings-card-head .eyebrow,
body:has(.app-shell) .settings-form-section-head .eyebrow,
body:has(.app-shell) .client-kpis .eyebrow,
body:has(.app-shell) .client-table-card .eyebrow,
body:has(.app-shell) .client-form-card .eyebrow,
body:has(.app-shell) .twilio-card-head .eyebrow,
body:has(.app-shell) .twilio-panel-head .eyebrow,
body:has(.app-shell) .campaign-sidebar-card .eyebrow,
body:has(.app-shell) .saved-plan-view-section-head .eyebrow {
    color: var(--color-primary);
}

body:has(.app-shell) .data-table th,
body:has(.app-shell) .data-table-compact th,
body:has(.app-shell) .clients-table th,
body:has(.app-shell) .review-table th,
body:has(.app-shell) .google-pulse-preview-table th,
body:has(.app-shell) .pages-settings-table thead th,
body:has(.app-shell) .twilio-sync-table th {
    background: #f8fafc;
    color: var(--color-muted);
}

body:has(.app-shell) .data-table tbody tr:hover td,
body:has(.app-shell) .clients-table tbody tr:hover td,
body:has(.app-shell) .review-table tbody tr:hover td,
body:has(.app-shell) .google-pulse-preview-table tbody tr:hover td {
    background: rgba(239, 246, 255, .72);
}

/* Global app form field surface: light blue editable fields and light green locked fields. */
body:has(.app-shell) .content label:has(input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"])),
body:has(.app-shell) .content label:has(select),
body:has(.app-shell) .content label:has(textarea),
body:has(.app-shell) .main label:has(input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"])),
body:has(.app-shell) .main label:has(select),
body:has(.app-shell) .main label:has(textarea) {
    color: #334155;
    font-size: 13px;
    font-weight: 400;
    gap: 5px;
}

body:has(.app-shell) .content .field-label-row,
body:has(.app-shell) .main .field-label-row {
    align-items: center;
    gap: 6px;
    justify-content: flex-start;
}

body:has(.app-shell) .content input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]),
body:has(.app-shell) .content select,
body:has(.app-shell) .content textarea,
body:has(.app-shell) .main input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]),
body:has(.app-shell) .main select,
body:has(.app-shell) .main textarea {
    background: #f8fbff;
    border-color: #bfdbfe;
    color: #0f172a;
    box-shadow: inset 0 1px 0 rgba(37, 99, 235, .04);
    min-height: 38px;
    padding: 8px 10px;
}

body:has(.app-shell) .main .google-pulse-summary-search input[type="search"],
body:has(.app-shell) .content .google-pulse-summary-search input[type="search"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 !important;
}

body:has(.app-shell) .content input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"])::placeholder,
body:has(.app-shell) .content textarea::placeholder,
body:has(.app-shell) .main input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"])::placeholder,
body:has(.app-shell) .main textarea::placeholder {
    color: #94a3b8;
    font-weight: 400;
    opacity: 1;
}

body:has(.app-shell) .content input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]):focus,
body:has(.app-shell) .content select:focus,
body:has(.app-shell) .content textarea:focus,
body:has(.app-shell) .main input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]):focus,
body:has(.app-shell) .main select:focus,
body:has(.app-shell) .main textarea:focus {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .14), inset 0 1px 0 rgba(37, 99, 235, .04);
}

body:has(.app-shell) .main .google-pulse-summary-search input[type="search"]:focus,
body:has(.app-shell) .content .google-pulse-summary-search input[type="search"]:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body:has(.app-shell) .main .account-structure-campaign-negative-grid .account-structure-add-keywords-field textarea,
body:has(.app-shell) .content .account-structure-campaign-negative-grid .account-structure-add-keywords-field textarea {
    background: #fff7f7;
    border-color: #fecaca;
    color: #7f1d1d;
}

body:has(.app-shell) .main .account-structure-campaign-negative-grid .account-structure-add-keywords-field textarea::placeholder,
body:has(.app-shell) .content .account-structure-campaign-negative-grid .account-structure-add-keywords-field textarea::placeholder {
    color: #d46a6a;
}

body:has(.app-shell) .main .account-structure-campaign-negative-grid .account-structure-add-keywords-field textarea:focus,
body:has(.app-shell) .content .account-structure-campaign-negative-grid .account-structure-add-keywords-field textarea:focus {
    background: #fffafa;
    border-color: #fca5a5;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .14);
    outline: none;
}

body:has(#campaign-plan-form) #campaign-plan-form input.is-invalid:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]),
body:has(#campaign-plan-form) #campaign-plan-form select.is-invalid,
body:has(#campaign-plan-form) #campaign-plan-form textarea.is-invalid,
body:has(#campaign-plan-form) #campaign-plan-form input.is-invalid:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):focus,
body:has(#campaign-plan-form) #campaign-plan-form select.is-invalid:focus,
body:has(#campaign-plan-form) #campaign-plan-form textarea.is-invalid:focus {
    background: #fff7f7;
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .18), inset 0 1px 0 rgba(220, 38, 38, .04);
}

body:has(#campaign-plan-form) #campaign-plan-form .has-invalid-field {
    color: #991b1b;
}

body:has(.app-shell) .content input[readonly],
body:has(.app-shell) .content textarea[readonly],
body:has(.app-shell) .content input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]):disabled,
body:has(.app-shell) .content select:disabled,
body:has(.app-shell) .content textarea:disabled,
body:has(.app-shell) .main input[readonly],
body:has(.app-shell) .main textarea[readonly],
body:has(.app-shell) .main input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]):disabled,
body:has(.app-shell) .main select:disabled,
body:has(.app-shell) .main textarea:disabled {
    background: #ecfdf5;
    border-color: #86efac;
    color: #064e3b;
    cursor: default;
    opacity: 1;
}

body:has(.app-shell) .button-link-secondary,
body:has(.app-shell) .button-link-small.button-link-secondary,
body:has(.app-shell) .button-outline,
body:has(.app-shell) .pages-collapse-toggle,
body:has(.app-shell) .twilio-inline-actions button {
    background: #ffffff;
    border-color: var(--color-border);
    color: var(--color-text);
}

body:has(.app-shell) .button-link-secondary:hover,
body:has(.app-shell) .button-link-secondary:focus-visible,
body:has(.app-shell) .button-outline:hover,
body:has(.app-shell) .button-outline:focus-visible,
body:has(.app-shell) .pages-collapse-toggle:hover,
body:has(.app-shell) .pages-collapse-toggle:focus-visible,
body:has(.app-shell) .twilio-inline-actions button:hover,
body:has(.app-shell) .twilio-inline-actions button:focus-visible {
    background: #eff6ff;
    border-color: rgba(37, 99, 235, .38);
    color: var(--color-primary-strong);
}

body:has(.app-shell) .google-pulse-account-shell .account-structure-status-quick-button.is-review-undo,
body:has(.app-shell) .google-pulse-account-shell .account-structure-campaign-setting-submit.is-review-undo {
    background: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

body:has(.app-shell) .google-pulse-account-shell .account-structure-status-quick-button.is-review-undo:hover,
body:has(.app-shell) .google-pulse-account-shell .account-structure-status-quick-button.is-review-undo:focus-visible,
body:has(.app-shell) .google-pulse-account-shell .account-structure-campaign-setting-submit.is-review-undo:hover,
body:has(.app-shell) .google-pulse-account-shell .account-structure-campaign-setting-submit.is-review-undo:focus-visible {
    background: #ffedd5;
    border-color: #fb923c;
    color: #7c2d12;
}

body:has(.app-shell) .google-pulse-profile-link.is-profile-updated,
body:has(.app-shell) .google-pulse-profile-link.is-profile-updated:hover,
body:has(.app-shell) .google-pulse-profile-link.is-profile-updated:focus-visible {
    background: #ecfdf5;
    border-color: #86efac;
    color: #047857;
}

body:has(.app-shell) .google-pulse-profile-link.is-profile-needed,
body:has(.app-shell) .google-pulse-profile-link.is-profile-needed:hover,
body:has(.app-shell) .google-pulse-profile-link.is-profile-needed:focus-visible {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-performance-link.button-link-small.button-link-secondary {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #1d4ed8;
    font-weight: 400;
}

body:has(.app-shell) .google-pulse-mcc-table .google-pulse-performance-link.button-link-small.button-link-secondary:hover,
body:has(.app-shell) .google-pulse-mcc-table .google-pulse-performance-link.button-link-small.button-link-secondary:focus-visible {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-add-keyword {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-add-keyword:hover,
body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-add-keyword:focus-visible,
body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-add-keyword.is-selected {
    background: #dbeafe;
    border-color: #2563eb;
    color: #1e40af;
}

body:has(.app-shell) .account-search-term-add-negative.is-manual {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

body:has(.app-shell) .account-search-term-add-negative.is-recommended {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

body:has(.app-shell) .account-search-term-add-negative.is-selected {
    background: #fee2e2;
    border-color: #dc2626;
    color: #991b1b;
}

body:has(.app-shell) .account-search-term-add-negative.is-recommended.is-selected {
    background: #fecaca;
    border-color: #dc2626;
    color: #7f1d1d;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-bulk-add {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-bulk-add:hover,
body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-bulk-add:focus-visible {
    background: #fee2e2;
    border-color: #dc2626;
    color: #991b1b;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-bulk-add.account-search-term-bulk-positive {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-bulk-add.account-search-term-bulk-positive:hover,
body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-bulk-add.account-search-term-bulk-positive:focus-visible {
    background: #dbeafe;
    border-color: #2563eb;
    color: #1e40af;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-mark-added {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-mark-added:hover,
body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-mark-added:focus-visible {
    background: #eff6ff;
    border-color: #2563eb;
    color: #1d4ed8;
}

body:has(.app-shell) .main .account-search-term-copy-panel:not(.account-search-term-positive-panel) textarea[readonly],
body:has(.app-shell) .content .account-search-term-copy-panel:not(.account-search-term-positive-panel) textarea[readonly] {
    background: #fffafa;
    border-color: #fca5a5;
    color: #7f1d1d;
    padding: 36px 9px 9px;
}

body:has(.app-shell) .main .account-search-term-positive-panel textarea[readonly],
body:has(.app-shell) .content .account-search-term-positive-panel textarea[readonly] {
    background: #f8fbff;
    border-color: #93c5fd;
    color: #1e3a8a;
    padding: 36px 9px 9px;
}

body:has(.app-shell) .main .ads-table-editor-cell textarea,
body:has(.app-shell) .content .ads-table-editor-cell textarea {
    min-height: 84px;
    overflow: auto;
    padding: 8px 9px;
}

body:has(.app-shell) .main .ads-table-editor-cell.is-description-cell textarea,
body:has(.app-shell) .content .ads-table-editor-cell.is-description-cell textarea {
    min-height: 132px;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-send-combined,
body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-send-combined:disabled {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-send-combined:disabled {
    opacity: .72;
}

body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-send-combined:hover,
body:has(.app-shell) .button-link-small.button-link-secondary.account-search-term-send-combined:focus-visible {
    background: #1e293b;
    border-color: #334155;
    color: #ffffff;
}

body:has(.app-shell) .account-control-live-refresh-form .account-refresh-split-button {
    border-radius: 999px;
}

body:has(.app-shell) .account-control-live-refresh-form .account-refresh-split-button:disabled,
body:has(.app-shell) .account-control-live-refresh-form .account-refresh-split-button.is-passive {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
    cursor: default;
    opacity: 1;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-section-refresh-link.is-ready {
    background: #16a34a;
    border-color: #15803d;
    box-shadow: 0 8px 18px rgba(22, 163, 74, .16);
    color: #ffffff;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-section-refresh-link.is-ready:hover,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-section-refresh-link.is-ready:focus-visible,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-section-refresh-link.is-auto-refreshing {
    background: #15803d;
    border-color: #166534;
    color: #ffffff;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button:not(:disabled):not(.is-passive) {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #475569;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button:not(:disabled):not(.is-passive):hover,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button:not(:disabled):not(.is-passive):focus-visible {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button.is-recommended:not(:disabled),
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button.is-updating {
    background: #16a34a;
    border-color: #15803d;
    box-shadow: 0 8px 18px rgba(22, 163, 74, .16);
    color: #ffffff;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button.is-recommended:not(:disabled):hover,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button.is-recommended:not(:disabled):focus-visible,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button.is-updating:hover,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-data-refresh-button.is-updating:focus-visible {
    background: #15803d;
    border-color: #166534;
    color: #ffffff;
}

body:has(.app-shell) .account-control-live-refresh-form .account-data-refresh-button.is-updating {
    background: #16a34a;
    border-color: #15803d;
    color: #ffffff;
    cursor: progress;
}

body:has(.app-shell) .account-control-live-refresh-form .account-data-refresh-button.is-updating .google-pulse-ui-icon {
    animation: google-pulse-row-refresh-spin 0.75s linear infinite;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .36);
    border-radius: 999px;
    border-top-color: currentColor;
    height: 13px;
    -webkit-mask: none;
    mask: none;
    width: 13px;
}

body:has(.app-shell) .google-pulse-account-shell .button-link,
body:has(.app-shell) .google-pulse-account-shell .button-outline,
body:has(.app-shell) .google-pulse-account-shell .status-chip,
body:has(.app-shell) .google-pulse-account-shell .google-pulse-search-count,
body:has(.app-shell) .google-pulse-account-shell .google-pulse-metric-chip,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-actions button,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-google-link,
body:has(.app-shell) .google-pulse-account-shell .structure-counts span,
body:has(.app-shell) .google-pulse-account-shell .campaign-structure-toggle,
body:has(.app-shell) .google-pulse-account-shell .account-structure-toggle {
    font-weight: 600;
}

body:has(.app-shell) .google-pulse-account-shell .account-dashboard-header-card .button-link,
body:has(.app-shell) .google-pulse-account-shell .account-dashboard-redesign .button-link,
body:has(.app-shell) .google-pulse-account-shell .account-dashboard-redesign button.button-link,
body:has(.app-shell) .google-pulse-account-shell .account-share-footer-link {
    font-size: 12px;
    font-weight: 500;
}

body:has(.app-shell) .google-pulse-account-shell .structure-counts .account-structure-disabled-shortcut[aria-disabled="true"] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #64748b;
    cursor: not-allowed;
    opacity: .82;
}

body:has(.app-shell) .google-pulse-account-shell .account-structure-type-tab,
body:has(.app-shell) .google-pulse-account-shell .account-structure-type-tab strong,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-chip-bar button {
    background: transparent;
    border: 0;
    color: #94a3b8;
    font-weight: 400;
    box-shadow: none;
}

body:has(.app-shell) .google-pulse-account-shell .account-structure-type-tab:hover,
body:has(.app-shell) .google-pulse-account-shell .account-structure-type-tab:focus-visible,
body:has(.app-shell) .google-pulse-account-shell .account-structure-type-tab.is-active,
body:has(.app-shell) .google-pulse-account-shell .account-structure-type-tab.is-active strong,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-chip-bar button:hover,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-chip-bar button:focus-visible,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-chip-bar button.is-active {
    background: transparent !important;
    border: 0;
    color: #2563eb !important;
    font-weight: 500;
    box-shadow: none;
    outline: none;
}

body:has(.app-shell) .google-pulse-account-shell .eyebrow {
    color: #64748b;
    font-weight: 400;
}

body:has(.app-shell) .google-pulse-account-shell .google-recommendation-score-strip .eyebrow {
    color: #dff8ff;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-metrics-refresh-button:not(:disabled):not(.is-passive) {
    background: #2563eb;
    border-color: #1d4ed8;
    color: #ffffff;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-metrics-refresh-button:not(:disabled):not(.is-passive):hover,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-metrics-refresh-button:not(:disabled):not(.is-passive):focus-visible {
    background: #1d4ed8;
    border-color: #1e40af;
    color: #ffffff;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-detail-refresh-button:not(:disabled):not(.is-passive) {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-detail-refresh-button:not(:disabled):not(.is-passive):hover,
body:has(.app-shell) .google-pulse-account-shell .account-control-live-refresh-form .account-detail-refresh-button:not(:disabled):not(.is-passive):focus-visible {
    background: #dbeafe;
    border-color: #60a5fa;
    color: #1e40af;
}

body:has(.app-shell) .google-pulse-account-shell .account-search-term-summary .eyebrow,
body:has(.app-shell) .google-pulse-account-shell .need-attention-summary-grid .eyebrow,
body:has(.app-shell) .google-pulse-account-shell .need-attention-summary-grid small {
    color: #dff8ff;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

body:has(.app-shell) .google-pulse-account-shell .account-tabs-top a {
    background: #eaf3ff;
    border-radius: 0 !important;
    border-color: #bfdbfe;
    color: #1e3a8a !important;
    font-weight: 600;
}

body:has(.app-shell) .google-pulse-account-shell .account-tabs-top a:hover,
body:has(.app-shell) .google-pulse-account-shell .account-tabs-top a:focus-visible {
    background: #f8fbff;
    border-color: #93c5fd;
    color: #1d4ed8 !important;
}

body:has(.app-shell) .google-pulse-account-shell .account-tabs-top a.is-active {
    background: #ffffff;
    border-color: #93c5fd;
    border-radius: 0 !important;
    box-shadow: inset 0 -2px 0 #2563eb;
    color: #2563eb !important;
    font-weight: 800;
}

.account-tabs-top.account-tabs-compact {
    align-items: center;
    background: #dbeafe;
    border: 0;
    border-bottom: 1px solid #93c5fd;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: space-between;
    margin: 0;
    min-width: 0;
    overflow: visible;
    padding: 0 8px 0 0;
    position: sticky;
    top: var(--account-tabs-sticky-offset, 64px);
    z-index: 79;
}

.google-pulse-account-shell.has-pinned-account-tabs {
    padding-top: var(--account-tabs-pinned-height, 36px);
}

.account-tabs-top.account-tabs-compact.is-pinned {
    left: var(--account-tabs-pinned-left, 0);
    position: fixed;
    top: var(--account-tabs-pinned-top, 0);
    width: var(--account-tabs-pinned-width, 100%);
}

.account-tabs-primary {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.account-tabs-primary > a {
    flex: 0 0 auto;
}

.account-tabs-more {
    flex: 0 0 auto;
    position: relative;
}

.account-tabs-more-trigger {
    --account-tab-border: #bfdbfe;
    --account-tab-hover: #f8fbff;
    align-items: center;
    background: #eaf3ff;
    border: 0;
    border-right: 1px solid var(--account-tab-border);
    border-radius: 0;
    color: #1e3a8a;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    line-height: 1.2;
    list-style: none;
    min-height: 35px;
    padding: 8px 12px;
    white-space: nowrap;
}

.account-tabs-top.account-tabs-compact + .google-pulse-account-layout {
    margin-top: 0;
}

.account-tabs-top.account-tabs-compact + .google-pulse-account-layout > .google-pulse-account-card {
    border-top: 0;
    border-radius: 0;
    box-shadow: none;
}

.account-tabs-more-trigger::-webkit-details-marker {
    display: none;
}

.account-tabs-more-trigger:hover,
.account-tabs-more-trigger:focus-visible {
    background: var(--account-tab-hover);
    color: #1d4ed8;
    outline: none;
}

.account-tabs-more.is-active .account-tabs-more-trigger,
.account-tabs-more-trigger.is-active {
    background: #ffffff;
    box-shadow: inset 0 -2px 0 #2563eb;
    color: #2563eb;
    font-weight: 800;
}

.account-tabs-more-menu {
    background: #ffffff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .16);
    display: grid;
    gap: 3px;
    min-width: 210px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 80;
}

.account-tabs-more:not([open]) .account-tabs-more-menu {
    display: none;
}

.account-tabs-top .account-tabs-more-menu a,
body:has(.app-shell) .google-pulse-account-shell .account-tabs-top .account-tabs-more-menu a {
    border: 0;
    border-radius: 6px !important;
    justify-content: flex-start;
    min-height: 32px;
    padding: 8px 10px;
    width: 100%;
}

.account-tabs-top .account-tabs-more-menu a.is-active,
body:has(.app-shell) .google-pulse-account-shell .account-tabs-top .account-tabs-more-menu a.is-active {
    background: #eff6ff;
    box-shadow: none;
    color: #2563eb !important;
}

.account-tabs-inline-controls {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    margin-left: auto;
    min-width: 0;
}

.account-tabs-inline-controls .account-control-range-actions {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-end;
    margin: 0;
    max-width: none;
    min-height: 0;
    padding: 0;
    width: auto;
}

.account-tabs-inline-controls .account-date-range-stack {
    flex: 0 0 auto;
    max-width: 140px;
    min-width: 118px;
}

.account-tabs-inline-controls .account-date-picker-trigger,
.account-tabs-inline-controls .account-control-live-refresh-form .account-refresh-split-button,
.account-tabs-inline-controls .account-data-section-refresh-link {
    min-height: 30px;
}

.account-tabs-inline-controls .account-date-picker-trigger {
    border-radius: 8px;
    padding: 5px 9px;
}

.account-tabs-inline-controls .account-data-refresh-stack {
    min-height: 0;
}

.account-tabs-inline-controls .account-data-action-row {
    justify-content: flex-end;
}

.account-tabs-inline-controls .account-data-refresh-button {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #475569;
}

.account-tabs-inline-controls .account-data-refresh-button:hover,
.account-tabs-inline-controls .account-data-refresh-button:focus-visible {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.account-tabs-inline-controls .account-data-refresh-button.is-recommended:not(:disabled),
.account-tabs-inline-controls .account-data-refresh-button.is-updating {
    background: #16a34a;
    border-color: #15803d;
    box-shadow: 0 8px 18px rgba(22, 163, 74, .16);
    color: #ffffff;
}

.account-tabs-inline-controls .account-data-refresh-button.is-recommended:not(:disabled):hover,
.account-tabs-inline-controls .account-data-refresh-button.is-recommended:not(:disabled):focus-visible,
.account-tabs-inline-controls .account-data-refresh-button.is-updating:hover,
.account-tabs-inline-controls .account-data-refresh-button.is-updating:focus-visible {
    background: #15803d;
    border-color: #166534;
    color: #ffffff;
}

.account-tabs-inline-controls .account-data-section-refresh-link {
    background: #ffffff;
    border-color: #dbeafe;
    color: #2563eb;
}

.account-tabs-inline-controls .account-data-section-refresh-link:hover,
.account-tabs-inline-controls .account-data-section-refresh-link:focus-visible {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.account-tabs-inline-controls .account-data-section-refresh-link.is-ready,
.account-tabs-inline-controls .account-data-section-refresh-link.is-auto-refreshing {
    background: #16a34a;
    border-color: #15803d;
    box-shadow: 0 8px 18px rgba(22, 163, 74, .16);
    color: #ffffff;
}

.account-tabs-inline-controls .account-data-section-refresh-link.is-ready:hover,
.account-tabs-inline-controls .account-data-section-refresh-link.is-ready:focus-visible,
.account-tabs-inline-controls .account-data-section-refresh-link.is-auto-refreshing:hover,
.account-tabs-inline-controls .account-data-section-refresh-link.is-auto-refreshing:focus-visible {
    background: #15803d;
    border-color: #166534;
    color: #ffffff;
}

.account-tabs-inline-controls .account-live-download-label,
.account-tabs-inline-controls .account-cache-refresh-label {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    text-transform: uppercase;
}

.account-tabs-inline-controls .account-data-refresh-button .google-pulse-ui-icon,
.account-tabs-inline-controls .account-data-section-refresh-link .google-pulse-ui-icon {
    height: 13px;
    width: 13px;
}

@media (max-width: 860px) {
    .account-tabs-top.account-tabs-compact {
        flex-wrap: wrap;
        padding: 0 8px 8px 0;
    }

    .account-tabs-primary {
        flex: 1 1 calc(100% - 86px);
    }

    .account-tabs-inline-controls {
        flex: 1 0 100%;
        justify-content: center;
        padding-left: 8px;
    }

    .account-tabs-inline-controls .account-control-range-actions {
        justify-content: center;
        width: 100%;
    }

    .account-tabs-more {
        position: static;
    }

    .account-tabs-more-menu {
        left: 8px;
        min-width: 0;
        right: 8px;
        top: calc(100% + 6px);
        width: auto;
    }
}

@media (max-width: 640px) {
    .account-tabs-top.account-tabs-compact {
        align-items: center;
        display: flex;
        overflow: visible;
    }

    .account-tabs-inline-controls .account-control-range-actions,
    .account-tabs-inline-controls .account-control-refresh-form,
    .account-tabs-inline-controls .account-control-live-refresh-form,
    .account-tabs-inline-controls .account-data-action-row {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        width: auto;
    }

    .account-tabs-inline-controls .account-control-range-actions {
        flex-wrap: wrap;
    }

    .account-tabs-inline-controls .account-date-range-stack {
        flex: 0 1 132px;
        max-width: 142px;
        min-width: 112px;
        width: auto;
    }

    .account-tabs-inline-controls .account-date-picker-panel {
        left: 50%;
        max-width: calc(100vw - 48px);
        position: absolute;
        right: auto;
        transform: translateX(-50%);
        width: min(320px, calc(100vw - 48px));
    }

    .account-tabs-inline-controls .account-control-live-refresh-form .button-link {
        width: auto;
    }
}

body:has(.app-shell) .google-pulse-account-shell .account-status-filters label,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-session-note,
body:has(.app-shell) .google-pulse-account-shell .account-detail-table td,
body:has(.app-shell) .google-pulse-account-shell .google-recommendation-card-body h4 {
    font-weight: 500;
}

body:has(.app-shell) .google-pulse-account-shell .account-search-terms-table td {
    font-weight: 400;
}

body:has(.app-shell) .google-pulse-account-shell .account-search-term-name-cell strong,
body:has(.app-shell) .google-pulse-account-shell .account-search-term-source-keyword-cell strong {
    font-weight: 500;
}

body:has(.app-shell) .google-pulse-account-shell .account-search-term-add-keyword,
body:has(.app-shell) .google-pulse-account-shell .account-search-term-add-negative {
    border-radius: 6px;
    font-weight: 500;
}

body:has(.app-shell) .google-pulse-account-shell .account-search-term-add-keyword {
    background: #ffffff;
    border-color: #bfdbfe;
    color: #2563eb;
}

body:has(.app-shell) .google-pulse-account-shell .account-search-term-add-negative,
body:has(.app-shell) .google-pulse-account-shell .account-search-term-add-negative.is-recommended {
    background: #ffffff;
}

body:has(.app-shell) .status-badge,
body:has(.app-shell) .status-pill,
body:has(.app-shell) .status-chip,
body:has(.app-shell) .dev-checklist-badge {
    border-color: var(--color-border);
}

body:has(.app-shell) .settings-section-content .form-grid.payment-gateway-credential-grid {
    grid-template-columns: minmax(0, 1fr);
}

body:has(.app-shell) .account-dashboard-redesign .account-dashboard-view-more {
    background: transparent;
    border: 0;
    color: #1d4ed8;
    font-weight: 500;
    padding: 0;
}

body:has(.app-shell) .account-dashboard-redesign .account-dashboard-view-more:hover,
body:has(.app-shell) .account-dashboard-redesign .account-dashboard-view-more:focus-visible {
    background: transparent;
    color: #1d4ed8;
    text-decoration: underline;
}

body:has(.app-shell) .account-dashboard-redesign .account-search-chip,
body:has(.app-shell) .account-dashboard-redesign .account-review-token {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #334155;
    font-weight: 400;
}

body:has(.app-shell) .account-dashboard-redesign .account-search-chip:hover,
body:has(.app-shell) .account-dashboard-redesign .account-search-chip:focus-visible,
body:has(.app-shell) .account-dashboard-redesign .account-review-token:hover,
body:has(.app-shell) .account-dashboard-redesign .account-review-token:focus-visible {
    background: transparent;
    color: #1d4ed8;
    text-decoration: underline;
}

body:has(.app-shell) .account-dashboard-redesign .account-dashboard-term-text {
    color: inherit;
    font-weight: 400;
}

body:has(.app-shell):has(.google-pulse-mcc-shell) .content {
    background: transparent;
    padding: 0;
}

body:has(.app-shell) .google-pulse-account-shell {
    gap: 0;
}

body:has(.app-shell) .google-pulse-account-shell .google-pulse-account-card,
body:has(.app-shell) .google-pulse-account-shell .account-dashboard-redesign {
    border-radius: 0;
}