/* ==================================================
   Agency75 CRM SYSTEM OVERRIDES
   Keep project-specific fixes here instead of editing
   large vendor/theme CSS files.
================================================== */

/* ==================================================
   AGENCY75 UI TOOLKIT TOKENS
   Production components use .a75-* classes.
   Catalog-only wrappers use .a75-catalog-* classes.
================================================== */

:root {
    --a75-color-primary: var(--primary, #ff5a36);
    --a75-color-primary-strong: #ff8a3d;
    --a75-color-primary-contrast: var(--primary-foreground, #ffffff);
    --a75-color-info: #2563eb;
    --a75-color-neutral: #64748b;
    --a75-gray-50: #f8fafc;
    --a75-gray-100: #f1f5f9;
    --a75-gray-200: #e2e8f0;
    --a75-gray-500: #64748b;
    --a75-gray-700: #334155;
    --a75-gray-900: #0f172a;
    --a75-surface-page: var(--background, #fbf7f2);
    --a75-surface-card: var(--card, #ffffff);
    --a75-surface-muted: var(--muted, #f5efe6);
    --a75-surface-popout: var(--card, #ffffff);
    --a75-surface-inverse: #15120f;
    --a75-text: var(--foreground, #1f1b16);
    --a75-text-muted: var(--muted-foreground, #6b6256);
    --a75-text-inverse: #ffffff;
    --a75-border-subtle: var(--border, #ded2c8);
    --a75-overlay-backdrop: rgba(15, 23, 42, 0.62);
    --a75-tone-neutral-soft: var(--muted, #f5efe6);
    --a75-tone-neutral-strong: var(--muted-foreground, #64748b);
    --a75-tone-primary-soft: var(--primary-soft, #ffe9df);
    --a75-tone-primary-strong: var(--primary, #ff5a36);
    --a75-tone-success-soft: var(--success-soft, rgba(22, 163, 74, 0.12));
    --a75-tone-success-strong: var(--success-strong, #15803d);
    --a75-tone-warning-soft: var(--warning-soft, #fff1e8);
    --a75-tone-warning-strong: var(--warning-strong, #b45309);
    --a75-tone-danger-soft: var(--danger-soft, rgba(220, 38, 38, 0.1));
    --a75-tone-danger-strong: var(--danger, #dc2626);
    --a75-tone-info-soft: #eff6ff;
    --a75-tone-info-strong: #1d4ed8;
    --a75-font-display: "Space Grotesk", Inter, system-ui, sans-serif;
    --a75-font-body: Inter, system-ui, sans-serif;
    --a75-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --a75-text-xs: 0.72rem;
    --a75-text-sm: 0.84rem;
    --a75-text-md: 0.95rem;
    --a75-text-lg: 1.15rem;
    --a75-text-xl: 1.55rem;
    --a75-space-1: 0.25rem;
    --a75-space-2: 0.5rem;
    --a75-space-3: 0.75rem;
    --a75-space-4: 1rem;
    --a75-space-5: 1.25rem;
    --a75-space-6: 1.5rem;
    --a75-space-8: 2rem;
    --a75-radius-sm: 0.375rem;
    --a75-radius-md: 0.5rem;
    --a75-radius-lg: 0.75rem;
    --a75-radius-xl: 1rem;
    --a75-radius-pill: 999px;
    --a75-shadow-card: 0 12px 28px rgba(15, 23, 42, 0.08);
    --a75-shadow-popout: 0 20px 48px rgba(15, 23, 42, 0.18);
    --a75-shadow-elevated: 0 28px 72px rgba(15, 23, 42, 0.24);
    --a75-z-sticky: 40;
    --a75-z-popover: 88;
    --a75-z-drawer: 85;
    --a75-z-modal: 90;
    --a75-z-toast: 95;
}

/* ==================================================
   INTAKE UI SIMPLIFICATION PHASE 1/2
   WHY: The Intake Hub should open like an operator work surface, with the
   capture composer first and campaign/quality/next-step context reduced to a
   scan-friendly rail. This section intentionally overrides the older, taller
   cockpit/dashboard treatment without changing form routes, CSRF, OCR hooks,
   Smart Paste hooks, or POST behavior.
   IMPACT / BLAST RADIUS: Scoped to .intake-cockpit only. Other workflow,
   record, AI, connector, and admin screens keep their existing layout rules.
================================================== */
.intake-cockpit .intake-hero,
.intake-cockpit .intake-section,
.intake-cockpit .intake-raw-card,
.intake-cockpit .intake-confidence-card,
.intake-cockpit .intake-missing-card,
.intake-cockpit .intake-rail-card {
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .055);
}

.intake-cockpit .intake-hero {
    background: linear-gradient(135deg, color-mix(in srgb, var(--card) 94%, var(--primary) 4%), var(--card));
    gap: .7rem;
    grid-template-columns: minmax(0, 1fr);
    padding: .9rem 1rem;
}

.intake-cockpit .intake-hero::after {
    content: none;
}

.intake-cockpit .intake-hero-copy h1 {
    font-size: clamp(1.45rem, 2.2vw, 2.05rem);
    line-height: 1.08;
    margin-top: .24rem;
}

.intake-cockpit .intake-hero-copy p {
    font-size: .84rem;
    line-height: 1.48;
    margin-top: .38rem;
    max-width: 56rem;
}

.intake-cockpit .intake-hero-actions,
.intake-cockpit .intake-start-boundary {
    margin-top: .62rem;
}

.intake-cockpit .intake-start-boundary span {
    border-radius: 8px;
    padding: .32rem .5rem;
}

.intake-cockpit .intake-workspace {
    grid-template-columns: minmax(0, 1.58fr) minmax(300px, .72fr);
}

.intake-cockpit .intake-card-head,
.intake-cockpit .intake-section-head {
    padding: .78rem .9rem;
}

.intake-cockpit .intake-card-head h2,
.intake-cockpit .intake-section-head h2 {
    font-size: 1rem;
    letter-spacing: 0;
}

.intake-cockpit .intake-card-head p,
.intake-cockpit .intake-section-head p {
    font-size: .76rem;
    line-height: 1.42;
}

.intake-cockpit .intake-raw-form {
    display: grid;
    gap: .72rem;
    padding: .85rem .9rem .9rem;
}

.intake-cockpit .intake-primary-action-note {
    margin-bottom: 0;
    padding: .64rem .72rem;
}

.intake-cockpit .intake-ocr-capture {
    gap: .62rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 0;
    padding: .7rem;
}

.intake-cockpit .intake-ocr-capture__actions {
    align-items: center;
    justify-content: flex-end;
}

.intake-cockpit .intake-ocr-dropzone,
.intake-cockpit .intake-ocr-preview {
    grid-column: 1 / -1;
}

.intake-cockpit .intake-ocr-dropzone {
    min-height: 3.1rem;
}

.intake-cockpit .intake-raw-form textarea {
    border-radius: 8px;
    min-height: 230px;
}

.intake-cockpit .intake-form-actions {
    margin-top: 0;
}

.intake-cockpit .intake-form-actions .agency75-ui-button {
    width: auto;
}

.intake-cockpit .intake-form-actions .is-primary {
    min-height: 2.55rem;
}

.intake-cockpit .intake-raw-card .smart-paste-card {
    background: color-mix(in srgb, var(--background) 55%, var(--card));
    border-radius: 8px;
    box-shadow: none;
    margin: 0 .9rem .9rem;
}

.intake-cockpit .smart-paste-card__head {
    padding: .78rem .9rem;
}

.intake-cockpit .smart-paste-card__grid {
    gap: .75rem;
    padding: .8rem .9rem .9rem;
}

.intake-cockpit .smart-paste-textarea {
    min-height: 8.5rem;
}

.intake-cockpit .intake-review-rail {
    gap: .72rem;
}

.intake-cockpit .intake-confidence-card {
    padding: .82rem;
}

.intake-cockpit .intake-confidence-card .a75-health-card,
.intake-cockpit .intake-confidence-card .agency75-health-card {
    box-shadow: none;
}

.intake-cockpit .intake-confidence-meta,
.intake-cockpit .intake-rail-facts {
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .65rem;
}

.intake-cockpit .intake-confidence-meta span,
.intake-cockpit .intake-rail-facts span {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--background) 76%, var(--card));
    color: var(--foreground);
    font-size: .73rem;
    padding: .52rem;
    text-align: left;
}

.intake-cockpit .intake-rail-facts strong {
    color: var(--muted-foreground);
    display: block;
    font-size: .63rem;
    font-weight: 800;
    margin-bottom: .1rem;
    text-transform: uppercase;
}

.intake-cockpit .intake-rail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding: 0 .9rem .9rem;
}

.intake-cockpit .intake-gap-groups {
    gap: .62rem;
    padding: .78rem .9rem .9rem;
}

.intake-cockpit .intake-gap {
    border-radius: 8px;
    margin-top: .32rem;
    padding: .42rem .5rem;
}

.intake-cockpit .intake-safe-notes {
    padding: .78rem .9rem 0;
}

.intake-cockpit .intake-rail-facts.is-status {
    padding: 0 .9rem .9rem;
}

.intake-cockpit .intake-extract-grid {
    gap: .72rem;
    padding: .85rem .9rem .9rem;
}

.intake-cockpit .intake-extract-card,
.intake-cockpit .intake-extract-card dl div,
.intake-cockpit .intake-understood-card,
.intake-cockpit .intake-result-grid div,
.intake-cockpit .intake-recent-item,
.intake-cockpit .intake-empty-state {
    border-radius: 8px;
}

@media (max-width: 1280px) {
    .intake-cockpit .intake-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .intake-cockpit .intake-review-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .intake-cockpit .intake-hero-copy h1 {
        font-size: 1.55rem;
        letter-spacing: 0;
    }

    .intake-cockpit .intake-ocr-capture,
    .intake-cockpit .intake-review-rail,
    .intake-cockpit .intake-confidence-meta,
    .intake-cockpit .intake-rail-facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .intake-cockpit .intake-ocr-capture__actions,
    .intake-cockpit .intake-form-actions {
        justify-content: stretch;
    }

    .intake-cockpit .intake-form-actions .agency75-ui-button {
        width: 100%;
    }
}

/* ==================================================
   CONVERSATION THREADING
================================================== */
.a75-conversation-thread {
    display: grid;
    gap: 1rem;
}

.a75-conversation-list {
    display: grid;
    gap: .9rem;
}

.a75-conversation-empty {
    display: grid;
    place-items: center;
    gap: .35rem;
    border: 1px dashed var(--border);
    border-radius: .75rem;
    padding: 2rem 1rem;
    color: var(--muted-foreground);
    text-align: center;
}

.a75-conversation-empty strong {
    color: var(--foreground);
}

.a75-conversation-message {
    display: grid;
    max-width: min(46rem, 100%);
    gap: .3rem;
}

.a75-conversation-message.is-outbound {
    justify-self: end;
}

.a75-conversation-message.is-inbound,
.a75-conversation-message.is-internal {
    justify-self: start;
}

.a75-conversation-message__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.a75-conversation-message__meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border-radius: 999px;
    background: var(--muted);
    padding: .16rem .48rem;
}

.a75-conversation-campaign {
    background: color-mix(in srgb, var(--primary) 12%, var(--muted)) !important;
    color: var(--primary);
}

.a75-conversation-message__bubble {
    border: 1px solid var(--border);
    border-radius: .75rem;
    background: var(--card);
    padding: .85rem;
    box-shadow: var(--shadow-card);
}

.a75-conversation-message.is-outbound .a75-conversation-message__bubble {
    border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
    background: color-mix(in srgb, var(--primary) 7%, var(--card));
}

.a75-conversation-message.is-inbound .a75-conversation-message__bubble {
    border-color: color-mix(in srgb, var(--success) 28%, var(--border));
    background: color-mix(in srgb, var(--success) 7%, var(--card));
}

.a75-conversation-message__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .4rem;
}

.a75-conversation-message__head strong {
    color: var(--foreground);
    font-size: .9rem;
}

.a75-conversation-message__head time {
    flex: 0 0 auto;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.a75-conversation-message__bubble p {
    margin: 0;
    color: var(--foreground);
    font-size: .92rem;
    line-height: 1.55;
    white-space: normal;
    overflow-wrap: anywhere;
}

.a75-conversation-reply-form {
    display: grid;
    grid-template-columns: minmax(7rem, .6fr) minmax(9rem, .8fr) minmax(9rem, .8fr) auto;
    gap: .75rem;
    align-items: end;
    border: 1px solid var(--border);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--muted) 42%, var(--card));
    padding: .85rem;
}

.a75-conversation-reply-form__message {
    grid-column: 1 / -1;
    min-width: 0;
}

.a75-conversation-reply-form__checks {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    color: var(--muted-foreground);
    font-size: .8rem;
    font-weight: 700;
}

.a75-conversation-reply-form__checks label {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .4rem;
}

.a75-conversation-reply-form__scheduler {
    grid-column: 1 / -1;
    min-width: 0;
}

.a75-conversation-reply-form small {
    grid-column: 1 / -1;
    color: var(--muted-foreground);
}

.a75-conversation-reply-form small.is-success {
    color: var(--success);
}

.a75-conversation-reply-form small.is-error {
    color: var(--danger);
}

.leadops-message-channel {
    display: inline-flex;
    margin-top: .25rem;
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 700;
}

/* ==================================================
   FOLLOW-UP SCHEDULER
================================================== */

.a75-followup-scheduler {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--background) 82%, var(--card));
    display: grid;
    gap: .55rem;
    margin: 0;
    min-width: 0;
    padding: .7rem;
}

.a75-followup-scheduler legend {
    color: var(--foreground);
    font-size: .78rem;
    font-weight: 800;
    padding: 0 .25rem;
}

.a75-followup-scheduler p {
    color: var(--muted-foreground);
    font-size: .75rem;
    line-height: 1.35;
    margin: 0;
}

.a75-followup-scheduler__presets {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    min-width: 0;
}

.a75-followup-scheduler__choice {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--card);
    color: var(--foreground);
    cursor: pointer;
    display: inline-flex;
    flex: 0 1 auto;
    gap: .35rem;
    min-height: 2rem;
    min-width: 0;
    padding: .35rem .55rem;
}

.a75-followup-scheduler__choice input {
    accent-color: var(--primary);
    flex: 0 0 auto;
}

.a75-followup-scheduler__choice span {
    font-size: .76rem;
    font-weight: 760;
    overflow-wrap: anywhere;
}

.a75-followup-scheduler__custom {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.a75-followup-scheduler__custom span {
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 760;
}

.a75-followup-scheduler--compact {
    padding: .62rem;
}

.a75-followup-action-details {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--background) 84%, var(--card));
    flex: 1 1 17rem;
    max-width: 28rem;
    min-width: min(100%, 14rem);
    padding: .35rem;
}

.a75-followup-action-details summary {
    align-items: center;
    border-radius: 7px;
    color: var(--primary);
    cursor: pointer;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    gap: .35rem;
    min-height: 2rem;
    padding: .25rem .45rem;
}

.a75-followup-action-details[open] summary {
    background: color-mix(in srgb, var(--primary) 10%, transparent);
}

.a75-followup-action-details__form {
    display: grid;
    gap: .6rem;
    margin-top: .45rem;
    min-width: 0;
}

.a75-followup-action-details__form .a75-button {
    width: 100%;
}

.a75-inbox-light {
    height: calc(100vh - 18rem);
}

@media (max-width: 760px) {
    .a75-conversation-reply-form {
        grid-template-columns: 1fr;
    }

    .a75-conversation-message {
        max-width: 100%;
    }

    .a75-conversation-message.is-outbound,
    .a75-conversation-message.is-inbound,
    .a75-conversation-message.is-internal {
        justify-self: stretch;
    }

    .a75-inbox-light {
        height: auto;
    }
}

/* ==================================================
   FIELD SUGGESTIONS REVIEW
================================================== */

.a75-field-suggestion-row {
    transition: opacity 260ms ease, filter 260ms ease, transform 260ms ease;
}

.a75-field-suggestion-table {
    min-width: 820px;
    table-layout: fixed;
}

.a75-field-suggestion-table__entity {
    width: 17%;
}

.a75-field-suggestion-table__field {
    width: 13%;
}

.a75-field-suggestion-table__value {
    width: 29%;
}

.a75-field-suggestion-table__source {
    width: 12%;
}

.a75-field-suggestion-table__status {
    width: 9%;
}

.a75-field-suggestion-table__actions {
    width: 20%;
}

.a75-field-suggestion-preview {
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
}

.a75-field-suggestion-record-link {
    align-items: center;
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    color: hsl(var(--foreground));
    display: grid;
    gap: .55rem;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    max-width: 100%;
    padding: .42rem .5rem;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.a75-field-suggestion-record-link:hover {
    border-color: hsl(var(--primary) / .55);
    box-shadow: 0 10px 22px hsl(var(--foreground) / .08);
    color: hsl(var(--foreground));
    transform: translateY(-1px);
}

.a75-field-suggestion-record-link--static {
    grid-template-columns: 30px minmax(0, 1fr);
}

.a75-field-suggestion-record-link--static:hover {
    border-color: hsl(var(--border));
    box-shadow: none;
    transform: none;
}

.a75-field-suggestion-record-media {
    align-items: center;
    background: hsl(var(--muted));
    border: 1px solid hsl(var(--border));
    border-radius: .45rem;
    color: hsl(var(--foreground));
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .66rem;
    font-weight: 900;
    justify-content: center;
    line-height: 1;
    object-fit: cover;
    overflow: hidden;
    width: 30px;
    height: 30px;
}

.a75-field-suggestion-record-copy {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.a75-field-suggestion-record-label,
.a75-field-suggestion-record-meta {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-field-suggestion-record-label {
    font-size: .82rem;
    font-weight: 800;
}

.a75-field-suggestion-record-meta {
    color: hsl(var(--muted-foreground));
    font-size: .68rem;
    text-transform: uppercase;
}

.a75-field-suggestion-context,
.a75-field-suggestion-empty {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.a75-field-suggestion-context__record {
    align-items: center;
    display: flex;
    gap: .7rem;
    min-width: 0;
}

.a75-field-suggestion-context__media {
    flex: 0 0 auto;
}

.a75-field-suggestion-context__copy {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.a75-field-suggestion-context__eyebrow {
    color: hsl(var(--muted-foreground));
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-field-suggestion-context__name {
    color: hsl(var(--foreground));
    font-size: .95rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .a75-field-suggestion-context,
    .a75-field-suggestion-empty {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-field-suggestion-context .a75-button,
    .a75-field-suggestion-empty .a75-button {
        justify-content: center;
        width: 100%;
    }

    .a75-field-suggestion-flow {
        grid-template-columns: 1fr;
    }
}

.a75-field-suggestion-compare .a75-field-suggestion-preview {
    display: -webkit-box;
    line-height: 1.45;
    max-height: 2.9em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.a75-field-suggestion-conflict-note,
.a75-field-suggestion-evidence-note {
    border-radius: .5rem;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.35;
    margin-top: .5rem;
    padding: .45rem .55rem;
}

.a75-field-suggestion-conflict-note {
    background: color-mix(in srgb, #f59e0b 12%, var(--card, #fff));
    color: var(--warning-strong, #b45309);
}

.a75-field-suggestion-evidence-note {
    background: color-mix(in srgb, #ef4444 9%, var(--card, #fff));
    color: var(--danger, #dc2626);
}

.a75-field-suggestion-overwrite-confirm {
    align-items: flex-start;
    border: 1px solid color-mix(in srgb, #f59e0b 34%, var(--border));
    border-radius: .5rem;
    color: var(--warning-strong, #92400e);
    display: flex;
    font-size: .74rem;
    font-weight: 750;
    gap: .45rem;
    line-height: 1.35;
    padding: .55rem;
    background: color-mix(in srgb, #f59e0b 9%, var(--card, #fff));
}

.a75-field-suggestion-overwrite-confirm input {
    margin-top: .15rem;
}

.a75-field-suggestion-flow {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.a75-field-suggestion-flow > div {
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 20%, var(--border));
    border-radius: .5rem;
    min-width: 0;
    padding: .7rem;
    background: color-mix(in srgb, var(--background) 82%, transparent);
}

.a75-field-suggestion-flow span {
    color: var(--foreground);
    display: block;
    font-size: .78rem;
    font-weight: 850;
}

.a75-field-suggestion-flow p {
    color: var(--muted-foreground);
    font-size: .74rem;
    line-height: 1.4;
    margin: .2rem 0 0;
}

.a75-field-suggestion-more__summary {
    align-items: center;
    border: 1px solid hsl(var(--border));
    border-radius: .375rem;
    color: hsl(var(--muted-foreground));
    cursor: pointer;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    gap: .35rem;
    line-height: 1;
    list-style: none;
    padding: .4rem .55rem;
    user-select: none;
}

.a75-field-suggestion-more__summary::-webkit-details-marker {
    display: none;
}

.a75-field-suggestion-more__summary:hover {
    border-color: hsl(var(--primary) / .5);
    color: hsl(var(--primary));
}

.a75-field-suggestion-more__body {
    margin-top: .6rem;
}

.a75-field-suggestion-actions {
    display: grid;
    gap: .55rem;
    min-width: 0;
}

.a75-field-suggestion-actions__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.a75-field-suggestion-actions__buttons .a75-button {
    min-width: 4.25rem;
    justify-content: center;
}

.a75-field-suggestion-row--dissolving {
    opacity: 0;
    filter: blur(2px);
    transform: translateY(-4px);
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .a75-field-suggestion-row {
        transition: opacity 1ms linear;
    }

    .a75-field-suggestion-row--dissolving {
        filter: none;
        transform: none;
    }
}

html.a75crm-dark {
    --a75-surface-page: var(--surface-dark, #111217);
    --a75-surface-card: var(--card-dark, #17181d);
    --a75-surface-muted: var(--surface-raised-dark, #202127);
    --a75-surface-popout: var(--card-dark, #17181d);
    --a75-text: var(--text-primary-dark, #f8fafc);
    --a75-text-muted: var(--text-muted-dark, #cbd5e1);
    --a75-border-subtle: var(--border-dark, #334155);
    --a75-shadow-card: none;
}

/* ==================================================
   AGENCY75 CANONICAL COMPONENTS
================================================== */

.a75-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--a75-space-2);
    min-height: 2.25rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    color: var(--a75-text);
    padding: 0.56rem 0.82rem;
    font-size: var(--a75-text-sm);
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.a75-button:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--a75-color-primary) 34%, var(--a75-border-subtle));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.11);
}

.a75-button--primary {
    border-color: transparent;
    background: linear-gradient(135deg, var(--a75-color-primary), var(--a75-color-primary-strong));
    color: var(--a75-color-primary-contrast);
}

.a75-button--danger {
    border-color: transparent;
    background: var(--a75-tone-danger-strong);
    color: #ffffff;
}

.a75-button--subtle {
    background: var(--a75-surface-muted);
    box-shadow: none;
}

.a75-button--ghost {
    background: var(--a75-surface-card);
}

.a75-button--icon {
    justify-content: center;
}

.a75-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    width: max-content;
    max-width: 100%;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    background: var(--a75-tone-neutral-soft);
    color: var(--a75-tone-neutral-strong);
    padding: 0.18rem 0.5rem;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.05;
    white-space: nowrap;
}

.a75-pill--primary {
    border-color: color-mix(in srgb, var(--a75-tone-primary-strong) 26%, var(--a75-border-subtle));
    background: var(--a75-tone-primary-soft);
    color: var(--a75-tone-primary-strong);
}

.a75-pill--success {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 30%, var(--a75-border-subtle));
    background: var(--a75-tone-success-soft);
    color: var(--a75-tone-success-strong);
}

.a75-pill--warning {
    border-color: color-mix(in srgb, var(--a75-tone-warning-strong) 34%, var(--a75-border-subtle));
    background: var(--a75-tone-warning-soft);
    color: var(--a75-tone-warning-strong);
}

.a75-pill--danger {
    border-color: color-mix(in srgb, var(--a75-tone-danger-strong) 28%, var(--a75-border-subtle));
    background: var(--a75-tone-danger-soft);
    color: var(--a75-tone-danger-strong);
}

.a75-pill--info {
    border-color: color-mix(in srgb, var(--a75-tone-info-strong) 28%, var(--a75-border-subtle));
    background: var(--a75-tone-info-soft);
    color: var(--a75-tone-info-strong);
}

.a75-card {
    overflow: hidden;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
    color: var(--a75-text);
    box-shadow: var(--a75-shadow-card);
}

.a75-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--a75-space-4);
    border-bottom: 1px solid var(--a75-border-subtle);
    padding: var(--a75-space-4);
}

.a75-card__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    color: var(--a75-color-primary);
    font-size: var(--a75-text-xs);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.a75-card__title {
    margin: 0.2rem 0 0;
    color: var(--a75-text);
    font-family: var(--a75-font-display);
    font-size: var(--a75-text-lg);
    font-weight: 780;
    line-height: 1.15;
}

.a75-card__subtitle {
    margin: 0.25rem 0 0;
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
    line-height: 1.55;
}

.a75-card__body {
    padding: var(--a75-space-4);
}

.a75-overlay-lock {
    overflow: hidden;
}

.a75-modal-shell,
.a75-drawer-shell {
    position: fixed;
    inset: 0;
    z-index: var(--a75-z-modal);
    display: flex;
    padding: var(--a75-space-4);
}

.a75-modal-shell {
    align-items: center;
    justify-content: center;
}

.a75-drawer-shell {
    align-items: stretch;
    justify-content: flex-end;
    padding: 0;
}

.a75-modal-overlay,
.a75-drawer-overlay {
    position: absolute;
    inset: 0;
    background: var(--a75-overlay-backdrop);
}

.a75-modal-panel,
.a75-drawer-panel,
.a75-popover {
    position: relative;
    z-index: 1;
    border: 1px solid var(--a75-border-subtle);
    background: var(--a75-surface-popout);
    color: var(--a75-text);
    box-shadow: var(--a75-shadow-elevated);
}

.a75-modal-panel {
    width: min(calc(100vw - 2rem), 36rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: var(--a75-radius-lg);
}

.a75-modal-panel__head,
.a75-drawer-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--a75-space-3);
    border-bottom: 1px solid var(--a75-border-subtle);
    padding: var(--a75-space-4);
}

.a75-modal-panel__title,
.a75-drawer-panel__title {
    color: var(--a75-text);
    font-size: var(--a75-text-base);
    line-height: 1.4;
}

.a75-modal-panel__body,
.a75-drawer-panel__body {
    padding: var(--a75-space-4);
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
    line-height: 1.6;
}

.a75-modal-panel__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--a75-space-2);
    border-top: 1px solid var(--a75-border-subtle);
    background: var(--a75-surface-muted);
    padding: var(--a75-space-4);
}

.a75-drawer-panel {
    width: min(100%, 30rem);
    height: 100%;
    overflow: auto;
    margin-left: auto;
    border-radius: 0;
}

.a75-icon-button {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-sm);
    background: var(--a75-surface-card);
    color: var(--a75-text-muted);
}

.a75-icon-button:hover {
    border-color: var(--a75-border-strong);
    color: var(--a75-text);
}

/* ==================================================
   SHARED HIDDEN VISIBILITY GUARDRAILS
================================================== */
[hidden] {
    display: none !important;
}

/* ==================================================
   COMPANY VIEW REDESIGN PREVIEW
================================================== */

.company-redesign-preview {
    /*
     * WHY:
     * The preview keeps crp-* behavior hooks, but its visual tokens now alias
     * the shared Agency75 UI toolkit so it matches the rest of the CRM shell.
     */
    --crp-text-primary: var(--a75-text);
    --crp-text-secondary: var(--a75-text-muted);
    --crp-text-tertiary: color-mix(in srgb, var(--a75-text-muted) 72%, transparent);
    --crp-info: var(--a75-tone-info-strong);
    --crp-success: var(--a75-tone-success-strong);
    --crp-warning: var(--a75-tone-warning-strong);
    --crp-danger: var(--a75-tone-danger-strong);
    --crp-bg-primary: var(--a75-surface-card);
    --crp-bg-secondary: var(--a75-surface-muted);
    --crp-bg-tertiary: var(--a75-surface-page);
    --crp-bg-info: var(--a75-tone-info-soft);
    --crp-bg-success: var(--a75-tone-success-soft);
    --crp-bg-warning: var(--a75-tone-warning-soft);
    --crp-bg-danger: var(--a75-tone-danger-soft);
    --crp-border: var(--a75-border-subtle);
    --crp-border-hover: color-mix(in srgb, var(--a75-color-primary) 28%, var(--a75-border-subtle));
    --crp-border-active: color-mix(in srgb, var(--a75-color-primary) 54%, var(--a75-border-subtle));
    --crp-radius-md: var(--a75-radius-md);
    --crp-radius-lg: var(--a75-radius-lg);
    --crp-shadow: var(--a75-shadow-card);
    background: var(--a75-surface-page);
    color: var(--crp-text-primary);
    display: grid;
    gap: 16px;
    font-family: var(--a75-font-body);
    min-width: 0;
    padding: 18px 0 36px;
}

.company-redesign-preview *,
.company-redesign-preview *::before,
.company-redesign-preview *::after {
    box-sizing: border-box;
}

.crp-empty-state {
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    box-shadow: var(--a75-shadow-card);
    margin: 24px 0;
    padding: 24px;
}

.crp-sticky-header {
    /* Fixed positioning prevents the hidden/visible sticky header from moving the hero and retriggering itself. */
    position: fixed;
    top: 72px;
    left: var(--crp-sticky-left, 16px);
    width: var(--crp-sticky-width, calc(100vw - 32px));
    /* z-index keeps the record header above page content while staying below drawers/modals. */
    z-index: 30;
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-card) 94%, transparent);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--crp-radius-lg);
    box-shadow: var(--crp-shadow);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    opacity: 0;
    padding: 16px;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
    visibility: hidden;
    backdrop-filter: blur(14px);
}

.company-redesign-preview.is-sticky-header-visible .crp-sticky-header {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
}

.crp-header-main {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 12px;
    min-width: 0;
}

.crp-sticky-logo-shell,
.crp-sticky-logo,
.crp-sticky-logo-fallback {
    align-items: center;
    border-radius: 14px;
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    overflow: hidden;
    width: 42px;
}

.crp-sticky-logo,
.crp-sticky-logo img,
.crp-sticky-logo-fallback {
    object-fit: contain;
}

.crp-sticky-logo-fallback {
    background: linear-gradient(135deg, var(--a75-color-primary), var(--a75-color-primary-strong));
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.crp-avatar {
    align-items: center;
    background: linear-gradient(135deg, var(--a75-color-primary), var(--a75-color-primary-strong));
    border-radius: 14px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 48px;
    font-size: 15px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.crp-title-group {
    min-width: 0;
}

.crp-title-group h1 {
    color: var(--crp-text-primary);
    font-family: var(--a75-font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

.crp-title-group p {
    align-items: center;
    color: var(--crp-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 5px;
    margin: 4px 0 0;
}

.crp-title-group p a {
    color: var(--a75-color-primary);
    font-weight: 650;
    text-decoration: none;
}

.crp-title-dot {
    color: var(--crp-text-tertiary);
}

.crp-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.crp-badge {
    align-items: center;
    background: var(--crp-bg-secondary);
    border-radius: var(--a75-radius-pill);
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    padding: 5px 8px;
}

.crp-badge--success {
    background: var(--crp-bg-success);
    color: var(--crp-success);
}

.crp-badge--info {
    background: var(--crp-bg-info);
    color: var(--crp-info);
}

.crp-badge--warning {
    background: var(--crp-bg-warning);
    color: var(--crp-warning);
}

.crp-header-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.crp-quick-actions--sticky {
    margin-left: auto;
}

.crp-action-btn,
.crp-widget-btn,
.crp-widget-link,
.crp-small-link,
.crp-icon-link {
    align-items: center;
    border-radius: var(--crp-radius-md);
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 7px;
    justify-content: center;
    min-height: 36px;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.company-redesign-preview .crp-icon {
    flex: 0 0 auto;
    height: 1rem;
    width: 1rem;
}

.crp-action-btn {
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    color: var(--a75-text);
    cursor: pointer;
    padding: 0 12px;
}

.crp-action-btn--primary {
    background: linear-gradient(135deg, var(--a75-color-primary), var(--a75-color-primary-strong));
    border-color: color-mix(in srgb, var(--a75-color-primary) 74%, var(--a75-border-subtle));
    color: var(--a75-color-primary-contrast);
}

.crp-action-btn--primary:hover,
.crp-action-btn--primary:focus-visible {
    color: var(--a75-color-primary-contrast);
}

.crp-action-btn:hover,
.crp-action-btn:focus-visible,
.crp-widget-btn:hover,
.crp-widget-btn:focus-visible,
.crp-small-link:hover,
.crp-small-link:focus-visible {
    border-color: var(--crp-border-hover);
    color: var(--crp-info);
    outline: none;
}

.crp-action-btn:focus-visible,
.crp-widget-btn:focus-visible,
.crp-tab:focus-visible,
.crp-field__view:focus-visible,
.crp-icon-btn:focus-visible,
.crp-icon-link:focus-visible,
.crp-quick-action:focus-visible,
.crp-widget-link:focus-visible,
.crp-button-grid a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--a75-color-primary) 48%, transparent);
    outline-offset: 2px;
}

.crp-action-btn.is-disabled {
    color: var(--crp-text-tertiary);
    cursor: default;
    pointer-events: none;
}

.crp-action-btn--primary.is-disabled {
    background: var(--a75-surface-muted);
    border-color: var(--a75-border-subtle);
    color: var(--crp-text-tertiary);
}

.crp-company-hero {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--a75-surface-card) 94%, var(--a75-tone-primary-soft)), var(--a75-surface-card)),
        var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    box-shadow: var(--a75-shadow-card);
    overflow: visible;
    padding: var(--a75-space-5);
    position: relative;
}

.crp-company-hero__layout {
    align-items: start;
    display: grid;
    gap: var(--a75-space-4);
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
}

.crp-company-hero__identity {
    align-items: flex-start;
    display: grid;
    gap: var(--a75-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.crp-hero-logo-stack {
    align-items: center;
    display: grid;
    gap: 0.45rem;
    justify-items: center;
}

.crp-hero-logo-shell {
    position: relative;
}

.crp-hero-logo-shell,
.crp-hero-logo,
.crp-hero-logo-fallback {
    align-items: center;
    border-radius: 34px;
    display: inline-flex;
    flex: 0 0 198px;
    height: 198px;
    justify-content: center;
    overflow: hidden;
    width: 198px;
}

.crp-hero-logo,
.crp-hero-logo img,
.crp-hero-logo-fallback {
    object-fit: contain;
}

.crp-hero-logo {
    padding: 0;
    transform: none;
    transform-origin: center;
}

.crp-hero-logo-fallback {
    background: linear-gradient(135deg, var(--a75-color-primary), var(--a75-color-primary-strong));
    color: #ffffff;
    font-family: var(--a75-font-display);
    font-size: 38px;
    font-weight: 800;
}

.crp-hero-logo.a75-identity-media--fallback {
    transform: none;
}

.crp-hero-logo-edit {
    align-items: center;
    background: var(--a75-color-primary);
    border: 2px solid var(--a75-surface-card);
    border-radius: var(--a75-radius-pill);
    bottom: -0.15rem;
    box-shadow: 0 10px 20px rgba(31, 23, 18, 0.18);
    color: var(--a75-color-primary-contrast);
    display: inline-flex;
    font-size: 0;
    height: 2rem;
    justify-content: center;
    min-width: 2rem;
    padding: 0;
    position: absolute;
    right: -0.15rem;
    width: 2rem;
    z-index: 2;
}

.crp-hero-logo-edit svg,
.crp-hero-logo-edit i {
    background: transparent;
    border: 0;
    box-shadow: none;
    height: 1rem;
    opacity: 1;
    padding: 0;
    transform: translateY(0) scale(1);
    width: 1rem;
}

.crp-hero-back-contact {
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-card) 84%, var(--a75-tone-primary-soft));
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    color: var(--a75-color-primary);
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 780;
    gap: 0.24rem;
    line-height: 1;
    min-height: 1.62rem;
    padding: 0.34rem 0.48rem;
    text-decoration: none;
    white-space: nowrap;
}

.crp-hero-back-contact--companies {
    left: var(--a75-space-5);
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    z-index: 3;
}

.crp-hero-back-contact:hover,
.crp-hero-back-contact:focus-visible {
    background: var(--a75-tone-primary-soft);
    border-color: color-mix(in srgb, var(--a75-color-primary) 36%, var(--a75-border-subtle));
    color: var(--a75-color-primary-strong);
}

.crp-hero-back-contact .crp-icon {
    height: 0.82rem;
    width: 0.82rem;
}

.crp-company-hero__copy {
    min-width: 0;
}

.crp-company-hero__title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.75rem;
}

.crp-company-hero__eyebrow {
    color: var(--a75-color-primary);
    font-size: var(--a75-text-xs);
    font-weight: 850;
    letter-spacing: 0;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.crp-company-hero__copy h2 {
    color: var(--a75-text);
    font-family: var(--a75-font-display);
    font-size: clamp(1.45rem, 1.9vw, 2rem);
    font-weight: 700;
    line-height: 1.05;
    margin: 0;
    overflow-wrap: anywhere;
}

.crp-company-hero__display {
    color: var(--a75-text-muted);
    font-size: 0.95rem;
    margin: 0.35rem 0 0;
}

.crp-company-hero__meta {
    align-items: center;
    color: var(--a75-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.84rem;
    gap: 0.42rem 0.62rem;
    line-height: 1.25;
    margin-top: 0.55rem;
}

.crp-company-hero__meta span,
.crp-company-hero__meta-link {
    align-items: center;
    display: inline-flex;
    gap: 0.3rem;
    max-width: 15.5rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crp-company-hero__meta-link {
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    color: var(--a75-color-primary);
    font-weight: 760;
    padding: 0.26rem 0.55rem;
    text-decoration: none;
}

.crp-company-hero__meta-link:hover,
.crp-company-hero__meta-link:focus-visible {
    border-color: color-mix(in srgb, currentColor 45%, var(--a75-border-subtle));
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
    outline: none;
    transform: translateY(-1px);
}

.crp-company-hero__meta-link--linkedin {
    background: color-mix(in srgb, #0a66c2 12%, var(--a75-surface-card));
    color: #0a66c2;
}

.crp-company-hero__meta .crp-icon {
    height: 0.86rem;
    width: 0.86rem;
}

.crp-brand-icon {
    align-items: center;
    background: currentColor;
    border-radius: 0.24rem;
    color: inherit;
    display: inline-flex;
    flex: 0 0 auto;
    height: 0.98rem;
    justify-content: center;
    position: relative;
    width: 0.98rem;
}

.crp-brand-icon--linkedin {
    background: #0a66c2;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
}

.crp-brand-icon--muted,
.crp-quick-action.is-disabled .crp-brand-icon--linkedin {
    background: color-mix(in srgb, #0a66c2 28%, var(--a75-border-subtle));
    color: rgba(255, 255, 255, 0.82);
}

.crp-quick-action .crp-brand-icon {
    height: 1rem;
    width: 1rem;
}

.crp-hero-dials {
    display: grid;
    gap: 0.68rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1.1rem;
}

.crp-hero-dial {
    align-items: center;
    background: var(--a75-surface-card, #ffffff);
    border: 1px solid var(--a75-border-subtle, #ded2c8);
    border-top: 3px solid var(--pdc, #ff5a36);
    border-radius: 0.75rem;
    cursor: pointer;
    display: grid;
    gap: 0.32rem;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    justify-items: center;
    min-height: 8.3rem;
    padding: 0.72rem 0.48rem;
    text-align: center;
}

.crp-hero-dial:hover,
.crp-hero-dial:focus-visible {
    border-color: color-mix(in srgb, var(--pdc, #ff5a36) 38%, var(--a75-border-subtle, #ded2c8));
    box-shadow: 0 14px 28px color-mix(in srgb, var(--pdc, #ff5a36) 18%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.crp-hero-dial__ring {
    background: conic-gradient(var(--pdc, #ff5a36) calc(var(--pd, 0) * 1%), var(--a75-surface-muted, #f5efe6) 0);
    height: 4.05rem;
    width: 4.05rem;
}

.crp-hero-dial__ring::after {
    background: var(--a75-surface-card, #ffffff);
    border-radius: 999px;
    content: "";
    inset: 0.56rem;
    position: absolute;
}

.crp-hero-dial__ring span {
    color: var(--a75-text, #1f1b16);
    font-size: 0.84rem;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.crp-hero-dial .pd2-dial-label {
    color: var(--a75-text, #1f1b16);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1.15;
    text-transform: uppercase;
}

.crp-hero-dial .pd2-metric-sub {
    color: var(--a75-text-muted, #6b6256);
    font-size: 0.69rem;
    font-weight: 720;
    line-height: 1.2;
}

.crp-company-hero__badges {
    margin-top: 0;
}

.crp-quick-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.crp-quick-action {
    align-items: center;
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    color: var(--a75-text);
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.8rem;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    width: 1.8rem;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.crp-quick-action .crp-icon {
    height: 0.84rem;
    width: 0.84rem;
}

.crp-quick-action:hover,
.crp-quick-action:focus-visible {
    border-color: color-mix(in srgb, currentColor 44%, var(--a75-border-subtle));
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
    outline: none;
    transform: translateY(-1px);
}

.crp-quick-action--email {
    color: #2563eb;
}

.crp-quick-action--call {
    color: #16a34a;
}

.crp-quick-action--linkedin {
    color: #0077b5;
}

.crp-quick-action--website {
    color: #15803d;
}

.crp-quick-action.is-disabled {
    color: var(--crp-text-tertiary);
    cursor: default;
    opacity: 0.66;
    pointer-events: none;
}

.crp-hero-context-card {
    align-content: start;
    background: color-mix(in srgb, var(--a75-surface-page) 62%, var(--a75-surface-card));
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    display: grid;
    gap: 0.7rem;
    padding: var(--a75-space-4);
}

.crp-weather-tile {
    --crp-weather-sky-a: #1d9fc2;
    --crp-weather-sky-b: #08749e;
    --crp-weather-sky-c: #0d5f86;
    --crp-weather-ink: #ffffff;
    --crp-weather-muted: rgba(255, 255, 255, 0.82);
    --crp-weather-orb-top: 0.9rem;
    --crp-weather-orb-left: 1.05rem;
    --crp-weather-orb-size: 3.7rem;
    align-items: stretch;
    background:
        radial-gradient(circle at 17% 34%, rgba(255, 255, 255, 0.22) 0 4.5rem, transparent 4.65rem),
        linear-gradient(145deg, var(--crp-weather-sky-a), var(--crp-weather-sky-b) 55%, var(--crp-weather-sky-c)),
        var(--a75-surface-card);
    border: 1px solid rgba(255, 255, 255, 0.36);
    border-radius: 20px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
    color: var(--crp-weather-ink);
    display: grid;
    gap: 0.48rem 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    min-height: 132px;
    overflow: hidden;
    padding: 0.82rem 0.86rem 0.74rem 0.9rem;
    position: relative;
    width: 100%;
}

.crp-weather-tile--hero {
    /*
     * WHY:
     * Weather is a helper in the Company preview hero, not the primary record
     * story. It starts compact and reveals forecast, wind, and warning context
     * only when the operator asks for it.
     */
    align-self: start;
    cursor: pointer;
    min-height: 142px;
    padding: 0.82rem 0.9rem 0.78rem;
    transition: min-height 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.crp-weather-tile--hero .crp-weather-details,
.crp-weather-tile--hero .crp-weather-forecast {
    display: none;
}

.crp-weather-tile--hero.is-weather-expanded {
    min-height: 238px;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16);
}

.crp-weather-tile--hero.is-weather-expanded .crp-weather-details,
.crp-weather-tile--hero.is-weather-expanded .crp-weather-forecast {
    display: grid;
}

.crp-weather-tile.is-daypart-dawn {
    --crp-weather-sky-a: #3aaed0;
    --crp-weather-sky-b: #f2a85f;
    --crp-weather-sky-c: #4b6da6;
    --crp-weather-orb-top: 1.45rem;
}

.crp-weather-tile.is-daypart-morning {
    --crp-weather-sky-a: #56b8d8;
    --crp-weather-sky-b: #1d92bd;
    --crp-weather-sky-c: #0c6f9d;
    --crp-weather-orb-top: 0.95rem;
}

.crp-weather-tile.is-daypart-day {
    --crp-weather-sky-a: #1ba7d5;
    --crp-weather-sky-b: #087dac;
    --crp-weather-sky-c: #0a5f8e;
    --crp-weather-orb-top: 0.8rem;
}

.crp-weather-tile.is-daypart-dusk {
    --crp-weather-sky-a: #6c65bd;
    --crp-weather-sky-b: #ed8a55;
    --crp-weather-sky-c: #394579;
    --crp-weather-orb-top: 1.75rem;
}

.crp-weather-tile.is-daypart-evening {
    --crp-weather-sky-a: #235889;
    --crp-weather-sky-b: #6a4d99;
    --crp-weather-sky-c: #14264f;
    --crp-weather-orb-top: 1rem;
}

.crp-weather-tile.is-daypart-night {
    --crp-weather-sky-a: #15274f;
    --crp-weather-sky-b: #0c1732;
    --crp-weather-sky-c: #050914;
    --crp-weather-orb-top: 0.95rem;
}

.crp-weather-tile.is-loading {
    filter: saturate(0.92);
}

.crp-weather-scene {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
}

.crp-weather-stars,
.crp-weather-sun,
.crp-weather-moon,
.crp-weather-horizon,
.crp-weather-fog,
.crp-weather-lightning {
    display: block;
    position: absolute;
}

.crp-weather-stars {
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.82) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255, 255, 255, 0.58) 0 1px, transparent 2px);
    background-position: 0 0, 22px 16px;
    background-size: 44px 34px;
    inset: 0;
    opacity: 0;
}

.crp-weather-sun,
.crp-weather-moon {
    border-radius: 999px;
    height: var(--crp-weather-orb-size);
    left: var(--crp-weather-orb-left);
    top: var(--crp-weather-orb-top);
    width: var(--crp-weather-orb-size);
}

.crp-weather-sun {
    animation: crp-weather-pulse 3.8s ease-in-out infinite;
    background:
        radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.95) 0 15%, transparent 16%),
        radial-gradient(circle, #fff59d 0 34%, #ffd44d 58%, #f59e0b 80%);
    box-shadow: 0 0 38px rgba(250, 204, 21, 0.62);
}

.crp-weather-moon {
    background: radial-gradient(circle at 38% 34%, #f8fafc 0 33%, #cbd5e1 72%);
    box-shadow: 0 0 20px rgba(226, 232, 240, 0.34);
    opacity: 0;
}

.crp-weather-horizon {
    background:
        linear-gradient(to top, rgba(5, 22, 38, 0.32), transparent 70%),
        linear-gradient(90deg, transparent 0 9%, rgba(4, 17, 28, 0.42) 9% 11%, transparent 11% 20%, rgba(4, 17, 28, 0.36) 20% 24%, transparent 24% 35%, rgba(4, 17, 28, 0.4) 35% 38%, transparent 38% 100%);
    bottom: 0;
    height: 2.3rem;
    inset-inline: 0;
    opacity: 0.72;
}

.crp-weather-tile.is-daypart-evening .crp-weather-stars,
.crp-weather-tile.is-daypart-night .crp-weather-stars {
    opacity: 0.42;
}

.crp-weather-tile.is-daypart-evening .crp-weather-sun,
.crp-weather-tile.is-daypart-night .crp-weather-sun {
    opacity: 0;
}

.crp-weather-tile.is-daypart-evening .crp-weather-moon,
.crp-weather-tile.is-daypart-night .crp-weather-moon {
    opacity: 1;
}

.crp-weather-cloud {
    animation: crp-weather-cloud 8s ease-in-out infinite;
    background: rgba(255, 255, 255, 0.82);
    border-radius: 999px;
    height: 0.9rem;
    opacity: 0;
    position: absolute;
    right: 1rem;
    top: 1.35rem;
    width: 3.4rem;
}

.crp-weather-cloud::before,
.crp-weather-cloud::after {
    background: inherit;
    border-radius: 999px;
    content: "";
    position: absolute;
}

.crp-weather-cloud::before {
    height: 1.35rem;
    left: 0.42rem;
    top: -0.68rem;
    width: 1.35rem;
}

.crp-weather-cloud::after {
    height: 1.62rem;
    right: 0.42rem;
    top: -0.92rem;
    width: 1.62rem;
}

.crp-weather-cloud--two {
    animation-delay: -3s;
    right: 4.4rem;
    top: 2.65rem;
    transform: scale(0.78);
}

.crp-weather-tile.is-weather-clear .crp-weather-cloud--two,
.crp-weather-tile.is-weather-empty .crp-weather-cloud--two {
    opacity: 0.18;
}

.crp-weather-tile.is-weather-cloudy .crp-weather-cloud,
.crp-weather-tile.is-weather-rain .crp-weather-cloud,
.crp-weather-tile.is-weather-storm .crp-weather-cloud,
.crp-weather-tile.is-weather-snow .crp-weather-cloud,
.crp-weather-tile.is-weather-fog .crp-weather-cloud {
    opacity: 0.86;
}

.crp-weather-tile.is-weather-storm .crp-weather-cloud {
    background: rgba(209, 213, 219, 0.9);
}

.crp-weather-rain,
.crp-weather-snow,
.crp-weather-fog,
.crp-weather-lightning {
    opacity: 0;
    position: absolute;
}

.crp-weather-rain {
    animation: crp-weather-rain 0.9s linear infinite;
    background:
        linear-gradient(115deg, transparent 0 41%, rgba(255, 255, 255, 0.96) 42% 50%, transparent 51%),
        linear-gradient(115deg, transparent 0 56%, rgba(196, 231, 255, 0.9) 57% 66%, transparent 67%),
        linear-gradient(115deg, transparent 0 70%, rgba(255, 255, 255, 0.78) 71% 77%, transparent 78%);
    filter: drop-shadow(0 0 8px rgba(186, 230, 253, 0.46));
    height: 6.4rem;
    right: 0.35rem;
    top: 2.18rem;
    width: 8.9rem;
}

.crp-weather-snow {
    animation: crp-weather-snow 2.8s linear infinite;
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.98) 0 2.7px, transparent 3.8px),
        radial-gradient(circle, rgba(224, 242, 254, 0.86) 0 2px, transparent 3.2px),
        radial-gradient(circle, rgba(255, 255, 255, 0.72) 0 1.6px, transparent 2.7px);
    background-position: 0 0, 20px 20px, 36px 8px;
    background-size: 32px 32px, 36px 36px, 26px 26px;
    filter: drop-shadow(0 0 10px rgba(226, 232, 240, 0.38));
    height: 6.8rem;
    right: 0.2rem;
    top: 1.35rem;
    width: 8.8rem;
}

.crp-weather-fog {
    background:
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent),
        linear-gradient(90deg, rgba(255, 255, 255, 0.28), transparent, rgba(255, 255, 255, 0.3));
    border-radius: 999px;
    bottom: 1.05rem;
    height: 2rem;
    left: 0.9rem;
    right: 0.9rem;
}

.crp-weather-lightning {
    animation: none;
    border-left: 0.78rem solid transparent;
    border-right: 0.36rem solid transparent;
    border-top: 2.95rem solid rgba(255, 242, 142, 0.98);
    filter: drop-shadow(0 0 16px rgba(253, 224, 71, 0.96));
    right: 2.3rem;
    top: 2.24rem;
    transform: skewX(-12deg);
}

.crp-weather-tile.is-weather-rain .crp-weather-rain,
.crp-weather-tile.is-weather-storm .crp-weather-rain,
.crp-weather-tile.is-weather-snow .crp-weather-snow {
    opacity: 1;
}

.crp-weather-tile.is-weather-fog .crp-weather-fog {
    opacity: 0.9;
}

.crp-weather-tile.is-weather-storm .crp-weather-lightning {
    animation: crp-weather-lightning 2.8s steps(1, end) infinite;
    opacity: 1;
}

.crp-weather-main,
.crp-weather-current {
    position: relative;
    z-index: 2;
}

.crp-weather-main {
    align-content: center;
    display: grid;
    min-width: 0;
    padding-left: 4.25rem;
}

.crp-weather-clock {
    font-family: var(--a75-font-display);
    font-size: 2rem;
    font-weight: 720;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
}

.crp-weather-meta,
.crp-weather-difference,
.crp-weather-contactability,
.crp-weather-current span,
.crp-weather-current small,
.crp-weather-current em {
    color: var(--crp-weather-muted);
    font-size: 0.68rem;
    font-weight: 760;
    line-height: 1.25;
}

.crp-weather-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.34rem;
    text-transform: uppercase;
}

.crp-weather-contactability {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.72rem;
    margin-top: 0.2rem;
    max-width: 15rem;
}

.crp-weather-difference {
    color: rgba(255, 255, 255, 0.92);
    margin-top: 0.18rem;
}

.crp-weather-current {
    align-content: start;
    display: grid;
    gap: 0.08rem;
    justify-items: end;
    min-width: 5.35rem;
    text-align: right;
}

.crp-weather-current strong {
    font-family: var(--a75-font-display);
    font-size: 1.72rem;
    font-weight: 760;
    line-height: 1;
}

.crp-weather-tile--hero {
    --crp-weather-orb-left: 0.85rem;
    --crp-weather-orb-size: 3.1rem;
}

.crp-weather-tile--hero .crp-weather-main {
    padding-left: 3.65rem;
}

.crp-weather-tile--hero .crp-weather-clock {
    font-size: 1.65rem;
}

.crp-weather-tile--hero .crp-weather-current {
    min-width: 4.6rem;
}

.crp-weather-tile--hero .crp-weather-current strong {
    font-size: 1.32rem;
}

.crp-weather-current em,
.crp-weather-current small {
    display: block;
    font-style: normal;
}

.crp-weather-current .crp-hero-weather-refresh {
    background: rgba(255, 255, 255, 0.16);
    color: var(--crp-weather-ink);
    height: 1.55rem;
    margin-left: 0;
    margin-top: 0.25rem;
    width: 1.55rem;
}

.crp-weather-current .crp-hero-weather-refresh:hover,
.crp-weather-current .crp-hero-weather-refresh:focus-visible {
    background: rgba(255, 255, 255, 0.24);
    color: var(--crp-weather-ink);
}

.crp-weather-expand-hint {
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: var(--crp-weather-ink);
    display: inline-flex;
    font-size: 0.58rem;
    font-weight: 840;
    justify-self: end;
    line-height: 1;
    margin-top: 0.28rem;
    padding: 0.22rem 0.44rem;
    text-transform: uppercase;
}

.crp-weather-details {
    align-items: stretch;
    gap: 0.35rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: relative;
    z-index: 2;
}

.crp-weather-detail {
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 11px;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    font-size: 0.62rem;
    font-weight: 780;
    gap: 0.3rem;
    line-height: 1.18;
    min-width: 0;
    padding: 0.38rem 0.46rem;
}

.crp-weather-detail.is-warning {
    background: rgba(252, 211, 77, 0.18);
    border-color: rgba(252, 211, 77, 0.34);
    color: #fff7d6;
}

.crp-weather-detail.is-muted {
    color: rgba(255, 255, 255, 0.74);
}

.crp-weather-detail .crp-icon {
    flex: 0 0 auto;
    height: 0.82rem;
    width: 0.82rem;
}

.crp-weather-forecast {
    align-items: stretch;
    background: rgba(3, 30, 46, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    display: grid;
    gap: 0.25rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 2.3rem;
    padding: 0.22rem;
    position: relative;
    z-index: 2;
}

.crp-weather-forecast-day,
.crp-weather-forecast-empty {
    align-items: center;
    border-radius: 9px;
    color: rgba(255, 255, 255, 0.9);
    display: grid;
    font-size: 0.6rem;
    font-weight: 740;
    gap: 0.1rem;
    justify-items: center;
    line-height: 1.05;
    min-width: 0;
    padding: 0.18rem 0.24rem;
    text-align: center;
}

.crp-weather-forecast-day strong {
    font-size: 0.64rem;
    font-weight: 800;
    white-space: nowrap;
}

.crp-weather-forecast-day i {
    display: block;
    height: 1rem;
    position: relative;
    width: 1.35rem;
}

.crp-weather-forecast-day i::before,
.crp-weather-forecast-day i::after {
    content: "";
    position: absolute;
}

.crp-weather-forecast-day.is-forecast-clear i::before,
.crp-weather-forecast-day.is-forecast-empty i::before {
    background: radial-gradient(circle, #fff7a8 0 28%, #ffd44d 63%, #f59e0b 100%);
    border-radius: 999px;
    box-shadow: 0 0 10px rgba(250, 204, 21, 0.45);
    height: 0.9rem;
    left: 0.2rem;
    top: 0.04rem;
    width: 0.9rem;
}

.crp-weather-forecast-day.is-forecast-cloudy i::before,
.crp-weather-forecast-day.is-forecast-rain i::before,
.crp-weather-forecast-day.is-forecast-storm i::before,
.crp-weather-forecast-day.is-forecast-snow i::before,
.crp-weather-forecast-day.is-forecast-fog i::before {
    background: rgba(255, 255, 255, 0.84);
    border-radius: 999px;
    bottom: 0.14rem;
    height: 0.42rem;
    left: 0.1rem;
    width: 1.1rem;
}

.crp-weather-forecast-day.is-forecast-cloudy i::after,
.crp-weather-forecast-day.is-forecast-rain i::after,
.crp-weather-forecast-day.is-forecast-storm i::after,
.crp-weather-forecast-day.is-forecast-snow i::after,
.crp-weather-forecast-day.is-forecast-fog i::after {
    background: rgba(255, 255, 255, 0.84);
    border-radius: 999px;
    height: 0.72rem;
    left: 0.42rem;
    top: 0.12rem;
    width: 0.72rem;
}

.crp-weather-forecast-day.is-forecast-rain i {
    background: linear-gradient(115deg, transparent 0 54%, rgba(196, 231, 255, 0.92) 55% 62%, transparent 63%);
}

.crp-weather-forecast-day.is-forecast-storm i {
    filter: drop-shadow(0 0 6px rgba(253, 224, 71, 0.7));
}

.crp-weather-forecast-day.is-forecast-storm i::before {
    background: #d1d5db;
}

.crp-weather-forecast-day.is-forecast-storm i::after {
    background: linear-gradient(135deg, transparent 0 36%, #fde047 37% 62%, transparent 63%);
}

.crp-weather-forecast-day.is-forecast-snow i {
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255, 255, 255, 0.75) 0 1px, transparent 2px);
    background-position: 0.15rem 0.65rem, 0.72rem 0.75rem;
    background-size: 0.55rem 0.55rem;
}

.crp-weather-forecast-day.is-forecast-fog i {
    background:
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent),
        linear-gradient(90deg, rgba(255, 255, 255, 0.45), transparent, rgba(255, 255, 255, 0.45));
    border-radius: 999px;
    height: 0.9rem;
    margin-top: 0.1rem;
}

.crp-weather-forecast-empty {
    grid-column: 1 / -1;
    justify-content: center;
    text-transform: uppercase;
}

@keyframes crp-weather-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

@keyframes crp-weather-cloud {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-8px);
    }
}

@keyframes crp-weather-rain {
    from {
        background-position: 0 0, 0 0;
    }
    to {
        background-position: -18px 32px, -24px 38px;
    }
}

@keyframes crp-weather-snow {
    from {
        background-position: 0 0, 18px 18px;
    }
    to {
        background-position: 0 28px, 18px 46px;
    }
}

@keyframes crp-weather-lightning {
    0%, 78%, 100% {
        opacity: 0;
    }
    80%, 84% {
        opacity: 1;
    }
    86% {
        opacity: 0;
    }
    89% {
        opacity: 0.85;
    }
}

.crp-hero-context-card__label {
    color: var(--a75-color-primary);
    font-size: var(--a75-text-xs);
    font-weight: 850;
    text-transform: uppercase;
}

.crp-hero-context-row {
    align-items: center;
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    color: var(--a75-text);
    display: flex;
    font-size: 0.86rem;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.7rem 0.75rem;
}

.crp-hero-context-row strong {
    font-weight: 700;
    min-width: 0;
    overflow-wrap: anywhere;
}

.crp-hero-context-row.is-muted {
    color: var(--a75-text-muted);
}

.crp-hero-weather-refresh {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--a75-radius-pill);
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    height: 1.65rem;
    justify-content: center;
    margin-left: auto;
    width: 1.65rem;
}

.crp-hero-weather-refresh:hover,
.crp-hero-weather-refresh:focus-visible {
    background: var(--a75-tone-primary-soft);
    color: var(--a75-tone-primary-strong);
    outline: none;
}

.crp-tabs {
    /*
     * WHY:
     * The Company preview tab rail intentionally uses the approved pill-tab
     * treatment from the UI review while still relying on A75 tokens and
     * client-side anchored panel behavior.
     */
    background: color-mix(in srgb, var(--a75-surface-card) 88%, transparent);
    border: 0;
    border-bottom: 1px solid var(--a75-border-subtle);
    border-radius: 0;
    box-shadow: none;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 14px 0 16px;
    scrollbar-width: thin;
}

.crp-tab {
    --crp-tab-accent: var(--a75-color-primary);
    --crp-tab-soft: var(--a75-tone-primary-soft);
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-card) 86%, transparent);
    border: 1px solid color-mix(in srgb, var(--crp-tab-accent) 34%, var(--a75-border-subtle));
    border-radius: var(--a75-radius-pill);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
    color: color-mix(in srgb, var(--a75-text) 76%, var(--crp-tab-accent));
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--a75-font-display);
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    line-height: 1;
    min-height: 42px;
    padding: 0 16px;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.crp-tab:hover {
    background: color-mix(in srgb, var(--crp-tab-soft) 58%, var(--a75-surface-card));
    border-color: color-mix(in srgb, var(--crp-tab-accent) 58%, var(--a75-border-subtle));
    color: var(--a75-text);
}

.crp-tab.is-active {
    background: color-mix(in srgb, var(--crp-tab-soft) 66%, var(--a75-surface-card));
    border-color: color-mix(in srgb, var(--crp-tab-accent) 70%, var(--a75-border-subtle));
    box-shadow: 0 12px 28px color-mix(in srgb, var(--crp-tab-accent) 13%, transparent);
    color: var(--crp-tab-accent);
}

.crp-tab__icon {
    color: var(--crp-tab-accent);
    flex: 0 0 auto;
    height: 1.08rem;
    width: 1.08rem;
}

.crp-tab__count {
    align-items: center;
    background: color-mix(in srgb, var(--crp-tab-accent) 12%, var(--a75-surface-card));
    border-radius: var(--a75-radius-pill);
    color: var(--crp-tab-accent);
    display: inline-flex;
    font-family: var(--a75-font-body);
    font-size: 11px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    line-height: 1;
    min-width: 22px;
    padding: 0 7px;
}

.crp-tab[data-crp-tab="people"] {
    --crp-tab-accent: #d97706;
    --crp-tab-soft: color-mix(in srgb, #f59e0b 14%, var(--a75-surface-card));
}

.crp-tab[data-crp-tab="channels"] {
    --crp-tab-accent: #2563eb;
    --crp-tab-soft: color-mix(in srgb, #2563eb 11%, var(--a75-surface-card));
}

.crp-tab[data-crp-tab="opportunities"] {
    --crp-tab-accent: #16a34a;
    --crp-tab-soft: color-mix(in srgb, #16a34a 11%, var(--a75-surface-card));
}

.crp-tab[data-crp-tab="activity"] {
    --crp-tab-accent: #8b5cf6;
    --crp-tab-soft: color-mix(in srgb, #8b5cf6 11%, var(--a75-surface-card));
}

.crp-layout {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 68fr) minmax(280px, 32fr);
}

.crp-main,
.crp-sidebar {
    min-width: 0;
}

.crp-sidebar {
    display: grid;
    gap: 12px;
    position: sticky;
    top: 148px;
}

.crp-metrics {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.crp-metrics__toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--crp-text-secondary);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    justify-self: start;
    letter-spacing: 0;
    padding: 0;
    text-transform: uppercase;
}

.crp-metric-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.crp-metric {
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--crp-radius-lg);
    color: var(--crp-text-primary);
    cursor: pointer;
    min-height: 94px;
    padding: 16px;
    text-align: left;
}

.crp-metric span {
    color: var(--crp-text-secondary);
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.crp-metric strong {
    display: block;
    font-size: 19px;
    font-weight: 650;
    line-height: 1.2;
    margin-top: 8px;
}

.crp-metric--success {
    background: var(--crp-bg-success);
    color: var(--crp-success);
}

.crp-metric--warning {
    background: var(--crp-bg-warning);
    color: var(--crp-warning);
}

.crp-metric--info {
    background: var(--crp-bg-info);
    color: var(--crp-info);
}

.crp-metric-grid--dials {
    gap: 12px;
}

.crp-metric-dial.pd2-metric-card {
    align-items: center;
    border-left: 3px solid var(--pdc, var(--a75-color-primary));
    border-top-color: color-mix(in srgb, var(--pdc, var(--a75-color-primary)) 28%, var(--a75-border-subtle));
    cursor: pointer;
    gap: 0.68rem;
    grid-template-columns: 4rem minmax(0, 1fr);
    min-height: 104px;
    padding: 0.88rem 1rem;
    text-align: left;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.crp-metric-dial.pd2-metric-card:hover,
.crp-metric-dial.pd2-metric-card:focus-visible {
    border-color: color-mix(in srgb, var(--pdc, var(--a75-color-primary)) 42%, var(--a75-border-subtle));
    box-shadow: 0 16px 28px color-mix(in srgb, var(--pdc, var(--a75-color-primary)) 16%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.crp-metric-dial.pd2-metric-card .pd2-dial {
    flex-basis: 4rem;
    grid-row: 1 / span 2;
    height: 4rem;
    width: 4rem;
}

.crp-metric-dial.pd2-metric-card .pd2-dial-label {
    color: var(--a75-text, #1f1b16);
    font-size: 0.76rem;
    font-weight: 900;
    grid-column: 2;
    letter-spacing: 0.02em;
    line-height: 1.12;
    overflow-wrap: normal;
    text-align: left;
    text-transform: uppercase;
}

.crp-metric-dial.pd2-metric-card .pd2-metric-sub {
    font-size: 0.74rem;
    font-weight: 720;
    grid-column: 2;
    line-height: 1.18;
    text-align: left;
}

.crp-tab-panel {
    display: grid;
    gap: 24px;
}

.crp-card,
.crp-widget {
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    box-shadow: var(--a75-shadow-card);
}

.crp-card {
    overflow: hidden;
    padding: 0;
}

.crp-card__header,
.crp-widget__header {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 0;
}

.crp-card__header {
    padding: var(--a75-space-4) var(--a75-space-5);
}

.crp-card__eyebrow {
    color: var(--a75-color-primary);
    font-size: var(--a75-text-xs);
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 0.18rem;
    text-transform: uppercase;
}

.crp-card .a75-card__body {
    border-top: 0;
    padding: var(--a75-space-5);
}

.crp-card__header h2,
.crp-widget__header h2 {
    color: var(--crp-text-primary);
    font-family: var(--a75-font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.crp-small-link {
    padding: 0 10px;
}

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

.crp-field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.crp-field__label {
    color: var(--crp-text-secondary);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.crp-field__view {
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-page) 62%, var(--a75-surface-card));
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--crp-radius-md);
    color: var(--crp-text-primary);
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-height: 42px;
    padding: 9px 10px;
}

.crp-field__view:hover {
    border-color: var(--crp-border-hover);
}

.crp-field.is-readonly .crp-field__view {
    cursor: default;
}

.crp-field.is-empty .crp-field__text {
    color: var(--crp-text-tertiary);
}

.crp-field__text {
    font-size: 14px;
    line-height: 1.45;
    min-width: 0;
    overflow-wrap: anywhere;
}

.crp-field__icon,
.crp-field__lock {
    align-items: center;
    color: var(--crp-text-tertiary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px;
}

.crp-field__icon.a75-button {
    min-height: 1.55rem;
    padding: 0;
}

.crp-field__edit {
    display: grid;
    gap: 8px;
}

.crp-input {
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-color-primary);
    border-radius: var(--crp-radius-md);
    color: var(--crp-text-primary);
    font-size: 14px;
    line-height: 1.5;
    min-height: 42px;
    padding: 9px 10px;
    width: 100%;
}

.crp-input:focus {
    border-color: var(--a75-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--a75-color-primary) 18%, transparent);
    outline: none;
}

.crp-field.has-error .crp-input {
    border-color: var(--crp-danger);
}

.crp-field__actions {
    align-items: center;
    display: flex;
    gap: 8px;
}

.crp-icon-btn {
    height: 34px;
    min-height: 34px;
    padding: 0;
    width: 34px;
}

.crp-icon-btn--save {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 28%, var(--a75-border-subtle));
    background: var(--a75-tone-success-soft);
    color: var(--a75-tone-success-strong);
}

.crp-field__error {
    color: var(--crp-danger);
    font-size: 12px;
    margin: 0;
}

.crp-spinner {
    animation: crp-spin 0.8s linear infinite;
    border: 2px solid color-mix(in srgb, var(--crp-info) 20%, transparent);
    border-radius: 999px;
    border-top-color: var(--crp-info);
    display: inline-block;
    height: 16px;
    width: 16px;
}

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

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

.crp-person-row,
.crp-list-row {
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-page) 66%, var(--a75-surface-card));
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--crp-radius-md);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
    padding: 12px;
}

.crp-person-row__avatar {
    align-items: center;
    background: var(--a75-tone-primary-soft);
    border-radius: 999px;
    color: var(--a75-tone-primary-strong);
    display: inline-flex;
    flex: 0 0 38px;
    font-size: 12px;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.crp-person-row h3,
.crp-list-row h3 {
    color: var(--crp-text-primary);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    overflow-wrap: anywhere;
}

.crp-person-row p,
.crp-list-row p,
.crp-meta {
    color: var(--crp-text-secondary);
    font-size: 12px;
    line-height: 1.45;
    margin: 3px 0 0;
    overflow-wrap: anywhere;
}

.crp-icon-link {
    flex: 0 0 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    width: 34px;
}

.crp-empty-row {
    background: color-mix(in srgb, var(--a75-surface-page) 72%, var(--a75-surface-card));
    border: 1px dashed var(--crp-border-hover);
    border-radius: var(--crp-radius-md);
    color: var(--crp-text-tertiary);
    font-size: 14px;
    padding: 14px;
}

.crp-widget {
    padding: 16px;
}

.crp-widget__header {
    border-bottom: 0;
    justify-content: flex-start;
    padding: 0 0 14px;
}

.crp-widget__header p {
    color: var(--crp-text-secondary);
    font-size: 12px;
    line-height: 1.35;
    margin: 4px 0 0;
}

.crp-widget__icon {
    align-items: center;
    background: var(--a75-tone-primary-soft);
    border-radius: var(--crp-radius-md);
    color: var(--a75-tone-primary-strong);
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.crp-widget-btn {
    cursor: pointer;
    width: 100%;
}

.crp-widget-btn--primary {
    color: var(--a75-color-primary-contrast);
}

.crp-widget-status {
    color: var(--crp-text-tertiary);
    font-size: 12px;
    margin: 10px 0 0;
}

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

.crp-button-grid a,
.crp-widget-link {
    font-size: 12px;
    font-weight: 600;
    min-height: 36px;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
}

.crp-duplicate-results,
.crp-checklist {
    display: grid;
    gap: 6px;
    margin-top: 10px;
}

.crp-duplicate-row,
.crp-checklist span {
    background: color-mix(in srgb, var(--a75-surface-page) 72%, var(--a75-surface-card));
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--crp-radius-md);
    color: var(--crp-text-secondary);
    font-size: 12px;
    padding: 8px;
}

.crp-progress {
    background: var(--a75-surface-muted);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.crp-progress span {
    background: linear-gradient(90deg, var(--a75-color-primary), var(--a75-color-primary-strong));
    display: block;
    height: 100%;
}

.crp-quality,
.crp-widget-stats {
    align-items: center;
    color: var(--crp-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 8px;
    justify-content: space-between;
    margin: 10px 0;
}

.crp-quality strong,
.crp-widget-stats strong {
    color: var(--crp-text-primary);
}

.crp-system-list {
    display: grid;
    gap: 8px;
    margin: 0;
}

.crp-system-list div {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.crp-system-list dt {
    color: var(--crp-text-tertiary);
    font-size: 11px;
    text-transform: uppercase;
}

.crp-system-list dd {
    color: var(--crp-text-secondary);
    font-size: 12px;
    margin: 0;
    text-align: right;
}

.crp-toast-stack {
    /* z-index keeps transient preview toasts above sticky page UI and below app-level modals. */
    bottom: 18px;
    display: grid;
    gap: 8px;
    max-width: min(360px, calc(100vw - 32px));
    position: fixed;
    right: 18px;
    z-index: 45;
}

.crp-toast {
    background: var(--a75-surface-popout);
    border: 1px solid var(--a75-border-subtle);
    border-left: 4px solid var(--a75-color-primary);
    border-radius: var(--crp-radius-md);
    box-shadow: var(--crp-shadow);
    color: var(--crp-text-primary);
    font-size: 13px;
    padding: 10px 12px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.crp-toast--success {
    border-left-color: var(--crp-success);
}

.crp-toast--error {
    border-left-color: var(--crp-danger);
}

.crp-toast.is-leaving {
    opacity: 0;
    transform: translateY(6px);
}

@media (max-width: 1199px) {
    .crp-layout {
        grid-template-columns: minmax(0, 60fr) minmax(260px, 40fr);
    }
}

@media (max-width: 1024px) {
    .crp-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .company-redesign-preview {
        padding: 12px 0 28px;
    }

    .crp-sticky-header {
        align-items: flex-start;
        border-radius: var(--crp-radius-md);
        flex-direction: column;
        top: 104px;
    }

    .crp-quick-actions--sticky {
        margin-left: 0;
    }

    .crp-header-actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }

    .crp-action-btn span {
        display: none;
    }

    .crp-company-hero {
        padding: var(--a75-space-4);
    }

    .crp-company-hero__layout,
    .crp-company-hero__identity {
        grid-template-columns: 1fr;
    }

    .crp-company-hero__identity {
        justify-items: start;
    }

    .crp-hero-back-contact--companies {
        left: var(--a75-space-4);
    }

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

    .company-redesign-preview .crp-hero-dials.pd2-metric-grid--hero {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card {
        min-height: 7.85rem;
    }

    .crp-company-hero__meta span,
    .crp-company-hero__meta-link {
        max-width: 100%;
        white-space: normal;
    }

    .crp-weather-tile {
        border-radius: var(--crp-radius-lg);
        min-height: 136px;
        padding: 0.78rem;
        width: 100%;
    }

    .crp-weather-tile--hero {
        min-height: 214px;
        padding: 0.9rem;
    }

    .crp-weather-main {
        padding-left: 5.75rem;
    }

    .crp-weather-clock {
        font-size: 1.85rem;
    }

    .crp-weather-current {
        min-width: 4.35rem;
    }

    .crp-weather-current strong {
        font-size: 1.55rem;
    }

    .crp-weather-forecast {
        min-height: 2.35rem;
    }

    .crp-layout,
    .crp-field-grid,
    .crp-metric-grid {
        grid-template-columns: 1fr;
    }

    .crp-sidebar {
        position: static;
    }

    .crp-card {
        padding: 0;
    }

    .crp-card__header {
        padding: var(--a75-space-4);
    }

    .crp-card .a75-card__body {
        padding: var(--a75-space-4);
    }

    .crp-button-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .crp-title-group h1 {
        font-size: 18px;
    }

    .crp-weather-tile {
        --crp-weather-orb-left: 0.7rem;
        --crp-weather-orb-size: 3.15rem;
        gap: 0.44rem 0.55rem;
    }

    .crp-weather-main {
        padding-left: 3.45rem;
    }

    .crp-weather-meta,
    .crp-weather-difference,
    .crp-weather-contactability,
    .crp-weather-current span,
    .crp-weather-current small,
    .crp-weather-current em {
        font-size: 0.62rem;
    }

    .crp-hero-logo-shell,
    .crp-hero-logo,
    .crp-hero-logo-fallback {
        flex-basis: 128px;
        height: 128px;
        width: 128px;
    }

    .crp-hero-dial {
        min-height: 100px;
    }

    .company-redesign-preview .crp-hero-dials.pd2-metric-grid--hero {
        gap: 0.55rem;
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card {
        min-height: 7.35rem;
        padding: 0.6rem 0.38rem;
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial {
        flex-basis: 3.45rem;
        height: 3.45rem;
        width: 3.45rem;
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial::after {
        inset: 0.48rem;
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial-label {
        font-size: 0.58rem;
        letter-spacing: 0.035em;
    }

    .crp-weather-tile--hero {
        min-height: 204px;
    }

    .crp-header-main,
    .crp-person-row,
    .crp-list-row {
        align-items: flex-start;
    }

    .crp-person-row,
    .crp-list-row {
        flex-direction: column;
    }

    .crp-icon-link {
        width: 100%;
    }

    .crp-toast-stack {
        bottom: 12px;
        left: 12px;
        right: 12px;
    }
}

@media (prefers-color-scheme: dark) {
    html:not(.a75crm-light) .company-redesign-preview {
        /*
         * WHY:
         * Keep preview dark-mode behavior on the same A75 token contract used
         * by the rest of the shell, including shared buttons and cards.
         */
        --a75-surface-page: var(--surface-dark, #111217);
        --a75-surface-card: var(--card-dark, #17181d);
        --a75-surface-muted: var(--surface-raised-dark, #202127);
        --a75-surface-popout: var(--card-dark, #17181d);
        --a75-text: var(--text-primary-dark, #f8fafc);
        --a75-text-muted: var(--text-muted-dark, #cbd5e1);
        --a75-border-subtle: var(--border-dark, #334155);
        --a75-shadow-card: none;
    }

    .crp-card,
    .crp-widget,
    .crp-sticky-header,
    .crp-tabs {
        box-shadow: var(--a75-shadow-card);
    }
}

/* ==================================================
   COMPANY BASIC CRUD PREVIEW
================================================== */
.company-profile-v2 {
    --company-preview-ink: #1f2937;
    --company-preview-muted: #667085;
    --company-preview-border: color-mix(in srgb, var(--border) 82%, #cbd5e1);
    --company-preview-card: color-mix(in srgb, var(--card) 96%, #fff7ed);
    --company-preview-soft: color-mix(in srgb, var(--muted) 78%, #fff7ed);
    --company-preview-green: #0f766e;
    --company-preview-blue: #2563eb;
    --company-preview-gold: #b45309;
    color: var(--company-preview-ink);
    padding-bottom: 4rem;
}

.company-profile-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(240px, 0.45fr);
    gap: 1.25rem;
    align-items: center;
    border: 1px solid var(--company-preview-border);
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--card) 92%, #fff7ed), color-mix(in srgb, var(--card) 92%, #eef2ff)),
        var(--company-preview-card);
    padding: 1.25rem;
    box-shadow: var(--shadow-card);
}

.company-profile-logo {
    display: grid;
    width: 4.75rem;
    height: 4.75rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--primary) 26%, var(--border));
    border-radius: 18px;
    background: linear-gradient(135deg, #f97316, #2563eb);
    color: #fff;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0;
}

.company-profile-kicker {
    margin-bottom: 0.25rem;
    color: var(--primary);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.company-profile-hero h1 {
    margin: 0;
    color: var(--foreground);
    font-size: 2rem;
    line-height: 1.1;
}

.company-profile-display-name {
    margin: 0.25rem 0 0;
    color: var(--company-preview-muted);
    font-size: 0.95rem;
}

.company-profile-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.company-profile-hero__meta span,
.company-context-card,
.a75-record-action-strip > div,
.company-profile-nav-item,
.a75-profile-field-row,
.company-person-card,
.a75-child-record-row {
    border: 1px solid var(--company-preview-border);
    background: color-mix(in srgb, var(--card) 92%, transparent);
}

.company-profile-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.8rem;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    color: var(--company-preview-muted);
    font-size: 0.8rem;
    white-space: nowrap;
}

.company-profile-context {
    display: grid;
    gap: 0.65rem;
}

.company-context-card {
    border-radius: 12px;
    padding: 0.75rem;
}

.company-context-card span,
.a75-record-action-strip span {
    display: block;
    color: var(--company-preview-muted);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.company-context-card strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--foreground);
    font-size: 0.9rem;
}

.company-context-card em {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.2rem;
    color: var(--company-preview-muted);
    font-size: 0.76rem;
    font-style: normal;
}

.company-profile-actions,
.a75-record-action-strip__actions,
.company-form-actions,
.company-widget-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.a75-record-action-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr)) minmax(0, 1.45fr);
    gap: 0.75rem;
    margin-top: 1rem;
}

.a75-record-action-strip > div {
    min-width: 0;
    border-radius: 14px;
    padding: 0.85rem 1rem;
}

.a75-record-action-strip strong {
    display: block;
    margin-top: 0.18rem;
    color: var(--foreground);
    font-size: 1.35rem;
    line-height: 1;
}

.a75-record-action-strip__actions {
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}

.a75-record-action-strip__actions .a75-button {
    flex: 1 1 10rem;
    min-width: 0;
    max-width: 100%;
}

.a75-compact-toggle {
    display: inline-flex;
    flex: 1 1 9rem;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    color: var(--company-preview-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.company-profile-grid {
    display: grid;
    grid-template-columns: minmax(190px, 0.24fr) minmax(0, 1fr) minmax(250px, 0.32fr);
    gap: 1rem;
    margin-top: 1rem;
    align-items: start;
}

.company-profile-nav,
.company-profile-rail {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
}

.company-profile-nav__inner,
.company-profile-rail,
.company-customizer__panel {
    border: 1px solid var(--company-preview-border);
    border-radius: 16px;
    background: var(--company-preview-card);
    box-shadow: var(--shadow-card);
}

.company-profile-nav__head,
.company-profile-rail__head,
.company-widget-head,
.company-section-head,
.company-customizer__panel header,
.company-customizer__panel footer,
.a75-repeatable-preview__head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.company-profile-nav__head,
.company-profile-rail__head {
    justify-content: space-between;
    padding: 0.85rem 0.9rem;
    border-bottom: 1px solid var(--company-preview-border);
}

.company-profile-nav__head h2,
.company-profile-rail__head h2,
.company-widget-head h3,
.company-section-head h2 {
    margin: 0;
    color: var(--foreground);
    font-size: 0.95rem;
    line-height: 1.2;
}

.company-profile-nav-list,
.company-profile-main,
.a75-record-rail-widgets {
    display: grid;
    gap: 0.75rem;
}

.company-profile-nav-list {
    padding: 0.75rem;
}

.company-profile-nav-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    border-radius: 12px;
    padding: 0.25rem;
}

.company-profile-nav-link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    border: 0;
    background: transparent;
    color: var(--foreground);
    font-size: 0.84rem;
    font-weight: 700;
    text-align: left;
}

.company-profile-nav-link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-profile-nav-link b,
.a75-section-missing {
    display: inline-grid;
    min-width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, #f59e0b 16%, var(--card));
    color: var(--company-preview-gold);
    font-size: 0.72rem;
}

.company-profile-main {
    min-width: 0;
}

.company-profile-section {
    border: 1px solid var(--company-preview-border);
    border-radius: 16px;
    background: var(--company-preview-card);
    box-shadow: var(--shadow-card);
    scroll-margin-top: 1rem;
}

.company-section-head {
    padding: 0.95rem 1rem;
    border-bottom: 1px solid var(--company-preview-border);
}

.company-section-head > div {
    min-width: 0;
    flex: 1;
}

.company-section-head p {
    margin: 0.16rem 0 0;
    color: var(--company-preview-muted);
    font-size: 0.78rem;
}

.company-section-icon {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--primary) 11%, var(--card));
    color: var(--primary);
}

.company-section-actions {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.a75-section-action,
.a75-icon-button,
.a75-section-drag,
.a75-widget-drag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2rem;
    border: 1px solid var(--company-preview-border);
    border-radius: 10px;
    background: var(--card);
    color: var(--foreground);
    font-size: 0.78rem;
    font-weight: 750;
}

.a75-icon-button,
.a75-section-drag,
.a75-widget-drag {
    width: 2rem;
    padding: 0;
}

.company-section-body {
    padding: 1rem;
}

.is-section-collapsed .company-section-body,
.is-widget-collapsed .company-widget-body {
    display: none;
}

.a75-profile-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.a75-profile-field-row {
    display: grid;
    grid-template-columns: minmax(110px, 0.42fr) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    border-radius: 12px;
    padding: 0.72rem 0.8rem;
}

.a75-profile-field-row dt {
    color: var(--company-preview-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.a75-profile-field-row dd {
    margin: 0;
    min-width: 0;
    color: var(--foreground);
    font-size: 0.86rem;
    overflow-wrap: anywhere;
}

.a75-field-placeholder,
.a75-empty-inline {
    color: var(--company-preview-muted);
    font-style: normal;
}

.a75-add-value {
    margin-left: 0.45rem;
    border: 0;
    background: transparent;
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.is-compact-empty .a75-profile-field-row.is-empty[data-empty-optional="1"] {
    display: none;
}

.a75-company-form-grid,
.a75-child-records-grid,
.company-research-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.a75-company-form-field {
    display: grid;
    gap: 0.35rem;
    color: var(--company-preview-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.a75-company-input {
    width: 100%;
    min-height: 2.45rem;
    border: 1px solid var(--company-preview-border);
    border-radius: 10px;
    background: var(--background);
    color: var(--foreground);
    padding: 0.55rem 0.7rem;
    font-size: 0.9rem;
    font-weight: 500;
}

.a75-company-form-field textarea.a75-company-input {
    min-height: 5.6rem;
    resize: vertical;
}

.a75-company-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.45rem;
}

.company-form-actions {
    margin-top: 1rem;
    justify-content: flex-end;
}

.a75-child-records-grid article,
.company-research-grid article,
.a75-repeatable-preview,
.company-quick-create {
    border: 1px solid var(--company-preview-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--card) 88%, var(--company-preview-soft));
    padding: 0.9rem;
}

.a75-child-records-grid h3,
.company-research-grid h3,
.a75-repeatable-preview h3,
.company-quick-create h3 {
    margin: 0 0 0.55rem;
    font-size: 0.9rem;
}

.a75-child-record-row,
.company-person-card {
    border-radius: 12px;
    padding: 0.65rem;
}

.a75-child-record-row + .a75-child-record-row {
    margin-top: 0.5rem;
}

.a75-child-record-row strong,
.a75-child-record-row span {
    display: block;
}

.a75-child-record-row span,
.company-person-card span,
.company-person-card em,
.company-widget-body span {
    color: var(--company-preview-muted);
    font-size: 0.78rem;
    font-style: normal;
}

.a75-repeatable-preview {
    margin-top: 1rem;
}

.a75-repeatable-preview__head {
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.a75-repeatable-row {
    display: grid;
    grid-template-columns: 0.8fr 0.55fr 1fr 0.45fr auto auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.6rem;
    border: 1px dashed var(--company-preview-border);
    border-radius: 12px;
}

.a75-repeatable-row + .a75-repeatable-row {
    margin-top: 0.55rem;
}

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

.a75-repeatable-row--person {
    grid-template-columns: minmax(150px, 1fr) 0.8fr 0.8fr 0.9fr auto auto;
}

.company-people-list {
    display: grid;
    gap: 0.65rem;
}

.company-person-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
}

.company-person-card b {
    border-radius: 999px;
    background: color-mix(in srgb, var(--company-preview-green) 12%, var(--card));
    color: var(--company-preview-green);
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
}

.company-person-avatar {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border-radius: 999px;
    background: var(--company-preview-soft);
    color: var(--primary);
    font-weight: 800;
}

.company-quick-create {
    margin-top: 1rem;
}

.company-review-boundary {
    margin: 0.8rem 0 0;
    border-left: 3px solid var(--company-preview-blue);
    color: var(--company-preview-muted);
    padding-left: 0.7rem;
    font-size: 0.82rem;
}

.a75-record-rail-widgets {
    padding: 0.75rem;
}

.company-rail-widget {
    overflow: hidden;
    border-radius: 14px;
}

.company-widget-head {
    border-bottom: 1px solid var(--company-preview-border);
    padding: 0.7rem 0.75rem;
}

.company-widget-head h3 {
    flex: 1;
}

.company-widget-head span {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    place-items: center;
    border-radius: 9px;
    background: var(--company-preview-soft);
    color: var(--primary);
}

.company-widget-body {
    padding: 0.8rem;
    color: var(--foreground);
    font-size: 0.84rem;
}

.company-widget-body p {
    margin: 0 0 0.55rem;
}

.company-widget-actions .a75-button {
    justify-content: center;
    width: 100%;
}

.company-completion-widget {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
}

.company-completion-ring {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: 999px;
    background: conic-gradient(var(--company-preview-green) var(--pct), color-mix(in srgb, var(--border) 70%, transparent) 0);
}

.company-completion-ring span {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 999px;
    background: var(--card);
    color: var(--foreground);
    font-size: 0.85rem;
    font-weight: 800;
}

.company-sticky-note {
    border-left: 3px solid #f59e0b;
    padding-left: 0.7rem;
}

.company-widget-dl {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.company-widget-dl div {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.company-widget-dl dt {
    color: var(--company-preview-muted);
}

.company-customizer {
    /* z-index places the customizer over the preview but below global modal layers. */
    position: fixed;
    inset: 0;
    z-index: 45;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, 0.38);
    padding: 1rem;
}

.company-customizer__panel {
    width: min(520px, 100%);
    max-height: min(680px, calc(100vh - 2rem));
    overflow: auto;
}

.company-customizer__panel header,
.company-customizer__panel footer {
    justify-content: space-between;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--company-preview-border);
}

.company-customizer__panel footer {
    border-top: 1px solid var(--company-preview-border);
    border-bottom: 0;
}

.company-customizer__panel [data-customizer-body] {
    display: grid;
    gap: 0.55rem;
    padding: 1rem;
}

.company-customizer-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid var(--company-preview-border);
    border-radius: 12px;
    padding: 0.75rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.is-record-layout-dragging {
    opacity: 0.55;
}

@media (max-width: 1180px) {
    .company-profile-grid {
        grid-template-columns: minmax(170px, 0.25fr) minmax(0, 1fr);
    }

    .company-profile-rail {
        position: static;
        grid-column: 1 / -1;
        max-height: none;
    }

    .a75-record-rail-widgets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .company-profile-hero,
    .a75-record-action-strip,
    .company-profile-grid,
    .a75-profile-field-grid,
    .a75-company-form-grid,
    .a75-child-records-grid,
    .company-research-grid {
        grid-template-columns: 1fr;
    }

    .company-profile-nav {
        /* z-index keeps the mobile section rail above cards while scrolling. */
        position: sticky;
        top: 0;
        z-index: 20;
        max-height: none;
    }

    .company-profile-nav-list {
        display: flex;
        overflow-x: auto;
        padding-bottom: 0.9rem;
        scroll-snap-type: x mandatory;
    }

    .company-profile-nav-item {
        min-width: 235px;
        scroll-snap-align: start;
    }

    .a75-repeatable-row,
    .a75-repeatable-row--address,
    .a75-repeatable-row--person,
    .a75-record-rail-widgets {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .company-profile-hero,
    .a75-record-action-strip > div,
    .company-section-body {
        padding: 0.85rem;
    }

    .company-profile-hero h1 {
        font-size: 1.55rem;
    }

    .company-profile-logo {
        width: 3.8rem;
        height: 3.8rem;
        border-radius: 14px;
    }

    .a75-profile-field-row,
    .company-person-card {
        grid-template-columns: 1fr;
    }

    .company-section-head {
        flex-wrap: wrap;
    }

    .company-section-actions {
        width: 100%;
        justify-content: flex-end;
    }
}

.a75-rich-select {
    position: relative;
    max-width: 100%;
}

.a75-rich-select__trigger {
    display: flex;
    align-items: center;
    gap: var(--a75-space-3);
    width: 100%;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    color: var(--a75-text);
    padding: var(--a75-space-3);
    text-align: left;
}

.a75-rich-select__avatar {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--a75-radius-md);
    background: var(--a75-tone-primary-soft);
    color: var(--a75-tone-primary-strong);
    font-size: var(--a75-text-xs);
    font-weight: 800;
}

.a75-rich-select__copy {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 0.1rem;
}

.a75-rich-select__title,
.a75-rich-select__option-title {
    color: var(--a75-text);
    font-size: var(--a75-text-sm);
}

.a75-rich-select__subtitle,
.a75-rich-select__option-subtitle {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-xs);
}

.a75-rich-select__menu {
    position: absolute;
    left: 0;
    top: calc(100% + 0.45rem);
    z-index: var(--a75-z-popover);
    display: grid;
    width: min(calc(100vw - 2rem), 25rem);
    gap: var(--a75-space-2);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-popout);
    padding: var(--a75-space-2);
    box-shadow: var(--a75-shadow-popout);
}

.a75-rich-select__menu[hidden],
.a75-enhanced-select__menu[hidden],
[data-a75-rich-dropdown-menu][hidden],
[data-a75-searchable-select-menu][hidden],
[data-location-menu][hidden],
.a75-searchable-select-menu[hidden],
.a75-location-menu[hidden],
.crm-rich-select-menu[hidden] {
    display: none !important;
}

.a75-rich-select__search {
    display: flex;
    align-items: center;
    gap: var(--a75-space-2);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    padding: 0.45rem 0.6rem;
}

.a75-rich-select__search-input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--a75-text);
    font-size: var(--a75-text-sm);
}

.a75-rich-select__option {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--a75-space-2);
    align-items: center;
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--a75-radius-md);
    background: transparent;
    color: var(--a75-text);
    padding: var(--a75-space-2);
    text-align: left;
}

.a75-rich-select__option-avatar {
    display: grid;
    width: 2rem;
    height: 2rem;
    grid-row: span 2;
    place-items: center;
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-muted);
    color: var(--a75-text);
    font-size: var(--a75-text-xs);
    font-weight: 800;
}

.a75-rich-select__option-subtitle {
    grid-column: 2;
}

.a75-rich-select__option:hover,
.a75-rich-select__option.is-selected {
    border-color: color-mix(in srgb, var(--a75-color-primary) 25%, var(--a75-border-subtle));
    background: var(--a75-tone-primary-soft);
}

.a75-phone-code-select {
    width: 100%;
    max-width: 100%;
}

.a75-phone-code-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    padding: 0 !important;
}

.a75-phone-code-select__trigger {
    min-height: 2.75rem;
    height: 2.75rem;
    gap: 0.65rem;
    padding: 0.5rem 0.7rem;
    overflow: hidden;
}

.a75-phone-code-select__trigger .a75-rich-select__copy {
    display: block;
}

.a75-phone-code-select__trigger .a75-rich-select__title {
    display: block;
    overflow: hidden;
    font-size: var(--a75-text-sm);
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-phone-code-select__trigger .a75-rich-select__subtitle {
    display: none;
}

.a75-phone-code-select__menu {
    max-height: 22rem;
    overflow-y: auto;
}

.a75-country-avatar {
    font-size: 1rem;
    line-height: 1;
}

.a75-phone-code-select__trigger .a75-country-avatar {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.5rem;
}

.a75-country-flag {
    display: inline-grid;
    place-items: center;
}

.a75-country-flag:empty {
    display: none;
}

.a75-country-flag img {
    display: block;
    width: 1.45rem;
    height: 1rem;
    border-radius: 0.2rem;
    object-fit: cover;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--a75-border-subtle) 70%, transparent);
}

.a75-country-flag:not(:empty) + .a75-country-iso {
    display: none;
}

.agency75-phone-fields {
    align-items: end;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
}

.agency75-phone-fields > * {
    grid-column: auto / span 1 !important;
    min-width: 0;
}

.agency75-phone-fields .a75-field__control,
.agency75-phone-fields .a75-phone-code-select__trigger,
.agency75-phone-fields > label.inline-flex {
    min-height: 2.75rem;
}

.agency75-phone-fields > label.inline-flex {
    align-self: end;
}

.a75-toast {
    display: grid;
    gap: 0.2rem;
    max-width: 22rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-popout);
    color: var(--a75-text);
    padding: var(--a75-space-3);
    box-shadow: var(--a75-shadow-popout);
}

.a75-toast-region {
    position: fixed;
    right: var(--a75-space-4);
    bottom: var(--a75-space-4);
    z-index: var(--a75-z-toast);
    display: grid;
    width: min(calc(100vw - 2rem), 24rem);
    gap: var(--a75-space-2);
}

.a75-toast__action {
    justify-self: start;
    border: 0;
    background: transparent;
    color: var(--a75-color-primary);
    font-size: var(--a75-text-xs);
    font-weight: 800;
    padding: 0;
}

.a75-toast--success {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 32%, var(--a75-border-subtle));
    background: var(--a75-tone-success-soft);
}

.a75-toast--warning {
    border-color: color-mix(in srgb, var(--a75-tone-warning-strong) 32%, var(--a75-border-subtle));
    background: var(--a75-tone-warning-soft);
}

.a75-toast--danger {
    border-color: color-mix(in srgb, var(--a75-tone-danger-strong) 32%, var(--a75-border-subtle));
    background: var(--a75-tone-danger-soft);
}

/* ==================================================
   AGENCY75 PRODUCTION SHELL AND AUTH SURFACES
================================================== */

.a75-app-shell {
    min-width: 0;
    background: var(--a75-surface-page);
    color: var(--a75-text);
}

.a75-app-frame,
.a75-app-main,
.a75-app-content {
    min-width: 0;
}

.a75-app-sidebar,
.a75-app-mobile-sidebar {
    background: var(--a75-surface-inverse);
    color: var(--a75-text-inverse, #ffffff);
}

.a75-app-drawer {
    z-index: var(--a75-z-drawer);
}

.a75-app-drawer__overlay {
    background: var(--a75-overlay-backdrop);
}

.a75-app-topbar {
    z-index: var(--a75-z-sticky);
    border-color: var(--a75-border-subtle);
    background: color-mix(in srgb, var(--a75-surface-card) 92%, transparent);
}

.a75-app-topbar__inner {
    width: 100%;
}

.a75-shell-brand-row,
.a75-shell-user {
    border-color: color-mix(in srgb, var(--a75-text-inverse, #ffffff) 12%, transparent);
}

.a75-shell-nav-link {
    border: 1px solid transparent;
    border-radius: var(--a75-radius-md);
}

.a75-shell-nav-link.is-active {
    border-color: color-mix(in srgb, var(--a75-color-primary) 30%, transparent);
    box-shadow: inset 3px 0 0 var(--a75-color-primary);
}

.a75-shell-group__toggle {
    letter-spacing: 0.08em;
}

.a75-shell-user__link {
    border: 1px solid color-mix(in srgb, var(--a75-text-inverse, #ffffff) 10%, transparent);
}

.a75-shell-icon-button {
    border-radius: var(--a75-radius-md);
}

.a75-shell-mobile-brand {
    border: 1px solid transparent;
}

.a75-shell-search {
    min-width: 0;
}

.a75-shell-search__input {
    border-color: var(--a75-border-subtle);
    background: color-mix(in srgb, var(--a75-surface-muted) 55%, transparent);
}

.a75-shell-search--mobile {
    border-color: var(--a75-border-subtle);
}

.a75-mobile-action-host {
    pointer-events: none;
}

.a75-mobile-action-host .a75-mobile-action-bar {
    pointer-events: auto;
}

.a75-auth-page {
    min-height: 100vh;
    min-height: 100svh;
    background:
        linear-gradient(180deg, #f8fafc 0%, #f4f6fb 48%, #f8fafc 100%);
    color: var(--a75-text);
    font-family: var(--a75-font-body);
}

.a75-rich-select__native {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.a75-enhanced-select {
    width: 100%;
}

.a75-enhanced-select__menu {
    grid-template-rows: auto minmax(0, 1fr);
    width: 100%;
    max-height: min(22rem, calc(100vh - 2rem));
    overflow: hidden;
}

.a75-enhanced-select.is-open-up .a75-enhanced-select__menu {
    top: auto;
    bottom: calc(100% + 0.45rem);
}

.a75-enhanced-select__options {
    display: grid;
    gap: var(--a75-space-1);
    max-height: min(16rem, calc(100vh - 8rem));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 0.15rem;
}

/* ==================================================
   CONTACT FAMILY AND COMPETENCY FORM
================================================== */

.agency75-family-member-row {
    min-width: 0;
    overflow: visible;
}

.agency75-family-member-grid {
    display: grid;
    grid-template-columns:
        minmax(14rem, 1.2fr)
        minmax(12rem, 1fr)
        minmax(7rem, 0.55fr)
        minmax(16rem, 1.35fr);
    gap: 1rem;
    align-items: start;
}

.agency75-family-member-field {
    min-width: 0;
}

.agency75-family-member-field input,
.agency75-family-member-field textarea,
.agency75-family-member-field .a75-enhanced-select,
.agency75-family-member-field .a75-rich-select__trigger {
    min-width: 0;
    max-width: 100%;
}

.agency75-family-member-field .a75-rich-select__trigger {
    min-height: 3.25rem;
    overflow: hidden;
}

.agency75-family-member-field .a75-rich-select__title,
.agency75-family-member-field .a75-rich-select__subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agency75-family-member-field--notes textarea {
    min-height: 3.25rem;
    resize: vertical;
}

@media (max-width: 1180px) {
    .agency75-family-member-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agency75-family-member-field--notes {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .agency75-family-member-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .agency75-family-member-field--notes {
        grid-column: auto;
    }
}

.a75-auth-login {
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
}

.a75-auth-login {
    height: 100vh;
    height: 100svh;
    max-height: 100vh;
    max-height: 100svh;
    overflow: hidden;
}

.a75-auth-login .a75crm-auth-brand-panel,
.a75-auth-login .a75crm-auth-form-panel {
    height: 100vh;
    height: 100svh;
    max-height: 100vh;
    max-height: 100svh;
    min-height: 0;
    overflow: hidden;
}

.a75crm-auth-screen {
    min-height: 100vh;
    min-height: 100svh;
}

.a75crm-auth-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 100vh;
    min-height: 100svh;
}

.a75crm-auth-brand-panel {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: var(--a75-space-8);
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
    background:
        linear-gradient(145deg, #171719 0%, #21171a 50%, #301b20 100%);
    color: #ffffff;
    padding: 2rem;
    isolation: isolate;
}

.a75crm-auth-brand-panel::before {
    position: absolute;
    inset: 0;
    z-index: -2;
    content: "";
    background-image:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.13) 1px, transparent 1px),
        linear-gradient(125deg, rgba(255, 90, 54, 0.2), transparent 42%),
        linear-gradient(310deg, rgba(37, 99, 235, 0.12), transparent 38%);
    background-position: 0 0, center, center;
    background-size: 30px 30px, auto, auto;
}

.a75crm-auth-brand-panel::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.28)),
        linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.035) 100%);
}

.a75crm-auth-brand-glow-1,
.a75crm-auth-brand-glow-2 {
    display: none;
}

.a75-auth-login__brand {
    color: #ffffff;
}

.a75-auth-login__panel,
.a75-auth-login__card,
.a75-auth-login__form {
    min-width: 0;
}

.a75crm-auth-brand-top,
.a75crm-auth-brand-story,
.a75crm-auth-brand-footer {
    position: relative;
}

.a75crm-auth-brand-top {
    align-self: start;
}

.a75crm-auth-brand-link,
.a75crm-auth-compact-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: inherit;
    text-decoration: none;
}

.a75crm-auth-brand-link:hover,
.a75crm-auth-compact-brand:hover {
    color: inherit;
    text-decoration: none;
}

.a75crm-auth-brand-copy {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    line-height: 1.1;
}

.a75crm-auth-brand-copy strong {
    color: currentColor;
    font-family: var(--a75-font-display);
    font-size: 0.95rem;
    font-weight: 800;
}

.a75crm-auth-brand-copy small {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.68rem;
    font-weight: 750;
    text-transform: uppercase;
}

.a75crm-auth-mark {
    display: inline-grid;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: var(--a75-radius-md);
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.16);
}

.a75crm-auth-mark img {
    display: block;
    width: 70%;
    height: 70%;
    object-fit: contain;
}

.a75crm-auth-mark span {
    color: var(--a75-tone-primary-strong);
    font-family: var(--a75-font-display);
    font-size: 0.78rem;
    font-weight: 900;
}

.a75crm-auth-mark--dark {
    border-color: var(--a75-border-subtle);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

.a75crm-auth-brand-story {
    align-self: center;
    max-width: 34rem;
}

.a75crm-auth-eyebrow,
.a75crm-auth-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: var(--a75-radius-pill);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.a75crm-auth-eyebrow {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
    padding: 0.42rem 0.7rem;
}

.a75crm-auth-eyebrow i,
.a75crm-auth-feature-icon i,
.a75crm-auth-submit i,
.a75crm-auth-sso i,
.a75crm-auth-alert i,
.a75crm-auth-footer-links i,
.a75crm-auth-link-button i,
.a75crm-auth-result-icon i {
    width: 1rem;
    height: 1rem;
}

.a75crm-auth-heading {
    max-width: 31rem;
    margin: 1.35rem 0 0;
    color: #ffffff;
    font-family: var(--a75-font-display);
    font-size: 2.5rem;
    font-weight: 850;
    line-height: 1.05;
}

.a75crm-auth-copy {
    max-width: 29rem;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.73);
    font-size: 0.98rem;
    line-height: 1.65;
}

.a75crm-auth-feature-list {
    display: grid;
    gap: 0.78rem;
    margin: 2rem 0 0;
    padding: 0;
    list-style: none;
}

.a75crm-auth-feature-list li {
    display: flex;
    align-items: center;
    gap: 0.78rem;
    min-width: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.9rem;
    font-weight: 720;
}

.a75crm-auth-feature-icon {
    display: inline-grid;
    width: 2.05rem;
    height: 2.05rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--a75-radius-md);
    background: rgba(255, 255, 255, 0.08);
    color: #ff8a3d;
}

.a75crm-auth-brand-footer {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.74rem;
}

.a75crm-auth-form-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.92)),
        linear-gradient(125deg, rgba(255, 90, 54, 0.08), transparent 42%),
        linear-gradient(315deg, rgba(37, 99, 235, 0.08), transparent 42%);
    padding: 1.5rem;
}

.a75crm-auth-mobile-brand {
    display: none;
}

.a75crm-auth-form-center {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    padding: 2rem 1rem;
}

.a75-auth-login__card {
    border-color: var(--a75-border-subtle);
    box-shadow: 0 30px 84px rgba(15, 23, 42, 0.12);
}

.a75crm-auth-card {
    width: min(100%, 27rem);
    min-width: 0;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: color-mix(in srgb, var(--a75-surface-card) 98%, transparent);
    box-shadow: 0 30px 84px rgba(15, 23, 42, 0.12);
    padding: 1.65rem;
}

.a75crm-auth-card--compact {
    width: min(100%, 28rem);
}

.a75crm-auth-pill {
    margin-bottom: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--a75-color-primary) 20%, transparent);
    background: color-mix(in srgb, var(--a75-tone-primary-soft) 80%, white);
    color: var(--a75-tone-primary-strong);
    padding: 0.34rem 0.62rem;
}

.a75crm-auth-title {
    margin: 0;
    color: var(--a75-text);
    font-family: var(--a75-font-display);
    font-size: 1.65rem;
    font-weight: 850;
    line-height: 1.12;
}

.a75crm-auth-subtitle {
    margin: 0.55rem 0 0;
    color: var(--a75-text-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.a75crm-auth-form {
    display: grid;
    gap: 1rem;
    margin-top: 1.45rem;
}

.a75crm-auth-field {
    display: grid;
    gap: 0.42rem;
    min-width: 0;
}

.a75crm-auth-field .a75-field__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0;
    color: var(--a75-text);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75crm-auth-field .a75-field__label a {
    color: var(--a75-tone-primary-strong);
    font-size: 0.72rem;
    font-weight: 850;
    text-decoration: none;
}

.a75crm-auth-field .a75-field__label a:hover {
    text-decoration: underline;
}

.a75crm-auth-input-wrap {
    position: relative;
    min-width: 0;
}

.a75crm-auth-input {
    width: 100%;
    min-width: 0;
    min-height: 2.9rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: color-mix(in srgb, var(--a75-surface-page) 55%, #ffffff);
    color: var(--a75-text);
    font-size: 0.9rem;
    outline: none;
    padding: 0.76rem 0.85rem;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.a75crm-auth-card .a75crm-auth-input {
    min-height: 2.9rem;
    background: color-mix(in srgb, var(--a75-surface-page) 55%, #ffffff);
    font-size: 0.9rem;
    padding: 0.76rem 0.85rem;
}

.a75crm-auth-input::placeholder {
    color: color-mix(in srgb, var(--a75-text-muted) 75%, transparent);
}

.a75crm-auth-input:focus {
    border-color: color-mix(in srgb, var(--a75-color-primary) 54%, var(--a75-border-subtle));
    background: var(--a75-surface-card);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--a75-color-primary) 16%, transparent);
}

.a75crm-auth-input--with-icon {
    padding-left: 2.55rem;
    padding-right: 2.7rem;
}

.a75crm-auth-card .a75crm-auth-input--with-icon {
    padding-left: 2.55rem;
    padding-right: 2.7rem;
}

.a75crm-auth-input-icon {
    position: absolute;
    top: 50%;
    left: 0.85rem;
    width: 1rem;
    height: 1rem;
    color: var(--a75-text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.a75crm-password-toggle {
    position: absolute;
    top: 50%;
    right: 0.45rem;
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 0;
    border-radius: var(--a75-radius-md);
    background: transparent;
    color: var(--a75-text-muted);
    transform: translateY(-50%);
}

.a75crm-password-toggle:hover,
.a75crm-password-toggle:focus-visible {
    background: var(--a75-surface-muted);
    color: var(--a75-text);
    outline: none;
}

.a75crm-password-toggle i {
    width: 1rem;
    height: 1rem;
}

.a75-auth-login__password-toggle {
    border-radius: var(--a75-radius-md);
}

.a75crm-auth-remember-row {
    margin-top: -0.1rem;
}

.a75crm-auth-remember-row label {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    color: var(--a75-text-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.a75crm-auth-remember-row input {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-sm);
    accent-color: var(--a75-color-primary);
}

.a75crm-auth-submit {
    display: inline-flex;
    width: 100%;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: var(--a75-radius-md);
    font-size: 0.9rem;
    font-weight: 850;
    text-decoration: none;
}

.a75crm-auth-divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.8rem;
    margin: 1rem 0;
    color: var(--a75-text-muted);
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75crm-auth-divider::before,
.a75crm-auth-divider::after {
    height: 1px;
    content: "";
    background: var(--a75-border-subtle);
}

.a75crm-auth-sso {
    width: 100%;
    min-height: 2.8rem;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    color: var(--a75-text);
    font-size: 0.86rem;
    font-weight: 800;
}

.a75crm-auth-sso:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.a75crm-auth-sso span {
    display: inline-flex;
    align-items: center;
    border-radius: var(--a75-radius-pill);
    background: var(--a75-surface-muted);
    color: var(--a75-text-muted);
    font-size: 0.64rem;
    font-weight: 850;
    padding: 0.14rem 0.42rem;
    text-transform: uppercase;
}

.a75crm-auth-footer-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin-top: 1.35rem;
    color: var(--a75-text-muted);
    font-size: 0.85rem;
}

.a75crm-auth-footer-links a,
.a75crm-auth-link-button {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--a75-tone-primary-strong);
    font-weight: 850;
    text-decoration: none;
}

.a75crm-auth-footer-links a:hover,
.a75crm-auth-link-button:hover {
    text-decoration: underline;
}

.a75crm-auth-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: var(--a75-radius-md);
    padding: 0.78rem 0.85rem;
    font-size: 0.82rem;
    line-height: 1.45;
}

.a75crm-auth-alert--danger {
    border-color: color-mix(in srgb, var(--a75-tone-danger-strong) 24%, transparent);
    background: var(--a75-tone-danger-soft);
    color: var(--a75-tone-danger-strong);
}

.a75crm-auth-alert--success {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 24%, transparent);
    background: var(--a75-tone-success-soft);
    color: var(--a75-tone-success-strong);
}

.a75crm-auth-hint {
    margin: 0;
    color: var(--a75-text-muted);
    font-size: 0.74rem;
    line-height: 1.45;
}

.a75crm-auth-result {
    display: grid;
    justify-items: center;
    gap: 0.65rem;
    text-align: center;
}

.a75crm-auth-result .a75crm-auth-pill {
    margin-bottom: 0;
}

.a75crm-auth-result-icon,
.a75crm-auth-avatar {
    display: grid;
    width: 3.7rem;
    height: 3.7rem;
    place-items: center;
    overflow: hidden;
    border-radius: var(--a75-radius-md);
    background: var(--a75-tone-primary-soft);
    color: var(--a75-tone-primary-strong);
}

.a75crm-auth-result-icon--success {
    background: var(--a75-tone-success-soft);
    color: var(--a75-tone-success-strong);
}

.a75crm-auth-result-icon--danger {
    background: var(--a75-tone-danger-soft);
    color: var(--a75-tone-danger-strong);
}

.a75crm-auth-result-icon i {
    width: 1.65rem;
    height: 1.65rem;
}

.a75crm-auth-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.a75crm-auth-note {
    margin-top: 1.3rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: color-mix(in srgb, var(--a75-surface-muted) 42%, transparent);
    padding: 0.95rem;
}

.a75crm-auth-note strong {
    display: block;
    color: var(--a75-text);
    font-size: 0.86rem;
}

.a75crm-auth-note ul {
    display: grid;
    gap: 0.45rem;
    margin: 0.65rem 0 0;
    padding-left: 1.1rem;
    color: var(--a75-text-muted);
    font-size: 0.84rem;
    line-height: 1.5;
}

.a75crm-auth-action-stack {
    display: grid;
    gap: 0.8rem;
    margin-top: 1.35rem;
}

.a75crm-auth-compact {
    display: grid;
    min-height: 100vh;
    place-items: center;
    gap: 1.2rem;
    padding: 1.5rem;
}

.a75crm-auth-compact-brand {
    color: var(--a75-text);
    font-family: var(--a75-font-display);
    font-size: 0.92rem;
    font-weight: 850;
}

html.a75crm-dark .a75-auth-page {
    background:
        linear-gradient(180deg, #111217 0%, #15161c 54%, #111217 100%);
}

html.a75crm-dark .a75crm-auth-form-panel {
    background:
        linear-gradient(180deg, rgba(17, 18, 23, 0.96), rgba(22, 23, 29, 0.94)),
        linear-gradient(125deg, rgba(255, 90, 54, 0.08), transparent 42%),
        linear-gradient(315deg, rgba(37, 99, 235, 0.08), transparent 42%);
}

html.a75crm-dark .a75crm-auth-card,
html.a75crm-dark .a75crm-auth-input,
html.a75crm-dark .a75crm-auth-sso {
    background: var(--a75-surface-card);
}

@media (max-width: 1024px) {
    .a75crm-auth-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75crm-auth-brand-panel {
        display: none;
    }

    .a75crm-auth-form-panel {
        min-height: 100vh;
        min-height: 100svh;
        padding: 1.1rem;
    }

    .a75crm-auth-mobile-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.4rem 0 0;
    }

    .a75crm-auth-form-center {
        align-items: center;
        padding: 1.4rem 0;
    }
}

@media (max-width: 520px) {
    .a75crm-auth-card {
        padding: 1.15rem;
    }

    .a75crm-auth-title {
        font-size: 1.45rem;
    }

    .a75crm-auth-sso {
        flex-wrap: wrap;
    }
}

/* ==================================================
   BIXINOTEBOOK STAGING WORKBENCH
================================================== */

.notebook-shell {
    display: grid;
    gap: 1rem;
}

.notebook-hero {
    align-items: flex-start;
    background: linear-gradient(135deg, hsl(var(--card)), hsl(var(--muted)));
    border: 1px solid hsl(var(--border));
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem;
}

.notebook-hero h1,
.notebook-panel h2,
.notebook-queue-card h2 {
    letter-spacing: 0;
}

.notebook-hero h1 {
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.15;
    margin: .2rem 0 .4rem;
}

.notebook-hero p {
    color: hsl(var(--muted-foreground));
    margin: 0;
    max-width: 58rem;
}

.notebook-eyebrow,
.notebook-panel-heading p {
    color: hsl(var(--primary));
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.notebook-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.notebook-badge-row span,
.notebook-status-chip,
.notebook-card-meta span {
    background: hsl(var(--secondary));
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--secondary-foreground));
    font-size: .72rem;
    font-weight: 650;
    line-height: 1;
    padding: .42rem .58rem;
}

.notebook-kpis {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.notebook-kpi,
.notebook-panel,
.notebook-empty,
.notebook-queue-card,
.notebook-filters {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.notebook-kpi {
    padding: .85rem;
}

.notebook-kpi span {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .75rem;
}

.notebook-kpi strong {
    display: block;
    font-size: 1.45rem;
    line-height: 1.1;
    margin-top: .25rem;
}

.notebook-filters {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(14rem, 1.4fr) repeat(3, minmax(11rem, 1fr)) auto auto;
    padding: .85rem;
}

.notebook-filters label,
.notebook-form-grid label {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.notebook-filters span,
.notebook-form-grid span {
    color: hsl(var(--muted-foreground));
    font-size: .73rem;
    font-weight: 700;
}

.notebook-filters input,
.notebook-filters select,
.notebook-form-grid input,
.notebook-form-grid select,
.notebook-form-grid textarea {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--border));
    border-radius: 6px;
    color: hsl(var(--foreground));
    min-height: 2.35rem;
    padding: .5rem .65rem;
    width: 100%;
}

.notebook-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 28rem) minmax(0, 1fr);
}

.notebook-queue {
    align-content: start;
    display: grid;
    gap: .75rem;
    max-height: calc(100vh - 15rem);
    overflow: auto;
    padding-right: .2rem;
}

.notebook-queue-card {
    display: grid;
    gap: .65rem;
    padding: .85rem;
    position: relative;
}

.notebook-queue-card.is-selected {
    border-color: hsl(var(--primary));
    box-shadow: 0 0 0 2px hsl(var(--primary) / .16);
}

.notebook-card-main h2 {
    font-size: .98rem;
    line-height: 1.2;
    margin: 0;
}

.notebook-card-main p,
.notebook-card-foot {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    margin: .25rem 0 0;
}

.notebook-card-meta,
.notebook-card-foot,
.notebook-card-actions,
.notebook-action-row,
.notebook-detail-actions,
.notebook-linked-records {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.notebook-card-open {
    background: transparent;
    border: 0;
    color: hsl(var(--primary));
    cursor: pointer;
    font-size: .8rem;
    font-weight: 700;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.notebook-progress,
.notebook-readiness-meter {
    background: hsl(var(--muted));
    border-radius: 999px;
    height: .48rem;
    overflow: hidden;
}

.notebook-progress span,
.notebook-readiness-meter span {
    background: hsl(var(--primary));
    display: block;
    height: 100%;
}

.notebook-workspace-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
}

.notebook-panel,
.notebook-empty {
    padding: 1rem;
}

.notebook-panel-heading {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .8rem;
}

.notebook-panel-heading h2 {
    font-size: 1rem;
    line-height: 1.2;
    margin: .18rem 0 0;
}

.notebook-raw-list {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.notebook-raw-list div {
    min-width: 0;
}

.notebook-raw-list dt {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 700;
}

.notebook-raw-list dd {
    margin: .15rem 0 0;
    overflow-wrap: anywhere;
}

.notebook-form-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notebook-form-fieldset {
    border: 0;
    display: grid;
    gap: .9rem;
    margin: 0;
    padding: 0;
}

.notebook-form-fieldset:disabled {
    opacity: .78;
}

.notebook-form-span {
    grid-column: 1 / -1;
}

.notebook-button {
    align-items: center;
    background: hsl(var(--secondary));
    border: 1px solid hsl(var(--border));
    border-radius: 6px;
    color: hsl(var(--secondary-foreground));
    cursor: pointer;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 700;
    justify-content: center;
    min-height: 2.35rem;
    padding: .5rem .75rem;
    text-decoration: none;
}

.notebook-button-primary {
    background: hsl(var(--primary));
    border-color: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
}

.notebook-button-danger {
    color: hsl(var(--destructive));
}

.notebook-button:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.notebook-panel-note,
.notebook-missing-list {
    color: hsl(var(--muted-foreground));
    font-size: .86rem;
}

.notebook-missing-list {
    margin: .75rem 0 0;
    padding-left: 1.1rem;
}

.notebook-linked-records a {
    color: hsl(var(--primary));
    font-weight: 700;
}

.notebook-workspace.is-loading {
    opacity: .7;
    pointer-events: none;
}

.notebook-toast {
    background: hsl(var(--foreground));
    border-radius: 8px;
    bottom: 1rem;
    color: hsl(var(--background));
    max-width: min(28rem, calc(100vw - 2rem));
    padding: .8rem 1rem;
    position: fixed;
    right: 1rem;
    z-index: 70; /* Keeps Notebook AJAX feedback above the app shell while staying below modal overlays. */
}

.notebook-toast.is-error {
    background: hsl(var(--destructive));
    color: hsl(var(--destructive-foreground));
}

@media (max-width: 1180px) {
    .notebook-filters,
    .notebook-layout,
    .notebook-workspace-grid {
        grid-template-columns: 1fr;
    }

    .notebook-queue {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 680px) {
    .notebook-hero,
    .notebook-panel-heading {
        display: grid;
    }

    .notebook-badge-row {
        justify-content: flex-start;
    }

    .notebook-kpis,
    .notebook-raw-list,
    .notebook-form-grid {
        grid-template-columns: 1fr;
    }
}

/* ==================================================
   AGENCY75 RECORD ROUTE BRIDGES
================================================== */

.a75-record-list,
.a75-record-form,
.a75-record-view,
.a75-record-rail,
.a75-record-preview,
.a75-record-preview__panel,
.a75-record-field {
    min-width: 0;
}

.a75-record-list__card,
.a75-record-form,
.a75-record-form__hero,
.a75-record-form__priority,
.a75-record-rail .a75-card {
    border-color: var(--a75-border-subtle);
    background: var(--a75-surface-card);
}

.a75-record-list__hero,
.a75-record-form__hero {
    border-radius: var(--a75-radius-xl);
}

.a75-record-form__priority {
    box-shadow: var(--a75-shadow-card);
}

.a75-record-form__actionbar {
    border-top: 1px solid var(--a75-border-subtle);
}

.a75-record-preview {
    z-index: var(--a75-z-drawer);
}

.a75-record-preview__panel {
    background: var(--a75-surface-popout);
    color: var(--a75-text);
}

/* ==================================================
   AGENCY75 ADMIN GOVERNANCE ROUTE BRIDGES
================================================== */

.a75-governance-screen,
.a75-governance-panel,
.a75-governance-grid,
.a75-governance-form {
    min-width: 0;
}

.a75-governance-screen {
    max-width: 100%;
}

.a75-governance-panel {
    border-color: var(--a75-border-subtle);
    background: var(--a75-surface-card);
    color: var(--a75-text);
}

.a75-governance-panel.a75-card,
.a75-governance-hero.a75-card {
    overflow: visible;
}

.a75-governance-hero {
    border-radius: var(--a75-radius-xl);
    box-shadow: var(--a75-shadow-card);
}

.a75-governance-table-wrap {
    max-width: 100%;
    overflow-x: auto;
}

.a75-governance-filter-bar {
    align-items: center;
}

.a75-governance-meta {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
}

/* ==================================================
   AGENCY75 ADMIN INTEGRATIONS ROUTE BRIDGES
================================================== */

.a75-integrations-screen,
.a75-integrations-panel,
.a75-integrations-card,
.a75-integrations-form,
.a75-integrations-filter-bar,
.a75-connector-card {
    min-width: 0;
}

.a75-integrations-screen {
    max-width: 100%;
}

.a75-integrations-panel,
.a75-integrations-card,
.a75-connector-card {
    border-color: var(--a75-border-subtle);
    background-color: var(--a75-surface-card);
    color: var(--a75-text);
}

.a75-integrations-panel.a75-card,
.a75-integrations-card.a75-card,
.a75-integrations-hero {
    overflow: visible;
}

.a75-connector-card.a75-card {
    overflow: hidden;
}

.a75-integrations-hero {
    max-width: 100%;
    border-radius: var(--a75-radius-xl);
    box-shadow: var(--a75-shadow-card);
}

.a75-integrations-filter-bar {
    max-width: 100%;
    align-items: center;
}

.a75-drawer.connector-wizard-drawer {
    z-index: var(--a75-z-drawer);
}

.a75-drawer .connector-wizard-panel {
    background: var(--a75-surface-popout);
    color: var(--a75-text);
}

/* ==================================================
   AGENCY75 PROFILE ROUTE BRIDGES
================================================== */

.a75-profile-screen,
.a75-profile-panel,
.a75-profile-form,
.a75-profile-stat,
.a75-profile-action {
    min-width: 0;
}

.a75-profile-screen {
    max-width: 100%;
}

.a75-profile-panel,
.a75-profile-stat,
.a75-profile-action {
    border-color: var(--a75-border-subtle);
    background-color: var(--a75-surface-card);
    color: var(--a75-text);
}

.a75-profile-panel.a75-card,
.a75-profile-stat.a75-card,
.a75-profile-hero.a75-card {
    overflow: hidden;
}

.a75-profile-hero {
    border-radius: var(--a75-radius-xl);
    box-shadow: var(--a75-shadow-card);
}

.a75-profile-stat {
    box-shadow: var(--a75-shadow-card);
}

.a75-profile-action {
    text-decoration: none;
}

.a75-profile-form .a75-field__control,
.a75-profile-security-screen .a75-field__control {
    min-height: 2.5rem;
}

.a75-profile-screen .a75-mobile-action-bar {
    z-index: var(--a75-z-sticky);
}

.contact-tab-strip.a75-tabs__list,
.contact-form-tab-list.a75-tabs__list,
.company-tab-strip.a75-tabs__list,
.company-form-tab-list.a75-tabs__list {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.contact-tab-button.a75-tabs__tab,
.contact-form-tab-list .a75-tabs__tab,
.company-tab-strip .a75-tabs__tab,
.company-form-tab-list .a75-tabs__tab {
    flex: 0 0 auto;
}

/* ==================================================
   AGENCY75 NORMALIZED CATALOG PATTERNS
================================================== */

.a75-shell-map {
    display: grid;
    grid-template-columns: minmax(9rem, 13rem) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
}

.a75-shell-map__sidebar {
    display: grid;
    align-content: start;
    gap: var(--a75-space-2);
    background: var(--a75-surface-inverse);
    color: var(--a75-text-inverse);
    padding: var(--a75-space-3);
}

.a75-shell-map__brand,
.a75-connector-card__logo,
.a75-auth-split__mark {
    display: inline-grid;
    place-items: center;
    font-weight: 850;
}

.a75-shell-map__brand {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--a75-radius-md);
    background: var(--a75-color-primary);
    color: var(--a75-text-inverse);
}

.a75-shell-map__nav {
    border-radius: var(--a75-radius-md);
    color: color-mix(in srgb, var(--a75-text-inverse) 72%, transparent);
    padding: 0.5rem 0.65rem;
    font-size: var(--a75-text-sm);
}

.a75-shell-map__nav.is-active {
    background: color-mix(in srgb, var(--a75-color-primary) 22%, transparent);
    color: var(--a75-text-inverse);
}

.a75-shell-map__main {
    min-width: 0;
    background: var(--a75-surface-page);
}

.a75-shell-map__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--a75-space-3);
    border-bottom: 1px solid var(--a75-border-subtle);
    background: var(--a75-surface-card);
    padding: var(--a75-space-3);
}

.a75-shell-map__search,
.a75-filter-bar__search {
    display: flex;
    align-items: center;
    min-width: 0;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    color: var(--a75-text-muted);
}

.a75-shell-map__search {
    gap: var(--a75-space-2);
    width: min(100%, 28rem);
    padding: 0.55rem 0.75rem;
    font-size: var(--a75-text-sm);
}

.a75-shell-map__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--a75-space-3);
    padding: var(--a75-space-3);
}

.a75-auth-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 24rem);
    overflow: hidden;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
}

.a75-auth-split__brand {
    display: grid;
    align-content: center;
    gap: var(--a75-space-3);
    min-height: 17rem;
    background: var(--a75-surface-inverse);
    color: var(--a75-text-inverse);
    padding: var(--a75-space-5);
}

.a75-auth-split__mark {
    width: 3rem;
    height: 3rem;
    border-radius: var(--a75-radius-lg);
    background: var(--a75-color-primary);
}

.a75-auth-split__headline {
    max-width: 18rem;
    font-size: var(--a75-text-2xl);
    line-height: 1.1;
}

.a75-auth-split__copy {
    color: color-mix(in srgb, var(--a75-text-inverse) 72%, transparent);
    font-size: var(--a75-text-sm);
}

.a75-auth-split__form {
    display: grid;
    align-content: center;
    gap: var(--a75-space-3);
    padding: var(--a75-space-5);
}

.a75-auth-split__form-title {
    color: var(--a75-text);
    font-size: var(--a75-text-xl);
}

.a75-auth-split__field {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    color: var(--a75-text-muted);
    padding: 0.65rem 0.75rem;
}

.a75-entity-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: var(--a75-space-4);
    align-items: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-xl);
    background: var(--a75-surface-card);
    padding: var(--a75-space-4);
    box-shadow: var(--a75-shadow-card);
}

.a75-company-entity-header.a75-entity-header {
    display: block;
}

.a75-opportunity-entity-header.a75-entity-header {
    display: flex;
}

.a75-entity-header__avatar {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: var(--a75-radius-lg);
    background: var(--a75-tone-primary-soft);
    color: var(--a75-tone-primary-strong);
    font-weight: 850;
}

.a75-entity-header__identity {
    display: grid;
    min-width: 0;
    gap: var(--a75-space-2);
}

.a75-entity-header__title {
    color: var(--a75-text);
    font-size: var(--a75-text-2xl);
    line-height: 1.05;
}

.a75-entity-header__meta {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
    overflow-wrap: anywhere;
}

.a75-entity-header__scores,
.a75-entity-header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a75-space-2);
    justify-content: flex-end;
}

.a75-score-ring {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: var(--a75-radius-pill);
    background:
        radial-gradient(circle at center, var(--a75-surface-card) 58%, transparent 59%),
        conic-gradient(var(--a75-color-primary) calc(var(--a75-score, 0) * 1%), var(--a75-border-subtle) 0);
    color: var(--a75-text);
    line-height: 1;
}

.a75-score-ring__label {
    color: var(--a75-text-muted);
    font-size: 0.55rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-tabs {
    display: grid;
    gap: var(--a75-space-3);
}

.a75-tabs__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a75-space-2);
}

.a75-tabs__tab {
    display: inline-flex;
    align-items: center;
    gap: var(--a75-space-2);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    background: var(--a75-surface-card);
    color: var(--a75-text-muted);
    padding: 0.5rem 0.75rem;
    font-size: var(--a75-text-sm);
    font-weight: 800;
}

.a75-tabs__tab.is-active {
    border-color: color-mix(in srgb, var(--a75-color-primary) 35%, var(--a75-border-subtle));
    background: var(--a75-tone-primary-soft);
    color: var(--a75-color-primary);
}

.a75-tabs__panel {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-muted);
    color: var(--a75-text-muted);
    padding: var(--a75-space-4);
}

.a75-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a75-space-2);
    align-items: center;
}

.a75-filter-bar__search {
    gap: var(--a75-space-2);
    flex: 1 1 16rem;
    padding: 0.5rem 0.65rem;
}

.a75-filter-bar__input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--a75-text);
}

.a75-table-wrap {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    width: 100%;
}

.a75-table-wrap .dataTables_wrapper {
    max-width: 100%;
    min-width: 0;
}

.a75-table {
    width: 100%;
    min-width: 42rem;
    border-collapse: collapse;
    background: var(--a75-surface-card);
    color: var(--a75-text);
}

.a75-table__head {
    background: var(--a75-surface-muted);
}

.a75-table__cell {
    border-bottom: 1px solid var(--a75-border-subtle);
    padding: 0.75rem;
    text-align: left;
    vertical-align: middle;
    font-size: var(--a75-text-sm);
}

.a75-table__subtext {
    display: block;
    color: var(--a75-text-muted);
    font-size: var(--a75-text-xs);
}

.a75-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--a75-space-3);
}

.a75-field {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.a75-field__label {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.a75-field__control {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    color: var(--a75-text);
    padding: 0.62rem 0.7rem;
    font-size: var(--a75-text-sm);
}

.a75-repeatable {
    display: grid;
    gap: var(--a75-space-3);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-muted);
    padding: var(--a75-space-3);
}

.a75-repeatable__head,
.a75-lookup-editor__head,
.a75-screen-recipe__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--a75-space-3);
}

.a75-repeatable__row {
    display: grid;
    grid-template-columns: minmax(8rem, 0.8fr) minmax(12rem, 1fr) auto;
    gap: var(--a75-space-2);
    align-items: center;
}

.a75-popover {
    display: grid;
    gap: var(--a75-space-2);
    width: min(calc(100vw - 2rem), 20rem);
    border-radius: var(--a75-radius-lg);
    padding: var(--a75-space-3);
}

.a75-popover--static {
    position: relative;
}

.a75-popover__title {
    color: var(--a75-text);
    font-size: var(--a75-text-sm);
}

.a75-popover__text {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
    line-height: 1.5;
}

.a75-workflow-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.85fr);
    gap: var(--a75-space-3);
}

.a75-timeline {
    display: grid;
    gap: var(--a75-space-3);
    border-left: 2px solid var(--a75-border-subtle);
    padding-left: var(--a75-space-3);
}

.a75-timeline__item {
    position: relative;
    display: grid;
    gap: 0.18rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    padding: var(--a75-space-3);
}

.a75-timeline__meta {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-xs);
}

.a75-timeline__dot {
    position: absolute;
    left: calc(-1 * var(--a75-space-3) - 0.45rem);
    top: 1rem;
    width: 0.72rem;
    height: 0.72rem;
    border-radius: var(--a75-radius-pill);
    background: var(--a75-color-primary);
}

.a75-timeline__dot.is-success {
    background: var(--a75-tone-success-strong);
}

.a75-timeline__dot.is-warning {
    background: var(--a75-tone-warning-strong);
}

.a75-guardrail {
    display: grid;
    gap: var(--a75-space-2);
    align-content: start;
    border: 1px solid color-mix(in srgb, var(--a75-tone-warning-strong) 25%, var(--a75-border-subtle));
    border-radius: var(--a75-radius-lg);
    background: var(--a75-tone-warning-soft);
    padding: var(--a75-space-4);
}

.a75-guardrail__title {
    display: inline-flex;
    align-items: center;
    gap: var(--a75-space-2);
    color: var(--a75-tone-warning-strong);
}

.a75-guardrail__text {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
    line-height: 1.55;
}

.a75-pipeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--a75-space-2);
}

.a75-pipeline__step {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    background: var(--a75-surface-card);
    color: var(--a75-text-muted);
    padding: 0.55rem 0.75rem;
    text-align: center;
    font-size: var(--a75-text-xs);
    font-weight: 800;
}

.a75-pipeline__step.is-complete {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 26%, var(--a75-border-subtle));
    background: var(--a75-tone-success-soft);
    color: var(--a75-tone-success-strong);
}

.a75-pipeline__step.is-active {
    border-color: color-mix(in srgb, var(--a75-color-primary) 34%, var(--a75-border-subtle));
    background: var(--a75-tone-primary-soft);
    color: var(--a75-color-primary);
}

.a75-duplicate-review {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: var(--a75-space-3);
    align-items: center;
}

.a75-duplicate-review--queue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.a75-duplicate-review__candidate,
.a75-lookup-editor,
.a75-admin-center-preview,
.a75-screen-recipe {
    display: grid;
    gap: var(--a75-space-3);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
    padding: var(--a75-space-3);
}

.a75-duplicate-review__text,
.a75-admin-center-preview__text,
.a75-admin-center-preview__tile-text,
.a75-lookup-editor__text {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
}

.a75-duplicate-review__match {
    display: grid;
    justify-items: center;
    gap: var(--a75-space-2);
}

.a75-duplicate-review__actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--a75-space-2);
}

/* ==================================================
   IMPORT WIZARD UX
================================================== */
.a75-import-workflow {
    display: grid;
    gap: var(--a75-space-4);
}

.a75-import-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--a75-space-4);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--a75-color-primary) 10%, transparent), transparent 46%),
        var(--a75-surface-card);
    padding: var(--a75-space-5);
    box-shadow: var(--shadow-card, 0 16px 34px rgba(31, 23, 18, .08));
}

.a75-import-hero__copy,
.a75-import-hero > div {
    min-width: 0;
    max-width: 48rem;
}

.a75-import-hero__actions,
.a75-import-ai-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--a75-space-2);
}

.a75-import-hero .a75-button,
.a75-import-ai-actions .a75-button,
.a75-import-review-actions .a75-button {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    line-height: 1.2;
}

.a75-import-kicker {
    margin: 0 0 .25rem;
    color: var(--a75-text-muted);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.a75-import-panel {
    display: grid;
    gap: var(--a75-space-3);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
    padding: var(--a75-space-4);
    box-shadow: var(--shadow-card, 0 14px 28px rgba(31, 23, 18, .06));
}

.a75-import-panel__head,
.a75-import-review-card__head,
.a75-import-entity-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--a75-space-3);
}

.a75-import-stepper,
.a75-import-steps {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--a75-space-2);
}

.a75-import-stepper form,
.a75-import-steps form,
.a75-import-stepper .a75-pipeline__step,
.a75-import-steps .a75-pipeline__step {
    width: 100%;
}

.a75-import-progress {
    position: relative;
    height: .48rem;
    overflow: hidden;
    border-radius: var(--a75-radius-pill);
    background: color-mix(in srgb, var(--a75-border-subtle) 64%, transparent);
}

.a75-import-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--a75-tone-success-strong), var(--a75-color-primary));
}

.a75-import-ai-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--a75-space-4);
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--a75-color-primary) 26%, var(--a75-border-subtle));
    border-radius: var(--a75-radius-lg);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--a75-color-primary) 9%, transparent), color-mix(in srgb, var(--a75-tone-success-strong) 7%, transparent)),
        var(--a75-surface-card);
    padding: var(--a75-space-4);
}

.a75-import-ai-summary__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--a75-space-2);
}

.a75-import-ai-summary__stats span,
.a75-import-ai-mini {
    display: inline-flex;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--a75-color-primary) 30%, var(--a75-border-subtle));
    border-radius: var(--a75-radius-pill);
    background: color-mix(in srgb, var(--a75-color-primary) 9%, var(--a75-surface-card));
    color: var(--a75-color-primary);
    padding: .25rem .55rem;
    font-size: .72rem;
    font-weight: 800;
}

.a75-import-ai-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
}

.a75-import-inline-status {
    display: inline-flex;
    min-height: 1.75rem;
    align-items: center;
    border-radius: var(--a75-radius-md);
    color: var(--a75-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.a75-import-inline-status.is-success { color: var(--a75-tone-success-strong); }
.a75-import-inline-status.is-warning { color: var(--a75-tone-warning-strong); }
.a75-import-inline-status.is-danger { color: var(--a75-tone-danger-strong); }
.a75-import-inline-status.is-info { color: var(--a75-color-primary); }

.a75-import-suggestion-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: var(--a75-space-3);
}

.a75-import-suggestion,
.a75-import-field-group {
    display: grid;
    gap: var(--a75-space-2);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
    padding: var(--a75-space-3);
}

.a75-import-suggestion span {
    color: var(--a75-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-import-suggestion strong {
    color: var(--a75-text-primary);
    font-size: .95rem;
}

.a75-import-suggestion small {
    color: var(--a75-text-muted);
    line-height: 1.45;
}

.a75-import-review-queue {
    display: grid;
    gap: var(--a75-space-4);
}

.a75-import-review-card {
    display: grid;
    gap: var(--a75-space-4);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
    padding: var(--a75-space-4);
    box-shadow: var(--shadow-card, 0 16px 30px rgba(31, 23, 18, .06));
}

.a75-import-review-card__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

.a75-import-review-card__meta span {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    background: color-mix(in srgb, var(--a75-border-subtle) 28%, transparent);
    color: var(--a75-text-muted);
    padding: .22rem .55rem;
    font-size: .72rem;
    font-weight: 750;
}

.a75-import-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--a75-space-4);
}

.a75-import-entity-card {
    display: grid;
    align-content: start;
    gap: var(--a75-space-3);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: color-mix(in srgb, var(--a75-surface-card) 88%, var(--a75-surface-muted, #f7f4f1));
    padding: var(--a75-space-4);
}

.a75-import-entity-card.is-reviewed {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 36%, var(--a75-border-subtle));
    background: color-mix(in srgb, var(--a75-tone-success-soft) 36%, var(--a75-surface-card));
}

.a75-import-field-list {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.a75-import-field-list div {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: var(--a75-space-2);
    align-items: start;
}

.a75-import-field-list dt {
    color: var(--a75-text-muted);
    font-size: .75rem;
    font-weight: 800;
}

.a75-import-field-list dd {
    min-width: 0;
    margin: 0;
    color: var(--a75-text-primary);
    overflow-wrap: anywhere;
    font-size: .84rem;
}

.a75-import-ai-recommendation {
    display: grid;
    gap: .35rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    padding: var(--a75-space-3);
}

.a75-import-ai-recommendation span {
    color: var(--a75-text-primary);
    font-size: .82rem;
    font-weight: 850;
}

.a75-import-ai-recommendation p,
.a75-import-ai-recommendation small,
.a75-import-match-note {
    margin: 0;
    color: var(--a75-text-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.a75-import-ai-recommendation.is-success {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 34%, var(--a75-border-subtle));
    background: color-mix(in srgb, var(--a75-tone-success-soft) 38%, var(--a75-surface-card));
}

.a75-import-ai-recommendation.is-warning {
    border-color: color-mix(in srgb, var(--a75-tone-warning-strong) 34%, var(--a75-border-subtle));
    background: color-mix(in srgb, var(--a75-tone-warning-soft) 42%, var(--a75-surface-card));
}

.a75-import-ai-recommendation.is-info {
    border-color: color-mix(in srgb, var(--a75-color-primary) 30%, var(--a75-border-subtle));
    background: color-mix(in srgb, var(--a75-tone-primary-soft) 44%, var(--a75-surface-card));
}

.a75-import-review-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a75-space-2);
}

.a75-import-strong-warning,
.a75-import-decision-receipt {
    display: grid;
    gap: .25rem;
    border: 1px solid color-mix(in srgb, var(--a75-tone-warning-strong) 36%, var(--a75-border-subtle));
    border-radius: var(--a75-radius-md);
    background: color-mix(in srgb, var(--a75-tone-warning-soft) 44%, var(--a75-surface-card));
    color: var(--a75-tone-warning-strong);
    padding: var(--a75-space-3);
    font-size: .78rem;
    line-height: 1.45;
}

.a75-import-decision-receipt.is-success {
    border-color: color-mix(in srgb, var(--a75-tone-success-strong) 36%, var(--a75-border-subtle));
    background: color-mix(in srgb, var(--a75-tone-success-soft) 44%, var(--a75-surface-card));
    color: var(--a75-tone-success-strong);
}

.a75-import-decision-receipt.is-info {
    border-color: color-mix(in srgb, var(--a75-color-primary) 30%, var(--a75-border-subtle));
    background: color-mix(in srgb, var(--a75-tone-primary-soft) 44%, var(--a75-surface-card));
    color: var(--a75-color-primary);
}

.a75-import-strong-warning strong,
.a75-import-decision-receipt strong {
    color: inherit;
    font-weight: 850;
}

.a75-import-strong-warning span,
.a75-import-decision-receipt span,
.a75-import-decision-receipt small {
    color: inherit;
    opacity: .9;
}

.a75-import-strong-confirm,
.a75-import-review-note {
    display: grid;
    flex: 1 1 100%;
    gap: .35rem;
    color: var(--a75-text-muted);
    font-size: .78rem;
}

.a75-import-strong-confirm {
    grid-template-columns: auto 1fr;
    align-items: start;
}

.a75-import-review-note textarea {
    min-height: 4.25rem;
    resize: vertical;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    color: var(--a75-text-primary);
    padding: .65rem .75rem;
}

.a75-import-review-actions button.is-ai-recommended {
    outline: 2px solid color-mix(in srgb, var(--a75-color-primary) 36%, transparent);
    outline-offset: 2px;
}

.a75-import-resolved-list {
    display: grid;
    gap: var(--a75-space-2);
}

.a75-import-resolved-row,
.a75-import-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--a75-space-2);
    border: 1px solid color-mix(in srgb, var(--a75-tone-success-strong) 30%, var(--a75-border-subtle));
    border-radius: var(--a75-radius-md);
    background: color-mix(in srgb, var(--a75-tone-success-soft) 48%, var(--a75-surface-card));
    color: var(--a75-tone-success-strong);
    padding: var(--a75-space-3);
    font-size: .86rem;
}

.a75-import-empty {
    justify-content: center;
    text-align: center;
}

html.a75crm-dark .a75-import-hero,
html.a75crm-dark .a75-import-panel,
html.a75crm-dark .a75-import-ai-summary,
html.a75crm-dark .a75-import-suggestion,
html.a75crm-dark .a75-import-field-group,
html.a75crm-dark .a75-import-review-card,
html.a75crm-dark .a75-import-entity-card,
html.a75crm-dark .a75-import-ai-recommendation {
    background-color: var(--card-dark, var(--a75-surface-card));
    border-color: var(--border-dark, var(--a75-border-subtle));
    color: var(--text-primary-dark, var(--a75-text-primary));
}

html.a75crm-dark .a75-import-entity-card {
    background: color-mix(in srgb, var(--surface-raised-dark, #1f2028) 72%, var(--card-dark, #141418));
}

@media (max-width: 900px) {
    .a75-import-hero,
    .a75-import-panel__head,
    .a75-import-review-card__head,
    .a75-import-entity-card__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .a75-import-hero__actions,
    .a75-import-ai-summary__stats,
    .a75-import-review-card__meta {
        justify-content: flex-start;
    }

    .a75-import-ai-summary,
    .a75-import-review-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-import-stepper,
    .a75-import-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .a75-import-hero,
    .a75-import-panel,
    .a75-import-ai-summary,
    .a75-import-review-card,
    .a75-import-entity-card {
        padding: var(--a75-space-3);
    }

    .a75-import-stepper,
    .a75-import-steps,
    .a75-import-field-list div {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-import-review-actions .a75-button,
    .a75-import-ai-actions .a75-button {
        justify-content: center;
        width: 100%;
    }
}

.a75-lookup-editor__row {
    display: grid;
    grid-template-columns: auto minmax(10rem, 0.7fr) minmax(12rem, 1fr) auto;
    gap: var(--a75-space-2);
    align-items: center;
}

.a75-lookup-editor__handle {
    color: var(--a75-text-muted);
}

.a75-connector-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--a75-space-3);
}

.a75-connector-card {
    display: grid;
    gap: var(--a75-space-3);
    align-content: start;
    min-width: 0;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-card);
    padding: var(--a75-space-4);
    box-shadow: var(--a75-shadow-card);
}

.a75-connector-card--hero {
    grid-column: span 2;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}

.a75-connector-card--rail {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}

.a75-connector-card__logo {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--a75-radius-md);
    background: var(--a75-tone-primary-soft);
    color: var(--a75-color-primary);
    font-size: var(--a75-text-xs);
}

.a75-connector-card__text,
.a75-screen-recipe__step {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
}

.a75-admin-center-preview__hero {
    display: grid;
    gap: var(--a75-space-2);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-tone-primary-soft);
    padding: var(--a75-space-4);
}

.a75-admin-center-preview__tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--a75-space-3);
}

.a75-mobile-frame {
    position: relative;
    display: grid;
    gap: var(--a75-space-3);
    max-width: 24rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-xl);
    background: var(--a75-surface-page);
    padding: var(--a75-space-3);
}

.a75-mobile-action-bar {
    display: flex;
    gap: var(--a75-space-2);
    justify-content: space-between;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-popout);
    padding: var(--a75-space-2);
    box-shadow: var(--a75-shadow-popout);
}

.a75-screen-recipe__steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--a75-space-2);
}

.a75-screen-recipe__step {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-muted);
    padding: var(--a75-space-3);
    text-align: center;
    font-weight: 750;
}

@media (max-width: 860px) {
    .a75-shell-map,
    .a75-auth-split,
    .a75-entity-header,
    .a75-workflow-grid,
    .a75-duplicate-review,
    .a75-connector-card--hero,
    .a75-connector-card--rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-shell-map__content,
    .a75-form-grid,
    .a75-connector-grid,
    .a75-admin-center-preview__tiles,
    .a75-screen-recipe__steps,
    .a75-pipeline {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-repeatable__row,
    .a75-lookup-editor__row {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-entity-header__scores,
    .a75-entity-header__actions,
    .a75-duplicate-review__actions {
        justify-content: flex-start;
    }
}

/* ==================================================
   AGENCY75 UI TOOLKIT CATALOG
================================================== */

.a75-catalog-page {
    display: grid;
    gap: var(--a75-space-5);
    width: min(100%, 1500px);
    max-width: 100%;
    margin: 0 auto;
    padding: var(--a75-space-5);
    overflow-x: clip;
}

.a75-catalog-hero,
.a75-catalog-section,
.a75-catalog-index,
.a75-catalog-intake-panel {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-xl);
    background: var(--a75-surface-card);
    color: var(--a75-text);
    box-shadow: var(--a75-shadow-card);
}

.a75-catalog-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem);
    gap: var(--a75-space-5);
    align-items: stretch;
    padding: var(--a75-space-5);
}

.a75-catalog-hero__copy {
    display: grid;
    align-content: center;
    gap: var(--a75-space-3);
    min-width: 0;
}

.a75-catalog-hero__title,
.a75-catalog-section__title,
.a75-catalog-index__title-main,
.a75-catalog-registry-card__title,
.a75-catalog-intake-card__title,
.a75-catalog-component__title {
    margin: 0;
    color: var(--a75-text);
    font-family: var(--a75-font-display);
    letter-spacing: 0;
}

.a75-catalog-hero__title {
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1;
}

.a75-catalog-hero__text,
.a75-catalog-section__text,
.a75-catalog-registry-card__text,
.a75-catalog-intake-card__text,
.a75-catalog-empty__text,
.a75-catalog-component__text,
.a75-catalog-normalization-card__text,
.a75-catalog-hero__panel-item {
    margin: 0;
    color: var(--a75-text-muted);
    font-size: var(--a75-text-sm);
    line-height: 1.6;
}

.a75-catalog-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a75-space-2);
}

.a75-catalog-hero__panel {
    display: grid;
    gap: var(--a75-space-3);
    align-content: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: color-mix(in srgb, var(--a75-tone-primary-soft) 42%, var(--a75-surface-card));
    padding: var(--a75-space-4);
}

.a75-catalog-hero__panel-list {
    display: grid;
    gap: var(--a75-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.a75-catalog-nav {
    position: sticky;
    top: 0.65rem;
    z-index: var(--a75-z-sticky);
    display: flex;
    flex-wrap: wrap;
    gap: var(--a75-space-2);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: color-mix(in srgb, var(--a75-surface-card) 94%, transparent);
    padding: var(--a75-space-2);
    backdrop-filter: blur(12px);
}

.a75-catalog-nav__link {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    background: var(--a75-surface-card);
    color: var(--a75-text);
    padding: 0.36rem 0.62rem;
    font-size: var(--a75-text-xs);
    font-weight: 750;
    text-decoration: none;
}

.a75-catalog-nav__link.is-active,
.a75-catalog-nav__link:hover {
    border-color: color-mix(in srgb, var(--a75-color-primary) 35%, var(--a75-border-subtle));
    background: var(--a75-tone-primary-soft);
    color: var(--a75-color-primary);
}

.a75-catalog-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--a75-color-primary);
    font-size: var(--a75-text-xs);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.a75-catalog-section,
.a75-catalog-index,
.a75-catalog-intake-panel {
    display: grid;
    gap: var(--a75-space-4);
    padding: var(--a75-space-4);
}

.a75-catalog-section__head,
.a75-catalog-index__head,
.a75-catalog-component__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--a75-space-4);
    min-width: 0;
}

.a75-catalog-search {
    display: flex;
    align-items: center;
    gap: var(--a75-space-2);
    width: min(100%, 20rem);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-card);
    padding: 0.5rem 0.65rem;
}

.a75-catalog-search__input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--a75-text);
}

.a75-catalog-index__grid,
.a75-catalog-intake-grid,
.a75-catalog-token-grid,
.a75-catalog-normalization-grid,
.a75-catalog-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--a75-space-3);
}

.a75-catalog-index__item,
.a75-catalog-intake-card,
.a75-catalog-token-swatch,
.a75-catalog-normalization-card,
.a75-catalog-registry-card {
    display: grid;
    gap: var(--a75-space-2);
    min-width: 0;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: color-mix(in srgb, var(--a75-surface-card) 88%, var(--a75-surface-muted));
    color: var(--a75-text);
    padding: var(--a75-space-3);
    text-decoration: none;
}

.a75-catalog-index__item[hidden],
[data-a75-catalog-search-item][hidden] {
    display: none;
}

.a75-catalog-index__title,
.a75-catalog-intake-card__title,
.a75-catalog-token-swatch__title,
.a75-catalog-normalization-card__title {
    color: var(--a75-text);
    font-size: var(--a75-text-sm);
}

.a75-catalog-index__path,
.a75-catalog-intake-card__text,
.a75-catalog-code {
    color: var(--a75-text-muted);
    font-family: var(--a75-font-mono);
    font-size: 0.68rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.a75-catalog-component {
    overflow: hidden;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-xl);
    background: var(--a75-surface-card);
}

.a75-catalog-component__head,
.a75-catalog-component__body,
.a75-catalog-component__meta {
    padding: var(--a75-space-4);
}

.a75-catalog-component__head {
    border-bottom: 1px solid var(--a75-border-subtle);
}

.a75-catalog-component__body {
    display: grid;
    gap: var(--a75-space-4);
}

.a75-catalog-component__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--a75-space-3);
    border-top: 1px solid var(--a75-border-subtle);
    background: color-mix(in srgb, var(--a75-surface-muted) 48%, var(--a75-surface-card));
}

.a75-catalog-component__meta-row {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.a75-catalog-component__meta-label,
.a75-catalog-registry-card__label,
.a75-catalog-intake-card__label {
    color: var(--a75-text);
    font-size: var(--a75-text-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.a75-catalog-component__meta-text,
.a75-catalog-registry-card__meta-item,
.a75-catalog-intake-card__value,
.a75-catalog-intake-list__fallback {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-xs);
    line-height: 1.45;
}

.a75-catalog-stack,
.a75-catalog-registry-list,
.a75-catalog-intake-list,
.a75-toast-demo-stack {
    display: grid;
    gap: var(--a75-space-3);
}

.a75-catalog-demo-row,
.a75-catalog-code-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a75-space-2);
}

.a75-catalog-code-note {
    display: flex;
    flex-wrap: wrap;
    gap: var(--a75-space-2);
    align-items: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--a75-surface-muted);
    color: var(--a75-text-muted);
    padding: var(--a75-space-3);
    font-size: var(--a75-text-sm);
}

.a75-catalog-token-swatch__chip {
    display: block;
    width: 100%;
    height: 3rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    background: var(--swatch);
}

.a75-catalog-static-preview {
    border: 1px dashed var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: color-mix(in srgb, var(--a75-surface-muted) 46%, var(--a75-surface-card));
    padding: var(--a75-space-4);
}

.a75-modal-preview .a75-modal-panel {
    max-width: 26rem;
    margin: 0 auto;
}

.a75-catalog-static-preview__text {
    margin: 0;
    padding: var(--a75-space-4);
    color: var(--a75-text-muted);
}

.a75-catalog-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.a75-catalog-table {
    width: 100%;
    min-width: 52rem;
    border-collapse: separate;
    border-spacing: 0;
}

.a75-catalog-table__head-cell,
.a75-catalog-table__cell {
    border-bottom: 1px solid var(--a75-border-subtle);
    padding: var(--a75-space-3);
    text-align: left;
    vertical-align: top;
}

.a75-catalog-table__head-cell {
    color: var(--a75-text-muted);
    font-size: var(--a75-text-xs);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.a75-catalog-table__cell {
    color: var(--a75-text);
    font-size: var(--a75-text-sm);
}

.a75-catalog-registry-card {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.8fr);
}

.a75-catalog-registry-card__meta {
    display: grid;
    gap: var(--a75-space-2);
}

.a75-catalog-intake-card__list {
    display: grid;
    gap: var(--a75-space-2);
    margin: 0;
}

.a75-catalog-intake-card__row {
    display: grid;
    gap: 0.2rem;
}

.a75-catalog-empty {
    display: flex;
    align-items: flex-start;
    gap: var(--a75-space-3);
    border: 1px dashed var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    background: var(--a75-surface-muted);
    color: var(--a75-text);
    padding: var(--a75-space-4);
}

.a75-catalog-empty.is-compact {
    align-items: center;
    padding: var(--a75-space-3);
}

@media (max-width: 1024px) {
    .a75-catalog-hero,
    .a75-catalog-registry-card,
    .a75-catalog-component__meta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .a75-catalog-page {
        padding: var(--a75-space-3);
    }

    .a75-catalog-section__head,
    .a75-catalog-index__head,
    .a75-catalog-component__head {
        flex-direction: column;
    }

    .a75-catalog-search,
    .a75-catalog-index__grid,
    .a75-catalog-intake-grid,
    .a75-catalog-token-grid,
    .a75-catalog-normalization-grid,
    .a75-catalog-card-grid {
        grid-template-columns: 1fr;
        width: 100%;
    }
}

.main-content.app-content {
    min-height: calc(100vh - 64px);
}

.agency75-inline-popout,
.agency75-popover,
.agency75-modal-panel,
.agency75-sidepanel,
#a75crm-role-popover,
#a75crm-language-popover,
#a75crm-theme-popover,
#a75crm-inbox-popover,
#a75crm-notif-popover,
#profile-dropdown {
    background: var(--card, #fff) !important;
    color: var(--foreground, #1f1714) !important;
    opacity: 1 !important;
}

#agency75-shared-modal,
#agency75-shared-sidepanel {
    background: rgba(15, 23, 42, 0.62) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

html.a75crm-dark .agency75-inline-popout,
html.a75crm-dark .agency75-popover,
html.a75crm-dark .agency75-modal-panel,
html.a75crm-dark .agency75-sidepanel,
html.a75crm-dark #a75crm-role-popover,
html.a75crm-dark #a75crm-language-popover,
html.a75crm-dark #a75crm-theme-popover,
html.a75crm-dark #a75crm-inbox-popover,
html.a75crm-dark #a75crm-notif-popover,
html.a75crm-dark #profile-dropdown {
    background: var(--card-dark, var(--card, #17181d)) !important;
    color: var(--text-primary-dark, var(--foreground, #f8fafc)) !important;
}

.page-header {
    align-items: center;
    gap: 1rem;
}

.card {
    border-radius: 12px;
}

.table td,
.table th {
    vertical-align: middle;
}

/* ==================================================
   RBAC PERMISSION MATRIX
================================================== */

.a75-rbac-page {
    display: grid;
    gap: 1.25rem;
}

.a75-rbac-hero,
.a75-rbac-card,
.a75-rbac-selector,
.a75-rbac-summary,
.a75-rbac-inheritance,
.a75-rbac-empty {
    border: 1px solid hsl(var(--border));
    background: hsl(var(--card));
    box-shadow: var(--shadow-card);
}

.a75-rbac-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 1.25rem;
    padding: 1.25rem;
}

.a75-rbac-hero h1 {
    margin: .25rem 0 .35rem;
    color: hsl(var(--foreground));
    font-family: var(--font-display);
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: 0;
}

.a75-rbac-hero p,
.a75-rbac-card-head p,
.a75-rbac-summary p,
.a75-rbac-inheritance p {
    margin: 0;
    color: hsl(var(--muted-foreground));
    font-size: .9rem;
    line-height: 1.5;
}

.a75-rbac-badges,
.a75-rbac-hero-actions,
.a75-rbac-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.a75-rbac-badges {
    margin-top: .8rem;
}

.a75-rbac-btn,
.a75-rbac-filters button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid hsl(var(--border));
    border-radius: .7rem;
    background: hsl(var(--card));
    color: hsl(var(--foreground));
    font-size: .82rem;
    font-weight: 700;
    min-height: 2.35rem;
    padding: .55rem .8rem;
}

.a75-rbac-btn-primary {
    border-color: transparent;
    background: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
}

.a75-rbac-btn-danger {
    border-color: rgb(244 63 94 / .28);
    background: rgb(244 63 94 / .1);
    color: rgb(190 18 60);
}

.a75-rbac-btn:disabled,
.a75-rbac-mobile-actions button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.a75-rbac-selector {
    border-radius: 1rem;
    padding: .75rem;
}

.a75-rbac-role-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.a75-rbac-role-pills a {
    min-width: 9rem;
    flex: 1 1 10rem;
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    background: hsl(var(--background));
    padding: .75rem .85rem;
}

.a75-rbac-role-pills a.is-active {
    border-color: hsl(var(--primary) / .55);
    background: hsl(var(--primary) / .1);
}

.a75-rbac-role-pills strong,
.a75-rbac-user-card strong,
.a75-rbac-module strong {
    display: block;
    color: hsl(var(--foreground));
    font-size: .9rem;
    font-weight: 800;
}

.a75-rbac-role-pills span,
.a75-rbac-user-card small,
.a75-rbac-module small {
    display: block;
    color: hsl(var(--muted-foreground));
    font-size: .75rem;
    line-height: 1.35;
}

.a75-rbac-mobile-select {
    display: none;
}

.a75-rbac-mobile-select select,
.a75-rbac-user-select-form select {
    width: 100%;
    border: 1px solid hsl(var(--border));
    border-radius: .8rem;
    background: hsl(var(--background));
    color: hsl(var(--foreground));
    min-height: 2.6rem;
    padding: 0 .85rem;
}

.a75-rbac-summary {
    display: flex;
    gap: .85rem;
    border-radius: 1rem;
    background: rgb(16 185 129 / .08);
    padding: 1rem;
}

.a75-rbac-summary.is-sensitive {
    border-color: rgb(251 146 60 / .32);
    background: rgb(251 146 60 / .13);
}

.a75-rbac-summary strong {
    color: hsl(var(--foreground));
}

.a75-rbac-filters button {
    min-height: 2rem;
    padding: .38rem .7rem;
    color: hsl(var(--muted-foreground));
}

.a75-rbac-filters button.is-active {
    border-color: hsl(var(--primary) / .45);
    background: hsl(var(--primary) / .1);
    color: hsl(var(--primary));
}

.a75-rbac-card {
    overflow: hidden;
    border-radius: 1rem;
}

.a75-rbac-card-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid hsl(var(--border));
    padding: 1rem 1.1rem;
}

.a75-rbac-card-head h2 {
    margin: 0 0 .25rem;
    color: hsl(var(--foreground));
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0;
}

.a75-rbac-table-wrap {
    overflow-x: auto;
}

.a75-rbac-table {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    font-size: .84rem;
}

.a75-rbac-table th,
.a75-rbac-table td {
    border-bottom: 1px solid hsl(var(--border));
    padding: .85rem .65rem;
    text-align: center;
    vertical-align: middle;
}

.a75-rbac-table th:first-child,
.a75-rbac-table td:first-child {
    min-width: 18rem;
    text-align: left;
}

.a75-rbac-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: hsl(var(--muted) / .45);
    color: hsl(var(--muted-foreground));
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: 0;
}

.a75-rbac-module {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.a75-rbac-module > span {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    border-radius: .65rem;
    background: hsl(var(--primary) / .1);
    color: hsl(var(--primary));
}

.a75-rbac-toggle,
.a75-rbac-toggle-all {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 6.8rem;
    min-height: 2rem;
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    background: hsl(var(--muted) / .55);
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 800;
    transition: opacity .16s ease, transform .16s ease;
}

.a75-rbac-toggle.is-on,
.a75-rbac-toggle-all.is-on {
    border-color: rgb(34 197 94 / .35);
    background: rgb(34 197 94 / .12);
    color: rgb(21 128 61);
}

.a75-rbac-toggle.is-override.override_deny,
.a75-rbac-user-cell.override_deny .a75-rbac-toggle,
.a75-rbac-toggle.is-off.is-override {
    border-color: rgb(244 63 94 / .35);
    background: rgb(244 63 94 / .12);
    color: rgb(190 18 60);
}

.a75-rbac-toggle.is-inherited {
    opacity: .78;
}

.a75-rbac-toggle.is-loading,
.a75-rbac-toggle-all.is-loading,
.a75-rbac-clear.is-loading {
    pointer-events: none;
    opacity: .62;
}

.a75-rbac-toggle.is-loading::after,
.a75-rbac-toggle-all.is-loading::after {
    position: absolute;
    inset: auto .5rem auto auto;
    width: .75rem;
    height: .75rem;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 999px;
    content: "";
    animation: a75-rbac-spin .7s linear infinite;
}

.a75-rbac-switch {
    display: inline-flex;
    width: 1.8rem;
    height: 1rem;
    align-items: center;
    border-radius: 999px;
    background: currentColor;
    opacity: .32;
    padding: .12rem;
}

.a75-rbac-switch span {
    width: .74rem;
    height: .74rem;
    border-radius: 999px;
    background: hsl(var(--card));
    transition: transform .16s ease;
}

.a75-rbac-toggle.is-on .a75-rbac-switch span,
.a75-rbac-toggle-all.is-on .a75-rbac-switch span {
    transform: translateX(.8rem);
}

.a75-rbac-unavailable {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: hsl(var(--muted) / .35);
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 700;
    padding: 0 .65rem;
    opacity: .68;
}

.a75-rbac-mobile-cards {
    display: none;
}

.a75-rbac-user-cell {
    display: grid;
    justify-items: center;
    gap: .35rem;
}

.a75-rbac-clear {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border: 0;
    background: transparent;
    color: hsl(var(--muted-foreground));
    font-size: .68rem;
    font-weight: 800;
}

.a75-rbac-inheritance {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    border-radius: 1rem;
    padding: .9rem;
}

.a75-rbac-inheritance > div {
    border: 1px solid hsl(var(--border));
    border-radius: .8rem;
    background: hsl(var(--background));
    padding: .75rem;
}

.a75-rbac-dot {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    border-radius: 999px;
}

.a75-rbac-dot.is-inherited { background: rgb(148 163 184); }
.a75-rbac-dot.is-grant { background: rgb(34 197 94); }
.a75-rbac-dot.is-deny { background: rgb(244 63 94); }
.a75-rbac-dot.is-empty { background: rgb(203 213 225); }

.a75-rbac-user-select-form {
    display: grid;
    gap: .4rem;
    flex: 1 1 24rem;
}

.a75-rbac-user-select-form label {
    color: hsl(var(--muted-foreground));
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-rbac-selector.is-user-selector {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.a75-rbac-user-card {
    display: flex;
    min-width: 16rem;
    align-items: center;
    gap: .75rem;
    border: 1px solid hsl(var(--border));
    border-radius: .9rem;
    background: hsl(var(--background));
    padding: .65rem .8rem;
}

.a75-rbac-user-card .avatar-grad {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
}

.a75-rbac-empty {
    display: grid;
    justify-items: center;
    gap: .45rem;
    border-radius: 1rem;
    padding: 3rem 1rem;
    text-align: center;
}

.a75-rbac-empty h2 {
    margin: 0;
    color: hsl(var(--foreground));
    font-size: 1.05rem;
    font-weight: 800;
}

.a75-rbac-mobile-actions {
    display: none;
}

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

@media (max-width: 900px) {
    .a75-rbac-hero,
    .a75-rbac-selector.is-user-selector {
        flex-direction: column;
    }

    .a75-rbac-role-pills,
    .a75-rbac-table-wrap {
        display: none;
    }

    .a75-rbac-mobile-select,
    .a75-rbac-mobile-cards {
        display: grid;
    }

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

    .a75-rbac-module-card {
        display: grid;
        gap: .85rem;
        border-bottom: 1px solid hsl(var(--border));
        padding: 1rem;
    }

    .a75-rbac-module-card header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: .8rem;
    }

    .a75-rbac-mobile-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
    }

    .a75-rbac-mobile-grid > div {
        display: grid;
        gap: .3rem;
        min-width: 0;
    }

    .a75-rbac-mobile-grid label {
        color: hsl(var(--muted-foreground));
        font-size: .68rem;
        font-weight: 800;
        text-transform: uppercase;
    }
}

@media (max-width: 520px) {
    .a75-rbac-hero h1 {
        font-size: 1.55rem;
    }

    .a75-rbac-inheritance,
    .a75-rbac-mobile-grid {
        grid-template-columns: 1fr;
    }

    .a75-rbac-toggle,
    .a75-rbac-toggle-all {
        width: 100%;
        justify-content: flex-start;
        padding-inline: .65rem;
    }

    .a75-rbac-mobile-actions {
        position: sticky;
        bottom: .75rem;
        z-index: 20;
        display: flex;
        gap: .5rem;
        border: 1px solid hsl(var(--border));
        border-radius: 1rem;
        background: hsl(var(--card) / .96);
        box-shadow: var(--shadow-elevated);
        padding: .5rem;
    }

    .a75-rbac-mobile-actions a,
    .a75-rbac-mobile-actions button {
        display: inline-flex;
        flex: 1 1 0;
        align-items: center;
        justify-content: center;
        gap: .35rem;
        border: 1px solid hsl(var(--border));
        border-radius: .75rem;
        background: hsl(var(--background));
        color: hsl(var(--foreground));
        font-size: .75rem;
        font-weight: 800;
        min-height: 2.35rem;
        padding: .45rem;
    }
}

/* ==================================================
   RBAC UI RESCUE: LOVABLE PERMISSION COCKPIT
================================================== */

.a75-rbac-page {
    gap: 1rem;
    padding-bottom: 1.5rem;
}

.a75-rbac-hero {
    align-items: stretch;
    border-color: color-mix(in srgb, var(--border) 88%, transparent);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--primary) 13%, transparent), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--card) 94%, var(--primary-soft)), var(--card));
    padding: 1.35rem;
    box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
}

.a75-rbac-hero h1 {
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(1.75rem, 2.5vw, 2.4rem);
    font-weight: 850;
}

.a75-rbac-hero p {
    max-width: 720px;
    font-size: .95rem;
}

.a75-rbac-hero-actions {
    align-content: start;
    align-items: flex-start;
    justify-content: flex-end;
    min-width: 270px;
}

.a75-rbac-btn {
    border-radius: 12px;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.a75-rbac-btn:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--primary) 32%, var(--border));
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.a75-rbac-summary-band {
    display: grid;
    grid-template-columns: minmax(280px, .95fr) minmax(0, 1.25fr);
    gap: 1rem;
}

.a75-rbac-selected-card,
.a75-rbac-kpi-grid article,
.a75-rbac-section-card,
.a75-rbac-selector,
.a75-rbac-inheritance {
    border: 1px solid var(--border);
    background: var(--card);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .07);
}

.a75-rbac-selected-card {
    display: flex;
    align-items: flex-start;
    gap: .95rem;
    border-radius: 22px;
    padding: 1rem;
}

.a75-rbac-selected-card.is-sensitive {
    border-color: color-mix(in srgb, #f59e0b 34%, var(--border));
    background: linear-gradient(135deg, color-mix(in srgb, #f59e0b 10%, var(--card)), var(--card));
}

.a75-rbac-selected-icon,
.a75-rbac-avatar {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    flex: 0 0 3.1rem;
    place-items: center;
    border-radius: 18px;
    background: var(--primary-soft);
    color: var(--primary);
}

.a75-rbac-avatar {
    border-radius: 999px;
    background: linear-gradient(135deg, var(--primary), #ff8a4c);
    color: #fff;
    font-size: .95rem;
    font-weight: 900;
}

.a75-rbac-kicker {
    display: inline-flex;
    align-items: center;
    color: var(--muted-foreground);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a75-rbac-selected-card h2,
.a75-rbac-section-head h2 {
    margin: .16rem 0 .25rem;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 1.25rem;
    font-weight: 850;
    letter-spacing: 0;
}

.a75-rbac-selected-card p {
    margin: 0;
    color: var(--muted-foreground);
    font-size: .86rem;
    line-height: 1.55;
}

.a75-rbac-mini-badges {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .75rem;
}

.a75-rbac-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.a75-rbac-kpi-grid article {
    display: grid;
    gap: .45rem;
    align-content: center;
    min-height: 112px;
    border-radius: 18px;
    padding: .9rem;
}

.a75-rbac-kpi-grid span {
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75-rbac-kpi-grid strong {
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 1.45rem;
    font-weight: 850;
}

.a75-rbac-selector {
    display: grid;
    gap: .85rem;
    border-radius: 20px;
    padding: 1rem;
}

.a75-rbac-selector-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.a75-rbac-selector-head strong {
    display: block;
    color: var(--foreground);
    font-size: .98rem;
    font-weight: 850;
}

.a75-rbac-role-pills {
    flex-wrap: wrap;
    overflow-x: visible;
    padding: .05rem .05rem .35rem;
    scrollbar-width: thin;
}

.a75-rbac-role-pills a {
    position: relative;
    display: grid;
    min-width: 190px;
    flex: 0 0 220px;
    gap: .18rem;
    border-radius: 16px;
    background: linear-gradient(180deg, var(--card), color-mix(in srgb, var(--muted) 54%, var(--card)));
    color: inherit;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.a75-rbac-role-pills a.is-active {
    border-color: color-mix(in srgb, var(--primary) 54%, var(--border));
    background: linear-gradient(135deg, var(--primary-soft), var(--card));
    box-shadow: 0 14px 34px color-mix(in srgb, var(--primary) 16%, transparent);
}

.a75-rbac-role-check {
    position: absolute;
    top: .7rem;
    right: .7rem;
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 999px;
    background: var(--card);
    color: var(--muted-foreground);
}

.a75-rbac-role-pills a.is-active .a75-rbac-role-check {
    background: var(--primary);
    color: var(--primary-foreground);
}

.a75-rbac-role-pills small {
    display: block;
    max-width: 92%;
    color: var(--muted-foreground);
    font-size: .75rem;
    line-height: 1.4;
}

.a75-rbac-user-note {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    max-width: 520px;
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius: 14px;
    background: var(--primary-soft);
    padding: .75rem .85rem;
    color: var(--foreground);
    font-size: .82rem;
    font-weight: 700;
}

.a75-rbac-inheritance {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-radius: 20px;
    padding: .8rem;
}

.a75-rbac-inheritance > div {
    border-radius: 15px;
    background: color-mix(in srgb, var(--muted) 48%, var(--card));
}

.a75-rbac-inheritance strong {
    display: block;
    margin-top: .3rem;
    color: var(--foreground);
    font-size: .85rem;
}

.a75-rbac-section-stack {
    display: grid;
    gap: 1rem;
}

.a75-rbac-section-card {
    overflow: hidden;
    border-radius: 24px;
}

.a75-rbac-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--border);
    padding: 1rem 1.1rem;
}

.a75-rbac-section-head h2 {
    margin-bottom: 0;
}

.a75-rbac-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.a75-rbac-module-card {
    display: grid;
    gap: .85rem;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: linear-gradient(180deg, var(--card), color-mix(in srgb, var(--muted) 42%, var(--card)));
    padding: .95rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.a75-rbac-module-card header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: start;
}

.a75-rbac-module-meter {
    display: grid;
    min-width: 78px;
    justify-items: end;
    gap: .05rem;
}

.a75-rbac-module-meter strong {
    color: var(--foreground);
    font-size: .9rem;
    font-weight: 900;
}

.a75-rbac-module-meter span {
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75-rbac-module-tools {
    display: flex;
    justify-content: flex-start;
}

.a75-rbac-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.a75-rbac-action-cell {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.a75-rbac-action-cell > span {
    color: var(--muted-foreground);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.a75-rbac-chip,
.a75-rbac-toggle,
.a75-rbac-toggle-all {
    display: inline-flex;
    width: 100%;
    min-width: 0;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--muted) 58%, var(--card));
    color: var(--muted-foreground);
    padding: .42rem .55rem;
    font-size: .73rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.a75-rbac-toggle.is-on {
    border-color: color-mix(in srgb, #22c55e 38%, var(--border));
    background: color-mix(in srgb, #22c55e 14%, var(--card));
    color: #15803d;
}

.a75-rbac-toggle.is-off {
    border-color: color-mix(in srgb, var(--border) 90%, transparent);
    background: color-mix(in srgb, var(--muted) 64%, var(--card));
    color: var(--muted-foreground);
}

.a75-rbac-toggle.is-partial {
    border-color: color-mix(in srgb, #f59e0b 38%, var(--border));
    background: color-mix(in srgb, #f59e0b 13%, var(--card));
    color: #b45309;
}

.a75-rbac-toggle.is-admin-bundle.is-on {
    border-color: color-mix(in srgb, #7c3aed 38%, var(--border));
    background: color-mix(in srgb, #7c3aed 13%, var(--card));
    color: #6d28d9;
}

.a75-rbac-toggle-all {
    width: auto;
    min-width: 132px;
    justify-content: center;
}

.a75-rbac-toggle-all.is-on {
    border-color: color-mix(in srgb, var(--primary) 36%, var(--border));
    background: var(--primary-soft);
    color: var(--primary);
}

.a75-rbac-chip.is-not-used {
    border-color: color-mix(in srgb, var(--border) 70%, transparent);
    background: transparent;
    color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
    font-weight: 760;
}

.a75-rbac-user-cell {
    justify-items: stretch;
}

.a75-rbac-user-cell.override_grant .a75-rbac-toggle {
    border-color: color-mix(in srgb, #22c55e 46%, var(--border));
    background: #16a34a;
    color: #fff;
}

.a75-rbac-user-cell.override_deny .a75-rbac-toggle {
    border-color: color-mix(in srgb, #f43f5e 46%, var(--border));
    background: #e11d48;
    color: #fff;
}

.a75-rbac-toggle.is-inherited {
    opacity: .78;
}

.a75-rbac-user-cell.inherited_role .a75-rbac-toggle.is-on {
    background: color-mix(in srgb, #22c55e 10%, var(--card));
}

.a75-rbac-clear {
    justify-content: center;
    min-height: 1.6rem;
    border-radius: 999px;
}

.a75-rbac-toggle.is-loading,
.a75-rbac-toggle-all.is-loading,
.a75-rbac-clear.is-loading {
    color: transparent !important;
}

.a75-rbac-toggle.is-loading::after,
.a75-rbac-toggle-all.is-loading::after,
.a75-rbac-clear.is-loading::after {
    position: absolute;
    inset: 50% auto auto 50%;
    width: .85rem;
    height: .85rem;
    margin: -.425rem 0 0 -.425rem;
    border: 2px solid var(--primary);
    border-top-color: transparent;
    border-radius: 999px;
    content: "";
    animation: a75-rbac-spin .7s linear infinite;
}

.a75-rbac-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, .48);
    padding: 1rem;
}

.a75-rbac-modal-backdrop.is-open {
    display: flex;
}

.a75-rbac-modal {
    width: min(440px, 100%);
    border: 1px solid var(--border);
    border-radius: 22px;
    background: var(--card);
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
    padding: 1.15rem;
}

.a75-rbac-modal h2 {
    margin: 0 0 .45rem;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 1.25rem;
    font-weight: 850;
}

.a75-rbac-modal p {
    margin: 0;
    color: var(--muted-foreground);
    font-size: .9rem;
    line-height: 1.55;
}

.a75-rbac-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
}

html.a75crm-dark .a75-rbac-hero,
html.a75crm-dark .a75-rbac-selected-card,
html.a75crm-dark .a75-rbac-kpi-grid article,
html.a75crm-dark .a75-rbac-section-card,
html.a75crm-dark .a75-rbac-module-card,
html.a75crm-dark .a75-rbac-selector,
html.a75crm-dark .a75-rbac-inheritance,
html.a75crm-dark .a75-rbac-modal {
    box-shadow: 0 16px 44px rgba(0, 0, 0, .32);
}

@media (max-width: 1180px) {
    .a75-rbac-summary-band {
        grid-template-columns: 1fr;
    }

    .a75-rbac-module-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .a75-rbac-hero-actions {
        min-width: 0;
        justify-content: flex-start;
    }

    .a75-rbac-role-pills {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .a75-rbac-mobile-select {
        display: none;
    }

    .a75-rbac-kpi-grid,
    .a75-rbac-inheritance {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .a75-rbac-selector.is-user-selector {
        display: grid;
    }
}

@media (max-width: 560px) {
    .a75-rbac-hero,
    .a75-rbac-selected-card,
    .a75-rbac-section-head,
    .a75-rbac-module-card header {
        display: grid;
    }

    .a75-rbac-kpi-grid,
    .a75-rbac-inheritance,
    .a75-rbac-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .a75-rbac-module-grid,
    .a75-rbac-section-card .a75-rbac-module-grid {
        padding: .75rem;
    }

    .a75-rbac-chip,
    .a75-rbac-toggle,
    .a75-rbac-toggle-all {
        min-height: 2.45rem;
        white-space: normal;
    }

    .a75-rbac-modal-actions {
        display: grid;
    }

    .a75-rbac-mobile-actions {
        position: static;
        margin-top: .5rem;
    }
}

/* ==================================================
   CONNECTOR SETTINGS COCKPIT
================================================== */
.connector-settings-page{padding-bottom:2rem}
.connector-settings-hero{align-items:stretch}
.connector-settings-hero>div:first-child{display:flex;min-width:0;flex-direction:column;justify-content:center}
.connector-hero-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.connector-hero-guardrail{width:min(360px,100%);display:flex;align-items:stretch}
.connector-hero-guardrail .agency75-guardrail-panel{height:100%;background:rgba(255,255,255,.72)}
.connector-guardrail-panel{border:1px solid var(--border);border-radius:18px;background:var(--card);padding:1rem}
.connector-group-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem .1rem .4rem;scrollbar-width:none}
.connector-group-tabs::-webkit-scrollbar{display:none}
.connector-group-tab{display:inline-flex;align-items:center;gap:.45rem;min-height:2.35rem;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:.45rem .8rem;color:var(--muted-foreground);font-size:.82rem;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.06);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.connector-group-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border));color:var(--foreground)}
.connector-group-tab.is-active{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:var(--primary-soft);color:var(--primary)}
.connector-group-tab span{display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;border-radius:999px;background:rgba(255,255,255,.68);font-size:.72rem;color:inherit}
.connector-groups-stack{display:grid;gap:1rem}
.connector-section-card{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,var(--card),var(--background));box-shadow:0 14px 34px rgba(15,23,42,.08)}
.connector-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:1rem 1.1rem}
.connector-section-head h2{margin:.25rem 0 0;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:1.25rem;font-weight:820;letter-spacing:-.02em}
.connector-section-head p{margin:.25rem 0 0;max-width:680px;color:var(--muted-foreground);font-size:.85rem;line-height:1.55}
.connector-section-logos{flex:0 0 auto;max-width:260px}
.connector-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem}
.connector-card{display:flex;min-width:0;min-height:278px;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.9));padding:1rem;box-shadow:0 10px 28px rgba(15,23,42,.08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.connector-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 16px 36px rgba(15,23,42,.12)}
.connector-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.connector-card-logo .integration-logo{width:58px!important;height:58px!important;border-radius:18px}
.connector-card-status{max-width:58%;display:flex;justify-content:flex-end}
.connector-status-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.22rem .58rem;font-size:.72rem;font-weight:850}
.connector-card-body{margin-top:.85rem;min-width:0}
.connector-card-body h3{margin:0;color:var(--foreground);font-size:1rem;font-weight:850;letter-spacing:-.015em}
.connector-card-body p{margin:.4rem 0 0;color:var(--muted-foreground);font-size:.82rem;line-height:1.55}
.connector-card-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}
.connector-card-meta span{border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.72);padding:.16rem .5rem;color:var(--muted-foreground);font-size:.68rem;font-weight:800;white-space:nowrap}
.connector-health-card{display:flex;gap:.55rem;align-items:flex-start;margin-top:1rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--background) 82%,white);padding:.65rem}
.connector-health-dot{width:.7rem;height:.7rem;flex:0 0 auto;margin-top:.2rem;border-radius:999px;background:#64748b;box-shadow:0 0 0 4px rgba(100,116,139,.16)}
.connector-health-dot.is-success{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.16)}
.connector-health-dot.is-danger{background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.16)}
.connector-health-dot.is-warning{background:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.16)}
.connector-health-dot.is-primary{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.16)}
.connector-health-dot.is-neutral{background:#64748b;box-shadow:0 0 0 4px rgba(100,116,139,.16)}
.connector-health-card strong{display:block;color:var(--foreground);font-size:.76rem;font-weight:850}
.connector-health-card small{display:block;margin-top:.12rem;color:var(--muted-foreground);font-size:.68rem;line-height:1.35}
.connector-card-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.connector-card-actions .agency75-ui-button{min-height:2.2rem;border-radius:11px;padding:.52rem .68rem;font-size:.76rem}
.connector-wizard-backdrop{position:fixed;inset:0;z-index:70;background:rgba(15,23,42,.36);backdrop-filter:blur(3px)}
.connector-wizard-drawer{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(760px,100vw);overflow-y:auto;background:var(--background);box-shadow:-24px 0 60px rgba(15,23,42,.22)}
.connector-wizard-panel{display:grid;gap:1rem;padding:1rem}
.connector-wizard-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--card) 92%,transparent);padding:1rem;box-shadow:0 12px 28px rgba(15,23,42,.10);backdrop-filter:blur(12px)}
.connector-wizard-brand{display:flex;min-width:0;gap:.85rem}
.connector-wizard-brand .integration-logo{width:56px!important;height:56px!important;border-radius:18px}
.connector-wizard-brand h2{margin:.15rem 0 0;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:1.35rem;font-weight:850;letter-spacing:-.025em}
.connector-wizard-brand p{margin:.3rem 0 0;color:var(--muted-foreground);font-size:.82rem;line-height:1.45}
.connector-wizard-header-actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}
.connector-wizard-close{display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--foreground)}
.connector-account-switcher{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:18px;background:var(--card);padding:.85rem 1rem;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.connector-account-switcher strong{display:block;color:var(--foreground);font-size:.86rem}
.connector-account-switcher span{display:block;margin-top:.15rem;color:var(--muted-foreground);font-size:.76rem}
.connector-account-switcher-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}
.connector-account-switcher-list a{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--foreground);padding:.35rem .6rem;font-size:.74rem;font-weight:800;text-decoration:none}
.connector-account-switcher-list a small{color:var(--muted-foreground);font-size:.65rem;font-weight:700}
.connector-account-switcher-list a.is-active{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--primary-soft);color:var(--primary)}
.connector-wizard-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.connector-wizard-step{display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:14px;background:var(--card);padding:.65rem;color:var(--muted-foreground);font-size:.75rem;font-weight:800}
.connector-wizard-step span{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.72rem}
.connector-wizard-form{display:grid;gap:1rem}
.connector-wizard-card{border:1px solid var(--border);border-radius:20px;background:var(--card);padding:1rem;box-shadow:0 10px 26px rgba(15,23,42,.07)}
.connector-wizard-card h3{margin:0;color:var(--foreground);font-size:1rem;font-weight:850}
.connector-wizard-card p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.82rem;line-height:1.5}
.connector-copy-list,.connector-checklist-grid{display:grid;gap:.55rem;margin-top:.85rem}
.connector-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.connector-copy-list div,.connector-checklist-grid div{display:flex;align-items:flex-start;gap:.5rem;border:1px solid var(--border);border-radius:14px;background:var(--background);padding:.65rem;color:var(--muted-foreground);font-size:.82rem;line-height:1.45}
.connector-copy-list i,.connector-checklist-grid i{flex:0 0 auto;margin-top:.1rem;color:var(--success-strong)}
.connector-card-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.connector-empty-state{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem;border:1px dashed color-mix(in srgb,var(--primary) 34%,var(--border));border-radius:16px;background:var(--primary-soft);padding:.85rem;color:var(--primary)}
.connector-empty-state strong{display:block;color:var(--foreground);font-size:.84rem}
.connector-empty-state p{margin:.2rem 0 0;color:var(--muted-foreground)}
.connector-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.connector-form-grid label{display:grid;gap:.35rem;min-width:0;color:var(--foreground);font-size:.78rem;font-weight:800}
.connector-form-grid label.is-wide,.connector-enable-row{grid-column:1/-1}
.connector-form-grid input,.connector-form-grid select,.connector-form-grid textarea,.connector-secret-ref-grid input{width:100%;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--background);padding:.65rem .75rem;color:var(--foreground);font-size:.85rem;font-weight:500;outline:none}
.connector-form-grid textarea{resize:vertical}
.connector-form-grid input:focus,.connector-form-grid select:focus,.connector-form-grid textarea:focus,.connector-secret-ref-grid input:focus{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}
.connector-form-grid label span{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.connector-form-grid label b{border-radius:999px;background:var(--warning-soft);padding:.12rem .38rem;color:var(--warning-strong);font-size:.62rem;font-weight:850}
.connector-form-grid small{color:var(--muted-foreground);font-size:.72rem;font-weight:500;line-height:1.35}
.connector-enable-row{display:flex!important;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:14px;background:var(--background);padding:.75rem}
.connector-enable-row input{width:auto!important}
.connector-field-group{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}
.connector-field-group h4{margin:0 0 .8rem;color:var(--foreground);font-size:.88rem;font-weight:850}
.connector-secret-ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.connector-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.85rem}
.connector-capability-grid label{display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:14px;background:var(--background);padding:.75rem;color:var(--foreground);font-size:.82rem;font-weight:750}
.connector-oauth-placeholder-card{display:grid;gap:.9rem;border-color:color-mix(in srgb,var(--warning-strong) 28%,var(--border));background:color-mix(in srgb,var(--warning-soft) 26%,var(--card))}
.connector-oauth-placeholder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.connector-oauth-placeholder-grid span{display:flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:13px;background:var(--background);color:var(--foreground);padding:.6rem;font-size:.8rem;font-weight:750}
.connector-oauth-placeholder-grid i{color:var(--warning-strong)}
.connector-review-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:1rem}
.connector-health-ring-wrap .a75-health-card{height:100%}
.connector-wizard-actions{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--card) 92%,transparent);padding:.8rem;box-shadow:0 -10px 28px rgba(15,23,42,.08);backdrop-filter:blur(12px)}
.connector-wizard-actions button.agency75-ui-button{cursor:pointer}
html.a75crm-dark .connector-section-card,html.a75crm-dark .connector-card,html.a75crm-dark .connector-wizard-drawer,html.a75crm-dark .connector-wizard-card,html.a75crm-dark .connector-wizard-header,html.a75crm-dark .connector-wizard-actions,html.a75crm-dark .connector-health-card,html.a75crm-dark .connector-copy-list div,html.a75crm-dark .connector-checklist-grid div,html.a75crm-dark .connector-capability-grid label,html.a75crm-dark .connector-enable-row,html.a75crm-dark .connector-account-switcher,html.a75crm-dark .connector-oauth-placeholder-grid span{background:var(--card);border-color:var(--border);box-shadow:none}
html.a75crm-dark .connector-card-meta span,html.a75crm-dark .connector-group-tab span{background:rgba(255,255,255,.08)}
html.a75crm-dark .connector-form-grid input,html.a75crm-dark .connector-form-grid select,html.a75crm-dark .connector-form-grid textarea,html.a75crm-dark .connector-secret-ref-grid input{background:var(--background);color:var(--foreground)}
@media (max-width:1180px){.connector-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connector-hero-guardrail{width:100%}.connector-settings-hero{flex-direction:column}.connector-section-head{flex-direction:column}.connector-section-logos{max-width:100%}}
@media (max-width:760px){.connector-card-grid,.connector-form-grid,.connector-checklist-grid,.connector-capability-grid,.connector-review-card,.connector-oauth-placeholder-grid{grid-template-columns:1fr}.connector-wizard-stepper{grid-template-columns:1fr 1fr}.connector-secret-ref-grid{grid-template-columns:1fr}.connector-wizard-drawer{left:0;width:100vw}.connector-wizard-panel{padding:.75rem}.connector-wizard-header,.connector-account-switcher{align-items:flex-start;flex-direction:column}.connector-wizard-header-actions,.connector-account-switcher-list{width:100%;justify-content:flex-start}.connector-card{min-height:0}.connector-card-actions .agency75-ui-button{flex:1 1 auto}.connector-section-head{padding:.9rem}.connector-card-grid{padding:.9rem}}
@media (max-width:430px){.connector-wizard-stepper{grid-template-columns:1fr}.connector-group-tab{font-size:.76rem;padding:.4rem .65rem}.connector-card-actions{flex-direction:column}.connector-card-actions .agency75-ui-button{width:100%}.connector-wizard-actions{align-items:stretch;flex-direction:column}.connector-wizard-actions .agency75-ui-button{width:100%}.connector-wizard-brand{align-items:flex-start}.connector-wizard-brand .integration-logo{width:48px!important;height:48px!important}.connector-card-status{max-width:66%}}

/* ==================================================
   DARK MODE CONTRAST SYSTEM
   Centralized overrides for the app's existing
   html.a75crm-dark theme switch.
================================================== */

html.a75crm-dark {
    color-scheme: dark;
    --app-bg-dark: #09090b;
    --surface-dark: #141418;
    --surface-raised-dark: #1a1b20;
    --card-dark: #17181d;
    --card-hover-dark: #202229;
    --text-primary-dark: #f8fafc;
    --text-secondary-dark: #e5e7eb;
    --text-muted-dark: #cbd5e1;
    --text-disabled-dark: #94a3b8;
    --border-dark: rgba(226, 232, 240, 0.18);
    --border-strong-dark: rgba(226, 232, 240, 0.28);
    --input-bg-dark: #101116;
    --input-text-dark: #f8fafc;
    --accent-dark: rgba(248, 250, 252, 0.08);
    --background: var(--app-bg-dark);
    --foreground: var(--text-primary-dark);
    --card: var(--card-dark);
    --card-foreground: var(--text-primary-dark);
    --muted: var(--surface-raised-dark);
    --muted-foreground: var(--text-muted-dark);
    --accent: var(--accent-dark);
    --accent-foreground: var(--text-primary-dark);
    --border: var(--border-dark);
    --input: var(--border-dark);
    --ring: #fb8068;
    --primary-soft: rgba(255, 95, 72, 0.16);
    --success-soft: rgba(34, 197, 94, 0.14);
    --warning-soft: rgba(245, 158, 11, 0.16);
    --danger-soft: rgba(239, 68, 68, 0.16);
    --crm-bg: var(--app-bg-dark);
    --crm-fg: var(--text-primary-dark);
    --crm-card: var(--card-dark);
    --crm-border: var(--border-dark);
    --crm-muted: var(--surface-raised-dark);
    --crm-muted-fg: var(--text-muted-dark);
    --crm-accent: var(--accent-dark);
}

html.a75crm-dark body.a75crm-lovable-shell,
html.a75crm-dark .main-content.app-content,
html.a75crm-dark #content {
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 95, 72, 0.08), transparent 32%),
        linear-gradient(180deg, #09090b 0%, #0f1014 100%) !important;
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .text-foreground,
html.a75crm-dark .text-card-foreground,
html.a75crm-dark .text-black,
html.a75crm-dark .text-zinc-900,
html.a75crm-dark .text-neutral-900,
html.a75crm-dark .text-slate-900,
html.a75crm-dark h1,
html.a75crm-dark h2,
html.a75crm-dark h3,
html.a75crm-dark h4,
html.a75crm-dark h5,
html.a75crm-dark h6,
html.a75crm-dark strong,
html.a75crm-dark label,
html.a75crm-dark .form-label,
html.a75crm-dark .card-title,
html.a75crm-dark .breadcrumb,
html.a75crm-dark .breadcrumb a {
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .text-muted-foreground,
html.a75crm-dark .text-muted-foreground\/80,
html.a75crm-dark .text-slate-500,
html.a75crm-dark .text-slate-600,
html.a75crm-dark .text-gray-500,
html.a75crm-dark .text-gray-600,
html.a75crm-dark .text-zinc-500,
html.a75crm-dark .text-zinc-600,
html.a75crm-dark .text-neutral-500,
html.a75crm-dark .text-neutral-600,
html.a75crm-dark .text-secondary,
html.a75crm-dark .text-muted,
html.a75crm-dark .small,
html.a75crm-dark small,
html.a75crm-dark figcaption,
html.a75crm-dark .help-block,
html.a75crm-dark .form-text {
    color: var(--text-muted-dark) !important;
}

html.a75crm-dark .bg-background {
    background-color: var(--app-bg-dark) !important;
}

html.a75crm-dark .bg-card,
html.a75crm-dark .bg-card\/90,
html.a75crm-dark .card,
html.a75crm-dark .crm-card,
html.a75crm-dark .crm-empty-card,
html.a75crm-dark .a75crm-empty-state,
html.a75crm-dark .shadow-card,
html.a75crm-dark .rounded-xl.border,
html.a75crm-dark .rounded-2xl.border {
    background-color: var(--card-dark) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .bg-muted,
html.a75crm-dark .bg-muted\/30,
html.a75crm-dark .bg-muted\/40,
html.a75crm-dark .bg-muted\/50,
html.a75crm-dark .bg-accent,
html.a75crm-dark .hover\:bg-accent:hover,
html.a75crm-dark .hover\:bg-accent\/40:hover,
html.a75crm-dark .hover\:bg-accent\/50:hover,
html.a75crm-dark .hover\:bg-accent\/80:hover {
    background-color: var(--surface-raised-dark) !important;
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .border-border,
html.a75crm-dark .border-border\/50,
html.a75crm-dark .border-border\/60,
html.a75crm-dark .border-border\/70,
html.a75crm-dark .border-border\/80,
html.a75crm-dark .border-border\/90,
html.a75crm-dark .divide-border > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--border-dark) !important;
}

html.a75crm-dark input,
html.a75crm-dark select,
html.a75crm-dark textarea,
html.a75crm-dark .form-control,
html.a75crm-dark .form-select,
html.a75crm-dark .crm-inline-input {
    background-color: var(--input-bg-dark) !important;
    border-color: var(--border-dark) !important;
    color: var(--input-text-dark) !important;
}

html.a75crm-dark input::placeholder,
html.a75crm-dark textarea::placeholder,
html.a75crm-dark .placeholder\:text-muted-foreground::placeholder {
    color: rgba(203, 213, 225, 0.72) !important;
}

html.a75crm-dark input:disabled,
html.a75crm-dark select:disabled,
html.a75crm-dark textarea:disabled,
html.a75crm-dark .disabled,
html.a75crm-dark [aria-disabled="true"] {
    color: var(--text-disabled-dark) !important;
    opacity: 0.82;
}

html.a75crm-dark select option {
    background: var(--input-bg-dark);
    color: var(--input-text-dark);
}

html.a75crm-dark table,
html.a75crm-dark .table,
html.a75crm-dark .record-list-table {
    color: var(--text-primary-dark);
}

html.a75crm-dark .table td,
html.a75crm-dark .table th,
html.a75crm-dark .record-list-table td,
html.a75crm-dark .record-list-table th {
    border-color: var(--border-dark);
}

html.a75crm-dark .record-list-table tbody tr,
html.a75crm-dark .record-list-table tbody tr.bg-card {
    background-color: var(--card-dark) !important;
}

html.a75crm-dark .record-list-table tbody tr:hover {
    background-color: var(--card-hover-dark) !important;
}

html.a75crm-dark #topbar,
html.a75crm-dark footer,
html.a75crm-dark .dropdown-menu,
html.a75crm-dark [role="menu"],
html.a75crm-dark #profile-dropdown,
html.a75crm-dark #a75crm-theme-popover {
    background-color: rgba(20, 20, 24, 0.96) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .record-list-open-link,
html.a75crm-dark .record-list-more-button,
html.a75crm-dark .agency75-ui-button,
html.a75crm-dark .a75-hero-btn,
html.a75crm-dark .btn-outline-secondary,
html.a75crm-dark .btn-light {
    background: var(--surface-raised-dark) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .record-list-open-link:hover,
html.a75crm-dark .record-list-more-button:hover,
html.a75crm-dark .agency75-ui-button:hover,
html.a75crm-dark .a75-hero-btn:hover {
    background: color-mix(in srgb, var(--primary) 18%, var(--surface-raised-dark)) !important;
    border-color: color-mix(in srgb, var(--primary) 42%, var(--border-dark)) !important;
    color: #fff7f5 !important;
}

html.a75crm-dark .agency75-admin-hero,
html.a75crm-dark .a75-control-hero,
html.a75crm-dark .agency75-section-card,
html.a75crm-dark .agency75-metric-card,
html.a75crm-dark .a75-pillar-card,
html.a75crm-dark .a75-data-flow,
html.a75crm-dark .a75-health-card,
html.a75crm-dark .agency75-integration-tile,
html.a75crm-dark .integration-logo-tile,
html.a75crm-dark .integration-category-count,
html.a75crm-dark .leadops-work-card,
html.a75crm-dark .leadops-lane,
html.a75crm-dark .owner-action-card,
html.a75crm-dark .owner-panel,
html.a75crm-dark .owner-summary-mini,
html.a75crm-dark .owner-stage-card,
html.a75crm-dark .owner-source-card,
html.a75crm-dark .owner-spotlight,
html.a75crm-dark .owner-activity-item,
html.a75crm-dark .intake-next-action,
html.a75crm-dark .intake-result-grid,
html.a75crm-dark .intake-recent-item {
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 95, 72, 0.08), transparent 34%),
        linear-gradient(135deg, var(--surface-raised-dark), var(--card-dark)) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary-dark) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34) !important;
}

html.a75crm-dark .a75-kicker,
html.a75crm-dark .a75-hero-badges span,
html.a75crm-dark .a75-hero-status-line span,
html.a75crm-dark .a75-hero-dev-note,
html.a75crm-dark .a75-status-pill,
html.a75crm-dark .agency75-status-pill,
html.a75crm-dark .agency75-chip-row span,
html.a75crm-dark .integration-logo-status,
html.a75crm-dark .crm-status-badge,
html.a75crm-dark .record-list-status-pill,
html.a75crm-dark .record-list-stage-pill,
html.a75crm-dark .leadops-card-source,
html.a75crm-dark .owner-spotlight-badge {
    background: rgba(248, 250, 252, 0.08) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-secondary-dark) !important;
}

html.a75crm-dark .a75-hero-lock-badge {
    background: rgba(34, 197, 94, 0.14) !important;
    border-color: rgba(74, 222, 128, 0.36) !important;
    color: #bbf7d0 !important;
}

html.a75crm-dark .a75-control-hero::before {
    background-image: radial-gradient(rgba(248, 250, 252, .08) 1px, transparent 1px);
}

html.a75crm-dark .a75-kicker,
html.a75crm-dark .a75-hero-dev-note {
    background: rgba(248, 250, 252, .08) !important;
    border-color: var(--border-dark) !important;
}

html.a75crm-dark .a75-constellation-core span,
html.a75crm-dark .a75-constellation-planet small,
html.a75crm-dark .a75-flow-step {
    background: rgba(248, 250, 252, .09) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .a75-health-ring::after {
    background: var(--card-dark) !important;
}

html.a75crm-dark .agency75-status-pill.is-primary,
html.a75crm-dark .a75-hero-btn.is-primary,
html.a75crm-dark .agency75-ui-button.is-primary,
html.a75crm-dark .bg-primary,
html.a75crm-dark .btn-primary {
    color: #ffffff !important;
}

html.a75crm-dark .a75-hero-btn.is-primary,
html.a75crm-dark .agency75-ui-button.is-primary,
html.a75crm-dark .btn-primary {
    background: linear-gradient(135deg, #ff5a36, #ff8a3d) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

html.a75crm-dark .agency75-status-pill.is-primary {
    background: rgba(255, 95, 72, 0.16) !important;
    border-color: rgba(255, 138, 61, 0.36) !important;
    color: #ffb4a3 !important;
}

html.a75crm-dark .agency75-ui-button.is-danger {
    background: var(--danger, #ef4444) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

html.a75crm-dark .agency75-status-pill.is-success {
    color: #86efac !important;
}

html.a75crm-dark .agency75-status-pill.is-warning {
    color: #fcd34d !important;
}

html.a75crm-dark .agency75-status-pill.is-danger {
    color: #fca5a5 !important;
}

html.a75crm-dark .crm-card h2,
html.a75crm-dark .crm-card-heading-row h2,
html.a75crm-dark .contact-profile-header h1,
html.a75crm-dark .company-profile-header h1 {
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .crm-card-count,
html.a75crm-dark .crm-preview-empty-pill,
html.a75crm-dark .crm-empty-card,
html.a75crm-dark .crm-preview-empty-state {
    background: var(--surface-raised-dark) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-muted-dark) !important;
}

/* ==================================================
   RECORD LIST TABLES
================================================== */

.record-list-table-wrap {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
}

.record-list-table {
    width: 100%;
}

.record-list-table th,
.record-list-table td {
    vertical-align: middle;
}

.record-list-table-contacts {
    min-width: 1320px;
}

.record-list-table-companies {
    min-width: 960px;
}

.record-list-status-cell {
    width: 9rem;
    min-width: 9rem;
    max-width: 9rem;
}

.record-list-priority-cell {
    width: 7rem;
    min-width: 7rem;
    max-width: 7rem;
}

.record-list-stage-cell {
    width: 11rem;
    min-width: 11rem;
    max-width: 11rem;
}

.record-list-action-cell {
    width: 4.25rem;
    min-width: 4.25rem;
    max-width: 4.25rem;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
}

.record-list-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    min-width: 0;
    width: 100%;
    white-space: nowrap;
}

.record-list-open-link,
.record-list-more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: color-mix(in oklab, var(--card) 92%, white 8%);
    color: var(--foreground);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.record-list-open-link {
    gap: 0.35rem;
    padding: 0 0.75rem;
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 750;
    text-decoration: none;
}

.record-list-more-button {
    width: 2rem;
    padding: 0;
    border-color: color-mix(in srgb, var(--border) 72%, var(--primary) 28%);
    color: var(--foreground);
    opacity: 1;
}

.record-list-open-link:hover,
.record-list-more-button:hover {
    border-color: color-mix(in oklab, var(--primary) 28%, var(--border));
    background: var(--primary-soft);
    color: var(--primary);
    transform: translateY(-1px);
}

.record-list-action-menu {
    background: hsl(var(--card)) !important;
    opacity: 1 !important;
    text-align: left;
}

.crm-status-badge,
.record-list-status-pill,
.record-list-stage-pill {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.record-list-stage-pill {
    display: inline-block;
    max-width: 10.5rem;
}

#contacts-datatable td:nth-child(7),
#companies-datatable td:nth-child(3),
#companies-datatable td:nth-child(6) {
    max-width: 11rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.a75crm-empty-state {
    padding: 3rem 1rem;
    text-align: center;
}

.a75crm-actions .btn {
    margin: 0.1rem;
}

/* ==================================================
   CONTACT LEADOPS COCKPIT
================================================== */

.crm-contact-cockpit {
    --crm-card-gap: 1.25rem;
}

.crm-contact-view,
.crm-contact-cockpit {
    --crm-card-gap: 1.25rem;
    --crm-bg: oklch(0.985 0.004 60);
    --crm-fg: oklch(0.22 0.02 30);
    --crm-card: oklch(1 0 0);
    --crm-border: oklch(0.92 0.01 45);
    --crm-muted: oklch(0.965 0.008 50);
    --crm-muted-fg: oklch(0.52 0.02 35);
    --crm-accent: oklch(0.965 0.018 40);
}

.crm-card {
    border: 1px solid var(--crm-border);
    border-radius: 12px;
    background: var(--crm-card);
    box-shadow: var(--shadow-card, 0 1px 2px rgba(15, 23, 42, 0.06));
    padding: 1.05rem 1.2rem;
}

.crm-card h2 {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.85rem;
    color: var(--crm-fg);
    font-size: 0.92rem;
    font-weight: 650;
}

.crm-card-heading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.crm-card-heading-row h2 {
    margin: 0;
}

.crm-card-count {
    display: inline-flex;
    min-width: 1.35rem;
    justify-content: center;
    border-radius: 999px;
    background: var(--crm-muted);
    color: var(--crm-muted-fg);
    padding: 0.08rem 0.42rem;
    font-size: 0.7rem;
    font-weight: 700;
}

.crm-tab-panel {
    display: none !important;
}

.crm-tab-panel.is-active {
    display: block !important;
}

.crm-tab-grid.crm-tab-panel.is-active {
    display: grid !important;
}

.crm-tab-list {
    scrollbar-width: thin;
}

.crm-tab-button {
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: var(--crm-muted-fg);
    padding: 0.55rem 0.9rem;
    font-size: 0.84rem;
    font-weight: 650;
    white-space: nowrap;
}

.crm-tab-button:hover {
    background: var(--crm-accent);
    color: var(--crm-fg);
}

.crm-tab-button.is-active {
    border-color: var(--crm-border);
    background: var(--crm-card);
    color: var(--crm-fg);
    box-shadow: 0 -1px 0 var(--crm-card) inset;
}

.crm-tab-button[aria-selected="true"] {
    border-color: var(--crm-border);
    background: var(--crm-card);
    color: var(--crm-fg);
    box-shadow: 0 -1px 0 var(--crm-card) inset;
}

.contact-view-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 320px);
    gap: 1.25rem;
    align-items: start;
}

.contact-view-shell > [data-tab-panel] {
    grid-column: 1;
    min-width: 0;
}

.crm-persistent-rail {
    grid-column: 2;
    grid-row: 1;
}

.crm-main-tab-area,
.crm-persistent-rail {
    min-width: 0;
}

.crm-persistent-rail .crm-card {
    padding: 1rem;
}

.crm-persistent-rail .crm-detail-list {
    gap: 0.5rem;
}

.contact-view-shell [data-tab-panel="channels"] .flex-1 {
    min-width: 0;
    overflow-wrap: anywhere;
}

.crm-icon,
.crm-icon-sm,
.crm-icon-lg,
.crm-tab-icon,
.crm-field-icon,
.crm-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
}

.crm-icon {
    width: 1rem;
    height: 1rem;
}

.crm-icon-sm,
.crm-tab-icon,
.crm-field-icon,
.crm-social-icon {
    width: 0.95rem;
    height: 0.95rem;
    font-size: 0.95rem;
}

.crm-icon-lg {
    width: 1.45rem;
    height: 1.45rem;
    font-size: 1.35rem;
}

.crm-emoji {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
    filter: saturate(1.05);
}

.crm-empty-emoji {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 1.6rem;
    line-height: 1;
}

.crm-tab-button {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

[data-agency75-tabs] [data-tab-target][aria-selected="true"] {
    border-color: var(--crm-border);
    border-bottom-color: transparent;
    background: var(--crm-card);
    color: var(--crm-foreground);
}

.crm-card-edit-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 auto;
    border: 1px solid var(--crm-border);
    border-radius: 8px;
    color: var(--crm-muted-fg);
    text-decoration: none;
    transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}

.crm-card-edit-link:hover {
    border-color: color-mix(in oklab, var(--crm-muted-fg) 40%, var(--crm-border));
    background: var(--crm-accent);
    color: var(--crm-fg);
}

.crm-card h2 > .crm-card-edit-link {
    margin-left: auto;
}

.crm-social-icon.fa-linkedin,
.crm-social-icon.fa-linkedin-in { color: #0a66c2; }
.crm-social-icon.fa-x-twitter,
.crm-social-icon.fa-twitter { color: #111827; }
.crm-social-icon.fa-facebook,
.crm-social-icon.fa-facebook-f { color: #1877f2; }
.crm-social-icon.fa-instagram { color: #e4405f; }
.crm-social-icon.fa-github { color: #24292f; }
.crm-social-icon.fa-youtube { color: #ff0000; }
.crm-social-icon.fa-tiktok { color: #111827; }
.crm-social-icon.fa-whatsapp { color: #25d366; }

.crm-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    color: white;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
}

.crm-card-icon i {
    width: 0.85rem;
    height: 0.85rem;
}

.crm-icon-sticky { background: linear-gradient(135deg, #f59e0b, #f97316); }
.crm-icon-leadops { background: linear-gradient(135deg, #ef4444, #f97316); }
.crm-icon-source { background: linear-gradient(135deg, #2563eb, #7c3aed); }
.crm-icon-ai { background: linear-gradient(135deg, #8b5cf6, #d946ef); }
.crm-icon-facts { background: linear-gradient(135deg, #0ea5e9, #2563eb); }
.crm-icon-methods { background: linear-gradient(135deg, #10b981, #14b8a6); }
.crm-icon-tags { background: linear-gradient(135deg, #f97316, #f59e0b); }
.crm-icon-comments { background: linear-gradient(135deg, #ec4899, #f43f5e); }
.crm-icon-notes { background: linear-gradient(135deg, #64748b, #0f766e); }
.crm-icon-activity { background: linear-gradient(135deg, #06b6d4, #2563eb); }
.crm-icon-tasks { background: linear-gradient(135deg, #22c55e, #16a34a); }
.crm-icon-company { background: linear-gradient(135deg, #6366f1, #2563eb); }
.crm-icon-addresses { background: linear-gradient(135deg, #14b8a6, #0f766e); }
.crm-icon-opportunities { background: linear-gradient(135deg, #eab308, #f97316); }
.crm-icon-research { background: linear-gradient(135deg, #7c3aed, #2563eb); }
.crm-icon-system { background: linear-gradient(135deg, #475569, #111827); }

/* ==================================================
   I18N / RTL FOUNDATION
================================================== */
[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] #sidebar {
    border-right: 0;
    border-left: 1px solid var(--sidebar-border, rgb(73 57 49));
}

[dir="rtl"] #drawer-sidebar {
    right: 0;
    left: auto;
    border-right: 0;
    border-left: 1px solid var(--sidebar-border, rgb(73 57 49));
}

[dir="rtl"] .sidebar-item,
[dir="rtl"] .sidebar-group-toggle,
[dir="rtl"] .a75crm-sidebar-user-link {
    text-align: right;
}

[dir="rtl"] .sidebar-group-chevron {
    transform: scaleX(-1);
}

[dir="rtl"] .crm-language-popover {
    right: auto;
    left: 0;
    text-align: right;
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
}

[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] code,
[dir="rtl"] .font-mono {
    direction: ltr;
    text-align: left;
}

.contact-profile-header,
.contact-action-bar {
    margin-bottom: var(--crm-card-gap);
}

.contact-action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.crm-quick-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--crm-border);
    border-radius: 8px;
    background: var(--crm-card);
    color: var(--crm-fg);
    padding: 0.4rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 650;
    text-decoration: none;
}

.crm-quick-link:hover {
    background: var(--crm-accent);
    color: var(--crm-fg);
}

.crm-quick-link-primary {
    border-color: color-mix(in srgb, var(--primary) 48%, var(--crm-border));
    background: var(--primary);
    color: var(--primary-foreground, #fff);
}

.crm-quick-link-primary:hover {
    background: color-mix(in srgb, var(--primary) 88%, black 12%);
    color: var(--primary-foreground, #fff);
}

.crm-quick-link-disabled {
    border-style: dashed;
    color: var(--crm-muted-fg);
    opacity: 0.7;
}

.crm-score-ring {
    --score: 0;
    --score-color: rgb(249, 115, 22);
    display: grid;
    place-items: center;
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    background: conic-gradient(var(--score-color) calc(var(--score) * 1%), var(--crm-border) 0);
}

.crm-score-ring::after {
    content: "";
    position: absolute;
    inset: 0.38rem;
    border-radius: 999px;
    background: var(--crm-card);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

.crm-score-ring span,
.crm-score-ring small {
    position: relative;
    z-index: 1;
}

.crm-score-ring span {
    color: var(--crm-fg);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1;
}

.crm-score-ring small {
    color: var(--crm-muted-fg);
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
}

.crm-score-ring-green {
    --score-color: rgb(34, 197, 94);
}

/* ==================================================
   NOTEBOOK RECORD VIEW / EDIT
================================================== */
.notebook-record-view {
    --crm-card-gap: 1.25rem;
}

.notebook-record-profile {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.notebook-record-profile__identity,
.notebook-record-profile__actions {
    display: flex;
    gap: .85rem;
    min-width: 0;
}

.notebook-record-profile__identity {
    align-items: flex-start;
    flex: 1 1 auto;
}

.notebook-record-profile__actions {
    align-items: center;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.notebook-record-profile__avatar {
    align-items: center;
    background: linear-gradient(135deg, #0ea5e9, #f97316);
    border-radius: 14px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 56px;
    height: 56px;
    justify-content: center;
    position: relative;
    width: 56px;
}

.notebook-record-profile__avatar span {
    bottom: .25rem;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    position: absolute;
    right: .35rem;
}

.notebook-record-shell .crm-main-tab-area,
.notebook-record-shell .crm-persistent-rail,
.notebook-lookup-source-card code {
    min-width: 0;
}

.notebook-lookup-source-card code {
    white-space: normal;
    word-break: break-word;
}

.crm-completion-card .crm-score-ring {
    width: 4.4rem;
    height: 4.4rem;
}

.crm-missing-card {
    display: grid;
    gap: 0.85rem;
}

.crm-missing-group {
    display: grid;
    gap: 0.45rem;
}

.crm-missing-item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    border: 1px solid var(--crm-border);
    border-radius: 10px;
    background: color-mix(in oklab, var(--crm-muted) 18%, transparent);
    padding: 0.55rem 0.65rem;
    color: inherit;
    text-decoration: none;
}

.crm-missing-item:hover {
    background: var(--crm-accent);
}

.crm-missing-inline-item {
    display: grid;
    gap: .6rem;
    transition: opacity .22s ease, transform .22s ease, max-height .24s ease, margin .22s ease, padding .22s ease;
}

.crm-missing-inline-trigger {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.crm-missing-inline-trigger:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 4px;
}

.crm-missing-inline-form {
    display: grid;
    gap: .55rem;
}

.crm-missing-inline-label {
    color: var(--foreground);
    font-size: .78rem;
    font-weight: 850;
}

.crm-missing-inline-control {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--background);
    color: var(--foreground);
    padding: .65rem .75rem;
    font-size: .86rem;
    line-height: 1.35;
}

.crm-missing-inline-control:focus {
    border-color: color-mix(in srgb, var(--primary) 50%, var(--border));
    outline: 2px solid color-mix(in srgb, var(--primary) 20%, transparent);
}

.crm-missing-inline-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.crm-missing-inline-grid label {
    display: grid;
    gap: .35rem;
    min-width: 0;
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 800;
}

.crm-missing-inline-check {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--foreground);
    font-size: .78rem;
    font-weight: 750;
}

.crm-missing-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.crm-missing-inline-actions .a75-button {
    min-height: 2.35rem;
    justify-content: center;
}

.crm-missing-inline-item.is-saving {
    opacity: .72;
}

.crm-missing-inline-item.is-dissolving {
    max-height: 0 !important;
    margin: 0 !important;
    opacity: 0;
    overflow: hidden;
    padding-block: 0 !important;
    transform: translateY(-6px) scale(.98);
}

.crm-missing-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--crm-card);
    box-shadow: inset 0 0 0 1px var(--crm-border);
    font-size: 0.9rem;
    line-height: 1;
}

.crm-missing-icon img {
    display: block;
    height: .9rem;
    opacity: .86;
    width: .9rem;
}

/* ==================================================
   MISSING DATA ACTION BUILDER
================================================== */
.crm-missing-action-shell,
.leadops-missing-action-list,
.today-missing-action-list {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.leadops-missing-action-list,
.today-missing-action-list {
    margin-top: .55rem;
}

.a75-missing-action-builder {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .4rem;
    min-width: 0;
    padding: .45rem;
}

.a75-missing-action-builder.is-compact {
    background: color-mix(in srgb, var(--background) 82%, transparent);
    padding: .4rem;
}

.a75-missing-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.a75-missing-action-buttons form {
    display: inline-flex;
    min-width: 0;
}

.a75-missing-action-btn,
.a75-missing-action-details summary {
    align-items: center;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--primary);
    cursor: pointer;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    gap: .3rem;
    justify-content: center;
    line-height: 1.2;
    min-height: 2rem;
    max-width: 100%;
    padding: .35rem .5rem;
    text-decoration: none;
    white-space: normal;
}

.a75-missing-action-btn:hover,
.a75-missing-action-details summary:hover {
    background: var(--accent);
}

.a75-missing-action-btn.is-disabled,
.a75-missing-action-btn:disabled {
    color: var(--muted-foreground);
    cursor: not-allowed;
    opacity: .65;
}

.a75-missing-action-btn span,
.a75-missing-action-details summary span {
    overflow-wrap: anywhere;
}

.a75-missing-action-builder small {
    color: var(--muted-foreground);
    font-size: .68rem;
    line-height: 1.35;
}

.a75-missing-action-details {
    min-width: 0;
}

.a75-missing-action-details summary {
    list-style: none;
}

.a75-missing-action-details summary::-webkit-details-marker {
    display: none;
}

.a75-missing-action-details__form {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .45rem;
    margin-top: .35rem;
    max-width: 100%;
    min-width: min(13rem, 100%);
    padding: .55rem;
}

.a75-missing-action-details__form label {
    color: var(--muted-foreground);
    display: grid;
    font-size: .72rem;
    font-weight: 800;
    gap: .25rem;
}

.a75-missing-action-details__form select {
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--foreground);
    font-size: .78rem;
    min-height: 2.1rem;
    min-width: 0;
    padding: .35rem .45rem;
    width: 100%;
}

.crm-edit-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 330px);
    gap: 1.25rem;
    align-items: start;
}

.crm-edit-main {
    grid-column: 1;
    min-width: 0;
}

.crm-edit-shell > .crm-persistent-rail {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    min-width: 0;
}

.crm-save-status-card {
    border-color: rgba(59, 130, 246, 0.25);
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.08), rgba(59, 130, 246, 0.025));
}

.crm-preview-drawer {
    position: fixed;
    inset: 0;
    z-index: 130;
    pointer-events: none;
}

.crm-preview-drawer.is-open {
    pointer-events: auto;
}

.crm-preview-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.58);
    opacity: 0;
    transition: opacity 160ms ease;
}

.crm-preview-drawer.is-open .crm-preview-backdrop {
    opacity: 1;
}

.crm-preview-panel {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    width: min(460px, 100vw);
    height: 100%;
    flex-direction: column;
    border-left: 1px solid var(--crm-border);
    background: #fff;
    box-shadow: -28px 0 70px rgba(15, 23, 42, 0.28);
    transform: translateX(100%);
    transition: transform 180ms ease;
}

html.a75crm-dark .crm-preview-panel {
    background: #111827;
}

.crm-preview-drawer.is-open .crm-preview-panel {
    transform: translateX(0);
}

.crm-preview-open {
    overflow: hidden;
}

.crm-preview-metric {
    border: 1px solid var(--crm-border);
    border-radius: 10px;
    background: color-mix(in oklab, var(--crm-muted) 22%, transparent);
    padding: 0.7rem;
}

.crm-preview-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 61, 61, 0.18), rgba(59, 130, 246, 0.16));
    color: rgb(220, 38, 38);
    font-weight: 800;
    letter-spacing: 0.02em;
}

.crm-preview-completion {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.95rem;
    align-items: center;
    border: 1px solid var(--crm-border);
    border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in oklab, var(--crm-card) 86%, white 14%), color-mix(in oklab, var(--crm-muted) 25%, transparent));
    padding: 0.9rem;
}

.crm-preview-quicklinks {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.crm-preview-quicklink,
.crm-preview-empty-pill {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--crm-border);
    border-radius: 999px;
    background: var(--crm-bg);
    color: var(--crm-fg);
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

.crm-preview-quicklink:hover {
    background: var(--crm-accent);
}

.crm-preview-empty-pill {
    color: var(--crm-muted-fg);
    font-weight: 650;
}

.crm-preview-fact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.crm-preview-fact-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--crm-border);
    border-radius: 13px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--crm-card) 84%, white 16%), color-mix(in srgb, var(--crm-muted) 22%, transparent));
    padding: 0.7rem;
}

.crm-preview-fact-emoji {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--primary) 12%, transparent);
    font-size: 1rem;
}

.crm-preview-fact-card strong,
.crm-preview-context-row strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: var(--crm-fg);
    font-size: 0.84rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-preview-fact-card small,
.crm-preview-context-row span {
    display: block;
    color: var(--crm-muted-fg);
    font-size: 0.7rem;
    font-weight: 760;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.crm-preview-context-list {
    display: grid;
    gap: 0.55rem;
}

.crm-preview-context-row {
    display: grid;
    gap: 0.18rem;
    border: 1px solid var(--crm-border);
    border-radius: 11px;
    background: color-mix(in srgb, var(--crm-muted) 17%, transparent);
    padding: 0.62rem 0.72rem;
}

.crm-preview-missing-list {
    display: grid;
    gap: 0.45rem;
}

.crm-preview-list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid var(--crm-border);
    border-radius: 10px;
    background: color-mix(in oklab, var(--crm-muted) 18%, transparent);
    padding: 0.55rem 0.7rem;
}

.crm-preview-list-row span {
    min-width: 0;
    color: var(--crm-fg);
    font-size: 0.82rem;
    font-weight: 700;
}

.crm-preview-list-row small {
    flex: 0 0 auto;
    color: var(--crm-muted-fg);
    font-size: 0.7rem;
    font-weight: 700;
}

.crm-preview-empty-state {
    border: 1px dashed var(--crm-border);
    border-radius: 10px;
    color: var(--crm-muted-fg);
    padding: 0.7rem;
    font-size: 0.82rem;
}

.crm-preview-person-row {
    display: grid;
    gap: 0.12rem;
    color: inherit;
    text-decoration: none;
}

.crm-preview-person-row:hover strong {
    color: rgb(255, 61, 61);
}

.crm-preview-person-row span {
    color: var(--crm-muted-fg);
    font-size: 0.78rem;
}

.crm-preview-hover-card {
    position: fixed;
    z-index: 140;
    display: grid;
    width: min(320px, calc(100vw - 2rem));
    gap: 0.35rem;
    border: 1px solid var(--crm-border);
    border-radius: 14px;
    background: hsl(var(--card)) !important;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.24);
    color: hsl(var(--foreground));
    opacity: 1 !important;
    padding: 0.9rem;
    pointer-events: none;
}

.crm-preview-hover-card.hidden {
    display: none;
}

.crm-preview-hover-card__head {
    align-items: center;
    display: flex;
    gap: .65rem;
    min-width: 0;
}

.crm-preview-hover-card__copy {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.crm-preview-hover-card__media {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}

.crm-preview-hover-card__media .a75-identity-media {
    height: 2.4rem !important;
    width: 2.4rem !important;
}

.crm-preview-hover-card strong {
    color: var(--crm-fg);
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-preview-hover-card span,
.crm-preview-hover-card small {
    color: var(--crm-muted-fg);
    font-size: 0.78rem;
}

.crm-preview-hover-card__copy > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-channel-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.crm-channel-card {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid var(--crm-border);
    border-radius: 12px;
    background: color-mix(in oklab, var(--crm-card) 88%, var(--crm-muted) 12%);
    padding: 0.9rem;
    color: inherit;
    text-decoration: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.crm-channel-card:hover {
    border-color: color-mix(in oklab, var(--crm-muted-fg) 32%, var(--crm-border));
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.crm-channel-card.is-disabled {
    pointer-events: none;
}

.crm-channel-icon,
.crm-channel-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 auto;
    border-radius: 10px;
    background: var(--crm-muted);
    color: var(--crm-fg);
}

.crm-channel-label,
.crm-channel-value,
.crm-channel-hint {
    display: block;
    min-width: 0;
}

.crm-channel-label {
    color: var(--crm-fg);
    font-size: 0.83rem;
    font-weight: 700;
}

.crm-channel-value {
    margin-top: 0.25rem;
    overflow-wrap: anywhere;
    color: var(--crm-fg);
    font-size: 0.9rem;
}

.crm-channel-hint {
    margin-top: 0.25rem;
    color: var(--crm-muted-fg);
    font-size: 0.72rem;
}

.crm-channel-list {
    display: grid;
    gap: 0.7rem;
}

.crm-channel-row {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid var(--crm-border);
    border-radius: 12px;
    background: color-mix(in oklab, var(--crm-muted) 20%, transparent);
    padding: 0.8rem 0.9rem;
}

.crm-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--crm-border);
    border-radius: 8px;
    background: var(--crm-bg);
    color: var(--crm-fg);
    padding: 0.55rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.crm-action-btn:disabled,
.crm-action-btn.is-disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.crm-cockpit-grid {
    display: grid;
    grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: var(--crm-card-gap);
}

.crm-cockpit-left,
.crm-cockpit-main {
    display: grid;
    align-content: start;
    gap: var(--crm-card-gap);
}

.crm-detail-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

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

.crm-detail-row {
    min-width: 0;
}

.crm-detail-row dt {
    margin-bottom: 0.16rem;
    color: var(--crm-muted-fg);
    font-size: 0.68rem;
    font-weight: 650;
    text-transform: uppercase;
}

.crm-detail-row dd {
    margin: 0;
    color: var(--crm-fg);
    font-size: 0.9rem;
    line-height: 1.45;
    word-break: break-word;
}

.crm-detail-row-wide {
    grid-column: 1 / -1;
}

.crm-badge {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--crm-border);
    border-radius: 999px;
    background: color-mix(in oklab, var(--crm-muted) 45%, transparent);
    color: var(--crm-fg);
    padding: 0.18rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 650;
}

.crm-empty-card {
    border: 1px dashed var(--crm-border);
    border-radius: 10px;
    background: color-mix(in oklab, var(--crm-muted) 20%, transparent);
    color: var(--crm-muted-fg);
    padding: 1rem;
    font-size: 0.9rem;
}

.crm-sticky-note-card {
    border-color: rgba(245, 158, 11, 0.35);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.13), rgba(245, 158, 11, 0.055));
}

.crm-sticky-note-card .crm-inline-edit {
    display: inline-flex;
    width: 100%;
    align-items: flex-start;
}

.crm-action-placeholder {
    border-style: dashed;
    background: color-mix(in oklab, var(--crm-muted) 16%, transparent);
}

.crm-sticky-note-box {
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 10px;
    background: rgba(245, 158, 11, 0.12);
    margin-bottom: 0.9rem;
    padding: 0.85rem;
}

.crm-mini-label {
    color: var(--crm-muted-fg);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.crm-compact-list {
    display: grid;
    gap: 0;
}

.crm-compact-row {
    border-top: 1px solid var(--crm-border);
    padding: 0.65rem 0;
}

.crm-compact-row:first-child {
    border-top: 0;
    padding-top: 0;
}

.crm-compact-row:last-child {
    padding-bottom: 0;
}

.crm-comment-details {
    margin-top: 0.85rem;
}

.crm-comment-details summary {
    cursor: pointer;
    color: rgb(255, 61, 61);
    font-size: 0.8rem;
    font-weight: 700;
}

.crm-leadops-card {
    border-color: rgba(255, 61, 61, 0.24);
    box-shadow: 0 8px 24px -18px rgba(255, 61, 61, 0.45), 0 1px 2px rgba(15, 23, 42, 0.05);
}

.crm-leadops-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.9rem;
}

.crm-next-action-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    border: 1px solid var(--crm-border);
    border-radius: 10px;
    background: color-mix(in oklab, var(--crm-muted) 28%, transparent);
    margin-bottom: 0.9rem;
    padding: 0.9rem;
}

.crm-next-action-value {
    margin-top: 0.2rem;
    color: var(--crm-fg);
    font-size: 1rem;
    font-weight: 700;
}

.crm-followup-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--crm-border);
    border-radius: 999px;
    background: var(--crm-card);
    color: var(--crm-fg);
    padding: 0.45rem 0.7rem;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.crm-followup-pill.is-overdue {
    border-color: rgba(220, 38, 38, 0.38);
    background: rgba(220, 38, 38, 0.08);
    color: rgb(185, 28, 28);
}

.crm-compact-fields {
    border-top: 1px solid var(--crm-border);
    padding-top: 0.8rem;
}

.crm-inline-edit {
    display: inline-flex;
    align-items: baseline;
    gap: 0.32rem;
    min-height: 1.35rem;
    border-radius: 6px;
    cursor: pointer;
    border-bottom: 1px dotted color-mix(in oklab, var(--crm-muted-fg) 48%, transparent);
    padding: 0.08rem 0.2rem;
    position: relative;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.crm-inline-edit:hover,
.crm-inline-edit:focus {
    background: var(--crm-accent);
    border-bottom-color: rgb(255, 61, 61);
    outline: 1px solid color-mix(in oklab, rgb(255, 61, 61) 18%, transparent);
}

.crm-inline-value {
    min-width: 0;
}

.crm-inline-pencil,
.crm-inline-saved {
    color: rgb(255, 61, 61);
    font-size: 0.72rem;
    font-weight: 750;
    opacity: 0;
    transform: translateY(-0.02rem);
    transition: opacity 120ms ease;
}

.crm-inline-edit:hover .crm-inline-pencil,
.crm-inline-edit:focus .crm-inline-pencil {
    opacity: 1;
}

.contact-inline-field {
    width: 100%;
    border-bottom: 0;
    border-radius: 10px;
    padding: .18rem .35rem;
}

.contact-inline-field::after {
    content: "Click to edit";
    margin-left: auto;
    color: rgb(255, 61, 61);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .04em;
    opacity: 0;
    text-transform: uppercase;
    transition: opacity 120ms ease;
}

.contact-field-row:hover .contact-inline-field,
.contact-inline-field:focus {
    background: color-mix(in srgb, #ff5a36 8%, var(--card));
    outline: 1px solid color-mix(in srgb, #ff5a36 22%, transparent);
}

.contact-field-row:hover .contact-inline-field::after,
.contact-inline-field:focus::after {
    opacity: 1;
}

.crm-inline-edit.is-saving {
    opacity: 0.6;
}

.crm-inline-edit.is-saved {
    background: rgba(34, 197, 94, 0.12);
}

.crm-inline-edit.is-saved .crm-inline-saved {
    color: rgb(22, 163, 74);
    opacity: 1;
}

.crm-inline-edit.is-saved .crm-inline-pencil {
    opacity: 0;
}

.crm-inline-input {
    width: min(100%, 34rem);
    max-width: 100%;
    border: 1px solid var(--crm-border);
    border-radius: 8px;
    background: var(--crm-bg);
    color: var(--crm-fg);
    padding: 0.45rem 0.6rem;
    font-size: 0.9rem;
}

select.crm-inline-input {
    min-width: min(13rem, 100%);
    cursor: pointer;
}

textarea.crm-inline-input {
    min-height: 6rem;
}

.a75-quick-action-form {
    display: grid;
    gap: .85rem;
}

.a75-quick-action-note {
    align-items: flex-start;
    background: color-mix(in srgb, var(--primary, #ff5a36) 7%, var(--a75-surface-card, #fff));
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 18%, var(--a75-border-subtle, var(--crm-border, #eadfd7)));
    border-radius: 8px;
    color: var(--a75-text-muted, var(--muted-foreground, #6f655f));
    display: flex;
    gap: .55rem;
    padding: .7rem .8rem;
}

.a75-quick-action-note i,
.a75-quick-action-note svg {
    color: var(--primary, #ff5a36);
    flex: 0 0 auto;
    margin-top: .15rem;
}

.a75-quick-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.a75-quick-field {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.a75-quick-field > span:first-child {
    align-items: center;
    color: var(--foreground, #1f1712);
    display: inline-flex;
    font-size: .75rem;
    font-weight: 850;
    gap: .35rem;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.a75-quick-field .crm-inline-input {
    background: var(--a75-surface-card, var(--crm-bg, #fff));
    min-height: 2.55rem;
    width: 100%;
}

.a75-quick-field textarea.crm-inline-input {
    min-height: 8rem;
}

.a75-quick-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.a75-quick-toolbar button {
    background: color-mix(in srgb, var(--primary, #ff5a36) 6%, #fff);
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 18%, var(--a75-border-subtle, #eadfd7));
    border-radius: 999px;
    color: var(--primary, #ff5a36);
    font-size: .7rem;
    font-weight: 800;
    min-height: 1.6rem;
    padding: 0 .55rem;
}

.a75-channel-inline-form {
    background: color-mix(in srgb, var(--primary, #ff5a36) 4%, var(--a75-surface-card, var(--crm-bg, #fff)));
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 15%, var(--a75-border-subtle, var(--crm-border, #eadfd7)));
    border-radius: 12px;
    display: grid;
    gap: .9rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.a75-channel-inline-form__head {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.a75-channel-inline-form__head strong {
    align-items: center;
    color: var(--foreground, #1f1712);
    display: inline-flex;
    font-weight: 900;
    gap: .4rem;
}

.a75-channel-inline-form__head span {
    color: var(--muted-foreground, #6f655f);
    display: block;
    font-size: .82rem;
    margin-top: .15rem;
}

.a75-channel-form-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.a75-channel-form-grid__wide,
.a75-channel-form-grid__code {
    grid-column: span 2;
}

.a75-channel-inline-form .address-paste-parser {
    background: var(--a75-surface-card, var(--crm-bg, #fff));
    border-radius: 10px;
    padding: .9rem;
}

.a75-channel-inline-form__actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.a75-inline-toggle {
    align-items: center;
    background: var(--a75-surface-card, var(--crm-bg, #fff));
    border: 1px solid var(--a75-border-subtle, var(--crm-border, #eadfd7));
    border-radius: 8px;
    color: var(--foreground, #1f1712);
    display: inline-flex;
    font-size: .86rem;
    font-weight: 800;
    gap: .45rem;
    min-height: 2.55rem;
    padding: .55rem .7rem;
}

.a75-link-quiet,
.a75-row-edit-link {
    align-items: center;
    display: inline-flex;
    gap: .3rem;
    white-space: nowrap;
}

.a75-address-review-row {
    display: block;
}

.a75-inline-edit-panel {
    background: color-mix(in srgb, var(--primary, #ff5a36) 4%, var(--a75-surface-card, #fff));
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 16%, var(--a75-border-subtle, var(--crm-border, #ded0c5)));
    border-radius: 8px;
    margin-top: .75rem;
    padding: .55rem;
}

.a75-inline-edit-panel summary {
    align-items: center;
    color: var(--primary, #ff5a36);
    cursor: pointer;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 850;
    gap: .35rem;
    list-style: none;
}

.a75-inline-edit-panel summary::-webkit-details-marker {
    display: none;
}

.a75-inline-address-form {
    display: grid;
    gap: .75rem;
    margin-top: .75rem;
}

.a75-inline-address-actions,
.a75-inline-address-delete {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.a75-inline-address-delete {
    border-top: 1px solid var(--a75-border-subtle, var(--crm-border, #ded0c5));
    margin-top: .75rem;
    padding-top: .65rem;
}

.a75-button--danger {
    background: color-mix(in srgb, #dc2626 10%, var(--a75-surface-card, #fff));
    border-color: color-mix(in srgb, #dc2626 34%, var(--a75-border-subtle, #ded0c5));
    color: #b91c1c;
}

/* ==================================================
   CHANNEL VERIFICATION WORKFLOW
================================================== */
.a75-channel-workflow-actions {
    border-top: 1px solid var(--a75-border-subtle, var(--crm-border, #ded0c5));
    display: grid;
    gap: .55rem;
    margin-top: .65rem;
    padding-top: .65rem;
}

.a75-channel-workflow-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.a75-channel-workflow-action-row .a75-button,
.a75-channel-note-form .a75-button {
    min-height: 2rem;
    padding: .35rem .55rem;
}

.a75-channel-note-panel {
    background: color-mix(in srgb, var(--primary, #ff5a36) 4%, var(--a75-surface-card, #fff));
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 14%, var(--a75-border-subtle, #ded0c5));
    border-radius: 8px;
    padding: .5rem;
}

.a75-channel-note-panel summary {
    align-items: center;
    color: var(--primary, #ff5a36);
    cursor: pointer;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 850;
    gap: .3rem;
    list-style: none;
}

.a75-channel-note-panel summary::-webkit-details-marker {
    display: none;
}

.a75-channel-note-form {
    display: grid;
    gap: .5rem;
    margin-top: .55rem;
}

.a75-company-linked-channel-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    padding: .9rem 1.25rem;
}

.a75-company-linked-channel-row strong,
.a75-company-linked-channel-row span {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.a75-company-linked-channel-row strong {
    color: var(--foreground, #1f1712);
    font-size: .9rem;
}

.a75-company-linked-channel-row span {
    color: var(--muted-foreground, #6f655f);
    font-size: .8rem;
    margin-top: .12rem;
}

.a75-company-linked-channel-row__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

/* ==================================================
   RELATIONSHIP QUALITY WORKFLOW
================================================== */
.a75-relationship-quality-card,
.a75-key-people-strip {
    display: grid;
    gap: .7rem;
    margin-top: .9rem;
}

.a75-key-people-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .75rem;
    justify-content: space-between;
    padding: 1rem 1.25rem 0;
}

.a75-key-people-heading strong {
    align-items: center;
    color: var(--foreground, #1f1712);
    display: inline-flex;
    font-size: .95rem;
    font-weight: 900;
    gap: .35rem;
}

.a75-key-people-heading span {
    color: var(--muted-foreground, #6f655f);
    font-size: .78rem;
}

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

.a75-relationship-quality-card > div,
.a75-key-people-strip article {
    background: color-mix(in srgb, var(--primary, #ff5a36) 5%, var(--a75-surface-card, #fff));
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 16%, var(--a75-border-subtle, #ded0c5));
    border-radius: 8px;
    min-width: 0;
    padding: .75rem;
}

.a75-relationship-quality-card span,
.a75-key-people-strip span {
    color: var(--muted-foreground, #6f655f);
    display: block;
    font-size: .7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75-relationship-quality-card strong,
.a75-key-people-strip a {
    color: var(--foreground, #1f1712);
    display: block;
    font-size: .92rem;
    font-weight: 900;
    margin-top: .18rem;
    overflow-wrap: anywhere;
}

.a75-relationship-quality-card small,
.a75-relationship-note {
    color: var(--muted-foreground, #6f655f);
    display: block;
    font-size: .75rem;
    line-height: 1.35;
    margin-top: .25rem;
    overflow-wrap: anywhere;
}

.a75-key-people-strip {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    padding: 1rem 1.25rem 0;
}

.a75-relationship-badges,
.a75-relationship-action-row,
.a75-relationship-table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.a75-relationship-badges {
    margin-top: .45rem;
}

.a75-relationship-badge {
    align-items: center;
    border: 1px solid var(--a75-border-subtle, #ded0c5);
    border-radius: 999px;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 850;
    line-height: 1.15;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: .22rem .45rem;
}

.a75-relationship-badge.is-success {
    border-color: color-mix(in srgb, #16a34a 34%, var(--a75-border-subtle, #ded0c5));
    color: #15803d;
}

.a75-relationship-badge.is-primary {
    border-color: color-mix(in srgb, var(--primary, #ff5a36) 34%, var(--a75-border-subtle, #ded0c5));
    color: var(--primary, #ff5a36);
}

.a75-relationship-badge.is-warning {
    border-color: color-mix(in srgb, #d97706 34%, var(--a75-border-subtle, #ded0c5));
    color: #b45309;
}

.a75-relationship-badge.is-danger {
    border-color: color-mix(in srgb, #dc2626 34%, var(--a75-border-subtle, #ded0c5));
    color: #b91c1c;
}

.a75-relationship-badge.is-neutral {
    color: var(--muted-foreground, #6f655f);
}

.a75-relationship-actions {
    border-top: 1px solid var(--a75-border-subtle, #ded0c5);
    display: grid;
    gap: .5rem;
    margin-top: .65rem;
    padding-top: .65rem;
}

.a75-relationship-action-row {
    align-items: center;
}

.a75-relationship-action-row form,
.a75-relationship-table-actions form {
    display: inline-flex;
}

.a75-relationship-select {
    background: var(--a75-surface-card, #fff);
    border: 1px solid var(--a75-border-subtle, #ded0c5);
    border-radius: 8px;
    color: var(--foreground, #1f1712);
    font-size: .78rem;
    min-height: 2.1rem;
    min-width: min(11rem, 100%);
    padding: .35rem .5rem;
}

.a75-relationship-note-panel {
    background: color-mix(in srgb, var(--primary, #ff5a36) 4%, var(--a75-surface-card, #fff));
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 14%, var(--a75-border-subtle, #ded0c5));
    border-radius: 8px;
    padding: .5rem;
}

.a75-relationship-note-panel summary {
    align-items: center;
    color: var(--primary, #ff5a36);
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 850;
    gap: .3rem;
    list-style: none;
}

.a75-relationship-note-panel summary::-webkit-details-marker {
    display: none;
}

.a75-relationship-note-form {
    display: grid;
    gap: .5rem;
    margin-top: .55rem;
}

@media (max-width: 720px) {
    .a75-channel-inline-form__head {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-channel-form-grid,
    .a75-channel-form-grid__wide,
    .a75-channel-form-grid__code {
        grid-template-columns: 1fr;
        grid-column: auto;
    }

    .a75-company-linked-channel-row {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-company-linked-channel-row__actions .a75-button {
        justify-content: center;
        width: 100%;
    }

    .a75-relationship-quality-card {
        grid-template-columns: 1fr;
    }

    .a75-relationship-action-row,
    .a75-relationship-table-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-relationship-action-row .a75-button,
    .a75-relationship-table-actions .a75-button,
    .a75-relationship-select {
        justify-content: center;
        width: 100%;
    }
}

.crm-inline-feedback {
    display: inline-flex;
    align-items: center;
    margin-left: 0.4rem;
    border-radius: 999px;
    padding: 0.08rem 0.45rem;
    font-size: 0.7rem;
    font-weight: 700;
    vertical-align: middle;
}

.crm-inline-feedback.is-success {
    background: rgba(34, 197, 94, 0.12);
    color: rgb(22, 163, 74);
}

.crm-inline-feedback.is-error {
    background: rgba(220, 38, 38, 0.1);
    color: rgb(185, 28, 28);
}

.agency75-inline-popout {
    position: fixed;
    z-index: 2600;
    overflow: hidden;
    border: 1px solid var(--crm-border, var(--border));
    border-radius: 16px;
    background: var(--crm-card, var(--card));
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
}

.agency75-inline-popout-head {
    border-bottom: 1px solid var(--crm-border, var(--border));
    padding: .75rem .85rem .65rem;
}

.agency75-inline-popout-head span {
    display: block;
    color: var(--crm-muted-fg, var(--muted-foreground));
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.agency75-inline-popout-head strong {
    display: block;
    margin-top: .08rem;
    color: var(--crm-fg, var(--foreground));
    font-size: .92rem;
    font-weight: 900;
}

.agency75-inline-popout-head small {
    display: block;
    margin-top: .18rem;
    color: var(--crm-muted-fg, var(--muted-foreground));
    font-size: .74rem;
    line-height: 1.35;
}

.agency75-inline-popout-search {
    width: calc(100% - 1rem);
    margin: .55rem .5rem .2rem;
    border: 1px solid var(--crm-border, var(--border));
    border-radius: 11px;
    background: var(--crm-bg, var(--background));
    color: var(--crm-fg, var(--foreground));
    padding: .55rem .7rem;
    font-size: .82rem;
}

.agency75-inline-popout-list {
    display: grid;
    max-height: 340px;
    overflow-y: auto;
    padding: .35rem;
}

.agency75-inline-option {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
    border: 0;
    border-radius: 12px;
    background: transparent;
    padding: .55rem .6rem;
    color: inherit;
    text-align: left;
    transition: background 120ms ease, transform 120ms ease;
}

.agency75-inline-option:hover,
.agency75-inline-option:focus {
    background: color-mix(in srgb, #ff5a36 8%, var(--crm-muted, var(--muted)));
    outline: none;
}

.agency75-inline-option.is-selected {
    background: color-mix(in srgb, #ff5a36 11%, var(--crm-card, var(--card)));
}

.agency75-inline-option-avatar {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff5a36, #ff8a3d);
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

.agency75-inline-option-copy {
    display: grid;
    min-width: 0;
    gap: .08rem;
}

.agency75-inline-option-title {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.agency75-inline-option-copy strong {
    color: var(--crm-fg, var(--foreground));
    font-size: .86rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agency75-inline-option-copy b {
    flex: 0 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, #ff5a36 13%, white);
    color: #ff3d3d;
    padding: .12rem .42rem;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.agency75-inline-option-copy small {
    color: var(--crm-muted-fg, var(--muted-foreground));
    font-size: .72rem;
}

.agency75-inline-popout-footer {
    display: flex;
    align-items: center;
    gap: .5rem;
    border-top: 1px solid var(--crm-border, var(--border));
    background: color-mix(in srgb, var(--crm-card, var(--card)) 82%, var(--crm-muted, var(--muted)));
    padding: .65rem .85rem;
    color: var(--crm-muted-fg, var(--muted-foreground));
    font-size: .74rem;
}

.agency75-inline-popout-footer span {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, #16a34a 16%, white);
    color: #16a34a;
    font-weight: 900;
}

.agency75-inline-popout-footer p {
    margin: 0;
}

@media (max-width: 1024px) {
    .contact-view-shell {
        grid-template-columns: 1fr;
    }

    .notebook-record-profile {
        display: grid;
    }

    .notebook-record-profile__actions {
        justify-content: flex-start;
        width: 100%;
    }

    .contact-view-shell > [data-tab-panel],
    .crm-main-tab-area {
        grid-column: 1;
        order: 1;
    }

    .contact-view-shell > .crm-persistent-rail {
        grid-column: 1;
        grid-row: auto;
        order: 2;
    }

    .crm-cockpit-grid {
        grid-template-columns: 1fr;
    }

    .crm-cockpit-left {
        order: 1;
    }

    .crm-cockpit-main {
        order: 2;
    }
}

@media (max-width: 1100px) {
    .crm-edit-shell {
        grid-template-columns: 1fr;
    }

    .crm-edit-main {
        grid-column: 1;
        order: 1;
    }

    .crm-edit-shell > .crm-persistent-rail {
        grid-column: 1;
        grid-row: auto;
        order: 2;
    }
}

@media (max-width: 640px) {
    .crm-card {
        padding: 1rem;
    }

    .crm-detail-list-2 {
        grid-template-columns: 1fr;
    }

    .crm-next-action-block {
        grid-template-columns: 1fr;
    }

    .crm-action-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ==================================================
   TOPBAR INTENT SEARCH
================================================== */

/* ==================================================
   CONTACT PROFILE COCKPIT V2
================================================== */

.contact-cockpit-v2 {
    --cockpit-border: color-mix(in srgb, var(--border) 84%, transparent);
    --cockpit-soft: color-mix(in srgb, var(--muted) 72%, var(--card));
    --cockpit-ink: var(--foreground);
    --cockpit-muted: var(--muted-foreground);
    padding-bottom: 5rem;
}

.contact-cockpit-hero {
    position: relative;
    top: auto;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr);
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1rem;
    border: 1px solid var(--cockpit-border);
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--card) 94%, #fff7ed), var(--card)),
        var(--card);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
    overflow: hidden;
    padding: 1rem;
}

.contact-hero-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .95rem;
    min-width: 0;
}

.contact-avatar-xl {
    display: grid;
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 22px;
    background: linear-gradient(135deg, #ff7a1a, #ff3d3d);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -.04em;
    box-shadow: 0 14px 28px rgba(255, 90, 54, .25);
}

.a75-hero-avatar-shell {
    align-self: flex-start;
    display: inline-grid;
    place-items: center;
    position: relative;
}

.a75-hero-avatar-media-trigger {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: inherit;
    bottom: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0;
    height: 100%;
    justify-content: flex-end;
    min-width: 2rem;
    padding: .15rem;
    position: absolute;
    right: 0;
    width: 100%;
}

.a75-hero-avatar-media-trigger svg,
.a75-hero-avatar-media-trigger i {
    background: color-mix(in srgb, var(--primary, #ff5a36) 92%, #000);
    border: 2px solid var(--a75-surface-card, #fff);
    border-radius: 999px;
    box-shadow: 0 10px 20px rgba(31, 23, 18, .18);
    height: 1.9rem;
    /*
     * WHY:
     * The photo/logo action should feel like an edit affordance instead of a
     * permanent badge on the display picture. The full button remains present
     * for click handling, while only the visible icon waits for hover/focus.
     *
     * IMPACT / BLAST RADIUS:
     * Scoped to Contact/Company hero display-picture media triggers. Upload,
     * paste, provider fetch endpoints, CSRF attributes, and drawer JS hooks are
     * untouched.
     */
    opacity: 0;
    padding: .38rem;
    transform: translateY(2px) scale(.94);
    transition: opacity .16s ease, transform .16s ease;
    width: 1.9rem;
}

.a75-hero-avatar-shell:hover .a75-hero-avatar-media-trigger,
.a75-hero-avatar-media-trigger:focus-visible {
    transform: translateY(-1px);
}

.a75-hero-avatar-shell:hover .a75-hero-avatar-media-trigger svg,
.a75-hero-avatar-shell:hover .a75-hero-avatar-media-trigger i,
.a75-hero-avatar-media-trigger:focus-visible svg,
.a75-hero-avatar-media-trigger:focus-visible i {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.a75-media-avatar,
.a75-media-logo,
.a75-entity-header__avatar[src] {
    display: block;
    object-fit: cover;
}

.a75-media-logo,
.a75-entity-header__avatar.a75-media-logo {
    object-fit: contain;
}

/* ==================================================
   IDENTITY MEDIA SYSTEM
================================================== */

.a75-identity-media {
    align-items: center;
    background: var(--a75-tone-primary-soft, hsl(var(--primary) / .1));
    border: 1px solid hsl(var(--border));
    color: var(--a75-tone-primary-strong, hsl(var(--primary)));
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    object-fit: cover;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.a75-identity-media--contact,
.a75-identity-media--user {
    border-radius: 999px;
}

.a75-identity-media--company {
    border-radius: .75rem;
}

.a75-identity-media--contain {
    background: hsl(var(--card));
    object-fit: contain;
    padding: .14rem;
}

/*
 * Identity media can render as either <img> or <span>. Image rows need block
 * layout so Contact/Company headers show the saved DP/logo instead of looking
 * like an empty fallback tile.
 */
img.a75-identity-media {
    box-sizing: border-box;
    display: block;
    opacity: 1;
    visibility: visible;
}

img.a75-identity-media--company,
img.a75-identity-media--contain {
    background: hsl(var(--card));
    object-fit: contain;
}

.a75-record-view .a75-hero-avatar-shell > img.a75-identity-media {
    box-shadow: 0 14px 28px rgba(31, 23, 18, .12);
}

.a75-identity-media--fallback {
    background: linear-gradient(135deg, hsl(var(--primary) / .16), hsl(var(--accent) / .7));
    color: hsl(var(--foreground));
    letter-spacing: 0;
    text-transform: uppercase;
}

.a75-identity-media--contact.a75-identity-media--fallback {
    background: linear-gradient(135deg, #ff5a36, #f97316);
    color: #fff;
}

.a75-identity-media--user.a75-identity-media--fallback {
    background: linear-gradient(135deg, #0ea5e9, #6366f1);
    color: #fff;
}

.a75-identity-media--company.a75-identity-media--fallback {
    background: linear-gradient(135deg, hsl(var(--primary) / .12), hsl(var(--muted)));
    color: hsl(var(--primary));
}

.a75-identity-media--xs {
    font-size: .68rem;
}

.a75-identity-media--sm {
    font-size: .76rem;
}

.a75-identity-media--md {
    font-size: .88rem;
}

.a75-identity-media--lg {
    font-size: 1.05rem;
}

.a75-identity-media--xl {
    font-size: 1.2rem;
}

.a75crm-search-result-media .a75-identity-media {
    box-shadow: none;
}

.crm-preview-avatar:has(.a75-identity-media),
.crm-preview-avatar.has-media {
    background: transparent;
    border: 0;
    padding: 0;
}

.crm-preview-avatar .a75-identity-media {
    width: 2.75rem !important;
    height: 2.75rem !important;
}

.crm-preview-person-media-wrap {
    display: inline-flex;
    flex: 0 0 auto;
}

.crm-preview-person-row {
    align-items: center;
}

.a75crm-auth-avatar .a75-identity-media {
    width: 5rem !important;
    height: 5rem !important;
}

.a75-activity-actor--media {
    align-items: center;
    gap: .35rem;
}

/* ==================================================
   0.9.66 RECORD FORM UX STABILIZATION
================================================== */

.contact-form-cockpit .crm-edit-main,
.company-form-cockpit .crm-edit-main {
    min-width: 0;
}

.contact-form-cockpit .crm-edit-main [data-tab-panel],
.company-form-cockpit .crm-edit-main [data-tab-panel] {
    width: min(100%, 56rem);
    max-width: 100%;
}

.contact-form-cockpit .crm-edit-main [data-tab-panel] > .grid,
.company-form-cockpit .crm-edit-main [data-tab-panel] > .grid,
.contact-form-cockpit .crm-edit-main [data-tab-panel] .crm-card > .grid,
.company-form-cockpit .crm-edit-main [data-tab-panel] .crm-card > .grid,
.contact-form-cockpit .agency75-repeatable-row > .grid,
.company-form-cockpit .agency75-repeatable-row > .grid,
.contact-form-cockpit .agency75-repeatable-row [data-location-cascade],
.company-form-cockpit .agency75-repeatable-row [data-location-cascade],
.a75-relationship-row > .grid {
    grid-template-columns: minmax(0, 1fr) !important;
}

.contact-form-cockpit .crm-edit-main [data-tab-panel] [class*="col-span"],
.company-form-cockpit .crm-edit-main [data-tab-panel] [class*="col-span"],
.contact-form-cockpit .crm-edit-main [data-tab-panel] [class*="lg:col-span"],
.company-form-cockpit .crm-edit-main [data-tab-panel] [class*="lg:col-span"] {
    grid-column: auto !important;
}

.a75-relationship-editor,
.a75-enrichment-maintenance-card {
    width: 100%;
}

.a75-relationship-row {
    border-radius: var(--a75-radius-md);
}

.a75-relationship-row select,
.a75-relationship-row input,
.a75-relationship-row textarea {
    min-width: 0;
}

/* ==================================================
   0.9.66 AUTH LAYOUT QA FIXES
================================================== */

.a75-auth-login {
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.a75-auth-login .a75crm-auth-brand-panel,
.a75-auth-login .a75crm-auth-form-panel {
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    max-height: none;
    overflow: visible;
}

.a75crm-auth-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
}

.a75crm-auth-form-center {
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .a75crm-auth-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-auth-login .a75crm-auth-form-panel {
        min-height: 100vh;
        min-height: 100svh;
    }
}

@media (max-width: 520px) {
    .a75crm-auth-form-panel {
        padding-inline: 1rem;
    }

    .a75crm-auth-card {
        width: min(100%, 27rem);
    }
}

.a75-activity-actor--media b {
    display: none;
}

.owner-spotlight-media-stack {
    display: inline-flex;
    position: relative;
    flex: 0 0 auto;
}

.owner-spotlight-avatar-media {
    box-shadow: 0 14px 34px hsl(var(--foreground) / .12);
}

.owner-spotlight-company-badge {
    position: absolute;
    bottom: -.25rem;
    right: -.35rem;
    display: inline-flex;
    border-radius: .65rem;
    background: hsl(var(--card));
    padding: .12rem;
    box-shadow: 0 8px 18px hsl(var(--foreground) / .14);
}

.contact-hero-identity {
    min-width: 0;
}

.contact-hero-kicker,
.contact-hero-context,
.contact-quick-comms,
.contact-hero-button-row,
.contact-score-dials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.contact-hero-identity h1 {
    margin: .28rem 0 .15rem;
    color: var(--cockpit-ink);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(1.6rem, 2.7vw, 2.45rem);
    font-weight: 850;
    letter-spacing: -.035em;
    line-height: 1.02;
}

.contact-hero-role {
    margin: 0;
    color: var(--cockpit-muted);
    font-size: .95rem;
    font-weight: 650;
}

.contact-hero-context {
    margin-top: .52rem;
    color: var(--cockpit-muted);
    font-size: .76rem;
    font-weight: 700;
}

.contact-hero-context a,
.contact-hero-context span {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    max-width: 100%;
    border: 1px solid var(--cockpit-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--card) 82%, var(--muted));
    padding: .28rem .55rem;
    color: var(--cockpit-muted);
    text-decoration: none;
    line-height: 1.25;
}

.contact-hero-context span.a75-live-time,
.contact-hero-context span.a75-weather-unit {
    gap: .4rem;
}

.contact-hero-context span.a75-live-time strong,
.contact-hero-context span.a75-weather-unit strong {
    min-width: 0;
    color: inherit;
    font: inherit;
}

.a75-weather-refresh {
    display: inline-grid;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--cockpit-card, var(--card)) 82%, transparent);
    color: currentColor;
    cursor: pointer;
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

.a75-weather-refresh:hover,
.a75-weather-refresh:focus-visible {
    transform: translateY(-1px);
    background: color-mix(in srgb, currentColor 12%, transparent);
    outline: none;
}

.a75-weather-refresh.is-loading i,
.a75-weather-refresh-card.is-loading i {
    animation: a75-rbac-spin .7s linear infinite;
}

.a75-weather-inline-label {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.a75-live-time-inline strong,
.a75-weather-inline-label strong {
    color: inherit;
    font: inherit;
}

.contact-hero-context a {
    color: var(--primary);
}

.contact-hero-context .is-muted {
    opacity: .8;
}

.contact-hero-summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 920px;
    margin: .7rem 0 0;
    color: var(--cockpit-ink);
    font-size: .88rem;
    line-height: 1.55;
}

.contact-quick-comms {
    margin-top: .75rem;
}

.contact-quick-comms a,
.contact-quick-comms span,
.contact-sidebar-actions a,
.contact-sidebar-actions span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 34px;
    border: 1px solid var(--cockpit-border);
    border-radius: 10px;
    background: var(--card);
    padding: .42rem .72rem;
    color: var(--cockpit-ink);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
    overflow-wrap: anywhere;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.contact-quick-comms a:hover,
.contact-sidebar-actions a:hover {
    border-color: color-mix(in srgb, var(--primary) 34%, var(--border));
    box-shadow: 0 9px 20px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.contact-quick-comms .is-disabled,
.contact-sidebar-actions span {
    border-color: color-mix(in srgb, var(--border) 74%, transparent);
    background: color-mix(in srgb, var(--muted) 58%, var(--card));
    color: var(--cockpit-muted);
    opacity: .76;
    box-shadow: none;
}

.contact-hero-actions {
    display: grid;
    align-content: start;
    gap: .75rem;
    min-width: 0;
}

.contact-next-action-cta {
    display: grid;
    gap: .2rem;
    border: 1px solid color-mix(in srgb, var(--primary) 34%, var(--border));
    border-radius: 16px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, var(--card)), var(--card));
    padding: .85rem .95rem;
    color: var(--cockpit-ink);
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(255, 90, 54, .12);
}

.contact-next-action-cta span {
    color: var(--primary);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contact-next-action-cta strong {
    overflow: hidden;
    color: var(--cockpit-ink);
    font-size: 1.04rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contact-next-action-cta small {
    color: var(--cockpit-muted);
    font-size: .75rem;
    font-weight: 700;
}

.contact-score-dials {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.contact-score-dial {
    display: grid;
    justify-items: center;
    gap: .26rem;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--dial-color) 32%, var(--cockpit-border));
    border-radius: 14px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--dial-color) 9%, var(--card)), var(--card));
    padding: .6rem .38rem;
    color: var(--cockpit-ink);
    text-align: center;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.contact-score-dial:hover,
.contact-score-dial:focus-visible {
    border-color: color-mix(in srgb, var(--dial-color) 62%, var(--border));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--dial-color) 16%, transparent);
    transform: translateY(-1px);
}

.contact-score-dial .dial-ring {
    position: relative;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 999px;
    background: conic-gradient(var(--dial-color) var(--dial-value), rgba(148, 163, 184, .24) 0);
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .2);
}

.contact-score-dial .dial-ring::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: inherit;
    background: var(--card);
}

.contact-score-dial b {
    position: relative;
    z-index: 1;
    color: var(--cockpit-ink);
    font-size: .9rem;
    font-weight: 900;
}

.contact-score-dial .dial-label {
    color: var(--cockpit-muted);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.contact-score-dial small {
    color: color-mix(in srgb, var(--dial-color) 72%, var(--cockpit-muted));
    font-size: .62rem;
    font-weight: 850;
}

.contact-edit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border-radius: 9px;
    background: var(--primary);
    padding: .55rem .8rem;
    color: var(--primary-foreground);
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
}

.contact-hero-button-row .crm-action-btn,
.contact-hero-button-row .contact-edit-button {
    flex: 1 1 132px;
    min-height: 38px;
}

.contact-cockpit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(318px, 360px);
    gap: 1rem;
    align-items: start;
}

.contact-cockpit-main,
.contact-cockpit-tabs,
.company-cockpit-tabs {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.contact-cockpit-main {
    overflow: hidden;
}

.contact-cockpit-tabs,
.company-cockpit-tabs {
    overflow: hidden;
    border: 1px solid var(--cockpit-border);
    border-radius: 18px;
    background: var(--card);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.contact-tab-strip,
.company-tab-strip {
    position: relative;
    top: auto;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    gap: .35rem;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--card) 94%, #fff7ed), var(--card));
    padding: .55rem .65rem 0;
    scrollbar-width: none;
    min-width: 0;
}

.contact-tab-strip::-webkit-scrollbar,
.company-tab-strip::-webkit-scrollbar {
    display: none;
}

.contact-tab-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    gap: .38rem;
    min-height: 44px;
    border-radius: 12px 12px 0 0;
    border: 1px solid transparent;
    border-bottom: 0;
    padding: .64rem .82rem .7rem;
    color: var(--cockpit-muted);
    font-size: .8rem;
    font-weight: 850;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

.contact-tab-button:hover {
    background: color-mix(in srgb, var(--muted) 62%, transparent);
    color: var(--cockpit-ink);
}

.contact-tab-button.is-active {
    border-color: var(--border);
    background: var(--background);
    color: var(--cockpit-ink);
    box-shadow: 0 -4px 14px rgba(15, 23, 42, .04);
}

.contact-tab-button.is-active .tab-icon {
    background: color-mix(in srgb, var(--tab-color, var(--primary)) 18%, var(--card));
}

.contact-tab-button .tab-icon {
    color: var(--primary);
    stroke-width: 2.3;
}

.contact-tab-button:nth-child(6n+1) { --tab-color: #2563eb; }
.contact-tab-button:nth-child(6n+2) { --tab-color: #16a34a; }
.contact-tab-button:nth-child(6n+3) { --tab-color: #f97316; }
.contact-tab-button:nth-child(6n+4) { --tab-color: #7c3aed; }
.contact-tab-button:nth-child(6n+5) { --tab-color: #0891b2; }
.contact-tab-button:nth-child(6n+6) { --tab-color: #e11d48; }

.agency75-color-cycle-icons > :nth-child(6n+1),
.agency75-color-cycle-icons .contact-tab-button:nth-child(6n+1),
.agency75-color-cycle-icons .contact-field-row:nth-child(6n+1),
.agency75-color-cycle-icons .contact-method-card:nth-child(6n+1) { --tab-color: #2563eb; --icon-color: #2563eb; }
.agency75-color-cycle-icons > :nth-child(6n+2),
.agency75-color-cycle-icons .contact-tab-button:nth-child(6n+2),
.agency75-color-cycle-icons .contact-field-row:nth-child(6n+2),
.agency75-color-cycle-icons .contact-method-card:nth-child(6n+2) { --tab-color: #16a34a; --icon-color: #16a34a; }
.agency75-color-cycle-icons > :nth-child(6n+3),
.agency75-color-cycle-icons .contact-tab-button:nth-child(6n+3),
.agency75-color-cycle-icons .contact-field-row:nth-child(6n+3),
.agency75-color-cycle-icons .contact-method-card:nth-child(6n+3) { --tab-color: #f97316; --icon-color: #f97316; }
.agency75-color-cycle-icons > :nth-child(6n+4),
.agency75-color-cycle-icons .contact-tab-button:nth-child(6n+4),
.agency75-color-cycle-icons .contact-field-row:nth-child(6n+4),
.agency75-color-cycle-icons .contact-method-card:nth-child(6n+4) { --tab-color: #7c3aed; --icon-color: #7c3aed; }
.agency75-color-cycle-icons > :nth-child(6n+5),
.agency75-color-cycle-icons .contact-tab-button:nth-child(6n+5),
.agency75-color-cycle-icons .contact-field-row:nth-child(6n+5),
.agency75-color-cycle-icons .contact-method-card:nth-child(6n+5) { --tab-color: #0891b2; --icon-color: #0891b2; }
.agency75-color-cycle-icons > :nth-child(6n+6),
.agency75-color-cycle-icons .contact-tab-button:nth-child(6n+6),
.agency75-color-cycle-icons .contact-field-row:nth-child(6n+6),
.agency75-color-cycle-icons .contact-method-card:nth-child(6n+6) { --tab-color: #e11d48; --icon-color: #e11d48; }

.contact-tab-button .tab-icon {
    display: inline-grid;
    width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tab-color, var(--primary)) 12%, var(--card));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tab-color, var(--primary)) 18%, transparent);
    color: var(--tab-color, var(--primary));
}

.contact-tab-button .tab-count {
    display: inline-grid;
    min-width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 999px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-size: .66rem;
    font-weight: 900;
    line-height: 1;
}

.crm-contact-tabs .crm-tab-list {
    scrollbar-width: none;
}

.crm-contact-tabs .crm-tab-list::-webkit-scrollbar {
    display: none;
}

@media (min-width: 761px) {
    .crm-contact-tabs .crm-tab-list {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}

/* ==================================================
   CONTACT LIST + FORM UX PASS
================================================== */

.contact-list-hero,
.contact-form-hero {
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 90, 54, .08), transparent 32%),
        linear-gradient(135deg, color-mix(in srgb, var(--card) 92%, white 8%), color-mix(in srgb, var(--muted) 55%, var(--card)));
    padding: 1.15rem 1.25rem;
    box-shadow: 0 18px 48px rgba(31, 23, 18, .06);
}

.contact-list-kicker {
    margin: 0 0 .3rem;
    color: var(--primary);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.contact-list-kpi-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--card) 92%, white 8%), var(--card));
}

.contact-list-kpi-card::after {
    content: "";
    position: absolute;
    inset: auto .9rem .75rem auto;
    width: 2.15rem;
    height: .28rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 34%, transparent);
}

.contact-list-results-card {
    overflow: hidden;
    border-radius: 22px;
    background: color-mix(in srgb, var(--card) 94%, #fff8f4 6%);
}

.contact-form-priority-steps {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.contact-form-priority-steps span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    border: 1px solid var(--contact-nested-border, var(--border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--card) 88%, var(--muted));
    padding: .28rem .58rem;
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 760;
}

.contact-form-priority-steps span:nth-child(1) i { color: #2563eb; }
.contact-form-priority-steps span:nth-child(2) i { color: #16a34a; }
.contact-form-priority-steps span:nth-child(3) i { color: #f97316; }
.contact-form-priority-steps span:nth-child(4) i { color: #7c3aed; }

.contact-form-cockpit {
    border-radius: 22px;
}

.contact-form-cockpit.contact-cockpit-grid,
.company-form-cockpit.company-cockpit-grid {
    /*
     * WHY:
     * Add/Edit forms now use the record shell inside the form card. The legacy
     * cockpit grid class belongs to read-only View pages; leaving it on the
     * outer Add/Edit card pushes all form content into the old rail column.
     *
     * IMPACT / BLAST RADIUS:
     * Scoped to Contact/Company Add/Edit root cards only. The inner
     * .crm-edit-shell still owns the main-content plus collapsible rail layout.
     */
    display: block;
}

.contact-form-cockpit .crm-edit-shell:has(.a75-record-context-rail.is-collapsed),
.company-form-cockpit .crm-edit-shell:has(.a75-record-context-rail.is-collapsed) {
    grid-template-columns: minmax(0, 1fr) 4.25rem;
}

.contact-form-cockpit > .border-b,
.contact-form-cockpit .agency75-form-actionbar {
    background: color-mix(in srgb, var(--card) 82%, #fff8f4 18%);
}

.contact-form-priority-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 90, 54, .08), transparent 30%),
        color-mix(in srgb, var(--card) 88%, #fff8f4 12%);
    padding: 1rem;
}

.contact-form-priority-card h3 {
    margin: 0;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 900;
}

.contact-form-priority-card p {
    margin: .25rem 0 0;
    color: var(--muted-foreground);
    font-size: .82rem;
    line-height: 1.45;
}

.contact-form-tab-list {
    scrollbar-width: none;
}

.contact-form-tab-list::-webkit-scrollbar {
    display: none;
}

.contact-form-tab-list .crm-tab-button {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.contact-form-tab-list .crm-tab-button i {
    color: var(--primary);
}

.contact-form-cockpit [data-tab-panel] > .grid,
.contact-form-cockpit [data-tab-panel] > .space-y-4,
.contact-form-cockpit .agency75-repeatable-row,
.crm-edit-shell .crm-card,
.crm-edit-shell .agency75-repeatable-row {
    border-color: var(--contact-nested-border, var(--border));
    background: var(--contact-nested-surface, var(--card));
}

.contact-edit-cockpit .crm-edit-main .crm-card,
.contact-edit-cockpit .crm-persistent-rail > .crm-card {
    border-color: var(--contact-nested-border, #eadfd9) !important;
    background: var(--contact-nested-surface, #fffdfb) !important;
    box-shadow: var(--contact-nested-shadow, 0 8px 18px rgba(31, 23, 18, .035)) !important;
}

.contact-edit-cockpit .crm-persistent-rail .crm-missing-card,
.contact-edit-cockpit .crm-persistent-rail .crm-card:has(.contact-missing-list) {
    border-color: var(--contact-nested-border, #eadfd9) !important;
}

.contact-edit-cockpit .crm-edit-main .crm-card label,
.contact-edit-cockpit .crm-edit-main .crm-card .a75-field__label,
.contact-edit-cockpit .crm-edit-main .crm-card .block.text-sm.font-medium,
.contact-edit-cockpit .crm-persistent-rail .crm-card label,
.contact-edit-cockpit .crm-persistent-rail .crm-card .a75-field__label {
    color: #473b35 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

@media (max-width: 760px) {
    .contact-list-hero,
    .contact-form-hero {
        border-radius: 18px;
        padding: .95rem;
    }

    .contact-form-priority-card {
        grid-template-columns: 1fr;
    }

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

    .contact-edit-cockpit .crm-edit-main .crm-card label,
    .contact-edit-cockpit .crm-edit-main .crm-card .a75-field__label,
    .contact-edit-cockpit .crm-edit-main .crm-card .block.text-sm.font-medium {
        display: block !important;
        margin-bottom: .45rem !important;
        color: #332923 !important;
        font-size: .84rem !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
    }

    .crm-missing-inline-grid {
        grid-template-columns: 1fr;
    }
}

.contact-tab-panel {
    display: none;
    gap: 1rem;
    padding: 1rem;
}

.contact-tab-panel.is-active {
    display: grid;
}

.contact-tab-panel[hidden],
[data-tab-panel].hidden,
[data-a75-tab-panel].hidden,
[data-tab-panel][hidden],
[data-a75-tab-panel][hidden] {
    display: none !important;
}

.a75-contact-cockpit {
    --contact-card-surface: #fffaf7;
    --contact-card-body-surface: #fffdfb;
    --contact-nested-surface: #ffffff;
    --contact-nested-muted-surface: #fff8f4;
    --contact-nested-border: #eadfd9;
    --contact-nested-shadow: 0 8px 18px rgba(31, 23, 18, .035);
}

.contact-operational-rail {
    position: sticky;
    top: calc(4.5rem + 1rem);
    display: grid;
    gap: .85rem;
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

.rail-card {
    overflow: hidden;
    border: 1px solid var(--cockpit-border) !important;
    border-radius: 16px;
    background: var(--contact-card-surface);
    padding: .9rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}

.rail-card h2 {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    margin-bottom: .65rem;
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: .98rem;
    letter-spacing: -.015em;
}

.rail-card.is-primary {
    border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, var(--card)), var(--card));
}

.rail-card > strong {
    display: block;
    color: var(--cockpit-ink);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.rail-card > p {
    margin: .35rem 0 .7rem;
    color: var(--cockpit-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.contact-sidebar-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}

.contact-sidebar-actions a,
.contact-sidebar-actions span {
    min-width: 0;
    border-radius: 12px;
    padding-inline: .5rem;
    text-align: center;
}

.contact-rail-dl {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.contact-rail-dl div {
    display: grid;
    grid-template-columns: minmax(90px, .85fr) minmax(0, 1fr);
    gap: .55rem;
    align-items: baseline;
    border-bottom: 1px solid color-mix(in srgb, var(--border) 64%, transparent);
    padding-bottom: .38rem;
}

.contact-rail-dl dt,
.contact-field-row dt {
    color: var(--cockpit-muted);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.contact-rail-dl dd,
.contact-field-row dd {
    margin: 0;
    color: var(--cockpit-ink);
    font-size: .83rem;
    font-weight: 730;
    overflow-wrap: anywhere;
}

.contact-missing-list {
    display: grid;
    gap: .45rem;
}

.contact-missing-list a {
    display: grid;
    gap: .1rem;
    border: 1px solid var(--contact-nested-border);
    border-radius: 12px;
    background: var(--contact-nested-surface);
    padding: .55rem .65rem;
    color: inherit;
    text-decoration: none;
    box-shadow: var(--contact-nested-shadow);
}

.contact-missing-list strong,
.contact-compact-list strong,
.contact-card-list strong {
    color: var(--cockpit-ink);
    font-size: .86rem;
    font-weight: 850;
}

.contact-missing-list span,
.contact-compact-list span,
.contact-card-list span,
.contact-card-list small {
    color: var(--cockpit-muted);
    font-size: .75rem;
    line-height: 1.45;
}

.contact-view-missing-card .crm-missing-card {
    height: auto;
}

.contact-view-missing-card .crm-card,
.contact-view-missing-card .crm-missing-card {
    border-radius: 16px;
}

.contact-record-info {
    opacity: .82;
}

.contact-record-info summary {
    cursor: pointer;
    color: var(--cockpit-muted);
    font-size: .8rem;
    font-weight: 850;
}

.contact-record-info summary span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.contact-section-grid {
    display: grid;
    gap: .85rem;
}

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

.contact-field-list {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.contact-field-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .55rem;
    align-items: start;
    border: 1px solid var(--contact-nested-border);
    border-radius: 15px;
    background: var(--contact-nested-surface);
    padding: .65rem .75rem;
    box-shadow: var(--contact-nested-shadow);
}

.contact-field-row > i,
.contact-field-row > svg,
.contact-hero-context i,
.contact-hero-context svg,
.contact-method-card > i,
.contact-method-card > svg {
    margin-top: .1rem;
    color: var(--primary);
    stroke: currentColor;
}

.contact-hero-context a:nth-child(1) i,
.contact-hero-context a:nth-child(1) svg,
.contact-field-list .contact-field-row:nth-child(6n+1) > i,
.contact-field-list .contact-field-row:nth-child(6n+1) > svg,
.contact-method-card:nth-child(6n+1) > i,
.contact-method-card:nth-child(6n+1) > svg {
    color: #2563eb;
}

.contact-hero-context span:nth-child(2) i,
.contact-hero-context span:nth-child(2) svg,
.contact-field-list .contact-field-row:nth-child(6n+2) > i,
.contact-field-list .contact-field-row:nth-child(6n+2) > svg,
.contact-method-card:nth-child(6n+2) > i,
.contact-method-card:nth-child(6n+2) > svg {
    color: #16a34a;
}

.contact-hero-context span:nth-child(3) i,
.contact-hero-context span:nth-child(3) svg,
.contact-field-list .contact-field-row:nth-child(6n+3) > i,
.contact-field-list .contact-field-row:nth-child(6n+3) > svg,
.contact-method-card:nth-child(6n+3) > i,
.contact-method-card:nth-child(6n+3) > svg {
    color: #f97316;
}

.contact-hero-context span:nth-child(4) i,
.contact-hero-context span:nth-child(4) svg,
.contact-field-list .contact-field-row:nth-child(6n+4) > i,
.contact-field-list .contact-field-row:nth-child(6n+4) > svg,
.contact-method-card:nth-child(6n+4) > i,
.contact-method-card:nth-child(6n+4) > svg {
    color: #7c3aed;
}

.contact-hero-context span:nth-child(5) i,
.contact-hero-context span:nth-child(5) svg,
.contact-field-list .contact-field-row:nth-child(6n+5) > i,
.contact-field-list .contact-field-row:nth-child(6n+5) > svg,
.contact-method-card:nth-child(6n+5) > i,
.contact-method-card:nth-child(6n+5) > svg {
    color: #0891b2;
}

.contact-field-list .contact-field-row:nth-child(6n+6) > i,
.contact-field-list .contact-field-row:nth-child(6n+6) > svg,
.contact-method-card:nth-child(6n+6) > i,
.contact-method-card:nth-child(6n+6) > svg {
    color: #e11d48;
}

.contact-field-row.is-empty {
    border-color: var(--contact-nested-border);
    background: var(--contact-nested-muted-surface);
    opacity: .78;
}

.contact-health-grid,
.contact-channel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .75rem;
}

.contact-story-card {
    border: 1px solid var(--contact-nested-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 90, 54, .045), transparent 36%),
        var(--contact-nested-surface);
    padding: .9rem;
    box-shadow: var(--contact-nested-shadow);
}

.contact-story-card h3,
.contact-compact-list h3,
.contact-task-columns h3 {
    margin: 0 0 .45rem;
    color: var(--cockpit-ink);
    font-size: .88rem;
    font-weight: 900;
}

.contact-story-card h3::first-letter,
.agency75-first-letter-accent h1::first-letter,
.agency75-first-letter-accent h2::first-letter,
.agency75-first-letter-accent h3::first-letter {
    color: var(--primary, #ff3d3d);
    font-size: 1.08em;
}

.agency75-first-letter {
    color: var(--primary, #ff3d3d);
    font-size: 1.08em;
    font-weight: 950;
}

.contact-story-card p {
    margin: 0;
    color: var(--cockpit-muted);
    font-size: .86rem;
    line-height: 1.65;
}

.contact-empty {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    border: 1px dashed var(--contact-nested-border);
    border-radius: 13px;
    background: var(--contact-nested-muted-surface);
    padding: .75rem;
}

.contact-empty i {
    color: var(--primary);
}

.contact-empty strong,
.contact-empty span {
    display: block;
}

.contact-empty strong {
    color: var(--cockpit-ink);
    font-size: .82rem;
    font-weight: 850;
}

.contact-empty span {
    margin-top: .1rem;
    color: var(--cockpit-muted);
    font-size: .74rem;
}

.contact-compact-list,
.contact-card-list {
    display: grid;
    gap: .65rem;
}

.contact-compact-list article,
.contact-card-list article {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid var(--contact-nested-border);
    border-radius: 16px;
    background: var(--contact-nested-surface);
    padding: .75rem .85rem;
    box-shadow: var(--contact-nested-shadow);
}

.contact-card-list article > div {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: .2rem;
}

.contact-card-list p {
    margin: .2rem 0 0;
    color: var(--cockpit-muted);
    font-size: .78rem;
}

.contact-card-list a:not(.crm-action-btn) {
    color: var(--primary);
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.contact-chip-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.contact-chip-row strong {
    color: var(--cockpit-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.contact-chip-row span {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--contact-nested-border);
    border-radius: 999px;
    background: var(--contact-nested-surface);
    padding: .28rem .58rem;
    color: var(--cockpit-ink);
    font-size: .75rem;
    font-weight: 760;
}

.contact-chip-row span.is-muted {
    border-color: var(--contact-nested-border);
    background: var(--contact-nested-muted-surface);
    color: var(--cockpit-muted);
}

.contact-method-card {
    display: grid;
    gap: .32rem;
    min-width: 0;
    border: 1px solid var(--contact-nested-border);
    border-radius: 16px;
    background: var(--contact-nested-surface);
    padding: .85rem;
    box-shadow: var(--contact-nested-shadow);
}

.contact-method-card i {
    color: var(--primary);
}

.contact-method-card strong {
    color: var(--cockpit-ink);
    font-size: .86rem;
    font-weight: 900;
}

.contact-method-card span {
    color: var(--cockpit-muted);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.contact-mini-pill-stack {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    justify-content: flex-end;
}

.contact-task-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.contact-task-columns section {
    display: grid;
    align-content: start;
    gap: .65rem;
    border: 1px solid var(--contact-nested-border);
    border-radius: 18px;
    background: var(--contact-nested-muted-surface);
    padding: .8rem;
}

.contact-task-columns h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-task-columns h3 span {
    border-radius: 999px;
    background: var(--muted);
    padding: .08rem .45rem;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.contact-raw-json {
    margin-top: .75rem;
    border: 1px dashed var(--border);
    border-radius: 14px;
    padding: .75rem;
}

.contact-raw-json summary {
    cursor: pointer;
    color: var(--cockpit-muted);
    font-size: .8rem;
    font-weight: 850;
}

.contact-raw-json pre {
    max-height: 280px;
    overflow: auto;
    margin: .75rem 0 0;
    border-radius: 10px;
    background: var(--muted);
    padding: .75rem;
    color: var(--cockpit-ink);
    font-size: .72rem;
    white-space: pre-wrap;
}

.contact-mobile-action-bar {
    position: fixed;
    right: .75rem;
    bottom: .75rem;
    left: .75rem;
    z-index: 50;
    display: none;
    grid-template-columns: 1.35fr 1fr 1fr .8fr;
    gap: .45rem;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: color-mix(in srgb, var(--card) 94%, transparent);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .2);
    padding: .5rem;
    backdrop-filter: blur(14px);
}

.contact-mobile-action-bar a,
.contact-mobile-action-bar button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    min-width: 0;
    min-height: 42px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--card);
    color: var(--foreground);
    padding: .45rem .5rem;
    font-size: .7rem;
    font-weight: 850;
    text-decoration: none;
}

.contact-mobile-action-bar a:first-child {
    background: var(--primary);
    color: var(--primary-foreground);
}

.contact-mobile-action-bar a:last-child {
    border-color: color-mix(in srgb, var(--border) 72%, var(--primary) 28%);
    color: var(--foreground);
    opacity: 1;
}

.contact-mobile-action-bar a:last-child svg,
.contact-mobile-action-bar a:last-child i {
    opacity: 1;
    stroke-width: 2.45;
}

html.a75crm-dark .contact-cockpit-hero,
html.a75crm-dark .contact-next-action-cta,
html.a75crm-dark .contact-score-dial,
html.a75crm-dark .contact-field-row,
html.a75crm-dark .contact-story-card,
html.a75crm-dark .contact-method-card {
    box-shadow: none;
}

html.a75crm-dark .a75-contact-cockpit {
    --contact-card-surface: #17181d;
    --contact-card-body-surface: #14151a;
    --contact-nested-surface: #202229;
    --contact-nested-muted-surface: #1b1d23;
    --contact-nested-border: rgba(226, 232, 240, 0.2);
    --contact-nested-shadow: none;
}

@media (max-width: 1280px) {
    .contact-cockpit-hero {
        grid-template-columns: 1fr;
    }

    .contact-score-dials {
        grid-template-columns: repeat(4, minmax(110px, 1fr));
    }
}

@media (max-width: 1080px) {
    .contact-cockpit-grid {
        grid-template-columns: 1fr;
    }

    .contact-operational-rail {
        position: static;
        max-height: none;
        overflow: visible;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-height: 860px) and (min-width: 1081px) {
    .contact-operational-rail {
        position: static;
    }
}

@media (max-width: 760px) {
    .contact-cockpit-v2 {
        padding-bottom: 6rem;
    }

    .contact-cockpit-hero {
        position: relative;
        top: auto;
        border-radius: 16px;
        padding: .85rem;
    }

    .contact-hero-main {
        grid-template-columns: 1fr;
    }

    .contact-avatar-xl {
        width: 58px;
        height: 58px;
        border-radius: 18px;
    }

    .contact-score-dials,
    .contact-section-grid.two,
    .contact-task-columns,
    .contact-operational-rail {
        grid-template-columns: 1fr;
    }

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

    .contact-tab-strip {
        top: 0;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin-right: -.5rem;
        margin-left: -.5rem;
        padding-inline: .5rem;
    }

    .contact-tab-button {
        min-height: 40px;
        padding: .56rem .72rem;
        font-size: .76rem;
    }

    .contact-hero-button-row .crm-action-btn {
        width: auto;
    }

    .contact-compact-list article,
    .contact-card-list article {
        flex-direction: column;
    }

    .contact-mini-pill-stack {
        justify-content: flex-start;
    }

    .contact-mobile-action-bar {
        display: grid;
    }
}

@media (max-width: 480px) {
    .contact-score-dials {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .35rem;
    }

    .contact-score-dial {
        border-radius: 12px;
        padding: .45rem .2rem;
    }

    .contact-score-dial .dial-ring {
        width: 46px;
        height: 46px;
    }

    .contact-score-dial .dial-ring::after {
        inset: 5px;
    }

    .contact-score-dial b {
        font-size: .78rem;
    }

    .contact-score-dial .dial-label,
    .contact-score-dial small {
        font-size: .55rem;
        line-height: 1.1;
    }
}

#topbar {
    overflow: visible;
}

#topbar .a75-app-topbar__inner {
    /*
     * WHY:
     * Laptop viewports have less usable topbar width because the desktop
     * sidebar stays open. The shell should let search shrink before right-side
     * operator actions disappear.
     *
     * IMPACT / BLAST RADIUS:
     * Shared topbar layout only. Routes, permissions, search behavior, record
     * presence polling, campaign POSTs, and account actions are unchanged.
     */
    max-width: 100%;
    overflow: visible;
}

#topbar .ml-auto.flex {
    flex: 0 1 auto !important;
    max-width: none;
    min-width: 0 !important;
    overflow: visible;
}

#topbar .a75crm-profile-chip {
    max-width: 8rem;
}

#topbar [data-campaign-shell-selector] summary,
#topbar [data-campaign-shell-selector] > a,
#topbar [data-campaign-shell-selector] > div {
    max-width: 10.5rem;
}

.a75crm-topbar-search {
    position: relative;
    flex: 1 1 14rem;
    min-width: 12rem;
    max-width: 52rem;
}

.a75crm-topbar-search-input {
    min-height: 2.55rem;
}

.a75crm-global-search-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + .55rem);
    z-index: 80;
    max-height: min(68vh, 34rem);
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: 18px;
    /*
     * WHY:
     * Search results sit over dense record and dashboard pages. A translucent
     * panel makes labels behind the popout bleed through and hurts scanning.
     *
     * IMPACT / BLAST RADIUS:
     * Visual-only fix for the topbar search popout; search routing, keyboard
     * behavior, result rendering, and AJAX/search helpers are untouched.
     */
    background: var(--card, #fff) !important;
    background-color: var(--card, #fff) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
    padding: .55rem;
}

.a75crm-global-search-panel.is-mobile {
    left: 0;
    right: 0;
    top: calc(100% + .45rem);
    max-height: min(70vh, 30rem);
}

.a75crm-mobile-search-panel {
    position: relative;
    background: color-mix(in srgb, var(--background) 92%, var(--card));
}

.a75crm-search-result-group + .a75crm-search-result-group {
    margin-top: .6rem;
    border-top: 1px solid var(--border);
    padding-top: .55rem;
}

.a75crm-search-result-heading {
    padding: .25rem .45rem .35rem;
    color: var(--muted-foreground);
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a75crm-search-result-item {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    border: 1px solid transparent;
    border-radius: 13px;
    padding: .62rem .68rem;
    color: var(--foreground);
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.a75crm-search-result-item:hover,
.a75crm-search-result-item.is-active {
    border-color: color-mix(in srgb, var(--primary) 26%, var(--border));
    background: color-mix(in srgb, var(--primary) 8%, var(--accent));
    transform: translateY(-1px);
}

.a75crm-search-result-icon {
    display: grid;
    width: .62rem;
    height: .62rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: var(--primary);
    color: transparent;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 13%, transparent);
}

.a75crm-search-result-copy {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: .12rem;
}

.a75crm-search-result-copy strong,
.a75crm-search-result-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75crm-search-result-copy strong {
    color: var(--foreground);
    font-size: .88rem;
    font-weight: 760;
}

.a75crm-search-result-copy small {
    color: var(--muted-foreground);
    font-size: .73rem;
}

.a75crm-search-result-badge {
    max-width: 7rem;
    overflow: hidden;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 9%, white);
    padding: .18rem .48rem;
    color: var(--primary);
    font-size: .66rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75crm-search-panel-state {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 3.5rem;
    border: 1px dashed var(--border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--muted) 42%, transparent);
    padding: .8rem;
    color: var(--muted-foreground);
    font-size: .84rem;
    font-weight: 650;
}

.a75crm-search-panel-state-icon {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 12%, var(--card));
    color: var(--primary);
    font-weight: 900;
}

@media (min-width: 1280px) {
    .a75crm-topbar-search {
        min-width: 16rem;
    }
}

@media (max-width: 1500px) {
    #topbar [data-campaign-shell-selector] summary,
    #topbar [data-campaign-shell-selector] > a,
    #topbar [data-campaign-shell-selector] > div {
        max-width: 9.5rem;
    }

    #topbar .a75crm-topbar-search {
        min-width: 10rem;
    }
}

@media (max-width: 767px) {
    .a75crm-global-search-panel {
        border-radius: 16px;
        box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
    }
}

html.a75crm-dark .a75crm-global-search-panel,
html.a75crm-dark .a75crm-mobile-search-panel {
    background: var(--card-dark, var(--card, #141418)) !important;
    background-color: var(--card-dark, var(--card, #141418)) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary-dark) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .42);
}

html.a75crm-dark .a75crm-search-result-item {
    color: var(--text-primary-dark);
}

html.a75crm-dark .a75crm-search-result-item:hover,
html.a75crm-dark .a75crm-search-result-item.is-active {
    background: color-mix(in srgb, var(--primary) 17%, var(--surface-raised-dark)) !important;
    border-color: color-mix(in srgb, var(--primary) 38%, var(--border-dark)) !important;
}

html.a75crm-dark .a75crm-search-result-copy strong {
    color: var(--text-primary-dark);
}

html.a75crm-dark .a75crm-search-result-copy small,
html.a75crm-dark .a75crm-search-result-heading,
html.a75crm-dark .a75crm-search-panel-state {
    color: var(--text-muted-dark);
}

html.a75crm-dark .a75crm-search-result-badge {
    background: rgba(255, 95, 72, .15);
    border-color: rgba(255, 138, 61, .34);
    color: #ffb4a3;
}

/* ==================================================
   A75 ADMIN CONTROL CENTER STATIC PORT
================================================== */
.a75-control-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:2rem;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 74% 35%,rgba(255,138,61,.18),transparent 38%),radial-gradient(circle at 52% 75%,rgba(59,130,246,.12),transparent 42%),linear-gradient(180deg,#fffaf4,var(--card));padding:1.35rem;box-shadow:0 18px 48px rgba(26,20,14,.08)}
.a75-control-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,20,14,.06) 1px,transparent 1px);background-size:18px 18px;opacity:.45;pointer-events:none}
.a75-control-hero-copy{position:relative;z-index:1;display:flex;min-height:360px;flex-direction:column;justify-content:center}
.a75-hero-lock-badge{position:absolute;right:1.25rem;top:1.25rem;z-index:3;display:inline-flex;align-items:center;gap:.38rem;border:1px solid color-mix(in srgb,var(--success) 34%,var(--border));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--success) 20%,#fff),rgba(255,255,255,.9));padding:.36rem .72rem;color:var(--success-strong);font-size:.72rem;font-weight:850;box-shadow:0 10px 24px rgba(22,163,74,.16)}
.a75-kicker{display:inline-flex;width:max-content;align-items:center;gap:.45rem;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:999px;background:rgba(255,255,255,.78);padding:.35rem .7rem;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.a75-control-hero h1{margin:.9rem 0 0;max-width:760px;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.1rem,5vw,4.8rem);font-weight:700;letter-spacing:-.035em;line-height:.96}
.a75-control-hero p{margin:1rem 0 0;max-width:700px;color:var(--muted-foreground);font-size:1rem;line-height:1.75}
.a75-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.35rem}
.a75-hero-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.86);padding:.72rem 1rem;color:var(--foreground);font-size:.9rem;font-weight:750;box-shadow:0 8px 20px rgba(15,23,42,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.a75-hero-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 34%,var(--border));box-shadow:0 14px 28px rgba(15,23,42,.11)}
.a75-hero-btn.is-primary{border-color:transparent;background:linear-gradient(135deg,#ff5a36,#ff8a3d);color:#fff;box-shadow:0 14px 32px rgba(255,90,54,.28)}
.a75-hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.a75-hero-status-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}
.a75-hero-badges span,.a75-hero-status-line span,.a75-status-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.82);padding:.28rem .62rem;color:var(--muted-foreground);font-size:.72rem;font-weight:800}
.a75-hero-dev-note{width:max-content;max-width:min(100%,560px);margin-top:.7rem;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.64);padding:.45rem .65rem;color:var(--muted-foreground);font-size:.78rem}
.a75-hero-dev-note summary{display:inline-flex;cursor:pointer;align-items:center;gap:.4rem;color:var(--foreground);font-weight:800;list-style:none}
.a75-hero-dev-note summary::-webkit-details-marker{display:none}
.a75-hero-dev-note p{margin:.45rem 0 0;max-width:520px;font-size:.78rem;line-height:1.5}
.agency75-status-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--a75-border-subtle,#ded2c8);border-radius:999px;background:rgba(255,255,255,.86);padding:.25rem .58rem;color:var(--a75-text-muted,#6f6255);font-size:.7rem;font-weight:800;white-space:nowrap}
.agency75-status-pill.is-primary{border-color:color-mix(in srgb,var(--a75-tone-primary-strong,#ff5a36) 26%,var(--a75-border-subtle,#ded2c8));background:var(--a75-tone-primary-soft,#ffe9df);color:var(--a75-tone-primary-strong,#ff5a36)}
.agency75-status-pill.is-success{border-color:color-mix(in srgb,var(--a75-tone-success-strong,#15803d) 30%,var(--a75-border-subtle,#ded2c8));background:var(--a75-tone-success-soft,rgba(22,163,74,.12));color:var(--a75-tone-success-strong,#15803d)}
.agency75-status-pill.is-warning{border-color:color-mix(in srgb,var(--a75-tone-warning-strong,#b45309) 34%,var(--a75-border-subtle,#ded2c8));background:var(--a75-tone-warning-soft,#fff1e8);color:var(--a75-tone-warning-strong,#b45309)}
.agency75-status-pill.is-danger{border-color:color-mix(in srgb,var(--a75-tone-danger-strong,#dc2626) 28%,var(--a75-border-subtle,#ded2c8));background:var(--a75-tone-danger-soft,#fee2e2);color:var(--a75-tone-danger-strong,#dc2626)}
.agency75-status-pill.is-info{border-color:color-mix(in srgb,#3b82f6 28%,var(--border));background:#eff6ff;color:#1d4ed8}
.agency75-ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.88);padding:.65rem .92rem;color:var(--foreground);font-size:.86rem;font-weight:750;line-height:1.1;box-shadow:0 8px 20px rgba(15,23,42,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.agency75-ui-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 34%,var(--border));box-shadow:0 14px 28px rgba(15,23,42,.11)}
.agency75-ui-button.is-primary{border-color:transparent;background:linear-gradient(135deg,#ff5a36,#ff8a3d);color:#fff;box-shadow:0 14px 32px rgba(255,90,54,.26)}
.agency75-ui-button.is-danger{border-color:transparent;background:var(--danger);color:#fff}
.agency75-ui-button.is-subtle{background:var(--muted);box-shadow:none}
.agency75-section-card{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--card);box-shadow:0 12px 28px rgba(15,23,42,.08)}
.a75-contact-cockpit .agency75-section-card{background:var(--contact-card-surface);border-color:var(--contact-nested-border);box-shadow:0 12px 28px rgba(31,23,18,.055)}
.a75-contact-cockpit .agency75-section-card-body{background:var(--contact-card-body-surface)}
.agency75-section-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:1rem 1.15rem}
.agency75-section-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.agency75-section-card h2{margin:.2rem 0 0;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:1.15rem;font-weight:780;letter-spacing:-.02em}
.agency75-section-card p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.82rem;line-height:1.55}
.agency75-section-card-body{padding:1rem 1.15rem}
.agency75-logo-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.a75-admin-route-tabs{display:flex;align-items:center;gap:.35rem;overflow-x:auto;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--card) 88%,var(--background));padding:.35rem;box-shadow:0 10px 26px rgba(15,23,42,.06);scrollbar-width:none}
.a75-admin-route-tabs::-webkit-scrollbar{display:none}
.a75-admin-route-tabs a{display:inline-flex;align-items:center;gap:.42rem;min-height:2.25rem;flex:0 0 auto;border:1px solid transparent;border-radius:14px;padding:.55rem .78rem;color:var(--muted-foreground);font-size:.8rem;font-weight:850;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.a75-admin-route-tabs a:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));background:rgba(255,255,255,.62);color:var(--foreground);text-decoration:none}
.a75-admin-route-tabs a.is-active{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--card);color:var(--foreground);box-shadow:0 8px 18px rgba(15,23,42,.09)}
.agency75-admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 88% 18%,rgba(255,138,61,.16),transparent 34%),radial-gradient(circle at 34% 92%,rgba(59,130,246,.10),transparent 38%),linear-gradient(135deg,#fffaf4,var(--card) 48%,#eef6ff);padding:1.2rem 1.25rem;box-shadow:0 14px 36px rgba(15,23,42,.08)}
.agency75-admin-hero h1{display:flex;align-items:center;gap:.55rem;margin:.3rem 0 0;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1}
.agency75-admin-hero h1 span{line-height:1}
.agency75-admin-hero p{max-width:780px;margin:.75rem 0 0;color:var(--muted-foreground);font-size:.93rem;line-height:1.65}
.agency75-admin-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem;min-width:220px}
.agency75-metric-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.9));padding:1rem;box-shadow:0 10px 26px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.agency75-metric-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.12)}
.agency75-metric-card::before{content:"";position:absolute;right:-34px;bottom:-42px;width:110px;height:110px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--metric-color,#ff5a36) 18%,transparent),transparent 70%);pointer-events:none}
.agency75-metric-copy{position:relative;z-index:1;min-width:0}
.agency75-metric-copy span{display:block;color:var(--muted-foreground);font-size:.74rem;font-weight:700}
.agency75-metric-copy strong{display:block;margin-top:.15rem;color:var(--foreground);font-size:1.55rem;font-weight:850;line-height:1.1}
.agency75-metric-copy small{display:block;overflow:hidden;margin-top:.2rem;color:var(--muted-foreground);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.agency75-metric-icon{position:relative;z-index:1;display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--metric-color,#ff5a36) 12%,white);color:var(--metric-color,#ff5a36)}
.agency75-metric-card.is-primary{--metric-color:var(--primary)}
.agency75-metric-card.is-success{--metric-color:var(--success-strong)}
.agency75-metric-card.is-warning{--metric-color:var(--warning-strong)}
.agency75-metric-card.is-danger{--metric-color:var(--danger)}
.agency75-metric-card.is-info{--metric-color:#2563eb}
.agency75-metric-card.is-creative{--metric-color:#db2777}
.agency75-metric-card.is-telephony{--metric-color:#e11d48}
.agency75-metric-card.is-neutral{--metric-color:#64748b}
.a75-logo-constellation{position:relative;z-index:1;min-height:430px;border-radius:26px;background:radial-gradient(circle at 50% 48%,rgba(255,138,61,.18),transparent 34%),radial-gradient(circle at 50% 58%,rgba(255,90,54,.1),transparent 48%);isolation:isolate}
.a75-orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(26,20,14,.16);border-radius:999px;transform:translate(-50%,-50%)}
.a75-orbit.is-one{width:78%;height:48%}
.a75-orbit.is-two{width:92%;height:68%;border-style:solid;border-color:rgba(255,138,61,.24)}
.a75-orbit.is-three{width:58%;height:88%}
.a75-constellation-core{position:absolute;left:50%;top:50%;display:grid;width:min(44%,220px);aspect-ratio:1;place-items:center;border-radius:999px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.9),rgba(255,255,255,0) 52%),linear-gradient(135deg,#ff5a36,#ff8a3d 62%,#ffb45a);box-shadow:0 30px 76px rgba(255,90,54,.28),0 0 0 12px rgba(255,138,61,.09),0 0 0 28px rgba(255,138,61,.05);transform:translate(-50%,-50%)}
.a75-constellation-core img{width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.16))}
.a75-constellation-core strong{color:#fff;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:850;letter-spacing:-.04em;text-shadow:0 10px 18px rgba(0,0,0,.16)}
.a75-constellation-core .a75-core-mark{color:#fff!important;text-shadow:0 2px 0 rgba(255,255,255,.12),0 14px 24px rgba(0,0,0,.26)}
.a75-constellation-core span{position:absolute;bottom:19%;border-radius:999px;background:rgba(255,255,255,.84);padding:.22rem .55rem;color:#1a140e;font-size:.68rem;font-weight:800}
.a75-constellation-planet{position:absolute;display:grid;place-items:center;border-radius:999px;transform:translate(-50%,-50%);transition:transform .22s ease,filter .22s ease}
.a75-constellation-planet:hover{transform:translate(-50%,-50%) scale(1.06);filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--brand-color,#6366f1) 26%,transparent))}
.a75-constellation-planet.is-lg .integration-logo{width:76px!important;height:76px!important;border-radius:22px}
.a75-constellation-planet.is-md .integration-logo{width:64px!important;height:64px!important;border-radius:20px}

/* ==================================================
   DASHBOARD HEADER KPI ROW
================================================== */
.dashboard-kpi-row {
    align-items: stretch;
}

.dashboard-kpi-card {
    position: relative;
    display: block;
    min-height: 104px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 16%, rgba(255, 90, 54, .08), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92));
    padding: 1rem;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.dashboard-kpi-card:hover,
.dashboard-kpi-card:focus-visible {
    border-color: color-mix(in srgb, var(--primary) 34%, var(--border));
    box-shadow: 0 16px 34px rgba(15, 23, 42, .11);
    color: inherit;
    text-decoration: none;
    transform: translateY(-2px);
}

.dashboard-kpi-card:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--primary) 28%, transparent);
    outline-offset: 2px;
}

.dashboard-kpi-icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 15px;
}

.dashboard-kpi-icon svg {
    width: 24px;
    height: 24px;
    stroke-width: 2.1;
}

html.a75crm-dark .dashboard-kpi-card {
    background:
        radial-gradient(circle at 92% 16%, rgba(255, 138, 61, .13), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--surface-dark) 86%, transparent), color-mix(in srgb, var(--card) 92%, transparent));
    border-color: var(--border-dark);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

html.a75crm-dark .dashboard-kpi-card:hover,
html.a75crm-dark .dashboard-kpi-card:focus-visible {
    border-color: color-mix(in srgb, var(--primary) 42%, var(--border-dark));
    box-shadow: 0 18px 36px rgba(0, 0, 0, .3);
}

/* ==================================================
   ROLE DASHBOARDS - OPERATOR-DENSE LAYOUT
================================================== */
/*
 * Why / Impact:
 * Non-admin role dashboards are daily work surfaces, not a gallery of large
 * presentation cards. These scoped rules tighten the dashboard-only widgets,
 * reduce decorative gradients, and keep role-specific route shortcuts compact
 * without changing route permissions, counts, or data mutations.
 */
.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] {
    max-width: 1180px;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .a75-screen-recipe__head {
    border-bottom: 1px solid color-mix(in srgb, var(--border) 76%, transparent);
    padding-bottom: .85rem;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .a75-screen-recipe__head h1 {
    font-size: clamp(1.35rem, 1.75vw, 1.7rem);
    line-height: 1.12;
    letter-spacing: 0;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .a75-screen-recipe__head p {
    max-width: 64rem;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-row {
    gap: .75rem;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-card {
    min-height: 86px;
    border-radius: 10px;
    background: var(--card);
    padding: .85rem .9rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .055);
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-card:hover,
.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-card:focus-visible {
    box-shadow: 0 12px 26px rgba(15, 23, 42, .085);
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-card[href] {
    padding-bottom: .85rem;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-card[href]::after {
    display: none;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-value {
    font-size: 1.35rem;
    line-height: 1.05;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 9px;
}

.dashboard-work-section {
    min-width: 0;
}

.dashboard-work-grid {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.dashboard-work-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    min-height: 58px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--card);
    color: inherit;
    padding: .65rem .78rem;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .045);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.dashboard-work-card:hover,
.dashboard-work-card:focus-visible {
    border-color: color-mix(in srgb, var(--primary) 34%, var(--border));
    color: inherit;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .075);
}

.dashboard-work-card:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--primary) 22%, transparent);
    outline-offset: 2px;
}

.dashboard-work-card__icon {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary) 10%, var(--card));
    color: var(--primary);
}

.dashboard-work-card.is-success .dashboard-work-card__icon {
    background: var(--success-soft);
    color: var(--success-strong);
}

.dashboard-work-card.is-warning .dashboard-work-card__icon {
    background: var(--warning-soft);
    color: var(--warning-strong);
}

.dashboard-work-card.is-danger .dashboard-work-card__icon {
    background: var(--danger-soft);
    color: var(--danger);
}

.dashboard-work-card__body {
    display: grid;
    min-width: 0;
    gap: .12rem;
}

.dashboard-work-card__label {
    overflow: hidden;
    color: var(--foreground);
    font-size: .82rem;
    font-weight: 750;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-work-card__hint {
    overflow: hidden;
    color: var(--muted-foreground);
    font-size: .71rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-work-card__value {
    color: var(--foreground);
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1;
    min-width: 2.2rem;
    text-align: right;
}

.dashboard-work-card__open {
    position: absolute;
    right: .75rem;
    bottom: .32rem;
    color: var(--muted-foreground);
    font-size: .56rem;
    font-weight: 850;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
}

.dashboard-work-card[href] {
    padding-bottom: .92rem;
}

.dashboard-panel-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 76px;
    padding: 1rem;
    color: var(--muted-foreground);
    font-size: .82rem;
}

.dashboard-quick-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.dashboard-quick-action {
    display: flex;
    align-items: center;
    gap: .72rem;
    min-width: 0;
    border-bottom: 1px solid var(--border);
    color: inherit;
    padding: .72rem .95rem;
    text-align: left;
    text-decoration: none;
}

.dashboard-quick-action:last-child {
    border-bottom: 0;
}

.dashboard-quick-action:hover,
.dashboard-quick-action:focus-visible {
    background: color-mix(in srgb, var(--accent) 68%, transparent);
    color: inherit;
    text-decoration: none;
}

.dashboard-activity-list {
    display: grid;
    margin: 0;
    padding: 0;
}

.dashboard-activity-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: .72rem;
    min-width: 0;
    border-bottom: 1px solid var(--border);
    padding: .72rem .95rem;
}

.dashboard-activity-row:last-child {
    border-bottom: 0;
}

.dashboard-activity-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--event-color, var(--primary)) 22%, var(--border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--event-color, var(--primary)) 8%, var(--card));
    color: var(--event-color, var(--primary));
}

.dashboard-activity-copy {
    display: grid;
    min-width: 0;
    gap: .14rem;
}

.dashboard-activity-copy strong {
    overflow: hidden;
    color: var(--foreground);
    font-size: .82rem;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-activity-copy small {
    overflow: hidden;
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-activity-row time {
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.25;
    white-space: nowrap;
}

.a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] ~ .a75-mobile-action-host,
.a75-mobile-action-host:has(.a75-mobile-action-bar[data-a75-mobile-action-bar]) {
    max-width: 100vw;
    overflow-x: hidden;
}

.a75-mobile-action-bar[data-a75-mobile-action-bar] .a75-button {
    min-width: 0;
    overflow: hidden;
}

.a75-mobile-action-bar[data-a75-mobile-action-bar] .a75-button span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .dashboard-work-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .dashboard-quick-action:nth-child(odd) {
        border-right: 1px solid var(--border);
    }
}

@media (min-width: 1180px) {
    .dashboard-work-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] {
        gap: .75rem;
    }

    .a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-card {
        min-height: 76px;
    }

    .dashboard-work-card__hint,
    .dashboard-activity-copy small {
        white-space: normal;
    }
}

html.a75crm-dark .a75-workflow-screen[data-a75-screen-recipe="workflow-dashboard"] .dashboard-kpi-card,
html.a75crm-dark .dashboard-work-card {
    background: var(--card);
    border-color: var(--border-dark);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}
.a75-constellation-planet.is-sm .integration-logo{width:54px!important;height:54px!important;border-radius:17px}
.a75-constellation-planet small{margin-top:.32rem;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.9);padding:.12rem .45rem;color:var(--foreground);font-size:.62rem;font-weight:800;box-shadow:0 6px 14px rgba(15,23,42,.08)}
.a75-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.a75-pillar-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fff,var(--background));padding:1.05rem;box-shadow:0 12px 28px rgba(15,23,42,.08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.a75-pillar-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border));box-shadow:0 18px 38px rgba(15,23,42,.12)}
.a75-pillar-halo{position:absolute;right:-58px;bottom:-68px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,138,61,.22),transparent 70%);pointer-events:none}
.a75-pillar-head,.a75-pillar-footer,.a75-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.a75-pillar-emoji{font-size:1.4rem}
.a75-pillar-card h2{position:relative;margin:.65rem 0 .35rem;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:1.03rem;font-weight:750;letter-spacing:-.02em}
.a75-pillar-card p{position:relative;margin:0;color:var(--muted-foreground);font-size:.82rem;line-height:1.55}
.a75-pillar-logos{position:relative;display:flex;gap:.35rem;margin-top:.9rem}
.a75-pillar-logos .agency75-logo-cloud{flex-wrap:nowrap}
.a75-pillar-logos .integration-logo{width:34px!important;height:34px!important;border-radius:11px;padding:4px}
.a75-pillar-footer{position:relative;margin-top:.9rem;border-top:1px solid var(--border);padding-top:.75rem;color:var(--muted-foreground);font-size:.75rem}
.a75-pillar-footer strong{color:var(--foreground);font-size:1.15rem}
.a75-data-flow{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#fff,var(--background));padding:1.05rem;box-shadow:0 12px 28px rgba(15,23,42,.08)}
.a75-section-heading h2{margin:.15rem 0 0;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:1.3rem;font-weight:750;letter-spacing:-.02em}
.a75-flow-track{display:flex;align-items:stretch;gap:.45rem;margin-top:1rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:none}
.a75-flow-track::-webkit-scrollbar{display:none}
.a75-flow-step{display:grid;min-width:132px;flex:1;gap:.25rem;place-items:center;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.82);padding:.85rem .7rem;text-align:center}
.a75-flow-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(255,90,54,.12),rgba(255,180,90,.18));font-size:1.18rem}
.a75-flow-step strong{color:var(--foreground);font-size:.82rem}
.a75-flow-step small{color:var(--muted-foreground);font-size:.67rem;line-height:1.35}
.a75-flow-arrow{display:grid;place-items:center;color:var(--muted-foreground)}
.a75-health-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.a75-health-card{display:flex;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:20px;background:var(--card);padding:1rem;box-shadow:0 12px 28px rgba(15,23,42,.08)}
.a75-health-ring{position:relative;display:grid;width:72px;height:72px;flex:0 0 auto;place-items:center;border-radius:999px;background:conic-gradient(var(--ring-color,#ff5a36) calc(var(--p,0)*1%),rgba(148,163,184,.22) 0)}
.a75-health-ring::after{content:"";position:absolute;inset:8px;border-radius:999px;background:var(--card);box-shadow:inset 0 1px 4px rgba(15,23,42,.08)}
.a75-health-ring span{position:relative;z-index:1;color:var(--foreground);font-size:.88rem;font-weight:850}
.a75-health-card h3{margin:0;color:var(--foreground);font-size:.9rem;font-weight:800}
.a75-health-card p{margin:.2rem 0 0;color:var(--muted-foreground);font-size:.76rem}

/* ==================================================
   CONNECTOR TILE SYSTEM
================================================== */
.a75-connector-layout-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:.85rem 0;color:var(--a75-text,#1f1b16)}
.a75-connector-layout-bar>span{font-size:.76rem;font-weight:850;letter-spacing:0;text-transform:uppercase}
.a75-connector-layout-switcher{display:inline-flex;align-items:center;gap:.18rem;border:1px solid var(--a75-border-subtle,#ded2c8);border-radius:999px;background:color-mix(in srgb,var(--a75-surface-card,#fff) 86%,var(--a75-surface-page,#fbf7f2));padding:.22rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.68)}
.a75-connector-layout-option{min-height:2rem;border:0;border-radius:999px;background:transparent;padding:.42rem .85rem;color:var(--a75-text,#1f1b16);font-size:.78rem;font-weight:850;line-height:1;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,color .16s ease}
.a75-connector-layout-option:hover{background:rgba(255,255,255,.62)}
.a75-connector-layout-option.is-active{background:var(--a75-surface-card,#fff);box-shadow:0 6px 16px rgba(15,23,42,.12);color:var(--a75-text,#1f1b16)}
.a75-connector-category-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:.8rem 0}
.a75-connector-category-filter button{border:1px solid var(--a75-border-subtle,#ded2c8);border-radius:999px;background:var(--a75-surface-card,#fff);padding:.44rem .85rem;color:var(--a75-text,#1f1b16);font-size:.78rem;font-weight:800;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}
.a75-connector-category-filter button:hover{border-color:color-mix(in srgb,var(--a75-color-primary,#ff5a36) 34%,var(--a75-border-subtle,#ded2c8));box-shadow:0 8px 18px rgba(15,23,42,.08)}
.a75-connector-category-filter button.is-active{border-color:transparent;background:linear-gradient(135deg,#ff5a36,#ff8a3d);color:#fff;box-shadow:0 10px 22px rgba(255,90,54,.22)}
.a75-connector-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:stretch}
.a75-connector-tile-grid--poster{grid-template-columns:repeat(auto-fit,minmax(238px,1fr))}
.a75-connector-tile-grid--rail{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.a75-connector-tile-grid--editorial{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.a75-connector-tile[hidden]{display:none!important}
.a75-connector-tile{position:relative;display:grid;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-color,#6366f1) 16%,var(--a75-border-subtle,#ded2c8));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-color,#6366f1) 7%,#fff),var(--a75-surface-card,#fff) 54%,var(--a75-surface-page,#fbf7f2));color:var(--a75-text,#1f1b16);box-shadow:0 12px 28px rgba(15,23,42,.08);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.a75-connector-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-color,#6366f1) 34%,var(--a75-border-subtle,#ded2c8));box-shadow:0 18px 38px rgba(15,23,42,.13);color:var(--a75-text,#1f1b16);text-decoration:none}
.a75-connector-tile__stage{display:grid;place-items:center;min-width:0;background:radial-gradient(circle,color-mix(in srgb,var(--brand-color,#6366f1) 14%,transparent),transparent 64%)}
.a75-connector-tile__stage .integration-logo{box-shadow:0 16px 34px color-mix(in srgb,var(--brand-color,#6366f1) 14%,transparent)}
.a75-connector-tile__content{position:relative;z-index:1;display:grid;gap:.72rem;min-width:0}
.a75-connector-tile__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}
.a75-connector-tile__head h3{margin:0;color:var(--a75-text,#1f1b16);font-size:1rem;font-weight:880;letter-spacing:0;line-height:1.15}
.a75-connector-tile__head p,.a75-connector-tile__description{margin:0;color:var(--a75-text-muted,#6f6255);font-size:.76rem;line-height:1.45}
.a75-connector-tile__description{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.a75-connector-tile__chips,.a75-connector-tile__actions,.a75-connector-tile__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.a75-connector-tile__chips span{border:1px solid var(--a75-border-subtle,#ded2c8);border-radius:999px;background:rgba(255,255,255,.72);padding:.16rem .5rem;color:var(--a75-text-muted,#6f6255);font-size:.66rem;font-weight:800;line-height:1.25}
.a75-connector-tile__meta{display:grid;gap:.55rem;min-width:0;color:var(--a75-text-muted,#6f6255);font-size:.75rem;line-height:1.45}
.a75-connector-tile__health{min-width:0}
.a75-connector-tile__footer{justify-content:space-between;margin-top:auto}
.a75-connector-tile__status{display:flex;min-width:0}
.a75-connector-tile__status .agency75-status-pill{font-size:.66rem}
.a75-connector-tile__action{display:inline-flex;align-items:center;gap:.24rem;color:var(--a75-text,#1f1b16);font-size:.82rem;font-weight:900;text-decoration:none}
.a75-connector-tile__action:hover{color:var(--a75-color-primary,#ff5a36);text-decoration:none}
.a75-connector-tile__actions{padding-top:.05rem}
.a75-connector-tile__actions .a75-button,.a75-connector-tile__actions .agency75-ui-button{min-height:2.05rem;padding:.5rem .65rem;font-size:.72rem}
.a75-connector-tile--hero{min-height:184px;padding:1rem}
.a75-connector-tile--hero .a75-connector-tile__stage{position:absolute;right:1rem;top:1rem;width:96px;height:96px;border:1px solid var(--a75-border-subtle,#ded2c8);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 18px 36px rgba(15,23,42,.08)}
.a75-connector-tile--hero .a75-connector-tile__content{min-height:152px;padding-right:112px}
.a75-connector-tile--poster{grid-template-rows:minmax(164px,1fr) auto;padding:0;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-color,#6366f1) 9%,#fff),var(--a75-surface-card,#fff))}
.a75-connector-tile--poster .a75-connector-tile__stage{min-height:164px;border-bottom:1px solid var(--a75-border-subtle,#ded2c8)}
.a75-connector-tile--poster .a75-connector-tile__stage .integration-logo{width:82px!important;height:82px!important;border-radius:24px}
.a75-connector-tile--poster .a75-connector-tile__content{padding:1rem}
.a75-connector-tile--poster .a75-connector-tile__description,.a75-connector-tile--poster .a75-connector-tile__chips{display:none}
.a75-connector-tile--poster .a75-connector-tile__action{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff5a36,#ff8a3d);color:#fff;font-size:0;box-shadow:0 12px 24px rgba(255,90,54,.24)}
.a75-connector-tile--poster .a75-connector-tile__action span{font-size:1rem}
.a75-connector-tile--rail{grid-template-columns:112px minmax(0,1fr);min-height:150px;padding:0}
.a75-connector-tile--rail .a75-connector-tile__stage{height:100%;min-height:150px;border-right:1px solid var(--a75-border-subtle,#ded2c8);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-color,#6366f1) 13%,#fff),var(--a75-surface-page,#fbf7f2))}
.a75-connector-tile--rail .a75-connector-tile__stage .integration-logo{width:62px!important;height:62px!important;border-radius:18px}
.a75-connector-tile--rail .a75-connector-tile__content{padding:1rem}
.a75-connector-tile--rail .a75-connector-tile__description{display:none}
.a75-connector-tile--editorial{min-height:212px;padding:1.35rem;background:var(--a75-surface-card,#fff)}
.a75-connector-tile--editorial .a75-connector-tile__stage{justify-content:start;width:58px;height:58px;background:transparent}
.a75-connector-tile--editorial .a75-connector-tile__stage .integration-logo{width:58px!important;height:58px!important;border-radius:18px;box-shadow:none}
.a75-connector-tile--editorial .a75-connector-tile__content{gap:1rem}
.a75-connector-tile--editorial .a75-connector-tile__head{padding-bottom:.8rem;border-bottom:1px solid var(--a75-border-subtle,#ded2c8)}
.a75-connector-tile--editorial .a75-connector-tile__head h3{font-size:1.3rem}
.a75-connector-tile--editorial .a75-connector-tile__head p{text-transform:uppercase;letter-spacing:.16em;font-size:.64rem}
.a75-connector-tile--editorial .a75-connector-tile__description,.a75-connector-tile--editorial .a75-connector-tile__chips{display:none}
.a75-connector-tile-grid--editorial .a75-connector-tile__status .agency75-status-pill{border:0;background:transparent;padding:0;text-decoration:underline}
html.a75crm-dark .a75-connector-layout-switcher,html.a75crm-dark .a75-connector-category-filter button{background:rgba(248,250,252,.07);border-color:var(--border-dark,#334155)}
html.a75crm-dark .a75-connector-layout-option:hover,html.a75crm-dark .a75-connector-layout-option.is-active{background:rgba(248,250,252,.12)}
html.a75crm-dark .a75-connector-tile{border-color:var(--border-dark,#334155);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-color,#6366f1) 13%,var(--surface-raised-dark,#202127)),var(--card-dark,#17181d));box-shadow:0 14px 30px rgba(0,0,0,.22)}
html.a75crm-dark .a75-connector-tile__stage,html.a75crm-dark .a75-connector-tile--hero .a75-connector-tile__stage{background:rgba(248,250,252,.07);border-color:var(--border-dark,#334155)}
html.a75crm-dark .a75-connector-tile__chips span{background:rgba(248,250,252,.08);border-color:var(--border-dark,#334155)}
@media (max-width:760px){.a75-connector-tile-grid,.a75-connector-tile-grid--poster,.a75-connector-tile-grid--rail,.a75-connector-tile-grid--editorial{grid-template-columns:minmax(0,1fr)}.a75-connector-tile--rail{grid-template-columns:96px minmax(0,1fr)}.a75-connector-tile--hero .a75-connector-tile__stage{width:78px;height:78px}.a75-connector-tile--hero .a75-connector-tile__content{padding-right:92px}.a75-connector-layout-bar{align-items:flex-start;flex-direction:column}.a75-connector-layout-switcher{max-width:100%;overflow-x:auto}}
@media (max-width:480px){.a75-connector-tile--hero .a75-connector-tile__stage{position:relative;right:auto;top:auto;width:72px;height:72px;margin-bottom:.75rem}.a75-connector-tile--hero .a75-connector-tile__content{min-height:0;padding-right:0}.a75-connector-tile--rail{grid-template-columns:minmax(0,1fr)}.a75-connector-tile--rail .a75-connector-tile__stage{min-height:112px;border-right:0;border-bottom:1px solid var(--a75-border-subtle,#ded2c8)}.a75-connector-layout-option{padding:.42rem .68rem}.a75-connector-tile__footer{align-items:flex-start;flex-direction:column}}

/* ==================================================
   CONTROL CENTER CONNECTOR MARKETPLACE
================================================== */
/* Keep the admin landing page aligned to the static Control Center reference. The shared connector tile helper is used on denser setup screens too, so this route-level class controls only the marketplace density and footer rhythm here. */
.a75-connector-tile-grid.is-admin-control-marketplace{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}
.a75-connector-tile-grid.is-admin-control-marketplace .a75-connector-tile{border:1px solid #ece2d0;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-color,#6366f1) 6%,#fff),#fff 58%,#fbf6ee);box-shadow:none}
.a75-connector-tile-grid.is-admin-control-marketplace .a75-connector-tile:hover{box-shadow:0 18px 40px -18px rgba(26,20,14,.18)}
.is-admin-control-marketplace .a75-connector-tile__head h3{font-size:1rem;font-weight:850;line-height:1.12}
.is-admin-control-marketplace .a75-connector-tile__head p{font-size:.75rem;color:var(--a75-text-muted,#6f6255)}
.is-admin-control-marketplace .a75-connector-tile__description,.is-admin-control-marketplace .a75-connector-tile__chips{display:none}
.is-admin-control-marketplace .a75-connector-tile__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap;margin-top:auto}
.is-admin-control-marketplace .a75-connector-tile__action{font-size:.82rem;font-weight:900;white-space:nowrap}
.is-admin-control-marketplace .a75-connector-tile__status{flex:0 0 auto}
.is-admin-control-marketplace .a75-connector-tile__status .agency75-status-pill{gap:.35rem;white-space:nowrap;padding:.2rem .55rem;font-size:.68rem}
.is-admin-control-marketplace .a75-connector-tile__status .agency75-status-pill::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:currentColor}
.is-admin-control-marketplace .a75-connector-tile--hero{min-height:180px;padding:1.1rem}
.is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__stage{right:1.1rem;top:1.1rem;width:96px;height:96px;border-radius:22px;background:#fff;box-shadow:0 12px 26px -14px rgba(26,20,14,.22)}
.is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__stage .integration-logo{width:72px!important;height:72px!important;border:0;background:transparent;box-shadow:none}
.is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__content{grid-template-rows:auto 1fr auto;min-height:148px;padding-right:0;gap:.5rem}
.is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__head{max-width:calc(100% - 112px)}
.is-admin-control-marketplace .a75-connector-tile--poster{min-height:240px}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__stage{min-height:164px;background:linear-gradient(160deg,color-mix(in srgb,var(--brand-color,#6366f1) 12%,#fff),#fff 120%);border-bottom:1px solid #ece2d0}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__stage .integration-logo{width:112px!important;height:112px!important;border:0;background:transparent;box-shadow:0 14px 24px color-mix(in srgb,var(--brand-color,#6366f1) 14%,transparent)}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__content{display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-areas:"poster-head poster-action";align-items:center;gap:.75rem;min-height:76px;padding:.85rem 1rem;background:#fff}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__head{grid-area:poster-head;display:block}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__head h3{font-size:.94rem;font-weight:850;line-height:1.15}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__head p{display:flex;align-items:center;gap:.4rem;margin-top:.12rem;font-size:.72rem}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__head p::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:#a8a29e}
.is-admin-control-marketplace .a75-connector-tile--poster[data-connector-status-tone="success"] .a75-connector-tile__head p::before{background:#16a34a}
.is-admin-control-marketplace .a75-connector-tile--poster[data-connector-status-tone="warning"] .a75-connector-tile__head p::before{background:#f59e0b}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__footer{grid-area:poster-action;display:block;margin:0}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__status{display:none}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__action{display:grid;width:36px;height:36px;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff5a36,#ff8a3d);color:#fff;font-size:0!important;box-shadow:0 8px 18px -6px rgba(255,90,54,.5)}
.is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__action>span{font-size:1rem!important;line-height:1}
.is-admin-control-marketplace .a75-connector-tile--rail{grid-template-columns:38% minmax(0,1fr);min-height:160px}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__stage{min-height:160px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-color,#6366f1) 15%,#fff),#fff 72%);border-right:1px solid #ece2d0}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__stage .integration-logo{width:78px!important;height:78px!important;border:0;background:transparent;box-shadow:none}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__content{display:flex;flex-direction:column;gap:.4rem;min-height:160px;padding:1rem 1.1rem;background:#fff}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__head{display:block}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__head h3{font-size:1rem;font-weight:850;line-height:1.15}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__head p{font-size:.74rem}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__footer{align-items:flex-start;flex-direction:column-reverse;justify-content:flex-start;gap:.55rem;margin-top:auto}
.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__status .agency75-status-pill{padding:.2rem .55rem}
.is-admin-control-marketplace .a75-connector-tile--editorial{min-height:232px;padding:1.25rem 1.25rem 1rem}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__stage{width:100%;height:108px;justify-content:center;justify-self:stretch;background:transparent}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__stage .integration-logo{width:112px!important;height:112px!important;border:0;background:transparent;box-shadow:none;overflow:visible;padding:0!important}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__stage .integration-logo-img{width:100%!important;height:100%!important;object-fit:contain;transform:scale(1.06);transform-origin:center}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__content{display:flex;flex:1;flex-direction:column;gap:.85rem}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__head{display:block;padding:0;border:0;text-align:center}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__head h3{font-size:1.35rem;font-weight:850;line-height:1.08}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__head p{display:none}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__footer{align-items:center;justify-content:space-between;gap:.8rem;margin-top:auto;border-top:1px solid #ece2d0;padding-top:.65rem}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__footer::before{content:attr(data-connector-category-label);min-width:0;color:var(--a75-text-muted,#6f6255);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.is-admin-control-marketplace .a75-connector-tile--editorial[data-connector-status-tone="success"] .a75-connector-tile__action{display:none}
.is-admin-control-marketplace .a75-connector-tile--editorial[data-connector-status-tone="warning"] .a75-connector-tile__status{display:none}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__status .agency75-status-pill{border:0;background:transparent;padding:0!important;color:#15803d;font-size:.76rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-transform:lowercase}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__status .agency75-status-pill::before{display:none}
.is-admin-control-marketplace .a75-connector-tile--editorial .a75-connector-tile__action{color:#b45309;font-size:.76rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-transform:lowercase}
html.a75crm-dark .a75-connector-tile-grid.is-admin-control-marketplace .a75-connector-tile{border-color:var(--border-dark,#334155);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-color,#6366f1) 14%,var(--surface-raised-dark,#202127)),var(--card-dark,#17181d))}
html.a75crm-dark .is-admin-control-marketplace .a75-connector-tile__head p{color:#cbd5e1}
html.a75crm-dark .is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__stage,html.a75crm-dark .is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__stage .integration-logo,html.a75crm-dark .is-admin-control-marketplace .a75-connector-tile--poster .a75-connector-tile__stage .integration-logo,html.a75crm-dark .is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__stage .integration-logo{background:rgba(248,250,252,.08)}
@media (max-width:1180px){.a75-connector-tile-grid.is-admin-control-marketplace{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.a75-connector-tile-grid.is-admin-control-marketplace{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.a75-connector-tile-grid.is-admin-control-marketplace{grid-template-columns:minmax(0,1fr)}.is-admin-control-marketplace .a75-connector-tile__footer{align-items:flex-start;flex-direction:column;flex-wrap:wrap}.is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__stage{position:relative;right:auto;top:auto;width:78px;height:78px;margin-bottom:.75rem}.is-admin-control-marketplace .a75-connector-tile--hero .a75-connector-tile__content{min-height:0;padding-right:0}.is-admin-control-marketplace .a75-connector-tile--rail{grid-template-columns:minmax(0,1fr)}.is-admin-control-marketplace .a75-connector-tile--rail .a75-connector-tile__stage{border-right:0;border-bottom:1px solid var(--a75-border-subtle,#ded2c8)}}
.agency75-integration-tile{position:relative;display:flex;align-items:center;gap:.75rem;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88));padding:.85rem;box-shadow:0 8px 22px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.agency75-integration-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-color,#6366f1) 30%,var(--border));box-shadow:0 14px 34px rgba(15,23,42,.13)}
.agency75-integration-meta{position:relative;z-index:1;min-width:0;flex:1}
.agency75-integration-meta strong{display:block;overflow:hidden;color:var(--foreground);font-size:.9rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.agency75-integration-meta small{display:block;overflow:hidden;color:var(--muted-foreground);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.agency75-chip-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}
.agency75-chip-row span{border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.7);padding:.12rem .45rem;color:var(--muted-foreground);font-size:.66rem;font-weight:700}
.agency75-guardrail-panel{border-radius:20px;padding:1rem}
.agency75-guardrail-panel h2{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--foreground);font-size:.98rem;font-weight:800}
.agency75-guardrail-panel ul{display:grid;gap:.55rem;margin:.85rem 0 0;padding:0;list-style:none}
.agency75-guardrail-panel li{display:flex;gap:.5rem;align-items:flex-start;color:var(--muted-foreground);font-size:.82rem;line-height:1.45}
.agency75-guardrail-panel li i{margin-top:.12rem;color:var(--success-strong);flex:0 0 auto}
.a75-activity-timeline{display:grid;gap:1.35rem}
.a75-activity-timeline.is-compact{gap:1rem}
.a75-activity-empty{display:flex;align-items:center;justify-content:center;gap:.55rem;border:1px dashed var(--border);border-radius:16px;background:color-mix(in srgb,var(--muted) 48%,transparent);padding:1.35rem;color:var(--muted-foreground);font-size:.86rem;font-weight:650;text-align:center}
.a75-activity-empty i{color:var(--primary)}
.a75-activity-group{display:grid;gap:.7rem}
.a75-activity-day{display:flex;align-items:center;gap:.75rem}
.a75-activity-day span{color:var(--muted-foreground);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.a75-activity-day b{height:1px;flex:1;background:var(--border)}
.a75-activity-list{position:relative;display:grid;gap:.72rem;margin:0;padding:0;list-style:none}
.a75-activity-list::before{content:"";position:absolute;left:15px;top:.5rem;bottom:.5rem;width:1px;background:var(--border)}
.a75-activity-row{position:relative;display:flex;gap:.72rem;min-width:0}
.a75-activity-dot{position:relative;z-index:1;display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--event-color,#64748b) 36%,transparent);border-radius:999px;background:var(--card);color:var(--event-color,#64748b);box-shadow:0 8px 18px rgba(15,23,42,.08)}
.a75-activity-card{display:block;min-width:0;flex:1;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:.82rem .92rem;color:inherit;box-shadow:0 8px 20px rgba(15,23,42,.06);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.a75-activity-card[href]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--muted) 26%,var(--card));box-shadow:0 12px 28px rgba(15,23,42,.1)}
.a75-activity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.a75-activity-card-head>div{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-items:center;gap:.38rem .5rem}
.a75-activity-type{color:var(--event-color,#64748b);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.a75-activity-card strong{min-width:0;color:var(--foreground);font-size:.9rem;font-weight:800;line-height:1.25}
.a75-activity-card time{flex:0 0 auto;color:var(--muted-foreground);font-size:.72rem;font-variant-numeric:tabular-nums}
.a75-activity-card p{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.82rem;line-height:1.45}
.a75-activity-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin-top:.62rem;color:var(--muted-foreground);font-size:.74rem}
.a75-activity-footer>span{display:inline-flex;align-items:center;gap:.32rem;min-width:0}
.a75-activity-actor b{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-glow,#f59e0b));color:#fff;font-size:.58rem;font-weight:850;letter-spacing:-.03em}
.a75-activity-load-more{display:flex;justify-content:center}
.a75-activity-load-more a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:.48rem .82rem;color:var(--muted-foreground);font-size:.78rem;font-weight:800}
.a75-activity-load-more a:hover{background:var(--muted);color:var(--foreground)}
.a75-activity-timeline.is-compact .a75-activity-card{padding:.68rem .76rem;border-radius:14px;box-shadow:none}
.a75-activity-timeline.is-compact .a75-activity-card strong{font-size:.82rem}
.a75-activity-timeline.is-compact .a75-activity-card p{font-size:.76rem}
html.a75crm-dark .a75-activity-card,
html.a75crm-dark .a75-activity-dot,
html.a75crm-dark .a75-activity-load-more a{background:var(--card);border-color:var(--border);box-shadow:none}
html.a75crm-dark .a75-activity-card[href]:hover{background:color-mix(in srgb,var(--surface-dark) 70%,var(--card))}
html.a75crm-dark .a75-activity-empty{background:color-mix(in srgb,var(--surface-dark) 72%,transparent)}
@media (max-width:1180px){.a75-control-hero{grid-template-columns:1fr}.a75-control-hero-copy{min-height:auto}.a75-logo-constellation{min-height:380px}.a75-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a75-health-row{grid-template-columns:1fr}}
@media (max-width:900px){.agency75-admin-hero{align-items:flex-start;flex-direction:column}.agency75-admin-hero-actions{justify-content:flex-start;width:100%}}
@media (max-width:640px){.a75-control-hero{padding:1rem;border-radius:22px}.a75-logo-constellation{min-height:320px}.a75-constellation-planet.is-lg .integration-logo{width:58px!important;height:58px!important}.a75-constellation-planet.is-md .integration-logo{width:50px!important;height:50px!important}.a75-constellation-planet.is-sm .integration-logo{width:44px!important;height:44px!important}.a75-pillar-grid{grid-template-columns:1fr}.a75-section-heading{align-items:flex-start;flex-direction:column}.a75-flow-step{min-width:126px}.a75-flow-arrow{display:none}}
@media (max-width:640px){.a75-hero-lock-badge{position:relative;right:auto;top:auto;width:max-content;margin-bottom:.75rem}.a75-hero-actions{align-items:stretch}.a75-hero-btn{justify-content:center;min-width:100%}.crm-preview-fact-grid{grid-template-columns:1fr}}

/* ==================================================
   INTEGRATION BRAND UI
================================================== */
.integration-card,.provider-tile{box-sizing:border-box;min-width:0;max-width:100%;position:relative;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));box-shadow:0 8px 24px rgba(15,23,42,.08);transition:all .2s ease}
.integration-card:hover,.provider-tile:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.13)}
.provider-tile-featured{border-color:rgba(99,102,241,.35)}
.integration-logo{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--brand-color,#6366f1) 22%, var(--border));border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--brand-color,#6366f1) 10%, white);box-shadow:0 10px 22px color-mix(in srgb,var(--brand-color,#6366f1) 22%, transparent)}
.integration-logo-real{padding:6px}
.integration-logo-img{width:100%;height:100%;object-fit:contain}
.integration-logo-fallback{font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand-color,#6366f1),#111827)}
.integration-brand-accent{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--brand-color,#6366f1) 20%, transparent),transparent 60%);pointer-events:none}
.integration-logo-cloud,.integration-logo-strip{display:flex;gap:.65rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}
.integration-logo-cloud::-webkit-scrollbar,.integration-logo-strip::-webkit-scrollbar{display:none}
.integration-marketplace{overflow:hidden}
.integration-marketplace-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.integration-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.integration-grid-item[hidden]{display:none!important}
.integration-grid-item .agency75-integration-tile{height:100%;min-height:96px}
.integration-grid-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem}
.integration-grid-page,.integration-grid-page-ellipsis{display:inline-flex;min-width:2rem;height:2rem;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted-foreground);font-size:.78rem;font-weight:850;line-height:1}
.integration-grid-page{cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.integration-grid-page:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 36%,var(--border));color:var(--foreground)}
.integration-grid-page.is-active{border-color:transparent;background:linear-gradient(135deg,#ff5a36,#ff8a3d);color:#fff;box-shadow:0 10px 22px rgba(255,90,54,.22)}
.integration-grid-page-ellipsis{border-color:transparent;background:transparent;min-width:1.25rem}
.integration-category-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem}
.integration-category-count{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.7);padding:.65rem .75rem;font-size:.75rem;color:var(--muted-foreground)}
.integration-category-count strong{font-size:.95rem;color:var(--foreground)}
.integration-logo-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;scrollbar-width:none}
.integration-logo-scroll::-webkit-scrollbar{display:none}
.integration-logo-tile{position:relative;display:flex;align-items:center;gap:.75rem;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88));padding:.8rem;box-shadow:0 8px 22px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.integration-logo-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-color,#6366f1) 30%, var(--border));box-shadow:0 14px 34px rgba(15,23,42,.13)}
.integration-brand-orb{position:absolute;inset:auto -28px -28px auto;width:76px;height:76px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-color,#6366f1) 28%, transparent),transparent 70%);pointer-events:none}
.integration-logo-meta{min-width:0;flex:1}
.integration-logo-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;color:var(--foreground)}
.integration-logo-category{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;color:var(--muted-foreground)}
.integration-logo-status{position:relative;z-index:1;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--brand-color,#6366f1) 22%, var(--border));border-radius:999px;background:color-mix(in srgb,var(--brand-color,#6366f1) 9%, white);padding:.2rem .5rem;font-size:.66rem;font-weight:700;color:color-mix(in srgb,var(--brand-color,#6366f1) 72%, #111827)}
.brand-glow{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--brand-color,#6366f1) 45%, transparent))}
.brand-pulse{animation:brandPulse 2.6s ease-in-out infinite}
.setup-wizard-brand-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:.8rem;background:rgba(255,255,255,.7)}
@keyframes brandPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@media (max-width:640px){.integration-marketplace-hero{flex-direction:column}.integration-logo-scroll{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem}.integration-logo-tile{min-width:220px;scroll-snap-align:start}.integration-category-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.integration-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.integration-logo-grid{grid-template-columns:1fr}.integration-grid-pagination{justify-content:flex-start;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.integration-grid-pagination::-webkit-scrollbar{display:none}}

html.a75crm-dark .integration-marketplace,
html.a75crm-dark .agency75-guardrail-panel,
html.a75crm-dark .integration-card {
    background:
        radial-gradient(circle at 92% 10%, rgba(255, 95, 72, .08), transparent 34%),
        linear-gradient(135deg, var(--surface-raised-dark), var(--card-dark)) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .agency75-integration-tile,
html.a75crm-dark .integration-logo-tile {
    background:
        radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--brand-color,#6366f1) 14%, transparent), transparent 55%),
        linear-gradient(135deg, rgba(30, 31, 38, .98), rgba(20, 20, 24, .96)) !important;
    border-color: var(--border-dark) !important;
}

html.a75crm-dark .agency75-integration-meta strong,
html.a75crm-dark .integration-logo-name,
html.a75crm-dark .integration-category-count strong {
    color: var(--text-primary-dark) !important;
}

html.a75crm-dark .agency75-integration-meta small,
html.a75crm-dark .integration-logo-category,
html.a75crm-dark .integration-category-count,
html.a75crm-dark .agency75-guardrail-panel li {
    color: var(--text-muted-dark) !important;
}

html.a75crm-dark .integration-category-count,
html.a75crm-dark .integration-grid-page {
    background: rgba(248,250,252,.07) !important;
    border-color: var(--border-dark) !important;
}

html.a75crm-dark .integration-grid-page.is-active {
    background: linear-gradient(135deg,#ff5a36,#ff8a3d) !important;
    color: #fff !important;
}

/* ==================================================
   SYSTEM SETTINGS CONTROL PANEL
================================================== */
.system-settings-page{scroll-behavior:smooth}
.system-settings-ring{--settings-progress:0;position:relative;display:grid;width:76px;height:76px;place-items:center;border-radius:999px;background:conic-gradient(var(--primary) calc(var(--settings-progress) * 1%),rgba(148,163,184,.22) 0);box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)}
.system-settings-ring::after{content:"";position:absolute;inset:8px;border-radius:999px;background:var(--card);box-shadow:inset 0 1px 4px rgba(15,23,42,.08)}
.system-settings-ring span{position:relative;z-index:1;font-size:16px;font-weight:800;color:var(--foreground)}
.system-settings-jump{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.9));padding:14px 16px;box-shadow:0 8px 24px rgba(15,23,42,.08);transition:all .2s ease}
.system-settings-jump:hover{transform:translateY(-2px);border-color:rgba(255,59,48,.3);box-shadow:0 14px 32px rgba(15,23,42,.12)}
.system-settings-jump span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:rgba(255,59,48,.08);font-size:18px}
.system-settings-jump strong{display:block;color:var(--foreground);font-size:14px}
.system-settings-jump small{display:block;margin-top:2px;color:var(--muted-foreground);font-size:11px;line-height:1.35}
.system-settings-shortcut{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;background:var(--background);padding:10px 12px;transition:all .18s ease}
.system-settings-shortcut:hover{border-color:rgba(255,59,48,.28);background:var(--accent);transform:translateY(-1px)}
.system-settings-shortcut>span:first-child{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--card);box-shadow:0 4px 12px rgba(15,23,42,.08)}
.system-settings-shortcut strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font-size:13px}
.system-settings-shortcut small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:11px}
.system-settings-toggle{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:12px;background:var(--background);padding:12px;cursor:pointer;transition:all .18s ease}
.system-settings-toggle:hover{border-color:rgba(255,59,48,.28);background:var(--accent)}
.system-settings-toggle input{margin-top:3px;width:18px;height:18px;accent-color:var(--primary)}
.system-settings-toggle strong{display:block;color:var(--foreground);font-size:13px}
.system-settings-toggle small{display:block;margin-top:2px;color:var(--muted-foreground);font-size:11px;line-height:1.45}
@media (max-width:640px){.system-settings-jump{padding:12px}.system-settings-shortcut{grid-template-columns:auto minmax(0,1fr)}.system-settings-shortcut i{display:none}}

/* ==================================================
   WHATSAPP SETTINGS CONSOLE
================================================== */
.whatsapp-settings-page{padding-bottom:2rem;max-width:100%;min-width:0}
.whatsapp-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;overflow:hidden}
.whatsapp-hero__copy{min-width:0}
.whatsapp-hero h1{margin:.25rem 0 0;color:var(--foreground);font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.8rem,2.5vw,2.7rem);font-weight:880;letter-spacing:0}
.whatsapp-hero p{margin:.45rem 0 0;max-width:760px;color:var(--muted-foreground);font-size:.95rem;line-height:1.55}
.whatsapp-hero-badges,.whatsapp-hero__actions,.whatsapp-action-row,.whatsapp-link-output{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
.whatsapp-hero-badges{margin-top:1rem}
.whatsapp-hero-badges span{border:1px solid var(--border);border-radius:999px;background:var(--card);padding:.24rem .62rem;color:var(--muted-foreground);font-size:.72rem;font-weight:850}
.whatsapp-hero__actions{justify-content:flex-end;max-width:420px}
.whatsapp-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.whatsapp-status-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:flex-start;min-width:0;border:1px solid var(--border);border-radius:18px;background:var(--card);padding:1rem;box-shadow:0 10px 26px rgba(15,23,42,.07)}
.whatsapp-status-card.whatsapp-result-rendered{display:block}
.whatsapp-status-card__icon{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--success) 14%,var(--background));color:var(--success-strong)}
.whatsapp-status-card strong{display:block;margin-bottom:.45rem;color:var(--foreground);font-size:.88rem;font-weight:850}
.whatsapp-status-card small{display:block;margin-top:.45rem;color:var(--muted-foreground);font-size:.72rem;line-height:1.4}
.whatsapp-console{display:grid;gap:1rem;min-width:0}
.whatsapp-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem .1rem .45rem;scrollbar-width:none}
.whatsapp-tabs::-webkit-scrollbar{display:none}
.whatsapp-tab{display:inline-flex;align-items:center;gap:.45rem;min-height:2.35rem;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:.48rem .78rem;color:var(--muted-foreground);font-size:.8rem;font-weight:850;cursor:pointer;transition:all .18s ease}
.whatsapp-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border));color:var(--foreground)}
.whatsapp-tab.is-active{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--primary-soft);color:var(--primary)}
.whatsapp-tab-panels{min-width:0}
.whatsapp-panel{display:none;min-width:0}
.whatsapp-panel.is-active{display:block}
.whatsapp-card{display:grid;gap:1rem;min-width:0;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,var(--card),var(--background));padding:1rem;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.whatsapp-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}
.whatsapp-card__head h2{margin:0;color:var(--foreground);font-size:1.08rem;font-weight:880;letter-spacing:0}
.whatsapp-card__head p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.82rem;line-height:1.5}
.whatsapp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;min-width:0}
.whatsapp-form-grid label{display:grid;gap:.35rem;min-width:0;color:var(--foreground);font-size:.78rem;font-weight:820}
.whatsapp-form-grid label.is-wide,.whatsapp-form-grid .is-wide{grid-column:1/-1}
.whatsapp-form-grid input,.whatsapp-form-grid select,.whatsapp-form-grid textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--background);padding:.65rem .75rem;color:var(--foreground);font-size:.85rem;outline:none}
.whatsapp-form-grid textarea{resize:vertical}
.whatsapp-form-grid input:focus,.whatsapp-form-grid select:focus,.whatsapp-form-grid textarea:focus{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}
.whatsapp-form-grid b{border-radius:999px;background:var(--warning-soft);padding:.1rem .38rem;color:var(--warning-strong);font-size:.62rem;font-weight:850}
.whatsapp-form-grid small{color:var(--muted-foreground);font-size:.72rem;font-weight:500;line-height:1.35}
.whatsapp-toggle{display:flex!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:14px;background:var(--background);padding:.7rem}
.whatsapp-toggle input{width:auto!important;accent-color:var(--primary)}
.whatsapp-action-row{margin-top:.2rem}
.whatsapp-sticky-actions{position:sticky;bottom:.75rem;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--card) 92%,transparent);padding:.8rem;box-shadow:0 -10px 28px rgba(15,23,42,.08);backdrop-filter:blur(12px)}
.whatsapp-result-panel,.whatsapp-result{min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:.85rem;color:var(--muted-foreground);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
.whatsapp-result-panel.is-success,.whatsapp-result.is-success{border-color:color-mix(in srgb,var(--success-strong) 32%,var(--border));background:color-mix(in srgb,var(--success) 8%,var(--card))}
.whatsapp-result-panel.is-error,.whatsapp-result.is-error{border-color:color-mix(in srgb,var(--destructive) 32%,var(--border));background:color-mix(in srgb,var(--destructive) 8%,var(--card))}
.whatsapp-result-panel.is-busy{border-color:color-mix(in srgb,var(--primary) 32%,var(--border));background:var(--primary-soft)}
.whatsapp-result-content{display:grid;gap:.55rem;min-width:0;width:100%}
.whatsapp-result-title{color:var(--foreground);font-weight:880}
.whatsapp-result-message{max-width:100%;margin-top:.2rem;overflow-wrap:anywhere}
.whatsapp-result-facts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
.whatsapp-result-facts span{border:1px solid var(--border);border-radius:999px;background:var(--background);padding:.18rem .5rem;color:var(--foreground);font-size:.72rem;font-weight:800}
.whatsapp-link-output{align-items:stretch}
.whatsapp-link-output a{flex:1 1 220px;min-width:0;border:1px dashed var(--border);border-radius:12px;background:var(--background);padding:.6rem;color:var(--muted-foreground);font-size:.76rem;text-decoration:none;overflow-wrap:anywhere}
.whatsapp-link-output a.is-ready{border-style:solid;color:var(--primary);background:var(--primary-soft)}
.whatsapp-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.whatsapp-lab-card{height:100%}
.whatsapp-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.whatsapp-event-grid label{display:flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:12px;background:var(--background);padding:.6rem}
.whatsapp-debug-details{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--background);overflow:hidden}
.whatsapp-debug-details summary{cursor:pointer;padding:.55rem .7rem;color:var(--foreground);font-size:.74rem;font-weight:850}
.whatsapp-debug-pre{max-width:100%;max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#0f172a;color:#e2e8f0;padding:.85rem;font-size:.75rem;line-height:1.45;white-space:pre-wrap}
.whatsapp-debug-details .whatsapp-debug-pre{max-height:220px;margin:0;border:0;border-top:1px solid var(--border);border-radius:0}
html.a75crm-dark .whatsapp-card,html.a75crm-dark .whatsapp-status-card,html.a75crm-dark .whatsapp-tab,html.a75crm-dark .whatsapp-result-panel,html.a75crm-dark .whatsapp-link-output a,html.a75crm-dark .whatsapp-toggle,html.a75crm-dark .whatsapp-event-grid label,html.a75crm-dark .whatsapp-sticky-actions{background:var(--card);border-color:var(--border);box-shadow:none}
html.a75crm-dark .whatsapp-form-grid input,html.a75crm-dark .whatsapp-form-grid select,html.a75crm-dark .whatsapp-form-grid textarea{background:var(--background);color:var(--foreground)}
@media (max-width:1180px){.whatsapp-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whatsapp-hero{grid-template-columns:minmax(0,1fr)}.whatsapp-hero__actions{justify-content:flex-start;max-width:100%}}
@media (max-width:760px){.whatsapp-status-grid,.whatsapp-form-grid,.whatsapp-lab-grid,.whatsapp-event-grid{grid-template-columns:1fr}.whatsapp-card__head{flex-direction:column}.whatsapp-sticky-actions{align-items:stretch;flex-direction:column}.whatsapp-sticky-actions .agency75-ui-button,.whatsapp-action-row .agency75-ui-button{width:100%;justify-content:center}.whatsapp-tabs{margin-inline:-.25rem;padding-inline:.25rem}}
@media (max-width:430px){.whatsapp-hero h1{font-size:1.7rem}.whatsapp-hero__actions,.whatsapp-action-row{align-items:stretch;flex-direction:column}.whatsapp-hero__actions .agency75-ui-button,.whatsapp-action-row .agency75-ui-button{width:100%}.whatsapp-card,.whatsapp-status-card{padding:.85rem;border-radius:18px}.whatsapp-tab{font-size:.74rem;padding:.42rem .62rem}}

/* ==================================================
   LOCATION + PHONE FIELD UX
================================================== */
.agency75-select-search{width:100%;min-height:2.25rem;margin-bottom:.35rem;border:1px solid var(--border);border-radius:.55rem;background:var(--background);color:var(--foreground);font-size:.8125rem;line-height:1.25rem;padding:.45rem .65rem;outline:none}
.agency75-select-search::placeholder{color:var(--muted-foreground)}
.agency75-select-search:focus{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}

/* ==================================================
   INTAKE HUB DEMO FLOW
================================================== */
.intake-pipeline-strip{position:relative;overflow:hidden}
.intake-pipeline-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,59,48,.07),rgba(99,102,241,.06),rgba(16,185,129,.06));pointer-events:none}
.intake-pipeline-strip>*{position:relative;z-index:1}
.intake-pipeline-step{position:relative;min-height:128px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.intake-pipeline-step:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 12px 28px rgba(15,23,42,.09)}
@media (min-width:1280px){.intake-pipeline-step:not(:last-child)::after{content:"";position:absolute;right:-14px;top:36px;width:24px;height:1px;background:linear-gradient(90deg,var(--border),transparent)}}

/* ==================================================
   INTAKE HUB COCKPIT
================================================== */
.intake-cockpit {
    --intake-blue: #2563eb;
    --intake-green: #059669;
    --intake-amber: #f59e0b;
    --intake-red: #e11d48;
}

.intake-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 30px;
    background:
        radial-gradient(circle at 86% 16%, rgba(255, 138, 61, .16), transparent 34%),
        radial-gradient(circle at 10% 88%, rgba(37, 99, 235, .12), transparent 40%),
        linear-gradient(135deg, #fffaf6, var(--card) 52%, #eef6ff);
    padding: clamp(1rem, 2vw, 1.6rem);
    box-shadow: 0 20px 46px rgba(15, 23, 42, .10);
}

.intake-hero::after {
    content: "";
    position: absolute;
    inset: auto -12% -44% 34%;
    height: 290px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 90, 54, .11), transparent 72%);
    pointer-events: none;
}

.intake-hero > * {
    position: relative;
    z-index: 1;
}

.intake-hero-copy h1 {
    max-width: 900px;
    margin: .45rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(2.15rem, 4.4vw, 4.25rem);
    font-weight: 860;
    letter-spacing: -.055em;
    line-height: .98;
}

.intake-hero-copy p {
    max-width: 780px;
    margin: .9rem 0 0;
    color: var(--muted-foreground);
    font-size: .98rem;
    line-height: 1.72;
}

.intake-hero-actions,
.intake-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.15rem;
}

.intake-hero-sources {
    display: grid;
    align-content: center;
    gap: 1rem;
    border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
    border-radius: 26px;
    background: rgba(255, 255, 255, .66);
    padding: 1rem;
    backdrop-filter: blur(12px);
}

.intake-source-orbit {
    display: grid;
    min-height: 104px;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(248,250,252,.72));
}

.intake-source-orbit .agency75-logo-cloud {
    justify-content: center;
}

.intake-section,
.intake-pipeline-panel,
.intake-raw-card,
.intake-confidence-card,
.intake-missing-card,
.intake-draft-card,
.intake-action-card {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: var(--card);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.intake-section-head,
.intake-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--border);
    padding: 1rem 1.15rem;
}

.intake-card-head.is-compact {
    padding-bottom: .85rem;
}

.intake-section-head h2,
.intake-card-head h2 {
    margin: .25rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 1.18rem;
    font-weight: 830;
    letter-spacing: -.025em;
}

.intake-section-head p,
.intake-card-head p {
    margin: .35rem 0 0;
    color: var(--muted-foreground);
    font-size: .8rem;
    line-height: 1.55;
}

.intake-method-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    padding: 1rem;
}

.intake-method-card {
    position: relative;
    overflow: hidden;
    min-height: 176px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.82));
    padding: .95rem;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.intake-method-card::after {
    content: "";
    position: absolute;
    right: -46px;
    bottom: -52px;
    width: 132px;
    height: 132px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 90, 54, .10), transparent 70%);
}

.intake-method-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
    box-shadow: 0 16px 34px rgba(15, 23, 42, .10);
}

.intake-method-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.intake-method-fallback {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 16px;
    background: var(--primary-soft);
    color: var(--primary);
}

.intake-method-card h3 {
    position: relative;
    z-index: 1;
    margin: .9rem 0 0;
    color: var(--foreground);
    font-size: .96rem;
    font-weight: 830;
}

.intake-method-card p {
    position: relative;
    z-index: 1;
    margin: .35rem 0 0;
    color: var(--muted-foreground);
    font-size: .78rem;
    line-height: 1.5;
}

.intake-flow-track {
    display: grid;
    grid-template-columns: repeat(7, minmax(120px, 1fr));
    align-items: stretch;
    gap: .55rem;
    overflow-x: auto;
    padding: 1rem;
    scrollbar-width: none;
}

.intake-flow-track::-webkit-scrollbar {
    display: none;
}

.intake-flow-node {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.78));
    padding: .8rem;
    text-align: center;
}

.intake-flow-node span {
    display: grid;
    width: 34px;
    height: 34px;
    margin: 0 auto .5rem;
    place-items: center;
    border-radius: 13px;
    background: var(--primary-soft);
    color: var(--primary);
}

.intake-flow-node strong,
.intake-flow-node small {
    display: block;
}

.intake-flow-node strong {
    color: var(--foreground);
    font-size: .8rem;
    font-weight: 830;
}

.intake-flow-node small {
    margin-top: .24rem;
    color: var(--muted-foreground);
    font-size: .68rem;
    line-height: 1.35;
}

.intake-flow-arrow {
    display: grid;
    min-width: 22px;
    place-items: center;
    color: var(--muted-foreground);
}

.intake-workspace,
.intake-handoff-grid,
.intake-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(340px, .72fr);
    gap: 1.25rem;
    align-items: start;
}

.intake-raw-form {
    padding: 1rem 1.15rem 1.15rem;
}

.intake-raw-form textarea {
    width: 100%;
    min-height: 280px;
    resize: vertical;
    border: 1px solid var(--border);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(248,250,252,.74), rgba(255,255,255,.94));
    padding: 1rem;
    color: var(--foreground);
    font-size: .9rem;
    line-height: 1.65;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.intake-raw-form textarea:focus {
    border-color: color-mix(in srgb, var(--primary) 42%, var(--border));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 10%, transparent);
}

.intake-ocr-capture {
    display: grid;
    gap: .75rem;
    margin-bottom: .9rem;
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(239, 246, 255, .72), rgba(255, 255, 255, .94));
    padding: .85rem;
}

.intake-ocr-capture__head {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

.intake-ocr-capture__head > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 13px;
    background: var(--primary-soft);
    color: var(--primary);
}

.intake-ocr-capture__head strong,
.intake-ocr-capture__head small {
    display: block;
}

.intake-ocr-capture__head strong {
    color: var(--foreground);
    font-size: .86rem;
    font-weight: 820;
}

.intake-ocr-capture__head small,
.intake-ocr-preview__image span,
.intake-ocr-warning {
    color: var(--muted-foreground);
    font-size: .74rem;
    line-height: 1.45;
}

.intake-ocr-capture__actions,
.intake-ocr-result__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* ==================================================
   INTAKE CAPTURE ROUTE TABS
================================================== */
.intake-capture-tabs {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.intake-capture-tab {
    align-items: flex-start;
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--foreground);
    display: flex;
    gap: .65rem;
    min-height: 4.75rem;
    padding: .85rem;
    text-decoration: none;
}

.intake-capture-tab:hover,
.intake-capture-tab.is-active {
    background: color-mix(in srgb, var(--primary) 7%, white);
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
}

.intake-capture-tab strong,
.intake-capture-tab small,
.intake-capture-text-label span {
    display: block;
}

.intake-capture-tab small {
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.25;
    margin-top: .2rem;
}

.intake-capture-text-label {
    display: grid;
    gap: .5rem;
}

.intake-capture-text-label > span {
    color: var(--muted-foreground);
    font-size: .8rem;
    font-weight: 760;
}

@media (max-width: 900px) {
    .intake-capture-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .intake-capture-tabs {
        grid-template-columns: 1fr;
    }
}

.intake-ocr-dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 4.25rem;
    border: 1px dashed color-mix(in srgb, var(--primary) 34%, var(--border));
    border-radius: 16px;
    background: rgba(255, 255, 255, .72);
    color: var(--muted-foreground);
    font-size: .78rem;
    font-weight: 760;
    outline: none;
}

.intake-ocr-dropzone:focus,
.intake-ocr-dropzone.is-dragover {
    border-style: solid;
    border-color: color-mix(in srgb, var(--primary) 54%, var(--border));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 10%, transparent);
}

.intake-ocr-preview,
.intake-ocr-result {
    display: grid;
    gap: .65rem;
}

.intake-ocr-preview__image {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
    min-width: 0;
}

.intake-ocr-preview__image img {
    width: 72px;
    height: 72px;
    border: 1px solid var(--border);
    border-radius: 14px;
    object-fit: cover;
}

.intake-ocr-preview__image strong {
    display: block;
    color: var(--foreground);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.intake-ocr-status {
    display: flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(248, 250, 252, .74);
    padding: .6rem .7rem;
    color: var(--foreground);
    font-size: .78rem;
}

.intake-ocr-status.is-success {
    border-color: color-mix(in srgb, var(--success) 28%, var(--border));
    background: color-mix(in srgb, var(--success-soft) 64%, var(--card));
    color: var(--success-strong);
}

.intake-ocr-status.is-error {
    border-color: color-mix(in srgb, var(--danger) 28%, var(--border));
    background: color-mix(in srgb, var(--danger-soft) 64%, var(--card));
    color: var(--danger);
}

.intake-ocr-result__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.intake-ocr-result__grid div {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: rgba(255, 255, 255, .72);
    padding: .55rem;
}

.intake-ocr-result__grid span,
.intake-ocr-result__grid strong {
    display: block;
}

.intake-ocr-result__grid span {
    color: var(--muted-foreground);
    font-size: .65rem;
    font-weight: 780;
    text-transform: uppercase;
}

.intake-ocr-result__grid strong {
    margin-top: .18rem;
    color: var(--foreground);
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.intake-review-rail {
    display: grid;
    gap: 1rem;
}

.intake-confidence-card {
    padding: 1rem;
}

.intake-confidence-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin-top: .85rem;
}

.intake-confidence-meta span {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(248, 250, 252, .72);
    padding: .65rem;
    color: var(--foreground);
    font-size: .76rem;
    font-weight: 760;
    text-align: center;
}

.intake-gap-groups {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.15rem;
}

.intake-gap-groups strong {
    display: block;
    margin-bottom: .45rem;
    color: var(--foreground);
    font-size: .76rem;
    text-transform: uppercase;
}

.intake-gap {
    display: flex;
    align-items: center;
    gap: .4rem;
    width: 100%;
    margin-top: .4rem;
    border: 1px solid color-mix(in srgb, var(--intake-amber) 22%, var(--border));
    border-radius: 13px;
    background: rgba(255, 251, 235, .54);
    padding: .55rem .65rem;
    color: var(--foreground);
    font-size: .75rem;
    font-weight: 720;
}

.intake-gap.is-good {
    border-color: color-mix(in srgb, var(--intake-green) 24%, var(--border));
    background: rgba(236, 253, 245, .72);
    color: var(--intake-green);
}

.intake-extract-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.intake-extract-card {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: rgba(248, 250, 252, .66);
    padding: .95rem;
}

.intake-extract-head {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.intake-extract-head > span {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 16px;
    background: var(--primary-soft);
    color: var(--primary);
}

.intake-extract-head h3 {
    margin: 0 0 .35rem;
    color: var(--foreground);
    font-size: .98rem;
    font-weight: 850;
}

.intake-extract-card dl {
    display: grid;
    gap: .55rem;
    margin: .9rem 0 0;
}

.intake-extract-card dl div {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--card);
    padding: .62rem;
}

.intake-extract-card dt {
    color: var(--muted-foreground);
    font-size: .66rem;
    font-weight: 760;
    text-transform: uppercase;
}

.intake-extract-card dd {
    overflow-wrap: anywhere;
    margin: .2rem 0 0;
    color: var(--foreground);
    font-size: .78rem;
    font-weight: 720;
}

.intake-draft-card {
    background:
        radial-gradient(circle at 94% 8%, rgba(139, 92, 246, .12), transparent 34%),
        var(--card);
}

.intake-draft-body {
    margin: 1rem 1.15rem;
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,246,255,.58));
    padding: 1rem;
    color: var(--foreground);
    font-size: .9rem;
    line-height: 1.7;
}

.intake-next-action {
    margin: 0 1.15rem 1.15rem;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(248, 250, 252, .72);
    padding: .85rem;
}

.intake-next-action span,
.intake-next-action strong {
    display: block;
}

.intake-next-action span {
    color: var(--muted-foreground);
    font-size: .7rem;
    font-weight: 780;
    text-transform: uppercase;
}

.intake-next-action strong {
    margin-top: .25rem;
    color: var(--foreground);
    font-size: .86rem;
    line-height: 1.45;
}

.intake-action-card {
    padding-bottom: 1rem;
}

.intake-action-list {
    display: grid;
    gap: .65rem;
    padding: 1rem 1.15rem .85rem;
}

.intake-action-list .agency75-ui-button,
.intake-form-actions .agency75-ui-button {
    width: 100%;
    justify-content: center;
}

.intake-action-list button.agency75-ui-button,
.intake-form-actions button.agency75-ui-button {
    cursor: pointer;
    font-family: inherit;
}

.intake-action-list button.agency75-ui-button:disabled {
    cursor: not-allowed;
    opacity: .52;
}

.intake-safe-notes {
    display: grid;
    gap: .45rem;
    padding: 0 1.15rem;
}

.intake-safe-notes span {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--muted-foreground);
    font-size: .74rem;
}

.intake-safe-notes i {
    color: var(--intake-green);
}

.intake-result-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
    padding: 1rem 1.15rem .5rem;
}

.intake-result-grid div {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(248, 250, 252, .72);
    padding: .75rem;
}

.intake-result-grid span,
.intake-result-grid strong {
    display: block;
}

.intake-result-grid span {
    color: var(--muted-foreground);
    font-size: .68rem;
}

.intake-result-grid strong {
    margin-top: .16rem;
    color: var(--foreground);
    font-size: .9rem;
}

.intake-result-message {
    margin: 0;
    padding: .5rem 1.15rem 1rem;
    color: var(--muted-foreground);
    font-size: .8rem;
}

.intake-recent-list {
    display: grid;
    gap: .6rem;
    padding: 1rem 1.15rem;
}

.intake-recent-item {
    border: 1px solid var(--border);
    border-radius: 15px;
    background: rgba(248, 250, 252, .72);
    padding: .75rem;
}

.intake-recent-item strong,
.intake-recent-item span {
    display: block;
}

.intake-recent-item strong {
    color: var(--foreground);
    font-size: .84rem;
}

.intake-recent-item span {
    margin-top: .18rem;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.intake-empty-state {
    display: grid;
    gap: .45rem;
    justify-items: center;
    margin: 1rem;
    border: 1px dashed var(--border);
    border-radius: 18px;
    padding: 1rem;
    color: var(--muted-foreground);
    text-align: center;
    font-size: .82rem;
}

/* ==================================================
   CAMPAIGN-AWARE INTAKE
================================================== */
.intake-campaign-context,
.intake-campaign-fit-preview,
.intake-campaign-fit-save {
    display: grid;
    gap: 1rem;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(239,246,255,.74));
    padding: 1rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
}

.intake-campaign-context {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.intake-campaign-context__copy h2,
.intake-campaign-fit-preview__head h2,
.intake-campaign-fit-save h2 {
    margin: .2rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 1.18rem;
    font-weight: 830;
    letter-spacing: -.02em;
}

.intake-campaign-context__copy p,
.intake-campaign-fit-preview__head p,
.intake-campaign-fit-save p,
.intake-campaign-fit-preview__notice {
    margin: .35rem 0 0;
    color: var(--muted-foreground);
    font-size: .8rem;
    line-height: 1.55;
}

.intake-campaign-context__facts,
.intake-campaign-context__actions,
.intake-campaign-fit-preview__metrics,
.intake-campaign-fit-save {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}

.intake-campaign-context__facts {
    margin-top: .8rem;
}

.intake-campaign-context__facts span,
.intake-campaign-fit-preview__metrics div {
    min-width: 118px;
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 14px;
    background: rgba(255,255,255,.72);
    padding: .58rem .7rem;
}

.intake-campaign-context__facts strong,
.intake-campaign-fit-preview__metrics span {
    display: block;
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 760;
    text-transform: uppercase;
}

.intake-campaign-fit-preview__metrics strong {
    display: block;
    margin-top: .12rem;
    color: var(--foreground);
    font-size: .98rem;
    font-weight: 860;
}

.intake-campaign-fit-preview__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.intake-campaign-fit-preview__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.intake-campaign-fit-preview__grid > div {
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(255,255,255,.68);
    padding: .8rem;
}

.intake-campaign-fit-preview__grid h3 {
    margin: 0 0 .5rem;
    color: var(--foreground);
    font-size: .82rem;
    font-weight: 830;
}

.intake-campaign-fit-preview__grid ul {
    display: grid;
    gap: .45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.intake-campaign-fit-preview__grid li {
    display: grid;
    gap: .12rem;
    color: var(--foreground);
    font-size: .76rem;
}

.intake-campaign-fit-preview__grid li span,
.intake-campaign-fit-preview__empty {
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.45;
}

.smart-paste-campaign-fit {
    margin: .75rem;
    box-shadow: none;
}

.intake-unscoped-confirm {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-top: .7rem;
    border: 1px dashed color-mix(in srgb, var(--intake-amber) 40%, var(--border));
    border-radius: 13px;
    background: color-mix(in srgb, var(--intake-amber) 8%, var(--card));
    color: var(--foreground);
    font-size: .8rem;
    line-height: 1.45;
    padding: .7rem .75rem;
}

.intake-unscoped-confirm.is-compact {
    margin: 0 0 .5rem;
}

.intake-campaign-scope-filter label {
    display: grid;
    gap: .25rem;
    color: var(--muted-foreground);
    font-size: .7rem;
    font-weight: 760;
    text-transform: uppercase;
}

.intake-campaign-scope-filter select {
    min-width: 180px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--card);
    color: var(--foreground);
    font-size: .82rem;
    padding: .48rem .6rem;
    text-transform: none;
}

/* ==================================================
   CAMPAIGN FIT DECISION RECEIPTS
================================================== */
.intake-campaign-fit-save__target,
.a75-campaign-fit-decision {
    min-width: 0;
}

.intake-campaign-fit-save__target {
    display: grid;
    gap: .45rem;
    flex: 1 1 280px;
    max-width: 100%;
}

.intake-campaign-fit-save__target > strong {
    font-size: .78rem;
    color: var(--foreground);
}

.a75-campaign-fit-decision {
    display: grid;
    gap: .65rem;
    margin-top: .75rem;
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--card) 88%, var(--primary) 12%);
    padding: .7rem;
}

.a75-campaign-fit-decision.is-compact {
    margin-top: .65rem;
}

.a75-campaign-fit-decision__current {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

.a75-campaign-fit-decision__current span,
.a75-campaign-fit-decision__form label span {
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 780;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.a75-campaign-fit-decision__current strong {
    color: var(--foreground);
    font-size: .9rem;
    line-height: 1.2;
}

.a75-campaign-fit-decision__current small,
.a75-campaign-fit-decision__form small,
.a75-campaign-fit-decision__disabled {
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.45;
}

.a75-campaign-fit-decision__form {
    display: grid;
    gap: .55rem;
    min-width: 0;
}

.a75-campaign-fit-decision__form label {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.a75-campaign-fit-decision__form textarea {
    width: 100%;
    min-width: 0;
    resize: vertical;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--background);
    color: var(--foreground);
    font-size: .78rem;
    line-height: 1.45;
    padding: .58rem .65rem;
}

.a75-campaign-fit-decision__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.a75-campaign-fit-decision__actions .a75-button {
    flex: 1 1 116px;
    justify-content: center;
    min-width: 0;
    white-space: normal;
}

.a75-campaign-fit-decision__actions .a75-button.is-success {
    border-color: color-mix(in srgb, var(--success) 36%, var(--border));
    color: var(--success-strong);
}

.a75-campaign-fit-decision__actions .a75-button.is-danger {
    border-color: color-mix(in srgb, var(--danger) 34%, var(--border));
    color: var(--danger);
}

@media (max-width: 900px) {
    .intake-campaign-context {
        grid-template-columns: 1fr;
    }

    .intake-campaign-context__actions {
        justify-content: flex-start;
    }

    .intake-campaign-fit-preview__grid {
        grid-template-columns: 1fr;
    }

    .a75-campaign-fit-decision__actions .a75-button {
        flex-basis: 100%;
    }
}

/* ==================================================
   INTAKE CLARITY POLISH
================================================== */
.intake-hero-copy h1 {
    font-size: 2.75rem;
    letter-spacing: 0;
    line-height: 1.06;
}

.intake-start-steps,
.intake-start-boundary {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .9rem;
}

.intake-start-steps span,
.intake-start-boundary span {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 999px;
    display: inline-flex;
    gap: .4rem;
    min-width: 0;
    padding: .42rem .68rem;
    background: color-mix(in srgb, var(--card) 78%, transparent);
    color: var(--foreground);
    font-size: .78rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.intake-start-boundary span {
    border-color: color-mix(in srgb, var(--intake-green) 24%, var(--border));
    color: color-mix(in srgb, var(--intake-green) 78%, var(--foreground));
}

.intake-hero-actions .is-primary,
.intake-form-actions .is-primary {
    min-height: 3rem;
    box-shadow: 0 14px 30px color-mix(in srgb, var(--primary) 22%, transparent);
}

.intake-hero-actions .agency75-ui-button,
.intake-form-actions .agency75-ui-button {
    min-width: 0;
    white-space: normal;
}

.intake-primary-action-note {
    align-items: flex-start;
    border: 1px solid color-mix(in srgb, var(--primary) 26%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    margin-bottom: .85rem;
    padding: .8rem .9rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 9%, transparent), transparent 52%),
        color-mix(in srgb, var(--card) 88%, transparent);
    color: var(--foreground);
}

.intake-primary-action-note strong {
    align-items: center;
    display: flex;
    gap: .45rem;
    font-size: .9rem;
    font-weight: 850;
}

.intake-primary-action-note span {
    color: var(--muted-foreground);
    font-size: .78rem;
    line-height: 1.5;
}

.intake-quality-label {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .18rem;
    margin-top: .85rem;
    padding: .75rem;
    background: color-mix(in srgb, var(--background) 82%, transparent);
}

.intake-quality-label.is-high {
    border-color: color-mix(in srgb, var(--intake-green) 36%, var(--border));
    background: color-mix(in srgb, var(--intake-green) 10%, var(--card));
}

.intake-quality-label.is-medium {
    border-color: color-mix(in srgb, var(--intake-amber) 38%, var(--border));
    background: color-mix(in srgb, var(--intake-amber) 10%, var(--card));
}

.intake-quality-label.is-low {
    border-color: color-mix(in srgb, var(--intake-red) 32%, var(--border));
    background: color-mix(in srgb, var(--intake-red) 8%, var(--card));
}

.intake-quality-label strong,
.intake-quality-label span {
    display: block;
}

.intake-quality-label strong {
    color: var(--foreground);
    font-size: .95rem;
    font-weight: 860;
}

.intake-quality-label span {
    color: var(--muted-foreground);
    font-size: .75rem;
    line-height: 1.45;
}

.intake-understood-grid {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1rem 1.15rem 0;
}

.intake-understood-card {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: .78rem;
    background: color-mix(in srgb, var(--background) 84%, transparent);
}

.intake-understood-card.is-high {
    border-color: color-mix(in srgb, var(--intake-green) 32%, var(--border));
}

.intake-understood-card.is-medium {
    border-color: color-mix(in srgb, var(--intake-amber) 30%, var(--border));
}

.intake-understood-card.is-low {
    border-color: color-mix(in srgb, var(--intake-red) 28%, var(--border));
}

.intake-understood-card span {
    align-items: center;
    color: var(--muted-foreground);
    display: flex;
    gap: .35rem;
    font-size: .68rem;
    font-weight: 820;
    text-transform: uppercase;
}

.intake-understood-card strong {
    color: var(--foreground);
    font-size: .86rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.intake-extraction-boundary {
    margin: .9rem 1.15rem 0;
}

.intake-gap-group {
    min-width: 0;
}

@media (max-width: 1000px) {
    .intake-understood-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .intake-hero-copy h1 {
        font-size: 2.05rem;
    }
}

@media (max-width: 520px) {
    .intake-hero-copy h1 {
        font-size: 1.72rem;
        line-height: 1.12;
    }

    .intake-start-steps,
    .intake-start-boundary,
    .intake-hero-actions,
    .intake-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .intake-start-steps span,
    .intake-start-boundary span {
        border-radius: 8px;
        width: 100%;
    }

    .intake-understood-grid,
    .intake-confidence-meta {
        grid-template-columns: 1fr;
    }
}

/* ==================================================
   LEADOPS QUEUE / OWNER DASHBOARD / CEO DEMO
================================================== */
.leadops-hero,
.owner-dashboard-hero,
.demo-leadops-hero {
    position: relative;
    overflow: hidden;
}

.leadops-hero::before,
.owner-dashboard-hero::before,
.demo-leadops-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(16, 185, 129, 0.1), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,0.86), rgba(248,250,252,0.78));
    pointer-events: none;
}

.leadops-hero > *,
.owner-dashboard-hero > *,
.demo-leadops-hero > * {
    position: relative;
    z-index: 1;
}

.leadops-board-scroll {
    display: grid;
    grid-template-columns: repeat(6, minmax(280px, 1fr));
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: .35rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.leadops-board-scroll::-webkit-scrollbar {
    display: none;
}

.leadops-column {
    min-width: 280px;
    scroll-snap-align: start;
}

.leadops-card {
    min-width: 0;
}

.leadops-score-ring {
    --score: 0;
    display: grid;
    width: 76px;
    height: 76px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: conic-gradient(var(--primary) calc(var(--score) * 1%), rgba(148,163,184,.22) 0);
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.06);
    position: relative;
}

.leadops-score-ring::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 999px;
    background: var(--card);
    box-shadow: inset 0 1px 4px rgba(15,23,42,.08);
}

.leadops-score-ring span {
    position: relative;
    z-index: 1;
    color: var(--foreground);
    font-size: .95rem;
    font-weight: 800;
}

.leadops-cockpit {
    --leadops-warm: #e11d48;
    --leadops-amber: #f59e0b;
    --leadops-green: #059669;
    --leadops-blue: #2563eb;
}

.leadops-filter-card {
    overflow: hidden;
}

.leadops-filter-card summary {
    display: flex;
    min-height: 42px;
    cursor: pointer;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: var(--foreground);
    font-size: .86rem;
    font-weight: 850;
}

.leadops-filter-card summary::-webkit-details-marker {
    display: none;
}

.leadops-filter-card summary span,
.leadops-filter-card summary small {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .4rem;
}

.leadops-filter-card summary small {
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 720;
    line-height: 1.25;
}

.leadops-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: .75rem;
    padding-top: .85rem;
}

.leadops-filter-card:not([open]) > .leadops-filter-grid {
    display: none;
}

.leadops-filter-field {
    display: grid;
    min-width: 0;
    gap: .25rem;
}

.leadops-filter-field select {
    min-width: 0;
}

.leadops-filter-actions {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
}

.leadops-filter-actions .a75-button {
    min-height: 38px;
}

.leadops-filter-actions span {
    min-width: 0;
    line-height: 1.35;
}

.leadops-hero-v2 {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .72fr);
    gap: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 28px;
    background:
        radial-gradient(circle at 86% 18%, rgba(255, 138, 61, .17), transparent 32%),
        radial-gradient(circle at 12% 84%, rgba(37, 99, 235, .10), transparent 38%),
        linear-gradient(135deg, #fffaf6, var(--card) 50%, #eef6ff);
    padding: clamp(1rem, 2vw, 1.45rem);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .09);
}

.leadops-hero-v2::after {
    content: "";
    position: absolute;
    inset: auto -8% -45% 38%;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 90, 54, .11), transparent 70%);
    pointer-events: none;
}

.leadops-hero-copy,
.leadops-signal-panel {
    position: relative;
    z-index: 1;
}

.leadops-hero-copy h1 {
    max-width: 900px;
    margin: .45rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(2rem, 4.5vw, 4.25rem);
    font-weight: 850;
    letter-spacing: -.055em;
    line-height: .98;
}

.leadops-hero-copy p {
    max-width: 820px;
    margin: .9rem 0 0;
    color: var(--muted-foreground);
    font-size: .96rem;
    line-height: 1.7;
}

.leadops-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.15rem;
}

.leadops-signal-panel {
    display: grid;
    align-content: center;
    gap: 1rem;
    min-height: 250px;
    border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
    border-radius: 24px;
    background: rgba(255, 255, 255, .62);
    padding: 1rem;
    backdrop-filter: blur(12px);
}

.leadops-signal-orbit {
    display: grid;
    min-height: 128px;
    place-items: center;
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 90, 54, .14), transparent 42%),
        linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(248, 250, 252, .62));
}

.leadops-signal-orbit .agency75-logo-cloud {
    justify-content: center;
}

.leadops-signal-orbit .integration-logo {
    box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
    transform: rotate(var(--r, 0deg));
}

.leadops-sprint-card {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(248, 250, 252, .8));
    padding: .9rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.leadops-sprint-card span,
.leadops-sprint-card small {
    display: block;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.leadops-sprint-card strong {
    display: block;
    margin: .2rem 0;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 850;
}

.leadops-pipeline-card {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: var(--card);
    padding: 1rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.leadops-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.leadops-section-head h2 {
    margin: .25rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -.025em;
}

.leadops-board-v2 {
    display: grid;
    /* Wave 09: all nine strict LeadOps lanes render together; desktop can scan horizontally while mobile collapses below. */
    grid-template-columns: repeat(9, minmax(260px, 1fr));
    gap: 1rem;
    align-items: start;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: .35rem;
    scrollbar-width: none;
}

.a75-record-back-link {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--card) 92%, var(--muted));
    color: var(--muted-foreground);
    text-decoration: none;
    transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.a75-record-back-link:hover {
    border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
    background: var(--accent);
    color: var(--foreground);
}

.contact-hero-title-row {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .55rem;
}

.contact-hero-title-row .a75-entity-header__title {
    min-width: 0;
    margin: 0;
}

.leadops-board-v2::-webkit-scrollbar {
    display: none;
}

.leadops-lane {
    overflow: hidden;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .82));
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.leadops-lane.is-warm {
    border-color: color-mix(in srgb, var(--leadops-warm) 26%, var(--border));
    box-shadow: 0 14px 32px rgba(225, 29, 72, .10);
}

.leadops-lane-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .9rem;
    border-bottom: 1px solid var(--border);
    padding: .95rem;
}

.leadops-lane-head h2 {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    color: var(--foreground);
    font-size: .92rem;
    font-weight: 850;
}

.leadops-lane-head p {
    margin: .35rem 0 0;
    color: var(--muted-foreground);
    font-size: .73rem;
    line-height: 1.45;
}

.leadops-lane-use-when {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    margin-top: .45rem;
    color: color-mix(in srgb, var(--foreground) 72%, var(--muted-foreground));
    font-size: .7rem;
    line-height: 1.35;
}

.leadops-lane-use-when i {
    flex: 0 0 auto;
    margin-top: .05rem;
}

.leadops-lane-head strong {
    display: grid;
    min-width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--background);
    color: var(--foreground);
    font-size: .78rem;
}

.leadops-lane-body {
    display: grid;
    gap: .8rem;
    padding: .8rem;
}

.leadops-empty-state {
    display: grid;
    justify-items: center;
    gap: .25rem;
    border: 1px dashed var(--border);
    border-radius: 18px;
    background: rgba(255, 255, 255, .54);
    padding: 1rem;
    text-align: center;
}

.leadops-empty-state span {
    font-size: 1.45rem;
}

.leadops-empty-state strong {
    color: var(--foreground);
    font-size: .86rem;
}

.leadops-empty-state small {
    color: var(--muted-foreground);
    font-size: .72rem;
}

.leadops-work-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: rgba(255, 255, 255, .86);
    padding: .9rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.leadops-work-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--primary) 30%, var(--border));
    box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
}

.leadops-work-card.is-overdue {
    border-color: color-mix(in srgb, var(--leadops-amber) 34%, var(--border));
}

.leadops-work-card.is-warm {
    background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 241, 242, .68));
}

.leadops-work-card.is-warm::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--leadops-warm), #fb7185);
}

.leadops-card-top {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
}

.leadops-channel-mark {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--card);
    color: var(--primary);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
}

.leadops-card-kicker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 700;
}

.leadops-work-card h3 {
    overflow: hidden;
    margin: .2rem 0 0;
    color: var(--foreground);
    font-size: .98rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leadops-work-card p {
    margin: .15rem 0 0;
    color: var(--muted-foreground);
    font-size: .76rem;
    line-height: 1.45;
}

.leadops-confidence-ring {
    --score: 0;
    display: grid;
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: conic-gradient(var(--ring-color, var(--primary)) calc(var(--score) * 1%), rgba(148, 163, 184, .2) 0);
    position: relative;
}

.leadops-confidence-ring::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 999px;
    background: var(--card);
}

.leadops-confidence-ring span {
    position: relative;
    z-index: 1;
    color: var(--foreground);
    font-size: .72rem;
    font-weight: 850;
}

.leadops-confidence-ring.is-success { --ring-color: var(--leadops-green); }
.leadops-confidence-ring.is-warning { --ring-color: var(--leadops-amber); }
.leadops-confidence-ring.is-danger { --ring-color: var(--danger); }

.leadops-company-row {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    margin-top: .8rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(248, 250, 252, .72);
    padding: .5rem .6rem;
    color: var(--foreground);
    font-size: .78rem;
    font-weight: 760;
}

.leadops-company-row span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leadops-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .65rem;
}

.leadops-card-grid div {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--card);
    padding: .5rem .55rem;
}

.leadops-card-grid small {
    display: block;
    color: var(--muted-foreground);
    font-size: .65rem;
}

.leadops-card-grid strong {
    display: block;
    overflow: hidden;
    margin-top: .1rem;
    color: var(--foreground);
    font-size: .74rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leadops-channel-proof {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .55rem;
}

.leadops-channel-proof span {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 7%, var(--card));
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 999px;
    color: var(--muted-foreground);
    display: inline-flex;
    font-size: .7rem;
    font-weight: 800;
    gap: .3rem;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: .25rem .5rem;
}

.leadops-next-action {
    margin-top: .65rem;
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(239, 246, 255, .58));
    padding: .65rem;
}

.leadops-next-action div {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--foreground);
    font-size: .73rem;
}

.leadops-next-action p {
    margin-top: .35rem;
}

.leadops-missing-row {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .65rem;
}

.leadops-missing-row span,
.leadops-missing-row small {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    padding: .18rem .48rem;
    color: var(--muted-foreground);
    font-size: .67rem;
    font-weight: 720;
}

.leadops-missing-row span {
    color: var(--foreground);
}

.leadops-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
    margin-top: .75rem;
}

.leadops-primary-action {
    display: grid;
    gap: .28rem;
}

.leadops-primary-action .a75-button {
    width: 100%;
    min-height: 40px;
}

.leadops-primary-action small {
    color: var(--muted-foreground);
    font-size: .68rem;
    line-height: 1.35;
}

.leadops-secondary-actions {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--card) 94%, var(--muted));
}

.leadops-secondary-actions summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 34px;
    cursor: pointer;
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 820;
    list-style: none;
}

.leadops-secondary-actions summary::-webkit-details-marker {
    display: none;
}

.leadops-secondary-actions__body {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    border-top: 1px solid var(--border);
    padding: .55rem;
}

.leadops-secondary-actions__body a,
.leadops-secondary-actions__body button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 34px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--card);
    color: var(--foreground);
    font-size: .72rem;
    font-weight: 780;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.leadops-secondary-actions__body a:hover {
    border-color: color-mix(in srgb, var(--primary) 32%, var(--border));
    background: var(--accent);
    transform: translateY(-1px);
}

.leadops-secondary-actions__body button:disabled,
.leadops-primary-action button:disabled {
    cursor: not-allowed;
    border-style: dashed;
    color: var(--muted-foreground);
    opacity: .78;
}

.leadops-transition-form {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: .45rem;
    border: 1px dashed color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--card) 92%, var(--accent));
    padding: .6rem;
}

.leadops-transition-form label {
    display: grid;
    min-width: 0;
    gap: .28rem;
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 780;
}

.leadops-transition-form input[type="text"] {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--background);
    color: var(--foreground);
    padding: .45rem .55rem;
    font-size: .76rem;
    font-weight: 650;
}

.leadops-transition-buttons {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    gap: .38rem;
}

.leadops-secondary-actions__body .leadops-transition-buttons button {
    flex: 1 1 132px;
    min-width: 0;
    white-space: normal;
}

.leadops-transition-form small {
    color: var(--muted-foreground);
    font-size: .66rem;
    line-height: 1.35;
}

/* ==================================================
   OWNER DASHBOARD V2
================================================== */
.owner-dashboard-v2 {
    --owner-warm: #e11d48;
    --owner-success: #059669;
    --owner-amber: #f59e0b;
    --owner-blue: #2563eb;
}

.owner-executive-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    gap: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% 20%, rgba(255, 138, 61, .15), transparent 34%),
        radial-gradient(circle at 12% 86%, rgba(37, 99, 235, .10), transparent 38%),
        linear-gradient(135deg, #fffaf6, var(--card) 52%, #f1f7ff);
    padding: clamp(1rem, 2vw, 1.45rem);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .09);
}

.owner-executive-hero::after {
    content: "";
    position: absolute;
    inset: auto -10% -45% 42%;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 90, 54, .10), transparent 70%);
    pointer-events: none;
}

.owner-executive-hero > * {
    position: relative;
    z-index: 1;
}

.owner-executive-hero h1 {
    max-width: 880px;
    margin: .45rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(2rem, 4.2vw, 4rem);
    font-weight: 850;
    letter-spacing: -.055em;
    line-height: .98;
}

.owner-executive-hero p {
    max-width: 760px;
    margin: .9rem 0 0;
    color: var(--muted-foreground);
    font-size: .96rem;
    line-height: 1.7;
}

.owner-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.15rem;
}

.owner-hero-summary {
    display: grid;
    align-content: center;
    gap: .9rem;
    border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
    border-radius: 24px;
    background: rgba(255, 255, 255, .66);
    padding: 1rem;
    backdrop-filter: blur(12px);
}

.owner-summary-mini {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,250,252,.82));
    padding: .95rem;
}

.owner-summary-mini span,
.owner-summary-mini small {
    display: block;
    color: var(--muted-foreground);
    font-size: .73rem;
}

.owner-summary-mini strong {
    display: block;
    color: var(--foreground);
    font-size: 2.2rem;
    font-weight: 850;
    line-height: 1;
    margin: .25rem 0;
}

.owner-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
    gap: 1.25rem;
    align-items: start;
}

.owner-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
    gap: 1.25rem;
}

.owner-action-card-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .8rem;
}

.owner-action-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    min-height: 156px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: var(--card);
    padding: 1rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.owner-action-card:hover,
.owner-action-card:focus-visible {
    border-color: color-mix(in srgb, var(--owner-action-color, var(--primary)) 34%, var(--border));
    box-shadow: 0 16px 34px rgba(15, 23, 42, .11);
    transform: translateY(-1px);
}

.owner-action-card:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--owner-action-color, var(--primary)) 42%, transparent);
    outline-offset: 2px;
}

.owner-action-card.is-primary { --owner-action-color: var(--owner-blue); }
.owner-action-card.is-success { --owner-action-color: var(--owner-success); }
.owner-action-card.is-warning { --owner-action-color: var(--owner-amber); }
.owner-action-card.is-danger { --owner-action-color: var(--owner-warm); }

.owner-action-card__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    background: color-mix(in srgb, var(--owner-action-color, var(--primary)) 12%, white);
    color: var(--owner-action-color, var(--primary));
}

.owner-action-card__copy {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: .25rem;
}

.owner-action-card__copy em,
.owner-action-card__copy small,
.owner-action-card__source {
    overflow-wrap: anywhere;
}

.owner-action-card__copy em {
    color: var(--muted-foreground);
    font-size: .7rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

.owner-action-card__copy strong {
    color: var(--foreground);
    font-size: 2rem;
    font-weight: 850;
    line-height: 1;
}

.owner-action-card__copy small {
    color: var(--muted-foreground);
    font-size: .78rem;
    line-height: 1.35;
}

.owner-action-card__source {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    align-self: end;
    color: var(--owner-action-color, var(--primary));
    font-size: .72rem;
    font-weight: 800;
}

.owner-panel,
.owner-spotlight,
.owner-review-queue {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: var(--card);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.owner-panel.is-warning {
    border-color: color-mix(in srgb, var(--owner-amber) 28%, var(--border));
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,251,235,.76));
}

.owner-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--border);
    padding: 1rem 1.15rem;
}

.owner-panel-head h2 {
    margin: .25rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 1.16rem;
    font-weight: 820;
    letter-spacing: -.025em;
}

.owner-funnel {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    padding: 1rem;
}

.owner-funnel-step {
    position: relative;
    overflow: hidden;
    min-height: 142px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.88));
    padding: .9rem;
}

.owner-funnel-step::after {
    content: "";
    position: absolute;
    right: -34px;
    bottom: -42px;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, var(--funnel-color, var(--primary)) 20%, transparent), transparent 70%);
}

.owner-funnel-step.is-primary { --funnel-color: var(--owner-blue); }
.owner-funnel-step.is-success { --funnel-color: var(--owner-success); }
.owner-funnel-step.is-warning { --funnel-color: var(--owner-amber); }
.owner-funnel-step.is-danger { --funnel-color: var(--owner-warm); }

.owner-funnel-step > div {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--muted-foreground);
    font-size: .73rem;
    font-weight: 760;
}

.owner-funnel-step strong {
    display: block;
    position: relative;
    z-index: 1;
    margin-top: .6rem;
    color: var(--foreground);
    font-size: 2.1rem;
    font-weight: 850;
    line-height: 1;
}

.owner-funnel-step small {
    display: block;
    position: relative;
    z-index: 1;
    margin-top: .45rem;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.owner-stage-grid,
.owner-source-grid {
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.owner-stage-card {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(248, 250, 252, .7);
    padding: .85rem;
}

.owner-stage-card > div:first-child {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
}

.owner-stage-card strong {
    overflow: hidden;
    color: var(--foreground);
    font-size: .88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-stage-card em {
    color: var(--foreground);
    font-style: normal;
    font-weight: 850;
}

.owner-stage-bar {
    overflow: hidden;
    height: 7px;
    margin-top: .65rem;
    border-radius: 999px;
    background: var(--muted);
}

.owner-stage-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--primary), #ff8a3d);
}

.owner-stage-card p {
    margin: .55rem 0 0;
    color: var(--muted-foreground);
    font-size: .72rem;
}

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

.owner-source-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(248, 250, 252, .7);
    padding: .8rem;
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease;
}

.owner-source-card:hover,
.owner-source-card:focus-visible {
    border-color: color-mix(in srgb, var(--owner-blue) 28%, var(--border));
    background: rgba(239, 246, 255, .72);
}

.owner-source-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 13px;
    background: var(--primary-soft);
    color: var(--primary);
}

.owner-source-card strong,
.owner-source-card span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-source-card strong {
    color: var(--foreground);
    font-size: .86rem;
}

.owner-source-card span {
    margin-top: .12rem;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.owner-source-card em {
    color: var(--foreground);
    font-style: normal;
    font-weight: 850;
}

.owner-spotlight {
    background:
        radial-gradient(circle at 90% 8%, rgba(225, 29, 72, .16), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,241,242,.72));
}

.owner-review-queue {
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,255,.74));
}

.owner-review-queue .owner-panel-head > span {
    align-items: center;
    background: color-mix(in srgb, var(--owner-blue) 10%, white);
    border: 1px solid color-mix(in srgb, var(--owner-blue) 22%, var(--border));
    border-radius: 999px;
    color: var(--foreground);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 850;
    min-height: 1.8rem;
    padding: .2rem .6rem;
}

.owner-review-queue__list {
    display: grid;
    gap: .55rem;
    padding: 1rem 1.15rem;
}

.owner-review-queue__item {
    border: 1px solid var(--border);
    border-radius: 16px;
    display: grid;
    gap: .18rem;
    min-width: 0;
    padding: .75rem;
    text-decoration: none;
}

.owner-review-queue__item:hover {
    border-color: color-mix(in srgb, var(--owner-blue) 28%, var(--border));
}

.owner-review-queue__item strong,
.owner-review-queue__item span,
.owner-review-queue__item em {
    overflow-wrap: anywhere;
}

.owner-review-queue__item strong {
    color: var(--foreground);
    font-size: .9rem;
}

.owner-review-queue__item span,
.owner-review-queue__item em {
    color: var(--muted-foreground);
    font-size: .76rem;
    font-style: normal;
}

.owner-spotlight-body {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.15rem;
}

.owner-spotlight-avatar {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--owner-warm), #fb7185);
    color: #fff;
    font-weight: 850;
    box-shadow: 0 14px 28px rgba(225, 29, 72, .24);
}

.owner-spotlight h3 {
    margin: 0;
    color: var(--foreground);
    font-size: 1.05rem;
    font-weight: 850;
}

.owner-spotlight p {
    margin: .2rem 0 0;
    color: var(--muted-foreground);
    font-size: .78rem;
}

.owner-spotlight-action {
    margin: 0 1.15rem 1rem;
    border: 1px solid color-mix(in srgb, var(--owner-warm) 20%, var(--border));
    border-radius: 18px;
    background: rgba(255,255,255,.72);
    padding: .85rem;
}

.owner-spotlight-action span {
    color: var(--muted-foreground);
    font-size: .7rem;
    font-weight: 760;
    text-transform: uppercase;
}

.owner-spotlight-action strong {
    display: block;
    margin-top: .25rem;
    color: var(--foreground);
    font-size: .88rem;
    line-height: 1.45;
}

.owner-spotlight-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    padding: 0 1.15rem 1rem;
}

.owner-spotlight-meta span {
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    padding: .18rem .5rem;
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 740;
}

.owner-overdue-list {
    display: grid;
    gap: .6rem;
    padding: 1rem 1.15rem;
}

.owner-overdue-list div {
    border: 1px solid color-mix(in srgb, var(--owner-amber) 22%, var(--border));
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    padding: .75rem;
}

.owner-overdue-list strong,
.owner-overdue-list span {
    display: block;
}

.owner-overdue-list strong {
    color: var(--foreground);
    font-size: .86rem;
}

.owner-overdue-list span {
    margin-top: .18rem;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.owner-weekly-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: 1rem 1.15rem .4rem;
}

.owner-weekly-grid div {
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(248, 250, 252, .72);
    padding: .75rem;
}

.owner-weekly-grid span {
    display: block;
    color: var(--muted-foreground);
    font-size: .7rem;
}

.owner-weekly-grid strong {
    display: block;
    margin-top: .15rem;
    color: var(--foreground);
    font-size: 1.35rem;
    font-weight: 850;
}

.owner-weekly-note {
    margin: 0;
    padding: .5rem 1.15rem 1rem;
    color: var(--muted-foreground);
    font-size: .74rem;
    line-height: 1.5;
}

.owner-activity-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: .75rem;
    overflow-x: auto;
    padding: 1rem;
    scrollbar-width: none;
}

.owner-activity-strip::-webkit-scrollbar {
    display: none;
}

.owner-activity-item {
    min-height: 156px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(248, 250, 252, .72);
    padding: .8rem;
}

.owner-activity-item > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 13px;
}

.owner-activity-item strong,
.owner-activity-item small,
.owner-activity-item em {
    display: block;
}

.owner-activity-item strong {
    margin-top: .7rem;
    color: var(--foreground);
    font-size: .84rem;
}

.owner-activity-item small {
    margin-top: .25rem;
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.4;
}

.owner-activity-item em {
    margin-top: .55rem;
    color: var(--primary);
    font-size: .68rem;
    font-style: normal;
    font-weight: 800;
}

.owner-proof-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8rem;
    padding: 1rem;
}

.owner-proof-grid > div {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(248, 250, 252, .72);
    padding: .9rem;
}

.owner-proof-grid h3 {
    margin: 0 0 .65rem;
    color: var(--foreground);
    font-size: .92rem;
    font-weight: 850;
}

.owner-proof-grid p {
    margin: .45rem 0 0;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--card);
    padding: .55rem;
    color: var(--muted-foreground);
    font-size: .74rem;
    line-height: 1.45;
}

.owner-empty {
    grid-column: 1 / -1;
    border: 1px dashed var(--border);
    border-radius: 18px;
    padding: 1rem;
    color: var(--muted-foreground);
    text-align: center;
}

.demo-leadops-summary {
    backdrop-filter: blur(10px);
}

.demo-leadops-pipeline {
    overflow: hidden;
}

.demo-leadops-pipeline-track {
    display: grid;
    grid-template-columns: repeat(8, minmax(145px, 1fr));
    gap: .75rem;
    overflow-x: auto;
    padding-bottom: .2rem;
    scrollbar-width: none;
}

.demo-leadops-pipeline-track::-webkit-scrollbar {
    display: none;
}

.demo-leadops-pipeline-node {
    position: relative;
    display: grid;
    min-height: 88px;
    align-content: center;
    justify-items: center;
    gap: .45rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.9));
    box-shadow: 0 8px 22px rgba(15,23,42,.07);
    animation: demoLeadopsFloat 4.2s ease-in-out infinite;
    animation-delay: calc(var(--delay) * .18s);
}

.demo-leadops-pipeline-node:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.75rem;
    width: .75rem;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), transparent);
}

.demo-leadops-node-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: .9rem;
    background: rgba(255,59,48,.08);
    font-size: 1.12rem;
}

.demo-leadops-node-label {
    text-align: center;
    color: var(--foreground);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
}

.demo-leadops-step {
    min-width: 0;
    opacity: 0;
    transform: translateY(8px);
    animation: demoLeadopsIn .55s ease forwards;
    animation-delay: calc(var(--delay) * .08s);
}

.demo-leadops-step pre {
    max-width: 100%;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.demo-leadops-sidebar {
    align-self: start;
    position: sticky;
    top: 5.5rem;
}

@keyframes demoLeadopsIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes demoLeadopsFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

@media (max-width: 1280px) {
    .intake-hero,
    .intake-workspace,
    .intake-handoff-grid,
    .intake-bottom-grid {
        grid-template-columns: 1fr;
    }

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

    .intake-flow-track {
        display: flex;
        scroll-snap-type: x mandatory;
    }

    .intake-flow-node {
        min-width: 150px;
        scroll-snap-align: start;
    }

    .owner-executive-hero,
    .owner-dashboard-grid,
    .owner-bottom-grid {
        grid-template-columns: 1fr;
    }

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

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

    .leadops-hero-v2 {
        grid-template-columns: 1fr;
    }

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

    .leadops-board-v2 {
        display: flex;
        overflow-x: auto;
        padding-bottom: .35rem;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .leadops-board-v2::-webkit-scrollbar {
        display: none;
    }

    .leadops-lane {
        min-width: 310px;
        scroll-snap-align: start;
    }

    .leadops-board-scroll {
        grid-template-columns: repeat(6, minmax(270px, 320px));
    }

    .demo-leadops-pipeline-track {
        display: flex;
        scroll-snap-type: x mandatory;
    }

    .demo-leadops-pipeline-node {
        min-width: 160px;
        scroll-snap-align: start;
    }
}

@media (max-width: 1024px) {
    .owner-source-grid {
        grid-template-columns: 1fr;
    }

    .owner-activity-strip {
        display: flex;
        scroll-snap-type: x mandatory;
    }

    .owner-activity-item {
        min-width: 190px;
        scroll-snap-align: start;
    }

    .demo-leadops-sidebar {
        position: static;
    }
}

@media (max-width: 640px) {
    .intake-hero {
        border-radius: 22px;
        padding: 1rem;
    }

    .intake-hero-copy h1 {
        font-size: 2.15rem;
        letter-spacing: -.04em;
    }

    .intake-hero-actions,
    .intake-form-actions {
        display: grid;
    }

    .intake-method-grid,
    .intake-extract-grid,
    .intake-confidence-meta,
    .intake-result-grid {
        grid-template-columns: 1fr;
    }

    .intake-section-head,
    .intake-card-head {
        flex-direction: column;
    }

    .intake-raw-form textarea {
        min-height: 220px;
    }

    .owner-executive-hero {
        border-radius: 22px;
        padding: 1rem;
    }

    .owner-executive-hero h1 {
        font-size: 2.15rem;
        letter-spacing: -.04em;
    }

    .owner-hero-actions {
        display: grid;
    }

    .owner-funnel,
    .owner-action-card-grid,
    .owner-weekly-grid,
    .owner-proof-grid {
        grid-template-columns: 1fr;
    }

    .owner-panel-head {
        flex-direction: column;
    }

    .owner-stage-card > div:first-child,
    .owner-source-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .owner-stage-card em,
    .owner-source-card em {
        grid-column: 2;
    }

    .owner-spotlight-body {
        align-items: flex-start;
    }

    .leadops-hero-v2 {
        border-radius: 22px;
        padding: 1rem;
    }

    .leadops-hero-copy h1 {
        font-size: 2.25rem;
    }

    .leadops-signal-panel {
        min-height: auto;
    }

    .leadops-filter-card {
        padding: .85rem;
    }

    .leadops-filter-card summary {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .leadops-filter-actions {
        display: grid;
    }

    .leadops-filter-actions .a75-button {
        width: 100%;
    }

    .leadops-section-head {
        flex-direction: column;
    }

    .leadops-board-v2 {
        display: grid;
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .leadops-lane {
        min-width: 0;
    }

    .leadops-card-top {
        align-items: flex-start;
    }

    .leadops-confidence-ring {
        width: 48px;
        height: 48px;
    }

    .leadops-board-scroll {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .leadops-column {
        min-width: 0;
    }

    .demo-leadops-step pre {
        max-height: 16rem;
    }
}

/* ==================================================
   A75 COMPONENT CONTRACT — COMPACT SHARED UI PASS
   Source: /admin/ui-kit live component review.
   Purpose: make common pills, chips, and shared action controls quieter
   across real Agency75 CRM screens when they use shared classes/helpers.
================================================== */

.agency75-status-pill,
.a75-status-pill,
.crm-badge,
.record-list-status-pill,
.record-list-stage-pill,
.connector-card-meta span,
.a75-hero-badges span,
.a75-hero-status-line span {
    gap: 0.26rem;
    padding: 0.18rem 0.48rem;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.005em;
}

.agency75-status-pill svg,
.agency75-status-pill i,
.a75-status-pill svg,
.a75-status-pill i {
    width: 0.75rem !important;
    height: 0.75rem !important;
}

.agency75-ui-button {
    padding: 0.54rem 0.76rem;
    font-size: 0.8rem;
    font-weight: 650;
    border-radius: 11px;
}

.crm-action-btn,
.a75-rbac-btn {
    font-weight: 650;
}

.contact-tab-button,
.crm-tab-button {
    font-weight: 650;
}

/* ==================================================
   RECORD VIEW UI KIT TAB HARMONIZATION
================================================== */

.contact-cockpit-grid,
.company-view-shell,
.contact-cockpit-main,
.contact-cockpit-tabs,
.company-cockpit-tabs {
    min-width: 0;
    max-width: 100%;
}

.contact-cockpit-main {
    overflow: hidden;
}

.contact-cockpit-tabs,
.company-cockpit-tabs {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    position: relative;
}

.contact-tab-strip,
.company-tab-strip,
.contact-tab-strip.a75-tabs__list,
.company-tab-strip.a75-tabs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--a75-space-2);
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--a75-space-3);
    padding: 0 0 var(--a75-space-2);
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid var(--a75-border-subtle);
    background: transparent;
    scrollbar-width: thin;
    overscroll-behavior-inline: contain;
}

.contact-tab-strip::-webkit-scrollbar,
.company-tab-strip::-webkit-scrollbar {
    display: block;
    height: 6px;
}

.contact-tab-button.a75-tabs__tab,
.company-tab-button.a75-tabs__tab {
    flex: 0 0 auto;
    min-height: 2.35rem;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    background: var(--a75-surface-card);
    color: var(--a75-text-muted);
    padding: 0.46rem 0.72rem;
    font-size: var(--a75-text-sm);
    font-weight: 750;
    line-height: 1.1;
    white-space: nowrap;
    box-shadow: none;
    transform: none;
}

.contact-tab-button.a75-tabs__tab:hover,
.company-tab-button.a75-tabs__tab:hover {
    border-color: color-mix(in srgb, var(--a75-color-primary) 24%, var(--a75-border-subtle));
    background: var(--a75-surface-muted);
    color: var(--a75-text-strong);
}

.contact-tab-button.a75-tabs__tab.is-active,
.company-tab-button.a75-tabs__tab.is-active {
    border-color: color-mix(in srgb, var(--a75-color-primary) 38%, var(--a75-border-subtle));
    background: var(--a75-tone-primary-soft);
    color: var(--a75-color-primary);
    box-shadow: none;
}

.contact-tab-button.a75-tabs__tab .tab-icon,
.company-tab-button.a75-tabs__tab .tab-icon,
.contact-tab-button.a75-tabs__tab.is-active .tab-icon,
.company-tab-button.a75-tabs__tab.is-active .tab-icon {
    width: 1rem;
    height: 1rem;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: currentColor;
    stroke-width: 2.15;
}

.contact-tab-button.a75-tabs__tab .tab-count,
.company-tab-button.a75-tabs__tab .tab-count {
    display: inline-grid;
    min-width: 1.1rem;
    height: 1.1rem;
    place-items: center;
    border-radius: var(--a75-radius-pill);
    background: color-mix(in srgb, currentColor 12%, transparent);
    color: currentColor;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
}

@media (max-width: 760px) {
    .contact-tab-strip,
    .company-tab-strip,
    .contact-tab-strip.a75-tabs__list,
    .company-tab-strip.a75-tabs__list {
        flex-wrap: nowrap;
        margin-inline: -0.25rem;
        padding-inline: 0.25rem;
    }
}

@media (max-width: 430px) {
    .agency75-status-pill,
    .a75-status-pill,
    .crm-badge,
    .record-list-status-pill,
    .record-list-stage-pill,
    .connector-card-meta span,
    .a75-hero-badges span,
    .a75-hero-status-line span {
        font-size: 0.64rem;
        padding: 0.16rem 0.42rem;
    }
}
/* ==================================================
   RECORD INTELLIGENCE AND LOCAL API HEALTH
================================================== */
.a75-record-context-form {
  overflow: hidden;
}

.a75-suggestion-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 0.45rem;
  border: 1px solid hsl(var(--primary) / 0.25);
  border-radius: 999px;
  background: hsl(var(--primary) / 0.08);
  color: hsl(var(--primary));
  padding: 0.15rem 0.55rem;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.leadops-intel-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.75rem;
}

.leadops-intel-badges span {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: 0.3rem;
  border: 1px solid hsl(var(--border));
  border-radius: 999px;
  background: hsl(var(--muted) / 0.35);
  color: hsl(var(--foreground));
  padding: 0.25rem 0.55rem;
  font-size: 0.72rem;
  line-height: 1.15;
}

.leadops-intel-badges.is-muted span {
  color: hsl(var(--muted-foreground));
}

.a75-local-api-panel {
  min-width: 0;
}

.a75-local-api-card {
  min-width: 0;
}

.a75-health-bulb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--muted) / 0.35);
  color: hsl(var(--muted-foreground));
  flex: 0 0 auto;
}

.a75-health-bulb.is-green {
  border-color: rgb(34 197 94 / 0.35);
  background: rgb(34 197 94 / 0.12);
  color: rgb(21 128 61);
  box-shadow: 0 0 0 3px rgb(34 197 94 / 0.08);
}

.a75-health-bulb.is-yellow {
  border-color: rgb(245 158 11 / 0.38);
  background: rgb(245 158 11 / 0.12);
  color: rgb(180 83 9);
}

.a75-health-bulb.is-red {
  border-color: rgb(239 68 68 / 0.35);
  background: rgb(239 68 68 / 0.11);
  color: rgb(185 28 28);
}

.a75-health-bulb.is-blue {
  border-color: rgb(59 130 246 / 0.35);
  background: rgb(59 130 246 / 0.11);
  color: rgb(37 99 235);
}

.a75-health-bulb.is-gray {
  color: hsl(var(--muted-foreground));
}

html.a75crm-dark .a75-health-bulb.is-green {
  color: rgb(134 239 172);
}

html.a75crm-dark .a75-health-bulb.is-yellow {
  color: rgb(252 211 77);
}

html.a75crm-dark .a75-health-bulb.is-red {
  color: rgb(252 165 165);
}

html.a75crm-dark .a75-health-bulb.is-blue {
  color: rgb(147 197 253);
}

.a75-local-api-wizard-panel {
  width: min(calc(100vw - 2rem), 64rem);
}

.a75-local-api-log-panel {
  width: min(calc(100vw - 2rem), 58rem);
}

.a75-local-api-wizard {
  display: grid;
  gap: 1.1rem;
}

.a75-local-api-wizard__intro {
  display: grid;
  gap: .35rem;
  border: 1px solid hsl(var(--border));
  border-radius: .85rem;
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--muted) / .24));
  padding: 1rem;
}

.a75-local-api-wizard__eyebrow {
  color: hsl(var(--primary));
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.a75-local-api-wizard__headline {
  color: hsl(var(--foreground));
  font-size: 1.05rem;
  font-weight: 800;
}

.a75-local-api-wizard__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.a75-local-api-wizard__step-item {
  min-width: 0;
}

.a75-local-api-wizard__step {
  display: flex;
  width: 100%;
  min-height: 4.75rem;
  align-items: flex-start;
  gap: .65rem;
  border: 1px solid hsl(var(--border));
  border-radius: .8rem;
  background: hsl(var(--background));
  color: hsl(var(--muted-foreground));
  padding: .7rem;
  text-align: left;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.a75-local-api-wizard__step-number {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  background: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
  font-size: .72rem;
  font-weight: 800;
}

.a75-local-api-wizard__step-copy {
  display: grid;
  min-width: 0;
  gap: .15rem;
}

.a75-local-api-wizard__step-title {
  color: hsl(var(--foreground));
  font-size: .78rem;
  font-weight: 600;
}

.a75-local-api-wizard__step-subtitle {
  color: hsl(var(--muted-foreground));
  font-size: .68rem;
  line-height: 1.35;
}

.a75-local-api-wizard__step.is-active {
  border-color: hsl(var(--primary) / .45);
  background: hsl(var(--primary) / .1);
  box-shadow: 0 0 0 3px hsl(var(--primary) / .08);
  color: hsl(var(--foreground));
}

.a75-local-api-wizard__step.is-active .a75-local-api-wizard__step-number {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.a75-local-api-wizard__step.is-complete .a75-local-api-wizard__step-number {
  background: rgb(34 197 94 / .16);
  color: rgb(22 163 74);
}

.a75-local-api-wizard__panel {
  display: grid;
  gap: .85rem;
  min-height: 21rem;
  align-content: start;
}

.a75-local-api-wizard__panel-title {
  margin: 0;
  color: hsl(var(--foreground));
  font-size: 1rem;
  font-weight: 800;
}

.a75-local-api-wizard__copy,
.a75-local-api-wizard__hint {
  margin: 0;
  color: hsl(var(--muted-foreground));
  font-size: .85rem;
  line-height: 1.55;
}

.a75-local-api-wizard__guardrail {
  margin: 0;
  border: 1px solid rgb(59 130 246 / .24);
  border-radius: .8rem;
  background: rgb(59 130 246 / .07);
  color: hsl(var(--foreground));
  padding: .85rem 1rem;
  font-size: .82rem;
  line-height: 1.5;
}

.a75-local-api-wizard__field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: .85rem;
}

.a75-local-api-wizard__field {
  display: grid;
  gap: .35rem;
}

.a75-local-api-wizard__label {
  color: hsl(var(--foreground));
  font-size: .8rem;
  font-weight: 600;
}

.a75-local-api-wizard__mini-action {
  width: fit-content;
  border: 1px solid hsl(var(--border));
  border-radius: .55rem;
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  padding: .45rem .65rem;
  font-size: .72rem;
  font-weight: 700;
}

.a75-local-api-wizard__mini-action:hover {
  background: hsl(var(--accent));
}

.a75-local-api-wizard__facts {
  display: grid;
  grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid hsl(var(--border));
  border-radius: .75rem;
}

.a75-local-api-wizard__facts dt,
.a75-local-api-wizard__facts dd {
  margin: 0;
  border-bottom: 1px solid hsl(var(--border));
  padding: .75rem;
  font-size: .8rem;
}

.a75-local-api-wizard__facts dt {
  background: hsl(var(--muted) / .35);
  color: hsl(var(--foreground));
  font-weight: 700;
}

.a75-local-api-wizard__facts dd {
  color: hsl(var(--muted-foreground));
  overflow-wrap: anywhere;
}

.a75-local-api-wizard__facts--debug {
  max-height: 18rem;
  overflow: auto;
}

.a75-local-api-wizard__facts--compact {
  margin-top: .65rem;
  grid-template-columns: minmax(7rem, 10rem) minmax(0, 1fr);
}

.a75-local-api-wizard__facts dt:nth-last-child(2),
.a75-local-api-wizard__facts dd:last-child {
  border-bottom: 0;
}

.a75-local-api-wizard__result {
  display: grid;
  gap: .25rem;
  border: 1px solid hsl(var(--border));
  border-radius: .75rem;
  background: hsl(var(--muted) / .22);
  padding: .85rem 1rem;
}

.a75-local-api-wizard__result strong {
  color: hsl(var(--foreground));
  font-size: .9rem;
}

.a75-local-api-wizard__result span {
  color: hsl(var(--muted-foreground));
  font-size: .8rem;
  line-height: 1.45;
}

.a75-local-api-wizard__result.is-running {
  border-color: rgb(59 130 246 / .35);
  background: rgb(59 130 246 / .08);
}

.a75-local-api-wizard__result.is-success {
  border-color: rgb(34 197 94 / .35);
  background: rgb(34 197 94 / .08);
}

.a75-local-api-wizard__result.is-error {
  border-color: rgb(239 68 68 / .35);
  background: rgb(239 68 68 / .08);
}

.a75-local-api-wizard__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  width: 100%;
}

.a75-local-api-wizard__actions-left,
.a75-local-api-wizard__actions-right {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.a75-local-api-wizard__pre {
  max-height: 18rem;
  overflow: auto;
  margin: 0;
  border: 1px solid hsl(var(--border));
  border-radius: .75rem;
  background: hsl(var(--muted) / .28);
  color: hsl(var(--foreground));
  padding: .85rem;
  font-size: .74rem;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}

.a75-local-api-log-modal {
  display: grid;
  gap: 1rem;
}

.a75-local-api-log-list {
  display: grid;
  gap: .75rem;
  max-height: min(58vh, 36rem);
  overflow: auto;
  padding-right: .15rem;
}

.a75-local-api-log-entry {
  display: grid;
  gap: .55rem;
  border: 1px solid hsl(var(--border));
  border-radius: .85rem;
  background: hsl(var(--background));
  padding: .85rem;
}

.a75-local-api-log-entry__head,
.a75-local-api-log-entry__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  justify-content: space-between;
}

.a75-local-api-log-entry__head strong {
  color: hsl(var(--foreground));
  font-size: .88rem;
}

.a75-local-api-log-entry__status,
.a75-local-api-log-entry__meta span {
  border-radius: 999px;
  background: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
  padding: .2rem .55rem;
  font-size: .7rem;
  font-weight: 700;
}

.a75-local-api-log-entry__summary,
.a75-local-api-log-entry__error {
  margin: 0;
  font-size: .8rem;
  line-height: 1.45;
}

.a75-local-api-log-entry__summary {
  color: hsl(var(--muted-foreground));
}

.a75-local-api-log-entry__error {
  border-radius: .65rem;
  background: rgb(239 68 68 / .08);
  color: rgb(220 38 38);
  padding: .55rem .65rem;
}

.a75-local-api-log-entry__details summary {
  cursor: pointer;
  color: hsl(var(--foreground));
  font-size: .78rem;
  font-weight: 700;
}

@media (max-width: 820px) {
  .a75-local-api-wizard__steps {
    grid-template-columns: 1fr;
  }

  .a75-local-api-wizard__step {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .a75-local-api-wizard__facts {
    grid-template-columns: 1fr;
  }

  .a75-local-api-wizard__facts dt:nth-last-child(2) {
    border-bottom: 1px solid hsl(var(--border));
  }

  .a75-local-api-wizard__actions,
  .a75-local-api-wizard__actions-left,
  .a75-local-api-wizard__actions-right {
    width: 100%;
  }

  .a75-local-api-wizard__actions-right {
    justify-content: flex-end;
  }
}
/* ==================================================
   SMART PASTE
================================================== */
.smart-paste-card {
    margin-bottom: 1rem;
    padding: 1rem;
}

.smart-paste-card__head,
.smart-paste-summary,
.smart-paste-suggestion__top,
.smart-paste-suggestion__actions,
.smart-paste-applybar {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.smart-paste-card__head h2 {
    color: hsl(var(--foreground));
    font-size: 1rem;
    font-weight: 700;
    margin: .15rem 0;
}

.smart-paste-card__head p,
.smart-paste-note {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    margin: 0;
}

.smart-paste-card__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    margin-top: 1rem;
}

.smart-paste-textarea {
    min-height: 10rem;
    resize: vertical;
}

.smart-paste-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.smart-paste-card__results {
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    min-height: 12rem;
    overflow: hidden;
}

.smart-paste-empty {
    align-items: center;
    color: hsl(var(--muted-foreground));
    display: flex;
    gap: .5rem;
    min-height: 8rem;
    padding: 1rem;
}

.smart-paste-summary {
    background: hsl(var(--muted) / .35);
    border-bottom: 1px solid hsl(var(--border));
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    padding: .65rem .75rem;
}

.smart-paste-confidence {
    color: hsl(var(--foreground));
    font-weight: 700;
}

.smart-paste-warning {
    color: hsl(var(--warning, 38 92% 50%));
    font-weight: 700;
}

.smart-paste-duplicate-review {
    display: grid;
    gap: .75rem;
    border-bottom: 1px solid hsl(var(--border));
    background: color-mix(in srgb, hsl(var(--warning, 38 92% 50%)) 8%, hsl(var(--card)));
    padding: .75rem;
}

.smart-paste-duplicate-review__head {
    display: grid;
    gap: .2rem;
}

.smart-paste-duplicate-review__head strong,
.smart-paste-duplicate-group h4 {
    color: hsl(var(--foreground));
    font-size: .82rem;
    font-weight: 800;
    margin: 0;
}

.smart-paste-duplicate-review__head span,
.smart-paste-duplicate-card span,
.smart-paste-duplicate-card small {
    color: hsl(var(--muted-foreground));
    font-size: .74rem;
    line-height: 1.45;
}

.smart-paste-duplicate-group {
    display: grid;
    gap: .5rem;
}

.smart-paste-duplicate-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    border: 1px solid hsl(var(--border));
    border-radius: .7rem;
    background: hsl(var(--background));
    padding: .65rem;
}

.smart-paste-duplicate-card strong,
.smart-paste-duplicate-card span,
.smart-paste-duplicate-card small {
    display: block;
    overflow-wrap: anywhere;
}

.smart-paste-duplicate-card__links,
.smart-paste-duplicate-decisions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.smart-paste-duplicate-card__links a {
    color: hsl(var(--primary));
    font-size: .74rem;
    font-weight: 760;
    text-decoration: none;
}

.smart-paste-duplicate-decisions {
    grid-column: 1 / -1;
}

.smart-paste-duplicate-decisions label {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid hsl(var(--border));
    border-radius: .55rem;
    background: hsl(var(--card));
    color: hsl(var(--foreground));
    cursor: pointer;
    font-size: .75rem;
    font-weight: 760;
    padding: .42rem .55rem;
}

.smart-paste-applybar .a75-button:disabled {
    cursor: not-allowed;
    opacity: .62;
}

.smart-paste-group {
    padding: .75rem;
}

.smart-paste-group + .smart-paste-group {
    border-top: 1px solid hsl(var(--border));
}

.smart-paste-group h3 {
    color: hsl(var(--foreground));
    font-size: .8rem;
    font-weight: 700;
    margin: 0 0 .55rem;
}

.smart-paste-suggestion {
    border: 1px solid hsl(var(--border));
    border-radius: .65rem;
    margin-top: .5rem;
    padding: .65rem;
}

.smart-paste-suggestion.is-rejected {
    opacity: .55;
}

.smart-paste-suggestion__top {
    color: hsl(var(--muted-foreground));
    font-size: .75rem;
}

.smart-paste-suggestion__value {
    color: hsl(var(--foreground));
    font-size: .85rem;
    font-weight: 600;
    margin: .45rem 0;
    overflow-wrap: anywhere;
}

.smart-paste-suggestion__fields {
    display: none;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smart-paste-suggestion.is-editing .smart-paste-suggestion__fields {
    display: grid;
}

.smart-paste-suggestion__field span {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .68rem;
    margin-bottom: .2rem;
}

.smart-paste-suggestion__field input {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--border));
    border-radius: .45rem;
    color: hsl(var(--foreground));
    font-size: .78rem;
    padding: .45rem .55rem;
    width: 100%;
}

.smart-paste-suggestion__actions {
    justify-content: flex-end;
    margin-top: .45rem;
}

.smart-paste-suggestion__actions button {
    color: hsl(var(--muted-foreground));
    font-size: .75rem;
    font-weight: 700;
}

.smart-paste-applybar {
    border-top: 1px solid hsl(var(--border));
    padding: .75rem;
}

.smart-paste-review-modal {
    display: grid;
    gap: .75rem;
}

.smart-paste-review-row {
    border: 1px solid hsl(var(--border));
    border-radius: .65rem;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .75rem;
}

.smart-paste-review-row strong,
.smart-paste-review-row span {
    display: block;
}

.smart-paste-review-row span {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.smart-paste-review-row__choices {
    align-content: center;
    display: grid;
    gap: .35rem;
}

.smart-paste-review-row__choices label {
    align-items: center;
    color: hsl(var(--foreground));
    display: flex;
    font-size: .78rem;
    gap: .35rem;
    white-space: nowrap;
}

.contextual-enrichment-paste__context {
    margin-top: .25rem !important;
}

.contextual-enrichment-suggestion__values {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contextual-enrichment-suggestion__values div {
    background: hsl(var(--muted) / .25);
    border: 1px solid hsl(var(--border));
    border-radius: .55rem;
    padding: .5rem;
}

.contextual-enrichment-suggestion__values span {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .68rem;
    font-weight: 700;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.contextual-enrichment-suggestion__values strong,
.contextual-enrichment-suggestion__evidence {
    overflow-wrap: anywhere;
}

.contextual-enrichment-suggestion__values strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: .78rem;
    line-height: 1.35;
}

.contextual-enrichment-suggestion__evidence {
    color: hsl(var(--muted-foreground));
    font-size: .75rem;
    line-height: 1.45;
    margin: .5rem 0 0;
}

.contextual-enrichment-unmapped {
    background: hsl(var(--muted) / .18);
}

.contextual-enrichment-saved {
    align-items: flex-start;
    flex-direction: column;
}

/* ==================================================
   AI ACTION + MEDIA IDENTITY DRAWERS
================================================== */
.a75-ai-drawer,
.a75-media-drawer,
.a75-ai-experience {
    display: grid;
    gap: 1rem;
}

.a75-ai-experience-shell {
    width: min(calc(100vw - 2rem), 68rem);
}

.a75-ai-experience-shell .a75-modal-panel__body {
    padding: 0;
}

.a75-ai-experience-drawer {
    width: min(calc(100vw - 1rem), 42rem);
}

.a75-ai-experience-drawer .a75-drawer-panel__body {
    padding: 0;
}

.a75-ai-intent,
.a75-ai-runner,
.a75-ai-drawer__result {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.a75-ai-intent__top,
.a75-ai-start-row,
.a75-ai-draft-channel {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: space-between;
}

.a75-ai-record-label {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.a75-ai-intent h2 {
    color: hsl(var(--foreground));
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 800;
    line-height: 1.15;
    margin: .15rem 0 0;
}

.a75-ai-intent > p {
    color: hsl(var(--muted-foreground));
    font-size: .95rem;
    line-height: 1.6;
    margin: 0;
    max-width: 44rem;
}

/* Campaign-aware AI prompt context stays compact so it can appear in contact,
   company, and LeadOps drawers without implying AI has accepted CRM changes. */
.a75-ai-campaign-context {
    align-items: flex-start;
    background: hsl(var(--muted) / .24);
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    display: grid;
    gap: .35rem;
    padding: .75rem .85rem;
}

.a75-ai-campaign-context.is-ready {
    background: hsl(142 61% 42% / .08);
    border-color: hsl(142 61% 42% / .24);
}

.a75-ai-campaign-context.is-warning {
    background: hsl(var(--warning, 38 92% 50%) / .08);
    border-color: hsl(var(--warning, 38 92% 50%) / .24);
}

.a75-ai-campaign-context > span {
    align-items: center;
    color: hsl(var(--foreground));
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .45rem;
}

.a75-ai-campaign-context small {
    color: hsl(var(--muted-foreground));
    font-size: .76rem;
    line-height: 1.45;
}

/* ==================================================
   CAMPAIGN-AWARE DRAFT ACTION LAYER
================================================== */
/* Draft panels are intentionally framed as editable review surfaces. The send
   controls stay visibly separate because outbound messaging has real external
   blast radius and must remain human-confirmed, never AI-triggered. */
.a75-campaign-draft-section {
    display: grid;
    gap: 1rem;
}

.a75-campaign-draft-panel {
    background: hsl(var(--muted) / .16);
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
    padding: .9rem;
}

.a75-campaign-draft-panel[hidden] {
    display: none !important;
}

.a75-campaign-draft-panel.is-compact {
    background: color-mix(in srgb, var(--background) 88%, transparent);
    border-color: color-mix(in srgb, var(--primary) 18%, var(--border));
}

.a75-campaign-draft-panel__head,
.a75-campaign-draft-panel__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: space-between;
}

.a75-campaign-draft-panel__head > span:not(.a75-status-pill) {
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--muted-foreground));
    font-size: .76rem;
    font-weight: 700;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: .25rem .55rem;
}

.a75-campaign-draft-panel__text {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    color: hsl(var(--foreground));
    font-size: .9rem;
    line-height: 1.6;
    min-height: 9rem;
    padding: .8rem;
    resize: vertical;
    width: 100%;
}

.a75-campaign-draft-panel__send {
    align-items: end;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(7rem, .65fr) minmax(12rem, 1.35fr) auto;
}

.a75-campaign-draft-panel__send .a75-field-label {
    gap: .35rem;
    min-width: 0;
}

.a75-campaign-draft-panel__send[data-outreach-manual-log-controls] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.a75-campaign-draft-panel__guardrail {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .76rem;
    line-height: 1.45;
}

.a75-campaign-draft-panel__actions small {
    color: hsl(var(--muted-foreground));
    font-size: .76rem;
    line-height: 1.4;
}

.a75-outreach-confirm {
    display: grid;
    gap: .9rem;
}

.a75-outreach-confirm__facts {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    margin: 0;
}

.a75-outreach-confirm__facts div {
    border: 1px solid hsl(var(--border));
    border-radius: .65rem;
    background: hsl(var(--muted) / .18);
    min-width: 0;
    padding: .65rem;
}

.a75-outreach-confirm__facts dt {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 700;
    margin: 0 0 .2rem;
    text-transform: uppercase;
}

.a75-outreach-confirm__facts dd {
    color: hsl(var(--foreground));
    font-size: .88rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.a75-outreach-confirm__label {
    color: hsl(var(--foreground));
    font-size: .85rem;
}

.a75-outreach-confirm__preview {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    color: hsl(var(--foreground));
    font-family: inherit;
    font-size: .9rem;
    line-height: 1.55;
    margin: 0;
    max-height: min(18rem, 42vh);
    overflow: auto;
    padding: .8rem;
    white-space: pre-wrap;
}

.a75-outreach-confirm__footer {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

/* ==================================================
   MANUAL SEND MODE
================================================== */
/* Manual Send Mode is a receipt workflow, not an outbound provider surface.
   Layout constraints keep contact data, draft text, and action buttons from
   overflowing narrow operator screens while preserving a scannable cockpit. */
.manual-send-screen {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 1180px;
    min-width: 0;
}

.manual-send-empty,
.manual-send-hero,
.manual-send-receipt,
.manual-send-form,
.manual-send-side > .a75-card {
    border-radius: .5rem;
}

.manual-send-empty,
.manual-send-hero {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.manual-send-empty h1,
.manual-send-hero h1,
.manual-send-form h2 {
    color: hsl(var(--foreground));
    font-size: 1.7rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.1;
    margin: .2rem 0;
}

.manual-send-form h2 {
    font-size: 1.15rem;
}

.manual-send-empty p,
.manual-send-hero p {
    color: hsl(var(--muted-foreground));
    line-height: 1.55;
    margin: 0;
    max-width: 48rem;
}

.manual-send-hero__copy,
.manual-send-form,
.manual-send-side,
.manual-send-side-list,
.manual-send-guardrail {
    min-width: 0;
}

.manual-send-hero__actions,
.manual-send-copy-row,
.manual-send-submit-row,
.manual-send-hero__facts {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.manual-send-hero__facts span,
.manual-send-receipt span,
.manual-send-submit-row span,
.manual-send-copy-row small {
    color: hsl(var(--muted-foreground));
    font-size: .82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.manual-send-hero__facts span {
    align-items: center;
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    display: inline-flex;
    gap: .4rem;
    max-width: 100%;
    padding: .3rem .6rem;
}

.manual-send-receipt {
    align-items: center;
    border-color: hsl(var(--success) / .35);
    color: hsl(var(--success));
    display: flex;
    gap: .7rem;
}

.manual-send-receipt div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.manual-send-receipt strong {
    color: hsl(var(--foreground));
    font-size: .95rem;
}

.manual-send-grid {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    min-width: 0;
}

.manual-send-form {
    display: grid;
    gap: 1rem;
}

.manual-send-form__header,
.manual-send-side-list__head {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
}

.manual-send-field-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-send-field {
    color: hsl(var(--foreground));
    display: grid;
    font-size: .84rem;
    font-weight: 750;
    gap: .35rem;
    min-width: 0;
}

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

.manual-send-field--scheduler {
    grid-column: 1 / -1;
    min-width: 0;
}

.manual-send-draft {
    line-height: 1.55;
    min-height: 16rem;
    resize: vertical;
}

.manual-send-target-list {
    display: grid;
    gap: .55rem;
}

.manual-send-target-list__panel {
    background: hsl(var(--muted) / .16);
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    min-width: 0;
    padding: .7rem;
}

.manual-send-target-list__panel[hidden] {
    display: none !important;
}

.manual-send-target-list__panel strong,
.manual-send-target-list__panel > span {
    align-items: center;
    color: hsl(var(--muted-foreground));
    display: inline-flex;
    font-size: .78rem;
    gap: .35rem;
    line-height: 1.4;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.manual-send-target-chip {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--foreground));
    cursor: pointer;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 750;
    gap: .35rem;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: .3rem .55rem;
}

.manual-send-target-chip:hover {
    border-color: hsl(var(--primary) / .55);
    color: hsl(var(--primary));
}

.manual-send-target-chip small {
    background: hsl(var(--primary) / .08);
    border-radius: 999px;
    color: hsl(var(--primary));
    font-size: .65rem;
    font-weight: 850;
    padding: .1rem .35rem;
}

.manual-send-submit-row {
    justify-content: space-between;
}

.manual-send-submit-row .a75-button {
    min-width: min(100%, 13rem);
}

.manual-send-side {
    display: grid;
    gap: 1rem;
}

.manual-send-guardrail ul {
    color: hsl(var(--muted-foreground));
    display: grid;
    font-size: .84rem;
    gap: .45rem;
    line-height: 1.45;
    list-style: none;
    margin: .75rem 0 0;
    padding: 0;
}

.manual-send-guardrail li {
    border-left: 3px solid hsl(var(--primary) / .45);
    padding-left: .6rem;
}

.manual-send-side-list {
    display: grid;
    gap: .7rem;
}

.manual-send-side-list__head strong {
    color: hsl(var(--foreground));
    font-size: .92rem;
}

.manual-send-side-list__head a {
    color: hsl(var(--primary));
    font-size: .78rem;
    font-weight: 800;
}

.manual-send-side-list p {
    color: hsl(var(--muted-foreground));
    font-size: .84rem;
    line-height: 1.45;
    margin: 0;
}

.manual-send-side-item {
    background: hsl(var(--muted) / .14);
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .65rem;
}

.manual-send-side-item span {
    color: hsl(var(--foreground));
    font-size: .85rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.manual-send-side-item small {
    color: hsl(var(--muted-foreground));
    font-size: .75rem;
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .a75-campaign-draft-panel__send {
        grid-template-columns: 1fr;
    }

    .a75-campaign-draft-panel__send .a75-button {
        width: 100%;
    }

    .manual-send-empty,
    .manual-send-hero,
    .manual-send-grid,
    .manual-send-field-grid {
        grid-template-columns: 1fr;
    }

    .manual-send-hero__actions,
    .manual-send-submit-row {
        align-items: stretch;
        flex-direction: column;
    }

    .manual-send-hero__actions .a75-button,
    .manual-send-submit-row .a75-button,
    .manual-send-copy-row .a75-button {
        width: 100%;
    }

    .manual-send-empty h1,
    .manual-send-hero h1 {
        font-size: 1.45rem;
    }
}

.a75-ai-action-grid {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.a75-ai-action-choice {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    color: hsl(var(--foreground));
    display: flex;
    font-size: .86rem;
    font-weight: 800;
    gap: .55rem;
    justify-content: center;
    min-height: 3rem;
    padding: .75rem;
}

.a75-ai-action-choice:hover,
.a75-ai-action-choice.is-active {
    background: hsl(var(--primary) / .08);
    border-color: hsl(var(--primary) / .55);
    color: hsl(var(--primary));
}

.a75-ai-intent__top > div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.a75-ai-top-run {
    box-shadow: 0 10px 24px hsl(var(--primary) / .18);
}

.a75-ai-choice-icon,
.a75-ai-source-choice__icon {
    align-items: center;
    border-radius: .7rem;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.a75-ai-action-choice--research-entity .a75-ai-choice-icon {
    background: hsl(198 84% 52% / .14);
    color: hsl(198 84% 36%);
}

.a75-ai-action-choice--draft-outreach .a75-ai-choice-icon {
    background: hsl(14 86% 56% / .14);
    color: hsl(14 86% 39%);
}

.a75-ai-action-choice--summarize-contact .a75-ai-choice-icon,
.a75-ai-action-choice--summarize-company .a75-ai-choice-icon {
    background: hsl(263 76% 60% / .14);
    color: hsl(263 63% 45%);
}

.a75-ai-action-choice--suggest-next-action .a75-ai-choice-icon {
    background: hsl(142 61% 42% / .14);
    color: hsl(142 61% 31%);
}

.a75-ai-action-choice--check-duplicate .a75-ai-choice-icon {
    background: hsl(43 96% 56% / .18);
    color: hsl(35 88% 34%);
}

.a75-ai-note-field {
    max-width: 44rem;
}

.a75-ai-start-row {
    border-top: 1px solid hsl(var(--border));
    padding-top: 1rem;
}

.a75-ai-start-row span,
.a75-ai-draft-channel span {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    font-weight: 700;
}

.a75-ai-draft-channel {
    justify-content: flex-start;
}

.a75-ai-draft-channel label {
    align-items: center;
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--foreground));
    display: inline-flex;
    font-size: .8rem;
    font-weight: 800;
    gap: .4rem;
    padding: .35rem .65rem;
}

.a75-ai-runner {
    background: hsl(var(--muted) / .22);
    border-bottom: 1px solid hsl(var(--border));
}

.a75-ai-runner__head strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: 1.2rem;
    line-height: 1.25;
}

.a75-ai-runner__head p {
    color: hsl(var(--muted-foreground));
    font-size: .85rem;
    margin: .2rem 0 0;
}

.a75-ai-workbench {
    align-items: center;
    background:
        linear-gradient(135deg, hsl(198 84% 52% / .12), transparent 44%),
        linear-gradient(315deg, hsl(142 61% 42% / .12), transparent 46%),
        hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 1rem;
    display: grid;
    gap: .9rem;
    grid-template-columns: auto minmax(0, 1fr);
    isolation: isolate;
    overflow: hidden;
    padding: .95rem;
    position: relative;
}

.a75-ai-workbench::before {
    animation: a75AiScan 3.6s ease-in-out infinite;
    background: linear-gradient(90deg, transparent, hsl(198 84% 52% / .18), hsl(142 61% 42% / .14), transparent);
    content: "";
    inset: -45% -35%;
    opacity: .78;
    pointer-events: none;
    position: absolute;
    transform: translateX(-58%) rotate(9deg);
}

.a75-ai-workbench > * {
    position: relative;
    z-index: 1;
}

.a75-ai-workbench__orb {
    align-items: center;
    animation: a75AiFloat 2.8s ease-in-out infinite;
    background: hsl(var(--background));
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    display: inline-flex;
    height: 4rem;
    justify-content: center;
    position: relative;
    width: 4rem;
}

.a75-ai-workbench__orb span {
    animation: a75AiOrbit 2.4s linear infinite;
    background: hsl(198 84% 52%);
    border-radius: 999px;
    height: .55rem;
    position: absolute;
    transform-origin: 1.45rem 1.45rem;
    width: .55rem;
}

.a75-ai-workbench__orb span:nth-child(2) {
    animation-delay: -.8s;
    background: hsl(142 61% 42%);
}

.a75-ai-workbench__orb span:nth-child(3) {
    animation-delay: -1.6s;
    background: hsl(43 96% 56%);
}

.a75-ai-workbench.is-llm-phase {
    background:
        linear-gradient(135deg, hsl(263 76% 60% / .16), transparent 48%),
        linear-gradient(315deg, hsl(198 84% 52% / .13), transparent 45%),
        hsl(var(--card));
}

.a75-ai-workbench.is-llm-phase .a75-ai-workbench__orb {
    animation-duration: 1.7s;
    box-shadow: 0 0 0 .45rem hsl(263 76% 60% / .08), 0 0 36px hsl(263 76% 60% / .20);
}

.a75-ai-workbench__cards {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.a75-ai-workbench__cards span {
    align-items: center;
    background: hsl(var(--background) / .84);
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    color: hsl(var(--muted-foreground));
    display: inline-flex;
    font-size: .75rem;
    font-weight: 800;
    gap: .35rem;
    justify-content: center;
    overflow: hidden;
    padding: .55rem;
    position: relative;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.a75-ai-workbench__cards span.is-active {
    animation: a75AiCardPulse 1.45s ease-in-out infinite;
    background: hsl(var(--primary) / .10);
    border-color: hsl(var(--primary) / .42);
    box-shadow: 0 10px 24px hsl(var(--primary) / .14);
    color: hsl(var(--primary));
    transform: translateY(-2px);
}

.a75-ai-workbench__cards span.is-active::after {
    animation: a75AiCardSweep 1.65s linear infinite;
    background: linear-gradient(90deg, transparent, hsl(var(--primary) / .22), transparent);
    content: "";
    inset: 0;
    position: absolute;
    transform: translateX(-110%);
}

.a75-ai-workbench__stream {
    display: grid;
    gap: .35rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.a75-ai-workbench__stream span {
    animation: a75AiDataBar 1.25s ease-in-out infinite;
    background: linear-gradient(90deg, hsl(198 84% 52% / .28), hsl(142 61% 42% / .34));
    border-radius: 999px;
    height: .42rem;
    transform-origin: left center;
}

.a75-ai-workbench__stream span:nth-child(2) {
    animation-delay: .14s;
}

.a75-ai-workbench__stream span:nth-child(3) {
    animation-delay: .28s;
}

.a75-ai-workbench__stream span:nth-child(4) {
    animation-delay: .42s;
}

.a75-ai-workbench__stream span:nth-child(5) {
    animation-delay: .56s;
}

.a75-ai-workbench.is-llm-phase .a75-ai-workbench__stream span {
    animation-duration: .9s;
    background: linear-gradient(90deg, hsl(263 76% 60% / .32), hsl(198 84% 52% / .34));
}

.a75-ai-workbench p {
    color: hsl(var(--foreground));
    font-size: .84rem;
    font-weight: 700;
    grid-column: 2;
    margin: -.25rem 0 0;
}

@keyframes a75AiOrbit {
    from {
        transform: rotate(0deg) translateX(1.45rem) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(1.45rem) rotate(-360deg);
    }
}

@keyframes a75AiFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-4px) scale(1.02);
    }
}

@keyframes a75AiScan {
    0% {
        transform: translateX(-62%) rotate(9deg);
    }
    52% {
        transform: translateX(8%) rotate(9deg);
    }
    100% {
        transform: translateX(62%) rotate(9deg);
    }
}

@keyframes a75AiCardPulse {
    0%, 100% {
        box-shadow: 0 10px 24px hsl(var(--primary) / .10);
    }
    50% {
        box-shadow: 0 14px 34px hsl(var(--primary) / .20);
    }
}

@keyframes a75AiCardSweep {
    from {
        transform: translateX(-115%);
    }
    to {
        transform: translateX(115%);
    }
}

@keyframes a75AiDataBar {
    0%, 100% {
        opacity: .45;
        transform: scaleX(.34);
    }
    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

.a75-ai-progress-list {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.a75-ai-progress-list li {
    align-items: flex-start;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    display: flex;
    gap: .65rem;
    overflow: hidden;
    padding: .75rem;
    position: relative;
    transition: border-color .18s ease, transform .18s ease;
}

.a75-ai-progress-list li.is-active {
    border-color: hsl(var(--primary) / .34);
    transform: translateY(-1px);
}

.a75-ai-progress-list li.is-active::after {
    animation: a75AiCardSweep 1.8s linear infinite;
    background: linear-gradient(90deg, transparent, hsl(var(--primary) / .12), transparent);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-110%);
}

.a75-ai-progress-list li > span {
    background: hsl(var(--muted));
    border-radius: 999px;
    flex: 0 0 auto;
    height: .8rem;
    margin-top: .2rem;
    width: .8rem;
}

.a75-ai-progress-list li.is-active > span {
    animation: a75Pulse 1s ease-in-out infinite;
    background: hsl(var(--primary));
}

.a75-ai-progress-list li.is-complete > span {
    background: hsl(var(--success, 142 70% 45%));
}

.a75-ai-progress-list li.is-failed > span {
    background: hsl(var(--danger, 0 84% 60%));
}

.a75-ai-progress-list strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: .84rem;
    line-height: 1.25;
}

.a75-ai-progress-list small {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .74rem;
    line-height: 1.45;
    margin-top: .15rem;
}

.a75-ai-drawer__intro,
.a75-ai-drawer__actions,
.a75-media-drawer__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: space-between;
}

.a75-ai-drawer__intro p,
.a75-ai-drawer__manifest span,
.a75-guardrail-panel span,
.a75-media-candidate > span,
.a75-media-candidate__meta span {
    color: hsl(var(--muted-foreground));
    font-size: .82rem;
    margin: 0;
}

.a75-field-label {
    color: hsl(var(--foreground));
    display: grid;
    font-size: .78rem;
    font-weight: 700;
    gap: .35rem;
}

.a75-form-control {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--border));
    border-radius: .65rem;
    color: hsl(var(--foreground));
    font: inherit;
    min-height: 2.75rem;
    padding: .7rem .85rem;
    width: 100%;
}

.a75-checkbox-row {
    align-items: center;
    color: hsl(var(--foreground));
    display: flex;
    font-size: .85rem;
    gap: .55rem;
}

.a75-guardrail-panel,
.a75-ai-drawer__manifest,
.a75-result-card,
.a75-media-candidate {
    border: 1px solid hsl(var(--border));
    border-radius: .8rem;
    display: grid;
    gap: .45rem;
    padding: .85rem;
}

.a75-guardrail-panel {
    background: hsl(var(--warning, 38 92% 50%) / .08);
}

.a75-result-card {
    background: hsl(var(--muted) / .25);
    grid-template-columns: minmax(0, 1fr) auto;
}

.a75-result-card span {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.a75-tool-chain {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.a75-tool-chain span,
.a75-status-pill {
    align-items: center;
    background: hsl(var(--muted) / .45);
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--foreground));
    display: inline-flex;
    font-size: .72rem;
    font-weight: 700;
    gap: .3rem;
    padding: .25rem .55rem;
}

.a75-loading-row {
    align-items: center;
    color: hsl(var(--muted-foreground));
    display: flex;
    gap: .55rem;
}

.a75-loading-dot {
    animation: a75Pulse 1s ease-in-out infinite;
    background: hsl(var(--primary));
    border-radius: 999px;
    display: inline-flex;
    height: .65rem;
    width: .65rem;
}

@keyframes a75Pulse {
    0%, 100% { opacity: .35; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.15); }
}

.a75-media-candidate {
    align-items: center;
    grid-template-columns: 96px minmax(0, 1fr) auto;
}

.a75-media-candidate__preview {
    align-items: center;
    aspect-ratio: 1;
    background: hsl(var(--muted) / .35);
    border: 1px dashed hsl(var(--border));
    border-radius: .75rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.a75-media-candidate__preview img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.a75-media-candidate__meta {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.a75-media-paste-zone {
    align-items: center;
    background: hsl(var(--muted) / .35);
    border: 1px dashed hsl(var(--border));
    border-radius: .8rem;
    color: hsl(var(--muted-foreground));
    cursor: copy;
    display: flex;
    gap: .65rem;
    min-height: 76px;
    padding: .9rem;
}

.a75-media-paste-zone:focus,
.a75-media-paste-zone.is-dragging {
    background: hsl(var(--primary) / .08);
    border-color: hsl(var(--primary) / .65);
    color: hsl(var(--foreground));
    outline: none;
}

.a75-ai-response-preview {
    background: hsl(var(--muted) / .4);
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    color: hsl(var(--foreground));
    font-size: .82rem;
    line-height: 1.55;
    margin: .75rem 0 0;
    max-height: 220px;
    overflow: auto;
    padding: .75rem;
    white-space: pre-wrap;
}

.a75-ai-result-hero {
    align-items: flex-start;
    background:
        linear-gradient(135deg, hsl(var(--primary) / .10), transparent 62%),
        hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    padding: 1rem;
}

.a75-ai-result-hero strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: 1rem;
    line-height: 1.35;
}

.a75-ai-result-hero p,
.a75-ai-empty-state span,
.a75-ai-trace small {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    margin: .25rem 0 0;
}

.a75-ai-kicker {
    color: hsl(var(--primary));
    display: block;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a75-ai-metric-grid {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.a75-ai-metric-grid--compact {
    min-width: min(100%, 24rem);
}

.a75-ai-log-hero {
    align-items: flex-start;
    background:
        linear-gradient(135deg, hsl(var(--primary) / .10), transparent 58%),
        hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 1rem;
    box-shadow: var(--a75-shadow-card);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem;
}

.a75-ai-log-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.a75-ai-test-route__steps {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.a75-ai-test-route__steps > div {
    background: hsl(var(--muted) / .25);
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    padding: .85rem;
}

.a75-ai-test-route__steps strong {
    align-items: center;
    background: hsl(var(--primary) / .12);
    border-radius: 999px;
    color: hsl(var(--primary));
    display: inline-flex;
    font-size: .78rem;
    height: 1.55rem;
    justify-content: center;
    margin-bottom: .55rem;
    width: 1.55rem;
}

.a75-ai-test-route__steps span {
    color: hsl(var(--foreground));
    display: block;
    font-size: .82rem;
    line-height: 1.5;
}

.a75-ai-review-links {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.a75-ai-review-links a {
    align-items: center;
    background:
        linear-gradient(135deg, hsl(198 84% 52% / .10), transparent 58%),
        hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    color: hsl(var(--foreground));
    display: grid;
    gap: .2rem .55rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 4rem;
    overflow: hidden;
    padding: .75rem;
    position: relative;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.a75-ai-review-links a::after {
    background: linear-gradient(90deg, transparent, hsl(var(--primary) / .12), transparent);
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transform: translateX(-90%);
    transition: opacity .18s ease;
}

.a75-ai-review-links a:hover {
    border-color: hsl(var(--primary) / .42);
    box-shadow: 0 12px 28px hsl(var(--foreground) / .08);
    transform: translateY(-2px);
}

.a75-ai-review-links a:hover::after {
    animation: a75AiCardSweep 1.1s linear infinite;
    opacity: 1;
}

.a75-ai-review-links a i,
.a75-ai-review-links a svg {
    align-items: center;
    background: hsl(198 84% 52% / .13);
    border-radius: .65rem;
    color: hsl(198 84% 36%);
    display: inline-flex;
    grid-row: 1 / span 2;
    height: 2rem;
    justify-content: center;
    padding: .42rem;
    position: relative;
    width: 2rem;
    z-index: 1;
}

.a75-ai-review-links a span,
.a75-ai-review-links a small {
    position: relative;
    z-index: 1;
}

.a75-ai-review-links a span {
    color: hsl(var(--foreground));
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.2;
}

.a75-ai-review-links a small {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.35;
}

.a75-ai-review-links a.is-primary {
    background:
        linear-gradient(135deg, hsl(var(--primary) / .18), transparent 60%),
        hsl(var(--card));
    border-color: hsl(var(--primary) / .36);
}

.a75-ai-review-links a.is-primary i,
.a75-ai-review-links a.is-primary svg {
    background: hsl(var(--primary) / .16);
    color: hsl(var(--primary));
}

.a75-ai-metric-grid > div,
.a75-ai-empty-state,
.a75-ai-summary-card,
.a75-ai-suggestion-card,
.a75-ai-trace,
.a75-ai-failure-card {
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    background: hsl(var(--card));
    padding: .8rem;
}

.a75-ai-metric-grid strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: 1.1rem;
}

.a75-ai-metric-grid span,
.a75-ai-suggestion-card span,
.a75-ai-trace span {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-ai-suggestion-list {
    display: grid;
    gap: .65rem;
}

.a75-ai-brief {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 1rem;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.a75-ai-brief__head span {
    color: hsl(var(--primary));
    display: block;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a75-ai-brief__head strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: 1.05rem;
    margin-top: .2rem;
}

.a75-ai-brief > p {
    color: hsl(var(--foreground));
    font-size: .9rem;
    line-height: 1.65;
    margin: 0;
}

.a75-ai-source-list {
    display: grid;
    gap: .55rem;
}

.a75-ai-source-list a {
    background: hsl(var(--muted) / .24);
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    color: hsl(var(--foreground));
    display: block;
    padding: .75rem;
    text-decoration: none;
}

.a75-ai-source-list a:hover {
    border-color: hsl(var(--primary) / .45);
    box-shadow: 0 12px 30px hsl(var(--foreground) / .06);
}

.a75-ai-source-list strong {
    color: hsl(var(--primary));
    display: block;
    font-size: .82rem;
}

.a75-ai-source-list span {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .78rem;
    line-height: 1.55;
    margin-top: .2rem;
    text-transform: none;
}

.a75-ai-source-panel {
    border: 1px solid hsl(var(--border));
    border-radius: .9rem;
    background: hsl(var(--muted) / .24);
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.a75-ai-source-panel > div:first-child strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: .9rem;
}

.a75-ai-source-panel > div:first-child span,
.a75-ai-source-empty {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .78rem;
    line-height: 1.5;
    margin-top: .15rem;
}

.a75-ai-source-choice {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    cursor: pointer;
    display: grid;
    gap: .7rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    padding: .7rem;
}

.a75-ai-source-choice:hover {
    border-color: hsl(var(--primary) / .45);
}

.a75-ai-source-choice__icon {
    background: hsl(198 84% 52% / .12);
    color: hsl(198 84% 36%);
}

.a75-ai-source-choice span {
    margin: 0;
}

.a75-ai-source-switch {
    align-items: center;
    display: inline-flex;
    height: 1.4rem;
    position: relative;
    width: 2.55rem;
}

.a75-ai-source-switch input {
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.a75-ai-source-switch span {
    background: hsl(var(--muted));
    border-radius: 999px;
    display: block;
    height: 100%;
    position: relative;
    transition: background .18s ease;
    width: 100%;
}

.a75-ai-source-switch span::after {
    background: hsl(var(--card));
    border-radius: 999px;
    box-shadow: 0 1px 5px hsl(var(--foreground) / .20);
    content: "";
    height: 1rem;
    left: .2rem;
    position: absolute;
    top: .2rem;
    transition: transform .18s ease;
    width: 1rem;
}

.a75-ai-source-switch input:checked + span {
    background: hsl(142 61% 42%);
}

.a75-ai-source-switch input:checked + span::after {
    transform: translateX(1.15rem);
}

.a75-ai-source-choice small {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .72rem;
    line-height: 1.35;
    margin-top: .1rem;
}

.a75-ai-source-choice em {
    color: hsl(var(--primary));
    font-size: .68rem;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.a75-inline-suggestion-review {
    background: hsl(var(--muted) / .18);
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    display: grid;
    gap: .75rem;
    margin-top: .65rem;
    padding: .85rem;
}

.a75-inline-suggestion-review__compare {
    display: grid;
    gap: .7rem;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
}

.a75-inline-suggestion-review span,
.a75-inline-suggestion-review__compare span,
.a75-inline-suggestion-review__select span {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-inline-suggestion-review strong {
    color: hsl(var(--foreground));
    display: block;
    font-size: .82rem;
    margin-top: .2rem;
    overflow-wrap: anywhere;
}

.a75-inline-suggestion-review textarea,
.a75-inline-suggestion-review select,
.a75-inline-suggestion-review__reason {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--border));
    border-radius: .65rem;
    color: hsl(var(--foreground));
    font: inherit;
    margin-top: .25rem;
    min-height: 2.35rem;
    padding: .55rem .65rem;
    width: 100%;
}

.a75-inline-suggestion-review__notice {
    background: hsl(var(--warning, 38 92% 50%) / .10);
    border: 1px solid hsl(var(--warning, 38 92% 50%) / .24);
    border-radius: .65rem;
    color: hsl(var(--foreground));
    font-size: .78rem;
    padding: .6rem .7rem;
}

.a75-inline-suggestion-review__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.a75-inline-suggestion-review__actions .a75-button {
    min-height: 2.25rem;
    padding: .45rem .75rem;
}

[data-research-evidence-card],
.contact-card-list article {
    transition: opacity .22s ease, transform .22s ease, max-height .24s ease, margin .24s ease, padding .24s ease;
}

[data-research-evidence-card].is-dissolving,
.contact-card-list article.is-dissolving {
    margin-bottom: 0 !important;
    max-height: 0 !important;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    pointer-events: none;
    transform: translateY(-8px) scale(.985);
}

.a75-evidence-empty-inline {
    animation: a75FadeInUp .22s ease both;
}

@media (max-width: 720px) {
    .a75-ai-workbench,
    .a75-inline-suggestion-review__compare {
        grid-template-columns: 1fr;
    }

    .a75-ai-workbench p {
        grid-column: 1;
    }

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

    .a75-ai-review-links {
        grid-template-columns: 1fr;
    }

    .a75-ai-source-choice {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .a75-ai-source-choice em {
        grid-column: 2 / -1;
    }
}

/* ==================================================
   ENRICHMENT RESOURCE CONFIGURATION
================================================== */

.a75-enrichment-modal {
    inset: 0;
    position: fixed;
    z-index: 70;
}

.a75-enrichment-modal__backdrop {
    background: hsl(var(--foreground) / .42);
    inset: 0;
    position: absolute;
}

.a75-enrichment-modal__panel {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 1rem;
    box-shadow: 0 28px 80px hsl(var(--foreground) / .22);
    left: 50%;
    max-height: min(88vh, 760px);
    max-width: min(860px, calc(100vw - 2rem));
    overflow: auto;
    padding: 1.25rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

@media (max-width: 640px) {
    .a75-enrichment-modal__panel {
        border-radius: .85rem .85rem 0 0;
        bottom: 0;
        left: 0;
        max-height: 92vh;
        max-width: none;
        top: auto;
        transform: none;
    }
}

.a75-ai-suggestion-list > strong,
.a75-ai-summary-card > strong {
    color: hsl(var(--foreground));
    display: block;
    margin-bottom: .35rem;
}

.a75-ai-suggestion-card {
    display: grid;
    gap: .45rem;
}

.a75-ai-suggestion-card strong {
    color: hsl(var(--foreground));
    display: block;
    line-height: 1.35;
}

.a75-ai-suggestion-card em {
    color: hsl(var(--primary));
    font-size: .75rem;
    font-style: normal;
    font-weight: 800;
}

.a75-ai-suggestion-card p,
.a75-ai-summary-card p {
    color: hsl(var(--muted-foreground));
    font-size: .82rem;
    line-height: 1.55;
    margin: 0;
}

.a75-ai-failure-card {
    background: hsl(var(--danger, 0 84% 60%) / .06);
    border-color: hsl(var(--danger, 0 84% 60%) / .28);
    display: grid;
    gap: .35rem;
}

.a75-ai-failure-card strong {
    color: hsl(var(--foreground));
}

.a75-ai-failure-card span {
    color: hsl(var(--muted-foreground));
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.a75-ai-trace summary {
    color: hsl(var(--foreground));
    cursor: pointer;
    font-weight: 800;
}

.a75-ai-trace__grid {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .75rem;
}

.a75-ai-trace__grid--receipt {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
}

.a75-ai-trace__grid > div {
    background: hsl(var(--muted) / .28);
    border-radius: .65rem;
    padding: .65rem;
}

.a75-ai-trace__grid strong {
    color: hsl(var(--foreground));
    display: block;
    margin-top: .15rem;
}

.a75-ai-step-list {
    display: grid;
    gap: .4rem;
    list-style: none;
    margin: .75rem 0 0;
    padding: 0;
}

.a75-ai-step-list li {
    align-items: center;
    border-top: 1px solid hsl(var(--border));
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding-top: .45rem;
}

.a75-ai-step-list strong {
    color: hsl(var(--foreground));
    font-size: .82rem;
}

.a75-ai-prompt-preview {
    display: grid;
    gap: .7rem;
}

.a75-ai-prompt-preview details {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    padding: .7rem;
}

.a75-ai-prompt-preview summary {
    color: hsl(var(--foreground));
    cursor: pointer;
    font-size: .82rem;
    font-weight: 800;
}

.a75-ai-prompt-preview pre {
    background: hsl(var(--muted) / .32);
    border-radius: .65rem;
    color: hsl(var(--foreground));
    font-size: .76rem;
    line-height: 1.55;
    margin: .65rem 0 0;
    max-height: 18rem;
    overflow: auto;
    padding: .75rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.a75-ai-prompt-preview p {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    line-height: 1.55;
    margin: 0;
}

/* ==================================================
   MANUAL RESEARCH KIT
================================================== */

.a75-manual-research {
    display: grid;
    gap: 1rem;
}

.a75-manual-research--compact {
    gap: .85rem;
}

.a75-manual-research__hero {
    align-items: flex-start;
    background:
        linear-gradient(135deg, hsl(var(--primary) / .08), transparent 42%),
        hsl(var(--muted) / .22);
    border: 1px solid hsl(var(--border));
    border-radius: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.a75-manual-research__kicker,
.a75-manual-research__group-title {
    align-items: center;
    color: hsl(var(--muted-foreground));
    display: flex;
    font-size: .72rem;
    font-weight: 900;
    gap: .35rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a75-manual-research__hero h3 {
    color: hsl(var(--foreground));
    font-size: 1.05rem;
    font-weight: 900;
    margin: .25rem 0 .25rem;
}

.a75-manual-research__hero p,
.a75-manual-research__guardrail {
    color: hsl(var(--muted-foreground));
    font-size: .86rem;
    line-height: 1.55;
    margin: 0;
}

.a75-manual-research__chips,
.a75-manual-research__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.a75-manual-research__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, .95fr) minmax(280px, 1.05fr);
}

.a75-manual-research__prompt,
.a75-manual-research__sources,
.a75-manual-research__group {
    display: grid;
    gap: .7rem;
}

.a75-manual-research__prompt textarea {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .9rem;
    color: hsl(var(--foreground));
    font-size: .84rem;
    line-height: 1.55;
    min-height: 11rem;
    padding: .85rem;
    resize: vertical;
    width: 100%;
}

.a75-manual-research--compact .a75-manual-research__prompt textarea {
    min-height: 8.75rem;
}

.a75-manual-research__links {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.a75-manual-research__group summary.a75-manual-research__group-title {
    cursor: pointer;
    list-style: none;
    width: max-content;
}

.a75-manual-research__group summary.a75-manual-research__group-title::-webkit-details-marker {
    display: none;
}

.a75-manual-research__group summary.a75-manual-research__group-title svg,
.a75-manual-research__group summary.a75-manual-research__group-title i {
    transition: transform .16s ease;
}

.a75-manual-research__group[open] summary.a75-manual-research__group-title svg,
.a75-manual-research__group[open] summary.a75-manual-research__group-title i {
    transform: rotate(90deg);
}

.a75-manual-research__link {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .85rem;
    color: hsl(var(--foreground));
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .65rem;
    justify-content: space-between;
    min-height: 2.65rem;
    padding: .65rem .75rem;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.a75-manual-research__link:hover {
    border-color: hsl(var(--primary) / .55);
    box-shadow: 0 12px 28px hsl(var(--foreground) / .08);
    color: hsl(var(--foreground));
    transform: translateY(-1px);
}

.a75-manual-research__link span {
    align-items: center;
    display: flex;
    gap: .45rem;
    min-width: 0;
}

.a75-manual-research__guardrail {
    align-items: flex-start;
    background: hsl(var(--warning) / .08);
    border: 1px solid hsl(var(--warning) / .28);
    border-radius: .9rem;
    display: flex;
    gap: .55rem;
    padding: .8rem .9rem;
}

@media (max-width: 900px) {
    .smart-paste-card__grid,
    .smart-paste-review-row,
    .smart-paste-duplicate-card,
    .a75-media-candidate {
        grid-template-columns: 1fr;
    }

    .a75-ai-metric-grid,
    .a75-ai-trace__grid,
    .a75-manual-research__grid,
    .a75-ai-test-route__steps {
        grid-template-columns: 1fr;
    }

    .a75-manual-research__links {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .smart-paste-card__head,
    .smart-paste-summary,
    .smart-paste-applybar {
        align-items: stretch;
        flex-direction: column;
    }

    .smart-paste-suggestion__fields {
        grid-template-columns: 1fr;
    }

    .contextual-enrichment-suggestion__values {
        grid-template-columns: 1fr;
    }

    .smart-paste-review-row__choices label {
        white-space: normal;
    }

    .intake-ocr-result__grid {
        grid-template-columns: 1fr;
    }

    .a75-manual-research__hero {
        align-items: stretch;
        flex-direction: column;
    }
}

/* ==================================================
   COMPACT HERO UNIT PASS
================================================== */

:root {
    --a75-hero-unit-padding: clamp(.72rem, 1.2vh, 1rem) clamp(.85rem, 1.5vw, 1.15rem);
    --a75-hero-unit-gap: clamp(.5rem, 1vw, .85rem);
}

.a75-record-list__hero,
.a75-record-form__hero,
.a75-governance-hero.a75-card,
.a75-governance-hero,
.a75-integrations-hero,
.a75-profile-hero.a75-card,
.a75-profile-hero,
.a75-catalog-hero,
.a75-rbac-hero,
.connector-settings-hero,
.a75-control-hero,
.agency75-admin-hero,
.integration-marketplace-hero,
.whatsapp-hero,
.intake-hero,
.leadops-hero,
.owner-dashboard-hero,
.demo-leadops-hero,
.leadops-hero-v2,
.owner-executive-hero,
.a75-ai-result-hero,
.a75-ai-log-hero,
.a75-manual-research__hero,
.a75-entity-hero,
.company-cockpit-hero,
.contact-cockpit-hero,
.contact-list-hero,
.contact-form-hero {
    box-sizing: border-box;
    gap: var(--a75-hero-unit-gap);
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    overscroll-behavior: contain;
    padding: var(--a75-hero-unit-padding) !important;
}

:is(
    .a75-record-list__hero,
    .a75-record-form__hero,
    .a75-governance-hero,
    .a75-integrations-hero,
    .a75-profile-hero,
    .a75-catalog-hero,
    .a75-rbac-hero,
    .connector-settings-hero,
    .a75-control-hero,
    .agency75-admin-hero,
    .integration-marketplace-hero,
    .whatsapp-hero,
    .intake-hero,
    .leadops-hero,
    .owner-dashboard-hero,
    .demo-leadops-hero,
    .leadops-hero-v2,
    .owner-executive-hero,
    .a75-ai-result-hero,
    .a75-ai-log-hero,
    .a75-manual-research__hero,
    .a75-entity-hero,
    .company-cockpit-hero,
    .contact-cockpit-hero,
    .contact-list-hero,
    .contact-form-hero
) h1,
.a75-catalog-hero__title,
.a75-entity-header__title,
.contact-hero-identity h1 {
    font-size: clamp(1.35rem, 2.25vw, 2.35rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
}

:is(
    .a75-record-list__hero,
    .a75-record-form__hero,
    .a75-governance-hero,
    .a75-integrations-hero,
    .a75-profile-hero,
    .a75-catalog-hero,
    .a75-rbac-hero,
    .connector-settings-hero,
    .a75-control-hero,
    .agency75-admin-hero,
    .integration-marketplace-hero,
    .whatsapp-hero,
    .intake-hero,
    .leadops-hero,
    .owner-dashboard-hero,
    .demo-leadops-hero,
    .leadops-hero-v2,
    .owner-executive-hero,
    .a75-ai-result-hero,
    .a75-ai-log-hero,
    .a75-manual-research__hero,
    .a75-entity-hero,
    .company-cockpit-hero,
    .contact-cockpit-hero,
    .contact-list-hero,
    .contact-form-hero
) p,
.a75-catalog-hero__text,
.a75-catalog-hero__panel-item,
.contact-hero-summary,
.a75-manual-research__guardrail {
    display: -webkit-box;
    margin-top: .35rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--muted-foreground, var(--a75-text-muted));
    font-size: .82rem !important;
    line-height: 1.42 !important;
}

.contact-hero-main,
.contact-hero-actions,
.company-cockpit-hero > .flex,
.leadops-hero-copy,
.leadops-signal-panel,
.owner-hero-summary,
.intake-hero-sources,
.a75-control-hero-copy,
.a75-catalog-hero__copy,
.a75-catalog-hero__panel {
    min-height: 0 !important;
}

.contact-hero-main {
    gap: .65rem;
}

.contact-cockpit-hero .contact-hero-summary,
.contact-cockpit-hero .contact-quick-comms {
    display: none;
}

.contact-avatar-xl,
.a75-entity-header__avatar {
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 1.15rem;
    font-size: 1.15rem;
}

.a75-entity-hero .a75-entity-header__title,
.contact-hero-identity h1,
.company-cockpit-hero .a75-entity-header__title {
    font-size: clamp(1.85rem, 3vw, 3rem) !important;
    line-height: 1.03 !important;
}

.contact-cockpit-hero .contact-hero-kicker {
    max-height: 1.5rem;
    overflow: hidden;
}

.contact-cockpit-hero .contact-hero-context {
    max-height: none;
    overflow: visible;
}

.contact-hero-kicker,
.contact-hero-context,
.contact-quick-comms,
.contact-hero-button-row,
.a75-hero-actions,
.a75-hero-badges,
.a75-hero-status-line,
.leadops-hero-actions,
.owner-hero-actions,
.intake-hero-actions,
.whatsapp-hero-badges,
.whatsapp-hero__actions,
.a75-catalog-hero__actions,
.a75-rbac-badges,
.a75-rbac-hero-actions {
    gap: .38rem !important;
    margin-top: .5rem !important;
}

.contact-hero-role,
.contact-hero-context,
.contact-hero-context a,
.contact-hero-context span,
.contact-quick-comms a,
.contact-quick-comms span,
.contact-hero-button-row .crm-action-btn,
.contact-hero-button-row .contact-edit-button,
.a75-hero-btn,
.agency75-ui-button,
.whatsapp-hero__actions .agency75-ui-button,
.intake-hero-actions .agency75-ui-button,
.leadops-hero-actions .agency75-ui-button,
.owner-hero-actions .agency75-ui-button,
.company-cockpit-hero .a75-button,
.contact-list-hero .a75-button,
.contact-form-hero .a75-button {
    font-size: .76rem !important;
    line-height: 1.2 !important;
}

.contact-quick-comms a,
.contact-quick-comms span,
.contact-hero-button-row .crm-action-btn,
.contact-hero-button-row .contact-edit-button,
.a75-hero-btn,
.agency75-ui-button,
.company-cockpit-hero .a75-button,
.contact-list-hero .a75-button,
.contact-form-hero .a75-button {
    min-height: 2rem !important;
    padding: .42rem .68rem !important;
}

.a75-hero-badges span,
.a75-hero-status-line span,
.a75-status-pill,
.agency75-status-pill,
.whatsapp-hero-badges span,
.contact-hero-context a,
.contact-hero-context span,
.contact-form-priority-steps span {
    padding: .2rem .48rem !important;
}

.a75-hero-dev-note {
    margin-top: .45rem;
    padding: .36rem .5rem;
}

.a75-hero-dev-note p {
    margin-top: .3rem;
    -webkit-line-clamp: 1;
}

.a75-control-hero-copy {
    justify-content: center;
}

.a75-control-hero .a75-logo-constellation {
    max-height: 100%;
    min-height: min(18svh, 11rem) !important;
}

.a75-control-hero .a75-constellation-planet.is-lg .integration-logo,
.a75-control-hero .a75-constellation-planet.is-md .integration-logo,
.a75-control-hero .a75-constellation-planet.is-sm .integration-logo {
    width: 2.65rem !important;
    height: 2.65rem !important;
    border-radius: .85rem !important;
}

.leadops-signal-panel,
.owner-hero-summary,
.intake-hero-sources,
.a75-catalog-hero__panel {
    gap: .5rem;
    padding: .65rem !important;
    border-radius: 1rem;
}

.leadops-signal-orbit,
.intake-source-orbit {
    min-height: 4.25rem !important;
    border-radius: .95rem;
}

.leadops-hero-v2 .leadops-signal-panel {
    align-content: center;
    gap: .35rem;
    padding: .5rem !important;
}

.leadops-hero-v2 .leadops-signal-orbit {
    min-height: 3.35rem !important;
}

.leadops-hero-v2 .leadops-signal-orbit .integration-logo {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: .7rem !important;
}

.leadops-sprint-card,
.owner-summary-mini {
    padding: .62rem !important;
    border-radius: .9rem;
}

.leadops-hero-v2 .leadops-sprint-card {
    padding: .46rem .55rem !important;
}

.leadops-sprint-card strong {
    font-size: .88rem;
}

.leadops-hero-v2 .leadops-sprint-card strong {
    font-size: .76rem;
}

.owner-summary-mini strong {
    font-size: 1.45rem;
}

.owner-summary-mini span,
.owner-summary-mini small,
.leadops-sprint-card span,
.leadops-sprint-card small {
    font-size: .66rem;
}

.leadops-hero-v2 .leadops-sprint-card small {
    display: none;
}

[aria-label="LeadOps priority work"] {
    box-sizing: border-box;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: var(--a75-hero-unit-padding) !important;
}

[aria-label="LeadOps priority work"] > div:first-child {
    margin-bottom: .5rem !important;
}

[aria-label="LeadOps priority work"] h1 {
    margin-top: .1rem !important;
    font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
    line-height: 1.08 !important;
}

[aria-label="LeadOps priority work"] > .grid {
    gap: .55rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[aria-label="LeadOps priority work"] article {
    padding: .62rem .72rem !important;
}

[aria-label="LeadOps priority work"] article h2 {
    margin-top: .48rem !important;
    font-size: .95rem !important;
    line-height: 1.15 !important;
}

[aria-label="LeadOps priority work"] article p {
    display: -webkit-box;
    margin-top: .25rem !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: .78rem !important;
    line-height: 1.35 !important;
}

[aria-label="LeadOps priority work"] article .mt-3 {
    margin-top: .45rem !important;
}

[aria-label="LeadOps priority work"] article .a75-button {
    min-height: 1.85rem !important;
    padding: .35rem .6rem !important;
    font-size: .76rem !important;
}

[aria-label="LeadOps priority work"] article .mt-3.flex {
    display: none !important;
}

.contact-score-dials {
    gap: .38rem !important;
}

.contact-score-dial {
    gap: .16rem;
    padding: .38rem .28rem !important;
    border-radius: .8rem;
}

.contact-score-dial .dial-ring {
    width: 2.55rem;
    height: 2.55rem;
}

.contact-cockpit-hero .contact-score-dial .dial-ring {
    width: 2.2rem;
    height: 2.2rem;
}

.contact-score-dial .dial-ring::after {
    inset: .28rem;
}

.contact-score-dial b {
    font-size: .76rem;
}

.contact-score-dial .dial-label,
.contact-score-dial small {
    font-size: .56rem;
}

.contact-cockpit-hero .contact-score-dial {
    padding: .3rem .24rem !important;
}

.contact-cockpit-hero .contact-score-dial small {
    display: none;
}

.contact-cockpit-hero .contact-hero-button-row .crm-action-btn,
.contact-cockpit-hero .contact-hero-button-row .contact-edit-button {
    min-height: 1.78rem !important;
    padding: .32rem .58rem !important;
}

@media (max-width: 900px) {
    .contact-cockpit-hero .contact-score-dials {
        display: none !important;
    }

    .contact-cockpit-hero .contact-hero-button-row {
        max-height: 2.2rem;
        overflow: hidden;
    }
}

.company-cockpit-hero > .flex {
    gap: .75rem !important;
}

.company-cockpit-hero .gap-6,
.company-cockpit-hero .gap-4,
.company-cockpit-hero .gap-2 {
    gap: .48rem !important;
}

.company-cockpit-hero .mt-5 {
    display: none !important;
    margin-top: .65rem !important;
}

.company-cockpit-hero .pt-4 {
    padding-top: .65rem !important;
}

.company-cockpit-hero .h-16.w-16 {
    width: 3rem !important;
    height: 3rem !important;
}

.company-cockpit-hero .text-base {
    font-size: .82rem !important;
}

.company-cockpit-hero .text-xs {
    font-size: .66rem !important;
}

.contact-tab-strip,
.company-tab-strip,
.contact-form-tab-list,
.company-form-tab-list,
.a75-tabs__list {
    -ms-overflow-style: none;
    scrollbar-width: none !important;
}

.contact-tab-strip::-webkit-scrollbar,
.company-tab-strip::-webkit-scrollbar,
.contact-form-tab-list::-webkit-scrollbar,
.company-form-tab-list::-webkit-scrollbar,
.a75-tabs__list::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

[role="tablist"] {
    -ms-overflow-style: none;
    scrollbar-width: none !important;
}

[role="tablist"]::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

@media (max-width: 520px) {
    .contact-cockpit-hero .contact-hero-context,
    .company-cockpit-hero .contact-hero-context {
        display: flex !important;
        max-height: none;
        overflow: visible;
    }

    .contact-cockpit-hero .contact-hero-button-row {
        display: flex !important;
        max-height: 2.05rem;
        justify-content: flex-start;
        gap: .3rem;
        overflow: hidden;
    }

    .contact-cockpit-hero .contact-hero-button-row .crm-action-btn,
    .contact-cockpit-hero .contact-hero-button-row .contact-edit-button {
        width: 1.95rem !important;
        min-width: 1.95rem !important;
        max-width: 1.95rem !important;
        min-height: 1.95rem !important;
        padding: 0 !important;
        justify-content: center;
        gap: 0;
        font-size: 0 !important;
    }

    .contact-cockpit-hero .contact-hero-button-row .crm-action-btn i,
    .contact-cockpit-hero .contact-hero-button-row .contact-edit-button i,
    .contact-cockpit-hero .contact-hero-button-row .crm-action-btn svg,
    .contact-cockpit-hero .contact-hero-button-row .contact-edit-button svg {
        width: .95rem;
        height: .95rem;
        font-size: .95rem;
    }
}

@media (max-width: 760px) {
    :root {
        --a75-hero-unit-padding: .68rem;
        --a75-hero-unit-gap: .45rem;
    }

    :is(
        .a75-record-list__hero,
        .a75-record-form__hero,
        .a75-governance-hero,
        .a75-integrations-hero,
        .a75-profile-hero,
        .a75-catalog-hero,
        .a75-rbac-hero,
        .connector-settings-hero,
        .a75-control-hero,
        .agency75-admin-hero,
        .integration-marketplace-hero,
        .whatsapp-hero,
        .intake-hero,
        .leadops-hero,
        .owner-dashboard-hero,
        .demo-leadops-hero,
        .leadops-hero-v2,
        .owner-executive-hero,
        .a75-ai-result-hero,
        .a75-ai-log-hero,
        .a75-manual-research__hero,
        .a75-entity-hero,
        .company-cockpit-hero,
        .contact-cockpit-hero,
        .contact-list-hero,
        .contact-form-hero
    ) h1,
    .a75-catalog-hero__title,
    .a75-entity-header__title,
    .contact-hero-identity h1 {
        font-size: clamp(1.18rem, 5.8vw, 1.6rem) !important;
        line-height: 1.08 !important;
    }

    :is(
        .a75-record-list__hero,
        .a75-record-form__hero,
        .a75-governance-hero,
        .a75-integrations-hero,
        .a75-profile-hero,
        .a75-catalog-hero,
        .a75-rbac-hero,
        .connector-settings-hero,
        .a75-control-hero,
        .agency75-admin-hero,
        .integration-marketplace-hero,
        .whatsapp-hero,
        .intake-hero,
        .leadops-hero,
        .owner-dashboard-hero,
        .demo-leadops-hero,
        .leadops-hero-v2,
        .owner-executive-hero,
        .a75-ai-result-hero,
        .a75-ai-log-hero,
        .a75-manual-research__hero,
        .a75-entity-hero,
        .company-cockpit-hero,
        .contact-cockpit-hero,
        .contact-list-hero,
        .contact-form-hero
    ) p,
    .a75-catalog-hero__text,
    .a75-catalog-hero__panel-item,
    .a75-manual-research__guardrail {
        -webkit-line-clamp: 1;
    }

    .contact-hero-summary,
    .a75-logo-constellation,
    .intake-hero-sources,
    .leadops-signal-panel,
    .owner-hero-summary,
    .a75-catalog-hero__panel {
        display: none !important;
    }

    .contact-avatar-xl,
    .a75-entity-header__avatar {
        width: 3.45rem !important;
        height: 3.45rem !important;
        border-radius: 1rem;
        font-size: 1.05rem;
    }

    .a75-entity-hero .a75-entity-header__title,
    .contact-hero-identity h1,
    .company-cockpit-hero .a75-entity-header__title {
        font-size: clamp(1.45rem, 7vw, 2.1rem) !important;
        line-height: 1.04 !important;
    }

    .contact-score-dials {
        display: none !important;
    }

    [aria-label="LeadOps priority work"] > .grid {
        grid-template-columns: 1fr;
    }

    [aria-label="LeadOps priority work"] article:nth-of-type(n+2) {
        display: none !important;
    }

    [aria-label="LeadOps priority work"] article .grid,
    [aria-label="LeadOps priority work"] article .mt-3.flex {
        display: none !important;
    }
}

/* ==================================================
   ACTIVE CAMPAIGN CLARITY BANNER
================================================== */
.a75-campaign-clarity-banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
    border-radius: .9rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 48%),
        var(--card);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
    min-width: 0;
    overflow: hidden;
    padding: 1rem;
}

.a75-campaign-clarity-banner.is-warning {
    border-color: rgba(245, 158, 11, .38);
    background:
        linear-gradient(135deg, rgba(245, 158, 11, .12), transparent 46%),
        var(--card);
}

.a75-campaign-clarity-banner.is-unavailable {
    border-color: color-mix(in srgb, var(--muted-foreground) 22%, var(--border));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--muted-foreground) 8%, transparent), transparent 46%),
        var(--card);
}

.a75-campaign-clarity-banner__copy {
    min-width: 0;
}

.a75-campaign-clarity-banner__copy h2 {
    margin: .18rem 0 0;
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(1.02rem, 1rem + .3vw, 1.28rem);
    font-weight: 820;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.a75-campaign-clarity-banner__copy p {
    margin: .45rem 0 0;
    color: var(--muted-foreground);
    font-size: .86rem;
    line-height: 1.5;
    max-width: 68rem;
    overflow-wrap: anywhere;
}

.a75-campaign-clarity-banner__meta,
.a75-campaign-clarity-banner__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    min-width: 0;
}

.a75-campaign-clarity-banner__meta {
    margin-top: .8rem;
}

.a75-campaign-clarity-banner__meta span {
    border: 1px solid color-mix(in srgb, var(--primary) 16%, var(--border));
    border-radius: .65rem;
    background: color-mix(in srgb, var(--background) 86%, transparent);
    color: var(--foreground);
    font-size: .78rem;
    line-height: 1.35;
    max-width: 26rem;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: .5rem .65rem;
}

.a75-campaign-clarity-banner__meta strong {
    display: block;
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 780;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.a75-campaign-clarity-banner__actions {
    align-items: center;
    justify-content: flex-end;
}

.a75-campaign-clarity-banner__actions .a75-button,
.a75-campaign-clarity-banner__actions .agency75-ui-button {
    white-space: nowrap;
}

@media (max-width: 760px) {
    .a75-campaign-clarity-banner {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-campaign-clarity-banner__actions {
        justify-content: flex-start;
    }

    .a75-campaign-clarity-banner__actions .a75-button,
    .a75-campaign-clarity-banner__actions .agency75-ui-button {
        flex: 1 1 12rem;
        justify-content: center;
        min-width: 0;
        white-space: normal;
    }
}

/* ==================================================
   CAMPAIGN PLAYBOOK SUMMARY
================================================== */
.a75-campaign-playbook-summary {
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
    border-radius: .9rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 7%, transparent), transparent 42%),
        var(--card);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
    display: grid;
    gap: .95rem;
    min-width: 0;
    padding: 1rem;
}

.a75-campaign-playbook-summary.is-empty {
    color: var(--muted-foreground);
}

.a75-campaign-playbook-summary__head {
    align-items: flex-start;
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.a75-campaign-playbook-summary__head h2 {
    color: var(--foreground);
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(1rem, 1rem + .25vw, 1.22rem);
    font-weight: 820;
    line-height: 1.18;
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
}

.a75-campaign-playbook-summary__head p,
.a75-campaign-playbook-summary article p,
.a75-campaign-playbook-summary footer {
    color: var(--muted-foreground);
    font-size: .82rem;
    line-height: 1.48;
    margin: .28rem 0 0;
    overflow-wrap: anywhere;
}

.a75-campaign-playbook-summary__badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
    min-width: 0;
}

.a75-campaign-playbook-summary__grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.a75-campaign-playbook-summary article {
    border: 1px solid var(--border);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--background) 84%, transparent);
    min-width: 0;
    padding: .8rem;
}

.a75-campaign-playbook-summary article.is-objective {
    grid-column: span 2;
}

.a75-campaign-playbook-summary article.is-tone {
    border-color: color-mix(in srgb, var(--primary) 24%, var(--border));
    background: color-mix(in srgb, var(--primary) 6%, var(--background));
}

.a75-campaign-playbook-summary article > span {
    color: var(--foreground);
    display: block;
    font-size: .72rem;
    font-weight: 820;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.a75-campaign-playbook-summary ul {
    display: grid;
    gap: .38rem;
    list-style: none;
    margin: .5rem 0 0;
    padding: 0;
}

.a75-campaign-playbook-summary li,
.a75-campaign-playbook-summary__empty,
.a75-campaign-playbook-summary small {
    color: var(--muted-foreground);
    display: block;
    font-size: .78rem;
    line-height: 1.38;
    overflow-wrap: anywhere;
}

.a75-campaign-playbook-summary li {
    border-left: 2px solid color-mix(in srgb, var(--primary) 38%, var(--border));
    padding-left: .5rem;
}

.a75-campaign-playbook-summary small {
    margin-top: .42rem;
}

.a75-campaign-playbook-summary footer {
    align-items: center;
    border-top: 1px solid var(--border);
    display: flex;
    gap: .4rem;
    margin-top: 0;
    padding-top: .8rem;
}

@media (max-width: 1180px) {
    .a75-campaign-playbook-summary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .a75-campaign-playbook-summary article.is-objective {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .a75-campaign-playbook-summary__head,
    .a75-campaign-playbook-summary__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-campaign-playbook-summary__badges {
        justify-content: flex-start;
    }

    .a75-campaign-playbook-summary footer {
        align-items: flex-start;
    }
}

/* ==================================================
   CAMPAIGN-AWARE LEADOPS AND OWNER DASHBOARD
================================================== */
.leadops-campaign-context,
.owner-campaign-context,
.owner-campaign-metrics {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 45%),
        var(--card);
}

.leadops-campaign-readiness,
.owner-campaign-readiness {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.leadops-campaign-readiness > div,
.owner-campaign-readiness > div,
.owner-campaign-metric {
    border: 1px solid var(--border);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--background) 82%, transparent);
    padding: .8rem;
}

.leadops-campaign-readiness span,
.owner-campaign-readiness span,
.owner-campaign-metric span {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted-foreground);
}

.leadops-campaign-readiness strong,
.owner-campaign-readiness strong,
.owner-campaign-metric strong {
    display: block;
    margin-top: .18rem;
    font-size: 1.45rem;
    line-height: 1;
    color: var(--foreground);
}

.owner-campaign-metric small {
    display: block;
    margin-top: .35rem;
    font-size: .75rem;
    color: var(--muted-foreground);
}

.leadops-campaign-fit {
    margin-top: .8rem;
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius: .75rem;
    background: color-mix(in srgb, var(--primary) 7%, var(--background));
    padding: .75rem;
}

.leadops-campaign-fit-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

.leadops-campaign-fit-head > span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--foreground);
}

.leadops-campaign-fit p {
    margin: .55rem 0 0;
    font-size: .82rem;
    color: var(--muted-foreground);
}

.leadops-campaign-fit small {
    display: block;
    margin-top: .4rem;
    font-size: .74rem;
    color: var(--muted-foreground);
}

.leadops-campaign-fit-pills,
.leadops-campaign-fit-detail,
.owner-campaign-fit-list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .55rem;
}

.leadops-campaign-fit-pills span,
.leadops-campaign-fit-detail span,
.owner-campaign-fit-list span {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--card);
    padding: .28rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    color: var(--muted-foreground);
}

.leadops-campaign-fit-detail .is-match,
.owner-campaign-fit-list .is-match {
    border-color: color-mix(in srgb, var(--success) 35%, var(--border));
    color: var(--success-strong);
}

.leadops-campaign-fit-detail .is-missing,
.owner-campaign-fit-list .is-missing {
    border-color: color-mix(in srgb, var(--warning) 35%, var(--border));
    color: var(--warning-strong);
}

.leadops-campaign-fit-detail .is-disqualified,
.owner-campaign-fit-list .is-disqualified {
    border-color: color-mix(in srgb, var(--danger) 35%, var(--border));
    color: var(--danger);
}

.owner-campaign-spotlight-note {
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
    border-radius: .75rem;
    background: color-mix(in srgb, var(--primary) 6%, var(--background));
    padding: .75rem;
}

.owner-campaign-spotlight-note strong,
.owner-campaign-spotlight-note small,
.owner-campaign-spotlight-note span {
    display: block;
}

.owner-campaign-spotlight-note small {
    margin-bottom: .25rem;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--primary);
}

.owner-campaign-spotlight-note strong {
    font-size: .9rem;
    color: var(--foreground);
}

.owner-campaign-spotlight-note span {
    margin-top: .25rem;
    font-size: .8rem;
    color: var(--muted-foreground);
}

@media (max-width: 760px) {
    .leadops-campaign-readiness,
    .owner-campaign-readiness,
    .owner-campaign-metrics .grid {
        grid-template-columns: 1fr;
    }

    .leadops-campaign-fit-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ==================================================
   RECORD PRESENCE AND CONFLICT AWARENESS
================================================== */

.a75-record-presence {
    margin-bottom: 1rem;
}

.a75-record-presence__banner {
    display: flex;
    align-items: center;
    gap: .85rem;
    border: 1px solid color-mix(in srgb, var(--warning) 42%, var(--border));
    border-radius: .875rem;
    background: color-mix(in srgb, var(--warning) 12%, var(--card));
    padding: .8rem .95rem;
    color: var(--warning-strong);
    box-shadow: var(--shadow-card, 0 8px 24px rgba(15, 23, 42, .08));
    transition: opacity .16s ease, transform .16s ease;
}

.a75-record-presence__banner.is-hidden {
    display: none;
}

.a75-record-presence__icon {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--warning) 18%, var(--card));
    color: var(--warning-strong);
}

.a75-record-presence__copy {
    min-width: 0;
    flex: 1 1 auto;
}

.a75-record-presence__copy strong,
.a75-record-presence__copy span {
    display: block;
}

.a75-record-presence__copy strong {
    font-size: .92rem;
    line-height: 1.25;
    color: var(--warning-strong);
}

.a75-record-presence__copy span {
    margin-top: .15rem;
    font-size: .78rem;
    color: color-mix(in srgb, var(--warning-strong) 76%, var(--muted-foreground));
}

.a75-record-presence__avatars,
.a75-presence-topbar__row {
    display: flex;
    align-items: center;
}

.a75-record-presence__avatars {
    justify-content: flex-end;
    margin-left: auto;
}

.a75-presence-avatar-chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--card);
    padding: .18rem .55rem .18rem .2rem;
    color: var(--foreground);
    font-size: .78rem;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
}

.a75-presence-avatar-chip img,
.a75-presence-avatar-chip.is-initials,
.a75-presence-avatar-chip.is-overflow {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
}

.a75-presence-avatar-chip img {
    display: block;
    object-fit: cover;
}

.a75-presence-avatar-chip.is-initials,
.a75-presence-avatar-chip.is-overflow {
    justify-content: center;
    background: color-mix(in srgb, var(--primary) 18%, var(--muted));
    color: var(--primary);
    padding: 0;
    font-size: .7rem;
}

.a75-presence-avatar-chip--compact {
    width: 1.85rem;
    height: 1.85rem;
    justify-content: center;
    margin-left: -.35rem;
    padding: 0;
    border: 2px solid var(--card);
}

.a75-presence-avatar-chip--compact:first-child {
    margin-left: 0;
}

.a75-presence-avatar-chip__label {
    max-width: 7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-presence-topbar {
    position: relative;
    display: none;
}

.a75-presence-topbar.is-active {
    display: block;
}

.a75-presence-topbar.has-viewers .a75-presence-topbar__button {
    border-color: color-mix(in srgb, #f97316 42%, var(--border));
    background: color-mix(in srgb, #f97316 14%, var(--card, #fff));
    color: #f97316;
    box-shadow: 0 0 0 3px color-mix(in srgb, #f97316 15%, transparent);
}

.a75-presence-topbar.has-viewers .a75-presence-topbar__button i {
    color: #f97316;
    animation: a75-presence-topbar-blink 1.1s ease-in-out infinite;
}

@keyframes a75-presence-topbar-blink {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .34;
        transform: scale(.92);
    }
}

.a75-presence-topbar__count {
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    display: grid;
    min-width: 1.05rem;
    height: 1.05rem;
    place-items: center;
    border-radius: 999px;
    background: var(--warning);
    color: var(--warning-foreground, #111827);
    font-size: .62rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--card);
}

.a75-presence-topbar__count.is-hidden {
    display: none;
}

.a75-presence-topbar__panel {
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    width: min(22rem, calc(100vw - 1.5rem));
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: .9rem;
    background-color: #fff;
    background: color-mix(in srgb, var(--card, #fff) 98%, #fff);
    box-shadow: var(--shadow-elevated, 0 18px 48px rgba(15, 23, 42, .18));
    color: var(--foreground);
    opacity: 1;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    /*
     * WHY:
     * The panel is a topbar overlay and must sit above record cards and sticky
     * action bars while staying below modal/drawer layers.
     */
    z-index: 55;
}

.a75-presence-topbar__panel.is-hidden {
    display: none;
}

html.a75crm-dark .a75-presence-topbar__panel {
    background-color: var(--card-dark, #17181d);
    background: var(--card-dark, #17181d);
}

.a75-presence-topbar__head {
    border-bottom: 1px solid var(--border);
    padding: .75rem .85rem;
}

.a75-presence-topbar__head strong,
.a75-presence-topbar__head span {
    display: block;
}

.a75-presence-topbar__head strong {
    font-size: .86rem;
}

.a75-presence-topbar__head span,
.a75-presence-topbar__empty,
.a75-presence-topbar__row-copy span {
    font-size: .75rem;
    color: var(--muted-foreground);
}

.a75-presence-topbar__list {
    display: grid;
    gap: .2rem;
    max-height: min(18rem, 55vh);
    overflow-y: auto;
    padding: .55rem;
}

.a75-presence-topbar__row {
    gap: .65rem;
    border-radius: .7rem;
    padding: .5rem;
}

.a75-presence-topbar__row:hover {
    background: var(--accent);
}

.a75-presence-topbar__row-copy {
    display: grid;
    min-width: 0;
}

.a75-presence-topbar__row-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .86rem;
}

.a75-presence-topbar__empty {
    border: 1px dashed var(--border);
    border-radius: .75rem;
    padding: .75rem;
    text-align: center;
}

.a75-whos-online {
    --presence-online: #16a34a;
    --presence-editing: #f97316;
}

.a75-whos-online-hero,
.a75-whos-online-alert,
.a75-whos-online-panel,
.a75-whos-online-boundary {
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--card);
    box-shadow: var(--shadow-card, 0 8px 24px rgba(15, 23, 42, .08));
}

.a75-whos-online-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem;
}

.a75-whos-online-eyebrow,
.a75-whos-online-generated,
.a75-whos-online-panel__head span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--muted-foreground);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.a75-whos-online-hero h1 {
    margin: .25rem 0 0;
    color: var(--foreground);
    font-size: clamp(1.6rem, 2vw, 2.25rem);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
}

.a75-whos-online-hero p {
    margin: .4rem 0 0;
    max-width: 48rem;
    color: var(--muted-foreground);
    font-size: .95rem;
    line-height: 1.55;
}

.a75-whos-online-hero__actions {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.a75-whos-online-alert,
.a75-whos-online-boundary {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .85rem 1rem;
}

.a75-whos-online-alert {
    border-color: color-mix(in srgb, var(--warning) 42%, var(--border));
    background: color-mix(in srgb, var(--warning) 12%, var(--card));
    color: var(--warning-strong);
}

.a75-whos-online-alert strong,
.a75-whos-online-alert span {
    display: block;
}

.a75-whos-online-alert span,
.a75-whos-online-boundary span {
    color: var(--muted-foreground);
    font-size: .86rem;
    line-height: 1.45;
}

.a75-whos-online-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.a75-whos-online-stat {
    border: 1px solid var(--border);
    border-radius: .9rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--card) 94%, var(--primary) 6%), var(--card));
    padding: .9rem;
}

.a75-whos-online-stat span,
.a75-whos-online-row-subtitle,
.a75-whos-online-user-row span {
    color: var(--muted-foreground);
    font-size: .8rem;
}

.a75-whos-online-stat strong {
    display: block;
    margin-top: .25rem;
    color: var(--foreground);
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
}

.a75-whos-online-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .75fr);
    gap: 1rem;
    align-items: start;
}

.a75-whos-online-panel {
    overflow: hidden;
}

.a75-whos-online-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border-bottom: 1px solid var(--border);
    padding: .95rem 1rem;
}

.a75-whos-online-panel__head h2 {
    margin: .15rem 0 0;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 800;
}

.a75-whos-online-activity-list,
.a75-whos-online-users {
    display: grid;
    gap: .2rem;
    padding: .55rem;
}

.a75-whos-online-activity-row,
.a75-whos-online-user-row {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    border-radius: .85rem;
    padding: .7rem;
}

.a75-whos-online-activity-row:hover,
.a75-whos-online-user-row:hover {
    background: var(--accent);
}

.a75-whos-online-row-title {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.a75-whos-online-row-title strong,
.a75-whos-online-user-row strong {
    color: var(--foreground);
    font-size: .92rem;
}

.a75-whos-online-row-subtitle {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    margin-top: .15rem;
}

.a75-whos-online-row-subtitle a,
.a75-whos-online-user-row a {
    color: var(--primary);
    font-weight: 700;
}

.a75-whos-online-dot {
    width: .24rem;
    height: .24rem;
    border-radius: 999px;
    background: var(--muted-foreground);
    opacity: .65;
}

.a75-whos-online-mode {
    border: 1px solid color-mix(in srgb, var(--presence-online) 36%, var(--border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--presence-online) 12%, var(--card));
    padding: .18rem .5rem;
    color: var(--presence-online);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-whos-online-mode.is-editing {
    border-color: color-mix(in srgb, var(--presence-editing) 44%, var(--border));
    background: color-mix(in srgb, var(--presence-editing) 14%, var(--card));
    color: var(--presence-editing);
}

.a75-whos-online-mode.is-hidden-tab {
    border-color: var(--border);
    background: var(--muted);
    color: var(--muted-foreground);
}

.a75-whos-online-avatar {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    overflow: hidden;
    flex: 0 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 18%, var(--muted));
    color: var(--primary);
    font-size: .78rem;
    font-weight: 900;
    box-shadow: 0 0 0 2px var(--card);
}

.a75-whos-online-avatar--lg {
    width: 2.65rem;
    height: 2.65rem;
}

.a75-whos-online-avatar--sm {
    width: 1.8rem;
    height: 1.8rem;
    font-size: .68rem;
}

.a75-whos-online-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.a75-whos-online-user-row {
    position: relative;
}

.a75-whos-online-user-row > div {
    flex: 1 1 auto;
}

.a75-whos-online-user-row time {
    flex: 0 0 auto;
    color: var(--muted-foreground);
    font-size: .72rem;
}

.a75-whos-online-user-dot {
    position: absolute;
    right: .05rem;
    bottom: .05rem;
    width: .65rem;
    height: .65rem;
    border: 2px solid var(--card);
    border-radius: 999px;
    background: var(--presence-online);
}

.a75-whos-online-empty {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: .75rem;
    border: 1px dashed var(--border);
    border-radius: .9rem;
    padding: 1rem;
    color: var(--muted-foreground);
    font-size: .9rem;
}

@media (max-width: 760px) {
    .a75-record-presence__banner {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .a75-record-presence__avatars {
        width: 100%;
        justify-content: flex-start;
        padding-left: 2.85rem;
    }

    .a75-presence-topbar__panel {
        position: fixed;
        right: .75rem;
        left: .75rem;
        top: 4.5rem;
        width: auto;
    }

    .a75-whos-online-hero,
    .a75-whos-online-alert,
    .a75-whos-online-boundary {
        flex-direction: column;
        align-items: flex-start;
    }

    .a75-whos-online-stats,
    .a75-whos-online-grid {
        grid-template-columns: 1fr;
    }

    .a75-whos-online-row-subtitle,
    .a75-whos-online-user-row {
        align-items: flex-start;
    }

    .a75-whos-online-row-subtitle {
        flex-wrap: wrap;
    }
}
/* ==================================================
   AI MAGIC / ANIMATION POLISH
================================================== */

.a75-ai-magic-card {
    --a75-ai-aurora-a: #7c3aed;
    --a75-ai-aurora-b: #06b6d4;
    --a75-ai-aurora-c: #22c55e;
    --a75-ai-aurora-d: #f97316;
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--a75-ai-aurora-b) 22%, var(--border));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--a75-ai-aurora-a) 8%, transparent), transparent 34%),
        linear-gradient(225deg, color-mix(in srgb, var(--a75-ai-aurora-b) 9%, transparent), transparent 42%),
        var(--card);
    box-shadow:
        0 18px 40px rgba(15, 23, 42, .08),
        0 0 0 1px color-mix(in srgb, var(--a75-ai-aurora-b) 12%, transparent);
}

.a75-ai-magic-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .24) 44%, transparent 68%);
    transform: translateX(-120%);
    animation: a75-ai-card-sheen 980ms ease-out 120ms both;
}

.a75-ai-progress-strip {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 26%, var(--border));
    border-radius: .85rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .85rem;
    overflow: hidden;
    padding: .55rem;
    position: relative;
    background:
        linear-gradient(90deg, rgba(124, 58, 237, .1), rgba(6, 182, 212, .1), rgba(34, 197, 94, .1), rgba(249, 115, 22, .1)),
        color-mix(in srgb, var(--background) 88%, transparent);
}

.a75-ai-progress-strip::after {
    content: "";
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    background: linear-gradient(90deg, #7c3aed, #06b6d4, #22c55e, #f97316);
    transform: translateX(-100%);
    animation: a75-ai-strip-sweep 1200ms ease-out 180ms both;
}

.a75-ai-stage-chip,
.a75-ai-status-chip,
.a75-ai-confidence-chip,
.a75-ai-fit-chip {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 24%, var(--border));
    border-radius: 999px;
    display: inline-flex;
    gap: .35rem;
    min-height: 1.8rem;
    max-width: 100%;
    padding: .32rem .62rem;
    color: var(--foreground);
    font-size: .74rem;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
    background: color-mix(in srgb, var(--card) 82%, transparent);
}

.a75-ai-stage-chip.is-current,
.a75-ai-status-chip.is-ready {
    border-color: color-mix(in srgb, #22c55e 42%, var(--border));
    background: color-mix(in srgb, #22c55e 12%, var(--card));
    color: var(--success-strong, #047857);
}

.a75-ai-stage-chip.is-review,
.a75-ai-status-chip.is-review {
    border-color: color-mix(in srgb, #f97316 38%, var(--border));
    background: color-mix(in srgb, #f97316 10%, var(--card));
    color: var(--warning-strong, #b45309);
}

.a75-ai-stage-chip.is-muted,
.a75-ai-status-chip.is-muted {
    border-color: var(--border);
    color: var(--muted-foreground);
}

.a75-ai-review-boundary {
    align-items: flex-start;
    border: 1px solid color-mix(in srgb, #f97316 30%, var(--border));
    border-radius: .85rem;
    display: flex;
    gap: .7rem;
    margin-top: .9rem;
    padding: .75rem .85rem;
    background: color-mix(in srgb, #f97316 9%, var(--card));
    color: var(--foreground);
    font-size: .82rem;
    line-height: 1.5;
}

.a75-ai-review-boundary strong {
    display: block;
    font-size: .86rem;
}

.a75-ai-review-boundary span {
    color: var(--muted-foreground);
}

/* ==================================================
   AI WORK RECEIPT COMPONENT
================================================== */

.a75-ai-work-receipt {
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 24%, var(--border));
    border-radius: .5rem;
    display: grid;
    gap: .85rem;
    margin-top: .9rem;
    padding: .9rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, #06b6d4 8%, transparent), transparent 48%),
        color-mix(in srgb, var(--background) 88%, transparent);
}

.a75-ai-work-receipt__head {
    align-items: flex-start;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
}

.a75-ai-work-receipt__head h3 {
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
    margin: .1rem 0 0;
}

.a75-ai-work-receipt__head p {
    color: var(--muted-foreground);
    font-size: .82rem;
    line-height: 1.5;
    margin: .2rem 0 0;
    max-width: 52rem;
}

.a75-ai-work-receipt__grid {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.a75-ai-work-receipt__fact {
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-a, #7c3aed) 15%, var(--border));
    border-radius: .5rem;
    display: grid;
    gap: .28rem;
    min-width: 0;
    padding: .7rem;
    background: color-mix(in srgb, var(--card) 80%, transparent);
}

.a75-ai-work-receipt__fact span,
.a75-ai-work-receipt__notes span {
    align-items: center;
    color: var(--muted-foreground);
    display: inline-flex;
    font-size: .7rem;
    font-weight: 800;
    gap: .32rem;
    line-height: 1.25;
    text-transform: uppercase;
}

.a75-ai-work-receipt__fact strong {
    color: var(--foreground);
    font-size: .88rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.a75-ai-work-receipt__notes {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.a75-ai-work-receipt__notes > div {
    min-width: 0;
}

.a75-ai-work-receipt__notes p {
    color: var(--foreground);
    font-size: .84rem;
    line-height: 1.55;
    margin: .25rem 0 0;
}

.a75-ai-work-receipt__boundary {
    align-items: flex-start;
    border-left: 3px solid color-mix(in srgb, #f97316 62%, var(--border));
    display: flex;
    gap: .62rem;
    padding-left: .75rem;
}

.a75-ai-work-receipt--compact {
    gap: .7rem;
    padding: .75rem;
}

.a75-ai-work-receipt--compact .a75-ai-work-receipt__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ==================================================
   AI FAILURE AND FALLBACK UX
   WHY: Operators need a clear manual path when provider setup or a failed job
   blocks AI assistance. These panels are render-only and keep secrets/errors
   summarized before any browser output.
   IMPACT / BLAST RADIUS: Scoped to shared AI receipt/readiness components on
   Intake Review, LeadOps, AI Results, and System Health.
================================================== */

.a75-ai-fallback-panel,
.a75-ai-fallback-callout {
    border: 1px solid color-mix(in srgb, #f59e0b 28%, var(--border));
    border-radius: .5rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, #f59e0b 9%, transparent), transparent 52%),
        color-mix(in srgb, var(--card) 92%, transparent);
}

.a75-ai-fallback-panel {
    align-items: flex-start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, auto);
    margin-top: .9rem;
    padding: .95rem;
}

.a75-ai-fallback-panel__copy,
.a75-ai-fallback-callout__copy {
    min-width: 0;
}

.a75-ai-fallback-panel h3 {
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 840;
    line-height: 1.25;
    margin: .1rem 0 0;
}

.a75-ai-fallback-panel p,
.a75-ai-fallback-callout p {
    color: var(--muted-foreground);
    font-size: .82rem;
    line-height: 1.5;
    margin: .25rem 0 0;
}

.a75-ai-fallback-panel__message {
    color: var(--foreground) !important;
}

.a75-ai-fallback-panel__actions {
    align-items: flex-end;
    display: grid;
    gap: .65rem;
    justify-items: end;
    min-width: 0;
}

.a75-ai-fallback-panel__badges,
.a75-ai-fallback-callout__badges {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.a75-ai-fallback-panel__cta,
.a75-ai-fallback-callout__cta {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
}

.a75-ai-fallback-callout {
    align-items: center;
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .8rem;
}

.a75-ai-summary-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .85rem;
}

.a75-ai-summary-metric {
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 18%, var(--border));
    border-radius: .85rem;
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .75rem;
    background: color-mix(in srgb, var(--background) 86%, transparent);
}

.a75-ai-summary-metric span {
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.a75-ai-summary-metric strong {
    color: var(--foreground);
    font-size: 1.15rem;
}

.a75-ai-result-reveal,
.a75-campaign-draft-panel:not([hidden]),
[data-research-evidence-card],
.a75-enrichment-campaign-card,
[data-ai-field-suggestion-card],
.a75-field-suggestion-row,
.a75-ai-work-receipt {
    animation: a75-ai-result-reveal 420ms ease-out both;
}

.leadops-campaign-fit,
.intake-campaign-fit-preview {
    animation: a75-ai-result-reveal 460ms ease-out both;
}

.leadops-campaign-fit-detail .is-match,
.owner-campaign-fit-list .is-match,
.a75-ai-fit-chip.is-match {
    background: color-mix(in srgb, #22c55e 10%, var(--card));
}

.leadops-campaign-fit-detail .is-missing,
.owner-campaign-fit-list .is-missing,
.a75-ai-fit-chip.is-missing {
    background: color-mix(in srgb, #f59e0b 10%, var(--card));
}

.leadops-campaign-fit-detail .is-disqualified,
.owner-campaign-fit-list .is-disqualified,
.a75-ai-fit-chip.is-disqualified {
    background: color-mix(in srgb, #ef4444 10%, var(--card));
}

.a75-ai-confidence-chip.is-high {
    border-color: color-mix(in srgb, #22c55e 42%, var(--border));
    color: var(--success-strong, #047857);
}

.a75-ai-confidence-chip.is-medium {
    border-color: color-mix(in srgb, #f59e0b 42%, var(--border));
    color: var(--warning-strong, #b45309);
}

.a75-ai-confidence-chip.is-low {
    border-color: color-mix(in srgb, #ef4444 38%, var(--border));
    color: var(--danger, #dc2626);
}

@keyframes a75-ai-card-sheen {
    from {
        transform: translateX(-120%);
    }
    to {
        transform: translateX(120%);
    }
}

@keyframes a75-ai-strip-sweep {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes a75-ai-result-reveal {
    from {
        opacity: 0;
        transform: translateY(7px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 860px) {
    .a75-ai-work-receipt__grid,
    .a75-ai-work-receipt--compact .a75-ai-work-receipt__grid,
    .a75-ai-work-receipt__notes,
    .a75-ai-fallback-panel,
    .a75-ai-fallback-callout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 560px) {
    .a75-ai-work-receipt__head,
    .a75-ai-work-receipt__boundary {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-ai-work-receipt__grid,
    .a75-ai-work-receipt--compact .a75-ai-work-receipt__grid,
    .a75-ai-work-receipt__notes,
    .a75-ai-fallback-panel,
    .a75-ai-fallback-callout {
        grid-template-columns: 1fr;
    }

    .a75-ai-fallback-panel__actions,
    .a75-ai-fallback-panel__badges,
    .a75-ai-fallback-callout__badges {
        align-items: stretch;
        justify-content: flex-start;
        justify-items: stretch;
    }

    .a75-ai-fallback-panel__cta,
    .a75-ai-fallback-callout__cta {
        justify-content: center;
        width: 100%;
    }

    .a75-ai-summary-grid {
        grid-template-columns: 1fr;
    }

    .a75-ai-review-boundary {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .a75-ai-magic-card::before,
    .a75-ai-progress-strip::after,
    .a75-ai-result-reveal,
    .a75-campaign-draft-panel:not([hidden]),
    [data-research-evidence-card],
    .a75-enrichment-campaign-card,
    [data-ai-field-suggestion-card],
    .a75-field-suggestion-row,
    .a75-ai-work-receipt,
    .leadops-campaign-fit,
    .intake-campaign-fit-preview {
        animation: none !important;
        transform: none !important;
    }
}

/* ==================================================
   RECORD AI SUMMARY POLISH
================================================== */
.record-ai-summary-layer {
    border: 1px solid color-mix(in srgb, #06b6d4 24%, var(--border));
    border-radius: 16px;
    margin: .85rem 0 1.15rem;
    padding: clamp(.85rem, 2vw, 1.2rem);
}

.record-ai-summary-grid {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .75fr);
    min-width: 0;
}

.record-ai-summary-main,
.record-ai-next-action-panel,
.record-ai-mini-panel {
    min-width: 0;
}

.record-ai-kicker,
.record-ai-chip-row,
.record-ai-secondary-actions,
.record-ai-missing-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    min-width: 0;
}

.record-ai-summary-main h2 {
    color: var(--foreground);
    font-size: clamp(1.25rem, 2.6vw, 1.75rem);
    line-height: 1.1;
    margin: .7rem 0 .45rem;
}

.record-ai-summary-main > p,
.record-ai-mini-panel p,
.record-ai-next-action-panel p {
    color: var(--muted-foreground);
    font-size: .9rem;
    line-height: 1.55;
    margin: 0;
    overflow-wrap: anywhere;
}

.record-ai-subgrid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.record-ai-mini-panel,
.record-ai-next-action-panel {
    border: 1px solid color-mix(in srgb, #7c3aed 18%, var(--border));
    border-radius: 8px;
    background:
        linear-gradient(145deg, color-mix(in srgb, #7c3aed 7%, transparent), transparent 46%),
        color-mix(in srgb, var(--card) 92%, transparent);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

.record-ai-mini-panel {
    display: grid;
    gap: .65rem;
    padding: .85rem;
}

.record-ai-campaign-panel {
    border-color: color-mix(in srgb, #22c55e 24%, var(--border));
}

.record-ai-enrichment-panel {
    border-color: color-mix(in srgb, #06b6d4 24%, var(--border));
}

.record-ai-panel-heading {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
}

.record-ai-panel-heading span,
.record-ai-next-label {
    align-items: center;
    color: var(--muted-foreground);
    display: inline-flex;
    gap: .35rem;
    font-size: .72rem;
    font-weight: 820;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.record-ai-panel-heading strong {
    color: var(--foreground);
    font-size: .86rem;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.record-ai-campaign-list {
    display: grid;
    gap: .4rem;
    list-style: none;
    margin: .1rem 0 0;
    padding: 0;
}

.record-ai-campaign-list li {
    align-items: flex-start;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    gap: .4rem;
    padding: .45rem .55rem;
    color: var(--foreground);
    font-size: .78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.record-ai-campaign-list li.is-match {
    background: color-mix(in srgb, #22c55e 10%, var(--card));
}

.record-ai-campaign-list li.is-missing {
    background: color-mix(in srgb, #f59e0b 10%, var(--card));
}

.record-ai-campaign-list li.is-disqualified {
    background: color-mix(in srgb, #ef4444 10%, var(--card));
}

.record-ai-metric-row {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.record-ai-metric-row span {
    border: 1px solid color-mix(in srgb, #06b6d4 16%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: .12rem;
    padding: .5rem;
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.2;
    background: color-mix(in srgb, var(--background) 82%, transparent);
}

.record-ai-metric-row strong {
    color: var(--foreground);
    font-size: 1rem;
}

.record-ai-next-action-panel {
    align-content: flex-start;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
}

.record-ai-next-action-panel.is-primary {
    border-color: color-mix(in srgb, #7c3aed 34%, var(--border));
}

.record-ai-next-action-panel.is-warning {
    border-color: color-mix(in srgb, #f97316 38%, var(--border));
    background:
        linear-gradient(145deg, color-mix(in srgb, #f97316 9%, transparent), transparent 48%),
        color-mix(in srgb, var(--card) 92%, transparent);
}

.record-ai-next-action-panel.is-success {
    border-color: color-mix(in srgb, #22c55e 34%, var(--border));
    background:
        linear-gradient(145deg, color-mix(in srgb, #22c55e 8%, transparent), transparent 48%),
        color-mix(in srgb, var(--card) 92%, transparent);
}

.record-ai-next-action-panel h3 {
    color: var(--foreground);
    font-size: 1.18rem;
    line-height: 1.15;
    margin: 0;
    overflow-wrap: anywhere;
}

.record-ai-primary-action {
    justify-content: center;
    min-height: 2.55rem;
    text-align: center;
    white-space: normal;
    width: 100%;
}

.record-ai-secondary-actions a,
.record-ai-missing-list a {
    align-items: center;
    border: 1px solid color-mix(in srgb, #06b6d4 18%, var(--border));
    border-radius: 999px;
    color: var(--foreground);
    display: inline-flex;
    font-size: .76rem;
    font-weight: 780;
    line-height: 1.25;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: .34rem .58rem;
    text-decoration: none;
    background: color-mix(in srgb, var(--background) 86%, transparent);
}

.record-ai-secondary-actions a:hover,
.record-ai-missing-list a:hover {
    border-color: color-mix(in srgb, #7c3aed 32%, var(--border));
    color: var(--a75-color-primary, var(--primary));
}

.record-ai-missing-list {
    border-top: 1px solid var(--border);
    margin-top: auto;
    padding-top: .75rem;
}

.record-ai-missing-list > span {
    color: var(--muted-foreground);
    flex-basis: 100%;
    font-size: .72rem;
    font-weight: 820;
    text-transform: uppercase;
}

.record-ai-review-boundary {
    margin-bottom: 0;
}

@media (max-width: 1020px) {
    .record-ai-summary-grid,
    .record-ai-subgrid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .record-ai-summary-layer {
        border-radius: 12px;
        margin-inline: 0;
        padding: .75rem;
    }

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

    .record-ai-panel-heading {
        display: grid;
    }

    .record-ai-secondary-actions,
    .record-ai-missing-list {
        align-items: stretch;
        flex-direction: column;
    }

    .record-ai-secondary-actions a,
    .record-ai-missing-list a {
        border-radius: 8px;
        justify-content: center;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .record-ai-summary-layer,
    .record-ai-mini-panel,
    .record-ai-next-action-panel {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* ==================================================
   AI ENRICHMENT HUB POLISH
================================================== */
.a75-enrichment-campaign-card {
    align-items: start;
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 22%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(0, .38fr) minmax(0, .62fr);
    margin-top: .85rem;
    padding: .8rem;
    background: color-mix(in srgb, var(--background) 88%, transparent);
}

.a75-enrichment-campaign-card span,
.a75-enrichment-suggestion-card__head span,
.a75-enrichment-evidence-card__head span,
.a75-enrichment-value-grid span,
.a75-enrichment-why-grid span {
    align-items: center;
    color: var(--muted-foreground);
    display: flex;
    gap: .35rem;
    font-size: .68rem;
    font-weight: 820;
    text-transform: uppercase;
}

.a75-enrichment-campaign-card strong,
.a75-enrichment-value-grid strong {
    color: var(--foreground);
    display: block;
    font-size: .9rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.a75-enrichment-campaign-card p,
.a75-enrichment-why-grid p,
.a75-enrichment-evidence-card p {
    color: var(--muted-foreground);
    font-size: .78rem;
    line-height: 1.55;
    margin: 0;
    overflow-wrap: anywhere;
}

.a75-enrichment-suggestion-list,
.a75-enrichment-evidence-list {
    display: grid;
    gap: .85rem;
}

.a75-enrichment-suggestion-card,
.a75-enrichment-evidence-card {
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 18%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    min-width: 0;
    padding: .9rem;
    background: color-mix(in srgb, var(--background) 86%, transparent);
}

.a75-enrichment-evidence-card.is-stale-evidence {
    border-color: color-mix(in srgb, #ef4444 44%, var(--border));
    background: color-mix(in srgb, #ef4444 5%, var(--background));
}

.a75-enrichment-suggestion-card__head,
.a75-enrichment-evidence-card__head {
    align-items: start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
}

.a75-enrichment-suggestion-card__head strong,
.a75-enrichment-evidence-card__head strong {
    color: var(--foreground);
    display: block;
    font-size: .96rem;
    line-height: 1.35;
    margin-top: .1rem;
    overflow-wrap: anywhere;
}

.a75-enrichment-value-grid,
.a75-enrichment-why-grid {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.a75-enrichment-value-grid > div,
.a75-enrichment-why-grid > div {
    border: 1px solid var(--border);
    border-radius: 8px;
    min-width: 0;
    padding: .65rem;
    background: color-mix(in srgb, var(--card) 82%, transparent);
}

.a75-enrichment-card-chips,
.a75-enrichment-card-actions,
.a75-enrichment-status-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.a75-enrichment-card-chips span,
.a75-enrichment-status-tabs a,
.a75-enrichment-state-chip,
.a75-evidence-freshness-badge {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--a75-ai-aurora-b, #06b6d4) 20%, var(--border));
    border-radius: 999px;
    display: inline-flex;
    gap: .35rem;
    max-width: 100%;
    padding: .34rem .58rem;
    color: var(--foreground);
    font-size: .72rem;
    font-weight: 780;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-decoration: none;
    background: color-mix(in srgb, var(--card) 82%, transparent);
}

.a75-evidence-freshness-badge small {
    font-size: .66rem;
    font-weight: 720;
    opacity: .82;
}

.a75-evidence-freshness-badge.is-fresh {
    border-color: color-mix(in srgb, #22c55e 38%, var(--border));
    color: var(--success-strong, #047857);
}

.a75-evidence-freshness-badge.is-aging {
    border-color: color-mix(in srgb, #f59e0b 42%, var(--border));
    color: var(--warning-strong, #b45309);
}

.a75-evidence-freshness-badge.is-stale {
    border-color: color-mix(in srgb, #ef4444 42%, var(--border));
    color: var(--danger, #dc2626);
}

.a75-evidence-freshness-badge.is-unknown-date {
    border-color: color-mix(in srgb, var(--muted-foreground) 28%, var(--border));
    color: var(--muted-foreground);
}

.a75-enrichment-status-tabs {
    margin-bottom: .9rem;
}

.a75-enrichment-status-tabs a.is-active {
    border-color: color-mix(in srgb, var(--primary) 36%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--card));
    color: var(--primary);
}

.a75-enrichment-status-tabs a span {
    border-radius: 999px;
    color: inherit;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
    padding: .18rem .4rem;
    background: color-mix(in srgb, currentColor 10%, transparent);
}

.a75-enrichment-state-chip.is-pending {
    border-color: color-mix(in srgb, #f59e0b 38%, var(--border));
    color: var(--warning-strong, #b45309);
}

.a75-enrichment-state-chip.is-conflict {
    border-color: color-mix(in srgb, #f59e0b 42%, var(--border));
    color: var(--warning-strong, #b45309);
}

.a75-enrichment-state-chip.is-needs-evidence {
    border-color: color-mix(in srgb, #ef4444 34%, var(--border));
    color: var(--danger, #dc2626);
}

.a75-enrichment-state-chip.is-accepted {
    border-color: color-mix(in srgb, #22c55e 38%, var(--border));
    color: var(--success-strong, #047857);
}

.a75-enrichment-state-chip.is-rejected,
.a75-enrichment-state-chip.is-stale,
.a75-enrichment-card-chips .is-stale {
    border-color: color-mix(in srgb, #ef4444 34%, var(--border));
    color: var(--danger, #dc2626);
}

.a75-enrichment-state-chip.is-note {
    border-color: color-mix(in srgb, #06b6d4 34%, var(--border));
    color: color-mix(in srgb, #06b6d4 76%, var(--foreground));
}

.a75-enrichment-safe-url {
    border-radius: 8px;
    color: var(--muted-foreground);
    font-size: .74rem;
    overflow-wrap: anywhere;
    padding: .55rem .65rem;
    background: color-mix(in srgb, var(--muted) 44%, transparent);
}

.a75-enrichment-purge-panel {
    border: 1px solid color-mix(in srgb, #ef4444 28%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: .8rem;
    padding: .85rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, #ef4444 8%, transparent), transparent 48%),
        color-mix(in srgb, var(--card) 88%, transparent);
}

.a75-enrichment-purge-panel span,
.a75-enrichment-purge-panel strong,
.a75-enrichment-purge-panel p {
    display: block;
}

.a75-enrichment-purge-panel span {
    align-items: center;
    color: var(--danger, #dc2626);
    display: flex;
    gap: .35rem;
    font-size: .7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75-enrichment-purge-panel strong {
    color: var(--foreground);
    font-size: .92rem;
    line-height: 1.35;
}

.a75-enrichment-purge-panel p {
    color: var(--muted-foreground);
    font-size: .78rem;
    line-height: 1.5;
    margin: .2rem 0 0;
}

.a75-enrichment-purge-options {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.a75-enrichment-purge-options label {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    gap: .45rem;
    min-width: 0;
    padding: .52rem .6rem;
    background: color-mix(in srgb, var(--background) 82%, transparent);
    color: var(--foreground);
    font-size: .74rem;
    font-weight: 760;
}

.a75-ai-summary-metric strong {
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .a75-enrichment-campaign-card,
    .a75-enrichment-why-grid,
    .a75-enrichment-purge-options {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .a75-enrichment-suggestion-card__head,
    .a75-enrichment-evidence-card__head {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-enrichment-value-grid {
        grid-template-columns: 1fr;
    }

    .a75-enrichment-card-actions .crm-action-btn,
    .a75-enrichment-status-tabs a {
        justify-content: center;
        width: 100%;
    }
}

/* ==================================================
   CONTACT COMPANY RECORD RESET
================================================== */
.a75-record-view .contact-cockpit-grid,
.a75-record-view .company-cockpit-grid {
    align-items: start;
    display: grid;
    gap: 1.1rem;
    grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
}

.a75-record-view.is-record-rail-collapsed .contact-cockpit-grid,
.a75-record-view.is-record-rail-collapsed .company-cockpit-grid {
    /*
     * WHY:
     * Collapsing the record rail now means the rail leaves the layout entirely.
     * The tab content should claim the full record workspace instead of keeping
     * a narrow icon column that can collide with the pill rail above it.
     *
     * IMPACT / BLAST RADIUS:
     * This applies only to live v2 record views while the rail is collapsed.
     * Expanding the rail restores the two-column content/sidebar frame.
     */
    grid-template-columns: minmax(0, 1fr);
}

.a75-record-view .contact-form-cockpit.contact-cockpit-grid,
.a75-record-view .company-form-cockpit.company-cockpit-grid,
.a75-record-view.is-record-rail-collapsed .contact-form-cockpit.contact-cockpit-grid,
.a75-record-view.is-record-rail-collapsed .company-form-cockpit.company-cockpit-grid {
    /*
     * WHY:
     * Add/Edit form cards nest their own .crm-edit-shell. This later override
     * prevents read-only View grid rules from pushing the form into the rail
     * column and hiding the editable sections.
     */
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
}

.a75-record-view .contact-cockpit-main,
.a75-record-view .company-cockpit-main,
.a75-record-view .a75-tabs,
.a75-record-view [data-tab-panel] {
    min-width: 0;
}

.a75-record-reset-header {
    border-radius: 10px;
}

.a75-record-reset-header .a75-entity-header__actions {
    gap: .5rem;
}

.a75-record-reset-header .a75-button {
    border-radius: 8px;
    min-height: 2.35rem;
}

.a75-record-view .a75-tabs__list {
    gap: .4rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: .35rem;
}

.a75-record-view .a75-tabs__tab {
    border-radius: 8px;
    white-space: nowrap;
}

.a75-record-view .agency75-section-card,
.a75-record-view .a75-card {
    border-radius: 8px;
}

.a75-record-rail {
    display: grid;
    gap: 1rem;
}

.a75-record-rail-widgets {
    display: grid;
    gap: 1rem;
}

.a75-record-rail .crm-card,
.a75-record-rail .rail-card,
.a75-record-rail > .rounded-xl {
    border-radius: 8px;
    margin: 0;
}

.a75-record-rail .crm-card,
.a75-record-rail .rail-card {
    padding: .95rem;
}

html:not(.a75crm-dark) .a75-record-view {
    --a75-border-subtle: #d9c9bd;
    --crm-border: #ded0c5;
}

html:not(.a75crm-dark) .a75-record-view .agency75-section-card,
html:not(.a75crm-dark) .a75-record-rail .crm-card,
html:not(.a75crm-dark) .a75-record-rail .rail-card,
html:not(.a75crm-dark) .a75-record-rail .a75-record-widget > .crm-card,
html:not(.a75crm-dark) .a75-record-rail .a75-record-widget > .rail-card,
html:not(.a75crm-dark) .a75-record-rail .a75-record-widget > .rounded-xl {
    border-color: #d9c9bd;
}

.a75-record-rail h2 {
    align-items: center;
    display: flex;
    font-size: .82rem;
    gap: .45rem;
    line-height: 1.25;
    margin: 0 0 .65rem;
}

.a75-record-rail p {
    line-height: 1.45;
}

.a75-record-rail .contact-sidebar-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.a75-record-rail .crm-missing-card,
.a75-record-rail .crm-completion-card {
    border-radius: 8px;
}

.a75-record-rail-metric {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .15rem;
    margin-bottom: .75rem;
    padding: .7rem;
}

.a75-record-rail-metric strong {
    color: var(--foreground);
    font-size: 1.3rem;
    line-height: 1;
}

.a75-record-rail-metric span {
    color: var(--muted-foreground);
    font-size: .78rem;
}

.a75-record-search-tools {
    display: grid;
    gap: .75rem;
}

.a75-record-search-prompt,
.a75-record-resource-tools {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: .65rem;
}

.a75-record-search-prompt summary,
.a75-record-resource-tools summary {
    align-items: center;
    color: var(--foreground);
    cursor: pointer;
    display: flex;
    font-size: .78rem;
    font-weight: 800;
    justify-content: space-between;
    line-height: 1.25;
}

.a75-record-search-prompt summary span,
.a75-record-resource-tools summary span {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
}

.a75-record-search-prompt textarea {
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--foreground);
    font-size: .78rem;
    line-height: 1.45;
    margin-top: .6rem;
    min-height: 9rem;
    padding: .65rem;
    resize: vertical;
    width: 100%;
}

.a75-record-search-actions {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .55rem;
}

.a75-record-search-grid,
.a75-record-resource-list {
    display: grid;
    gap: .45rem;
}

.a75-record-search-grid {
    grid-template-columns: 1fr;
}

.a75-record-search-grid a,
.a75-record-resource-list a {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--foreground);
    display: grid;
    gap: .45rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 2.55rem;
    padding: .55rem .6rem;
    text-decoration: none;
}

.a75-record-search-grid a:hover,
.a75-record-resource-list a:hover {
    background: var(--accent);
}

.a75-record-search-grid span,
.a75-record-resource-list strong,
.a75-record-resource-list small {
    overflow-wrap: anywhere;
}

.a75-record-resource-list {
    margin-top: .6rem;
}

.a75-record-resource-list a span {
    display: grid;
    gap: .1rem;
}

.a75-record-resource-list small,
.a75-record-search-boundary {
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.4;
}

.a75-record-search-boundary {
    align-items: flex-start;
    display: flex;
    gap: .35rem;
    margin: 0;
}

/* ==================================================
   RECORD PAGE V2 PERSONALIZATION
================================================== */
.a75-record-view [data-a75-record-tab-key="overview"] { --a75-record-tab-color: #ff5a36; }
.a75-record-view [data-a75-record-tab-key="channels"] { --a75-record-tab-color: #2563eb; }
.a75-record-view [data-a75-record-tab-key="company"],
.a75-record-view [data-a75-record-tab-key="people"] { --a75-record-tab-color: #f59e0b; }
.a75-record-view [data-a75-record-tab-key="opportunities"] { --a75-record-tab-color: #10b981; }
.a75-record-view [data-a75-record-tab-key="activity"] { --a75-record-tab-color: #8b5cf6; }
.a75-record-view [data-a75-record-tab-key="tasks"] { --a75-record-tab-color: #06b6d4; }
.a75-record-view [data-a75-record-tab-key="conversations"] { --a75-record-tab-color: #ec4899; }
.a75-record-view [data-a75-record-tab-key="ai_enrichment"] { --a75-record-tab-color: #a855f7; }
.a75-record-view [data-a75-record-tab-key="system"] { --a75-record-tab-color: #6b5f59; }

.a75-record-view .contact-tab-strip.a75-tabs__list,
.a75-record-view .company-tab-strip.a75-tabs__list {
    align-items: center;
    border-bottom: 1px solid var(--a75-border-subtle, var(--crm-border, #eadfd7));
    display: flex;
    flex-wrap: nowrap;
    gap: .55rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .45rem 0 .75rem;
    scrollbar-width: thin;
}

.a75-record-tab-rail-toggle {
    align-items: center;
    background: var(--a75-surface-card, #fff);
    border: 1px solid var(--a75-border-subtle, #eadfd7);
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(31, 23, 18, .07);
    color: var(--foreground, #241c18);
    display: none;
    font-size: .78rem;
    font-weight: 780;
    gap: .35rem;
    min-height: 2.2rem;
    padding: .42rem .72rem;
    position: absolute;
    right: 0;
    top: .48rem;
    z-index: 2;
}

.a75-record-tab-rail-toggle:hover,
.a75-record-tab-rail-toggle:focus-visible {
    border-color: color-mix(in srgb, var(--a75-color-primary, #ff5a36) 34%, var(--a75-border-subtle, #eadfd7));
    color: var(--a75-color-primary, #ff5a36);
    outline: none;
}

.a75-record-view.is-record-rail-collapsed .a75-record-tab-rail-toggle {
    display: inline-flex;
}

.a75-record-view.is-record-rail-collapsed .contact-tab-strip.a75-tabs__list,
.a75-record-view.is-record-rail-collapsed .company-tab-strip.a75-tabs__list {
    padding-right: 0;
    width: calc(100% - 7.4rem);
}

.a75-record-view .contact-tab-button.a75-tabs__tab,
.a75-record-view .company-tab-button.a75-tabs__tab {
    align-items: center;
    background: var(--a75-surface-card, var(--crm-card, #fff));
    border: 1px solid color-mix(in srgb, var(--a75-record-tab-color, #ff5a36) 18%, var(--a75-border-subtle, #eadfd7));
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(31, 23, 18, .055);
    color: var(--a75-text-muted, var(--muted-foreground, #6f655f));
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .86rem;
    font-weight: 750;
    gap: .45rem;
    min-height: 2.25rem;
    padding: .42rem .68rem;
}

.a75-record-view .contact-tab-button.a75-tabs__tab .tab-icon,
.a75-record-view .company-tab-button.a75-tabs__tab .tab-icon {
    color: var(--a75-record-tab-color, #ff5a36);
    stroke-width: 2.25;
}

.a75-record-view .contact-tab-button.a75-tabs__tab:hover,
.a75-record-view .company-tab-button.a75-tabs__tab:hover,
.a75-record-view .contact-tab-button.a75-tabs__tab.is-active,
.a75-record-view .company-tab-button.a75-tabs__tab.is-active {
    background: color-mix(in srgb, var(--a75-record-tab-color, #ff5a36) 8%, var(--a75-surface-card, #fff));
    border-color: color-mix(in srgb, var(--a75-record-tab-color, #ff5a36) 42%, var(--a75-border-subtle, #eadfd7));
    color: var(--a75-record-tab-color, #ff5a36);
}

.a75-record-view .contact-tab-button.a75-tabs__tab .tab-count,
.a75-record-view .company-tab-button.a75-tabs__tab .tab-count {
    background: color-mix(in srgb, var(--a75-record-tab-color, #ff5a36) 12%, #fff);
    color: var(--a75-record-tab-color, #ff5a36);
    min-width: 1.15rem;
}

.a75-record-view .agency75-section-card {
    border-color: var(--a75-border-subtle, var(--crm-border, #eadfd7));
    box-shadow: 0 10px 24px rgba(31, 23, 18, .045);
}

.a75-record-view .agency75-section-card-head {
    align-items: center;
    border-bottom-color: var(--a75-border-subtle, var(--crm-border, #eadfd7));
    padding: .92rem 1rem;
}

.a75-record-view .agency75-section-card-body {
    padding: .8rem 1rem 1rem;
}

.a75-record-view .agency75-section-card.is-section-collapsed .agency75-section-card-body {
    display: none;
}

.a75-record-view .a75-form-section-card.is-section-collapsed > :not(.agency75-section-card-head) {
    display: none;
}

.a75-record-view .agency75-section-card.is-section-collapsed .a75-record-section-collapse-toggle i {
    transform: rotate(180deg);
}

.a75-record-view .contact-section-grid.two {
    grid-template-columns: 1fr;
}

.a75-record-view .contact-cockpit-hero.a75-record-reset-header,
.company-view-cockpit.a75-record-view .a75-entity-hero {
    align-items: center;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 22rem);
    margin-bottom: .65rem;
    padding: .85rem 1rem;
}

.a75-record-view .contact-hero-main {
    gap: .7rem;
    min-width: 0;
}

.a75-record-view .contact-avatar-xl,
.a75-record-view .a75-entity-header__avatar.contact-avatar-xl {
    border-radius: 16px;
    height: 4rem;
    width: 4rem;
}

.a75-record-view .contact-hero-title-row h1::first-letter,
.a75-record-view .a75-entity-header__title::first-letter {
    color: inherit;
    font-size: inherit;
}

.a75-record-view .contact-hero-actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    justify-content: center;
}

.a75-record-view .contact-cockpit-hero .contact-score-dials,
.a75-record-view .a75-entity-header__scores {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .4rem;
}

.a75-record-view .contact-hero-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    justify-content: flex-end;
    width: 100%;
}

.a75-record-view .contact-hero-button-row .a75-button,
.a75-record-view .contact-hero-button-row .crm-action-btn,
.a75-record-view .contact-hero-button-row .contact-edit-button {
    flex: 1 1 calc(50% - .25rem);
    min-height: 1.95rem !important;
    min-width: 0;
    padding: .28rem .44rem !important;
    white-space: nowrap;
}

.a75-record-view .contact-score-dial {
    align-items: center;
    background: linear-gradient(180deg, color-mix(in srgb, var(--dial-color, #ff5a36) 8%, #fff), var(--a75-surface-card, #fff));
    border-color: color-mix(in srgb, var(--dial-color, #ff5a36) 30%, var(--a75-border-subtle, #eadfd7));
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 8px 18px color-mix(in srgb, var(--dial-color, #ff5a36) 10%, transparent);
    display: inline-grid;
    gap: .34rem;
    grid-template-columns: auto auto;
    justify-items: start;
    min-width: 4.9rem;
    padding: .26rem .46rem .26rem .28rem !important;
    text-decoration: none;
}

.a75-record-view .contact-score-dial .dial-ring {
    height: 2rem;
    width: 2rem;
}

.a75-record-view .contact-score-dial .dial-ring::after {
    inset: .26rem;
}

.a75-record-view .contact-score-dial b {
    font-size: .72rem;
}

.a75-record-view .contact-score-dial .dial-label {
    color: color-mix(in srgb, var(--dial-color, #ff5a36) 78%, var(--foreground));
    font-size: .58rem;
    line-height: 1;
}

.a75-record-view .contact-score-dial small {
    display: none;
}

.a75-record-section-actions {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
}

.a75-record-section-toggle-header,
.a75-record-widget-toggle-header {
    cursor: pointer;
}

.a75-record-section-toggle-header:focus-visible,
.a75-record-widget-toggle-header:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--primary, #ff5a36) 35%, transparent);
    outline-offset: 2px;
}

.a75-record-section-edit-toggle,
.a75-record-section-save,
.a75-record-section-cancel,
.a75-record-section-collapse-toggle {
    align-items: center;
    background: color-mix(in srgb, var(--primary, #ff5a36) 7%, #fff);
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 22%, var(--border, #eadfd7));
    border-radius: 999px;
    color: var(--primary, #ff5a36);
    display: inline-flex;
    font-size: .74rem;
    font-weight: 800;
    gap: .32rem;
    height: 2rem;
    justify-content: center;
    padding: 0 .58rem;
}

.a75-record-section-collapse-toggle {
    padding: 0;
    width: 2rem;
}

.a75-record-section-save,
.a75-record-section-cancel,
.a75-record-view .agency75-section-card.is-section-editing .a75-record-section-edit-toggle {
    display: none;
}

.a75-record-view .agency75-section-card.is-section-editing .a75-record-section-save,
.a75-record-view .agency75-section-card.is-section-editing .a75-record-section-cancel {
    display: inline-flex;
}

.a75-record-section-save {
    background: color-mix(in srgb, #16a34a 9%, #fff);
    border-color: color-mix(in srgb, #16a34a 28%, var(--border, #eadfd7));
    color: #15803d;
}

.a75-record-section-cancel {
    background: color-mix(in srgb, #64748b 8%, #fff);
    border-color: color-mix(in srgb, #64748b 22%, var(--border, #eadfd7));
    color: #475569;
}

.a75-record-section-collapse-toggle i {
    transition: transform .16s ease;
}

.a75-record-view .contact-field-list {
    background: transparent;
    gap: 0;
}

.a75-record-view .contact-field-row {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--a75-border-subtle, #eadfd7) 76%, transparent);
    border-radius: 0;
    box-shadow: none;
    gap: .6rem;
    min-height: 2.65rem;
    padding: .52rem 0;
}

.a75-record-view .contact-field-row:last-child {
    border-bottom: 0;
}

.a75-record-view .contact-field-row > i,
.a75-record-view .contact-field-row > svg {
    background: color-mix(in srgb, currentColor 12%, #fff);
    border-radius: 999px;
    height: 1.55rem;
    margin-top: 0;
    padding: .28rem;
    width: 1.55rem;
}

.a75-record-view .contact-field-row > div {
    align-items: baseline;
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(8rem, .48fr) minmax(0, 1fr);
    min-width: 0;
}

.a75-record-view .contact-field-row dt {
    color: var(--a75-text-muted, var(--muted-foreground, #6f655f));
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.a75-record-view .contact-field-row dd {
    color: var(--foreground, #1f1712);
    font-size: .93rem;
    font-weight: 650;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.a75-record-link-actions {
    align-items: center;
    display: inline-flex;
    gap: .3rem;
    margin-left: .5rem;
    vertical-align: middle;
}

.a75-record-link-preview,
.a75-record-link-open {
    align-items: center;
    background: color-mix(in srgb, var(--primary, #ff5a36) 7%, var(--a75-surface-card, #fff));
    border: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 20%, var(--a75-border-subtle, #eadfd7));
    border-radius: 999px;
    color: var(--primary, #ff5a36);
    display: inline-flex;
    font-size: .7rem;
    font-weight: 850;
    gap: .25rem;
    line-height: 1;
    min-height: 1.65rem;
    padding: 0 .48rem;
    text-decoration: none;
}

.a75-record-link-open {
    justify-content: center;
    padding: 0;
    width: 1.65rem;
}

.a75-record-link-preview:hover,
.a75-record-link-open:hover {
    background: color-mix(in srgb, var(--primary, #ff5a36) 13%, var(--a75-surface-card, #fff));
    color: var(--primary, #ff5a36);
}

.a75-record-view .contact-inline-field::after {
    content: none;
}

.a75-record-view .crm-inline-pencil {
    opacity: 0;
}

.a75-record-view .contact-field-row:hover .crm-inline-pencil,
.a75-record-view .contact-inline-field:focus .crm-inline-pencil,
.a75-record-view .agency75-section-card.is-section-editing .crm-inline-pencil {
    opacity: 1;
}

.a75-record-view .agency75-section-card.is-section-editing .contact-field-row {
    background: color-mix(in srgb, var(--primary, #ff5a36) 4%, var(--a75-surface-card, #fff));
    border-bottom-color: color-mix(in srgb, var(--primary, #ff5a36) 22%, var(--a75-border-subtle, #eadfd7));
    padding-inline: .55rem;
}

.a75-record-view .agency75-section-card.is-section-editing .contact-inline-field {
    background: var(--a75-surface-card, #fff);
    outline: 1px solid color-mix(in srgb, var(--primary, #ff5a36) 22%, transparent);
}

.a75-record-view .contact-field-row.is-empty dd,
.a75-record-view .contact-field-row dd .crm-inline-value:empty {
    color: var(--a75-text-muted, var(--muted-foreground, #6f655f));
    font-weight: 560;
}

.a75-record-view .contact-section-grid {
    gap: 1.35rem;
}

.a75-record-view .contact-method-card {
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(31, 23, 18, .04);
}

.a75-record-view .contact-method-card .a75-record-link-actions {
    margin-left: 0;
    margin-top: .15rem;
}

.a75-record-view .contact-method-card.is-empty {
    opacity: .72;
}

.a75-readable-subsection {
    border: 1px solid var(--a75-border-subtle, var(--crm-border, #eadfd7));
    border-radius: 8px;
    overflow: hidden;
}

.a75-readable-subsection h3 {
    background: color-mix(in srgb, var(--primary, #ff5a36) 5%, transparent);
    border-bottom: 1px solid var(--a75-border-subtle, var(--crm-border, #eadfd7));
    color: var(--foreground);
    font-size: .86rem;
    font-weight: 850;
    margin: 0;
    padding: .55rem .7rem;
}

.a75-readable-subsection .contact-field-list {
    padding-inline: .7rem;
}

.a75-record-readable-table {
    border: 1px solid var(--a75-border-subtle, var(--crm-border, #eadfd7));
    border-radius: 8px;
    overflow: auto;
}

.a75-record-readable-table table {
    border-collapse: collapse;
    min-width: 100%;
    width: 100%;
}

.a75-record-readable-table th,
.a75-record-readable-table td {
    border-bottom: 1px solid var(--a75-border-subtle, var(--crm-border, #eadfd7));
    color: var(--foreground);
    font-size: .86rem;
    padding: .58rem .7rem;
    text-align: left;
    vertical-align: top;
}

.a75-record-readable-table th {
    background: color-mix(in srgb, var(--primary, #ff5a36) 5%, transparent);
    color: var(--a75-text-muted, var(--muted-foreground, #6f655f));
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75-record-readable-table tr:last-child td {
    border-bottom: 0;
}

.a75-record-mini-hero {
    align-items: center;
    background: var(--a75-surface-card, var(--crm-card, #fff));
    border: 1px solid var(--a75-border-subtle, var(--crm-border, #e8ded6));
    border-radius: 999px;
    box-shadow: var(--shadow-card, 0 12px 30px rgba(15, 23, 42, .08));
    display: flex;
    gap: .6rem;
    inset-block-start: calc(4rem + .6rem);
    justify-content: space-between;
    margin-bottom: .75rem;
    min-height: 3.1rem;
    padding: .42rem .6rem;
    position: sticky;
    /*
     * WHY:
     * The app shell topbar is a 64px sticky layer. The mini hero must tuck under
     * it after scroll instead of colliding with global search and account tools.
     *
     * IMPACT / BLAST RADIUS:
     * z-index stays below the shell topbar/modals while remaining above record
     * cards, so actions stay reachable without covering global navigation.
     */
    z-index: 25;
}

.a75-record-mini-hero[hidden] {
    display: none !important;
}

.a75-record-mini-hero__identity,
.a75-record-mini-hero__actions {
    align-items: center;
    display: flex;
    gap: .45rem;
    min-width: 0;
}

.a75-record-mini-hero .a75-entity-header__avatar,
.a75-record-mini-hero .contact-avatar-sm,
.a75-record-mini-hero .company-logo-placeholder {
    border-radius: .7rem;
    flex: 0 0 2.1rem !important;
    font-size: .78rem;
    height: 2.1rem !important;
    max-height: 2.1rem;
    max-width: 2.1rem;
    min-height: 2.1rem;
    min-width: 2.1rem;
    width: 2.1rem !important;
}

.a75-record-mini-hero .a75-button {
    border-radius: .6rem;
    font-size: .8rem;
    min-height: 2.1rem;
    padding: .38rem .65rem;
}

.a75-record-mini-hero__title {
    color: var(--foreground);
    font-size: .95rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-record-mini-hero__meta {
    color: var(--muted-foreground);
    font-size: .78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-record-context-rail {
    align-self: start;
    transition: width .18s ease, opacity .18s ease;
}

.a75-record-view.is-record-rail-collapsed .a75-record-context-rail {
    /*
     * WHY:
     * The collapsed state is now a full-width editing/review mode for the tab
     * content, not a compact right-rail mode. Hiding the aside prevents its
     * toolbar from overlapping the tab pill rail.
     */
    display: none;
}

.a75-record-rail-toolbar {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.a75-record-rail-toggle,
.a75-record-layout-reset {
    align-items: center;
    border: 1px solid var(--a75-border-subtle, var(--crm-border, #e8ded6));
    border-radius: 999px;
    color: var(--foreground);
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    gap: .35rem;
    min-height: 2rem;
    padding: .35rem .65rem;
}

.a75-record-rail-collapsed-strip {
    display: none;
    gap: .55rem;
}

.a75-record-rail-collapsed-strip button {
    align-items: center;
    background: color-mix(in srgb, var(--a75-rail-color, #ff5a36) 8%, var(--a75-surface-card, #fff));
    border: 1px solid color-mix(in srgb, var(--a75-rail-color, #ff5a36) 28%, var(--a75-border-subtle, #eadfd7));
    border-radius: 999px;
    color: var(--a75-rail-color, #ff5a36);
    display: inline-flex;
    gap: .35rem;
    min-height: 2.25rem;
    padding: 0;
    position: relative;
}

.a75-record-context-rail.is-collapsed {
    max-width: 3.35rem;
    position: sticky;
    /*
     * WHY:
     * The collapsed rail is short enough to stay sticky even on shorter desktop
     * screens where the legacy expanded rail intentionally becomes static.
     *
     * IMPACT / BLAST RADIUS:
     * Only the collapsed icon strip sticks; expanded rails retain legacy scroll
     * behavior and do not create a second tall fixed sidebar.
     */
    top: calc(4rem + .6rem);
    z-index: 20;
}

.a75-record-context-rail.is-collapsed .a75-record-rail-toolbar {
    justify-content: center;
}

.a75-record-context-rail.is-collapsed .a75-record-rail-toolbar > div,
.a75-record-context-rail.is-collapsed .a75-record-rail-collapsed-strip span {
    display: none;
}

.a75-record-context-rail.is-collapsed .a75-record-rail-toggle {
    justify-content: center;
    padding-inline: .45rem;
    width: 100%;
}

.a75-record-context-rail.is-collapsed .a75-record-rail-toggle [data-a75-rail-toggle-label],
.a75-record-context-rail.is-collapsed .a75-record-layout-reset {
    display: none;
}

.a75-record-context-rail.is-collapsed .a75-record-rail-widgets {
    display: none;
}

.a75-record-context-rail.is-collapsed .a75-record-rail-collapsed-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    width: 100%;
}

.a75-record-context-rail.is-collapsed .a75-record-rail-collapsed-strip button {
    aspect-ratio: 1;
    justify-content: center;
    min-width: 2.25rem;
    width: 2.25rem;
}

.a75-record-rail-collapsed-strip [data-a75-rail-widget="next_action"] { --a75-rail-color: #ff5a36; }
.a75-record-rail-collapsed-strip [data-a75-rail-widget="record_readiness"] { --a75-rail-color: #14b8a6; }
.a75-record-rail-collapsed-strip [data-a75-rail-widget="record_health"] { --a75-rail-color: #2563eb; }
.a75-record-rail-collapsed-strip [data-a75-rail-widget="quick_contact"] { --a75-rail-color: #10b981; }
.a75-record-rail-collapsed-strip [data-a75-rail-widget="missing_data"] { --a75-rail-color: #8b5cf6; }
.a75-record-rail-collapsed-strip [data-a75-rail-widget="campaign_fit"] { --a75-rail-color: #f59e0b; }

.a75-record-rail-badge {
    align-items: center;
    background: var(--a75-rail-color, #ff5a36);
    border: 2px solid var(--a75-surface-card, #fff);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: .66rem;
    font-weight: 800;
    height: 1.18rem;
    justify-content: center;
    min-width: 1.18rem;
    padding: 0 .26rem;
    position: absolute;
    right: -.38rem;
    top: -.36rem;
}

.a75-record-widget {
    position: relative;
}

.a75-record-widget-controls {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: flex-end;
    margin: -.35rem -.25rem .35rem;
}

.a75-record-widget-controls button {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted-foreground);
    display: inline-flex;
    height: 1.55rem;
    justify-content: center;
    width: 1.55rem;
}

.a75-record-widget[hidden] {
    display: none !important;
}

.a75-record-widget.is-widget-collapsed {
    max-height: 4.1rem;
    overflow: hidden;
}

.a75-record-rail .rail-card,
.a75-record-rail .crm-missing-card,
.a75-record-rail .a75-record-search-tools {
    background: linear-gradient(180deg, var(--a75-surface-card, #fff), color-mix(in srgb, var(--a75-surface-card, #fff) 86%, var(--primary, #ff5a36) 4%));
    border-color: color-mix(in srgb, var(--primary, #ff5a36) 12%, var(--a75-border-subtle, var(--border, #eadfd7)));
}

.a75-record-rail-dials {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.a75-record-rail-dials .a75-health-card {
    align-items: flex-start;
    border-radius: 8px;
    box-shadow: none;
    flex-direction: column;
    gap: .38rem;
    min-width: 0;
    padding: .55rem;
}

.a75-record-rail-dials .a75-health-ring {
    height: 3rem;
    width: 3rem;
}

/* ==================================================
   RECORD READINESS CARD
================================================== */

.a75-record-readiness-card {
    /*
     * WHY:
     * Follow-up readiness is a compact operational checklist, so it needs to
     * read as part of the persistent record rail rather than a separate report.
     *
     * IMPACT / BLAST RADIUS:
     * These styles only affect the read-only Wave 35 card and LeadOps strip.
     * They do not alter form controls, POST actions, or provider-backed UI.
     */
    --a75-readiness-accent: #14b8a6;
    display: grid;
    gap: .75rem;
}

.a75-record-readiness-card.is-blocked {
    --a75-readiness-accent: #ef4444;
}

.a75-record-readiness-card.is-review {
    --a75-readiness-accent: #f59e0b;
}

.a75-record-readiness-card.is-ready {
    --a75-readiness-accent: #22c55e;
}

.a75-readiness-summary {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--a75-readiness-accent) 22%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .65rem;
}

.a75-readiness-summary p {
    color: var(--muted-foreground);
    font-size: .78rem;
    margin: .4rem 0 0;
}

.a75-readiness-summary > strong {
    align-items: center;
    background: color-mix(in srgb, var(--a75-readiness-accent) 12%, var(--card));
    border: 1px solid color-mix(in srgb, var(--a75-readiness-accent) 28%, var(--border));
    border-radius: 8px;
    color: var(--foreground);
    display: inline-flex;
    font-size: .9rem;
    justify-content: center;
    min-height: 2.4rem;
    min-width: 2.8rem;
    padding: .3rem .45rem;
}

.a75-readiness-list {
    display: grid;
    gap: .4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.a75-readiness-list li {
    align-items: flex-start;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .5rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: .55rem;
}

.a75-readiness-list li > i {
    margin-top: .1rem;
}

.a75-readiness-list li.is-pass {
    border-color: color-mix(in srgb, #22c55e 24%, var(--border));
}

.a75-readiness-list li.is-pass > i {
    color: #16a34a;
}

.a75-readiness-list li.is-warning {
    border-color: color-mix(in srgb, #f59e0b 30%, var(--border));
    background: color-mix(in srgb, #f59e0b 7%, var(--card));
}

.a75-readiness-list li.is-warning > i {
    color: #d97706;
}

.a75-readiness-list li.is-missing {
    border-color: color-mix(in srgb, #ef4444 28%, var(--border));
    background: color-mix(in srgb, #ef4444 6%, var(--card));
}

.a75-readiness-list li.is-missing > i {
    color: #dc2626;
}

.a75-readiness-list span {
    color: var(--foreground);
    display: block;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.25;
}

.a75-readiness-list small {
    color: var(--muted-foreground);
    display: block;
    font-size: .72rem;
    line-height: 1.35;
    margin-top: .18rem;
    overflow-wrap: anywhere;
}

.a75-readiness-cta {
    justify-content: center;
    min-height: 2.25rem;
    width: 100%;
}

.a75-readiness-strip {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--a75-readiness-accent, #14b8a6) 26%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: .65rem;
    padding: .55rem .65rem;
}

.a75-readiness-strip.is-blocked {
    --a75-readiness-accent: #ef4444;
}

.a75-readiness-strip.is-review {
    --a75-readiness-accent: #f59e0b;
}

.a75-readiness-strip.is-ready {
    --a75-readiness-accent: #22c55e;
}

.a75-readiness-strip span {
    align-items: center;
    color: var(--foreground);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 750;
    gap: .35rem;
    min-width: 0;
}

.a75-readiness-strip small {
    color: var(--muted-foreground);
    font-size: .7rem;
    white-space: nowrap;
}

.a75-readiness-strip a {
    color: color-mix(in srgb, var(--a75-readiness-accent) 70%, var(--foreground));
    font-size: .72rem;
    font-weight: 750;
    grid-column: 1 / -1;
    text-decoration: none;
}

.a75-readiness-strip a:hover {
    text-decoration: underline;
}

.a75-record-rail-dials .a75-health-ring::after {
    inset: .42rem;
}

.a75-record-rail-dials .a75-health-ring span {
    font-size: .68rem;
}

.a75-record-rail-dials .a75-health-card h3 {
    font-size: .72rem;
    line-height: 1.1;
}

.a75-record-rail-dials .a75-health-card p {
    font-size: .66rem;
    line-height: 1.25;
}

.a75-record-rail .a75-record-search-grid a,
.a75-record-rail .a75-record-resource-list a,
.a75-record-rail .crm-missing-item {
    background: color-mix(in srgb, var(--a75-surface-muted, var(--muted, #f8f5f2)) 38%, transparent);
    border-color: color-mix(in srgb, var(--primary, #ff5a36) 10%, var(--a75-border-subtle, var(--border, #eadfd7)));
    border-radius: 8px;
}

html.a75crm-dark .a75-record-view .agency75-section-card,
html.a75crm-dark .a75-record-view .contact-field-row,
html.a75crm-dark .a75-record-view .a75-readable-subsection,
html.a75crm-dark .a75-record-view .a75-record-readable-table,
html.a75crm-dark .a75-record-mini-hero,
html.a75crm-dark .a75-record-rail-collapsed-strip button {
    background-color: color-mix(in srgb, var(--card, #111827) 92%, #020617);
    border-color: color-mix(in srgb, var(--border, #334155) 88%, #64748b);
}

html.a75crm-dark .a75-record-view .agency75-section-card-body,
html.a75crm-dark .a75-contact-cockpit .agency75-section-card-body {
    background: color-mix(in srgb, var(--card, #111827) 94%, #020617);
}

html.a75crm-dark .a75-record-view .contact-tab-button.a75-tabs__tab,
html.a75crm-dark .a75-record-section-edit-toggle,
html.a75crm-dark .a75-record-section-save,
html.a75crm-dark .a75-record-section-cancel,
html.a75crm-dark .a75-record-section-collapse-toggle {
    background: color-mix(in srgb, var(--card, #111827) 86%, var(--a75-record-tab-color, #ff5a36) 8%);
    border-color: color-mix(in srgb, currentColor 30%, var(--border, #334155));
}

html.a75crm-dark .a75-record-view .contact-score-dial {
    background: linear-gradient(180deg, color-mix(in srgb, var(--dial-color, #ff5a36) 16%, #0f172a), #111827);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 20px color-mix(in srgb, var(--dial-color, #ff5a36) 18%, transparent);
}

html.a75crm-dark .a75-record-view .contact-score-dial .dial-ring::after {
    background: color-mix(in srgb, var(--card, #111827) 92%, #020617);
}

html.a75crm-dark .a75-record-link-preview,
html.a75crm-dark .a75-record-link-open,
html.a75crm-dark .a75-record-rail .rail-card,
html.a75crm-dark .a75-record-rail .crm-missing-card,
html.a75crm-dark .a75-record-rail .a75-record-search-tools {
    background: color-mix(in srgb, var(--card, #111827) 90%, var(--primary, #ff5a36) 7%);
    border-color: color-mix(in srgb, var(--border, #334155) 86%, var(--primary, #ff5a36) 14%);
}

html.a75crm-dark .a75-record-view .contact-field-row > i,
html.a75crm-dark .a75-record-view .contact-field-row > svg {
    background: color-mix(in srgb, currentColor 18%, #0f172a);
}

html.a75crm-dark .a75-readable-subsection h3,
html.a75crm-dark .a75-record-readable-table th {
    background: color-mix(in srgb, var(--primary, #ff5a36) 10%, #0f172a);
}

.is-record-layout-dragging {
    opacity: .55;
}

.a75-record-social-icon {
    display: inline-block;
    flex: 0 0 auto;
    height: 1rem;
    object-fit: contain;
    width: 1rem;
}

.a75-section-edit-banner {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 8%, var(--card));
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
    border-radius: var(--radius-lg, .75rem);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin: 1rem 0;
    padding: .8rem 1rem;
}

.a75-section-edit-banner strong {
    color: var(--foreground);
    display: block;
    font-size: .95rem;
}

.a75-section-edit-banner span {
    color: var(--muted-foreground);
    display: block;
    font-size: .8rem;
}

@media (max-width: 1024px) {
    .a75-record-view .contact-cockpit-hero.a75-record-reset-header,
    .company-view-cockpit.a75-record-view .a75-entity-hero {
        grid-template-columns: 1fr;
    }

    .a75-record-view .contact-cockpit-grid,
    .a75-record-view .company-cockpit-grid,
    .a75-record-view .a75-record-view__shell {
        /* Overrides legacy record-grid widths so the right rail reliably moves below the main record on tablet/mobile. */
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .a75-record-rail {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        order: 2;
    }

    .a75-record-context-rail,
    .a75-record-context-rail.is-collapsed {
        max-width: none;
        width: 100%;
    }

    .a75-record-context-rail.is-collapsed .a75-record-rail-collapsed-strip {
        display: flex;
        flex-wrap: wrap;
    }

    .a75-record-mini-hero {
        border-radius: var(--radius-lg, .75rem);
        flex-wrap: wrap;
    }
}

@media (max-width: 430px) {
    .a75-record-reset-header {
        padding: 1rem;
    }

    .a75-record-reset-header .a75-entity-header__actions,
    .a75-record-search-actions {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .a75-record-reset-header .a75-button,
    .a75-record-search-actions .a75-button {
        justify-content: center;
        width: 100%;
    }

    .a75-record-view .contact-section-grid.two,
    .a75-record-view .contact-task-columns {
        grid-template-columns: 1fr;
    }

    .a75-section-edit-banner,
    .a75-record-mini-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-record-mini-hero__actions {
        flex-wrap: wrap;
    }
}

/* ==================================================
   INTAKE UI SIMPLIFICATION PHASE 1/2 FINAL OVERRIDES
   WHY: This late scoped pass makes the composer-first Intake layout win over
   older cockpit, shared compact, and mobile rules declared earlier in this
   file. The earlier Intake simplification block documents the full intent;
   these final overrides keep the active route visually compact.
   IMPACT / BLAST RADIUS: .intake-cockpit only. No route, POST, OCR, Smart
   Paste, CSRF, AI, connector, or schema behavior changes are introduced.
================================================== */
.intake-cockpit .intake-hero {
    background: linear-gradient(135deg, color-mix(in srgb, var(--card) 94%, var(--primary) 4%), var(--card));
    border-radius: 8px !important;
    gap: .7rem;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: .9rem 1rem !important;
}

.intake-cockpit .intake-hero::after,
.intake-cockpit .intake-hero-sources {
    display: none !important;
}

.intake-cockpit .intake-hero-copy h1 {
    font-size: clamp(1.45rem, 2.2vw, 2.05rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.08 !important;
    margin-top: .24rem;
}

.intake-cockpit .intake-hero-copy p {
    font-size: .84rem;
    line-height: 1.48;
    margin-top: .38rem;
    max-width: 56rem;
}

.intake-cockpit .intake-workspace {
    grid-template-columns: minmax(0, 1.58fr) minmax(300px, .72fr) !important;
}

.intake-cockpit .intake-section,
.intake-cockpit .intake-raw-card,
.intake-cockpit .intake-confidence-card,
.intake-cockpit .intake-missing-card,
.intake-cockpit .intake-rail-card,
.intake-cockpit .intake-extract-card,
.intake-cockpit .intake-understood-card,
.intake-cockpit .intake-recent-item,
.intake-cockpit .intake-empty-state {
    border-radius: 8px !important;
}

.intake-cockpit .intake-card-head,
.intake-cockpit .intake-section-head {
    padding: .78rem .9rem !important;
}

.intake-cockpit .intake-raw-form {
    display: grid;
    gap: .72rem;
    padding: .85rem .9rem .9rem;
}

.intake-cockpit .intake-ocr-capture {
    gap: .62rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 0;
    padding: .7rem;
}

.intake-cockpit .intake-ocr-dropzone,
.intake-cockpit .intake-ocr-preview {
    grid-column: 1 / -1;
}

.intake-cockpit .intake-raw-form textarea {
    border-radius: 8px;
    min-height: 230px;
}

.intake-cockpit .intake-form-actions {
    margin-top: 0;
}

.intake-cockpit .intake-form-actions .agency75-ui-button {
    width: auto;
}

.intake-cockpit .intake-raw-card .smart-paste-card {
    background: color-mix(in srgb, var(--background) 55%, var(--card));
    border-radius: 8px !important;
    box-shadow: none;
    margin: 0 .9rem .9rem;
}

.intake-cockpit .intake-review-rail {
    gap: .72rem;
}

.intake-cockpit .intake-confidence-meta,
.intake-cockpit .intake-rail-facts {
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .65rem;
}

.intake-cockpit .intake-confidence-meta span,
.intake-cockpit .intake-rail-facts span {
    border-radius: 8px;
    font-size: .73rem;
    padding: .52rem;
    text-align: left;
}

.intake-cockpit .intake-rail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding: 0 .9rem .9rem;
}

.intake-cockpit .intake-safe-notes {
    padding: .78rem .9rem 0;
}

.intake-cockpit .intake-rail-facts.is-status {
    padding: 0 .9rem .9rem;
}

@media (max-width: 1280px) {
    .intake-cockpit .intake-workspace {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .intake-cockpit .intake-review-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .intake-cockpit .intake-hero-copy h1 {
        font-size: 1.55rem !important;
    }

    .intake-cockpit .intake-ocr-capture,
    .intake-cockpit .intake-review-rail,
    .intake-cockpit .intake-confidence-meta,
    .intake-cockpit .intake-rail-facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .intake-cockpit .intake-form-actions .agency75-ui-button {
        width: 100%;
    }
}

/* ==================================================
   INTAKE GATEWAY AND ASSISTED MAPPING
   WHY: Intake now has a route-per-job journey. /intake is only a four-card
   gateway, while /intake/map is the focused correction step before Review.
   IMPACT / BLAST RADIUS: Scoped to Intake gateway/map classes. This does not
   change forms, CSRF, OCR, AI routing, records, connectors, or schema state.
================================================== */
.intake-gateway-hero,
.intake-map-header {
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--card);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.2rem;
}

.intake-gateway-hero h1,
.intake-map-header h1 {
    color: var(--foreground);
    font-size: 1.7rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.12;
    margin: .2rem 0 .35rem;
}

.intake-gateway-hero p,
.intake-map-header p {
    color: var(--muted-foreground);
    font-size: .88rem;
    line-height: 1.55;
    margin: 0;
    max-width: 56rem;
}

.intake-gateway-threshold {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    min-width: 11rem;
    padding: .85rem;
    text-align: center;
}

.intake-gateway-threshold span {
    color: var(--primary);
    font-size: 1.35rem;
    font-weight: 900;
}

.intake-gateway-threshold strong,
.intake-gateway-threshold small {
    display: block;
}

.intake-gateway-threshold strong {
    color: var(--foreground);
    font-size: .82rem;
}

.intake-gateway-threshold small {
    color: var(--muted-foreground);
    font-size: .7rem;
}

.intake-gateway-card-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.intake-wizard-cta {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.intake-wizard-cta h2 {
    color: var(--foreground);
    font-size: 1.15rem;
    font-weight: 850;
    margin: .15rem 0 .25rem;
}

.intake-wizard-cta p {
    color: var(--muted-foreground);
    font-size: .84rem;
    line-height: 1.5;
    margin: 0;
    max-width: 58rem;
}

.intake-wizard-cta__button {
    flex: 0 0 auto;
}

.intake-gateway-card {
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--foreground);
    display: grid;
    gap: .8rem;
    min-height: 12rem;
    padding: 1rem;
    text-decoration: none;
}

.intake-gateway-card:hover {
    border-color: color-mix(in srgb, var(--primary) 44%, var(--border));
    box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.intake-gateway-card__icon {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 10%, var(--card));
    border-radius: 8px;
    color: var(--primary);
    display: inline-flex;
    height: 2.65rem;
    justify-content: center;
    width: 2.65rem;
}

.intake-gateway-card--image .intake-gateway-card__icon {
    background: color-mix(in srgb, var(--success) 12%, var(--card));
    color: var(--success);
}

.intake-gateway-card--photo .intake-gateway-card__icon {
    background: color-mix(in srgb, var(--warning) 14%, var(--card));
    color: var(--warning);
}

.intake-gateway-card--screenshot .intake-gateway-card__icon {
    background: color-mix(in srgb, #0ea5e9 14%, var(--card));
    color: #0369a1;
}

.intake-gateway-card__copy strong,
.intake-gateway-card__copy small,
.intake-gateway-card__action {
    display: block;
}

.intake-gateway-card__copy strong {
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 850;
}

.intake-gateway-card__copy small {
    color: var(--muted-foreground);
    font-size: .78rem;
    line-height: 1.45;
    margin-top: .28rem;
}

.intake-gateway-card__action {
    align-items: center;
    align-self: end;
    color: var(--primary);
    display: inline-flex;
    font-size: .82rem;
    font-weight: 820;
    gap: .35rem;
}

.intake-gateway-recent,
.intake-map-source,
.intake-map-form {
    border-radius: 8px;
    border: 1px solid var(--border);
}

/* ==================================================
   GUIDED INTAKE WIZARD
================================================== */
.intake-wizard-screen {
    max-width: 1180px;
}

.intake-wizard-hero {
    align-items: flex-start;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.2rem;
}

.intake-wizard-hero h1 {
    color: var(--foreground);
    font-size: 1.75rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.12;
    margin: .2rem 0 .35rem;
}

.intake-wizard-hero p,
.intake-wizard-panel p,
.intake-wizard-section-head p,
.intake-wizard-muted {
    color: var(--muted-foreground);
    font-size: .84rem;
    line-height: 1.5;
    margin: 0;
}

.intake-wizard-hero__actions,
.intake-wizard-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.intake-wizard-stepper {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.intake-wizard-step {
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--muted-foreground);
    display: grid;
    gap: .35rem;
    min-height: 6.5rem;
    padding: .7rem;
}

.intake-wizard-step span {
    align-items: center;
    background: var(--muted);
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 850;
    height: 1.45rem;
    justify-content: center;
    width: 1.45rem;
}

.intake-wizard-step strong {
    color: inherit;
    font-size: .72rem;
    line-height: 1.25;
}

.intake-wizard-step.is-ready {
    border-color: color-mix(in srgb, var(--primary) 26%, var(--border));
    color: var(--foreground);
}

.intake-wizard-step.is-ready span {
    background: var(--primary-soft);
    color: var(--primary);
}

.intake-wizard-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
}

.intake-wizard-form,
.intake-wizard-panel {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.intake-wizard-review {
    display: grid;
    gap: 1rem;
}

.intake-wizard-section-head {
    align-items: flex-start;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
}

.intake-wizard-section-head h2,
.intake-wizard-panel h2 {
    color: var(--foreground);
    font-size: 1.05rem;
    font-weight: 850;
    margin: .15rem 0 .2rem;
}

.intake-wizard-source-grid {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.intake-wizard-source {
    border: 1px solid var(--border);
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: .35rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: .75rem;
}

.intake-wizard-source input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.intake-wizard-source > span {
    align-items: center;
    background: var(--primary-soft);
    border-radius: 8px;
    color: var(--primary);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.intake-wizard-source strong,
.intake-wizard-source small {
    display: block;
    min-width: 0;
}

.intake-wizard-source strong {
    color: var(--foreground);
    font-size: .86rem;
}

.intake-wizard-source small {
    color: var(--muted-foreground);
    font-size: .72rem;
    line-height: 1.35;
}

.intake-wizard-source.is-selected {
    border-color: color-mix(in srgb, var(--primary) 38%, var(--border));
    background: color-mix(in srgb, var(--primary) 5%, var(--card));
}

.intake-source-profile {
    background: color-mix(in srgb, var(--primary) 4%, var(--card));
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr);
    padding: .9rem;
}

.intake-source-profile h3 {
    color: var(--foreground);
    font-size: .98rem;
    font-weight: 850;
    margin: .15rem 0 .25rem;
}

.intake-source-profile p,
.intake-source-profile small {
    color: var(--muted-foreground);
    display: block;
    font-size: .8rem;
    line-height: 1.45;
    margin: 0;
}

.intake-source-profile small {
    margin-top: .45rem;
}

.intake-source-profile strong {
    color: var(--foreground);
    display: block;
    font-size: .78rem;
    font-weight: 850;
    margin-bottom: .45rem;
}

.intake-source-profile ul {
    display: grid;
    gap: .35rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.intake-source-profile li {
    align-items: center;
    color: var(--foreground);
    display: flex;
    font-size: .76rem;
    gap: .35rem;
    line-height: 1.35;
}

.intake-source-profile li::before {
    background: var(--primary);
    border-radius: 999px;
    content: "";
    flex: 0 0 .38rem;
    height: .38rem;
    width: .38rem;
}

.intake-wizard-textarea {
    display: grid;
    gap: .4rem;
}

.intake-wizard-textarea span {
    color: var(--foreground);
    font-size: .82rem;
    font-weight: 800;
}

.intake-wizard-textarea textarea {
    resize: vertical;
}

.intake-wizard-facts,
.intake-wizard-gap-list {
    display: grid;
    gap: .55rem;
}

.intake-wizard-facts {
    grid-template-columns: max-content minmax(0, 1fr);
}

.intake-wizard-facts dt,
.intake-wizard-facts dd {
    border-bottom: 1px solid var(--border);
    margin: 0;
    padding: .4rem 0;
}

.intake-wizard-facts dt {
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 800;
}

.intake-wizard-facts dd {
    color: var(--foreground);
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.intake-wizard-duplicates {
    display: grid;
    gap: .55rem;
}

.intake-wizard-duplicates a {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    padding: .65rem;
    text-decoration: none;
}

.intake-wizard-duplicates strong {
    color: var(--foreground);
    font-size: .82rem;
}

.intake-wizard-duplicates span,
.intake-wizard-gap-list span {
    color: var(--muted-foreground);
    font-size: .76rem;
    line-height: 1.4;
}

.intake-wizard-gap-list div {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    padding: .7rem;
}

.intake-wizard-gap-list strong {
    color: var(--foreground);
    font-size: .82rem;
}

.intake-wizard-handoff-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.intake-map-header__actions,
.intake-map-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.intake-map-workspace {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
}

.intake-map-source {
    overflow: hidden;
}

.intake-map-line-list {
    display: grid;
    gap: .45rem;
    max-height: 44rem;
    overflow: auto;
    padding: .9rem;
}

.intake-map-line {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .55rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    padding: .55rem;
}

.intake-map-line span {
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 800;
}

.intake-map-line strong {
    color: var(--foreground);
    font-size: .82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.intake-map-form {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.intake-map-stepper {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.intake-map-stepper span {
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--muted-foreground);
    font-size: .76rem;
    font-weight: 820;
    padding: .55rem;
    text-align: center;
}

.intake-map-stepper .is-complete {
    background: color-mix(in srgb, var(--success) 10%, var(--card));
    color: var(--success);
}

.intake-map-stepper .is-active {
    background: color-mix(in srgb, var(--primary) 10%, var(--card));
    color: var(--primary);
}

.intake-map-notice,
.intake-map-ai-notes {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--warning) 30%, var(--border));
    border-radius: 8px;
    color: var(--foreground);
    display: flex;
    gap: .5rem;
    padding: .7rem .8rem;
}

.intake-map-notice.is-review-ready {
    border-color: color-mix(in srgb, var(--success) 30%, var(--border));
}

.intake-map-ai-notes {
    align-items: stretch;
    display: grid;
}

.intake-map-ai-notes span {
    color: var(--muted-foreground);
    font-size: .78rem;
}

.intake-map-group {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: .8rem;
    padding: .9rem;
}

.intake-map-group h2 {
    color: var(--foreground);
    font-size: .92rem;
    font-weight: 850;
    margin: 0;
}

.intake-map-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.intake-map-field {
    display: grid;
    gap: .35rem;
}

.intake-map-field span {
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 780;
}

.intake-map-field textarea {
    resize: vertical;
}

.intake-ocr-result__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
    .intake-gateway-card-grid,
    .intake-wizard-stepper,
    .intake-wizard-handoff-grid,
    .intake-map-workspace {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .intake-gateway-hero,
    .intake-wizard-cta,
    .intake-wizard-hero,
    .intake-wizard-hero__actions,
    .intake-wizard-section-head,
    .intake-map-header,
    .intake-map-header__actions,
    .intake-map-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .intake-gateway-card-grid,
    .intake-wizard-stepper,
    .intake-wizard-layout,
    .intake-wizard-source-grid,
    .intake-source-profile,
    .intake-wizard-handoff-grid,
    .intake-map-workspace,
    .intake-map-grid,
    .intake-map-stepper,
    .intake-ocr-result__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ==================================================
   CAMPAIGN SETUP ICP RULE BUILDER
================================================== */

.campaign-icp-builder {
    display: grid;
    gap: 1rem;
}

.campaign-icp-builder__head,
.campaign-icp-builder__toolbar {
    align-items: center;
    display: flex;
    gap: .9rem;
    justify-content: space-between;
}

.campaign-icp-builder__head {
    border: 1px solid color-mix(in srgb, var(--primary) 16%, var(--border));
    border-radius: 8px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-soft) 58%, var(--card)), var(--card));
    padding: .95rem;
}

.campaign-icp-builder__eyebrow {
    color: var(--primary);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    margin: 0 0 .25rem;
    text-transform: uppercase;
}

.campaign-icp-builder__head h3 {
    color: var(--foreground);
    font-size: 1.05rem;
    font-weight: 850;
    margin: 0;
}

.campaign-icp-builder__head p,
.campaign-icp-builder__toolbar p {
    color: var(--muted-foreground);
    font-size: .82rem;
    line-height: 1.45;
    margin: .25rem 0 0;
}

.campaign-icp-builder__status {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--background) 86%, var(--card));
    display: grid;
    justify-items: center;
    min-width: 96px;
    padding: .65rem .8rem;
}

.campaign-icp-builder__count {
    color: var(--foreground);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1;
}

.campaign-icp-builder__status span:last-child {
    color: var(--muted-foreground);
    font-size: .7rem;
    font-weight: 750;
    margin-top: .2rem;
    text-transform: uppercase;
}

.campaign-icp-add-button {
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-foreground);
    cursor: pointer;
    display: inline-flex;
    font-size: .86rem;
    font-weight: 800;
    gap: .45rem;
    justify-content: center;
    padding: .68rem .9rem;
    transition: transform .16s ease, box-shadow .16s ease;
}

.campaign-icp-add-button:hover {
    box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
    transform: translateY(-1px);
}

.campaign-icp-rule-stack {
    display: grid;
    gap: .8rem;
}

.campaign-icp-rule-card {
    border: 1px solid color-mix(in srgb, var(--border) 84%, var(--primary));
    border-radius: 8px;
    background: var(--card);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
    display: grid;
    gap: .85rem;
    padding: .9rem;
}

.campaign-icp-rule-card__header {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.campaign-icp-rule-card__handle {
    align-items: center;
    border: 1px dashed var(--border);
    border-radius: 8px;
    color: var(--muted-foreground);
    display: inline-flex;
    height: 2.15rem;
    justify-content: center;
    width: 2.15rem;
}

.campaign-icp-rule-card__title {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.campaign-icp-rule-card__title strong {
    color: var(--foreground);
    font-size: .96rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-icp-rule-card__eyebrow {
    color: var(--muted-foreground);
    font-size: .68rem;
    font-weight: 780;
    text-transform: uppercase;
}

.campaign-icp-rule-card__chips,
.campaign-icp-rule-card__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.campaign-icp-rule-chip {
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--background);
    color: var(--muted-foreground);
    font-size: .72rem;
    font-weight: 750;
    max-width: 160px;
    overflow: hidden;
    padding: .25rem .52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-icp-rule-chip--required.is-required {
    border-color: color-mix(in srgb, var(--success) 35%, var(--border));
    background: var(--success-soft);
    color: var(--success);
}

.campaign-icp-rule-icon-button {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--background);
    color: var(--foreground);
    cursor: pointer;
    display: inline-flex;
    height: 2.15rem;
    justify-content: center;
    width: 2.15rem;
}

.campaign-icp-rule-icon-button:hover {
    background: var(--accent);
}

.campaign-icp-rule-icon-button:disabled {
    cursor: not-allowed;
    opacity: .42;
}

.campaign-icp-rule-icon-button--danger {
    color: var(--danger);
}

.campaign-icp-rule-card__grid {
    display: grid;
    gap: .72rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.campaign-icp-rule-field {
    display: grid;
    gap: .35rem;
}

.campaign-icp-rule-field--wide {
    grid-column: span 3;
}

.campaign-icp-rule-field span,
.campaign-icp-rule-required span {
    color: var(--muted-foreground);
    font-size: .74rem;
    font-weight: 780;
}

.campaign-icp-rule-field input,
.campaign-icp-rule-field select,
.campaign-icp-rule-field textarea {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--background);
    color: var(--foreground);
    font-size: .86rem;
    min-height: 2.55rem;
    padding: .62rem .72rem;
    width: 100%;
}

.campaign-icp-rule-field textarea {
    min-height: 4.5rem;
    resize: vertical;
}

.campaign-icp-rule-required {
    align-items: center;
    align-self: end;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--background) 82%, var(--card));
    display: flex;
    gap: .5rem;
    min-height: 2.55rem;
    padding: .55rem .7rem;
}

.campaign-icp-rule-required input[type="checkbox"] {
    accent-color: var(--primary);
    flex: 0 0 auto;
}

.campaign-icp-empty {
    align-items: center;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--background) 80%, var(--card));
    color: var(--muted-foreground);
    display: flex;
    gap: .7rem;
    padding: .9rem;
}

.campaign-icp-empty strong {
    color: var(--foreground);
    display: block;
    font-size: .9rem;
}

.campaign-icp-empty span {
    display: block;
    font-size: .8rem;
    margin-top: .15rem;
}

.campaign-icp-empty.is-hidden {
    display: none;
}

html.a75crm-dark .campaign-icp-builder__head,
html.a75crm-dark .campaign-icp-rule-card,
html.a75crm-dark .campaign-icp-add-button:hover {
    box-shadow: none;
}

@media (max-width: 980px) {
    .campaign-icp-rule-card__header {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .campaign-icp-rule-card__chips {
        grid-column: 2 / -1;
    }

    .campaign-icp-rule-card__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .campaign-icp-rule-field--wide {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .campaign-icp-builder__head,
    .campaign-icp-builder__toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .campaign-icp-builder__status {
        justify-items: start;
        width: 100%;
    }

    .campaign-icp-rule-card {
        padding: .78rem;
    }

    .campaign-icp-rule-card__header,
    .campaign-icp-rule-card__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .campaign-icp-rule-card__handle {
        display: none;
    }

    .campaign-icp-rule-card__chips,
    .campaign-icp-rule-card__actions {
        grid-column: auto;
        justify-content: flex-start;
    }

    .campaign-icp-rule-icon-button {
        height: 2.35rem;
        width: 2.35rem;
    }

    .campaign-icp-add-button {
        width: 100%;
    }
}

/* ==================================================
   FOLLOW-UP WORKBENCH
================================================== */

.followup-workbench-screen {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 82rem;
    min-width: 0;
    padding: 1rem;
}

.followup-workbench-empty,
.followup-workbench-hero,
.followup-workbench-receipt,
.followup-workbench-card,
.followup-workbench-form,
.followup-workbench-side > .a75-card {
    border-radius: .5rem;
}

.followup-workbench-empty,
.followup-workbench-hero {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.followup-workbench-empty h1,
.followup-workbench-hero h1,
.followup-workbench-card h2,
.followup-workbench-form h2 {
    color: hsl(var(--foreground));
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.15;
    margin: .2rem 0;
}

.followup-workbench-empty h1,
.followup-workbench-hero h1 {
    font-size: 1.7rem;
}

.followup-workbench-card h2,
.followup-workbench-form h2 {
    font-size: 1.05rem;
}

.followup-workbench-empty p,
.followup-workbench-hero p,
.followup-workbench-card p {
    color: hsl(var(--muted-foreground));
    font-size: .9rem;
    line-height: 1.55;
    margin: 0;
    overflow-wrap: anywhere;
}

.followup-workbench-hero__actions,
.followup-workbench-hero__facts,
.followup-workbench-receipt,
.followup-workbench-card__meta,
.followup-workbench-form__header,
.followup-workbench-check {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.followup-workbench-hero__facts {
    margin-top: .8rem;
}

.followup-workbench-hero__facts span,
.followup-workbench-card__meta span {
    align-items: center;
    background: hsl(var(--muted) / .35);
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--muted-foreground));
    display: inline-flex;
    font-size: .78rem;
    font-weight: 760;
    gap: .35rem;
    min-height: 1.8rem;
    padding: .25rem .55rem;
}

.followup-workbench-receipt {
    background: hsl(var(--success) / .08);
    border: 1px solid hsl(var(--success) / .25);
    color: hsl(var(--foreground));
    padding: .9rem 1rem;
}

.followup-workbench-receipt div {
    display: grid;
    gap: .15rem;
}

.followup-workbench-receipt span {
    color: hsl(var(--muted-foreground));
    font-size: .86rem;
}

.followup-workbench-grid {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .34fr);
}

.followup-workbench-main,
.followup-workbench-side {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.followup-workbench-summary-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.followup-workbench-card,
.followup-workbench-form {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    box-shadow: var(--shadow-card, 0 1px 2px hsl(var(--foreground) / .04));
    min-width: 0;
    padding: 1rem;
}

.followup-workbench-card dl {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
}

.followup-workbench-card div:has(> dt) {
    display: grid;
    gap: .15rem;
}

.followup-workbench-card dt {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.followup-workbench-card dd {
    color: hsl(var(--foreground));
    font-size: .88rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.followup-workbench-card__meta {
    margin-top: .8rem;
}

.followup-workbench-form {
    display: grid;
    gap: 1rem;
}

.followup-workbench-form__header {
    justify-content: space-between;
}

.followup-workbench-check {
    align-self: end;
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    background: hsl(var(--muted) / .2);
    color: hsl(var(--foreground));
    font-size: .82rem;
    font-weight: 760;
    min-height: 2.6rem;
    padding: .55rem .7rem;
}

.followup-workbench-check input {
    accent-color: hsl(var(--primary));
    flex: 0 0 auto;
}

.followup-workbench-side .manual-send-target-list {
    display: grid;
    gap: .65rem;
    padding: 1rem;
}

@media (max-width: 1080px) {
    .followup-workbench-grid,
    .followup-workbench-summary-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    .followup-workbench-screen {
        padding: .75rem;
    }

    .followup-workbench-empty,
    .followup-workbench-hero {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .followup-workbench-hero__actions .a75-button,
    .followup-workbench-form .manual-send-submit-row .a75-button {
        width: 100%;
    }
}

/* ==================================================
   WEEKLY OWNER REPORT
================================================== */
.weekly-owner-report-screen {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 84rem;
    min-width: 0;
    padding: 1rem;
}

.weekly-owner-report-hero,
.weekly-owner-report-filters,
.weekly-owner-report-card,
.weekly-owner-report-sources {
    border-radius: .5rem;
}

.weekly-owner-report-hero {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.weekly-owner-report-hero h1,
.weekly-owner-report-sources h2 {
    color: hsl(var(--foreground));
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.15;
    margin: .2rem 0;
}

.weekly-owner-report-hero h1 {
    font-size: 1.7rem;
}

.weekly-owner-report-sources h2 {
    font-size: 1.05rem;
}

.weekly-owner-report-hero p,
.weekly-owner-report-sources p {
    color: hsl(var(--muted-foreground));
    font-size: .88rem;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.weekly-owner-report-actions,
.weekly-owner-report-range-form,
.weekly-owner-report-card__head,
.weekly-owner-report-source-chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.weekly-owner-report-actions {
    justify-content: flex-end;
}

.weekly-owner-report-filters,
.weekly-owner-report-sources {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    display: grid;
    gap: .8rem;
    padding: 1rem;
}

.weekly-owner-report-range-form label {
    color: hsl(var(--muted-foreground));
    display: grid;
    font-size: .74rem;
    font-weight: 760;
    gap: .25rem;
}

.weekly-owner-report-range-form input {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--input, var(--border)));
    border-radius: .45rem;
    color: hsl(var(--foreground));
    min-height: 2.35rem;
    padding: .45rem .6rem;
}

.weekly-owner-report-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.weekly-owner-report-card {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-left: 4px solid hsl(var(--primary));
    box-shadow: var(--shadow-card, 0 1px 2px hsl(var(--foreground) / .04));
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: 1rem;
}

.weekly-owner-report-card.is-success {
    border-left-color: hsl(var(--success, 142 72% 36%));
}

.weekly-owner-report-card.is-warning {
    border-left-color: hsl(var(--warning, 38 92% 50%));
}

.weekly-owner-report-card.is-danger {
    border-left-color: hsl(var(--destructive));
}

.weekly-owner-report-card__head {
    align-items: flex-start;
    justify-content: space-between;
}

.weekly-owner-report-card__head div {
    display: grid;
    gap: .1rem;
}

.weekly-owner-report-card__head span {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    font-weight: 820;
    text-transform: uppercase;
}

.weekly-owner-report-card__head strong {
    color: hsl(var(--foreground));
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.weekly-owner-report-card__head em {
    color: hsl(var(--muted-foreground));
    flex: 1 1 10rem;
    font-size: .76rem;
    font-style: normal;
    line-height: 1.35;
    max-width: 16rem;
    overflow-wrap: anywhere;
    text-align: right;
}

.weekly-owner-report-proof-list {
    display: grid;
    gap: .55rem;
}

.weekly-owner-report-proof-row {
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    color: inherit;
    display: grid;
    gap: .18rem;
    min-width: 0;
    padding: .65rem;
    text-decoration: none;
}

.weekly-owner-report-proof-row:hover {
    border-color: hsl(var(--primary) / .35);
}

.weekly-owner-report-proof-row strong {
    color: hsl(var(--foreground));
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.weekly-owner-report-proof-row span,
.weekly-owner-report-proof-row em {
    color: hsl(var(--muted-foreground));
    font-size: .76rem;
    font-style: normal;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.weekly-owner-report-empty {
    background: hsl(var(--muted) / .22);
    border: 1px dashed hsl(var(--border));
    border-radius: .5rem;
    color: hsl(var(--muted-foreground));
    font-size: .82rem;
    line-height: 1.4;
    padding: .8rem;
}

.weekly-owner-report-source-chips span {
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--muted-foreground));
    font-size: .74rem;
    font-weight: 760;
    padding: .22rem .55rem;
}

.weekly-owner-report-source-chips .is-available {
    background: hsl(var(--success, 142 72% 36%) / .08);
    border-color: hsl(var(--success, 142 72% 36%) / .22);
    color: hsl(var(--foreground));
}

.weekly-owner-report-source-chips .is-missing {
    background: hsl(var(--muted) / .22);
}

@media (max-width: 1100px) {
    .weekly-owner-report-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .weekly-owner-report-hero,
    .weekly-owner-report-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .weekly-owner-report-actions,
    .weekly-owner-report-actions .a75-button,
    .weekly-owner-report-range-form,
    .weekly-owner-report-range-form label,
    .weekly-owner-report-range-form button {
        width: 100%;
    }

    .weekly-owner-report-card__head em {
        max-width: none;
        text-align: left;
    }
}

@media print {
    body {
        background: #fff !important;
    }

    .a75crm-sidebar,
    .a75-shell-sidebar,
    .topbar,
    .a75-topbar,
    .weekly-owner-report-actions,
    .weekly-owner-report-filters {
        display: none !important;
    }

    .weekly-owner-report-screen {
        max-width: none;
        padding: 0;
    }

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

    .weekly-owner-report-card,
    .weekly-owner-report-hero,
    .weekly-owner-report-sources {
        box-shadow: none !important;
        break-inside: avoid;
    }
}

/* ==================================================
   OWNER ESCALATION PACKET
================================================== */
.owner-packet-screen {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 82rem;
    min-width: 0;
    padding: 1rem;
}

.owner-packet-hero,
.owner-packet-guardrail,
.owner-packet-workflow,
.owner-packet-section,
.owner-packet-empty {
    border-radius: .5rem;
}

.owner-packet-hero {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.owner-packet-hero h1,
.owner-packet-section h2,
.owner-packet-empty h1 {
    color: hsl(var(--foreground));
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.15;
    margin: .2rem 0;
}

.owner-packet-hero h1 {
    font-size: 1.75rem;
}

.owner-packet-section h2 {
    font-size: 1.02rem;
}

.owner-packet-hero p,
.owner-packet-section p,
.owner-packet-empty p {
    color: hsl(var(--muted-foreground));
    font-size: .88rem;
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.owner-packet-hero__actions,
.owner-packet-hero__facts,
.owner-packet-section__head,
.owner-packet-workflow__head,
.owner-packet-chip-row,
.owner-packet-guardrail,
.owner-packet-empty {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.owner-packet-hero__actions {
    justify-content: flex-end;
}

.owner-packet-hero__facts {
    margin-top: .8rem;
}

.owner-packet-hero__facts span,
.owner-packet-chip-row span,
.owner-packet-chip-row em {
    align-items: center;
    background: hsl(var(--muted) / .35);
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--muted-foreground));
    display: inline-flex;
    font-size: .75rem;
    font-style: normal;
    font-weight: 760;
    gap: .35rem;
    min-height: 1.7rem;
    padding: .22rem .55rem;
}

.owner-packet-guardrail {
    background: hsl(var(--primary) / .07);
    border: 1px solid hsl(var(--primary) / .18);
    color: hsl(var(--foreground));
    padding: .9rem 1rem;
}

.owner-packet-guardrail div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.owner-packet-guardrail span {
    color: hsl(var(--muted-foreground));
    font-size: .86rem;
    line-height: 1.45;
}

.owner-packet-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.owner-packet-workflow,
.owner-packet-section,
.owner-packet-empty {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    box-shadow: var(--shadow-card, 0 1px 2px hsl(var(--foreground) / .04));
    min-width: 0;
    padding: 1rem;
}

.owner-packet-workflow {
    display: grid;
    gap: .85rem;
}

.owner-packet-workflow__head {
    justify-content: space-between;
}

.owner-packet-workflow__head h2 {
    color: hsl(var(--foreground));
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: 0;
    margin: .2rem 0 0;
}

.owner-packet-workflow__head > span {
    background: hsl(var(--primary) / .1);
    border: 1px solid hsl(var(--primary) / .2);
    border-radius: 999px;
    color: hsl(var(--primary));
    font-size: .78rem;
    font-weight: 820;
    padding: .25rem .6rem;
}

.owner-packet-workflow__steps {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.owner-packet-workflow__steps li {
    background: hsl(var(--muted) / .22);
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: grid;
    gap: .22rem;
    min-width: 0;
    padding: .65rem;
}

.owner-packet-workflow__steps li.is-current {
    background: hsl(var(--primary) / .08);
    border-color: hsl(var(--primary) / .35);
}

.owner-packet-workflow__steps strong {
    color: hsl(var(--foreground));
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.owner-packet-workflow__steps span {
    color: hsl(var(--muted-foreground));
    font-size: .7rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.owner-packet-section {
    display: grid;
    gap: .85rem;
}

.owner-packet-section--full {
    grid-column: 1 / -1;
}

.owner-packet-section--warm {
    border-left: 4px solid hsl(var(--destructive));
}

.owner-packet-section__head {
    justify-content: space-between;
}

.owner-packet-section__head > span {
    align-items: center;
    background: hsl(var(--foreground) / .08);
    border-radius: 999px;
    color: hsl(var(--foreground));
    display: inline-flex;
    font-size: .78rem;
    font-weight: 820;
    min-height: 1.9rem;
    padding: .25rem .6rem;
}

.owner-packet-facts {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.owner-packet-facts div {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.owner-packet-facts dt {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.owner-packet-facts dd {
    color: hsl(var(--foreground));
    font-size: .88rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.owner-packet-list {
    display: grid;
    gap: .65rem;
}

.owner-packet-list article {
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: .75rem;
}

.owner-packet-list.is-compact article {
    padding: .65rem;
}

.owner-packet-list strong {
    color: hsl(var(--foreground));
    font-size: .9rem;
    overflow-wrap: anywhere;
}

.owner-packet-list span {
    color: hsl(var(--muted-foreground));
    font-size: .82rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.owner-packet-list a {
    color: hsl(var(--primary));
    font-size: .78rem;
    font-weight: 800;
}

.owner-packet-empty-inline {
    background: hsl(var(--muted) / .22);
    border: 1px dashed hsl(var(--border));
    border-radius: .5rem;
    color: hsl(var(--muted-foreground));
    font-size: .84rem;
    padding: .85rem;
}

.owner-packet-decision-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.owner-packet-decision-form {
    background: hsl(var(--muted) / .18);
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: grid;
    gap: .55rem;
    min-width: 0;
    padding: .75rem;
}

.owner-packet-decision-form label {
    color: hsl(var(--muted-foreground));
    display: grid;
    font-size: .74rem;
    font-weight: 760;
    gap: .25rem;
    min-width: 0;
}

.owner-packet-decision-form textarea {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--input, var(--border)));
    border-radius: .45rem;
    color: hsl(var(--foreground));
    font-size: .82rem;
    min-height: 4.8rem;
    min-width: 0;
    padding: .5rem .6rem;
    resize: vertical;
    width: 100%;
}

.owner-packet-entry-button {
    justify-content: center;
    margin-top: .75rem;
    width: 100%;
}

@media (max-width: 900px) {
    .owner-packet-grid,
    .owner-packet-hero,
    .owner-packet-workflow__steps,
    .owner-packet-decision-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .owner-packet-hero__actions,
    .owner-packet-hero__actions .a75-button {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .owner-packet-screen {
        padding: .75rem;
    }

    .owner-packet-facts {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ==================================================
   MANAGER REVIEW DASHBOARD
================================================== */
.manager-review-screen {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 82rem;
    min-width: 0;
    padding: 1rem;
}

.manager-review-hero,
.manager-review-guardrail,
.manager-review-section,
.manager-review-kpi,
.manager-review-schema {
    border-radius: .5rem;
}

.manager-review-hero {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.manager-review-hero h1,
.manager-review-section h2,
.manager-review-schema h2 {
    color: hsl(var(--foreground));
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.15;
    margin: .2rem 0;
}

.manager-review-hero h1 {
    font-size: 1.7rem;
}

.manager-review-section h2,
.manager-review-schema h2 {
    font-size: 1.02rem;
}

.manager-review-hero p,
.manager-review-section p,
.manager-review-schema p {
    color: hsl(var(--muted-foreground));
    font-size: .88rem;
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.manager-review-hero__actions,
.manager-review-hero__facts,
.manager-review-section__header,
.manager-review-row,
.manager-review-row__meta,
.manager-review-empty,
.manager-review-guardrail {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.manager-review-hero__actions {
    justify-content: flex-end;
}

.manager-review-hero__facts {
    margin-top: .8rem;
}

.manager-review-hero__facts span,
.manager-review-row__meta em,
.manager-review-schema__chips span {
    align-items: center;
    background: hsl(var(--muted) / .35);
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--muted-foreground));
    display: inline-flex;
    font-size: .75rem;
    font-style: normal;
    font-weight: 760;
    gap: .35rem;
    min-height: 1.7rem;
    padding: .22rem .55rem;
}

.manager-review-kpis {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.manager-review-kpi {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    color: inherit;
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .85rem;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.manager-review-kpi:hover,
.manager-review-kpi:focus-visible {
    border-color: hsl(var(--primary) / .42);
    box-shadow: var(--shadow-elevated, 0 12px 24px hsl(var(--foreground) / .08));
    outline: none;
    transform: translateY(-1px);
}

.manager-review-kpi span {
    color: hsl(var(--muted-foreground));
    font-size: .76rem;
    font-weight: 760;
    overflow-wrap: anywhere;
}

.manager-review-kpi strong {
    color: hsl(var(--foreground));
    font-size: 1.45rem;
    line-height: 1;
}

.manager-review-kpi small {
    align-items: center;
    color: hsl(var(--primary));
    display: inline-flex;
    font-size: .72rem;
    font-weight: 780;
    gap: .25rem;
    margin-top: .15rem;
}

.manager-review-kpis--performance {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.manager-review-kpi--performance small {
    align-items: flex-start;
    color: hsl(var(--muted-foreground));
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.manager-review-guardrail {
    background: hsl(var(--primary) / .07);
    border: 1px solid hsl(var(--primary) / .18);
    color: hsl(var(--foreground));
    padding: .9rem 1rem;
}

.manager-review-guardrail div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.manager-review-guardrail span {
    color: hsl(var(--muted-foreground));
    font-size: .86rem;
    line-height: 1.45;
}

.manager-review-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manager-review-section,
.manager-review-schema {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    box-shadow: var(--shadow-card, 0 1px 2px hsl(var(--foreground) / .04));
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: 1rem;
}

.manager-review-section--operator-performance {
    grid-column: 1 / -1;
}

.manager-review-section__header {
    justify-content: space-between;
}

.manager-review-source-note {
    color: hsl(var(--muted-foreground));
    display: block;
    font-size: .74rem;
    line-height: 1.35;
    margin-top: .35rem;
    overflow-wrap: anywhere;
}

.manager-review-section__count {
    align-items: center;
    background: hsl(var(--foreground) / .08);
    border-radius: 999px;
    color: hsl(var(--foreground));
    display: inline-flex;
    font-size: .82rem;
    font-weight: 820;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    padding: .25rem .55rem;
}

.manager-review-row-list {
    display: grid;
    gap: .6rem;
}

.manager-review-row {
    border: 1px solid hsl(var(--border));
    border-left-width: 4px;
    border-radius: .5rem;
    justify-content: space-between;
    min-width: 0;
    padding: .75rem;
}

.manager-review-row--danger {
    border-left-color: hsl(var(--destructive));
}

.manager-review-row--warning {
    border-left-color: hsl(var(--warning, var(--primary)));
}

.manager-review-row--primary {
    border-left-color: hsl(var(--primary));
}

.manager-review-row--muted {
    border-left-color: hsl(var(--muted-foreground));
}

.manager-review-row__body {
    display: grid;
    flex: 1 1 16rem;
    gap: .25rem;
    min-width: 0;
}

.manager-review-row__body strong {
    color: hsl(var(--foreground));
    font-size: .9rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.manager-review-row__body span {
    color: hsl(var(--muted-foreground));
    font-size: .82rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.manager-review-row__action {
    flex: 0 0 auto;
}

.manager-review-actions {
    flex: 1 1 100%;
    margin-top: .35rem;
    min-width: 0;
}

.manager-review-actions summary {
    align-items: center;
    color: hsl(var(--primary));
    cursor: pointer;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    gap: .35rem;
    min-height: 1.9rem;
}

.manager-review-actions__grid {
    border-top: 1px solid hsl(var(--border));
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .45rem;
    padding-top: .7rem;
}

.manager-review-action-form {
    background: hsl(var(--muted) / .18);
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: grid;
    gap: .55rem;
    min-width: 0;
    padding: .65rem;
}

.manager-review-action-note {
    background: hsl(var(--primary) / .06);
    border: 1px solid hsl(var(--primary) / .18);
    border-radius: .5rem;
    color: hsl(var(--muted-foreground));
    font-size: .8rem;
    line-height: 1.45;
    min-width: 0;
    padding: .7rem;
}

.manager-review-action-field {
    color: hsl(var(--muted-foreground));
    display: grid;
    font-size: .74rem;
    font-weight: 760;
    gap: .25rem;
    min-width: 0;
}

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

.manager-review-action-field input,
.manager-review-action-field select,
.manager-review-action-field textarea {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--input, var(--border)));
    border-radius: .45rem;
    color: hsl(var(--foreground));
    font-size: .82rem;
    min-height: 2.15rem;
    min-width: 0;
    padding: .45rem .55rem;
    width: 100%;
}

.manager-review-action-field textarea {
    min-height: 4.2rem;
    resize: vertical;
}

.manager-review-empty {
    background: hsl(var(--muted) / .22);
    border: 1px dashed hsl(var(--border));
    border-radius: .5rem;
    color: hsl(var(--muted-foreground));
    font-size: .84rem;
    padding: .85rem;
}

.manager-review-schema__chips {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.manager-review-schema__chips .is-live {
    background: hsl(var(--success) / .08);
    color: hsl(var(--foreground));
}

.manager-review-schema__chips .is-missing {
    background: hsl(var(--muted) / .18);
}

@media (max-width: 1080px) {
    .manager-review-kpis,
    .manager-review-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .manager-review-screen {
        padding: .75rem;
    }

    .manager-review-hero,
    .manager-review-kpis,
    .manager-review-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .manager-review-hero__actions,
    .manager-review-hero__actions .a75-button,
    .manager-review-row__action {
        width: 100%;
    }

    .manager-review-actions__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .manager-review-action-form .a75-button {
        width: 100%;
    }
}

/* ==================================================
   CRM USABILITY RESET - DASHBOARD, TABLES, ACTION STRIPS
================================================== */

.dashboard-kpi-card[href],
.agency75-metric-card[href] {
    color: inherit;
    cursor: pointer;
    outline: none;
    position: relative;
    text-decoration: none;
}

.dashboard-kpi-card[href]::after,
.agency75-metric-card[href]::after {
    color: hsl(var(--muted-foreground));
    content: "Open";
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    opacity: .72;
    position: absolute;
    right: .95rem;
    text-transform: uppercase;
    top: .75rem;
}

.dashboard-kpi-card[href]:hover,
.dashboard-kpi-card[href]:focus-visible,
.agency75-metric-card[href]:hover,
.agency75-metric-card[href]:focus-visible {
    border-color: hsl(var(--primary) / .34);
    box-shadow: 0 14px 36px hsl(var(--foreground) / .08);
    transform: translateY(-1px);
}

.a75-table-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .9rem;
    min-width: 0;
}

.a75-mode-pills {
    background: hsl(var(--muted) / .38);
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
    min-width: 0;
    padding: .25rem;
}

.a75-mode-pills a {
    align-items: center;
    border-radius: .38rem;
    color: hsl(var(--muted-foreground));
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    min-height: 2rem;
    padding: .35rem .7rem;
    text-decoration: none;
    white-space: nowrap;
}

.a75-mode-pills a:hover,
.a75-mode-pills a:focus-visible,
.a75-mode-pills a.is-active {
    background: hsl(var(--card));
    color: hsl(var(--foreground));
    box-shadow: 0 1px 8px hsl(var(--foreground) / .06);
}

.a75-filter-chip-row {
    min-width: 0;
}

.a75-filter-chip {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: 999px;
    color: hsl(var(--muted-foreground));
    display: inline-flex;
    font-size: .76rem;
    font-weight: 760;
    gap: .35rem;
    line-height: 1.2;
    min-height: 2rem;
    padding: .35rem .75rem;
    text-decoration: none;
}

.a75-filter-chip:hover,
.a75-filter-chip:focus-visible {
    border-color: hsl(var(--primary) / .36);
    color: hsl(var(--foreground));
}

.a75-filter-chip.is-active {
    background: hsl(var(--primary) / .1);
    border-color: hsl(var(--primary) / .36);
    color: hsl(var(--primary));
}

.a75-active-filter-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: -.15rem 0 .9rem;
    min-height: .25rem;
}

.a75-active-filter-row__label {
    color: hsl(var(--muted-foreground));
    font-size: .7rem;
    font-weight: 860;
    text-transform: uppercase;
}

.a75-active-filter-chip {
    align-items: center;
    background: hsl(var(--primary) / .08);
    border: 1px solid hsl(var(--primary) / .22);
    border-radius: 999px;
    color: hsl(var(--foreground));
    cursor: pointer;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 780;
    gap: .35rem;
    max-width: 100%;
    min-height: 1.8rem;
    padding: .25rem .55rem;
}

.a75-active-filter-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-active-filter-chip:hover,
.a75-active-filter-chip:focus-visible {
    background: hsl(var(--primary) / .12);
    outline: none;
}

.a75-work-queue-control {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    display: inline-flex;
    gap: .5rem;
    min-width: 16rem;
    padding: .25rem .35rem .25rem .65rem;
}

.a75-work-queue-control label {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    font-weight: 860;
    text-transform: uppercase;
    white-space: nowrap;
}

.a75-work-queue-control select {
    background: transparent;
    border: 0;
    color: hsl(var(--foreground));
    font-size: .82rem;
    font-weight: 860;
    min-height: 1.8rem;
    min-width: 14rem;
    padding: .15rem 1.4rem .15rem .15rem;
}

.a75-work-queue-control select:focus {
    outline: none;
}

.a75-datatable-shell {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    box-shadow: 0 10px 28px hsl(var(--foreground) / .05);
    overflow: visible;
    position: relative;
}

.a75-datatable-shell .dataTables_wrapper {
    min-width: 0;
    position: relative;
}

.a75-dt-controls,
.a75-dt-footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem .9rem;
}

.a75-dt-controls {
    border-bottom: 1px solid hsl(var(--border));
}

.a75-dt-footer {
    border-top: 1px solid hsl(var(--border));
}

.a75-length-control label,
.a75-datatable-shell .dataTables_info {
    color: hsl(var(--muted-foreground));
    font-size: .78rem;
    font-weight: 760;
}

.a75-length-control select,
.a75-datatable-shell .dataTables_length select {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--border));
    border-radius: .38rem;
    color: hsl(var(--foreground));
    font-size: .78rem;
    font-weight: 800;
    min-height: 2rem;
    padding: .25rem 1.75rem .25rem .55rem;
}

.a75-data-table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 !important;
    min-width: 0 !important;
    table-layout: fixed;
    width: 100% !important;
}

.a75-datatable-shell .record-list-table-contacts,
.a75-datatable-shell .record-list-table-companies {
    min-width: 0 !important;
}

.a75-data-table th,
.a75-data-table td {
    border-bottom: 1px solid hsl(var(--border));
    vertical-align: middle;
}

.a75-data-table th {
    background: hsl(var(--muted) / .34);
    color: hsl(var(--muted-foreground));
    font-size: .68rem;
    font-weight: 860;
    letter-spacing: .05em;
    padding: .48rem .5rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.a75-data-table td {
    color: hsl(var(--foreground));
    font-size: .78rem;
    line-height: 1.2;
    max-width: 0;
    overflow: hidden;
    padding: .42rem .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.a75-data-table tbody tr:hover {
    background: hsl(var(--accent) / .38);
}

.a75-dt-identity {
    align-items: center;
    color: hsl(var(--foreground));
    display: inline-flex;
    gap: .45rem;
    max-width: 100%;
    min-width: 0;
    text-decoration: none;
}

.a75-dt-identity > span:first-child {
    flex: 0 0 1.75rem !important;
    font-size: .62rem !important;
    height: 1.75rem !important;
    width: 1.75rem !important;
}

.a75-dt-identity > .a75-identity-media:first-child,
.a75-dt-identity > .a75-dt-identity__avatar:first-child {
    flex: 0 0 2rem !important;
    height: 2rem !important;
    width: 2rem !important;
}

.a75-dt-identity__avatar {
    align-items: center;
    background: linear-gradient(135deg, #2563eb, #14b8a6);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .7rem;
    font-weight: 900;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

img.a75-dt-identity__avatar {
    display: block;
    object-fit: cover;
    opacity: 1;
}

img.a75-dt-identity__avatar.a75-identity-media--company,
img.a75-dt-identity__avatar.a75-identity-media--contain {
    background: hsl(var(--card));
    object-fit: contain;
    padding: .12rem;
}

.a75-dt-identity__text {
    display: grid;
    gap: .1rem;
    min-width: 0;
    width: 100%;
}

.a75-dt-identity__text strong {
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.15;
}

.a75-dt-identity__text strong,
.a75-dt-identity__text small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-dt-identity__text small,
.a75-dt-muted {
    color: hsl(var(--muted-foreground));
    font-size: .76rem;
}

.a75-dt-link,
.a75-dt-count-link {
    color: hsl(var(--primary));
    font-weight: 600;
    text-decoration: none;
}

.a75-dt-link,
.a75-dt-muted,
.a75-dt-channel {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-dt-link:hover,
.a75-dt-count-link:hover {
    text-decoration: underline;
}

.a75-dt-count-link {
    align-items: center;
    background: hsl(var(--primary) / .08);
    border: 1px solid hsl(var(--primary) / .2);
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    min-width: 2.1rem;
    padding: .22rem .55rem;
}

.a75-dt-count-link.is-ready {
    background: hsl(var(--success) / .1);
    border-color: hsl(var(--success) / .24);
    color: hsl(var(--success));
}

.a75-dt-chipline {
    display: flex;
    flex-wrap: nowrap;
    gap: .25rem;
    max-width: 14rem;
    min-width: 0;
    overflow: hidden;
}

.a75-dt-badge,
.a75-helper-chip,
.a75-dt-channel {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 600;
    gap: .25rem;
    line-height: 1.2;
    max-width: 100%;
    min-height: 1.35rem;
    overflow: hidden;
    padding: .16rem .42rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-dt-badge--success {
    background: hsl(var(--success) / .1);
    color: hsl(var(--success));
}

.a75-dt-badge--warning {
    background: hsl(var(--warning) / .12);
    color: hsl(var(--warning-strong, var(--warning)));
}

.a75-dt-badge--danger {
    background: hsl(var(--danger) / .1);
    color: hsl(var(--danger));
}

.a75-dt-badge--neutral,
.a75-dt-channel {
    background: hsl(var(--muted) / .5);
    color: hsl(var(--muted-foreground));
}

.a75-helper-chip {
    background: hsl(var(--info, 199 89% 48%) / .1);
    color: hsl(var(--info, 199 89% 48%));
    width: fit-content;
}

.a75-dt-confidence {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
    min-width: 2.4rem;
    padding: 0;
}

.a75-dt-confidence span {
    display: none;
}

.a75-dt-confidence strong {
    color: hsl(var(--foreground));
    font-size: .72rem;
    font-weight: 700;
}

.a75-dt-next-action {
    color: hsl(var(--foreground));
    display: inline-block;
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-dt-actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
}

.a75-dt-actions .a75-button {
    min-height: 2rem;
    padding: .35rem .6rem;
}

.a75-row-menu {
    overflow: visible;
}

.a75-row-menu__trigger {
    align-items: center;
    background: color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--primary)) 8%);
    border: 1px solid color-mix(in srgb, hsl(var(--border)) 72%, hsl(var(--primary)) 28%);
    border-radius: .42rem;
    color: hsl(var(--foreground));
    cursor: pointer;
    display: inline-flex;
    height: 1.9rem;
    justify-content: center;
    opacity: 1;
    width: 2rem;
}

.a75-row-menu__trigger svg,
.a75-row-menu__trigger i,
.record-list-more-button svg,
.record-list-more-button i,
.hero-more.action-trigger svg,
.hero-more.action-trigger i {
    opacity: 1;
    stroke-width: 2.45;
}

.a75-row-menu__trigger:hover,
.a75-row-menu__trigger:focus-visible,
.a75-row-menu.is-open .a75-row-menu__trigger {
    background: hsl(var(--accent));
    color: hsl(var(--foreground));
    outline: none;
}

.a75-row-menu__panel {
    background: hsl(var(--popover, var(--card))) !important;
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    box-shadow: 0 18px 42px hsl(var(--foreground) / .14);
    display: none;
    min-width: 11rem;
    opacity: 1 !important;
    padding: .35rem;
    position: absolute;
    right: 0;
    top: calc(100% + .25rem);
    z-index: 60; /* Sits above DataTables rows and sticky headers while staying below app modals. */
}

.a75-row-menu.is-open .a75-row-menu__panel,
.a75-row-menu:focus-within .a75-row-menu__panel {
    display: grid;
}

.a75-row-menu__panel a {
    align-items: center;
    border-radius: .38rem;
    color: hsl(var(--foreground));
    display: flex;
    font-size: .78rem;
    font-weight: 760;
    gap: .45rem;
    min-height: 2rem;
    padding: .35rem .5rem;
    text-decoration: none;
    white-space: nowrap;
}

.a75-row-menu__panel a:hover,
.a75-row-menu__panel a:focus-visible {
    background: hsl(var(--accent));
    outline: none;
}

.hero-more.action-trigger {
    background: color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--primary)) 8%) !important;
    border-color: color-mix(in srgb, hsl(var(--border)) 72%, hsl(var(--primary)) 28%) !important;
    color: hsl(var(--foreground)) !important;
    opacity: 1 !important;
}

.action-menu.hero-more-menu {
    background: hsl(var(--card)) !important;
    opacity: 1 !important;
}

.action-menu,
.agency75-popover,
.crm-preview-panel {
    opacity: 1 !important;
}

.action-menu {
    background-color: hsl(var(--card)) !important;
}

.a75-data-table .a75-dt-col-check {
    width: 2.2rem !important;
}

.a75-data-table .a75-dt-col-actions {
    overflow: visible;
    position: relative;
    text-align: right;
    width: 3rem !important;
}

.record-list-table-contacts .a75-dt-col-contact,
.record-list-table-companies .a75-dt-col-company-name {
    width: 20% !important;
}

.record-list-table-contacts .a75-dt-col-company {
    width: 14% !important;
}

.record-list-table-contacts .a75-dt-col-channel,
.record-list-table-contacts .a75-dt-col-research,
.record-list-table-companies .a75-dt-col-count,
.record-list-table-companies .a75-dt-col-research {
    width: 7% !important;
}

.record-list-table-contacts .a75-dt-col-status,
.record-list-table-contacts .a75-dt-col-stage,
.record-list-table-contacts .a75-dt-col-owner,
.record-list-table-companies .a75-dt-col-location {
    width: 11% !important;
}

.record-list-table-companies .a75-dt-col-domain,
.record-list-table-companies .a75-dt-col-industry {
    width: 17% !important;
}

.a75-datatable-shell .dataTables_processing {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: hsl(var(--foreground));
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 4rem;
    width: auto;
}

.a75-dt-processing {
    align-items: center;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    box-shadow: 0 12px 32px hsl(var(--foreground) / .1);
    display: inline-flex;
    font-size: .82rem;
    font-weight: 820;
    gap: .5rem;
    padding: .65rem .9rem;
}

.a75-datatable-shell .dataTables_paginate {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.a75-datatable-shell .paginate_button {
    align-items: center;
    border: 1px solid transparent !important;
    border-radius: .38rem !important;
    color: hsl(var(--muted-foreground)) !important;
    cursor: pointer;
    display: inline-flex !important;
    font-size: .76rem;
    font-weight: 820;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    padding: .25rem .55rem !important;
}

.a75-datatable-shell .paginate_button.current,
.a75-datatable-shell .paginate_button:hover {
    background: hsl(var(--primary) / .1) !important;
    border-color: hsl(var(--primary) / .25) !important;
    color: hsl(var(--primary)) !important;
}

.a75-datatable-shell .paginate_button.disabled {
    cursor: not-allowed;
    opacity: .45;
}

.a75-mobile-record-card {
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .5rem;
    box-shadow: 0 8px 22px hsl(var(--foreground) / .05);
    color: hsl(var(--foreground));
    display: grid;
    gap: .7rem;
    min-width: 0;
    padding: .9rem;
}

.a75-mobile-record-card[data-record-url] {
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.a75-mobile-record-card[data-record-url]:hover,
.a75-mobile-record-card[data-record-url]:focus-visible {
    border-color: hsl(var(--primary) / .32);
    box-shadow: 0 18px 38px hsl(var(--foreground) / .1);
    outline: 0;
    transform: translateY(-1px);
}

.a75-mobile-record-card > div {
    min-width: 0;
}

.a75-mobile-record-card__head {
    display: flex;
    gap: .7rem;
    min-width: 0;
}

.a75-mobile-record-card__top {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
}

.a75-mobile-record-card__top > div {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.a75-mobile-record-card__top > .a75-mobile-record-card__identity {
    align-items: center;
    display: flex;
    gap: .65rem;
    min-width: 0;
}

.a75-mobile-record-card__identity > .a75-identity-media {
    flex: 0 0 2.35rem;
    height: 2.35rem !important;
    width: 2.35rem !important;
}

.a75-mobile-record-card__icon {
    align-items: center;
    border-radius: .8rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), 0 10px 22px rgba(15, 23, 42, .14);
    color: #fff;
    display: inline-flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    position: relative;
    width: 3rem;
}

.a75-mobile-record-card__icon svg {
    height: 1.35rem;
    stroke-width: 2.6;
    width: 1.35rem;
}

.a75-mobile-record-card__icon-fallback {
    align-items: center;
    color: #fff !important;
    display: inline-flex;
    font-size: .92rem !important;
    font-weight: 900;
    justify-content: center;
    line-height: 1;
}

.a75-mobile-record-card__icon:has(svg) .a75-mobile-record-card__icon-fallback {
    display: none;
}

.a75-mobile-record-card__icon--contact {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
}

.a75-mobile-record-card__icon--company {
    background: linear-gradient(135deg, #10b981, #0f766e);
}

.a75-mobile-record-card__icon--opportunity {
    background: linear-gradient(135deg, #f59e0b, #f97316);
}

.a75-mobile-record-card__identity > div {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.a75-mobile-record-card__top a {
    color: hsl(var(--foreground));
    font-size: .92rem;
    font-weight: 880;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-mobile-record-card__top span {
    color: hsl(var(--muted-foreground));
    font-size: .76rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-mobile-record-card__status {
    align-items: flex-end;
    display: grid;
    gap: .35rem;
    justify-items: end;
    min-width: max-content;
}

.a75-mobile-record-card__open {
    align-items: center;
    background: hsl(var(--primary) / .08);
    border: 1px solid hsl(var(--primary) / .16);
    border-radius: 999px;
    color: hsl(var(--primary)) !important;
    display: inline-flex;
    font-size: .68rem !important;
    font-weight: 800;
    gap: .2rem;
    line-height: 1;
    padding: .32rem .48rem;
    text-transform: uppercase;
}

.a75-mobile-record-card__head .a75-dt-identity {
    min-width: 0;
    width: 100%;
}

.a75-mobile-record-card__meta,
.a75-mobile-record-card__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    min-width: 0;
}

.a75-mobile-record-card__stats {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.a75-mobile-record-card__stats span {
    background: linear-gradient(180deg, hsl(var(--muted) / .4), hsl(var(--muted) / .18));
    border: 1px solid hsl(var(--border));
    border-radius: .55rem;
    display: grid;
    gap: .12rem;
    min-width: 0;
    padding: .48rem .55rem;
}

.a75-mobile-record-card__stats small {
    color: hsl(var(--muted-foreground));
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.a75-mobile-record-card__stats strong {
    color: hsl(var(--foreground));
    font-size: .78rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-mobile-record-card__next {
    background: hsl(var(--muted) / .28);
    border: 1px solid hsl(var(--border));
    border-radius: .45rem;
    color: hsl(var(--foreground));
    display: grid;
    font-size: .8rem;
    gap: .2rem;
    min-width: 0;
    padding: .55rem .65rem;
}

.a75-mobile-record-card__next small {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
}

.a75-mobile-record-card__summary {
    color: hsl(var(--muted-foreground));
    display: grid;
    font-size: .78rem;
    gap: .2rem;
    line-height: 1.4;
    min-width: 0;
}

.a75-mobile-record-card__summary span {
    overflow-wrap: anywhere;
}

/* The older opportunities mobile card emitted Tailwind utility rows. The
   refreshed card keeps the server data but hides those legacy crumbs so the
   dashboard-style facts above become the only mobile summary surface. */
.a75-mobile-record-card--opportunity > .mt-1.text-xs.text-muted-foreground,
.a75-mobile-record-card--opportunity > .mt-2.flex.items-center.justify-between.text-xs {
    display: none !important;
}

.a75-mobile-record-card--empty {
    border-style: dashed;
    color: hsl(var(--muted-foreground));
}

/* ==================================================
   CONTACTS / COMPANIES DENSE SERVER-SIDE LISTS
================================================== */
.a75-record-list .a75-mode-pills {
    background: #f3f0ed;
    border-color: #d9d0c8;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .86), 0 1px 2px rgba(15, 23, 42, .05);
}

.a75-record-list .a75-mode-pills a {
    background: #fffdfb;
    border: 1px solid #d8cec5;
    color: #261f1b;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
}

.a75-record-list .a75-mode-pills a:hover,
.a75-record-list .a75-mode-pills a:focus-visible,
.a75-record-list .a75-mode-pills a.is-active {
    background: #ffe7df;
    border-color: #ff6b4a;
    color: #9d2f18;
    box-shadow: 0 2px 8px rgba(255, 80, 45, .14);
}

.a75-record-list .a75-filter-chip {
    background: #fffdfb;
    border-color: #d8cec5;
    color: #2d2621;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.a75-record-list .a75-filter-chip:hover,
.a75-record-list .a75-filter-chip:focus-visible {
    background: #fff4ef;
    border-color: #ff987d;
}

.a75-record-list .a75-filter-chip.is-active {
    background: #ffe7df;
    border-color: #ff6b4a;
    color: #9d2f18;
    box-shadow: 0 2px 8px rgba(255, 80, 45, .14);
}

@media (min-width: 1024px) {
    .a75-record-list .a75-datatable-shell {
        border-radius: .42rem;
        box-shadow: none;
        overflow: visible;
    }

    .a75-record-list .a75-datatable-shell .dataTables_wrapper {
        overflow: visible;
    }

    .a75-record-list .a75-datatable-shell .record-list-table-contacts,
    .a75-record-list .a75-datatable-shell .record-list-table-companies {
        min-width: 0;
        table-layout: fixed;
        width: 100% !important;
    }

    .a75-record-list .a75-dt-controls,
    .a75-record-list .a75-dt-footer {
        padding: .45rem .65rem;
    }

    .a75-record-list .a75-data-table th {
        background: color-mix(in oklab, var(--a75-surface-muted) 72%, #ffffff 28%);
        border-right: 1px solid color-mix(in oklab, var(--a75-border-subtle) 68%, transparent);
        font-size: .62rem;
        letter-spacing: .03em;
        padding: .38rem .42rem;
    }

    .a75-record-list .a75-data-table td {
        border-right: 1px solid color-mix(in oklab, var(--a75-border-subtle) 58%, transparent);
        font-size: .74rem;
        height: 2.15rem;
        line-height: 1.12;
        max-width: 1px;
        overflow: hidden;
        padding: .3rem .42rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .a75-record-list .a75-data-table td:last-child,
    .a75-record-list .a75-data-table th:last-child {
        border-right: 0;
    }

    .a75-record-list .a75-dt-identity {
        gap: .42rem;
        min-width: 0;
        width: 100%;
    }

    .a75-record-list .a75-dt-identity > span:first-child {
        font-size: .6rem !important;
        height: 1.7rem !important;
        min-width: 1.7rem !important;
        width: 1.7rem !important;
    }

    .a75-record-list .a75-dt-identity__text {
        gap: .04rem;
        min-width: 0;
    }

    .a75-record-list .a75-dt-identity__text strong {
        font-size: .75rem;
        line-height: 1.1;
    }

    .a75-record-list .a75-dt-identity__text small,
    .a75-record-list .a75-dt-muted {
        font-size: .66rem;
        line-height: 1.1;
    }

    .a75-record-list .a75-helper-chip,
    .a75-record-list .a75-dt-badge,
    .a75-record-list .a75-dt-channel {
        font-size: .62rem;
        gap: .16rem;
        line-height: 1;
        min-height: 1.1rem;
        max-width: 100%;
        overflow: hidden;
        padding: .12rem .34rem;
        text-overflow: ellipsis;
    }

    .a75-record-list .a75-dt-chipline {
        flex-wrap: nowrap;
        max-width: 100%;
        overflow: hidden;
    }

    .a75-record-list .a75-dt-confidence {
        gap: .25rem;
        min-width: 3.75rem;
        padding: .08rem .25rem;
    }

    .a75-record-list .a75-dt-confidence span {
        height: .28rem;
        max-width: 1.8rem;
    }

    .a75-record-list .a75-dt-confidence strong {
        font-size: .66rem;
    }

    .a75-record-list .a75-dt-next-action {
        max-width: 100%;
    }

    .a75-record-list .a75-dt-count-link {
        min-width: 1.65rem;
        padding: .1rem .36rem;
    }

    #contacts-datatable .a75-dt-col-check,
    #companies-datatable .a75-dt-col-check {
        width: 2rem !important;
    }

    #contacts-datatable .a75-dt-col-contact {
        width: 11.5rem !important;
    }

    #contacts-datatable .a75-dt-col-company {
        width: 7.5rem !important;
    }

    #contacts-datatable .a75-dt-col-channel,
    #contacts-datatable .a75-dt-col-status,
    #contacts-datatable .a75-dt-col-missing,
    #contacts-datatable .a75-dt-col-date {
        width: 5.5rem !important;
    }

    #contacts-datatable .a75-dt-col-stage {
        width: 6.5rem !important;
    }

    #contacts-datatable .a75-dt-col-owner {
        width: 5.5rem !important;
    }

    #contacts-datatable .a75-dt-col-research {
        width: 5rem !important;
    }

    #contacts-datatable .a75-dt-col-next {
        width: 7rem !important;
    }

    #companies-datatable .a75-dt-col-company-name {
        width: 17rem !important;
    }

    #companies-datatable .a75-dt-col-domain,
    #companies-datatable .a75-dt-col-industry,
    #companies-datatable .a75-dt-col-location,
    #companies-datatable .a75-dt-col-missing {
        width: 9rem !important;
    }

    #companies-datatable .a75-dt-col-count {
        width: 4rem !important;
        text-align: center;
    }

    #companies-datatable .a75-dt-col-research {
        width: 5rem !important;
    }

    .a75-record-list .a75-dt-col-actions {
        background: var(--a75-surface-card);
        border-left: 1px solid color-mix(in oklab, var(--a75-border-subtle) 70%, transparent);
        overflow: visible !important;
        position: sticky;
        right: 0;
        width: 2.6rem !important;
        z-index: 3;
    }

    .a75-record-list .a75-dt-actions--menu {
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
    }

    .a75-record-list .a75-dt-more-button {
        height: 1.65rem;
        width: 1.65rem;
    }
}

/* ==================================================
   CONTACTS LIST DATATABLE POLISH
================================================== */

/*
 * Why / Impact:
 * The live contacts route uses the approved dense LeadOps DataTable recipe.
 * These selectors stay scoped to the contacts list shell so the large round
 * identity photos, completion dial, score bars, and visible sort controls do
 * not leak into unrelated table recipes.
 */
.a75-contact-list .contact-list-filter-head {
    padding-top: .85rem;
}

.a75-contact-list .a75-contact-preview-filter-bar {
    align-items: flex-start;
    gap: .65rem;
    padding-bottom: .85rem;
    padding-top: .65rem;
}

.a75-contact-list .a75-contact-preview-filter-bar > .relative {
    flex: 1 1 23rem;
    max-width: 28rem;
}

.a75-contact-list .a75-contact-preview-filter-bar > .a75ts,
.a75-contact-list .a75-contact-preview-filter-bar > select {
    flex: 0 1 10.5rem;
}

.a75-contact-list .a75-contact-preview-filter-bar .a75-advanced-filter-drawer {
    margin-top: .1rem;
}

.a75-contact-list .a75-row-menu__trigger {
    background: #ffffff !important;
    border: 1px solid var(--a75-border-subtle, #ded2c8) !important;
    color: var(--a75-text, #1f1b16) !important;
    opacity: 1 !important;
}

.a75-contact-list .a75-row-menu__panel,
.a75-contact-list .action-menu,
.a75-contact-list .record-list-action-menu,
.a75-contact-list .agency75-popover,
.a75-contact-list .crm-preview-hover-card {
    background: #ffffff !important;
    border: 1px solid var(--a75-border-subtle, #ded2c8) !important;
    box-shadow: 0 22px 54px rgba(31, 27, 22, .22) !important;
    color: var(--a75-text, #1f1b16) !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.a75-contact-list .a75-row-menu__panel a,
.a75-contact-list .action-menu a {
    color: var(--a75-text, #1f1b16) !important;
}

.a75-contact-list .crm-preview-hover-card {
    z-index: 95; /* Keeps hover preview above dense table rows but below the drawer shell. */
}

.crm-preview-hover-card {
    background: #ffffff !important;
    border: 1px solid var(--a75-border-subtle, #ded2c8) !important;
    box-shadow: 0 22px 54px rgba(31, 27, 22, .22) !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.crm-preview-drawer.is-open .crm-preview-backdrop {
    background: rgba(15, 23, 42, .58) !important;
    opacity: 1 !important;
}

.crm-preview-panel.a75-record-preview__panel,
.crm-preview-panel.pd2 {
    background: #ffffff !important;
    box-shadow: 0 28px 72px rgba(15, 23, 42, .26) !important;
    opacity: 1 !important;
}

.a75-contact-list #contacts-datatable .a75-dt-identity {
    gap: .72rem;
    min-height: 3.35rem;
}

.a75-contact-list #contacts-datatable .a75-dt-identity > .a75-cl-avatar-wrap:first-child {
    flex: 0 0 3rem !important;
    font-size: .82rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    overflow: visible;
    width: 3rem !important;
}

.a75-contact-list #contacts-datatable .a75-cl-avatar-wrap .a75-identity-media,
.a75-contact-list #contacts-datatable .a75-cl-avatar-wrap .a75-avatar-initials,
.a75-contact-list #contacts-datatable .a75-cl-avatar-wrap img {
    border-radius: 999px !important;
    display: inline-flex;
    font-size: .86rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
    object-fit: cover;
    overflow: hidden;
    width: 3rem !important;
}

.a75-contact-list #contacts-datatable .a75-cl-dot {
    bottom: .05rem;
    right: .05rem;
}

.a75-contact-list .a75-data-table thead th.sorting,
.a75-contact-list .a75-data-table thead th.sorting_asc,
.a75-contact-list .a75-data-table thead th.sorting_desc {
    cursor: pointer;
    padding-right: 1.45rem !important;
    position: relative;
}

.a75-contact-list .a75-data-table thead th.sorting::before,
.a75-contact-list .a75-data-table thead th.sorting::after,
.a75-contact-list .a75-data-table thead th.sorting_asc::before,
.a75-contact-list .a75-data-table thead th.sorting_asc::after,
.a75-contact-list .a75-data-table thead th.sorting_desc::before,
.a75-contact-list .a75-data-table thead th.sorting_desc::after {
    border-left: .24rem solid transparent;
    border-right: .24rem solid transparent;
    content: "";
    opacity: .58;
    position: absolute;
    right: .48rem;
}

.a75-contact-list .a75-data-table thead th.sorting::before,
.a75-contact-list .a75-data-table thead th.sorting_asc::before,
.a75-contact-list .a75-data-table thead th.sorting_desc::before {
    border-bottom: .3rem solid var(--a75-text-muted, #6b6256);
    top: calc(50% - .42rem);
}

.a75-contact-list .a75-data-table thead th.sorting::after,
.a75-contact-list .a75-data-table thead th.sorting_asc::after,
.a75-contact-list .a75-data-table thead th.sorting_desc::after {
    border-top: .3rem solid var(--a75-text-muted, #6b6256);
    top: calc(50% + .08rem);
}

.a75-contact-list .a75-data-table thead th.sorting_asc::before,
.a75-contact-list .a75-data-table thead th.sorting_desc::after {
    border-bottom-color: var(--a75-color-primary, #ff5a36);
    border-top-color: var(--a75-color-primary, #ff5a36);
    opacity: 1;
}

.a75-contact-list .a75-completion-cell {
    align-items: center;
    display: inline-flex;
    gap: .55rem;
    justify-content: center;
    max-width: 100%;
    min-width: 2.4rem;
    width: 100%;
}

.a75-contact-list .a75-completion-cell__copy {
    display: grid;
    gap: .02rem;
    min-width: 0;
}

.a75-contact-list .a75-completion-cell__copy strong {
    color: var(--a75-text, #1f1b16);
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1;
}

.a75-contact-list .a75-completion-cell__copy small {
    color: var(--a75-text-muted, #6b6256);
    font-size: .62rem;
    line-height: 1;
    white-space: nowrap;
}

.a75-contact-list .a75-mini-dial {
    align-items: center;
    background: conic-gradient(var(--dc, #ff5a36) calc(var(--d, 0) * 1%), var(--a75-surface-muted, #f5efe6) 0);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(31, 27, 22, .06);
    display: inline-grid;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-items: center;
    place-items: center;
    position: relative;
    width: 2.25rem;
}

.a75-contact-list .a75-mini-dial::after {
    background: var(--a75-surface-card, #ffffff);
    border-radius: 999px;
    content: "";
    inset: .38rem;
    position: absolute;
}

.a75-contact-list .a75-mini-dial span {
    color: var(--a75-text, #1f1b16);
    font-size: .6rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.a75-contact-list .a75-cl-score-stack {
    gap: .38rem;
    min-width: 7.2rem;
    width: 100%;
}

.a75-contact-list .a75-cl-score-row {
    align-items: center;
    display: grid;
    gap: .36rem;
    grid-template-columns: 1.75rem minmax(3.8rem, 1fr) 1.55rem;
}

.a75-contact-list .a75-cl-score-name {
    color: var(--a75-text, #1f1b16);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.a75-contact-list .a75-cl-score-bar {
    background: var(--a75-surface-muted, #f5efe6);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(31, 27, 22, .05);
    height: .42rem;
    max-width: none;
    min-width: 3.8rem;
    overflow: hidden;
}

.a75-contact-list .a75-cl-score-fill {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
    height: 100%;
    min-width: 0;
}

.a75-contact-list .a75-cl-score-fill--rel {
    background: #2563eb;
}

.a75-contact-list .a75-cl-score-fill--pot {
    background: #f59e0b;
}

.a75-contact-list .a75-cl-score-val {
    color: var(--a75-text, #1f1b16);
    font-size: .72rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    text-align: right;
    width: auto;
}

.pd2-metric-grid {
    display: grid;
    gap: .7rem;
}

.pd2-metric-card {
    align-items: center;
    background: var(--a75-surface-card, #ffffff);
    border: 1px solid var(--a75-border-subtle, #ded2c8);
    border-radius: .75rem;
    display: grid;
    gap: .85rem;
    grid-template-columns: 4.25rem minmax(0, 1fr);
    min-width: 0;
    padding: .75rem .85rem;
}

.pd2-metric-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .58rem;
}

.pd2-metric-grid--three .pd2-metric-card {
    align-content: center;
    gap: .42rem;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    min-height: 8.4rem;
    padding: .72rem .42rem;
    text-align: center;
}

.pd2-metric-grid--three .pd2-metric-card--completion {
    border-top: 3px solid #ff5a36;
}

.pd2-metric-grid--three .pd2-metric-card--relationship {
    border-top: 3px solid #0ea5e9;
}

.pd2-metric-grid--three .pd2-metric-card--potential {
    border-top: 3px solid #22c55e;
}

.pd2-metric-card .pd2-dial {
    align-items: center;
    background: conic-gradient(var(--pdc, #ff5a36) calc(var(--pd, 0) * 1%), var(--a75-surface-muted, #f5efe6) 0);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(31, 27, 22, .06);
    display: inline-grid;
    flex: 0 0 4rem;
    height: 4rem;
    justify-items: center;
    place-items: center;
    position: relative;
    width: 4rem;
}

.pd2-metric-grid--three .pd2-dial {
    height: 4.05rem;
    width: 4.05rem;
}

.pd2-metric-card .pd2-dial::after {
    background: var(--a75-surface-card, #ffffff);
    border-radius: 999px;
    content: "";
    inset: .58rem;
    position: absolute;
}

.pd2-metric-grid--three .pd2-dial::after {
    inset: .56rem;
}

.pd2-metric-card .pd2-dial span {
    color: var(--a75-text, #1f1b16);
    font-size: .9rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.pd2-metric-grid--three .pd2-dial-label {
    color: var(--a75-text, #1f1b16);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase;
}

.pd2-metric-copy {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.pd2-metric-sub {
    color: var(--a75-text-muted, #6b6256);
    font-size: .72rem;
    line-height: 1.28;
    text-align: center;
}

.company-redesign-preview .crp-hero-dials.pd2-metric-grid--hero {
    display: grid;
    gap: 0.52rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0.78rem;
}

.company-redesign-preview .crp-hero-logo.a75-identity-media--company.a75-identity-media--fallback {
    background: #1453b8;
    border: 0;
    border-radius: 999px;
    box-shadow: none !important;
    color: #ffffff;
    font-family: var(--a75-font-display);
    font-size: 2.3rem;
    font-weight: 900;
    letter-spacing: 0;
}

.company-redesign-preview .crp-hero-logo.a75-entity-header__avatar {
    border-radius: 30px !important;
    box-shadow: none !important;
    font-size: 2.3rem !important;
    height: 154px !important;
    width: 154px !important;
}

.company-redesign-preview .crp-hero-logo.a75-identity-media--company.a75-identity-media--fallback {
    border-radius: 999px !important;
}

.company-redesign-preview .crp-hero-logo-edit.a75-hero-avatar-media-trigger {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: inherit;
    bottom: 0;
    box-shadow: none;
    color: var(--a75-color-primary-contrast);
    display: inline-flex;
    height: 100%;
    justify-content: flex-end;
    min-width: 100%;
    padding: 0.12rem;
    right: 0;
    width: 100%;
}

.company-redesign-preview .crp-hero-logo-edit.a75-hero-avatar-media-trigger svg,
.company-redesign-preview .crp-hero-logo-edit.a75-hero-avatar-media-trigger i {
    background: var(--a75-color-primary);
    border: 2px solid var(--a75-surface-card);
    border-radius: var(--a75-radius-pill);
    box-shadow: none;
    height: 2rem;
    opacity: 0;
    padding: 0.45rem;
    transform: translateY(2px) scale(0.94);
    transition: opacity 0.16s ease, transform 0.16s ease;
    width: 2rem;
}

.company-redesign-preview .crp-hero-logo-shell:hover .crp-hero-logo-edit.a75-hero-avatar-media-trigger svg,
.company-redesign-preview .crp-hero-logo-shell:hover .crp-hero-logo-edit.a75-hero-avatar-media-trigger i,
.company-redesign-preview .crp-hero-logo-edit.a75-hero-avatar-media-trigger:focus-visible svg,
.company-redesign-preview .crp-hero-logo-edit.a75-hero-avatar-media-trigger:focus-visible i {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.company-redesign-preview .crp-hero-dial.pd2-metric-card {
    align-items: center;
    border-left: 3px solid var(--pdc, #ff5a36);
    border-top: 1px solid color-mix(in srgb, var(--pdc, #ff5a36) 34%, var(--a75-border-subtle, #ded2c8));
    gap: 0.46rem;
    grid-template-columns: auto minmax(0, 1fr);
    justify-items: start;
    min-height: 4.85rem;
    padding: 0.52rem 0.58rem;
    text-align: left;
}

.company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial {
    flex-basis: 3.15rem;
    grid-row: 1 / span 2;
    height: 3.15rem;
    width: 3.15rem;
}

.company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial-label {
    color: var(--a75-text, #1f1b16);
    font-size: 0.64rem;
    font-weight: 900;
    grid-column: 2;
    letter-spacing: 0.035em;
    line-height: 1.12;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: left;
    text-transform: uppercase;
}

.company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-metric-sub {
    font-size: 0.63rem;
    font-weight: 720;
    grid-column: 2;
    line-height: 1.15;
    text-align: left;
    word-break: normal;
}

.company-redesign-preview .crp-weather-tile--hero {
    min-height: 186px;
}

.company-redesign-preview .crp-weather-tile--hero.is-weather-expanded {
    min-height: 268px;
}

.company-redesign-preview .crp-company-hero__layout {
    align-items: center;
}

.company-redesign-preview .crp-company-hero__identity {
    align-items: center;
    gap: 1.35rem;
}

.company-redesign-preview .crp-hero-logo-stack {
    align-content: start;
    align-items: center;
    gap: 0.38rem;
    justify-items: center;
}

.company-redesign-preview .crp-hero-logo-shell,
.company-redesign-preview .crp-hero-logo,
.company-redesign-preview .crp-hero-logo-fallback {
    border-radius: 30px;
    box-shadow: none !important;
    flex-basis: 154px;
    height: 154px;
    width: 154px;
}

@media (max-width: 768px) {
    .a75-record-tab-rail-toggle {
        margin: 0.45rem 0 0;
        position: static;
        width: max-content;
    }

    .a75-record-view.is-record-rail-collapsed .contact-tab-strip.a75-tabs__list,
    .a75-record-view.is-record-rail-collapsed .company-tab-strip.a75-tabs__list {
        width: 100%;
    }

    .company-redesign-preview .crp-hero-dials.pd2-metric-grid--hero {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card {
        min-height: 4.65rem;
    }

    .company-redesign-preview .crp-weather-tile--hero {
        min-height: 142px;
    }

    .company-redesign-preview .crp-weather-tile--hero.is-weather-expanded {
        min-height: 238px;
    }

    .company-redesign-preview .crp-hero-logo-shell,
    .company-redesign-preview .crp-hero-logo,
    .company-redesign-preview .crp-hero-logo-fallback {
        flex-basis: 132px;
        height: 132px;
        width: 132px;
    }

    .company-redesign-preview .crp-hero-logo.a75-entity-header__avatar {
        font-size: 2rem !important;
        height: 132px !important;
        width: 132px !important;
    }

    .company-redesign-preview .crp-quick-actions--hero-logo {
        max-width: 132px;
    }
}

@media (max-width: 420px) {
    .company-redesign-preview .crp-hero-dials.pd2-metric-grid--hero {
        gap: 0.55rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card {
        gap: 0.38rem;
        min-height: 4.45rem;
        padding: 0.48rem 0.42rem;
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial {
        flex-basis: 2.85rem;
        height: 2.85rem;
        width: 2.85rem;
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial::after {
        inset: 0.48rem;
    }

    .company-redesign-preview .crp-hero-dial.pd2-metric-card .pd2-dial-label {
        font-size: 0.54rem;
        letter-spacing: 0.02em;
    }

    .company-redesign-preview .crp-weather-tile--hero {
        min-height: 146px;
    }

    .company-redesign-preview .crp-weather-tile--hero.is-weather-expanded {
        min-height: 252px;
    }

    .company-redesign-preview .crp-weather-details {
        grid-template-columns: 1fr;
    }
}

.pd2-metric-card .pd2-progress-track {
    grid-column: 1 / -1;
    margin-top: -.18rem;
}

.pd2-dial--completion { --pdc: #ff573d; }
.pd2-dial--missing { --pdc: #f59e0b; }
.pd2-dial--relationship { --pdc: #0ea5e9; }

.a75-record-preview .pd2-body > .pd2-facts {
    display: none;
}

/* ==================================================
   COMPANY BASIC CRUD PREVIEW TABBED PROFILE
================================================== */
.company-redesign-preview {
    overflow-x: clip;
}

.company-redesign-preview .crp-company-hero {
    padding-bottom: 3.45rem;
}

.company-redesign-preview .crp-company-hero__copy {
    display: grid;
    gap: 0.44rem;
}

.company-redesign-preview .crp-company-hero__badges {
    gap: 0.38rem;
}

.company-redesign-preview .crp-company-hero__badges .crp-badge {
    background: transparent !important;
    border: 1px solid currentColor !important;
    border-radius: var(--a75-radius-pill);
    box-shadow: none !important;
    min-height: 0;
    padding: 0.18rem 0.48rem;
    font-size: 0.72rem;
    font-weight: 620;
    line-height: 1.15;
}

.company-redesign-preview .crp-company-hero__badges .crp-badge--success {
    color: #15803d;
}

.company-redesign-preview .crp-company-hero__badges .crp-badge--info {
    color: #2563eb;
}

.company-redesign-preview .crp-company-hero__badges .crp-badge--warning {
    color: #b45309;
}

.company-redesign-preview .crp-company-hero__signals {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem 0.95rem;
    max-width: 50rem;
}

.company-redesign-preview .crp-hero-signal {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--a75-text-muted);
    display: inline-flex;
    gap: 0.26rem;
    min-height: 1.25rem;
    min-width: 0;
    padding: 0.04rem 0.18rem 0.04rem 0;
}

.company-redesign-preview .crp-hero-signal .crp-icon {
    align-items: center;
    background: transparent;
    border-radius: var(--a75-radius-pill);
    color: color-mix(in srgb, var(--a75-text-muted) 82%, var(--a75-color-primary));
    display: inline-flex;
    height: 0.78rem;
    opacity: 0.82;
    padding: 0;
    width: 0.78rem;
}

.company-redesign-preview .crp-hero-signal--industry .crp-icon {
    color: #f97316;
}

.company-redesign-preview .crp-hero-signal strong {
    display: none;
}

.company-redesign-preview .crp-hero-signal > span {
    color: color-mix(in srgb, var(--a75-text) 86%, var(--a75-text-muted));
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.46;
    min-width: 0;
    overflow-wrap: anywhere;
}

.company-redesign-preview .crp-hero-signal--size .crp-icon {
    background: transparent;
    color: color-mix(in srgb, #b45309 42%, var(--a75-text-muted));
}

.company-redesign-preview .crp-hero-signal--location .crp-icon {
    background: transparent;
    color: color-mix(in srgb, #047857 40%, var(--a75-text-muted));
}

.company-redesign-preview .crp-company-hero__meta {
    gap: 0.38rem 0.82rem;
    line-height: 1.46;
    margin-top: 0.04rem;
}

.company-redesign-preview .crp-company-hero__meta span,
.company-redesign-preview .crp-company-hero__meta-link {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.46;
    padding: 0.04rem 0.14rem 0.04rem 0;
}

.company-redesign-preview .crp-company-hero__meta span .crp-icon {
    color: #8b5cf6;
}

.company-redesign-preview .crp-company-hero__meta-link .crp-icon {
    color: #ff5a36;
}

.company-redesign-preview .crp-company-hero__meta-link {
    background: transparent;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, currentColor 24%, transparent);
    border-radius: 0;
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text) 82%, var(--a75-color-primary));
    font-weight: 500;
    padding: 0;
}

.company-redesign-preview .crp-company-hero__meta-link:hover,
.company-redesign-preview .crp-company-hero__meta-link:focus-visible {
    border-color: color-mix(in srgb, currentColor 46%, transparent);
    box-shadow: none;
    transform: none;
}

.company-redesign-preview .crp-company-hero__meta-link--linkedin {
    background: transparent;
    color: color-mix(in srgb, #0a66c2 64%, var(--a75-text));
}

.company-redesign-preview .crp-company-hero__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.26rem;
    justify-content: flex-end;
    margin-top: 0.12rem;
    z-index: 4;
}

@media (min-width: 901px) {
    .company-redesign-preview .crp-company-hero__actions {
        bottom: 0.92rem;
        margin-top: 0;
        max-width: min(43rem, calc(100% - 3rem));
        position: absolute;
        right: var(--a75-space-5);
    }
}

.company-redesign-preview .crp-hero-action {
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-card) 72%, transparent);
    border: 1px solid color-mix(in srgb, var(--a75-border-subtle) 72%, transparent);
    border-radius: var(--a75-radius-pill);
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text) 78%, var(--a75-text-muted));
    cursor: pointer;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 720;
    gap: 0.28rem;
    min-height: 1.72rem;
    padding: 0 0.52rem;
    text-decoration: none;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
    white-space: nowrap;
}

.company-redesign-preview .crp-hero-action .crp-icon {
    height: 0.76rem;
    width: 0.76rem;
}

.company-redesign-preview .crp-hero-action:hover,
.company-redesign-preview .crp-hero-action:focus-visible {
    background: var(--a75-surface-card);
    border-color: color-mix(in srgb, currentColor 30%, var(--a75-border-subtle));
    color: var(--a75-text);
    box-shadow: none;
    outline: none;
}

.company-redesign-preview .crp-hero-action--task {
    background: color-mix(in srgb, var(--a75-color-primary) 4%, var(--a75-surface-card));
    border-color: color-mix(in srgb, var(--a75-color-primary) 18%, var(--a75-border-subtle));
    color: color-mix(in srgb, var(--a75-color-primary) 58%, var(--a75-text));
}

.company-redesign-preview .crp-hero-action--comment {
    color: color-mix(in srgb, #0f766e 44%, var(--a75-text));
}

.company-redesign-preview .crp-hero-action--activity {
    color: color-mix(in srgb, #7c3aed 42%, var(--a75-text));
}

.company-redesign-preview .crp-company-hero__actions .crp-quick-actions--hero {
    border-left: 1px solid color-mix(in srgb, var(--a75-border-subtle) 58%, transparent);
    margin-left: 0.08rem;
    padding-left: 0.46rem;
}

.company-redesign-preview .crp-company-hero__actions .crp-quick-action {
    background: transparent;
    border-color: color-mix(in srgb, var(--a75-border-subtle) 64%, transparent);
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text-muted) 86%, var(--a75-text));
    height: 1.65rem;
    width: 1.65rem;
}

.company-redesign-preview .crp-company-hero__actions .crp-quick-action:hover,
.company-redesign-preview .crp-company-hero__actions .crp-quick-action:focus-visible {
    background: var(--a75-surface-card);
    box-shadow: none;
    transform: none;
}

.company-redesign-preview .crp-quick-actions--hero-logo {
    gap: 0.24rem;
    justify-content: center;
    max-width: 154px;
    width: 100%;
}

.company-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action {
    background: transparent;
    border-color: color-mix(in srgb, var(--a75-border-subtle) 64%, transparent);
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text-muted) 86%, var(--a75-text));
    height: 1.58rem;
    width: 1.58rem;
}

.company-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action .crp-icon {
    height: 0.78rem;
    width: 0.78rem;
}

.company-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action:hover,
.company-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action:focus-visible {
    background: var(--a75-surface-card);
    box-shadow: none;
    transform: none;
}

.company-redesign-preview .crp-sticky-header .crp-header-actions {
    gap: 0.32rem;
}

.company-redesign-preview .crp-sticky-meta-line span,
.company-redesign-preview .crp-sticky-meta-line a {
    align-items: center;
    display: inline-flex;
    gap: 0.24rem;
    font-weight: 500;
}

.company-redesign-preview .crp-sticky-meta-line a {
    color: #ff5a36;
    font-weight: 500;
}

.company-redesign-preview .crp-sticky-meta-line .crp-icon {
    color: #8b5cf6;
    height: 0.76rem;
    width: 0.76rem;
}

.company-redesign-preview .crp-sticky-meta-item--industry .crp-icon {
    color: #f97316;
}

.company-redesign-preview .crp-sticky-meta-item--size .crp-icon {
    color: #b45309;
}

.company-redesign-preview .crp-sticky-meta-item--website .crp-icon {
    color: #ff5a36;
}

.company-redesign-preview .crp-sticky-header .crp-action-btn {
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-card) 76%, transparent);
    border: 1px solid color-mix(in srgb, var(--a75-border-subtle) 72%, transparent);
    border-radius: var(--a75-radius-pill);
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text) 78%, var(--a75-text-muted));
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 720;
    gap: 0.28rem;
    min-height: 1.72rem;
    padding: 0 0.52rem;
    text-decoration: none;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    white-space: nowrap;
}

.company-redesign-preview .crp-sticky-header .crp-action-btn .crp-icon {
    height: 0.76rem;
    width: 0.76rem;
}

.company-redesign-preview .crp-sticky-header .crp-action-btn:hover,
.company-redesign-preview .crp-sticky-header .crp-action-btn:focus-visible {
    background: var(--a75-surface-card);
    border-color: color-mix(in srgb, currentColor 30%, var(--a75-border-subtle));
    color: var(--a75-text);
    box-shadow: none;
    outline: none;
    transform: none;
}

.company-redesign-preview .crp-sticky-header .crp-action-btn--edit {
    background: color-mix(in srgb, var(--a75-color-primary) 4%, var(--a75-surface-card));
    border-color: color-mix(in srgb, var(--a75-color-primary) 18%, var(--a75-border-subtle));
    color: color-mix(in srgb, var(--a75-color-primary) 58%, var(--a75-text));
}

.company-redesign-preview .crp-sticky-header .crp-action-btn--task {
    color: color-mix(in srgb, var(--a75-color-primary) 54%, var(--a75-text));
}

.company-redesign-preview .crp-sticky-header .crp-action-btn--comment {
    color: color-mix(in srgb, #0f766e 44%, var(--a75-text));
}

.company-redesign-preview .crp-sticky-header .crp-action-btn--activity {
    color: color-mix(in srgb, #7c3aed 42%, var(--a75-text));
}

.company-redesign-preview .crp-topbar {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 1rem;
}

.company-redesign-preview .crp-tabs {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    gap: 0.45rem;
    padding: 0.48rem;
}

.company-redesign-preview .crp-tab {
    border-radius: var(--a75-radius-md);
    font-size: 0.86rem;
    min-height: 2.35rem;
    padding: 0 0.7rem;
}

.company-redesign-preview .crp-tab[data-crp-tab="overview"] {
    --crp-tab-accent: #ff5a36;
    --crp-tab-soft: color-mix(in srgb, #ff5a36 10%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="identity"] {
    --crp-tab-accent: #0f766e;
    --crp-tab-soft: color-mix(in srgb, #0f766e 9%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="business"] {
    --crp-tab-accent: #c2410c;
    --crp-tab-soft: color-mix(in srgb, #c2410c 9%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="location"] {
    --crp-tab-accent: #dc2626;
    --crp-tab-soft: color-mix(in srgb, #dc2626 8%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="online"] {
    --crp-tab-accent: #2563eb;
    --crp-tab-soft: color-mix(in srgb, #2563eb 11%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="people"] {
    --crp-tab-accent: #d97706;
    --crp-tab-soft: color-mix(in srgb, #d97706 10%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="notes"] {
    --crp-tab-accent: #db2777;
    --crp-tab-soft: color-mix(in srgb, #db2777 8%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="research"] {
    --crp-tab-accent: #7c3aed;
    --crp-tab-soft: color-mix(in srgb, #7c3aed 10%, var(--a75-surface-card));
}

.company-redesign-preview .crp-tab[data-crp-tab="system"] {
    --crp-tab-accent: #64748b;
    --crp-tab-soft: color-mix(in srgb, #64748b 11%, var(--a75-surface-card));
}

.company-redesign-preview .crp-customize-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.company-redesign-preview .crp-customize-actions--rail {
    border-top: 1px solid var(--a75-border-subtle);
    justify-content: stretch;
    padding-top: 0.7rem;
}

.company-redesign-preview .crp-customize-actions--rail .a75-button {
    flex: 1 1 8.5rem;
    min-width: 0;
}

.company-redesign-preview .crp-rail-tab-toggle {
    align-self: center;
    justify-self: end;
    position: static;
    right: auto;
    top: auto;
    white-space: nowrap;
    z-index: auto;
}

.company-redesign-preview:not(.is-record-rail-collapsed) .crp-rail-tab-toggle {
    display: none !important;
}

.company-redesign-preview.is-record-rail-collapsed .crp-rail-tab-toggle {
    display: inline-flex;
}

.company-redesign-preview .crp-customize-only,
.company-redesign-preview .crp-customize-grip {
    display: none !important;
}

.company-redesign-preview.is-customizing-tabs .crp-tabs .crp-customize-only,
.company-redesign-preview.is-customizing-tabs .crp-tabs .crp-customize-grip,
.company-redesign-preview.is-customizing-tabs .crp-tab-panel.is-active .crp-customize-only,
.company-redesign-preview.is-customizing-tabs .crp-tab-panel.is-active .crp-customize-grip,
.company-redesign-preview.is-customizing-sidebar .crp-sidebar .crp-customize-only,
.company-redesign-preview.is-customizing-sidebar .crp-sidebar .crp-customize-grip {
    display: inline-flex !important;
}

.company-redesign-preview.is-customizing-sidebar .crp-sidebar .crp-widget__controls.crp-customize-only {
    display: flex !important;
}

.company-redesign-preview .crp-customize-grip {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--a75-text-muted);
    cursor: grab;
    flex: 0 0 auto;
    justify-content: center;
    padding: 0;
}

.company-redesign-preview .crp-tab__custom-icons {
    border-left: 1px solid var(--a75-border-subtle);
    cursor: pointer;
    margin-left: 0.15rem;
    padding-left: 0.35rem;
}

.company-redesign-preview .crp-layout {
    gap: 1rem;
    grid-template-columns: minmax(0, 74fr) minmax(18.75rem, 26fr);
}

.company-redesign-preview.is-record-rail-collapsed .crp-layout {
    grid-template-columns: minmax(0, 1fr);
}

.company-redesign-preview .crp-main {
    display: grid;
    gap: 1rem;
}

.company-redesign-preview .crp-tab-panel {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.company-redesign-preview .crp-tab-panel[hidden] {
    display: none !important;
}

.company-redesign-preview .crp-section,
.company-redesign-preview .crp-subsection,
.company-redesign-preview .crp-widget {
    border-radius: var(--a75-radius-lg);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
}

.company-redesign-preview .crp-section__header,
.company-redesign-preview .crp-widget__header {
    align-items: flex-start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.company-redesign-preview .crp-widget__header {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
}

.company-redesign-preview .crp-section__header p,
.company-redesign-preview .crp-widget__header p {
    color: var(--a75-text-muted);
    font-size: 0.84rem;
    line-height: 1.35;
    margin: 0.16rem 0 0;
}

.company-redesign-preview .crp-section__actions,
.company-redesign-preview .crp-widget__controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.company-redesign-preview .crp-field-grid {
    gap: 0.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-redesign-preview .crp-field {
    border: 1px solid color-mix(in srgb, var(--a75-border-subtle) 74%, transparent);
    border-radius: var(--a75-radius-md);
    min-width: 0;
    padding: 0.7rem 0.75rem;
}

.company-redesign-preview .crp-field__label {
    color: var(--a75-text-muted);
    font-size: 0.72rem;
    letter-spacing: 0;
}

.company-redesign-preview .crp-field__text {
    overflow-wrap: anywhere;
}

.company-redesign-preview .crp-field.is-empty .crp-field__text,
.company-redesign-preview .crp-empty-row {
    color: color-mix(in srgb, var(--a75-text-muted) 82%, var(--a75-color-primary));
    font-style: italic;
}

.company-redesign-preview .crp-section.is-section-editing .crp-field {
    background: color-mix(in srgb, var(--a75-tone-primary-soft) 28%, var(--a75-surface-card));
}

.company-redesign-preview .crp-section-status {
    border-top: 1px solid var(--a75-border-subtle);
    color: var(--a75-text-muted);
    font-size: 0.84rem;
    margin: 0;
    padding: 0.75rem 1rem;
}

.company-redesign-preview .crp-section-status--success {
    color: #15803d;
}

.company-redesign-preview .crp-section-status--error {
    color: #b91c1c;
}

.company-redesign-preview .crp-readonly-note {
    align-items: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-pill);
    color: var(--a75-text-muted);
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    min-height: 1.85rem;
    padding: 0 0.7rem;
}

.company-redesign-preview .is-section-collapsed [data-crp-section-body],
.company-redesign-preview .is-section-collapsed .crp-quick-create,
.company-redesign-preview .is-widget-collapsed [data-crp-widget-body] {
    display: none;
}

.company-redesign-preview .is-layout-hidden {
    opacity: 0.48;
}

.company-redesign-preview.is-customizing-tabs .crp-tab.is-layout-hidden,
.company-redesign-preview.is-customizing-sidebar .crp-widget.is-layout-hidden {
    border-style: dashed;
    display: inline-flex;
}

.company-redesign-preview.is-customizing-sidebar .crp-widget.is-layout-hidden {
    display: block;
}

.company-redesign-preview .is-dragging {
    opacity: 0.54;
}

.company-redesign-preview .crp-sidebar {
    align-content: start;
    gap: 0.75rem;
    top: 128px;
}

.company-redesign-preview.is-record-rail-collapsed .crp-sidebar,
.company-redesign-preview .crp-sidebar.is-collapsed {
    display: none;
}

.company-redesign-preview .crp-rail-toolbar {
    background: color-mix(in srgb, var(--a75-surface-card) 92%, var(--a75-surface-muted));
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    display: grid;
    gap: 0.75rem;
    padding: 0.75rem;
}

.company-redesign-preview .crp-rail-toolbar__top {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.company-redesign-preview .crp-rail-toolbar__copy strong,
.company-redesign-preview .crp-rail-toolbar__copy span {
    display: block;
}

.company-redesign-preview .crp-rail-toolbar__copy span {
    color: var(--a75-text-muted);
    font-size: 0.78rem;
    line-height: 1.25;
    margin-top: 0.1rem;
}

.company-redesign-preview .crp-rail-collapse-toggle {
    white-space: nowrap;
}

.company-redesign-preview .crp-widget {
    min-width: 0;
}

.company-redesign-preview .crp-widget__body {
    display: grid;
    gap: 0.7rem;
    padding: 0.85rem 1rem 1rem;
}

.company-redesign-preview .crp-quick-actions--sidebar {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.company-redesign-preview .crp-button-grid--sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-redesign-preview .crp-sticky-note-preview {
    background: color-mix(in srgb, #fef3c7 64%, var(--a75-surface-card));
    border: 1px solid color-mix(in srgb, #f59e0b 24%, var(--a75-border-subtle));
    border-radius: var(--a75-radius-md);
    color: var(--a75-text);
    line-height: 1.45;
    margin: 0;
    min-height: 3.2rem;
    padding: 0.75rem;
    white-space: pre-wrap;
}

.company-redesign-preview .crp-list--compact {
    display: grid;
    gap: 0.45rem;
}

.company-redesign-preview .crp-mini-contact {
    align-items: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    color: inherit;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.55rem;
    text-decoration: none;
}

.company-redesign-preview .crp-mini-contact strong,
.company-redesign-preview .crp-mini-contact em {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.company-redesign-preview .crp-mini-contact em {
    color: var(--a75-text-muted);
    font-size: 0.76rem;
    font-style: normal;
    margin-top: 0.08rem;
}

.company-redesign-preview .crp-mini-contact__avatar,
.company-redesign-preview .crp-person-row__avatar {
    align-items: center;
    background: color-mix(in srgb, var(--a75-color-primary) 13%, var(--a75-surface-card));
    border-radius: var(--a75-radius-pill);
    color: var(--a75-color-primary);
    display: inline-flex;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.company-redesign-preview .crp-widget-number {
    align-items: baseline;
    display: flex;
    gap: 0.4rem;
}

.company-redesign-preview .crp-widget-number strong {
    font-size: 1.6rem;
    line-height: 1;
}

.company-redesign-preview .crp-activity-mini {
    display: grid;
    gap: 0.5rem;
}

.company-redesign-preview .crp-activity-mini article {
    border-left: 3px solid color-mix(in srgb, var(--a75-color-primary) 45%, var(--a75-border-subtle));
    padding-left: 0.65rem;
}

.company-redesign-preview .crp-activity-mini strong,
.company-redesign-preview .crp-activity-mini span {
    display: block;
}

.company-redesign-preview .crp-activity-mini span {
    color: var(--a75-text-muted);
    font-size: 0.76rem;
}

.company-redesign-preview .crp-child-grid,
.company-redesign-preview .crp-research-grid,
.company-redesign-preview .crp-system-list--wide {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-redesign-preview .crp-child-line {
    display: grid;
    gap: 0.2rem;
    margin: 0 0 0.55rem;
}

.company-redesign-preview .crp-child-line span {
    color: var(--a75-text-muted);
    overflow-wrap: anywhere;
}

.company-redesign-preview .crp-research-grid article {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem;
}

.company-redesign-preview .crp-section--system {
    background: color-mix(in srgb, var(--a75-surface-card) 86%, var(--a75-page-bg));
}

.company-redesign-preview .crp-people-section .crp-list {
    display: grid;
    gap: 0.7rem;
}

.company-redesign-preview .crp-person-row {
    align-items: center;
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.75rem;
}

.company-redesign-preview .crp-person-view h3 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0 0 0.18rem;
}

.company-redesign-preview .crp-person-view p {
    color: var(--a75-text-muted);
    margin: 0.12rem 0;
}

.company-redesign-preview .crp-person-edit,
.company-redesign-preview .crp-people-edit-grid {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-redesign-preview .crp-person-edit label,
.company-redesign-preview .crp-quick-create label {
    color: var(--a75-text-muted);
    display: grid;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.25rem;
    letter-spacing: 0;
}

.company-redesign-preview .crp-person-edit input,
.company-redesign-preview .crp-person-edit select,
.company-redesign-preview .crp-quick-create input,
.company-redesign-preview .crp-quick-create select {
    background: var(--a75-surface-card);
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-md);
    color: var(--a75-text);
    min-height: 2.35rem;
    min-width: 0;
    padding: 0 0.65rem;
    width: 100%;
}

.company-redesign-preview .crp-person-edit .crp-checkbox {
    align-content: center;
    display: flex;
}

.company-redesign-preview .crp-quick-create {
    border-top: 1px solid var(--a75-border-subtle);
    display: grid;
    gap: 0.7rem;
}

.company-redesign-preview .crp-quick-create h3 {
    margin: 0;
}

@media (max-width: 1100px) {
    .company-redesign-preview .crp-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .company-redesign-preview .crp-sidebar {
        position: static;
    }
}

@media (max-width: 900px) {
    .company-redesign-preview .crp-company-hero {
        padding-bottom: var(--a75-space-5);
    }

    .company-redesign-preview .crp-company-hero__actions {
        justify-content: flex-start;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .company-redesign-preview .crp-topbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .company-redesign-preview .crp-customize-actions {
        justify-content: flex-start;
    }

    .company-redesign-preview .crp-customize-actions--rail {
        justify-content: stretch;
    }

    .company-redesign-preview .crp-rail-tab-toggle {
        justify-self: start;
    }

    .company-redesign-preview .crp-field-grid,
    .company-redesign-preview .crp-child-grid,
    .company-redesign-preview .crp-research-grid,
    .company-redesign-preview .crp-system-list--wide,
    .company-redesign-preview .crp-person-edit,
    .company-redesign-preview .crp-people-edit-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .company-redesign-preview .crp-section__header,
    .company-redesign-preview .crp-widget__header {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .company-redesign-preview .crp-section__actions,
    .company-redesign-preview .crp-widget__controls {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 430px) {
    .company-redesign-preview .crp-tabs {
        gap: 0.35rem;
        padding: 0.4rem;
    }

    .company-redesign-preview .crp-tab {
        font-size: 0.78rem;
        padding: 0 0.56rem;
    }

    .company-redesign-preview .crp-quick-actions--sidebar,
    .company-redesign-preview .crp-button-grid--sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-redesign-preview .crp-person-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Preview drawer parity:
   the shared renderer still writes facts/context/people into legacy sink nodes.
   Company and Notebook use custom pd2 cards instead, so these aria-hidden sinks
   must stay invisible even when JavaScript removes their utility class. */
.crm-preview-drawer [aria-hidden="true"][data-preview-quick-links],
.crm-preview-drawer [aria-hidden="true"][data-preview-facts],
.crm-preview-drawer [aria-hidden="true"][data-preview-context-card],
.crm-preview-drawer [aria-hidden="true"][data-preview-missing-list],
.crm-preview-drawer [aria-hidden="true"][data-preview-people-card],
.crm-preview-drawer [aria-hidden="true"][data-preview-secondary],
.crm-preview-drawer [aria-hidden="true"][data-preview-followup] {
    display: none !important;
}

.a75-record-preview .pd2-body > .pd2-metric-grid {
    order: 1;
}

.a75-record-preview .pd2-body > .pd2-next-card {
    order: 2;
}

.a75-record-preview .pd2-body > .pd2-info-card {
    order: 3;
}

.a75-record-preview .pd2-info-card > .pd2-info-next {
    display: none;
}

.pd2-next-card {
    align-items: center;
    background: color-mix(in srgb, var(--a75-color-primary, #ff5a36) 7%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--a75-color-primary, #ff5a36) 24%, var(--a75-border-subtle, #ded2c8));
    border-radius: .75rem;
    box-shadow: 0 14px 32px rgba(255, 90, 54, .12);
    display: flex;
    gap: .75rem;
    padding: .82rem .9rem;
}

.pd2-next-card-icon {
    align-items: center;
    background: var(--a75-color-primary, #ff5a36);
    border-radius: .62rem;
    box-shadow: 0 10px 20px rgba(255, 90, 54, .22);
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 2.35rem;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.pd2-next-card-body {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.pd2-next-card-heading {
    color: var(--a75-text-muted, #6b6256);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pd2-next-card-value {
    color: var(--a75-text, #1f1b16);
    font-size: .92rem;
    font-weight: 850;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd2-next-card-value--unset {
    color: var(--a75-text-muted, #6b6256);
    font-weight: 750;
}

.pd2-info-card {
    background: #ffffff;
    border: 1px solid var(--a75-border-subtle, #ded2c8);
    border-radius: .75rem;
    box-shadow: 0 14px 38px rgba(31, 27, 22, .08);
    display: grid;
    gap: .7rem;
    padding: .85rem;
}

.pd2-info-head,
.pd2-info-next,
.pd2-info-item {
    align-items: center;
    display: flex;
    gap: .8rem;
    justify-content: space-between;
    min-width: 0;
}

.pd2-info-head {
    border-bottom: 1px solid var(--a75-border-subtle, #ded2c8);
    padding-bottom: .58rem;
}

.pd2-info-head span,
.pd2-info-next span,
.pd2-info-item span {
    color: var(--a75-text-muted, #6b6256);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pd2-info-head strong,
.pd2-info-next strong,
.pd2-info-item strong {
    color: var(--a75-text, #1f1b16);
    font-size: .84rem;
    font-weight: 850;
    min-width: 0;
    text-align: right;
}

.pd2-info-next {
    background: var(--a75-surface-muted, #f5efe6);
    border-radius: .55rem;
    padding: .62rem .7rem;
}

.pd2-info-grid {
    display: grid;
    gap: .55rem .7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pd2-info-item {
    border-top: 1px solid rgba(222, 210, 200, .72);
    padding-top: .55rem;
}

.pd2-info-item--wide {
    grid-column: 1 / -1;
}

.pd2-footer {
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pd2-action {
    align-items: center;
    background: var(--a75-surface-card, #ffffff);
    border: 1px solid var(--a75-border-subtle, #ded2c8);
    border-radius: .5rem;
    color: var(--a75-text, #1f1b16);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .35rem;
    justify-content: center;
    min-width: 0;
    padding: .58rem .45rem;
    text-decoration: none;
    white-space: nowrap;
}

.pd2-action svg,
.pd2-action i {
    flex: 0 0 auto;
}

.pd2-action span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd2-action:hover {
    background: var(--a75-surface-muted, #f5efe6);
    border-color: color-mix(in srgb, var(--a75-color-primary, #ff5a36) 28%, var(--a75-border-subtle, #ded2c8));
    color: var(--a75-text, #1f1b16);
}

.pd2-action--primary,
.pd2-action--open {
    background: var(--a75-color-primary, #ff5a36);
    border-color: var(--a75-color-primary, #ff5a36);
    box-shadow: 0 12px 24px rgba(255, 90, 54, .26);
    color: #ffffff;
}

.pd2-action--primary:hover,
.pd2-action--open:hover {
    background: #e94c2f;
    border-color: #e94c2f;
    box-shadow: 0 14px 28px rgba(233, 76, 47, .3);
    color: #ffffff;
}

.pd2-action.is-disabled,
.pd2-action[aria-disabled="true"] {
    background: var(--a75-surface-card, #ffffff);
    border-color: var(--a75-border-subtle, #ded2c8);
    box-shadow: none;
    color: var(--a75-text-muted, #6b6256);
    opacity: .72;
    pointer-events: none;
}

@media (min-width: 1024px) {
    .a75-contact-list #contacts-datatable .a75-dt-col-contact {
        width: 14.5rem !important;
    }

    .a75-contact-list #contacts-datatable .a75-dt-col-company {
        width: 8.6rem !important;
    }

    .a75-contact-list #contacts-datatable .a75-dt-col-completion {
        width: 6.8rem !important;
    }

    .a75-contact-list #contacts-datatable .a75-dt-col-score {
        width: 7.8rem !important;
    }

    .a75-contact-list #contacts-datatable .a75-dt-col-followup {
        width: 5.4rem !important;
    }

    .a75-contact-list .a75-data-table td {
        height: 3.95rem;
    }
}

@media (max-width: 520px) {
    .pd2-footer {
        grid-template-columns: 1fr;
    }
}

/*
 * Company + Notebook live list parity
 * Why / Impact:
 * These rules carry the approved Contacts, Company, and Notebook preview
 * polish into the live record list routes while keeping the styling scoped to
 * those list shells.
 */
.a75-company-list .company-list-body > .a75-table-toolbar,
.a75-company-list .company-list-body > .a75-filter-chip-row,
.a75-notebook-list > .a75-record-list__quickviews,
.a75-notebook-list > .a75-active-filter-row {
    display: none !important;
}

.a75-company-list .company-list-filter-head,
.a75-notebook-list .notebook-list-filter-head {
    padding-top: .85rem;
}

.a75-company-list .a75-company-preview-filter-bar,
.a75-notebook-list .a75-notebook-preview-filter-bar {
    align-items: flex-start;
    gap: .65rem;
}

.a75-company-list .a75-company-preview-filter-bar > .relative {
    flex: 1 1 23rem;
    max-width: 29rem;
}

.a75-company-list .a75-company-preview-filter-bar > .a75ts,
.a75-company-list .a75-company-preview-filter-bar > select,
.a75-notebook-list .a75-notebook-preview-filter-bar > .a75ts,
.a75-notebook-list .a75-notebook-preview-filter-bar select {
    flex: 0 1 10.5rem;
}

:is(.a75-company-list, .a75-notebook-list) .a75ts__control {
    background: #ffffff !important;
    border: 1px solid var(--a75-border-subtle, #ded2c8) !important;
    border-radius: .5rem;
    color: var(--a75-text, #1f1b16);
    min-height: 2.25rem;
    opacity: 1 !important;
}

:is(.a75-company-list, .a75-notebook-list) .a75ts__panel,
:is(.a75-company-list, .a75-notebook-list) .a75-rich-select__menu,
:is(.a75-company-list, .a75-notebook-list) .a75-enhanced-select__menu {
    background: #ffffff !important;
    border: 1px solid var(--a75-border-subtle, #ded2c8) !important;
    border-radius: .65rem !important;
    box-shadow: 0 24px 58px rgba(31, 27, 22, .22) !important;
    color: var(--a75-text, #1f1b16) !important;
    opacity: 1 !important;
    z-index: 95; /* Keeps filter menus above preview cards/rows but below modal drawers. */
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.a75-company-list .a75-row-menu__trigger,
.a75-notebook-list .a75-row-menu__trigger {
    background: #ffffff !important;
    border: 1px solid var(--a75-border-subtle, #ded2c8) !important;
    color: var(--a75-text, #1f1b16) !important;
    opacity: 1 !important;
}

.a75-company-list .a75-row-menu__panel,
.a75-company-list .action-menu,
.a75-company-list .record-list-action-menu,
.a75-notebook-list .a75-row-menu__panel,
.a75-notebook-list .action-menu,
.a75-notebook-list .record-list-action-menu,
.a75-company-list .agency75-popover,
.a75-notebook-list .agency75-popover,
.a75-company-list .crm-preview-hover-card,
.a75-notebook-list .crm-preview-hover-card {
    background: #ffffff !important;
    border: 1px solid var(--a75-border-subtle, #ded2c8) !important;
    box-shadow: 0 22px 54px rgba(31, 27, 22, .22) !important;
    color: var(--a75-text, #1f1b16) !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.a75-company-list .a75-mode-pills button,
.a75-notebook-list .a75-mode-pills button {
    align-items: center;
    border-radius: .5rem;
    color: var(--a75-text, #1f1b16);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 750;
    min-height: 2rem;
    padding: .36rem .68rem;
}

.a75-company-list .a75-mode-pills button.is-active,
.a75-notebook-list .a75-mode-pills button.is-active {
    background: var(--a75-color-primary, #ff5a36);
    color: #ffffff;
}

:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_asc,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_desc {
    cursor: pointer;
    padding-right: 1.45rem !important;
    position: relative;
}

:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting::before,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting::after,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_asc::before,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_asc::after,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_desc::before,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_desc::after {
    border-left: .24rem solid transparent;
    border-right: .24rem solid transparent;
    content: "";
    opacity: .58;
    position: absolute;
    right: .48rem;
}

:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting::before,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_asc::before,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_desc::before {
    border-bottom: .3rem solid var(--a75-text-muted, #6b6256);
    top: calc(50% - .42rem);
}

:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting::after,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_asc::after,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_desc::after {
    border-top: .3rem solid var(--a75-text-muted, #6b6256);
    top: calc(50% + .08rem);
}

:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_asc::before,
:is(.a75-company-list, .a75-notebook-list) .a75-data-table thead th.sorting_desc::after {
    border-bottom-color: var(--a75-color-primary, #ff5a36);
    border-top-color: var(--a75-color-primary, #ff5a36);
    opacity: 1;
}

:is(.a75-company-list, .a75-notebook-list) .a75-completion-cell {
    align-items: center;
    display: inline-flex;
    gap: .55rem;
    justify-content: center;
    max-width: 100%;
    min-width: 2.4rem;
    width: 100%;
}

:is(.a75-company-list, .a75-notebook-list) .a75-mini-dial {
    align-items: center;
    background: conic-gradient(var(--dc, #ff5a36) calc(var(--d, 0) * 1%), var(--a75-surface-muted, #f5efe6) 0);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(31, 27, 22, .06);
    display: inline-grid;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    place-items: center;
    position: relative;
    width: 2.25rem;
}

:is(.a75-company-list, .a75-notebook-list) .a75-mini-dial::after {
    background: var(--a75-surface-card, #ffffff);
    border-radius: 999px;
    content: "";
    inset: .38rem;
    position: absolute;
}

:is(.a75-company-list, .a75-notebook-list) .a75-mini-dial span {
    color: var(--a75-text, #1f1b16);
    font-size: .6rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.a75-company-list #companies-datatable .a75-dt-identity,
.a75-notebook-list #notebook-datatable .a75-dt-identity {
    gap: .72rem;
    min-height: 3.35rem;
}

.a75-company-list #companies-datatable .a75-dt-identity__avatar,
.a75-company-list #companies-datatable .a75-identity-media,
.a75-company-list #companies-datatable .a75-avatar-initials,
.a75-company-list #companies-datatable img,
.a75-notebook-list #notebook-datatable .a75-mobile-record-card__icon--notebook {
    border-radius: 999px !important;
    display: inline-flex;
    flex: 0 0 3rem !important;
    font-size: .86rem !important;
    height: 3rem !important;
    line-height: 3rem !important;
    object-fit: cover;
    overflow: hidden;
    width: 3rem !important;
}

:is(.a75-company-list, .a75-notebook-list) .a75-dt-confidence {
    min-width: 5.4rem;
}

:is(.a75-company-list, .a75-notebook-list) .a75-dt-confidence > span {
    min-width: 0;
}

@media (min-width: 1024px) {
    .a75-company-list .a75-data-table td,
    .a75-notebook-list .a75-data-table td {
        height: 3.95rem;
    }

    .a75-company-list #companies-datatable .a75-dt-col-company-name,
    .a75-notebook-list #notebook-datatable .a75-dt-col-business {
        width: 15rem !important;
    }

    .a75-company-list #companies-datatable .a75-dt-col-completion,
    .a75-notebook-list #notebook-datatable .a75-dt-col-completion {
        width: 6.8rem !important;
    }
}

/* ==================================================
   LIVE RECORD LIST PARITY REFINEMENTS
================================================== */

/*
 * Why / Impact:
 * Contacts, Company, and Notebook now share the same approved live LeadOps
 * list workflow. These overrides normalize the shared shell without changing
 * persistence behavior.
 */
.a75-preview-banner {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .7rem;
    min-width: 0;
    overflow: hidden;
}

.a75-preview-banner > span:not(.a75-preview-banner__badge):not(.a75-preview-banner__changes) {
    min-width: 0;
}

.a75-preview-banner__changes {
    display: inline-flex;
    flex: 0 1 auto;
    gap: .32rem;
    margin-left: auto;
    max-width: 28rem;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: .05rem;
    scrollbar-width: none;
    white-space: nowrap;
}

.a75-preview-banner__changes::-webkit-scrollbar {
    display: none;
}

.contact-list-hero,
.company-list-hero,
.notebook-list-hero {
    align-items: center;
    background: transparent;
    border: 0;
    box-shadow: none;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    min-width: 0;
}

.contact-list-hero > div,
.company-list-hero > div,
.notebook-list-hero > div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
    min-width: 0;
}

.contact-list-hero > div:first-child,
.company-list-hero > div:first-child,
.notebook-list-hero > div:first-child {
    align-items: flex-start;
    display: grid;
    gap: .25rem;
    justify-content: flex-start;
}

.contact-list-kpi-grid,
.company-list-kpi-grid,
.notebook-kpi-grid {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.contact-list-kpi-grid .a75-kpi-stat,
.company-list-kpi-grid .a75-kpi-stat,
.notebook-kpi-grid .a75-kpi-stat {
    min-height: 4.85rem;
    padding: .68rem .72rem;
}

.contact-list-kpi-grid .a75-kpi-stat__value,
.company-list-kpi-grid .a75-kpi-stat__value,
.notebook-kpi-grid .a75-kpi-stat__value {
    line-height: 1.05;
}

/* ==================================================
   NOTEBOOK PREVIEW FILTERS
   Keeps the expanded filter set compact so operators can scan the list without
   the controls visually competing with the table rows below.
================================================== */
.a75-notebook-list .a75-notebook-preview-filter-row {
    display: grid !important;
    grid-template-columns: minmax(14rem, 1.55fr) minmax(14rem, 1.35fr) repeat(4, minmax(8rem, .85fr));
    align-items: center;
    gap: .55rem;
}

.a75-notebook-list .a75-notebook-preview-filter-row > input,
.a75-notebook-list .a75-notebook-preview-filter-row > select,
.a75-notebook-list .a75-notebook-preview-filter-row > .a75ts {
    flex: none;
    max-width: none;
    min-width: 0;
    width: 100%;
}

.a75-notebook-list .a75-notebook-preview-filter-bar .a75-field__control,
.a75-notebook-list .a75-notebook-preview-filter-bar .a75-select,
.a75-notebook-list .a75-notebook-preview-filter-bar .a75ts__control {
    border-radius: .45rem;
    font-size: .84rem;
    font-weight: 400;
    min-height: 2.35rem;
}

.a75-notebook-list .a75-notebook-preview-filter-bar .a75-field__control,
.a75-notebook-list .a75-notebook-preview-filter-bar .a75-select {
    height: 2.35rem;
}

.a75-notebook-list .a75-notebook-preview-filter-bar .a75-advanced-filter-drawer {
    margin-top: .65rem;
}

.a75-notebook-list .a75-notebook-preview-filter-bar .a75-advanced-filter-drawer summary {
    font-weight: 500 !important;
    min-height: 2.1rem;
}

.a75-notebook-list .a75-notebook-preview-filter-bar .a75-advanced-filter-drawer > div {
    gap: .55rem !important;
    margin-top: .65rem !important;
}

.a75-notebook-list .a75-notebook-preview-filter-bar .a75-advanced-filter-drawer a {
    font-size: .84rem;
    font-weight: 500;
    height: 2.35rem;
}

@media (max-width: 1199px) {
    .a75-notebook-list .a75-notebook-preview-filter-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .a75-notebook-list .a75-notebook-preview-filter-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

.a75-company-list .a75-mobile-action-bar[data-a75-mobile-action-bar] {
    display: flex;
}

@media (min-width: 1024px) {
    .a75-company-list .a75-mobile-action-bar[data-a75-mobile-action-bar] {
        display: none !important;
    }
}

.a75-dt-stack,
.a75-dt-source-category,
.a75-dt-phone-website {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.a75-dt-stack small,
.a75-dt-source-category small,
.a75-dt-phone-website small {
    color: var(--a75-text-muted, #6b6256);
    font-size: .68rem;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-dt-source-category strong,
.a75-dt-phone-website strong,
.a75-dt-source-category .a75-dt-main,
.a75-dt-phone-website .a75-dt-main {
    color: var(--a75-text, #1f1b16);
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-dt-contact-signal {
    display: grid;
    gap: .32rem;
    min-width: 5.4rem;
}

.a75-dt-contact-signal a {
    align-items: center;
    background: var(--a75-surface-muted, #f5efe6);
    border: 1px solid rgba(222, 210, 200, .78);
    border-radius: .45rem;
    color: var(--a75-text, #1f1b16);
    display: flex;
    justify-content: space-between;
    min-height: 1.55rem;
    padding: .22rem .42rem;
    text-decoration: none;
}

.a75-dt-contact-signal a.is-ready {
    background: color-mix(in srgb, #22c55e 9%, #fff);
    border-color: color-mix(in srgb, #22c55e 24%, var(--a75-border-subtle, #ded2c8));
}

.a75-dt-contact-signal span {
    color: var(--a75-text-muted, #6b6256);
    font-size: .6rem;
    font-weight: 600;
    text-transform: uppercase;
}

.a75-dt-contact-signal strong {
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.a75-preview-mobile-card {
    border-radius: .95rem;
    cursor: pointer;
    display: grid;
    gap: .72rem;
    padding: .9rem;
}

.a75-preview-mobile-card__head {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
}

.a75-preview-mobile-card__identity {
    align-items: center;
    display: flex;
    gap: .7rem;
    min-width: 0;
}

.a75-preview-mobile-card__identity .a75-dt-identity__avatar,
.a75-preview-mobile-card__identity .a75-identity-media,
.a75-preview-mobile-card__identity .a75-avatar-initials,
.a75-preview-mobile-card__identity img,
.a75-preview-mobile-card__identity .a75-mobile-record-card__icon {
    background: linear-gradient(135deg, #fff7ed 0%, #eff6ff 100%);
    border-radius: 999px !important;
    border: 1px solid rgba(226, 232, 240, 0.96);
    box-shadow: 0 12px 22px rgba(17, 24, 39, 0.12);
    color: #0f172a;
    display: inline-grid;
    flex: 0 0 3.05rem !important;
    font-size: .92rem;
    font-weight: 900;
    height: 3.05rem !important;
    line-height: 1;
    object-fit: cover;
    overflow: hidden;
    place-items: center;
    width: 3.05rem !important;
}

.a75-preview-mobile-card__identity img.a75-dt-identity__avatar,
.a75-preview-mobile-card__identity img.a75-identity-media {
    background: #fff;
    object-fit: contain;
    padding: 4px;
}

.a75-preview-mobile-card__copy {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

.a75-preview-mobile-card__copy strong {
    color: var(--a75-text, #1f1b16);
    font-size: .95rem;
    font-weight: 850;
    line-height: 1.16;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-preview-mobile-card__copy span,
.a75-preview-mobile-card__focus,
.a75-preview-mobile-card__summary {
    color: var(--a75-text-muted, #6b6256);
    font-size: .76rem;
    line-height: 1.32;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-preview-mobile-card__controls {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: .35rem;
    justify-content: flex-end;
}

.a75-preview-mobile-card__open {
    align-items: center;
    background: color-mix(in srgb, var(--a75-color-primary, #ff5a36) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--a75-color-primary, #ff5a36) 24%, var(--a75-border-subtle, #ded2c8));
    border-radius: 999px;
    color: var(--a75-color-primary, #ff5a36);
    display: inline-flex;
    font-size: .68rem;
    font-weight: 850;
    gap: .18rem;
    min-height: 1.7rem;
    padding: .22rem .5rem;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.a75-preview-mobile-card__status-row {
    align-items: center;
    display: flex;
    gap: .55rem;
    justify-content: space-between;
    min-width: 0;
}

.a75-preview-mobile-card__status-row > .a75-dt-badge,
.a75-preview-mobile-card__status-row > .badge,
.a75-preview-mobile-card__status-row > span:first-child {
    flex: 0 0 auto;
}

.a75-preview-mobile-card__metrics {
    align-items: center;
    background: var(--a75-surface-muted, #f5efe6);
    border: 1px solid rgba(222, 210, 200, .72);
    border-radius: .8rem;
    display: grid;
    gap: .72rem;
    grid-template-columns: 3.35rem minmax(0, 1fr);
    padding: .6rem;
}

.a75-preview-mobile-card__dial {
    align-items: center;
    background: conic-gradient(var(--dc, #ff5a36) calc(var(--d, 0) * 1%), #ede5da 0);
    border-radius: 999px;
    display: inline-grid;
    height: 3.05rem;
    place-items: center;
    position: relative;
    width: 3.05rem;
}

.a75-preview-mobile-card__dial::after {
    background: #ffffff;
    border-radius: 999px;
    content: "";
    inset: .48rem;
    position: absolute;
}

.a75-preview-mobile-card__dial span {
    color: var(--a75-text, #1f1b16);
    font-size: .72rem;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

.a75-preview-mobile-card__score .a75-cl-score-stack {
    min-width: 0;
    width: 100%;
}

.a75-preview-mobile-card__score .a75-cl-score-row {
    grid-template-columns: 2.15rem minmax(0, 1fr) 2rem;
}

.a75-preview-mobile-card__facts {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.a75-preview-mobile-card__facts span {
    background: #ffffff;
    border: 1px solid rgba(222, 210, 200, .72);
    border-radius: .65rem;
    display: grid;
    gap: .14rem;
    min-width: 0;
    padding: .52rem .58rem;
}

.a75-preview-mobile-card__facts span:nth-child(3) {
    grid-column: 1 / -1;
}

.a75-preview-mobile-card__facts small {
    color: var(--a75-text-muted, #6b6256);
    font-size: .62rem;
    font-weight: 850;
    text-transform: uppercase;
}

.a75-preview-mobile-card__facts strong {
    color: var(--a75-text, #1f1b16);
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-preview-mobile-card__channels .a75-cl-channels {
    justify-content: flex-start;
}

.a75-preview-mobile-card .a75-row-menu {
    flex: 0 0 auto;
    position: relative;
}

.a75-preview-mobile-card .a75-row-menu__trigger {
    height: 1.8rem;
    width: 1.8rem;
}

.a75-preview-mobile-card .a75-row-menu__panel {
    left: auto;
    right: 0;
    top: calc(100% + .35rem);
    z-index: 96;
}

.pd2-info-card {
    min-width: 0;
}

.pd2-info-head,
.pd2-info-next,
.pd2-info-item {
    display: grid;
    grid-template-columns: minmax(5.1rem, .72fr) minmax(0, 1fr);
}

.pd2-info-head strong,
.pd2-info-next strong,
.pd2-info-item strong {
    overflow-wrap: anywhere;
}

@media (max-width: 1023px) {
    .a75-preview-banner {
        align-items: center;
        flex-wrap: wrap;
        gap: .55rem;
    }

    .a75-preview-banner__changes {
        flex-basis: 100%;
        margin-left: 0;
        max-width: 100%;
        order: 3;
    }

    .contact-list-hero,
    .company-list-hero,
    .notebook-list-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-list-hero > div,
    .company-list-hero > div,
    .notebook-list-hero > div {
        justify-content: flex-start;
        width: 100%;
    }

    .contact-list-kpi-grid,
    .company-list-kpi-grid,
    .notebook-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .a75-preview-banner {
        border-radius: .65rem;
        padding: .72rem;
    }

    .a75-preview-banner > span:not(.a75-preview-banner__badge):not(.a75-preview-banner__changes) {
        flex: 1 1 9rem;
        font-size: .82rem;
        line-height: 1.25;
    }

    .a75-preview-banner__badge {
        flex: 0 0 auto;
    }

    .contact-list-hero > div .a75-button,
    .company-list-hero > div .a75-button,
    .notebook-list-hero > div .a75-button {
        justify-content: center;
        width: 100%;
    }

    .contact-list-kpi-grid,
    .company-list-kpi-grid,
    .notebook-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .a75-preview-mobile-card__head {
        gap: .55rem;
    }

    .a75-preview-mobile-card__identity {
        align-items: flex-start;
    }

    .a75-preview-mobile-card__controls {
        flex-direction: column;
        gap: .28rem;
    }

    .a75-preview-mobile-card__metrics {
        grid-template-columns: 3.05rem minmax(0, 1fr);
    }

    .pd2-info-head,
    .pd2-info-next,
    .pd2-info-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .pd2-info-head strong,
    .pd2-info-next strong,
    .pd2-info-item strong {
        text-align: left;
    }
}

/*
 * Contact/Company View action strips sit below the hero as a compact decision
 * rail. They must not read as a second hero or compress values into vertical
 * letters after a save.
 */
[data-a75-record-action-strip] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.a75-record-action-strip__layout {
    align-items: center;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.a75-record-action-strip__facts {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    min-width: 0;
}

.a75-record-action-strip__actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-width: max-content;
}

[data-a75-record-action-strip] .contact-field-row {
    align-items: center;
    background: hsl(var(--card) / .72);
    border: 1px solid hsl(var(--border) / .8);
    border-radius: 999px;
    display: flex;
    gap: .48rem;
    min-height: 2.2rem;
    min-width: 0;
    padding: .34rem .62rem;
}

[data-a75-record-action-strip] .contact-field-row > div {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

[data-a75-record-action-strip] .contact-field-row dt {
    color: hsl(var(--muted-foreground));
    font-size: .62rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

[data-a75-record-action-strip] .contact-field-row dd {
    display: block;
    font-size: .78rem;
    line-height: 1.15;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}

[data-a75-record-action-strip] .a75-button {
    min-height: 2.2rem;
    white-space: nowrap;
}

.a75-record-action-strip__guardrail {
    color: hsl(var(--muted-foreground));
    font-size: .68rem;
    line-height: 1.35;
    margin-top: .4rem;
}

@media (max-width: 1023px) {
    .a75-datatable-shell {
        display: none;
    }

    .a75-table-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .a75-mode-pills {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .a75-mode-pills a {
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .dashboard-kpi-card[href]::after,
    .agency75-metric-card[href]::after {
        position: static;
    }

    .a75-filter-chip {
        max-width: 100%;
    }

    .a75-dt-actions,
    .a75-dt-actions .a75-button,
    .a75-mobile-record-card__actions .a75-button,
    [data-a75-record-action-strip] .a75-button {
        justify-content: center;
        width: 100%;
    }

    .a75-mobile-record-card__actions .a75-row-menu,
    .a75-mobile-record-card__actions .a75-row-menu__trigger {
        margin-left: auto;
        width: auto;
    }

    .a75-record-action-strip__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .a75-record-action-strip__actions {
        justify-content: stretch;
        min-width: 0;
    }

    [data-a75-record-action-strip] .contact-field-row dd {
        max-width: none;
        white-space: normal;
    }
}

/* ==================================================
   NOTEBOOK FIRST-CLASS LIST + DRILLDOWN KPI CARDS
================================================== */

.a75-drill-kpi-card {
    align-items: flex-start;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    box-shadow: var(--shadow-card);
    color: hsl(var(--foreground));
    display: flex;
    gap: .85rem;
    min-height: 8.75rem;
    padding: 1rem;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.a75-drill-kpi-card:hover,
.a75-drill-kpi-card.is-active {
    border-color: color-mix(in srgb, hsl(var(--primary)) 42%, hsl(var(--border)));
    box-shadow: 0 18px 48px rgba(15, 23, 42, .12);
    transform: translateY(-1px);
}

.a75-drill-kpi-card__icon {
    align-items: center;
    border-radius: .85rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 3.15rem;
    height: 3.15rem;
    justify-content: center;
    min-height: 48px;
    min-width: 48px;
    position: relative;
}

.a75-drill-kpi-card__icon i {
    position: relative;
    z-index: 1;
}

.a75-drill-kpi-card__icon .a75-icon-fallback {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    position: absolute;
}

.a75-drill-kpi-card__icon i + .a75-icon-fallback {
    opacity: 0;
}

.a75-drill-kpi-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.a75-drill-kpi-card__label {
    color: hsl(var(--muted-foreground));
    font-size: .73rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: uppercase;
}

.a75-drill-kpi-card__body strong {
    color: hsl(var(--foreground));
    font-size: clamp(1.55rem, 1.2rem + .55vw, 2.05rem);
    line-height: 1.1;
    margin-top: .2rem;
}

.a75-drill-kpi-card__body small,
.a75-drill-kpi-card__body em {
    color: hsl(var(--muted-foreground));
    font-size: .77rem;
    font-style: normal;
    line-height: 1.35;
}

.a75-drill-kpi-card__body em {
    margin-top: .35rem;
}

.a75-drill-kpi-card--blue .a75-drill-kpi-card__icon { background: linear-gradient(135deg, #2563eb, #0891b2); }
.a75-drill-kpi-card--violet .a75-drill-kpi-card__icon { background: linear-gradient(135deg, #7c3aed, #db2777); }
.a75-drill-kpi-card--green .a75-drill-kpi-card__icon { background: linear-gradient(135deg, #059669, #16a34a); }
.a75-drill-kpi-card--amber .a75-drill-kpi-card__icon { background: linear-gradient(135deg, #d97706, #f97316); }
.a75-drill-kpi-card--cyan .a75-drill-kpi-card__icon { background: linear-gradient(135deg, #0891b2, #0f766e); }
.a75-drill-kpi-card--rose .a75-drill-kpi-card__icon { background: linear-gradient(135deg, #e11d48, #c026d3); }

.a75-mobile-record-card__icon--notebook {
    background: linear-gradient(135deg, #0f766e, #2563eb);
    color: #fff;
}

.notebook-bulk-bar.flex {
    display: flex;
}

.a75-row-menu__panel button {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: .5rem;
    padding: .55rem .75rem;
    text-align: left;
    width: 100%;
}

.a75-row-menu__panel button:hover {
    background: hsl(var(--accent));
}

.a75-notebook-list .a75-dt-rating {
    display: inline-flex;
    flex-direction: column;
    gap: .1rem;
    line-height: 1.15;
}

.a75-notebook-list .a75-dt-rating--stars,
.a75-notebook-list .a75-dt-owner,
.a75-notebook-list .a75-dt-category,
.a75-notebook-list .a75-dt-location,
.a75-notebook-list .a75-dt-campaign,
.a75-notebook-list .a75-dt-review-count {
    display: inline-flex;
    flex-direction: column;
    gap: .16rem;
    line-height: 1.14;
    min-width: 0;
}

.a75-notebook-list .a75-th-stack {
    display: inline-grid;
    gap: .05rem;
    line-height: 1.05;
}

.a75-notebook-list .a75-dt-rating--stars strong,
.a75-notebook-list .a75-dt-owner .a75-dt-main,
.a75-notebook-list .a75-dt-category .a75-dt-main,
.a75-notebook-list .a75-dt-location .a75-dt-main,
.a75-notebook-list .a75-dt-campaign .a75-dt-main {
    color: hsl(var(--foreground));
    font-size: .82rem;
    font-weight: 500;
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a75-notebook-list .a75-google-stars {
    color: #d6d0c8;
    display: inline-block;
    font-size: .88rem;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    width: 4.55rem;
}

.a75-notebook-list .a75-google-stars__base,
.a75-notebook-list .a75-google-stars__fill {
    display: block;
    white-space: nowrap;
}

.a75-notebook-list .a75-google-stars__fill {
    color: #fbbc04;
    inset: 0 auto 0 0;
    overflow: hidden;
    position: absolute;
    width: var(--rating, 0%);
}

.a75-notebook-list .a75-google-stars--empty {
    color: #d6d0c8;
}

.a75-notebook-list .a75-dt-rating__empty {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
}

.a75-notebook-list .a75-dt-review-count {
    align-items: flex-start;
    color: hsl(var(--foreground));
    font-size: .88rem;
    font-weight: 600;
}

.a75-notebook-list .a75-dt-missing-count {
    align-items: center;
    background: color-mix(in srgb, #f59e0b 14%, hsl(var(--card)));
    border: 1px solid color-mix(in srgb, #f59e0b 32%, hsl(var(--border)));
    border-radius: .5rem;
    color: hsl(var(--foreground));
    display: inline-grid;
    font-size: .9rem;
    font-weight: 700;
    height: 2rem;
    justify-content: center;
    min-width: 2.15rem;
}

.a75-notebook-list .a75-completion-cell--readiness {
    justify-content: center;
}

.a75-notebook-list .a75-dt-date {
    display: inline-flex;
    flex-direction: column;
    gap: .1rem;
    line-height: 1.15;
}

.a75-notebook-list .a75-dt-date small,
.a75-notebook-list .a75-dt-rating small,
.a75-notebook-list .a75-dt-owner small,
.a75-notebook-list .a75-dt-category small,
.a75-notebook-list .a75-dt-location small,
.a75-notebook-list .a75-dt-campaign small {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
}

.crm-preview-score-ring {
    align-items: center;
    background: conic-gradient(var(--score-color, hsl(var(--primary))) calc(var(--score, 0) * 1%), hsl(var(--muted)) 0);
    border-radius: 999px;
    display: inline-flex;
    height: 3.25rem;
    justify-content: center;
    min-width: 3.25rem;
    position: relative;
}

.crm-preview-score-ring::after {
    background: hsl(var(--card));
    border-radius: inherit;
    content: "";
    height: 2.35rem;
    position: absolute;
    width: 2.35rem;
}

.crm-preview-score-ring span {
    font-size: .72rem;
    font-weight: 800;
    position: relative;
    z-index: 1;
}

@media (max-width: 640px) {
    .a75-drill-kpi-card {
        min-height: 7.5rem;
    }

    .a75-drill-kpi-card__icon {
        flex-basis: 48px;
        height: 48px;
    }
}
/* ==================================================
   ACCOUNTOPS WORKBENCH PREVIEW MODULE
================================================== */

.accountops-preview-page {
    --background: #fbf7f2;
    --card: #fffdf9;
    --foreground: #1f1b16;
    --muted: #f3ece4;
    --muted-foreground: #6d6257;
    --border: #e0d2c4;
    --primary: #ff5a36;
    --primary-foreground: #ffffff;
    --success-soft: #e7f8ed;
    --success-strong: #157a3f;
    --warning-soft: #fff0e4;
    --warning-strong: #b45309;
    --danger-soft: #ffe8e6;
    --danger: #d92d20;
    --shadow-card: 0 14px 34px rgba(46, 34, 24, 0.08);
    --accountops-coral: #ff5a36;
    --accountops-ink: var(--foreground);
    --accountops-muted: var(--muted-foreground);
    --accountops-panel: color-mix(in srgb, var(--card) 94%, var(--background));
    --accountops-line: color-mix(in srgb, var(--border) 86%, var(--primary) 14%);
    --accountops-soft: color-mix(in srgb, var(--primary) 9%, var(--card));
    display: grid;
    gap: 1.15rem;
}

.accountops-preview-eyebrow,
.accountops-preview-section__head span,
.accountops-preview-card__head span,
.accountops-action-rail__head span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--accountops-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0;
    text-transform: uppercase;
}

.accountops-launch-hero,
.accountops-preview-header,
.accountops-entity-header,
.accountops-preview-card,
.accountops-role-card,
.accountops-screen-card,
.accountops-action-rail,
.accountops-preview-devnote {
    border: 1px solid var(--border);
    background: var(--accountops-panel);
    box-shadow: var(--shadow-card);
}

.accountops-launch-hero,
.accountops-preview-header {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(235px, 0.34fr);
    align-items: stretch;
    border-radius: 0.75rem;
    padding: clamp(1.1rem, 2vw, 1.45rem);
}

.accountops-launch-hero::before,
.accountops-preview-header::before {
    content: "";
    position: absolute;
    inset: 0;
    border-top: 3px solid color-mix(in srgb, var(--accountops-coral) 70%, transparent);
    pointer-events: none;
}

.accountops-launch-hero__copy,
.accountops-preview-header__copy {
    position: relative;
    min-width: 0;
}

.accountops-launch-hero h1,
.accountops-preview-header h1 {
    margin: 0.35rem 0 0;
    color: var(--accountops-ink);
    font-family: var(--font-display, inherit);
    font-size: clamp(2rem, 3.2vw, 3rem);
    font-weight: 760;
    line-height: 1.05;
}

.accountops-launch-hero p,
.accountops-preview-header p,
.accountops-preview-section__head p,
.accountops-role-card p,
.accountops-screen-card p,
.accountops-preview-card p {
    color: var(--accountops-muted);
    line-height: 1.65;
}

.accountops-launch-hero__copy > p,
.accountops-preview-header__copy > p {
    max-width: 46rem;
    margin-top: 0.6rem;
    font-size: 0.96rem;
}

.accountops-preview-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.accountops-launch-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.accountops-preview-primary-link,
.accountops-preview-secondary-link,
.accountops-screen-card__links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    border-radius: 0.55rem;
    font-size: 0.9rem;
    font-weight: 720;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.accountops-preview-primary-link {
    border: 1px solid color-mix(in srgb, var(--accountops-coral) 80%, var(--border));
    background: var(--accountops-coral);
    color: #ffffff;
    padding: 0.65rem 1rem;
}

.accountops-preview-secondary-link,
.accountops-screen-card__links a {
    border: 1px solid var(--accountops-line);
    background: color-mix(in srgb, var(--card) 92%, var(--background));
    color: var(--foreground);
    padding: 0.6rem 0.9rem;
}

.accountops-preview-primary-link:hover,
.accountops-preview-secondary-link:hover,
.accountops-screen-card__links a:hover {
    border-color: color-mix(in srgb, var(--accountops-coral) 42%, var(--border));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--foreground) 9%, transparent);
    transform: translateY(-1px);
}

.accountops-launch-hero__map,
.accountops-preview-header__rail {
    position: relative;
    display: grid;
    align-content: center;
    gap: 0.45rem;
    border-radius: 0.5rem;
    border: 1px solid var(--accountops-line);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accountops-coral) 7%, transparent), transparent 58%),
        var(--background);
    padding: 0.65rem;
}

.accountops-launch-hero__map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
}

.accountops-launch-hero__map span,
.accountops-launch-hero__map strong,
.accountops-preview-header__rail span,
.accountops-preview-header__rail strong,
.accountops-preview-header__rail small {
    display: block;
    border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
    border-radius: 0.45rem;
    background: color-mix(in srgb, var(--card) 95%, var(--background));
    padding: 0.58rem 0.65rem;
    color: var(--foreground);
    font-size: 0.86rem;
    font-weight: 720;
}

.accountops-launch-hero__map strong {
    grid-column: 1 / -1;
    border: 1px solid color-mix(in srgb, var(--accountops-coral) 45%, var(--border));
    color: var(--accountops-coral);
}

.accountops-preview-header__rail small {
    color: var(--muted-foreground);
    font-weight: 600;
}

.accountops-preview-section {
    display: grid;
    gap: 0.8rem;
}

.accountops-preview-section__head {
    display: grid;
    gap: 0.12rem;
}

.accountops-preview-section__head h2 {
    margin: 0.2rem 0 0;
    color: var(--foreground);
    font-size: 1.22rem;
    font-weight: 760;
}

.accountops-role-grid,
.accountops-screen-grid {
    display: grid;
    gap: 0.9rem;
}

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

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

.accountops-role-card,
.accountops-screen-card {
    display: grid;
    align-content: start;
    gap: 0.68rem;
    border-color: var(--accountops-line);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--card) 96%, var(--background));
    padding: 0.95rem;
}

.accountops-role-card {
    min-height: 11.8rem;
}

.accountops-screen-card {
    gap: 0.9rem;
}

.accountops-screen-card > div:first-child {
    display: grid;
    gap: 0.55rem;
}

.accountops-role-card > i,
.accountops-screen-card > div > i {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accountops-coral) 22%, var(--border));
    border-radius: 0.45rem;
    background: color-mix(in srgb, var(--accountops-coral) 10%, var(--card));
    color: var(--accountops-coral);
}

.accountops-role-card h3,
.accountops-screen-card h3,
.accountops-preview-card h2,
.accountops-entity-header h2 {
    margin: 0;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 760;
}

.accountops-role-card p,
.accountops-screen-card p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.52;
}

.accountops-role-card small {
    margin-top: auto;
    border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
    padding-top: 0.6rem;
    color: var(--muted-foreground);
    line-height: 1.45;
}

.accountops-screen-card__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.accountops-screen-card__links a {
    min-height: 2.2rem;
    padding: 0.52rem 0.62rem;
    font-size: 0.82rem;
}

.accountops-toolkit-spine {
    display: grid;
    grid-template-columns: minmax(215px, 0.56fr) minmax(0, 1.45fr) minmax(230px, 0.52fr);
    gap: 0.85rem;
    align-items: stretch;
    border: 1px solid color-mix(in srgb, var(--accountops-coral) 22%, var(--border));
    border-radius: 0.5rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accountops-coral) 6%, transparent), transparent 44%),
        color-mix(in srgb, var(--card) 97%, var(--background));
    padding: 0.85rem;
    box-shadow: var(--shadow-card);
}

.accountops-toolkit-spine__intro,
.accountops-toolkit-spine__flow,
.accountops-toolkit-spine__rail {
    min-width: 0;
}

.accountops-toolkit-spine__intro {
    display: grid;
    align-content: center;
    gap: 0.55rem;
}

.accountops-toolkit-spine__intro h2 {
    margin: 0;
    color: var(--foreground);
    font-size: 1.16rem;
    font-weight: 780;
}

.accountops-toolkit-spine__intro p {
    margin: 0;
    color: var(--muted-foreground);
    font-size: 0.84rem;
    line-height: 1.46;
}

.accountops-toolkit-spine__pills,
.accountops-toolkit-spine__actions,
.accountops-toolkit-spine__rail-head {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.accountops-toolkit-spine__flow {
    display: grid;
    align-content: center;
}

.accountops-toolkit-spine .a75-flow-track {
    gap: 0.45rem;
    overflow-x: hidden;
    border: 1px solid var(--accountops-line);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--background) 88%, var(--card));
    margin-top: 0;
    padding: 0.55rem;
}

.accountops-toolkit-spine .a75-flow-step {
    min-width: 0;
    flex: 1 1 0;
    border-radius: 0.45rem;
    padding: 0.58rem 0.55rem;
}

.accountops-toolkit-spine .a75-flow-arrow {
    flex: 0 0 0.95rem;
}

.accountops-toolkit-spine .a75-flow-icon {
    width: 1.9rem;
    height: 1.9rem;
}

.accountops-toolkit-spine .a75-flow-step strong {
    font-size: 0.82rem;
}

.accountops-toolkit-spine .a75-flow-step small {
    font-size: 0.7rem;
    line-height: 1.25;
}

.accountops-toolkit-spine__rail {
    display: grid;
    align-content: center;
    gap: 0.62rem;
    border-left: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    padding-left: 0.85rem;
}

.accountops-toolkit-spine__rail-head {
    justify-content: space-between;
}

.accountops-toolkit-spine__rail-head strong {
    color: var(--foreground);
    font-size: 0.95rem;
    font-weight: 760;
}

.accountops-toolkit-spine__actions .a75-button {
    min-height: 2.15rem;
    padding: 0.48rem 0.62rem;
    font-size: 0.78rem;
}

.accountops-toolkit-spine__schema {
    color: var(--muted-foreground);
    font-size: 0.78rem;
}

.accountops-toolkit-spine__schema-list {
    display: grid;
    gap: 0.3rem;
    margin-top: 0.55rem;
}

.accountops-toolkit-spine__schema summary {
    cursor: pointer;
    color: var(--foreground);
    font-weight: 720;
}

.accountops-toolkit-spine__schema-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
    border-radius: 0.42rem;
    background: color-mix(in srgb, var(--background) 82%, var(--card));
    padding: 0.35rem 0.45rem;
    color: var(--foreground);
    font-size: 0.8rem;
    font-weight: 650;
}

.accountops-live-record-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.accountops-record-picker {
    display: grid;
    gap: 0.55rem;
}

.accountops-record-picker__item {
    display: grid;
    gap: 0.22rem;
    border: 1px solid var(--border);
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--card) 88%, var(--primary) 4%);
    padding: 0.72rem 0.78rem;
    color: var(--foreground);
    text-decoration: none;
    transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.accountops-record-picker__item:hover {
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
    background: color-mix(in srgb, var(--primary) 8%, var(--card));
    transform: translateY(-1px);
}

.accountops-record-picker__item strong {
    min-width: 0;
    overflow: hidden;
    color: var(--foreground);
    font-size: 0.93rem;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accountops-record-picker__item span,
.accountops-record-picker__item em {
    min-width: 0;
    overflow: hidden;
    color: var(--accountops-muted);
    font-size: 0.78rem;
    font-style: normal;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accountops-record-picker__item em {
    color: var(--primary);
    font-weight: 720;
}

.accountops-preview-section--split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.accountops-preview-card {
    overflow: hidden;
    border-color: var(--accountops-line);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--card) 96%, var(--background));
}

.accountops-preview-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--accountops-line);
    background: color-mix(in srgb, var(--background) 72%, var(--card));
    padding: 0.85rem 0.95rem 0.75rem;
}

.accountops-preview-card__body {
    display: grid;
    gap: 0.8rem;
    padding: 0.95rem;
}

.accountops-preview-muted,
.accountops-preview-note {
    color: var(--muted-foreground);
    font-size: 0.85rem;
}

.accountops-preview-devnote {
    border-radius: 0.85rem;
    padding: 1rem;
    color: var(--muted-foreground);
}

.accountops-preview-devnote summary {
    cursor: pointer;
    color: var(--foreground);
    font-weight: 720;
}

.accountops-preview-devnote code {
    display: block;
    margin-top: 0.75rem;
    white-space: normal;
    word-break: break-word;
}

.accountops-entity-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(240px, 0.32fr);
    gap: 1rem;
    align-items: center;
    border-radius: 1rem;
    padding: 1rem;
}

.accountops-entity-header__avatar {
    display: grid;
    width: 4.6rem;
    height: 4.6rem;
    place-items: center;
    border-radius: 1rem;
    background: linear-gradient(135deg, var(--accountops-coral), color-mix(in srgb, var(--primary) 72%, var(--accountops-coral)));
    color: #ffffff;
    font-family: var(--font-display, inherit);
    font-size: 1.35rem;
    font-weight: 800;
}

.accountops-entity-header__avatar--company {
    background: linear-gradient(135deg, #0ea5e9, #22c55e);
}

.accountops-entity-header__avatar--notebook {
    background: linear-gradient(135deg, #a855f7, #f59e0b);
}

.accountops-entity-header__main {
    min-width: 0;
}

.accountops-entity-header__main h2 {
    margin-top: 0.3rem;
    font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.accountops-entity-header__main p {
    margin: 0.35rem 0 0;
    color: var(--muted-foreground);
}

.accountops-entity-header__next {
    display: grid;
    gap: 0.25rem;
    border-radius: 0.85rem;
    border: 1px solid var(--border);
    background: var(--background);
    padding: 0.9rem;
}

.accountops-entity-header__next span {
    color: var(--muted-foreground);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.accountops-entity-header__next strong {
    color: var(--foreground);
    line-height: 1.35;
}

.accountops-entity-header__next small {
    color: var(--muted-foreground);
}

.accountops-role-switcher {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.accountops-role-switcher a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.18rem 0.55rem;
    align-items: center;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    background: var(--card);
    padding: 0.78rem;
    color: var(--foreground);
    text-decoration: none;
}

.accountops-role-switcher a.is-active {
    border-color: color-mix(in srgb, var(--accountops-coral) 55%, var(--border));
    background: color-mix(in srgb, var(--accountops-coral) 9%, var(--card));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accountops-coral) 22%, transparent);
}

.accountops-role-switcher a span {
    font-weight: 760;
}

.accountops-role-switcher a small {
    grid-column: 1 / -1;
    color: var(--muted-foreground);
    font-size: 0.75rem;
    line-height: 1.35;
}

.accountops-metric-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.accountops-metric-strip .a75-health-card {
    min-height: 6.25rem;
}

.accountops-workbench-grid {
    display: grid;
    grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.45fr) minmax(260px, 0.82fr);
    gap: 1rem;
    align-items: start;
}

.accountops-workbench-column {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.accountops-action-rail {
    position: sticky;
    top: 5.75rem;
    display: grid;
    gap: 0.9rem;
    border-radius: 1rem;
    padding: 1rem;
}

.accountops-action-rail__head strong {
    display: block;
    margin-top: 0.25rem;
    color: var(--foreground);
    font-size: 1.1rem;
}

.accountops-action-rail__note {
    display: grid;
    gap: 0.2rem;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--border));
    background: var(--warning-soft);
    padding: 0.8rem;
    color: var(--warning-strong);
}

.accountops-action-rail__note span {
    font-size: 0.82rem;
}

.accountops-preview-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.6rem;
    border: 1px solid color-mix(in srgb, var(--accountops-coral) 45%, var(--border));
    border-radius: 0.7rem;
    background: color-mix(in srgb, var(--accountops-coral) 16%, var(--card));
    color: var(--accountops-coral);
    font-weight: 760;
    cursor: not-allowed;
}

.accountops-preview-kv {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.accountops-preview-kv div {
    display: grid;
    grid-template-columns: minmax(100px, 0.42fr) minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    border-bottom: 1px solid color-mix(in srgb, var(--border) 68%, transparent);
    padding-bottom: 0.55rem;
}

.accountops-preview-kv dt {
    color: var(--muted-foreground);
    font-size: 0.78rem;
    font-weight: 720;
}

.accountops-preview-kv dd {
    margin: 0;
    color: var(--foreground);
    font-size: 0.9rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.accountops-preview-list {
    display: grid;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.accountops-preview-list li {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    color: var(--foreground);
    font-size: 0.9rem;
    line-height: 1.45;
}

.accountops-preview-list i {
    margin-top: 0.1rem;
    color: var(--primary);
}

.accountops-preview-details {
    display: grid;
    gap: 0.65rem;
}

.accountops-preview-details summary {
    cursor: pointer;
    color: var(--foreground);
    font-weight: 760;
}

.accountops-preview-draft pre {
    overflow: auto;
    max-width: 100%;
    margin: 0;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: var(--background);
    padding: 0.85rem;
    color: var(--foreground);
    font: 0.85rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
}

.accountops-people-map {
    display: grid;
    gap: 0.6rem;
}

.accountops-people-map article {
    display: grid;
    gap: 0.4rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: var(--background);
    padding: 0.75rem;
}

.accountops-people-map article > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.6rem;
    justify-content: space-between;
}

.accountops-people-map strong,
.accountops-people-map em {
    color: var(--foreground);
    font-style: normal;
    font-weight: 740;
}

.accountops-people-map span,
.accountops-people-map small {
    color: var(--muted-foreground);
}

.accountops-notebook-stream {
    display: grid;
    gap: 0.75rem;
}

.accountops-notebook-entry {
    display: grid;
    gap: 0.35rem;
    border: 1px solid var(--border);
    border-left: 4px solid color-mix(in srgb, var(--primary) 56%, var(--border));
    border-radius: 0.75rem;
    background: var(--background);
    padding: 0.85rem;
}

.accountops-notebook-entry.is-priority {
    border-left-color: var(--accountops-coral);
    background: color-mix(in srgb, var(--accountops-coral) 7%, var(--background));
}

.accountops-notebook-entry div {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    color: var(--muted-foreground);
    font-size: 0.75rem;
    font-weight: 720;
    text-transform: uppercase;
}

.accountops-notebook-entry h3 {
    margin: 0;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 760;
}

.accountops-notebook-entry p {
    margin: 0;
    color: var(--muted-foreground);
    line-height: 1.55;
}

.accountops-composer-preview {
    display: grid;
    gap: 0.75rem;
}

.accountops-composer-preview label {
    display: grid;
    gap: 0.45rem;
    color: var(--foreground);
    font-weight: 720;
}

.accountops-composer-preview textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: var(--background);
    padding: 0.85rem;
    color: var(--foreground);
}

.accountops-filter-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.accountops-filter-stack button {
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--background);
    padding: 0.35rem 0.6rem;
    color: var(--muted-foreground);
    font-size: 0.78rem;
    font-weight: 720;
    cursor: not-allowed;
}

.accountops-preview-empty {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    border: 1px dashed var(--border);
    border-radius: 0.85rem;
    background: var(--background);
    padding: 1rem;
    text-align: center;
    color: var(--muted-foreground);
}

.accountops-preview-empty strong {
    color: var(--foreground);
}

.accountops-mobile-action-bar {
    display: none;
}

html.a75crm-dark .accountops-preview-page {
    --background: #15120f;
    --card: #201b16;
    --foreground: #f7efe6;
    --muted: #2b251f;
    --muted-foreground: #c1b4a7;
    --border: #3a3028;
    --primary: #ff7958;
    --primary-foreground: #120f0d;
    --shadow-card: none;
    --accountops-panel: color-mix(in srgb, var(--card) 86%, #111111);
    --accountops-soft: color-mix(in srgb, var(--primary) 13%, var(--card));
}

@media (max-width: 1180px) {
    .accountops-launch-hero,
    .accountops-preview-header,
    .accountops-workbench-grid {
        grid-template-columns: 1fr;
    }

    .accountops-action-rail {
        position: static;
    }

    .accountops-role-grid,
    .accountops-screen-grid,
    .accountops-toolkit-spine,
    .accountops-metric-strip {
        grid-template-columns: 1fr;
    }

    .accountops-toolkit-spine__rail {
        border-left: 0;
        border-top: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
        padding-top: 1rem;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .accountops-preview-page {
        gap: 0.85rem;
        padding-bottom: 4.25rem;
    }

    .accountops-launch-hero,
    .accountops-preview-header,
    .accountops-entity-header,
    .accountops-preview-card__head {
        border-radius: 0.85rem;
        padding: 1rem;
    }

    .accountops-launch-hero h1,
    .accountops-preview-header h1 {
        font-size: 2.05rem;
    }

    .accountops-role-grid,
    .accountops-screen-grid,
    .accountops-live-record-grid,
    .accountops-preview-section--split,
    .accountops-role-switcher,
    .accountops-metric-strip,
    .accountops-entity-header {
        grid-template-columns: 1fr;
    }

    .accountops-entity-header__avatar {
        width: 3.6rem;
        height: 3.6rem;
        font-size: 1.05rem;
    }

    .accountops-screen-card__links {
        grid-template-columns: 1fr;
    }

    .accountops-toolkit-spine {
        grid-template-columns: 1fr;
    }

    .accountops-toolkit-spine__actions {
        justify-content: stretch;
    }

    .accountops-toolkit-spine__actions .a75-button {
        justify-content: center;
        width: 100%;
    }

    .accountops-preview-kv div {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .accountops-mobile-action-bar {
        /* z-index sits above app content but below modal/drawer layers. */
        position: fixed;
        right: 1rem;
        bottom: 0.9rem;
        left: 1rem;
        z-index: 35;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        border: 1px solid var(--border);
        border-radius: 0.9rem;
        background: color-mix(in srgb, var(--card) 94%, transparent);
        padding: 0.55rem;
        box-shadow: var(--shadow-elevated);
        backdrop-filter: blur(10px);
    }

    .accountops-mobile-action-bar a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        min-height: 2.35rem;
        border-radius: 0.65rem;
        background: var(--accountops-coral);
        color: #ffffff;
        font-size: 0.86rem;
        font-weight: 760;
        text-decoration: none;
    }
}
/* ==================================================
   PREVIEW PROFILE PARITY: CONTACT + NOTEBOOK
================================================== */

.a75-preview-profile.contact-redesign-preview,
.a75-preview-profile.notebook-redesign-preview {
    max-width: 100%;
    overflow-x: clip;
}

.contact-redesign-preview .contact-cockpit-hero,
.notebook-redesign-preview .notebook-preview-hero {
    position: relative;
    border: 1px solid var(--a75-border-subtle, var(--border));
    border-radius: 10px;
    background: var(--a75-surface-card, var(--card));
    box-shadow: none;
    padding: 20px 22px 22px;
    margin-bottom: 18px;
}

.contact-redesign-preview .contact-hero-main,
.notebook-redesign-preview .notebook-preview-hero > .flex {
    align-items: flex-start;
    gap: 20px;
}

.contact-redesign-preview .a75-hero-avatar-shell,
.notebook-redesign-preview .a75-hero-avatar-shell {
    width: 132px;
    min-width: 132px;
    height: auto;
    border-radius: 18px;
    box-shadow: none;
}

.contact-redesign-preview .contact-avatar-xl,
.contact-redesign-preview .a75-hero-avatar-shell img,
.notebook-redesign-preview .a75-hero-avatar-shell > .flex:first-child {
    width: 124px !important;
    height: 124px !important;
    border-radius: 18px;
    box-shadow: none !important;
}

.contact-redesign-preview .a75-hero-avatar-media-trigger {
    opacity: 0;
    transform: scale(.94);
    transition: opacity .16s ease, transform .16s ease;
}

.contact-redesign-preview .a75-hero-avatar-shell:hover .a75-hero-avatar-media-trigger,
.contact-redesign-preview .a75-hero-avatar-media-trigger:focus-visible {
    opacity: 1;
    transform: scale(1);
}

.contact-redesign-preview .contact-preview-logo-actions,
.notebook-redesign-preview .notebook-preview-logo-actions {
    justify-content: center;
    margin-top: 10px;
}

.contact-redesign-preview .contact-hero-pd2-channels {
    display: none;
}

.contact-redesign-preview .contact-hero-title-row,
.notebook-redesign-preview .a75-entity-header__identity > .flex:first-child {
    gap: 10px;
    margin-bottom: 6px;
}

.contact-redesign-preview .contact-hero-title-row h1,
.notebook-redesign-preview .a75-entity-header__title {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1;
    letter-spacing: 0;
    color: var(--a75-text, var(--foreground));
}

.contact-redesign-preview .contact-hero-kicker,
.notebook-redesign-preview .a75-entity-header__identity > .flex:last-child {
    gap: 8px;
    margin-bottom: 8px;
}

.contact-redesign-preview .contact-hero-kicker .a75-pill,
.notebook-redesign-preview .a75-entity-header__identity > .flex:last-child span {
    border-width: 1px;
    background: transparent;
    font-size: .78rem;
    font-weight: 650;
    line-height: 1.2;
    padding: 5px 10px;
}

.contact-redesign-preview .contact-hero-role,
.notebook-redesign-preview .a75-entity-header__meta {
    margin-top: 0;
    color: color-mix(in srgb, var(--a75-text) 70%, var(--a75-muted));
    font-size: 1rem;
    font-weight: 500;
}

.contact-redesign-preview .contact-hero-context,
.notebook-redesign-preview .notebook-preview-hero .a75-entity-header__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    line-height: 1.65;
    margin-top: 12px;
    max-width: 760px;
}

.contact-redesign-preview .contact-hero-context span,
.contact-redesign-preview .contact-hero-context a,
.notebook-redesign-preview .notebook-preview-hero .a75-entity-header__meta {
    font-weight: 500;
    color: color-mix(in srgb, var(--a75-text) 72%, var(--a75-muted));
}

.contact-redesign-preview .contact-hero-context i,
.notebook-redesign-preview .notebook-preview-hero .a75-entity-header__meta i {
    color: var(--a75-color-primary, #ff5a36);
}

.contact-redesign-preview .contact-score-dials {
    display: none;
}

.contact-redesign-preview .contact-hero-actions,
.notebook-redesign-preview .notebook-preview-hero > .mt-4 {
    align-self: flex-end;
    margin-top: auto;
}

.contact-redesign-preview .contact-hero-button-row,
.notebook-redesign-preview .a75-entity-header__actions {
    justify-content: flex-end;
    gap: 8px;
}

.contact-redesign-preview .contact-hero-button-row .a75-button,
.contact-redesign-preview .a75-record-mini-hero__actions .a75-button,
.notebook-redesign-preview .a75-entity-header__actions .a75-button {
    border: 1px solid color-mix(in srgb, currentColor 24%, var(--a75-border-subtle));
    border-radius: 14px;
    background: color-mix(in srgb, currentColor 5%, var(--a75-surface-card));
    box-shadow: none;
    min-height: 38px;
    padding: 8px 13px;
    font-size: .9rem;
    font-weight: 650;
}

.contact-redesign-preview .contact-edit-button,
.notebook-redesign-preview .a75-entity-header__actions .a75-button--primary {
    color: #ff5a36;
}

.contact-redesign-preview [data-contact-quick-action="task"] {
    color: #c2410c;
}

.contact-redesign-preview [data-contact-quick-action="activity"] {
    color: #7c3aed;
}

.contact-redesign-preview [data-contact-quick-action="comment"] {
    color: #0f766e;
}

.contact-redesign-preview .contact-preview-metrics,
.notebook-redesign-preview .notebook-preview-metrics {
    margin: 0 0 18px;
}

.contact-redesign-preview .contact-preview-tab-shell {
    display: block;
    min-width: 0;
}

.contact-redesign-preview .contact-preview-topbar {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 1rem;
}

.contact-redesign-preview .contact-cockpit-grid,
.notebook-redesign-preview .notebook-record-shell {
    display: grid;
    align-items: start;
    gap: 1rem;
    grid-template-columns: minmax(0, 74fr) minmax(18.75rem, 26fr);
}

.contact-redesign-preview.is-record-rail-collapsed .contact-cockpit-grid,
.notebook-redesign-preview.is-record-rail-collapsed .notebook-record-shell {
    grid-template-columns: minmax(0, 1fr);
}

.contact-redesign-preview.is-record-rail-collapsed .contact-operational-rail,
.notebook-redesign-preview.is-record-rail-collapsed [data-notebook-preview-rail] {
    display: none;
}

.contact-redesign-preview .contact-cockpit-main,
.notebook-redesign-preview .crm-main-tab-area {
    min-width: 0;
}

.contact-redesign-preview .contact-preview-topbar .contact-tab-strip,
.notebook-redesign-preview [data-notebook-preview-tabs] {
    border: 1px solid var(--a75-border-subtle);
    border-radius: var(--a75-radius-lg);
    gap: 0.45rem;
    margin: 0;
    padding: 0.48rem;
}

.contact-redesign-preview.is-record-rail-collapsed .contact-preview-topbar .contact-tab-strip.a75-tabs__list {
    padding-right: 0.48rem;
    width: 100%;
}

.contact-redesign-preview .contact-preview-topbar .contact-tab-button {
    border-radius: var(--a75-radius-md);
    font-size: 0.86rem;
    min-height: 2.35rem;
    padding: 0 0.7rem;
}

.contact-redesign-preview .contact-preview-rail-toggle,
.notebook-redesign-preview .notebook-preview-rail-toggle {
    align-self: center;
    float: none;
    justify-self: end;
    margin: 0;
    position: static;
    right: auto;
    top: auto;
    white-space: nowrap;
    z-index: auto;
}

.contact-redesign-preview:not(.is-record-rail-collapsed) .contact-preview-rail-toggle {
    display: none !important;
}

.contact-redesign-preview.is-record-rail-collapsed .contact-preview-rail-toggle {
    display: inline-flex;
}

.contact-redesign-preview .contact-tab-panel,
.notebook-redesign-preview .crm-tab-panel {
    clear: none;
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="overview"],
.notebook-redesign-preview .crp-tab[data-crp-tab="overview"] {
    --crp-tab-accent: #ff5a36;
    --crp-tab-soft: color-mix(in srgb, #ff5a36 10%, var(--a75-surface-card));
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="channels"] {
    --crp-tab-accent: #2563eb;
    --crp-tab-soft: color-mix(in srgb, #2563eb 11%, var(--a75-surface-card));
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="company"] {
    --crp-tab-accent: #d97706;
    --crp-tab-soft: color-mix(in srgb, #d97706 10%, var(--a75-surface-card));
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="activity"],
.notebook-redesign-preview .crp-tab[data-crp-tab="activity"] {
    --crp-tab-accent: #7c3aed;
    --crp-tab-soft: color-mix(in srgb, #7c3aed 10%, var(--a75-surface-card));
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="tasks"] {
    --crp-tab-accent: #0f766e;
    --crp-tab-soft: color-mix(in srgb, #0f766e 9%, var(--a75-surface-card));
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="conversations"] {
    --crp-tab-accent: #db2777;
    --crp-tab-soft: color-mix(in srgb, #db2777 8%, var(--a75-surface-card));
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="ai_enrichment"],
.notebook-redesign-preview .crp-tab[data-crp-tab="enrichment"] {
    --crp-tab-accent: #9333ea;
    --crp-tab-soft: color-mix(in srgb, #9333ea 10%, var(--a75-surface-card));
}

.contact-redesign-preview .crp-tab[data-a75-record-tab-key="system"],
.notebook-redesign-preview .crp-tab[data-crp-tab="source"] {
    --crp-tab-accent: #64748b;
    --crp-tab-soft: color-mix(in srgb, #64748b 11%, var(--a75-surface-card));
}

.notebook-redesign-preview .crp-tab[data-crp-tab="matching"] {
    --crp-tab-accent: #d97706;
    --crp-tab-soft: color-mix(in srgb, #d97706 10%, var(--a75-surface-card));
}

.contact-redesign-preview .contact-operational-rail,
.notebook-redesign-preview .crm-persistent-rail {
    width: auto;
    min-width: 0;
}

.contact-redesign-preview .crp-rail-toolbar,
.notebook-redesign-preview .crp-rail-toolbar {
    border: 1px solid var(--a75-border-subtle, var(--border));
    border-radius: var(--a75-radius-lg);
    background: color-mix(in srgb, var(--a75-surface-card) 92%, var(--a75-surface-muted));
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.75rem;
}

.contact-redesign-preview .crp-rail-toolbar__top {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.contact-redesign-preview .crp-rail-toolbar__copy strong,
.contact-redesign-preview .crp-rail-toolbar__copy span {
    display: block;
}

.contact-redesign-preview .crp-rail-toolbar__copy span {
    color: var(--a75-text-muted);
    font-size: 0.78rem;
    line-height: 1.25;
    margin-top: 0.1rem;
}

.contact-redesign-preview .crp-customize-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.contact-redesign-preview .crp-customize-actions--rail {
    border-top: 1px solid var(--a75-border-subtle);
    justify-content: stretch;
    padding-top: 0.7rem;
}

.contact-redesign-preview .crp-customize-actions--rail .a75-button {
    flex: 1 1 8.5rem;
    min-width: 0;
}

.contact-redesign-preview .a75-record-rail-collapsed-strip,
.contact-redesign-preview .a75-record-widget-controls,
.contact-redesign-preview .a75-record-layout-reset,
.contact-redesign-preview .a75-record-section-cancel,
.contact-redesign-preview .a75-record-section-save {
    display: none;
}

.contact-redesign-preview.is-customizing-sidebar .a75-record-widget-controls,
.contact-redesign-preview.is-customizing-tabs .a75-record-section-collapse-toggle,
.contact-redesign-preview .agency75-section-card.is-section-editing .a75-record-section-cancel,
.contact-redesign-preview .agency75-section-card.is-section-editing .a75-record-section-save {
    display: inline-flex;
}

.contact-redesign-preview .agency75-section-card.is-section-editing .a75-record-section-edit-toggle {
    display: none;
}

.contact-redesign-preview .a75-record-section-collapse-toggle {
    display: inline-flex;
}

.contact-redesign-preview .crm-inline-pencil {
    opacity: 0;
    transition: opacity .16s ease;
}

.contact-redesign-preview .contact-inline-field:hover .crm-inline-pencil,
.contact-redesign-preview .contact-inline-field:focus .crm-inline-pencil,
.contact-redesign-preview .agency75-section-card.is-section-editing .crm-inline-pencil {
    opacity: 1;
}

.notebook-redesign-preview .a75-record-form__actionbar {
    display: none;
}

.notebook-redesign-preview .notebook-preview-section {
    position: relative;
}

.notebook-redesign-preview .notebook-preview-section-actions {
    display: flex;
    gap: 8px;
}

.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) input,
.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) select,
.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) textarea,
.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) .a75ts__control {
    pointer-events: none;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) label > span {
    color: var(--a75-muted, var(--muted-foreground));
}

.notebook-redesign-preview .notebook-preview-section.is-section-saving {
    opacity: .72;
}

.company-redesign-preview .crp-section__actions .a75-record-section-collapse-toggle,
.notebook-redesign-preview .notebook-preview-section-actions .a75-record-section-collapse-toggle {
    display: inline-flex;
}

.company-redesign-preview .crp-field-grid,
.notebook-redesign-preview .notebook-preview-section .agency75-section-card-body > .grid {
    gap: 0 !important;
    grid-template-columns: 1fr !important;
}

.company-redesign-preview .crp-field {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--a75-border-subtle, #eadfd7) 76%, transparent);
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: .6rem;
    grid-template-columns: auto minmax(8rem, .48fr) minmax(0, 1fr);
    min-height: 2.65rem;
    padding: .52rem 0;
}

.company-redesign-preview .crp-field:last-child {
    border-bottom: 0;
}

.company-redesign-preview .crp-field__row-icon {
    background: color-mix(in srgb, currentColor 12%, #fff);
    border-radius: 999px;
    color: var(--primary);
    height: 1.55rem;
    padding: .28rem;
    width: 1.55rem;
}

.company-redesign-preview .crp-field:nth-child(6n+1) .crp-field__row-icon,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+1) > i,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+1) > svg,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+1) > i,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+1) > svg {
    color: #2563eb;
}

.company-redesign-preview .crp-field:nth-child(6n+2) .crp-field__row-icon,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+2) > i,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+2) > svg,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+2) > i,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+2) > svg {
    color: #16a34a;
}

.company-redesign-preview .crp-field:nth-child(6n+3) .crp-field__row-icon,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+3) > i,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+3) > svg,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+3) > i,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+3) > svg {
    color: #f97316;
}

.company-redesign-preview .crp-field:nth-child(6n+4) .crp-field__row-icon,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+4) > i,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+4) > svg,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+4) > i,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+4) > svg {
    color: #7c3aed;
}

.company-redesign-preview .crp-field:nth-child(6n+5) .crp-field__row-icon,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+5) > i,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+5) > svg,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+5) > i,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+5) > svg {
    color: #0891b2;
}

.company-redesign-preview .crp-field:nth-child(6n+6) .crp-field__row-icon,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+6) > i,
.notebook-redesign-preview .notebook-preview-field-row:nth-child(6n+6) > svg,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+6) > i,
.notebook-redesign-preview .contact-field-list .contact-field-row:nth-child(6n+6) > svg {
    color: #e11d48;
}

.company-redesign-preview .crp-field__label {
    align-self: baseline;
    color: var(--a75-text-muted, var(--muted-foreground, #6f655f));
    font-size: .76rem;
    font-weight: 760;
    grid-column: 2;
    line-height: 1.25;
}

.company-redesign-preview .crp-field__view,
.company-redesign-preview .crp-field__edit,
.company-redesign-preview .crp-field__error {
    grid-column: 3;
}

.company-redesign-preview .crp-field__view {
    background: transparent;
    border: 0;
    border-radius: 0;
    min-height: 0;
    padding: 0;
}

.company-redesign-preview .crp-field__text {
    color: var(--foreground);
    font-size: .88rem;
    font-weight: 650;
    line-height: 1.5;
}

.company-redesign-preview .crp-field.is-empty .crp-field__text {
    color: var(--a75-text-muted, var(--muted-foreground));
    font-style: normal;
    font-weight: 620;
}

.company-redesign-preview .crp-section.is-section-collapsed [data-crp-section-body],
.notebook-redesign-preview .agency75-section-card.is-section-collapsed .agency75-section-card-body {
    display: none;
}

.company-redesign-preview [data-crp-section-header],
.company-redesign-preview [data-crp-widget],
.notebook-redesign-preview .agency75-section-card-head,
.notebook-redesign-preview [data-notebook-preview-widget],
.contact-redesign-preview [data-a75-record-rail-widgets] [data-a75-record-layout-item] {
    cursor: pointer;
}

.company-redesign-preview .a75-record-widget-toggle-header,
.contact-redesign-preview .a75-record-widget-toggle-header,
.notebook-redesign-preview .a75-record-widget-toggle-header {
    padding-right: 2rem;
    position: relative;
}

.company-redesign-preview .a75-record-widget-toggle-header::after,
.contact-redesign-preview .a75-record-widget-toggle-header::after,
.notebook-redesign-preview .a75-record-widget-toggle-header::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
    height: .46rem;
    opacity: .46;
    pointer-events: none;
    position: absolute;
    right: .85rem;
    top: 50%;
    transform: translateY(-60%) rotate(45deg);
    transition: opacity .16s ease, transform .16s ease;
    width: .46rem;
}

.company-redesign-preview .crp-widget.is-widget-collapsed .a75-record-widget-toggle-header::after,
.contact-redesign-preview .a75-record-widget.is-widget-collapsed .a75-record-widget-toggle-header::after,
.notebook-redesign-preview [data-notebook-preview-widget].is-widget-collapsed .a75-record-widget-toggle-header::after {
    transform: translateY(-40%) rotate(-135deg);
}

.company-redesign-preview .a75-record-widget-toggle-header:hover::after,
.contact-redesign-preview .a75-record-widget-toggle-header:hover::after,
.notebook-redesign-preview .a75-record-widget-toggle-header:hover::after {
    opacity: .75;
}

.company-redesign-preview.is-customizing-sidebar .crp-widget__header.a75-record-widget-toggle-header::after {
    display: none;
}

.company-redesign-preview [data-crp-section-header]:focus-visible,
.company-redesign-preview [data-crp-widget-header]:focus-visible,
.notebook-redesign-preview .agency75-section-card-head:focus-visible,
.notebook-redesign-preview .a75-record-widget-toggle-header:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--a75-color-primary, #ff5a36) 34%, transparent);
    outline-offset: 3px;
}

.company-redesign-preview button,
.company-redesign-preview a,
.company-redesign-preview summary,
.company-redesign-preview [role="button"],
.notebook-redesign-preview button,
.notebook-redesign-preview a,
.notebook-redesign-preview summary,
.notebook-redesign-preview [role="button"],
.contact-redesign-preview [data-a75-record-rail-widgets] button,
.contact-redesign-preview [data-a75-record-rail-widgets] a,
.contact-redesign-preview [data-a75-record-rail-widgets] summary,
.contact-redesign-preview [data-a75-record-rail-widgets] [role="button"] {
    cursor: pointer;
}

.company-redesign-preview input,
.company-redesign-preview select,
.company-redesign-preview textarea,
.notebook-redesign-preview input,
.notebook-redesign-preview select,
.notebook-redesign-preview textarea,
.contact-redesign-preview [data-a75-record-rail-widgets] input,
.contact-redesign-preview [data-a75-record-rail-widgets] select,
.contact-redesign-preview [data-a75-record-rail-widgets] textarea {
    cursor: auto;
}

.company-redesign-preview .crp-section.is-section-collapsed .a75-record-section-collapse-toggle i,
.notebook-redesign-preview .agency75-section-card.is-section-collapsed .a75-record-section-collapse-toggle i {
    transform: rotate(180deg);
}

.company-redesign-preview .crp-section.is-section-collapsed + .crp-location-details {
    display: none;
}

.company-redesign-preview .crp-location-details {
    background: var(--a75-surface-card, #fff);
    border: 1px solid var(--a75-border-subtle, var(--border, #eadfd7));
    border-radius: var(--a75-radius-lg, 14px);
    box-shadow: 0 10px 26px rgba(15, 23, 42, .04);
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: .95rem 1rem 1rem;
}

.company-redesign-preview .crp-location-details__head {
    align-items: flex-start;
    display: flex;
    gap: .8rem;
    justify-content: space-between;
}

.company-redesign-preview .crp-location-details__head h3,
.company-redesign-preview .crp-location-group h4 {
    align-items: center;
    color: var(--foreground, #201614);
    display: flex;
    gap: .42rem;
    font-size: .92rem;
    line-height: 1.25;
    margin: 0;
}

.company-redesign-preview .crp-location-details__head p {
    color: var(--a75-text-muted, var(--muted-foreground));
    font-size: .78rem;
    line-height: 1.45;
    margin: .18rem 0 0;
}

.company-redesign-preview .crp-location-details__actions {
    display: none;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.company-redesign-preview .crp-location-details.is-location-editing .crp-location-details__actions {
    display: inline-flex;
}

.company-redesign-preview .crp-location-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-redesign-preview .crp-location-group {
    display: grid;
    gap: .58rem;
    min-width: 0;
}

.company-redesign-preview .crp-location-group h4 .crp-icon {
    background: color-mix(in srgb, var(--a75-color-info, #2563eb) 12%, transparent);
    border-radius: 999px;
    color: var(--a75-color-info, #2563eb);
    height: 1.45rem;
    padding: .24rem;
    width: 1.45rem;
}

.company-redesign-preview .crp-location-group:nth-child(2) h4 .crp-icon {
    background: color-mix(in srgb, var(--a75-color-success, #16a34a) 12%, transparent);
    color: var(--a75-color-success, #16a34a);
}

.company-redesign-preview .crp-location-row {
    border-top: 1px solid var(--a75-border-subtle, var(--border, #eadfd7));
    min-width: 0;
    padding-top: .62rem;
}

.company-redesign-preview .crp-location-row__view {
    display: grid;
    gap: .24rem;
    min-width: 0;
}

.company-redesign-preview .crp-location-row__view strong {
    color: var(--a75-text-muted, var(--muted-foreground));
    font-size: .72rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.company-redesign-preview .crp-location-row__view span {
    color: var(--foreground, #201614);
    font-size: .88rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.company-redesign-preview .crp-location-row__edit {
    display: none;
    gap: .62rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.company-redesign-preview .crp-location-details.is-location-editing .crp-location-row__view {
    display: none;
}

.company-redesign-preview .crp-location-details.is-location-editing .crp-location-row__edit {
    display: grid;
}

.company-redesign-preview .crp-location-row__edit label {
    color: var(--a75-text-muted, var(--muted-foreground));
    display: grid;
    font-size: .74rem;
    font-weight: 750;
    gap: .28rem;
    min-width: 0;
}

.company-redesign-preview .crp-location-row__edit .crp-checkbox {
    align-content: end;
    align-items: center;
    display: flex;
    min-height: 2.65rem;
}

.company-redesign-preview .crp-location-row__wide {
    grid-column: 1 / -1;
}

.company-redesign-preview .crp-location-details .crp-empty-row {
    border: 1px dashed color-mix(in srgb, var(--a75-color-primary, #ff5a36) 22%, var(--a75-border-subtle, #eadfd7));
    border-radius: var(--a75-radius-md, 10px);
    cursor: pointer;
    margin: 0;
    padding: .68rem .75rem;
}

.company-redesign-preview .crp-widget__body > .crm-card,
.company-redesign-preview .crp-widget__body > .a75-record-search-tools {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.company-redesign-preview .crp-widget__body > .crm-card h2,
.company-redesign-preview .crp-widget__body > .a75-record-search-tools h2 {
    font-size: .9rem;
    margin: 0 0 .62rem;
}

.company-redesign-preview .crp-widget .crm-missing-action-shell,
.company-redesign-preview .crp-widget .crm-detail-list,
.company-redesign-preview .crp-widget .a75-record-search-grid,
.company-redesign-preview .crp-widget .a75-record-resource-list {
    min-width: 0;
}

.company-redesign-preview .crp-widget .crm-missing-item {
    border-radius: var(--a75-radius-md, 10px);
    min-width: 0;
}

/* ==================================================
   CONTACT PREVIEW MISSING FIELDS WIDGET PARITY
   WHY: /preview/contacts-view now uses the same Missing Fields sidebar shell
   as /preview/companies-view. These scoped aliases remove the nested helper
   card chrome only inside that preview widget, preserving the shared helper
   output and the production Contact View missing-data card.
================================================== */
.contact-redesign-preview .contact-preview-missing-widget {
    border-radius: var(--a75-radius-lg);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
    min-width: 0;
}

.contact-redesign-preview .contact-preview-missing-widget .crp-widget__header {
    align-items: flex-start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.contact-redesign-preview .contact-preview-missing-widget .crp-widget__header p {
    color: var(--a75-text-muted);
    font-size: 0.84rem;
    line-height: 1.35;
    margin: 0.16rem 0 0;
}

.contact-redesign-preview .contact-preview-missing-widget .crp-widget__body {
    display: grid;
    gap: 0.7rem;
    padding: 0.85rem 1rem 1rem;
}

.contact-redesign-preview .contact-preview-missing-widget.is-widget-collapsed [data-crp-widget-body] {
    display: none;
}

.contact-redesign-preview .contact-preview-missing-widget .crm-missing-card {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.contact-redesign-preview .contact-preview-missing-widget .crm-missing-card h2 {
    font-size: .9rem;
    margin: 0 0 .62rem;
}

.contact-redesign-preview .contact-preview-missing-widget .crm-missing-action-shell {
    min-width: 0;
}

.contact-redesign-preview .contact-preview-missing-widget .crm-missing-item {
    border-radius: var(--a75-radius-md, 10px);
    min-width: 0;
}

@media (max-width: 900px) {
    .company-redesign-preview .crp-location-grid,
    .company-redesign-preview .crp-location-row__edit {
        grid-template-columns: minmax(0, 1fr);
    }

    .company-redesign-preview .crp-location-details__head {
        flex-direction: column;
    }

    .company-redesign-preview .crp-location-details__actions {
        justify-content: flex-start;
        width: 100%;
    }
}

.notebook-redesign-preview .notebook-preview-section .agency75-section-card-head h2 {
    align-items: center;
    display: flex;
    gap: .45rem;
}

.notebook-redesign-preview .notebook-preview-section .agency75-section-card-body {
    padding: .8rem 1rem 1rem;
}

.notebook-redesign-preview .notebook-preview-field-row {
    width: 100%;
}

.notebook-redesign-preview .notebook-preview-field-list {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
}

.notebook-redesign-preview .notebook-preview-field-row > div {
    align-items: baseline;
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(8rem, .48fr) minmax(0, 1fr);
    min-width: 0;
}

.notebook-redesign-preview .notebook-preview-field-row dd,
.notebook-redesign-preview .notebook-preview-control-label {
    min-width: 0;
    width: 100%;
}

.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) .notebook-preview-field-row input,
.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) .notebook-preview-field-row select,
.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) .notebook-preview-field-row textarea,
.notebook-redesign-preview .notebook-preview-section:not(.is-section-editing) .notebook-preview-field-row .a75ts__control {
    color: var(--foreground);
    font-weight: 650;
    padding-left: 0;
}

@media (max-width: 640px) {
    .company-redesign-preview .crp-field,
    .notebook-redesign-preview .notebook-preview-field-row,
    .notebook-redesign-preview .notebook-preview-field-row > div {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .company-redesign-preview .crp-field__label,
    .company-redesign-preview .crp-field__view,
    .company-redesign-preview .crp-field__edit,
    .company-redesign-preview .crp-field__error {
        grid-column: 2;
    }

    .notebook-redesign-preview .notebook-preview-field-row dd {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1024px) {
    .contact-redesign-preview .contact-cockpit-grid,
    .notebook-redesign-preview .notebook-record-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .contact-redesign-preview .contact-operational-rail,
    .notebook-redesign-preview .crm-persistent-rail {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .contact-redesign-preview .contact-cockpit-hero,
    .notebook-redesign-preview .notebook-preview-hero {
        padding: 16px;
    }

    .contact-redesign-preview .contact-hero-main,
    .notebook-redesign-preview .notebook-preview-hero > .flex {
        flex-direction: column;
    }

    .contact-redesign-preview .a75-hero-avatar-shell,
    .notebook-redesign-preview .a75-hero-avatar-shell {
        width: 104px;
        min-width: 104px;
    }

    .contact-redesign-preview .contact-avatar-xl,
    .contact-redesign-preview .a75-hero-avatar-shell img,
    .notebook-redesign-preview .a75-hero-avatar-shell > .flex:first-child {
        width: 96px !important;
        height: 96px !important;
    }

    .contact-redesign-preview .contact-preview-rail-toggle,
    .notebook-redesign-preview .notebook-preview-rail-toggle {
        justify-self: start;
        margin: 0;
        width: auto;
        justify-content: center;
    }

    .contact-redesign-preview .contact-preview-topbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .contact-redesign-preview .contact-preview-topbar .contact-tab-strip {
        padding-right: 0.48rem;
    }

    .contact-redesign-preview .contact-hero-button-row,
    .notebook-redesign-preview .a75-entity-header__actions {
        justify-content: flex-start;
    }

    .notebook-redesign-preview .notebook-preview-section-actions {
        position: static;
        margin: 10px 0 0;
    }
}

/* ==================================================
   WEATHER TILE — COMPACT MOBILE OVERRIDE
   WHY:
   The hero weather tile uses min-height: 142px at all sizes.
   On screens ≤ 768px it dominates the first viewport,
   pushing company record fields below the fold.
   This override collapses it to a compact strip (~72px)
   by reducing the min-height, trimming padding, and hiding
   the verbose time-difference and contactability labels that
   are lowest-priority on small screens.
   BLAST RADIUS:
   Affects only .crp-weather-tile--hero at ≤ 768px.
   All other weather tile variants, desktop layout, and
   expanded state are unchanged.
================================================== */
@media (max-width: 768px) {
    /* WHY specificity: the company preview wraps the widget in .company-redesign-preview
       which gives existing rules specificity 0,2,0 (.company-redesign-preview .crp-weather-tile--hero).
       We must match that specificity here or min-height:186px/142px will win and
       the tile will stay tall despite max-height being set at 0,1,0 specificity.
       BLAST RADIUS: only the weather tile inside the company preview, only at ≤768px. */
    .company-redesign-preview .crp-weather-tile--hero {
        min-height: 72px;
        /* Hard cap: prevents inner content from expanding the tile beyond 130px. */
        max-height: 130px;
        overflow: hidden;
        padding: 0.55rem 0.75rem 0.5rem;
    }

    /* Hide verbose labels — clock + current temp + condition remain visible */
    .company-redesign-preview .crp-weather-tile--hero .crp-weather-difference,
    .company-redesign-preview .crp-weather-tile--hero .crp-weather-contactability {
        display: none;
    }

    /* Compact meta row */
    .company-redesign-preview .crp-weather-tile--hero .crp-weather-meta {
        font-size: 0.65rem;
        gap: 0.2rem;
    }

    /* Keep clock readable but slightly smaller */
    .company-redesign-preview .crp-weather-tile--hero .crp-weather-clock {
        font-size: 1.4rem;
        line-height: 1.15;
    }
}

/* WHY: The ≤420px block above (line ~29299) sets min-height:146px which cascades
   on mobile (390px) and overrides the 72px set in our ≤768px block above.
   This re-assertion is needed to keep the hard 130px cap intact at ≤420px. */
@media (max-width: 420px) {
    .company-redesign-preview .crp-weather-tile--hero {
        min-height: 72px;
        max-height: 130px;
        overflow: hidden;
    }
}
/* ==================================================
   CTV11: CONTACT VIEW — WEATHER TILE COMPACT MOBILE OVERRIDE
   WHY: The contact preview wraps the sidebar widget in .contact-redesign-preview.
   Existing rules give the base tile specificity 0,2,0 so we must scope to
   .contact-redesign-preview .crp-weather-tile--hero (also 0,2,0) or the
   hard max-height cap will be overridden by inherited min-height rules.
   BLAST RADIUS: Only .crp-weather-tile--hero inside .contact-redesign-preview
   at ≤768px and ≤420px. Desktop layout and other tile variants unchanged.
================================================== */
@media (max-width: 768px) {
    /* WHY specificity: matches 0,2,0 of existing scoped rules so the
       max-height cap actually wins over inherited min-height. */
    .contact-redesign-preview .crp-weather-tile--hero {
        min-height: 72px;
        max-height: 130px;
        overflow: hidden;
        padding: 0.55rem 0.75rem 0.5rem;
    }

    /* Hide verbose labels — clock + current temp + condition remain visible */
    .contact-redesign-preview .crp-weather-tile--hero .crp-weather-difference,
    .contact-redesign-preview .crp-weather-tile--hero .crp-weather-contactability {
        display: none;
    }

    /* Compact meta row */
    .contact-redesign-preview .crp-weather-tile--hero .crp-weather-meta {
        font-size: 0.65rem;
        gap: 0.2rem;
    }

    /* Keep clock readable but slightly smaller */
    .contact-redesign-preview .crp-weather-tile--hero .crp-weather-clock {
        font-size: 1.4rem;
        line-height: 1.15;
    }
}

/* WHY: Re-assert the 130px cap at ≤420px. The global ≤420px block sets
   min-height:146px which would override the ≤768px cap above at same
   specificity. Explicit re-assertion keeps the tile compact on 390px phones. */
@media (max-width: 420px) {
    .contact-redesign-preview .crp-weather-tile--hero {
        min-height: 72px;
        max-height: 130px;
        overflow: hidden;
    }
}

/* ==================================================
   CTV17: CONTACT VIEW HERO + STICKY HEADER OVERRIDES
   WHY: The contact preview reuses the promoted Company View hero and sticky
   header class vocabulary, but most of the polishing rules were scoped only
   to .company-redesign-preview. These contact-scoped aliases give the preview
   visual parity without touching production Contact View or Company View.
================================================== */
.contact-redesign-preview.is-sticky-header-visible .crp-sticky-header {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
}

.contact-redesign-preview .crp-sticky-back-link {
    align-items: center;
    border-radius: var(--a75-radius-pill);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2rem;
    justify-content: center;
    min-height: 2rem;
    padding: 0;
    width: 2rem;
}

.contact-redesign-preview .crp-sticky-back-link .crp-icon {
    height: 0.9rem;
    width: 0.9rem;
}

.contact-redesign-preview .crp-company-hero {
    margin-bottom: 18px;
    padding-bottom: 3.45rem;
}

.contact-redesign-preview .crp-company-hero__layout {
    align-items: center;
}

.contact-redesign-preview .crp-company-hero__identity {
    align-items: center;
    gap: 1.35rem;
}

.contact-redesign-preview .crp-hero-logo-stack {
    align-content: start;
    align-items: center;
    gap: 0.38rem;
    justify-items: center;
}

.contact-redesign-preview .crp-hero-logo-shell,
.contact-redesign-preview .crp-hero-logo,
.contact-redesign-preview .crp-hero-logo-fallback {
    border-radius: 50%;
    box-shadow: none !important;
    flex-basis: 160px;
    height: 160px;
    width: 160px;
}

.contact-redesign-preview .crp-hero-logo.a75-entity-header__avatar,
.contact-redesign-preview .crp-hero-logo img {
    border-radius: 50% !important;
    height: 160px !important;
    width: 160px !important;
}

.contact-redesign-preview .crp-company-hero__copy {
    display: grid;
    gap: 0.44rem;
}

.contact-redesign-preview .crp-company-hero__badges {
    gap: 0.38rem;
}

.contact-redesign-preview .crp-company-hero__badges .a75-pill,
.contact-redesign-preview .crp-company-hero__badges .crp-badge {
    background: transparent !important;
    border: 1px solid currentColor !important;
    border-radius: var(--a75-radius-pill);
    box-shadow: none !important;
    font-size: 0.72rem;
    font-weight: 620;
    line-height: 1.15;
    min-height: 0;
    padding: 0.18rem 0.48rem;
}

.contact-redesign-preview .crp-company-hero__signals {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem 0.95rem;
    margin-top: 0.45rem;
    max-width: 50rem;
}

.contact-redesign-preview .crp-hero-signal {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--a75-text-muted);
    display: inline-flex;
    gap: 0.26rem;
    min-height: 1.25rem;
    min-width: 0;
    padding: 0.04rem 0.18rem 0.04rem 0;
}

.contact-redesign-preview .crp-hero-signal .crp-icon {
    background: transparent;
    color: color-mix(in srgb, var(--a75-text-muted) 82%, var(--a75-color-primary));
    height: 0.78rem;
    opacity: 0.82;
    padding: 0;
    width: 0.78rem;
}

.contact-redesign-preview .crp-hero-signal--industry .crp-icon {
    color: #f97316;
}

.contact-redesign-preview .crp-hero-signal--size .crp-icon {
    color: color-mix(in srgb, #b45309 42%, var(--a75-text-muted));
}

.contact-redesign-preview .crp-hero-signal--location .crp-icon {
    color: color-mix(in srgb, #047857 40%, var(--a75-text-muted));
}

.contact-redesign-preview .crp-hero-signal strong {
    display: none;
}

.contact-redesign-preview .crp-hero-signal > span {
    color: color-mix(in srgb, var(--a75-text) 86%, var(--a75-text-muted));
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.46;
    min-width: 0;
    overflow-wrap: anywhere;
}

.contact-redesign-preview .crp-company-hero__meta {
    gap: 0.38rem 0.82rem;
    line-height: 1.46;
    margin-top: 0.04rem;
}

.contact-redesign-preview .crp-company-hero__meta span,
.contact-redesign-preview .crp-company-hero__meta-link {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.46;
    padding: 0.04rem 0.14rem 0.04rem 0;
}

.contact-redesign-preview .crp-company-hero__meta-link {
    background: transparent;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, currentColor 24%, transparent);
    border-radius: 0;
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text) 82%, var(--a75-color-primary));
    font-weight: 500;
    padding: 0;
}

.contact-redesign-preview .crp-company-hero__meta-link--linkedin {
    color: color-mix(in srgb, #0a66c2 64%, var(--a75-text));
}

.contact-redesign-preview .crp-company-hero__meta-link:hover,
.contact-redesign-preview .crp-company-hero__meta-link:focus-visible {
    border-color: color-mix(in srgb, currentColor 46%, transparent);
    box-shadow: none;
    outline: none;
    transform: none;
}

.contact-redesign-preview .crp-company-hero__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.26rem;
    justify-content: flex-end;
    margin-top: 0.55rem;
    z-index: 4;
}

@media (min-width: 901px) {
    .contact-redesign-preview .crp-company-hero__actions {
        bottom: 0.92rem;
        margin-top: 0;
        max-width: min(43rem, calc(100% - 3rem));
        position: absolute;
        right: var(--a75-space-5);
    }
}

.contact-redesign-preview .crp-hero-action {
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-card) 72%, transparent);
    border: 1px solid color-mix(in srgb, var(--a75-border-subtle) 72%, transparent);
    border-radius: var(--a75-radius-pill);
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text) 78%, var(--a75-text-muted));
    cursor: pointer;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 720;
    gap: 0.28rem;
    min-height: 1.72rem;
    padding: 0 0.52rem;
    text-decoration: none;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
    white-space: nowrap;
}

.contact-redesign-preview .crp-hero-action .crp-icon {
    height: 0.76rem;
    width: 0.76rem;
}

.contact-redesign-preview .crp-hero-action:hover,
.contact-redesign-preview .crp-hero-action:focus-visible {
    background: var(--a75-surface-card);
    border-color: color-mix(in srgb, currentColor 30%, var(--a75-border-subtle));
    box-shadow: none;
    color: var(--a75-text);
    outline: none;
}

.contact-redesign-preview .crp-hero-action--task {
    background: color-mix(in srgb, var(--a75-color-primary) 4%, var(--a75-surface-card));
    border-color: color-mix(in srgb, var(--a75-color-primary) 18%, var(--a75-border-subtle));
    color: color-mix(in srgb, var(--a75-color-primary) 58%, var(--a75-text));
}

.contact-redesign-preview .crp-hero-action--comment {
    color: color-mix(in srgb, #0f766e 44%, var(--a75-text));
}

.contact-redesign-preview .crp-hero-action--activity {
    color: color-mix(in srgb, #7c3aed 42%, var(--a75-text));
}

.contact-redesign-preview .crp-quick-actions--hero-logo {
    gap: 0.24rem;
    justify-content: center;
    max-width: 160px;
    width: 100%;
}

.contact-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action {
    background: transparent;
    border-color: color-mix(in srgb, var(--a75-border-subtle) 64%, transparent);
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text-muted) 86%, var(--a75-text));
    height: 1.58rem;
    width: 1.58rem;
}

.contact-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action .crp-icon {
    height: 0.78rem;
    width: 0.78rem;
}

.contact-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action:hover,
.contact-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action:focus-visible {
    background: var(--a75-surface-card);
    box-shadow: none;
    outline: none;
    transform: none;
}

.contact-redesign-preview .crp-company-hero__weather {
    align-items: stretch;
    display: flex;
}

.contact-redesign-preview .crp-company-hero__weather .crp-weather-tile--contact-hero {
    flex: 1;
    min-height: 186px;
}

.contact-redesign-preview .crp-sticky-header .crp-header-actions {
    gap: 0.32rem;
}

.contact-redesign-preview .crp-sticky-meta-line span,
.contact-redesign-preview .crp-sticky-meta-line a {
    align-items: center;
    display: inline-flex;
    gap: 0.24rem;
    font-weight: 500;
}

.contact-redesign-preview .crp-sticky-header .crp-action-btn {
    align-items: center;
    background: color-mix(in srgb, var(--a75-surface-card) 76%, transparent);
    border: 1px solid color-mix(in srgb, var(--a75-border-subtle) 72%, transparent);
    border-radius: var(--a75-radius-pill);
    box-shadow: none;
    color: color-mix(in srgb, var(--a75-text) 78%, var(--a75-text-muted));
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 720;
    gap: 0.28rem;
    min-height: 1.72rem;
    padding: 0 0.52rem;
    text-decoration: none;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    white-space: nowrap;
}

.contact-redesign-preview .crp-sticky-header .crp-action-btn .crp-icon {
    height: 0.76rem;
    width: 0.76rem;
}

.contact-redesign-preview .crp-sticky-header .crp-action-btn:hover,
.contact-redesign-preview .crp-sticky-header .crp-action-btn:focus-visible,
.contact-redesign-preview .crp-sticky-back-link:hover,
.contact-redesign-preview .crp-sticky-back-link:focus-visible {
    background: var(--a75-surface-card);
    border-color: color-mix(in srgb, currentColor 30%, var(--a75-border-subtle));
    box-shadow: none;
    color: var(--a75-text);
    outline: none;
    transform: none;
}

.contact-redesign-preview .crp-sticky-header .crp-action-btn--edit {
    background: color-mix(in srgb, var(--a75-color-primary) 4%, var(--a75-surface-card));
    border-color: color-mix(in srgb, var(--a75-color-primary) 18%, var(--a75-border-subtle));
    color: color-mix(in srgb, var(--a75-color-primary) 58%, var(--a75-text));
}

.contact-redesign-preview .crp-sticky-header .crp-action-btn--task {
    color: color-mix(in srgb, var(--a75-color-primary) 54%, var(--a75-text));
}

.contact-redesign-preview .crp-sticky-header .crp-action-btn--comment {
    color: color-mix(in srgb, #0f766e 44%, var(--a75-text));
}

.contact-redesign-preview .crp-sticky-header .crp-action-btn--activity {
    color: color-mix(in srgb, #7c3aed 42%, var(--a75-text));
}

@media (max-width: 768px) {
    .contact-redesign-preview .contact-preview-metrics {
        gap: 0.44rem;
        margin-bottom: 0.72rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metrics__toggle {
        font-size: 0.68rem;
        gap: 0.28rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-grid--dials {
        gap: 0.35rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card {
        align-content: center;
        border-left-width: 0;
        border-top: 2px solid var(--pdc, var(--a75-color-primary));
        gap: 0.22rem;
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        min-height: 4.65rem;
        padding: 0.36rem 0.18rem;
        text-align: center;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-dial {
        flex-basis: 2.25rem;
        grid-column: 1;
        grid-row: auto;
        height: 2.25rem;
        width: 2.25rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-dial::after {
        inset: 0.38rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-dial span {
        font-size: 0.68rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-dial-label {
        font-size: 0.5rem;
        grid-column: 1;
        letter-spacing: 0.015em;
        line-height: 1;
        max-width: 100%;
        overflow-wrap: anywhere;
        text-align: center;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-metric-sub {
        display: none;
    }

    .contact-redesign-preview .crp-company-hero {
        padding: 0.9rem;
        padding-bottom: 1rem;
    }

    .contact-redesign-preview .crp-company-hero__layout {
        gap: 0.72rem;
        grid-template-columns: 1fr;
    }

    .contact-redesign-preview .crp-company-hero__identity {
        align-items: start;
        gap: 0.72rem;
        grid-template-columns: auto minmax(0, 1fr);
        justify-items: start;
    }

    .contact-redesign-preview .crp-hero-logo-stack {
        gap: 0.26rem;
        justify-items: start;
    }

    .contact-redesign-preview .crp-hero-logo-shell,
    .contact-redesign-preview .crp-hero-logo,
    .contact-redesign-preview .crp-hero-logo-fallback,
    .contact-redesign-preview .crp-hero-logo.a75-entity-header__avatar,
    .contact-redesign-preview .crp-hero-logo img {
        flex-basis: clamp(78px, 23vw, 104px);
        height: clamp(78px, 23vw, 104px) !important;
        width: clamp(78px, 23vw, 104px) !important;
    }

    .contact-redesign-preview .crp-quick-actions--hero-logo {
        gap: 0.16rem;
        max-width: clamp(78px, 23vw, 104px);
    }

    .contact-redesign-preview .crp-quick-actions--hero-logo .crp-quick-action {
        height: 1.28rem;
        width: 1.28rem;
    }

    .contact-redesign-preview .crp-company-hero__copy {
        gap: 0.3rem;
    }

    .contact-redesign-preview .crp-company-hero__title-row {
        gap: 0.32rem;
    }

    .contact-redesign-preview .crp-company-hero__name {
        font-size: clamp(1.42rem, 6vw, 1.8rem);
        line-height: 1.05;
    }

    .contact-redesign-preview .crp-company-hero__badges {
        gap: 0.24rem;
    }

    .contact-redesign-preview .crp-company-hero__badges .a75-pill,
    .contact-redesign-preview .crp-company-hero__badges .crp-badge {
        font-size: 0.66rem;
        padding: 0.14rem 0.38rem;
    }

    .contact-redesign-preview .crp-company-hero__display {
        font-size: 0.9rem;
        line-height: 1.25;
    }

    .contact-redesign-preview .crp-company-hero__signals {
        gap: 0.18rem 0.48rem;
        margin-top: 0.06rem;
    }

    .contact-redesign-preview .crp-hero-signal {
        min-height: 1.06rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact-redesign-preview .crp-hero-signal > span,
    .contact-redesign-preview .crp-company-hero__meta span,
    .contact-redesign-preview .crp-company-hero__meta-link {
        font-size: 0.74rem;
        line-height: 1.25;
    }

    .contact-redesign-preview .crp-company-hero__actions {
        gap: 0.2rem;
        justify-content: flex-start;
        margin-top: 0.24rem;
        position: static;
    }

    .contact-redesign-preview .crp-hero-action {
        font-size: 0.66rem;
        min-height: 1.56rem;
        padding: 0 0.42rem;
    }

    .contact-redesign-preview .crp-company-hero__weather {
        display: flex;
        margin-top: 0.06rem;
        width: 100%;
    }

    .contact-redesign-preview .crp-company-hero__weather .crp-weather-tile--contact-hero {
        align-items: center;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        max-height: 112px;
        min-height: 104px;
        overflow: hidden;
        padding: 0.58rem 0.66rem;
        width: 100%;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-scene {
        opacity: 0.72;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-main {
        min-width: 0;
        padding-left: min(3.65rem, 18vw);
        position: relative;
        z-index: 2;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-clock {
        font-size: clamp(1.28rem, 7vw, 1.72rem);
        line-height: 1.05;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-meta {
        font-size: 0.62rem;
        gap: 0.18rem;
        line-height: 1.15;
        margin-top: 0.12rem;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-current {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        min-width: 5.3rem;
        position: relative;
        text-align: right;
        z-index: 2;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-current strong {
        font-size: clamp(1rem, 5vw, 1.32rem);
        line-height: 1;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-current em,
    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-current span {
        font-size: 0.64rem;
        line-height: 1.1;
        max-width: 6.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-hero-weather-refresh {
        bottom: 0;
        height: 1.45rem;
        position: absolute;
        right: 0;
        width: 1.45rem;
    }

    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-difference,
    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-contactability,
    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-details,
    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-forecast,
    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-expand-hint,
    .contact-redesign-preview .crp-weather-tile--contact-hero .crp-weather-current small {
        display: none !important;
    }

    .contact-redesign-preview .crp-sticky-header {
        gap: 0.55rem;
        padding: 0.62rem;
    }

    .contact-redesign-preview .crp-sticky-header .crp-header-main {
        gap: 0.5rem;
        width: 100%;
    }

    .contact-redesign-preview .crp-sticky-header .crp-title-group h1 {
        font-size: 1rem;
        line-height: 1.1;
    }

    .contact-redesign-preview .crp-sticky-header .crp-sticky-meta-line {
        display: -webkit-box;
        font-size: 0.76rem;
        line-height: 1.35;
        margin-top: 0.18rem;
        max-height: 2.05rem;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .contact-redesign-preview .crp-sticky-header .crp-header-actions {
        display: grid;
        gap: 0.34rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }

    .contact-redesign-preview .crp-sticky-header .crp-action-btn {
        justify-content: center;
        min-height: 1.9rem;
        padding: 0;
    }

    .contact-redesign-preview .crp-sticky-header .crp-action-btn span {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

@media (max-width: 420px) {
    .contact-redesign-preview .contact-preview-metrics .crp-metric-grid--dials {
        gap: 0.28rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card {
        min-height: 4.25rem;
        padding: 0.32rem 0.12rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-dial {
        flex-basis: 2.05rem;
        height: 2.05rem;
        width: 2.05rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-dial::after {
        inset: 0.34rem;
    }

    .contact-redesign-preview .contact-preview-metrics .crp-metric-dial.pd2-metric-card .pd2-dial-label {
        font-size: 0.46rem;
    }
}

/* ==================================================
   CTV19: CONTACT PREVIEW COMPANY QUICK ADD
   WHY: The Company tab needs a compact, always-available form for creating
   or exact-matching the minimum viable company record without leaving the
   Contact preview. Scope is limited to .contact-redesign-preview.
================================================== */
.contact-redesign-preview .contact-company-quick-add {
    display: grid;
    gap: 0.85rem;
}

.contact-redesign-preview .contact-company-quick-add__grid {
    display: grid;
    gap: 0.72rem;
    grid-template-columns: minmax(13rem, 1.2fr) minmax(11rem, 1fr) minmax(11rem, 1fr);
}

.contact-redesign-preview .contact-company-quick-add__field {
    display: grid;
    gap: 0.36rem;
    min-width: 0;
}

.contact-redesign-preview .contact-company-quick-add__field span {
    color: var(--muted-foreground);
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0;
    text-transform: uppercase;
}

.contact-redesign-preview .contact-company-quick-add__field input {
    background: color-mix(in srgb, var(--card) 92%, var(--background));
    border: 1px solid var(--border);
    border-radius: 0.55rem;
    color: var(--foreground);
    font-size: 0.88rem;
    min-height: 2.42rem;
    outline: none;
    padding: 0 0.78rem;
    width: 100%;
}

.contact-redesign-preview .contact-company-quick-add__field input:focus {
    border-color: color-mix(in srgb, var(--primary) 62%, var(--border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);
}

.contact-redesign-preview .contact-company-quick-add__footer {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.contact-redesign-preview .contact-company-quick-add__hint {
    color: var(--muted-foreground);
    font-size: 0.78rem;
    line-height: 1.45;
    margin: 0;
}

.contact-redesign-preview .contact-company-quick-add__submit {
    flex: 0 0 auto;
    gap: 0.42rem;
    min-height: 2.34rem;
    white-space: nowrap;
}

.contact-redesign-preview .contact-company-quick-add__feedback {
    border-radius: 0.55rem;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.4;
    margin: 0;
    padding: 0.55rem 0.7rem;
}

.contact-redesign-preview .contact-company-quick-add__feedback[data-tone="info"] {
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: color-mix(in srgb, var(--primary) 78%, var(--foreground));
}

.contact-redesign-preview .contact-company-quick-add__feedback[data-tone="success"] {
    background: color-mix(in srgb, #16a34a 12%, transparent);
    color: #15803d;
}

.contact-redesign-preview .contact-company-quick-add__feedback[data-tone="error"] {
    background: color-mix(in srgb, #ef4444 12%, transparent);
    color: #b91c1c;
}

.contact-redesign-preview .contact-company-quick-add.is-saving {
    opacity: 0.72;
}

@media (max-width: 900px) {
    .contact-redesign-preview .contact-company-quick-add__grid {
        grid-template-columns: 1fr;
    }

    .contact-redesign-preview .contact-company-quick-add__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-redesign-preview .contact-company-quick-add__submit {
        justify-content: center;
        width: 100%;
    }
}

/* ==================================================
   LAYOUT STABILITY - DASHBOARD, FILTERS, LEADOPS
================================================== */
/*
 * Why / Impact:
 * These scoped guards keep dense operator surfaces readable when live labels,
 * company names, campaign notes, or provider values are longer than the preview
 * data. The blast radius is limited to dashboard KPI cards, contact/company
 * filter bars, and LeadOps queue cards; no route, workflow, or data behavior is
 * changed.
 */
.dashboard-kpi-card,
.agency75-metric-card,
.leadops-board-v2,
.leadops-lane,
.leadops-work-card {
    box-sizing: border-box;
    min-width: 0;
}

.dashboard-kpi-card > div:first-child {
    align-items: flex-start;
    min-width: 0;
}

.dashboard-kpi-card > div:first-child > div:first-child {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: .25rem;
}

.dashboard-kpi-card > div:first-child > div:first-child > div,
.agency75-metric-copy span,
.agency75-metric-copy strong,
.agency75-metric-copy small {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.dashboard-kpi-icon,
.agency75-metric-icon {
    margin-left: .35rem;
}

.agency75-metric-copy {
    flex: 1 1 auto;
    max-width: 100%;
}

.agency75-metric-copy small {
    white-space: normal;
}

.dashboard-kpi-card[href],
.agency75-metric-card[href] {
    padding-bottom: 1.85rem;
}

.dashboard-kpi-card[href]::after,
.agency75-metric-card[href]::after {
    bottom: .72rem;
    line-height: 1;
    top: auto;
}

/*
 * Why / Impact:
 * The list search icon is absolutely positioned inside a flexible filter cell.
 * Explicit scoped padding prevents theme utility overrides from letting typed
 * text slide under the icon, while the mobile basis keeps filters from forcing
 * horizontal page overflow.
 */
.a75-contact-list .a75-contact-preview-filter-bar,
.a75-company-list .a75-company-preview-filter-bar {
    min-width: 0;
}

.a75-contact-list .a75-contact-preview-filter-bar > .relative,
.a75-company-list .a75-company-preview-filter-bar > .relative {
    min-width: min(100%, 18rem);
    position: relative;
}

.a75-contact-list .a75-contact-preview-filter-bar > .relative > [data-lucide="search"],
.a75-company-list .a75-company-preview-filter-bar > .relative > [data-lucide="search"] {
    left: .85rem;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1; /* Keeps the decorative search icon above the input background only. */
}

.a75-contact-list .a75-contact-preview-filter-bar input[type="text"][name="q"],
.a75-company-list .a75-company-preview-filter-bar input[type="text"][name="q"] {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 2.45rem !important;
    padding-right: .85rem !important;
    text-indent: 0;
    width: 100%;
}

/*
 * Why / Impact:
 * LeadOps cards combine identity media, confidence rings, badges, and long
 * record text inside narrow lane columns. Allowing text and controls to wrap
 * keeps the board scannable without changing lane counts or queue semantics.
 */
.leadops-board-v2 {
    overflow-y: visible;
}

.leadops-lane,
.leadops-work-card {
    max-width: 100%;
}

.leadops-card-top {
    flex-wrap: wrap;
    min-width: 0;
}

.leadops-card-top > .min-w-0 {
    flex: 1 1 10rem;
}

.leadops-confidence-ring {
    margin-left: auto;
}

.leadops-work-card h3,
.leadops-company-row span,
.leadops-card-grid strong,
.leadops-next-action p,
.leadops-message-channel {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.leadops-work-card p,
.leadops-primary-action small,
.leadops-transition-form small,
.leadops-campaign-fit p,
.leadops-campaign-fit small {
    overflow-wrap: anywhere;
}

.leadops-company-row,
.leadops-next-action div,
.leadops-campaign-fit-head {
    align-items: flex-start;
}

.leadops-next-action div,
.leadops-campaign-fit-head {
    flex-wrap: wrap;
    min-width: 0;
}

.leadops-next-action div strong,
.leadops-next-action div small,
.leadops-campaign-fit-head > span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.leadops-intel-badges span,
.leadops-channel-proof span,
.leadops-missing-row span,
.leadops-missing-row small,
.leadops-campaign-fit-pills span,
.leadops-campaign-fit-detail span,
.leadops-secondary-actions__body a,
.leadops-secondary-actions__body button {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.leadops-secondary-actions__body a,
.leadops-secondary-actions__body button {
    flex: 1 1 9rem;
    text-align: center;
}

@media (max-width: 1180px) {
    .leadops-lane {
        min-width: min(310px, calc(100vw - 2rem));
    }
}

@media (max-width: 640px) {
    .a75-contact-list .a75-contact-preview-filter-bar > .relative,
    .a75-company-list .a75-company-preview-filter-bar > .relative {
        flex-basis: 100%;
        max-width: none;
        width: 100%;
    }

    .leadops-board-v2 {
        overflow: visible;
        width: 100%;
    }

    .leadops-lane {
        min-width: 0;
    }

    .leadops-work-card {
        padding: .78rem;
    }

    .leadops-card-grid {
        grid-template-columns: 1fr;
    }

    .leadops-channel-mark {
        border-radius: 12px;
        height: 36px;
        width: 36px;
    }

    .leadops-confidence-ring {
        height: 44px;
        width: 44px;
    }
}

@media (max-width: 520px) {
    .dashboard-kpi-card[href],
    .agency75-metric-card[href] {
        padding-bottom: 1rem;
    }

    .dashboard-kpi-card[href]::after,
    .agency75-metric-card[href]::after {
        display: inline-block;
        flex: 0 0 100%;
        margin-top: .6rem;
        position: static;
    }
}

@media (max-width: 430px) {
    .leadops-card-top > .min-w-0 {
        flex-basis: 100%;
        order: 3;
    }

    .leadops-confidence-ring {
        order: 2;
    }
}

/* ==================================================
   TRANSLATION MANAGER
   Admin-only review surface for runtime i18n overrides.
================================================== */
.a75-translations-screen {
    container-type: inline-size;
}

.a75-translations-hero {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .92)),
        radial-gradient(circle at 0 0, rgba(14, 165, 233, .14), transparent 34%);
}

.a75-translations-locale-tabs {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

.a75-translations-locale-tabs a {
    align-items: flex-start;
    background: hsl(var(--card));
    border: 1px solid hsl(var(--border));
    border-radius: .75rem;
    color: hsl(var(--foreground));
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
    padding: .8rem .9rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.a75-translations-locale-tabs a:hover,
.a75-translations-locale-tabs a.is-active {
    border-color: hsl(var(--primary));
    box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.a75-translations-locale-tabs strong {
    font-size: .85rem;
    line-height: 1.1;
}

.a75-translations-locale-tabs span {
    color: hsl(var(--muted-foreground));
    font-size: .72rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.a75-translation-row {
    min-width: 0;
}

.a75-translation-row textarea {
    min-height: 4.8rem;
    resize: vertical;
}

.a75-translation-status {
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .02em;
    padding: .22rem .52rem;
    text-transform: uppercase;
}

.a75-translation-status.is-published {
    background: rgba(22, 163, 74, .12);
    color: #15803d;
}

.a75-translation-status.is-reviewed {
    background: rgba(59, 130, 246, .12);
    color: #1d4ed8;
}

.a75-translation-status.is-draft,
.a75-translation-status.is-staged {
    background: rgba(245, 158, 11, .14);
    color: #92400e;
}

.a75-translation-status.is-missing,
.a75-translation-status.is-archived {
    background: rgba(239, 68, 68, .12);
    color: #b91c1c;
}

.a75-translation-status.is-file {
    background: hsl(var(--muted));
    color: hsl(var(--muted-foreground));
}

@media (max-width: 640px) {
    .a75-translations-locale-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .a75-translation-row {
        padding: .9rem;
    }
}